:root{
  --ink:#09090b;--paper:#fff;--soft:#f5f5f7;--muted:#6e6e73;--line:#d2d2d7;--blue:#0071e3;--blue2:#0077ed;--radius:30px;--safe:env(safe-area-inset-bottom,0px);--max:1180px;
}
button:disabled{cursor:wait;opacity:.72}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:#fff}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.wrap{max-width:var(--max);margin:0 auto;padding:0 22px}.skip{position:fixed;z-index:9999;left:14px;top:10px;background:#fff;color:#111;padding:10px 14px;border-radius:12px;transform:translateY(-160%);transition:transform .18s}.skip:focus{transform:none}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.topbar{position:fixed;z-index:80;top:0;left:0;right:0;height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100vw - var(--max))/2 + 22px));color:#111;background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,0));transition:background .28s,backdrop-filter .28s,border-color .28s;pointer-events:none;border-bottom:1px solid transparent}.topbar>*{pointer-events:auto}.topbar.scrolled{background:rgba(255,255,255,.78);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border-color:rgba(0,0,0,.06)}.brand{text-decoration:none;font-size:19px;font-weight:650;letter-spacing:-.045em}.brand img{display:block;width:108px;height:auto}.brand span{font-weight:800}.topmeta{display:flex;gap:8px;align-items:center;font-size:11px;font-weight:650;color:#58585d;letter-spacing:.01em}.pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:#38c451;box-shadow:0 0 0 4px rgba(56,196,81,.08)}

.hero{height:138svh;background:#fff;position:relative}.hero-pin{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;grid-template-rows:auto 1fr;background:#fff}.hero-copy{position:absolute;z-index:4;top:82px;left:50%;transform:translateX(-50%);width:min(760px,calc(100% - 40px));text-align:center;transition:opacity .25s,transform .25s}.eyebrow{margin:0;font-size:11px;line-height:1.2;letter-spacing:.15em;font-weight:760;color:rgba(0,0,0,.48)}.eyebrow.ink{color:#747479}.hero h1{margin:9px 0 0;font-size:clamp(52px,7vw,88px);line-height:.94;letter-spacing:-.068em;font-weight:760}.hero-line{margin:7px 0 0;font-size:clamp(25px,3vw,36px);line-height:1;letter-spacing:-.052em;font-weight:680}.hero-price{margin:16px 0 18px;font-size:15px;color:#6e6e73}.hero-price strong{color:#111}.primary{min-height:52px;padding:0 24px;border:0;border-radius:999px;background:var(--blue);color:#fff;font-weight:700;font-size:15px;letter-spacing:-.012em;box-shadow:none;transition:transform .15s,background .15s}.primary:hover{background:var(--blue2)}.primary:active{transform:scale(.975)}.primary.light{background:#fff;color:#111}.primary.light:hover{background:#f3f3f5}.hero-cta{min-width:136px}.micro{margin:11px 0 0;font-size:11px;color:#86868b}
.hero-device{position:absolute;z-index:2;left:50%;bottom:-1.5%;width:min(1040px,96vw);height:73svh;transform:translateX(-50%);pointer-events:none}.hero-layer{position:absolute;inset:0;display:grid;place-items:end center;will-change:opacity,transform}.hero-layer img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.hero-closed{opacity:1;transform:translate3d(0,3%,0) scale(.88)}.hero-open{opacity:0;transform:translate3d(0,4%,0) scale(.91)}.hero-endcopy{position:absolute;z-index:5;left:50%;bottom:28px;transform:translate(-50%,12px);text-align:center;opacity:0;display:flex;flex-direction:column;gap:4px;width:min(90%,600px);pointer-events:none}.hero-endcopy strong{font-size:20px;letter-spacing:-.035em}.hero-endcopy span{font-size:13px;color:#77777d}

.config{background:var(--soft);padding:92px 0 104px}.config-wrap{max-width:1040px}.config-intro{max-width:760px;margin-bottom:58px}.config-intro h2,.theatre h2,.highlights h2,.trust h2{margin:9px 0 0;font-size:clamp(48px,6.2vw,80px);line-height:.98;letter-spacing:-.066em;font-weight:760}.config-intro p:last-child{margin:16px 0 0;max-width:520px;color:#6e6e73;font-size:19px;line-height:1.45;letter-spacing:-.022em}.finish-block,.storage-block{background:#fff;border-radius:36px;padding:34px;box-shadow:0 1px 0 rgba(0,0,0,.03);scroll-margin-top:72px}.storage-block{margin-top:18px}.step-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:20px}.step-kicker{display:block;font-size:10px;letter-spacing:.12em;font-weight:780;color:#8a8a90;margin-bottom:8px}.step-head h3{margin:0;font-size:clamp(30px,3.6vw,48px);letter-spacing:-.055em;line-height:1}.step-head>strong{font-size:14px;color:#4e4e53;font-weight:700;white-space:nowrap}.finish-stage{position:relative;height:600px;overflow:hidden;border-radius:28px;background:#fbfbfd;touch-action:pan-y;outline:none;isolation:isolate}.finish-glow{position:absolute;inset:18% 16%;border-radius:50%;filter:blur(70px);opacity:.16;background:#d8d5cc;transition:background .35s,opacity .35s;pointer-events:none}.finish-stage[data-active="night-sky"] .finish-glow{background:#8592a2;opacity:.13}.finish-layer{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:scale(.986) translateY(3px);transition:opacity .27s cubic-bezier(.2,.7,.2,1),transform .36s cubic-bezier(.2,.75,.2,1),filter .28s;filter:blur(3px);pointer-events:none}.finish-layer.is-active{opacity:1;transform:scale(1) translateY(0);filter:none}.finish-layer img{display:block;width:100%;height:100%;object-fit:contain;padding:24px 4px}.swipe-hint{position:absolute;z-index:5;left:50%;bottom:16px;transform:translateX(-50%);padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:11px;font-weight:650;color:#6a6a70;opacity:1;transition:opacity .25s;box-shadow:0 1px 8px rgba(0,0,0,.05)}.swipe-hint span{margin-right:5px}.finish-stage.used .swipe-hint{opacity:0}.swatches{display:flex;justify-content:center;gap:18px;margin-top:22px}.swatch{border:0;background:transparent;color:#111;display:grid;justify-items:center;gap:9px;min-width:86px;padding:8px}.swatch-dot{display:block;width:34px;height:34px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12),0 0 0 0 #fff,0 0 0 0 #0071e3;transition:box-shadow .18s,transform .18s}.swatch-dot.white{background:#f0eee8}.swatch-dot.night{background:#172231}.swatch em{font-style:normal;font-size:12px;font-weight:650;color:#6b6b70}.swatch.is-selected .swatch-dot{box-shadow:inset 0 0 0 1px rgba(0,0,0,.12),0 0 0 4px #fff,0 0 0 6px #0071e3;transform:scale(1.03)}.swatch.is-selected em{color:#111}.reveal-step[hidden]{display:none!important}.reveal-step:not([hidden]){animation:stepIn .42s cubic-bezier(.2,.72,.2,1) both}@keyframes stepIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.storage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.storage{min-height:100px;border-radius:20px;border:1px solid #d9d9de;background:#fff;padding:17px;text-align:left;transition:border-color .16s,box-shadow .16s,transform .16s}.storage:hover{border-color:#8f8f94}.storage:active{transform:scale(.988)}.storage.is-selected{border-color:#0071e3;box-shadow:inset 0 0 0 1px #0071e3}.storage strong{display:block;font-size:20px;letter-spacing:-.038em}.storage span{display:block;margin-top:6px;font-size:13px;color:#6e6e73;font-weight:600}.your-duo{margin-top:18px;min-height:650px;border-radius:36px;background:#050506;color:#fff;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);overflow:hidden}.summary-art{min-height:620px;background-repeat:no-repeat;background-position:center;background-size:contain;transform:scale(1.01);transition:background-image .2s}.summary-copy{align-self:center;padding:46px 52px 46px 16px}.summary-copy .eyebrow{color:#88888d}.summary-copy h3{font-size:clamp(42px,5vw,66px);line-height:.95;letter-spacing:-.064em;margin:9px 0 11px}.summary-spec{font-size:18px;color:#c5c5ca;margin:0 0 24px}.price-xl{font-size:clamp(42px,5vw,64px);font-weight:760;letter-spacing:-.064em;line-height:1;margin:0 0 18px}.batch{display:inline-flex;align-items:center;gap:8px;color:#d4d4d7;font-size:12px;font-weight:650}.priority-note{max-width:330px;color:#98989d;font-size:12px;line-height:1.45;margin:12px 0 24px}.textbtn{border:0;background:transparent;color:#55565c;padding:13px 10px;font-weight:650;font-size:13px}.light-text{color:#a5a5aa;margin-left:5px}

.theatre{background:#000;color:#fff;padding:104px 0 0;overflow:hidden;content-visibility:auto;contain-intrinsic-size:900px}.theatre .eyebrow,.highlights .eyebrow{color:#7d7d82}.theatre-head{padding-bottom:44px}.theatre-media{max-width:1600px;margin:0 auto}.theatre-media picture,.theatre-media img{display:block;width:100%}.theatre-media img{max-height:820px;object-fit:contain;object-position:center bottom}.highlights{background:#000;color:#fff;padding:104px 0 104px;content-visibility:auto;contain-intrinsic-size:760px}.highlights-head{margin-bottom:42px}.highlights h2{max-width:900px}.rail{display:flex;gap:18px;overflow-x:auto;padding:0 max(22px,calc((100vw - var(--max))/2 + 22px)) 26px;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain}.rail::-webkit-scrollbar{display:none}.highlight-card{flex:0 0 min(78vw,720px);height:610px;border-radius:34px;overflow:hidden;scroll-snap-align:center;position:relative;display:grid;grid-template-rows:auto 1fr}.highlight-card.light-card{background:#f5f5f7;color:#111}.highlight-card.dark-card{background:#171719;color:#fff}.card-copy{padding:31px 34px 4px;position:relative;z-index:2}.card-copy span{font-size:10px;letter-spacing:.13em;font-weight:780;color:#8e8e93}.card-copy h3{font-size:clamp(30px,3vw,44px);letter-spacing:-.055em;line-height:1;margin:8px 0 9px}.card-copy p{margin:0;max-width:440px;color:#77777d;font-size:14px;line-height:1.4}.dark-card .card-copy p{color:#a0a0a5}.highlight-card picture{display:grid;place-items:center;min-height:0}.highlight-card img{width:100%;height:100%;object-fit:contain;object-position:center bottom;padding:4px 10px 10px}.rail-dots{display:flex;justify-content:center;gap:7px;margin-top:2px}.rail-dots span{width:6px;height:6px;border-radius:50%;background:#505055}.rail-dots span.active{background:#fff}

.trust{background:#f5f5f7;padding:78px 0 84px;content-visibility:auto;contain-intrinsic-size:430px}.trust-wrap{display:grid;grid-template-columns:minmax(250px,.78fr) minmax(0,1.22fr);gap:48px;align-items:end}.trust-title h2{font-size:clamp(40px,4.3vw,60px)}.trust-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#dedee3;border-radius:22px;overflow:hidden}.trust-strip div{background:#fff;padding:20px 18px;min-height:102px}.trust-strip strong{display:block;font-size:14px;letter-spacing:-.025em}.trust-strip span{display:block;margin-top:6px;font-size:11px;line-height:1.4;color:#7b7b80}.footer{background:#f5f5f7;border-top:1px solid rgba(0,0,0,.06);padding:22px 0 34px;color:#77777d;font-size:11px}.footer .wrap{display:flex;justify-content:space-between;gap:16px;align-items:center}.footer nav{display:flex;gap:16px}.footer a{text-decoration:none}.footer a:hover{text-decoration:underline}

.sticky{position:fixed;z-index:70;left:50%;bottom:calc(10px + var(--safe));width:min(580px,calc(100% - 20px));transform:translate(-50%,140%);opacity:0;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 8px 8px 16px;border-radius:22px;background:rgba(22,22,24,.91);color:#fff;backdrop-filter:saturate(180%) blur(22px);-webkit-backdrop-filter:saturate(180%) blur(22px);box-shadow:0 12px 40px rgba(0,0,0,.18);transition:transform .28s cubic-bezier(.2,.72,.2,1),opacity .2s;pointer-events:none}.sticky.show{transform:translate(-50%,0);opacity:1;pointer-events:auto}.sticky-copy{min-width:0}.sticky strong,.sticky span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticky strong{font-size:12px}.sticky span{margin-top:2px;font-size:11px;color:#aaaab0}.sticky button{border:0;border-radius:16px;background:#fff;color:#111;min-height:46px;padding:0 17px;font-weight:750;font-size:12px;white-space:nowrap}

.sheet{border:0;background:transparent;padding:0;max-width:none;max-height:none;width:100%;height:100%;margin:0}.sheet::backdrop{background:rgba(0,0,0,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.sheet-card{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(650px,100%);max-height:94svh;overflow:auto;border-radius:30px 30px 0 0;background:#fff;padding:28px 26px calc(26px + var(--safe));box-shadow:0 -18px 60px rgba(0,0,0,.18);animation:sheetIn .3s cubic-bezier(.2,.72,.2,1) both}.sheet-card h2{font-size:clamp(36px,5vw,54px);line-height:.96;letter-spacing:-.06em;margin:8px 0 12px}.sheet-lede{font-size:14px;line-height:1.45;color:#737378;margin:0 0 22px}.close{position:sticky;z-index:5;top:0;float:right;width:34px;height:34px;border-radius:50%;border:0;background:#ececef;color:#555;font-size:22px;line-height:1}.mini-order{display:flex;gap:12px;align-items:center;margin:7px 44px 24px 0;padding:10px;border-radius:18px;background:#f5f5f7}.mini-order img{width:74px;height:58px;object-fit:contain;border-radius:12px;background:#fff}.mini-order strong,.mini-order span{display:block}.mini-order strong{font-size:13px}.mini-order span{font-size:11px;color:#737378;margin-top:3px}.sheet label{display:block;font-size:12px;font-weight:700;color:#4d4d52;margin:14px 0}.sheet input{display:block;width:100%;height:54px;border-radius:14px;border:1px solid #d7d7dc;padding:0 14px;margin-top:7px;background:#fff;color:#111;font-size:16px;outline:none}.sheet input:focus{border-color:#0071e3;box-shadow:0 0 0 3px rgba(0,113,227,.12)}.wide{width:100%}.privacy-note{font-size:10px;color:#929297;line-height:1.45;margin:12px 4px 0}.payment-section{margin-top:22px}.payment-section h3{font-size:14px;margin:0 0 9px}.pay-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pay-option{min-height:62px;border:1px solid #dedee3;background:#fff;border-radius:15px;font-weight:700;color:#222}.pay-option:hover{border-color:#8f8f94}.pay-option.is-selected{border-color:#0071e3;box-shadow:inset 0 0 0 1px #0071e3}.instruction,.proof{margin-top:18px;padding:18px;border-radius:18px;background:#f5f5f7}.instruction h3{font-size:28px;letter-spacing:-.05em;margin:8px 0 10px}.instruction>p:not(.eyebrow){font-size:13px;line-height:1.5;color:#606065}.proof label{margin-top:0}.success-card{text-align:center}.checkmark{width:48px;height:48px;display:grid;place-items:center;margin:4px auto 18px;border-radius:50%;background:#111;color:#fff;font-size:22px}.success-card>p{color:#737378}.ref-card{margin:20px 0;padding:17px;border-radius:16px;background:#f5f5f7;text-align:left}.ref-card span,.ref-card strong{display:block}.ref-card span{font-size:10px;color:#777}.ref-card strong{font-size:18px;margin-top:4px;letter-spacing:.03em}.linkbtn{display:flex;align-items:center;justify-content:center;text-decoration:none;margin-top:9px}.secondary{min-height:52px;border-radius:999px;background:#f0f0f2;color:#111;font-weight:700}.toast{position:fixed;z-index:120;left:50%;bottom:calc(94px + var(--safe));transform:translate(-50%,12px);padding:10px 14px;border-radius:999px;background:#111;color:#fff;font-size:12px;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes sheetIn{from{transform:translate(-50%,24px);opacity:0}to{transform:translate(-50%,0);opacity:1}}

@media(max-width:900px){.hero{height:130svh}.hero-copy{top:76px}.hero-device{width:116vw;height:70svh;bottom:-1%}.config{padding-top:82px}.finish-stage{height:500px}.storage-grid{grid-template-columns:1fr 1fr}.your-duo{grid-template-columns:1fr;min-height:0}.summary-art{min-height:520px}.summary-copy{padding:0 34px 42px}.theatre{padding-top:92px}.highlight-card{height:560px;flex-basis:84vw}.trust-wrap{grid-template-columns:1fr;gap:26px}.trust-strip{grid-template-columns:repeat(4,minmax(150px,1fr));overflow-x:auto;scrollbar-width:none}.trust-strip::-webkit-scrollbar{display:none}}
@media(max-width:600px){.wrap{padding:0 18px}.topbar{height:50px;padding:0 16px}.brand{font-size:18px}.topmeta{font-size:10px}.hero{height:126svh}.hero-copy{top:68px;width:calc(100% - 32px)}.hero h1{font-size:54px}.hero-line{font-size:27px}.hero-price{margin:13px 0 16px}.hero-device{width:132vw;height:64svh;bottom:0}.hero-endcopy{bottom:18px}.hero-endcopy strong{font-size:17px}.config{padding:68px 0 76px}.config-intro{margin-bottom:38px}.config-intro h2{font-size:47px}.config-intro p:last-child{font-size:16px}.finish-block,.storage-block{border-radius:28px;padding:20px}.step-head{align-items:flex-start}.step-head h3{font-size:34px}.step-head>strong{font-size:12px;margin-top:20px}.finish-stage{height:350px;border-radius:22px;margin:0 -8px}.finish-layer img{padding:12px 0}.swatches{gap:9px}.storage-grid{gap:9px}.storage{min-height:86px;padding:14px;border-radius:17px}.storage strong{font-size:18px}.your-duo{border-radius:28px;margin-left:-2px;margin-right:-2px}.summary-art{min-height:350px}.summary-copy{padding:0 22px 28px}.summary-copy h3{font-size:44px}.summary-spec{font-size:16px;margin-bottom:18px}.price-xl{font-size:44px}.theatre{padding-top:76px}.theatre-head{padding-bottom:20px}.theatre h2,.highlights h2{font-size:43px}.highlights{padding:82px 0 82px}.highlights-head{margin-bottom:30px}.rail{padding-left:18px;padding-right:18px;gap:12px}.highlight-card{flex-basis:89vw;height:500px;border-radius:27px}.card-copy{padding:25px 24px 4px}.card-copy h3{font-size:32px}.trust{padding:62px 0 70px}.trust-title h2{font-size:40px}.trust-strip{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;border-radius:20px}.trust-strip div{min-height:94px;padding:16px 15px}.footer .wrap{align-items:flex-start;flex-direction:column}.sticky{bottom:calc(7px + var(--safe));width:calc(100% - 12px);padding-left:14px;border-radius:19px}.sticky button{min-height:46px;padding:0 15px}.sheet-card{padding-left:18px;padding-right:18px;border-radius:26px 26px 0 0}.pay-grid{grid-template-columns:1fr 1fr}}
@media(max-width:390px){.hero h1{font-size:50px}.hero-line{font-size:25px}.hero-device{width:140vw;height:62svh}.finish-stage{height:330px}.summary-art{min-height:320px}.highlight-card{height:470px}.sticky strong{max-width:180px}.sticky span{max-width:180px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-layer,.hero-copy,.hero-endcopy,.finish-layer,.reveal-step:not([hidden]),.sticky,.primary{transition:none!important;animation:none!important}.finish-layer{filter:none!important}.hero-closed{opacity:0!important}.hero-open{opacity:1!important;transform:translate3d(0,0,0) scale(.98)!important}.hero-copy{opacity:1!important;transform:translateX(-50%)!important}.hero-endcopy{display:none!important}}
.secured-product{height:170px;background-repeat:no-repeat;background-position:center;background-size:contain;margin:-8px 0 8px}.secured-card .checkmark{margin-top:0}.secured-spec{font-size:16px;color:#5f5f64!important;margin:4px 0 0!important}.secured-paid{font-size:28px!important;font-weight:760;color:#111!important;letter-spacing:-.045em;margin:13px 0 12px!important}.priority-chip{display:inline-flex;padding:8px 12px;border-radius:999px;background:#111;color:#fff;font-size:11px;font-weight:750}.fulfilment{margin:26px 0 18px;text-align:left}.fulfilment h3{font-size:15px;margin:0 0 10px}.fulfilment-option{display:block;width:100%;text-align:left;border:1px solid #dedee3;background:#fff;border-radius:16px;padding:16px;margin-top:8px}.fulfilment-option strong,.fulfilment-option span{display:block}.fulfilment-option strong{font-size:14px}.fulfilment-option span{font-size:11px;color:#777;margin-top:4px}.fulfilment-option.is-selected{border-color:#0071e3;box-shadow:inset 0 0 0 1px #0071e3}

/* =========================================================
   V3 MILLIONAIRE FINAL — FRONT LOCK
   Exact visual sizing / rhythm overrides.
   ========================================================= */
:root{--duo-ease:cubic-bezier(.2,.72,.2,1)}
.hero{height:124svh}
.hero-device{width:min(1120px,108vw);height:74svh;bottom:1.5svh}
.hero-layer img{width:100%;height:auto;max-width:none;max-height:76svh;object-fit:contain}
.hero-copy{top:78px}
.hero h1{font-weight:750}
.hero-line{font-weight:660}
.hero-cta{min-height:52px;padding-inline:25px}
.config{padding-top:84px}
.config-intro{margin-bottom:44px}
.config-intro p:last-child{max-width:450px}
.finish-block,.storage-block{border:1px solid rgba(0,0,0,.025)}
.finish-stage{height:620px}
.finish-layer img{padding:10px 0}
.storage{display:flex;flex-direction:column;justify-content:center}
.your-duo{margin-top:22px}
.summary-copy .primary{min-width:168px}
.highlight-card img{transition:transform .35s var(--duo-ease)}
.highlight-card:nth-child(1) img{transform:scale(1.08)}
.highlight-card:nth-child(2) img{transform:scale(1.04)}
.highlight-card:nth-child(3) img{transform:scale(1.06)}
.more-pay{margin-top:10px;border:0;background:transparent;color:#0066cc;font-size:12px;font-weight:700;padding:8px 2px}
.instruction-rows{display:grid;gap:8px;margin:12px 0 15px}
.instruction-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:13px;background:#fff;border:1px solid #e4e4e8;text-align:left}
.instruction-row div{min-width:0}.instruction-row span,.instruction-row strong{display:block}.instruction-row span{font-size:10px;color:#85858a;margin-bottom:3px}.instruction-row strong{font-size:13px;overflow-wrap:anywhere}.copy-mini{flex:0 0 auto;border:0;border-radius:10px;background:#f0f0f2;color:#111;min-height:34px;padding:0 10px;font-size:11px;font-weight:750}
.upload-card{position:relative;display:flex!important;align-items:center;gap:12px;min-height:72px!important;margin:14px 0!important;padding:12px 14px;border:1px dashed #c8c8ce;border-radius:16px;background:#fff;cursor:pointer;color:#111!important}
.upload-card:hover{border-color:#8d8d93}.upload-card:focus-within{border-color:#0071e3;box-shadow:0 0 0 3px rgba(0,113,227,.10)}
.upload-card input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;margin:0!important;padding:0!important;border:0!important}
.upload-plus{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:#f0f0f2;font-size:23px;font-weight:400;line-height:1}
.upload-card strong,.upload-card em{display:block}.upload-card strong{font-size:13px}.upload-card em{font-style:normal;font-size:10px;color:#85858a;margin-top:3px;font-weight:500}
.sheet-card{overscroll-behavior:contain;scrollbar-width:none}.sheet-card::-webkit-scrollbar{display:none}

@media(max-width:900px){
  .hero{height:122svh}
  .hero-device{width:132vw;height:66svh;bottom:2svh}
  .finish-stage{height:540px}
}
@media(max-width:600px){
  .wrap{padding-left:18px;padding-right:18px}
  .topbar{height:50px}
  .hero{height:121svh}
  .hero-copy{top:64px;width:calc(100% - 30px)}
  .hero h1{font-size:52px;line-height:.95}
  .hero-line{font-size:25px;margin-top:6px}
  .hero-price{font-size:14px;margin:12px 0 15px}
  .hero-cta{min-height:50px;padding-inline:23px;font-size:14px}
  .micro{margin-top:9px}
  .hero-device{width:158vw;height:58svh;bottom:2.5svh}
  .hero-layer img{width:100%;max-height:none}
  .hero-endcopy{bottom:14px}
  .config{padding:62px 0 72px}
  .config-intro{margin-bottom:30px}
  .config-intro h2{font-size:44px}
  .config-intro p:last-child{margin-top:11px;font-size:15px;line-height:1.4}
  .finish-block,.storage-block{padding:18px;border-radius:27px}
  .step-head{margin-bottom:15px;gap:10px}
  .step-kicker{font-size:9px;margin-bottom:7px}
  .step-head h3{font-size:32px;line-height:1.02}
  .step-head>strong{font-size:11px;margin-top:17px;max-width:120px;text-align:right}
  .finish-stage{height:clamp(390px,55svh,460px);margin:0 -5px;border-radius:22px}
  .finish-layer img{padding:0}
  .finish-glow{inset:22% 18%;filter:blur(56px)}
  .swipe-hint{bottom:12px;font-size:10px;padding:7px 10px}
  .swatches{margin-top:18px;gap:15px}
  .swatch{min-width:102px;padding:8px 5px}
  .swatch-dot{width:36px;height:36px}
  .swatch em{font-size:11px}
  .storage-block{margin-top:12px}
  .storage-grid{gap:8px}
  .storage{min-height:88px;padding:14px 13px;border-radius:17px}
  .storage strong{font-size:18px}.storage span{font-size:12px;margin-top:5px}
  .your-duo{margin:14px -18px 0;border-radius:0;grid-template-columns:1fr}
  .summary-art{min-height:clamp(370px,49svh,425px);background-size:contain}
  .summary-copy{padding:0 22px 34px}
  .summary-copy h3{font-size:43px;margin-top:8px}
  .summary-spec{font-size:15px;margin-bottom:17px}
  .price-xl{font-size:43px;margin-bottom:16px}
  .priority-note{margin-top:10px;margin-bottom:20px;max-width:300px}
  .summary-copy .primary{width:100%;min-height:52px}
  .summary-copy .textbtn{display:block;width:100%;margin:3px 0 0;text-align:center}
  .theatre{padding-top:70px}
  .theatre-head{padding-bottom:18px}
  .theatre h2,.highlights h2{font-size:40px;line-height:.99}
  .theatre-media img{max-height:500px}
  .highlights{padding:72px 0 74px}
  .highlights-head{margin-bottom:26px}
  .rail{gap:11px;padding-left:18px;padding-right:18px;padding-bottom:20px}
  .highlight-card{height:430px;flex-basis:88vw;border-radius:26px}
  .card-copy{padding:22px 22px 0}
  .card-copy span{font-size:9px}.card-copy h3{font-size:29px;margin:7px 0 7px}.card-copy p{font-size:12px;line-height:1.38;max-width:310px}
  .highlight-card img{padding:0 4px 4px}
  .highlight-card:nth-child(1) img{transform:scale(1.15)}
  .highlight-card:nth-child(2) img{transform:scale(1.08)}
  .highlight-card:nth-child(3) img{transform:scale(1.10)}
  .trust{padding:52px 0 58px}
  .trust-wrap{gap:20px}
  .trust-title h2{font-size:37px}
  .trust-strip div{min-height:80px;padding:14px}
  .trust-strip strong{font-size:13px}.trust-strip span{font-size:10px;margin-top:4px}
  .footer{padding-bottom:calc(26px + var(--safe))}
  .sticky{bottom:calc(7px + var(--safe));width:calc(100% - 12px);min-height:62px;padding:7px 7px 7px 14px;border-radius:19px}
  .sticky strong{font-size:11px}.sticky span{font-size:10px}
  .sticky button{min-height:46px;border-radius:15px;padding-inline:15px}
  .sheet-card{max-height:92dvh;border-radius:27px 27px 0 0;padding:20px 18px calc(20px + var(--safe))}
  .sheet-card h2{font-size:34px;margin-top:6px;margin-bottom:9px}
  .sheet-lede{font-size:13px;margin-bottom:17px}
  .close{width:32px;height:32px;font-size:20px}
  .mini-order{margin:4px 40px 18px 0;padding:8px;border-radius:16px}
  .mini-order img{width:82px;height:66px}
  .sheet input{height:52px;border-radius:13px}
  .payment-section{margin-top:18px}.payment-section h3{font-size:13px}
  .pay-grid{grid-template-columns:1fr 1fr;gap:7px}.pay-option{min-height:56px;border-radius:14px;font-size:12px}
  .instruction,.proof{padding:15px;border-radius:16px}.instruction h3{font-size:25px}
  .secured-product{height:190px}
}
@media(max-width:390px){
  .hero h1{font-size:49px}.hero-line{font-size:24px}.hero-device{width:164vw;height:57svh}
  .config-intro h2{font-size:42px}.finish-stage{height:410px}.summary-art{min-height:390px}
  .highlight-card{height:410px}.sticky strong,.sticky span{max-width:172px}
}
@media(min-width:1200px){
  .hero-device{width:min(1180px,86vw);height:76svh}
  .finish-stage{height:650px}
  .summary-art{min-height:650px}
}
@media(prefers-reduced-motion:reduce){
  .highlight-card img{transition:none!important;transform:none!important}
}

/* V3.0 card/media composition — mirrors Apple's responsive media proportions without its runtime. */
.highlight-card{display:block;height:auto;aspect-ratio:1260/612;flex-basis:min(82vw,960px);position:relative;background:#f5f5f7!important;color:#111!important}
.highlight-card picture{position:absolute;inset:0;display:block;z-index:1}.highlight-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:none!important;padding:0!important}
.highlight-card .card-copy{position:absolute;z-index:2;top:0;left:0;right:0;padding:28px 30px;pointer-events:none}
.highlight-card .card-copy p{color:#727277!important;max-width:350px}
@media(max-width:1068px){.highlight-card{aspect-ratio:934/576;flex-basis:86vw}}
@media(max-width:600px){
  .hero-device{width:148vw;height:58svh;bottom:2.5svh}
  .highlight-card{aspect-ratio:420/480;flex-basis:88vw;height:auto;border-radius:26px}
  .highlight-card .card-copy{padding:22px 22px}
  .highlight-card .card-copy h3{font-size:29px}
  .highlight-card .card-copy p{font-size:12px;max-width:265px}
  .summary-art{min-height:420px}
}
@media(max-width:390px){.hero-device{width:152vw}.summary-art{min-height:410px}}
.field-optional{font-weight:500;color:#929297;font-size:10px;margin-left:4px}