/* Phase one: preserve the original scale, give the product room to lead. */
.hero{padding:64px 0 80px;background:radial-gradient(ellipse at 78% 42%,rgba(129,17,25,.14),transparent 54%)}
.hero .wrap{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);align-items:start;gap:44px;max-width:1440px}
.hero-copy{gap:26px;padding-top:20px}
.hero h1{font-size:clamp(62px,6.65vw,96px);letter-spacing:-.05em;line-height:.97}
.hero-copy>.lede{font-size:20px;max-width:43ch;line-height:1.65}
.hero .badge{height:56px}.hero .badge-note{font-size:12px;color:#a3a5aa}
.hero .facts{gap:12px 22px;font-size:12px;margin:0}.hero .facts span:last-child{display:none}
.hero .stage{padding:0 0 10px;gap:22px}.hero .device{width:min(90%,378px,calc((100svh - 180px)*.49))}
.hero .car-ghost{width:540px;opacity:.16;top:46%}
.hero .stage-note{max-width:42ch;font-size:10px}
.hero .deck{width:100%;margin-top:12px;gap:16px;max-width:560px}
.hero .deck-head{order:2;letter-spacing:.05em;font-size:10px;min-height:44px}
.hero .deck-head button{min-height:44px;padding:0 10px;border:1px solid var(--line-2);border-radius:30px}
.hero .deck-nav{order:0;display:block}.hero .arrows{display:none}
.hero .dots{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hero .dots button{display:flex;align-items:center;gap:12px;width:100%;height:62px;border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border:1px solid rgba(255,255,255,.13);padding:14px 16px;text-align:left;font-size:14px;font-weight:600;transition:background .2s,border-color .2s}
.hero .dots button:hover{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.08)}
.hero .dots button[aria-pressed=true]{border-color:rgba(232,33,39,.7);background:linear-gradient(120deg,rgba(232,33,39,.12),rgba(232,33,39,.025))}
.hero .dots button .chapter-number{color:var(--dim);font-family:var(--mono);font-size:11px}
.hero .dots button[aria-pressed=true] .chapter-number{color:#ff5056}
.hero .dots button i{inset:auto 0 0;height:2px;opacity:.7}
.hero .cards{order:1;min-height:82px}.hero .card{border:0;background:none;padding:0;backdrop-filter:none;gap:6px;transform:none}.hero .card .k{display:none}.hero .card b{font-size:21px}.hero .card span{font-size:14px;max-width:52ch}
.arrival{position:relative;background:radial-gradient(ellipse at 26% 58%,rgba(255,255,255,.04),transparent 55%);border-bottom:1px solid var(--line)}
.arrival-grid{max-width:1360px;display:grid;grid-template-columns:1fr 1.1fr;grid-template-rows:auto 1fr;gap:44px 90px;align-items:start}
.arrival-heading{grid-column:2;padding-top:36px;display:grid;gap:24px}.arrival h2{font-size:clamp(42px,5.1vw,70px);line-height:1.03;letter-spacing:-.045em}.arrival h2 em{font-style:normal;color:#898b90}.arrival .lede{font-size:20px;line-height:1.7;max-width:39ch}
.arrival-visual{grid-column:1;grid-row:1/3;display:grid;justify-items:center;gap:30px;position:relative}
.arrival .device{width:min(100%,390px);filter:drop-shadow(0 30px 60px #0009)}
.arrival-caption{font-family:var(--mono);font-size:10px;letter-spacing:.15em;color:var(--dim);text-align:center}
.arrival-options{grid-column:2;display:grid;gap:0;align-self:start}
.arrival-options button{border:0;border-top:1px solid var(--line-2);background:none;display:flex;gap:18px;padding:26px 0;cursor:pointer;text-align:left;align-items:start;transition:opacity .2s;opacity:.6}
.arrival-options button:hover,.arrival-options button[aria-pressed=true]{opacity:1}.arrival-options button[aria-pressed=true]{border-color:var(--red)}
.arrival-num{font:12px var(--mono);color:var(--dim);padding-top:7px}.arrival-options button[aria-pressed=true] .arrival-num,.arrival-options button[aria-pressed=true] .arrival-arrow{color:#ff454b}
.arrival-options strong{display:block;font:600 29px/1.15 var(--display);letter-spacing:-.025em}.arrival-options small{display:block;margin-top:12px;font-size:15px;line-height:1.7;color:var(--muted)}
.arrival-arrow{font-size:26px;margin-left:auto;line-height:1}.arrival-foot{font-size:12px;color:var(--dim);margin-top:12px}
@media(min-width:1500px){.hero .device{width:min(90%,405px,calc((100svh - 180px)*.49))}}
@media(max-width:1000px) and (min-width:761px){.hero .wrap{gap:24px}.hero h1{font-size:62px}.hero-copy>.lede{font-size:18px}.hero .dots button{padding:12px 10px;font-size:12px}.arrival-grid{gap:35px}.arrival-options strong{font-size:25px}}
@media(max-width:760px){.hero{padding:34px 0 58px}.hero .wrap{display:flex;flex-direction:column;gap:32px;padding-inline:20px}.hero-copy{display:contents}.hero .maker{order:0;font-size:11px}.hero h1{order:1;font-size:clamp(49px,9.3vw,70px);max-width:100%;margin-top:-6px}.hero-copy>.lede{order:2;font-size:18px;line-height:1.65;margin-top:-8px}.hero .badge-row{order:3;gap:16px;margin-top:-6px}.hero .badge{height:52px}.hero .badge-note{font-size:10px}.hero .facts{order:4;font-size:11px;gap:10px 16px;margin-top:-10px}.hero .stage{order:5;width:100%;padding:0;margin-top:6px}.hero .device{width:min(90%,351px)}.hero .deck{order:6;margin-top:0;max-width:none}.hero .dots button{height:62px;font-size:13px;padding:12px}.hero .stage-note{display:none}.hero .cards{min-height:100px}.hero .deck-head{font-size:10px}.arrival-grid{display:flex;flex-direction:column;gap:36px;padding-inline:20px}.arrival-heading{padding:0;gap:20px}.arrival h2{font-size:49px}.arrival .lede{font-size:18px}.arrival-visual{width:100%;order:2}.arrival-options{order:1;width:100%}.arrival .device{width:min(100%,390px)}.arrival-options strong{font-size:27px}.arrival-options button{padding:22px 0}.arrival-foot{font-size:11px}.arrival-caption{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero *, .arrival *{animation:none!important;transition:none!important}}
/* Quiet automotive light: no red fog, decorative car ghost or flowing noise. */
.hero{background:radial-gradient(ellipse at 77% 37%,#191c20 0%,#101214 28%,#0c0d0f 65%)}
.hero .car-ghost{display:none}
.hero #field{opacity:1;mix-blend-mode:screen}
/* Keep scroll compositing inexpensive, especially while native video is playing. */
.nav{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(12,13,15,.97)}
.device,.arrival .device,.device.xs{filter:none;isolation:isolate}
.device::before{content:"";position:absolute;inset:3% 5%;border-radius:14%;box-shadow:0 24px 48px #0008;z-index:-1;pointer-events:none}
.device .scr{transform:translateZ(0)}
.hero #field{contain:strict;pointer-events:none}
.flow:not(.effects-visible) .pulse,.flow:not(.effects-visible) .flow-door{animation-play-state:paused}