:root{--ink:#000;--acid:#fff;--on-acid:#000;--paper:#ffffffe0;--muted:#ffffffb8;--glow:0 0 10px #ffffff52,0 0 26px #ffffff24;--glow-strong:0 0 14px #ffffff8c,0 0 40px #ffffff3d;--glass:#141c2b85;--glass-panel:linear-gradient(142deg,#ffffff24,#ffffff0a 45%,#ffffff05),#0a0e166b;--frost:blur(10px) saturate(140%);--lift:0 10px 28px #00000059;--ease:cubic-bezier(.2,.7,.2,1);--m:clamp(18px,3.4vw,48px);--t-sm:14px;--t-body:18px;--t-lead:22px;--t-h2:clamp(28px,2.6vw,38px);--t-h1:clamp(52px,7vw,112px);font-family:Oswald,Almarai,sans-serif;font-weight:400;font-size:var(--t-body);font-synthesis:none;color:var(--paper);background:var(--ink);line-height:1.6}*,:before,:after{box-sizing:border-box}body{min-width:300px;margin:0}button,a{font:inherit;color:inherit}a{text-decoration:none}button{cursor:pointer}h1,h2,h3,p,figure,ol{margin:0}img{max-width:100%;display:block}main{outline:none}:focus-visible{outline:3px solid var(--acid);outline-offset:4px}::selection{background:var(--acid);color:var(--on-acid)}.skip{z-index:30;background:var(--acid);color:var(--on-acid);padding:8px 16px;font-weight:700;position:fixed;top:12px;right:12px;transform:translateY(-200%)}.skip:focus{transform:none}.stage{z-index:-1;background:linear-gradient(#151e33,#38394c 55%,#202a39);position:fixed;inset:0}.stage:after{content:"";pointer-events:none;background:linear-gradient(120deg,#1623382b,#0000 48%,#91acd41f);position:absolute;inset:0}.stage-poster,.stage-canvas{width:100%;height:100%;position:absolute;inset:0}.stage-poster img{object-fit:cover;object-position:42% 52%;width:100%;height:100%}.stage-canvas{opacity:0;transition:opacity .6s}.stage.live .stage-canvas{opacity:1}.stage-poster{opacity:1;transition:opacity .6s}.stage.live .stage-poster{opacity:0}.loader{z-index:20;background:#ffffff1a;height:3px;position:fixed;inset:0 0 auto}.loader span{background:var(--acid);height:100%;box-shadow:var(--glow);transform-origin:100%;transition:transform .3s;display:block}.px-panel{background:var(--glass-panel);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);color:var(--paper)}.px-panel p{color:var(--muted)}.topbar{z-index:10;height:68px;padding-inline:var(--m);background:var(--glass);-webkit-backdrop-filter:blur(12px)saturate(125%);align-items:center;gap:28px;display:flex;position:fixed;inset:0 0 auto}.brand{white-space:nowrap;font:700 var(--t-lead)/1 Oswald,Almarai,sans-serif;color:var(--acid);align-items:center;gap:10px;display:inline-flex}.beta{background:var(--acid);height:26px;color:var(--on-acid);letter-spacing:.16em;clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%);box-shadow:var(--glow);align-items:center;padding:0 16px;font:700 15px/1 Oswald,sans-serif;display:inline-flex}.topbar nav{color:var(--muted);gap:26px;margin-inline-start:auto;font-size:16px;font-weight:700;display:flex}.topbar nav a{padding-block:6px;transition:color .2s;position:relative}.topbar nav a:after{content:"";background:var(--acid);height:2px;box-shadow:var(--glow);transition:transform .3s var(--ease);position:absolute;inset:auto 0 0;transform:scaleX(0)}.topbar nav a:is(:hover,:focus-visible,[aria-current=page]){color:var(--acid)}.topbar nav a:is(:hover,:focus-visible,[aria-current=page]):after{transform:scaleX(1)}.menu-toggle{color:var(--acid);background:0 0;border:0;margin-inline-start:auto;padding:8px 0;font-size:16px;font-weight:700;display:none}.px-button{isolation:isolate;min-height:52px;font-size:var(--t-body);white-space:nowrap;transition:transform .25s var(--ease),box-shadow .25s,background .25s,color .25s;border:0;justify-content:center;align-items:center;padding:10px 26px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.px-button.small{min-height:42px;padding:6px 18px;font-size:16px}.primary{background:var(--acid);color:var(--on-acid);box-shadow:var(--glow)}.primary:is(:hover,:focus-visible){background:#f2f4f8}.ghost{-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);color:var(--acid);background:linear-gradient(160deg,#ffffff38,#ffffff14)}.px-button:is(:hover,:focus-visible){transform:translateY(-3px)}.px-button:active{transition-duration:80ms;transform:translateY(0)scale(.97)}.primary:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(110deg,#0000 35%,#0000001a 50%,#0000 65%);position:absolute;inset:0;transform:translate(-120%)}.primary:is(:hover,:focus-visible){box-shadow:var(--glow-strong),var(--lift)}.primary:is(:hover,:focus-visible):after{transition:transform .7s var(--ease);transform:translate(120%)}.px-panel .ghost{-webkit-backdrop-filter:none;backdrop-filter:none}.ghost:before{content:"";z-index:-1;pointer-events:none;transform-origin:bottom;transition:transform .35s var(--ease);background:linear-gradient(#ffffff0a,#ffffff1a 45%,#ffffff57);position:absolute;inset:0;transform:scaleY(0)}.ghost:is(:hover,:focus-visible){color:var(--acid);box-shadow:var(--lift)}.ghost:is(:hover,:focus-visible):before{transform:scaleY(1)}.logo-intro{justify-content:center;align-items:flex-end;height:100svh;padding-bottom:36px;display:flex}.scroll-hint{font-size:var(--t-sm);color:var(--muted);flex-direction:column;align-items:center;gap:10px;font-weight:700;display:flex}.scroll-hint:after{content:"";background:linear-gradient(var(--acid),transparent);width:2px;height:40px;animation:hint 1.8s var(--ease) infinite}@keyframes hint{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}.hero{min-height:100svh;padding:110px var(--m) 24px;grid-template-rows:1fr auto auto;grid-template-columns:minmax(0,1fr);align-content:end;display:grid;position:relative}.hero:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0000,#0c131fb8);height:46%;position:absolute;inset:auto 0 0}.hero-copy{align-self:center;width:min(440px,40%);padding:28px}.hero-copy .lede{font-size:var(--t-lead);color:var(--paper);font-weight:700;line-height:1.5}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.hero h1{text-transform:uppercase;text-align:left;white-space:nowrap;color:var(--acid);margin-top:24px;font:700 clamp(96px,19vw,330px)/.78 Oswald,Almarai,sans-serif}.hero h1 span:last-child{color:#ffffff80}.scene-state{font-size:var(--t-sm);color:var(--muted);padding-top:16px;font-weight:500}.scene-state:after{margin-inline-start:10px;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.2}}.routes{padding:40px var(--m) 160px}.routes h2{color:var(--acid);text-shadow:0 2px 14px #000c;margin-bottom:20px}.route-list{gap:10px;display:grid}.route{isolation:isolate;transition:color .25s,padding .35s var(--ease),transform .35s var(--ease),box-shadow .35s;grid-template-columns:1fr auto;align-items:center;gap:6px 24px;padding:24px 30px;display:grid;position:relative;overflow:hidden}.route:before{content:"";z-index:-1;transform-origin:100%;transition:transform .45s var(--ease);background:linear-gradient(270deg,#ffffff2e,#ffffff08 70%);position:absolute;inset:0;transform:scaleX(0)}.route b{font-size:var(--t-h2);font-weight:700;line-height:1.2}.route span{color:var(--muted);grid-column:1}.route:after{content:"←";transition:transform .3s var(--ease);grid-area:1/2/span 2;font-size:32px;line-height:1}.route:is(:hover,:focus-visible){color:var(--acid);box-shadow:var(--lift);padding-inline-start:40px;transform:translateY(-3px)}.route:is(:hover,:focus-visible):before{transform:scaleX(1)}.route:active{transform:translateY(0)scale(.99)}.route:is(:hover,:focus-visible):after{transform:translate(-10px)}.page-head{padding:140px var(--m) 72px;max-width:980px}.page-head h1{font:700 var(--t-h1)/1.1 Almarai,Oswald,sans-serif;color:var(--acid);text-shadow:0 4px 30px #0009}.page-head p{max-width:44ch;color:var(--paper);font-size:var(--t-lead);text-shadow:0 2px 14px #000c;margin-top:18px;line-height:1.6}.next{padding:0 var(--m) 140px;justify-content:center;display:flex}.story{padding:0 var(--m) 140px;grid-template-columns:minmax(300px,420px) 1fr;column-gap:clamp(32px,8vw,140px);display:grid;position:relative}.story-hud{grid-row:1/span 3;align-self:start;padding:30px;position:sticky;top:96px}.story-hud h2{margin-bottom:18px}.story-steps{gap:4px;padding:0;list-style:none;display:grid}.story-steps button{isolation:isolate;text-align:start;width:100%;font-size:var(--t-body);color:var(--muted);background:0 0;border:0;align-items:center;gap:12px;padding:12px 14px;font-weight:700;transition:color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.story-steps button:before{content:"";width:9px;height:9px;transition:width .3s var(--ease);background:currentColor;flex:none}.story-steps button:after{content:"";z-index:-1;transform-origin:100%;transition:transform .35s var(--ease);background:linear-gradient(270deg,#ffffff29,#ffffff0a);position:absolute;inset:0;transform:scaleX(0)}.story-steps .current button{background:var(--acid);color:var(--on-acid);box-shadow:var(--glow)}.story-steps li:not(.current) button:is(:hover,:focus-visible){color:var(--acid)}.story-steps li:not(.current) button:is(:hover,:focus-visible):after{transform:scaleX(1)}.story-steps li:not(.current) button:is(:hover,:focus-visible):before,.story-steps .current button:before{width:22px}.step-body{padding:14px 14px 6px}.step-body h3{font-size:var(--t-lead);margin-bottom:4px;font-weight:700}.step-body p{line-height:1.75}.story-marker{grid-column:2;height:110vh}.dyno{min-height:280vh;padding:0 var(--m) 20vh}.dyno-panel{width:min(520px,100%);padding:30px;position:sticky;top:92px}.dyno-panel h2{font-size:var(--t-h2);margin-bottom:20px;font-weight:700;line-height:1.2}.picker{background:#00000047;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-bottom:16px;padding:10px;display:grid}.picker-step{width:44px;height:44px;color:var(--acid);transition:background .25s,transform .25s var(--ease);background:#ffffff14;border:0;place-items:center;display:grid}.picker-step:before{content:"";border:3px solid;border-width:3px 3px 0 0;width:11px;height:11px;transform:translate(-2px)rotate(45deg)}.picker-next:before{transform:translate(2px)rotate(-135deg)}.picker-step:is(:hover,:focus-visible){background:var(--acid);color:var(--on-acid);transform:translateY(-2px)}.picker-step:active{transform:scale(.94)}.picker-car{text-align:center;gap:2px;min-width:0;display:grid}.picker-car b{font-size:var(--t-lead);color:var(--acid);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.picker-car span{font-size:var(--t-sm);color:var(--paper);font-weight:500}.picker-car i{vertical-align:middle;width:10px;height:10px;margin-inline:6px;display:inline-block}.picker-car small{font-size:var(--t-sm);color:var(--muted)}.specs{grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 12px;display:grid}.specs div{background:#0003;padding:8px 10px}.specs dt{color:var(--muted);font-size:13px;font-weight:700}.specs dd{color:var(--paper);text-align:right;margin:2px 0 0;font:700 16px/1.2 Oswald,Almarai,sans-serif}.readouts{grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 18px;display:grid}.readouts div{background:#00000047;padding:12px 14px}.readouts dt{font-size:var(--t-sm);color:var(--muted);font-weight:700}.readouts dd{color:var(--acid);font-variant-numeric:tabular-nums;text-align:right;margin:4px 0 0;font:700 clamp(26px,2.4vw,34px)/1 Oswald,Almarai,sans-serif}.readouts small{font-size:var(--t-sm);color:var(--muted);margin-inline-start:6px;font-weight:500}.dyno-chart{background:#00000038;width:100%;height:auto;margin-bottom:10px;display:block}.dyno-chart polyline{fill:none;stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.dyno-chart .power{stroke:var(--acid);filter:drop-shadow(0 0 4px #ffffff80)}.dyno-chart .torque{stroke:#ffffff73;stroke-dasharray:5 4}.dyno-chart .axis{stroke:#ffffff2e;stroke-width:1px}.legend{font-size:var(--t-sm);color:var(--muted);gap:18px;margin-bottom:20px;font-weight:700;display:flex}.legend span:before{content:"";vertical-align:middle;background:var(--acid);width:18px;height:3px;margin-inline-end:8px;display:inline-block}.legend .key-torque:before{background:#ffffff73}.dyno-panel .px-button{width:100%}.dyno-panel .px-button:disabled{opacity:.7;cursor:progress;transform:none}.dyno-note{font-size:var(--t-sm);margin-top:14px;line-height:1.7}.rules{padding:0 var(--m) 120px}.rules-inner{width:min(560px,100%)}.rules-list{gap:32vh;padding:0;padding-block:4vh 30vh;list-style:none;display:grid}.rules li{padding:28px 30px;transition:background .3s}.rules li button{text-align:start;font-size:var(--t-h2);color:inherit;background:0 0;border:0;padding:0;font-weight:700;line-height:1.25;display:block}.rules li button:after{content:"";width:0;height:3px;transition:width .3s var(--ease);background:currentColor;margin-top:10px;display:block}.rules li p{max-width:36ch;margin-top:10px;line-height:1.75}.rules li:not(.current) button{color:var(--muted)}.rules li.current button:after{width:36px}.rules li:not(.current) button:is(:hover,:focus-visible):after{width:16px}.tiktok{padding:0 var(--m) 46vh;grid-template-columns:minmax(0,820px);display:grid}.tiktok-card{justify-items:center;gap:18px;padding:24px;display:grid}.tiktok-embed-wrap{justify-content:center;width:100%;min-height:420px;display:flex}.tiktok-embed-wrap blockquote{margin:0}.join-grid{padding:0 var(--m) 46vh;grid-template-columns:minmax(0,560px);gap:14px;display:grid}.join-card{padding:32px}.join-card h2{margin-bottom:10px}.join-card p{margin-bottom:18px;line-height:1.8}.join-card ol{color:var(--muted);margin-top:16px;padding-inline-start:22px;line-height:1.9}.copy-row{color:var(--paper);background:#0d17297a;justify-content:space-between;align-items:center;padding-block:8px;padding-inline:16px 8px;display:flex}.copy-row b{font-weight:700}.copy-row button{background:var(--acid);color:var(--on-acid);transition:box-shadow .2s;transition:box-shadow .25s,transform .25s var(--ease);border:0;padding:8px 14px;font-weight:700}.copy-row button:is(:hover,:focus-visible){box-shadow:var(--glow-strong);transform:translateY(-2px)}.copy-row button:active{transform:scale(.96)}.footer{padding:56px var(--m) 28px;background:var(--glass-panel);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);color:var(--paper);overflow:clip}.footer-row{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:28px;font-size:16px;font-weight:700;display:flex}.footer-meta{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px 16px;margin-top:20px;font-size:14px;font-weight:500;display:flex}.footer-row nav{flex-wrap:wrap;gap:22px;display:flex}.footer-row a{color:var(--paper);transition:color .2s;position:relative}.footer-row a:is(:hover,:focus-visible){color:var(--acid)}.footer-row a:after{content:"";height:2px;transition:transform .3s var(--ease);background:currentColor;position:absolute;inset:auto 0 -4px;transform:scaleX(0)}.footer-row a:is(:hover,:focus-visible):after{transform:scaleX(1)}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);pointer-events:none;opacity:0;position:absolute;inset:0}.glitch:before{color:#ff3c50d9;animation:5s step-end infinite glitch-a}.glitch:after{color:#00dcffd9;animation:5s step-end infinite glitch-b}.glitch:hover:before,.glitch:hover:after{animation-duration:.6s}@keyframes glitch-a{0%,to{opacity:0;clip-path:inset(0);transform:none}2%{opacity:1;clip-path:inset(12% 0 70%);transform:translate(-6px,2px)}4%{opacity:1;clip-path:inset(58% 0 20%);transform:translate(5px,-2px)}6%{opacity:1;clip-path:inset(35% 0 48%);transform:translate(-3px)}8%{opacity:0}52%{opacity:1;clip-path:inset(72% 0 6%);transform:translate(7px,1px)}54%{opacity:0}}@keyframes glitch-b{0%,to{opacity:0;clip-path:inset(0);transform:none}2%{opacity:1;clip-path:inset(64% 0 14%);transform:translate(6px,-1px)}4%{opacity:1;clip-path:inset(8% 0 76%);transform:translate(-5px,2px)}6%{opacity:1;clip-path:inset(44% 0 40%);transform:translate(4px)}8%{opacity:0}52%{opacity:1;clip-path:inset(18% 0 60%);transform:translate(-7px,-1px)}54%{opacity:0}}.page{animation:.45s step-end glitch-in}.hero-copy{animation:rise .8s .15s var(--ease) both}.hero h1{animation:rise 1s .35s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(28px)}}.motion .reveal{opacity:0}.motion .reveal.shown{opacity:1;animation:glitch-in .55s steps(1),rise .7s var(--ease) both}@keyframes glitch-in{0%{opacity:0;clip-path:inset(0 0 100%)}15%{opacity:1;clip-path:inset(10% 0 60%);transform:translate(-10px)}30%{clip-path:inset(55% 0 15%);transform:translate(8px)}45%{clip-path:inset(0 0 40%);transform:translate(-4px)}60%{clip-path:inset(30% 0 0);filter:none;transform:translate(3px)}75%{clip-path:none;transform:translate(-1px)}to{opacity:1;clip-path:none;transform:none}}@media (width<=900px){.story{grid-template-columns:1fr}.story-hud{z-index:1;grid-row:auto;top:80px}.story-marker{grid-column:1;height:90vh}}@media (width<=720px){.topbar{gap:16px;height:60px}.topbar nav{top:60px;padding:8px var(--m) 16px;background:var(--glass-panel),#0a0e1680;-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);flex-direction:column;gap:0;display:none;position:absolute;inset-inline:0}.topbar nav.open{display:flex}.topbar nav a{padding-block:12px}.menu-toggle{display:block}.top-join{display:none}.hero{grid-template-rows:1fr auto auto;padding-top:84px}.hero h1{grid-row:2;font-size:24vw}.hero-copy{grid-row:3;align-self:end;width:100%;margin-top:20px;padding:20px}.hero-copy .lede{font-size:20px}.hero-actions .px-button{flex:1}.route{grid-template-columns:1fr;padding:20px}.route:after{display:none}.page-head{padding-top:100px}.page-head p{font-size:var(--t-body)}.story-hud{padding:18px}.story-hud h2{margin-bottom:10px}.story-steps button{padding:8px 10px}.rules-list{gap:24vh}.dyno{min-height:240vh}.dyno-panel{padding:20px;position:static}.readouts{gap:6px}.specs{grid-template-columns:repeat(2,1fr)}.readouts div{padding:10px}.rules li{padding:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.motion .reveal{opacity:1;transform:none}}
