:root{color:#f8fafc;background:transparent;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.4;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden;background:transparent}body{min-width:320px;min-height:180px}.source-stage,.fallback-stage{position:relative;width:100vw;height:100vh;min-width:0;min-height:0;overflow:hidden;background:transparent}.source-stage{container-type:size}.source-safe-area{position:absolute;top:var(--safe-area-top);right:var(--safe-area-right);bottom:var(--safe-area-bottom);left:var(--safe-area-left);display:flex;min-width:0;min-height:0;align-items:flex-end;justify-content:center}.campaign-overlay{position:relative;isolation:isolate;display:grid;width:min(100%,clamp(540px,61.5vw,2360px));min-height:clamp(132px,9.2vw,352px);max-height:100%;grid-template-columns:minmax(clamp(132px,10.9vw,420px),.66fr) minmax(0,1.45fr) minmax(clamp(98px,7.1vw,272px),.42fr);gap:clamp(12px,1.05vw,40px);align-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent-color) 70%,white);border-radius:8px;color:var(--panel-text-color);background:linear-gradient(112deg,color-mix(in srgb,var(--panel-background-color) 90%,#020617),color-mix(in srgb,var(--brand-color) 46%,#020617) 58%,#050816),var(--panel-background-color);box-shadow:0 24px 80px #02061770,inset 0 1px #ffffff1f;padding:clamp(14px,.95vw,36px) clamp(16px,1.15vw,44px) clamp(14px,.95vw,36px) clamp(20px,1.35vw,52px)}.campaign-overlay:before{position:absolute;z-index:-1;top:0;bottom:0;left:0;width:8px;background:var(--accent-color);content:""}.brand-lockup{display:grid;grid-template-columns:auto minmax(0,1fr);min-width:0;align-items:center;gap:clamp(9px,.68vw,26px)}.brand-logo{display:grid;width:clamp(48px,4.06vw,156px);height:clamp(48px,4.06vw,156px);flex:0 0 auto;place-items:center;border-radius:8px;color:#111827;background:var(--accent-color);box-shadow:inset 0 0 0 1px #ffffff47,0 12px 30px #0206173d;font-size:clamp(1rem,1.38vw,3.3rem);font-weight:900;line-height:1;overflow:hidden}.brand-logo img{display:block;width:100%;height:100%;object-fit:contain;padding:clamp(5px,.42vw,16px)}.brand-lockup span,.brand-lockup small,.qr-panel strong{display:block}.brand-lockup span{display:-webkit-box;overflow:hidden;font-size:clamp(.72rem,.75vw,1.8rem);font-weight:900;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-transform:uppercase}.brand-lockup small,.countdown-copy{color:color-mix(in srgb,var(--panel-text-color) 76%,transparent);font-size:clamp(.66rem,.72vw,1.72rem);font-weight:750;overflow-wrap:anywhere}.offer-copy{min-width:0}.offer-copy h1,.offer-copy p{margin:0}.offer-copy h1{display:-webkit-box;overflow:hidden;font-size:clamp(1.25rem,1.67vw,4rem);line-height:1.04;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.offer-copy p{display:-webkit-box;overflow:hidden;margin-top:clamp(5px,.36vw,14px);color:color-mix(in srgb,var(--panel-text-color) 88%,transparent);font-size:clamp(.86rem,.94vw,2.26rem);font-weight:720;line-height:1.24;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.offer-actions{display:flex;min-width:0;flex-wrap:wrap;gap:clamp(7px,.47vw,18px);margin-top:clamp(8px,.63vw,24px)}.cta-chip,.offer-code{display:inline-flex;min-height:clamp(30px,1.88vw,72px);align-items:center;justify-content:center;border-radius:6px;color:#111827;background:var(--accent-color);font-weight:900}.cta-chip{border:0;max-width:100%;padding:0 clamp(11px,.73vw,28px);box-shadow:0 10px 26px #02061733;font-size:clamp(.75rem,.78vw,1.88rem);font-family:inherit;overflow-wrap:anywhere;text-align:center}.cta-chip:enabled{cursor:pointer}.offer-code{gap:clamp(6px,.42vw,16px);border:1px solid rgb(248 250 252 / 46%);padding:0 clamp(9px,.57vw,22px);color:#111827;background:#f8fafc}.offer-code span{color:#111827ad;font-size:clamp(.6rem,.38vw,1.44rem);font-weight:900;letter-spacing:0;text-transform:uppercase}.offer-code code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(.72rem,.77vw,1.84rem);font-weight:900}.countdown-copy{max-width:100%;margin-top:clamp(6px,.47vw,18px)!important;color:color-mix(in srgb,var(--accent-color) 84%,white)!important;font-size:clamp(.62rem,.68vw,1.64rem)!important;line-height:1.16!important;-webkit-line-clamp:1!important;text-transform:uppercase}.qr-panel{display:grid;min-width:0;justify-items:center;gap:clamp(7px,.47vw,18px);border-left:1px solid rgb(248 250 252 / 18%);padding-left:clamp(12px,.94vw,36px)}.qr-mark{display:block;width:clamp(72px,6.15vw,236px);aspect-ratio:1;border-radius:6px;filter:drop-shadow(0 10px 22px rgb(2 6 23 / 32%))}.qr-mark__background{fill:#f8fafc}.qr-mark__modules{fill:#111827;shape-rendering:crispEdges}.qr-mark--placeholder{position:relative;border:clamp(5px,.36vw,14px) solid #f8fafc;background:linear-gradient(90deg,#111827 50%,transparent 50%) 0 0 / clamp(14px,1.15vw,44px) clamp(14px,1.15vw,44px),linear-gradient(#111827 50%,transparent 50%) 0 0 / clamp(14px,1.15vw,44px) clamp(14px,1.15vw,44px),#f8fafc}.qr-mark span{position:absolute;width:24%;aspect-ratio:1;border:clamp(4px,.31vw,12px) solid #111827;background:#f8fafc}.qr-mark span:first-child{top:7%;left:7%}.qr-mark span:nth-child(2){top:7%;right:7%}.qr-mark span:nth-child(3){bottom:7%;left:7%}.qr-panel strong{display:-webkit-box;max-width:clamp(96px,7.4vw,284px);overflow:hidden;color:color-mix(in srgb,var(--panel-text-color) 86%,transparent);font-size:clamp(.66rem,.65vw,1.56rem);line-height:1.13;overflow-wrap:anywhere;text-align:center;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-transform:uppercase}.preview-ribbon{position:fixed;z-index:2;top:clamp(12px,1.3vw,50px);right:clamp(12px,1.3vw,50px);display:grid;min-width:clamp(118px,8.2vw,316px);gap:clamp(1px,.1vw,4px);justify-items:end;border:1px solid rgb(17 24 39 / 18%);border-radius:6px;color:#111827;background:var(--accent-color);box-shadow:0 12px 34px #0206173d;padding:clamp(6px,.42vw,16px) clamp(8px,.57vw,22px);text-transform:uppercase}.preview-ribbon strong{font-size:clamp(.68rem,.68vw,1.64rem);font-weight:950;line-height:1}.preview-ribbon span{font-size:clamp(.55rem,.48vw,1.16rem);font-weight:900;line-height:1;opacity:.74}.fallback-stage{display:grid;place-items:center;padding:clamp(16px,2.08vw,80px)}.fallback-panel{display:grid;width:min(520px,100%);gap:3px;border:1px solid rgb(248 250 252 / 22%);border-radius:8px;color:#f8fafc;background:#0f172ac7;box-shadow:0 18px 56px #02061752;padding:clamp(12px,.73vw,28px) clamp(14px,.83vw,32px)}.fallback-panel strong{font-size:clamp(.9rem,.83vw,2rem)}.fallback-panel span{color:#e2e8f0db;font-size:clamp(.78rem,.75vw,1.8rem);font-weight:700}@media(max-width:560px){.source-safe-area{inset:auto 12px 12px}.campaign-overlay{grid-template-columns:1fr;gap:14px;width:100%;min-height:0;max-height:calc(100vh - 24px);padding:16px 16px 16px 20px}.brand-lockup{align-items:flex-start}.brand-logo{font-size:1.18rem}.qr-panel{grid-template-columns:auto minmax(0,1fr);align-items:center;justify-items:start;border-top:1px solid rgb(248 250 252 / 18%);border-left:0;padding-top:12px;padding-left:0}.qr-mark{width:72px}.qr-panel strong{text-align:left}.fallback-stage{padding:16px}}