.how-modal-root{z-index:10001;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom));justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (min-width:720px){.how-modal-root{align-items:center}}.how-modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#16120e85;border:none;position:absolute;inset:0}.how-modal-panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;width:min(560px,100%);max-height:min(92vh,840px);animation:.26s cubic-bezier(.5,1.4,.5,1) forwards how-modal-in;position:relative;overflow:auto;box-shadow:0 24px 80px #0000002e}@keyframes how-modal-in{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}.how-modal-head{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:22px 22px 12px;display:flex}.how-modal-head h2{margin:0;font-size:clamp(22px,4vw,28px);line-height:1.15}.how-modal-sub{color:var(--ink-3);max-width:42ch;margin:8px 0 0;font-size:14px}.how-modal-close{border:1px solid var(--line);background:var(--bg);width:42px;height:42px;color:var(--ink);cursor:pointer;border-radius:11px;flex-shrink:0;place-items:center;transition:background .15s,border-color .15s;display:grid}.how-modal-close:hover{background:var(--cream-2);border-color:var(--line)}.how-modal-video-block{padding:18px 22px 8px}.how-video-frame{background:var(--cream-2);aspect-ratio:16/9;border:1px solid color-mix(in oklab,var(--line) 80%,transparent);border-radius:14px;width:100%;position:relative;overflow:hidden}.how-video-frame iframe,.how-video-el{border:none;width:100%;height:100%;display:block}.how-video-el{background:#111}.how-animate-demo{background:linear-gradient(155deg,color-mix(in oklab,var(--jade) 10%,transparent),color-mix(in oklab,var(--marigold) 12%,transparent));border:1px solid color-mix(in oklab,var(--jade) 18%,transparent);border-radius:14px;overflow:hidden}.how-story-scene{min-height:252px;padding-bottom:8px;position:relative}.how-story-sky{background:linear-gradient(165deg,color-mix(in oklab,var(--jade) 14%,transparent),transparent 72%);border-radius:14px 14px 0 0;position:absolute;inset:0 0 42%}.how-story-ground{background:linear-gradient(180deg,color-mix(in oklab,var(--cream-2) 92%,var(--ink-3)),color-mix(in oklab,var(--ink-3) 15%,var(--cream)));border-radius:0 0 12px 12px;height:46%;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 8px 24px #0000000a}.how-road-dashes{background:repeating-linear-gradient(90deg,color-mix(in oklab,var(--cream) 72%,transparent) 0 22px,transparent 22px 44px);opacity:.6;border-radius:2px;height:4px;position:absolute;top:16%;left:5%;right:5%}.how-station{z-index:2;flex-direction:column;align-items:center;gap:5px;width:92px;margin-left:-46px;display:flex;position:absolute;bottom:11%}.how-station-browse{left:14%}.how-station-door{left:82%}.how-station-glow{background:radial-gradient(circle,color-mix(in oklab,var(--marigold) 55%,transparent) 0%,transparent 72%);opacity:.28;pointer-events:none;border-radius:50%;width:58px;height:58px;margin-left:-29px;position:absolute;bottom:44px;left:50%}.how-glow-browse{animation:20s ease-in-out infinite how-spotlight-browse}.how-glow-door{animation:20s ease-in-out infinite how-spotlight-door}@keyframes how-spotlight-browse{0%,11%{opacity:.52;transform:scale(1.14)}14%,62%{opacity:.14;transform:scale(1)}66%,96%{opacity:.52;transform:scale(1.14)}99%,to{opacity:.48;transform:scale(1.1)}}@keyframes how-spotlight-door{0%,17%{opacity:.14;transform:scale(1)}20%,58%{opacity:.56;transform:scale(1.22)}61%,to{opacity:.14;transform:scale(1)}}.how-station-pin{filter:drop-shadow(0 5px 10px #00000017);z-index:1;font-size:clamp(1.65rem,4.8vw,2.15rem);line-height:1;position:relative}.how-door-pin-wrap{justify-content:center;align-items:flex-end;height:92px;margin-bottom:-4px;display:flex}.how-door-svg{width:clamp(60px,17vw,82px);height:auto;display:block}.how-drawer-slide{transform-origin:50% 0;animation:20s ease-in-out infinite how-drawer-slide}@keyframes how-drawer-slide{0%,37%{transform:translateY(0)}41%,53%{transform:translateY(14px)}58%,to{transform:translateY(0)}}.how-kid-door{animation:20s ease-in-out infinite how-kid-door}@keyframes how-kid-door{0%,32%{opacity:0;transform:translateY(16px)}36%,56%{opacity:1;transform:translateY(0)}60%,to{opacity:0;transform:translateY(14px)}}.how-station-label{letter-spacing:.11em;color:var(--ink-3);text-align:center;max-width:104px;font-size:9px;line-height:1.25}.how-layer-riding,.how-layer-stopped{transition:opacity .35s ease-out}.how-layer-riding{animation:20s ease-in-out infinite how-layer-riding-vis}.how-layer-stopped{animation:20s ease-in-out infinite how-layer-stopped-vis}@keyframes how-layer-riding-vis{0%,23%{opacity:1}26%,56%{opacity:0}58%,to{opacity:1}}@keyframes how-layer-stopped-vis{0%,23%{opacity:0}26%,56%{opacity:1}58%,to{opacity:0}}.how-riding-bob{transform-origin:bottom;animation:.68s ease-in-out infinite alternate how-scooter-bob}.how-scooter-track{z-index:5;will-change:left;animation:20s infinite how-scooter-route;position:absolute;bottom:37%;left:14%}.how-scooter-inner{transform-origin:bottom;animation:20s ease-in-out infinite how-scooter-turn;transform:translate(-50%)scaleX(1)}.how-rider-svg{filter:drop-shadow(0 12px 20px #00000024);width:clamp(108px,30vw,148px);height:auto;display:block}@keyframes how-scooter-bob{0%{transform:translateY(0)rotate(-.9deg)}to{transform:translateY(-4px)rotate(1.3deg)}}@keyframes how-scooter-route{0%,10%{animation-timing-function:cubic-bezier(.22,.61,.36,1);left:14%}21%{animation-timing-function:ease-out;left:82%}23%,54%{animation-timing-function:ease-in-out;left:82%}65%{animation-timing-function:ease-out;left:14%}67%,97%{animation-timing-function:ease-in-out;left:14%}99%,to{left:14%}}@keyframes how-scooter-turn{0%,53%{transform:translate(-50%)scaleX(1)}56%,to{transform:translate(-50%)scaleX(-1)}}.how-animate-caption{text-align:center;letter-spacing:.12em;color:var(--ink-3);margin:0;padding:12px 14px 18px;font-size:11px}.how-steps{gap:12px;padding:12px 22px 22px;display:grid}@media (min-width:560px){.how-steps{grid-template-columns:repeat(3,1fr);gap:14px}}.how-step-card{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:14px 14px 16px;animation:.55s cubic-bezier(.5,1.4,.5,1) backwards how-step-pop}@keyframes how-step-pop{0%{opacity:0;transform:translateY(10px)}}.how-step-emoji{margin-bottom:6px;font-size:1.6rem;line-height:1;display:block}.how-step-num{color:var(--ink-3);letter-spacing:.12em;margin-bottom:6px;font-size:10px}.how-step-card h3{color:var(--ink);margin:0 0 8px;font-size:15px;line-height:1.25}.how-step-card p{color:var(--ink-2);margin:0;font-size:13px;line-height:1.55}.how-modal-foot{justify-content:center;padding:0 22px 22px;display:flex}.waitlist-modal-panel{max-width:480px}.waitlist-modal-form{flex-direction:column;gap:12px;padding:0 22px 22px;display:flex}.waitlist-modal-form .fld{margin:0}.waitlist-contact-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:520px){.waitlist-contact-row{grid-template-columns:1fr}}.waitlist-modal-hint{color:var(--ink-3);margin:0;font-size:11px}.waitlist-modal-consent{color:var(--ink-2);cursor:pointer;align-items:flex-start;gap:10px;font-size:12px;line-height:1.45;display:flex}.waitlist-modal-consent input{flex-shrink:0;margin-top:3px}.waitlist-modal-error{color:var(--terracotta);margin:0;font-size:13px}.waitlist-modal-privacy{color:var(--ink-3);text-align:center;text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:10px}