:root{--dur-reveal:560ms;--ease-settle:cubic-bezier(0.16,1,0.3,1);--hero-gutter:4.16667vw}.landing-hero{position:relative;height:max(100svh,640px);overflow:hidden;container-type:inline-size;isolation:isolate;background:var(--surface);color:var(--ink)}.driving-scene,.scene,.scene-poster{position:absolute;inset:0;width:100%;height:100%}.scene{overflow:hidden;pointer-events:none;container-type:size;filter:saturate(.6) contrast(.66) brightness(.72)}.driving-scene{opacity:0;transition:opacity .24s var(--ease-out)}.driving-scene canvas{display:block;width:100%;height:100%}.landing-hero[data-scene=ready] .driving-scene{opacity:1}.landing-hero[data-scene=ready] .scene-poster{visibility:hidden;transition:visibility 0s linear .24s}.scene-poster:before{position:absolute;inset:0;background:var(--poster-wide-preview) var(--poster-wide-left) 0 /auto 100% no-repeat;content:"";filter:blur(10px)}.scene-poster img{position:absolute;top:0;left:var(--poster-wide-left);width:auto;max-width:none;height:100%}.hero-scrim{position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--surface) 0,var(--surface) 40%,color-mix(in srgb,var(--surface) 90%,transparent) 46%,color-mix(in srgb,var(--surface) 55%,transparent) 52%,color-mix(in srgb,var(--surface) 15%,transparent) 59%,transparent 66%)}.hero-lockup{top:max(32px,env(safe-area-inset-top));display:block;width:clamp(132px,13vw,186px);height:auto;color:var(--ink)}.hero-copy,.hero-lockup{position:absolute;z-index:2;left:max(var(--hero-gutter),env(safe-area-inset-left))}.hero-copy{top:30%;width:min(51%,720px)}.hero-title{display:grid;gap:5px;max-width:min(650px,49cqw);margin:0;color:var(--ink);font-size:clamp(38px,4.5vw,68px);font-weight:600;line-height:1.04;letter-spacing:-.045em;text-wrap:balance}.hero-description,.hero-title span:last-child{color:var(--ink-700)}.hero-description{max-width:480px;margin:24px 0 0;font-size:var(--text-base);line-height:1.5;text-wrap:pretty}.hero-actions{display:inline-grid;width:min(100%,520px);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:32px}.hero-action{display:inline-flex;min-height:48px;align-items:center;justify-content:center;border-radius:var(--radius-pill);padding:0 24px;background:var(--action);color:var(--on-action);font-size:var(--text-base);font-weight:700;line-height:1.2;text-align:center;text-decoration:none;transition:background-color var(--dur-fast) ease,transform .16s var(--ease-settle)}@media (hover:hover) and (pointer:fine){.hero-action:hover{background:var(--action-hover)}}@media (prefers-reduced-motion:no-preference){.hero-action:active{transform:scale(.97)}}.hero-cue{position:absolute;z-index:2;bottom:calc(clamp(24px, 4svh, 48px) + env(safe-area-inset-bottom));left:max(var(--hero-gutter),env(safe-area-inset-left));display:inline-flex;min-height:56px;align-items:center;gap:.6em;margin-left:-12px;border-radius:var(--radius-pill);padding:0 12px;color:var(--ink-700);font-size:clamp(20px,1.6vw,var(--text-lg));font-weight:400;line-height:1.2;text-decoration:none;transform-origin:left center;transition:color var(--dur-fast) ease,transform .16s var(--ease-settle)}.hero-cue svg{width:1.5em;height:1.5em;flex-shrink:0;fill:none;stroke:var(--action);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.hero-cue:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (hover:hover) and (pointer:fine){.hero-cue:hover{color:var(--ink)}}@media (prefers-reduced-motion:no-preference){.hero-cue:active{transform:scale(.97)}.hero-cue svg{animation:hero-cue-nudge 3.2s var(--ease-in-out) infinite}.landing-hero:is(.is-still,[data-offscreen]) .hero-cue svg{animation-play-state:paused}}@keyframes hero-cue-nudge{0%,70%,to{transform:translateY(0)}83%{transform:translateY(.25em)}}@media (max-width:900px){.landing-hero{height:max(100svh,600px)}.hero-lockup{top:calc(22px + env(safe-area-inset-top));left:24px;width:132px}.hero-scrim{background:linear-gradient(0deg,var(--surface) 0,var(--surface) 30%,color-mix(in srgb,var(--surface) 85%,transparent) 36%,transparent 48%),linear-gradient(180deg,color-mix(in srgb,var(--surface) 85%,transparent),color-mix(in srgb,var(--surface) 60%,transparent) 10%,transparent 24%)}.hero-copy{top:auto;right:24px;bottom:calc(84px + env(safe-area-inset-bottom));left:24px;width:auto;max-width:540px}.hero-title{display:block;max-width:480px;font-size:clamp(30px,7.6vw,49px);line-height:1.06;letter-spacing:-.035em}.hero-title span:last-child{color:inherit}.hero-description{max-width:360px;margin-top:16px;font-size:16px}.hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:24px}.hero-action{padding:0 8px;font-size:16px}.scene-poster:before{background-image:var(--poster-narrow-preview);background-position:var(--poster-narrow-left) 0}.scene-poster img{left:var(--poster-narrow-left)}.hero-cue{bottom:calc(14px + env(safe-area-inset-bottom));left:24px;min-height:52px;font-size:var(--text-sm)}}.hero-credits{position:absolute;z-index:3;right:20px;bottom:18px;max-width:min(320px,calc(100% - 48px));border:1px solid rgb(255 255 255/30%);border-radius:8px;padding:7px 11px;background:rgb(250 250 247/88%);color:var(--ink-700);font-size:11px;line-height:1.5;backdrop-filter:blur(8px)}.hero-credits summary{cursor:pointer}.hero-credits p{margin:8px 0 0}.hero-credits a{color:inherit;text-underline-offset:2px}@media (prefers-reduced-motion:reduce){.driving-scene,.scene-poster{transition:none}}.landing-promo{--promo-background:#f2f1ea;display:grid;justify-items:center;scroll-margin-top:0;isolation:isolate;background:var(--promo-background);padding:var(--space-16) max(var(--hero-gutter),env(safe-area-inset-right)) var(--space-16) max(var(--hero-gutter),env(safe-area-inset-left))}.landing-promo-stage{--promo-bar:clamp(56px,2.5vw + 36px,88px);--promo-intro-space:15rem;--promo-media-width:min(100%,max(480px,calc((100svh - var(--space-16) - var(--promo-intro-space) - var(--space-2) - var(--promo-bar) - var(--space-2)) * 16 / 9)));display:grid;justify-items:center;gap:var(--space-2);width:min(100%,1120px)}.landing-section-intro{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:var(--space-5);width:100%;text-align:center}.landing-section-kicker{display:block;margin-bottom:var(--space-3);color:var(--muted);font-size:var(--text-xs);font-weight:600;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}.landing-section-intro h2{max-width:25ch;margin:0 auto;color:var(--ink);font-size:clamp(2rem,4vw,3.5rem);font-weight:600;line-height:1.08;letter-spacing:-.035em;text-wrap:balance}.landing-section-intro h2 strong{color:var(--action);font-weight:inherit}.landing-section-intro p{max-width:64ch;margin:0;color:var(--muted);font-size:var(--text-base);line-height:1.55;text-wrap:balance}.landing-promo-stage>.landing-section-intro{margin-bottom:var(--space-6)}.landing-promo-stage>.landing-video{width:var(--promo-media-width);background:var(--promo-background);isolation:isolate}.landing-promo-stage>.landing-video:after{position:absolute;z-index:0;inset:0;background:var(--promo-background);mix-blend-mode:darken;content:"";pointer-events:none}.landing-promo-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);width:var(--promo-media-width)}.landing-promo .landing-promo-action{justify-content:space-between;gap:var(--space-4);min-height:var(--promo-bar);border-radius:0;padding:0 var(--space-6) 0 var(--space-8);font-size:clamp(var(--text-base),.8rem + .7vw,var(--text-xl));font-weight:600;letter-spacing:-.01em;text-align:left}.landing-promo-action svg{flex:none;width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--dur-press) var(--ease-out)}@media (prefers-reduced-motion:no-preference){.landing-promo .landing-promo-action:active{transform:scale(.98)}@media (hover:hover) and (pointer:fine){.landing-promo-action:hover svg{transform:translateX(4px)}}}.landing-video{position:relative;overflow:hidden;aspect-ratio:16/9;background:var(--ink-900);color:var(--surface)}.landing-video[data-tall=always]{aspect-ratio:9/16}.landing-video-media,.landing-video-still{position:absolute;inset:0;display:block;width:100%;height:100%}.landing-video-still img{display:block;width:100%;height:100%}.landing-video-media,.landing-video-still img{-o-object-fit:cover;object-fit:cover}.landing-video[data-mode=tutorial] .landing-video-media{-o-object-fit:contain;object-fit:contain}.landing-video-card{display:grid;place-items:center}.landing-video-logo{display:block;height:auto}.landing-video[data-mode=promo] .landing-video-logo{width:clamp(132px,22%,260px)}.landing-video[data-mode=tutorial] .landing-video-logo{width:clamp(48px,13%,84px)}.landing-video-controls{position:absolute;z-index:1;right:var(--space-4);bottom:var(--space-4);display:flex;gap:var(--space-2)}.landing-video-toggle{display:grid;width:44px;height:44px;place-items:center;border:0;border-radius:var(--radius-pill);padding:0;background:color-mix(in srgb,var(--ink-900) 64%,transparent);color:var(--surface);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--dur-fast) ease,transform var(--dur-press) var(--ease-settle)}.landing-video-toggle svg{width:18px;height:18px;fill:currentColor}.landing-video-toggle:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}@media (hover:hover) and (pointer:fine){.landing-video-toggle:hover{background:var(--ink-900)}}@media (prefers-reduced-motion:no-preference){.landing-video-toggle:active{transform:scale(.96)}.landing-video-toggle svg{animation:landing-video-icon var(--dur-press) var(--ease-settle)}}@keyframes landing-video-icon{0%{opacity:0;transform:scale(.7);filter:blur(2px)}}.landing-choice{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:var(--space-10) var(--space-8);background:var(--surface);padding:var(--space-16) max(var(--hero-gutter),env(safe-area-inset-right)) var(--space-16) max(var(--hero-gutter),env(safe-area-inset-left))}.landing-choice>.landing-section-intro{grid-column:1/-1}.landing-choice .reveal{display:grid}.landing-card{display:grid;grid-template-rows:auto 1fr;background:var(--surface-soft);text-align:left}.landing-card-body{display:grid;grid-template-rows:auto auto auto 1fr;justify-items:start;padding:var(--space-6) var(--space-8) var(--space-8)}.landing-card-title{margin:0;color:var(--ink);font-size:clamp(var(--text-lg),1.1rem + .6vw,var(--text-xl));font-weight:600;line-height:1.12;letter-spacing:-.03em;text-wrap:balance}.landing-card-text{margin:var(--space-3) 0 0;line-height:1.5;text-wrap:pretty}.landing-card-steps,.landing-card-text{max-width:60ch;color:var(--ink-700);font-size:var(--text-sm)}.landing-card-steps{display:grid;gap:var(--space-2);margin:var(--space-5) 0 0;padding:0;list-style:none;counter-reset:landing-step;line-height:1.45}.landing-card-steps li{display:grid;grid-template-columns:1.5em minmax(0,1fr);counter-increment:landing-step}.landing-card-steps li:before{content:counter(landing-step);color:var(--muted);font-weight:600;font-variant-numeric:tabular-nums}.landing-card .landing-card-action{align-self:end;margin-top:var(--space-6);padding:0 var(--space-6)}@media (prefers-reduced-motion:no-preference){.reveal[data-reveal=armed]{opacity:0;transform:translate3d(0,24px,0)}.reveal[data-reveal=in]{transition:opacity var(--dur-reveal) var(--ease-settle),transform var(--dur-reveal) var(--ease-settle);transition-delay:calc(var(--step, 0) * 80ms)}}.landing-footer{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:var(--surface);padding:0 max(var(--hero-gutter),env(safe-area-inset-right)) calc(var(--space-8) + env(safe-area-inset-bottom)) max(var(--hero-gutter),env(safe-area-inset-left))}.landing-footer-row{display:flex;grid-column:2/span 5;align-items:center;justify-content:space-between;gap:var(--space-4);border-top:1px solid var(--line);padding-top:var(--space-5)}.landing-footer-mark{display:block;width:28px;height:28px;color:var(--ink)}.landing-footer-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;-moz-column-gap:var(--space-6);column-gap:var(--space-6)}.landing-footer-link{display:inline-flex;align-items:center;min-height:44px;border:0;background:none;padding:0;color:var(--muted);font:inherit;font-size:var(--text-sm);text-decoration:none;cursor:pointer}@media (hover:hover){.landing-footer-link:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}}@media (max-width:900px){.landing-promo{padding:var(--space-12) max(18px,env(safe-area-inset-right)) var(--space-12) max(18px,env(safe-area-inset-left))}.landing-promo-stage{--promo-media-width:100%;width:100%}.landing-section-intro{gap:var(--space-4)}.landing-section-kicker{font-size:.8125rem;letter-spacing:.07em}.landing-section-intro p{font-size:var(--text-sm)}.landing-promo-stage>.landing-section-intro{margin-bottom:var(--space-4)}.landing-choice{grid-template-columns:minmax(0,1fr);justify-items:center;gap:var(--space-8);padding:var(--space-12) max(18px,env(safe-area-inset-right)) var(--space-12) max(18px,env(safe-area-inset-left))}.landing-choice .reveal,.landing-choice>.landing-section-intro{width:100%;max-width:460px}.landing-card-body{padding:var(--space-5) var(--space-5) var(--space-6)}.landing-footer{grid-template-columns:minmax(0,1fr);justify-items:center;padding-right:max(18px,env(safe-area-inset-right));padding-left:max(18px,env(safe-area-inset-left))}.landing-footer-row{grid-column:1;width:100%;max-width:460px}}@media (max-width:600px){.landing-video[data-tall=phone]{aspect-ratio:9/16}.landing-promo-stage:has(>.landing-video[data-tall]){width:min(100%,max(240px,calc((100svh - var(--space-12) - var(--promo-intro-space) - var(--space-2) - var(--promo-bar) - var(--space-2)) * 9 / 16)))}.landing-promo .landing-promo-action{justify-content:center;padding:0 var(--space-1);font-size:16px;text-align:center;text-wrap:balance}.landing-promo-action svg{display:none}.landing-card .landing-card-action{justify-self:stretch}}