:root{--c-bg:#0b1016;--c-bg-2:#0e141b;--c-fg:#e9eef4;--c-muted:#7c8a99;--c-accent:#ff6a1a;--c-line:#ffffff17;--font:"Bahnschrift", "DIN Alternate", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;--mono:"Cascadia Mono", "Consolas", ui-monospace, monospace;--pad:clamp(18px, 5vw, 78px)}*{box-sizing:border-box}html{scrollbar-color:#2b3542 #080b0f;scrollbar-width:thin}body{background:var(--c-bg);color:var(--c-fg);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:#080b0f}::-webkit-scrollbar-thumb{background:#2b3542;border:3px solid #080b0f;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--c-accent)}::-webkit-scrollbar-corner{background:#080b0f}.canvas-holder{z-index:0;position:fixed;inset:0}.canvas-holder canvas{display:block}.scrims{z-index:1;pointer-events:none;position:fixed;inset:0}.scrims .scrim{display:block;position:absolute;inset:0}.scrim-hero{background:linear-gradient(100deg,#090d12f2 0%,#090d12ad 32%,#090d1200 62%),linear-gradient(#090d1200 54%,#090d12d1 100%)}.scrim-road{opacity:0;background:linear-gradient(#090d1200 48%,#090d1299 72%,#090d12f2 100%),linear-gradient(#090d12cc 0%,#090d1200 20%)}.scrim-dock{opacity:0;background:linear-gradient(80deg,#090d12eb 0%,#090d128c 34%,#090d1200 64%),linear-gradient(#090d1200 56%,#090d12cc 100%)}.overlay{z-index:2;pointer-events:none;position:relative}.overlay a,.overlay button{pointer-events:auto}.scroll-scene{position:relative}.sticky{height:100vh;position:sticky;top:0;overflow:hidden}h1,h2,h3,h4{letter-spacing:-.02em;margin:0;font-weight:600;line-height:.98}h1{text-transform:uppercase;font-size:clamp(38px,5.4vw,92px);line-height:.94}h2{text-transform:uppercase;font-size:clamp(28px,3.6vw,58px)}p{color:var(--c-muted);margin:0;line-height:1.6}.eyebrow{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--c-accent);align-items:center;gap:10px;font-size:11px;display:flex}.eyebrow:before{content:"";background:var(--c-accent);width:28px;height:1px}.nav{z-index:6;padding:20px var(--pad);background:linear-gradient(#0b1016e0,#0000);justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.brand{color:var(--c-fg);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:11px;font-size:17px;text-decoration:none;display:flex}.brand i{background:var(--c-accent);width:13px;height:13px;transform:rotate(45deg)}.nav-links{gap:30px;display:flex}.nav-links a{color:var(--c-muted);letter-spacing:.14em;text-transform:uppercase;font-size:12px;text-decoration:none;transition:color .25s}.nav-links a:hover{color:var(--c-fg)}@media (max-width:780px){.nav-links{display:none}}.progress{z-index:7;background:var(--c-line);height:2px;position:fixed;top:0;left:0;right:0}.progress i{background:var(--c-accent);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.hero-copy{left:var(--pad);max-width:640px;position:absolute;bottom:clamp(70px,13vh,140px)}.hero-copy h1{margin:18px 0 20px}.hero-copy h1 em{color:var(--c-accent);font-style:normal}.hero-copy p{max-width:440px;font-size:16px}.hero-meta{border-top:1px solid var(--c-line);gap:40px;margin-top:34px;padding-top:18px;display:flex}.hero-meta div span{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--c-muted);margin-bottom:6px;font-size:10px;display:block}.hero-meta div b{font-size:24px;font-weight:600}.scroll-hint{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--c-muted);align-items:center;gap:10px;font-size:10px;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.scroll-hint i{background:linear-gradient(180deg, var(--c-accent), transparent);width:1px;height:26px;animation:1.7s ease-in-out infinite drop}@keyframes drop{0%,to{opacity:.25;transform:translateY(-5px)}50%{opacity:1;transform:translateY(5px)}}.odometer{left:var(--pad);font-family:var(--mono);position:absolute;top:clamp(96px,14vh,130px)}.odometer span{letter-spacing:.2em;text-transform:uppercase;color:var(--c-muted);margin-bottom:6px;font-size:10px;display:block}.odometer b{letter-spacing:-.02em;font-size:40px;font-weight:600}.odometer b:after{content:" km";color:var(--c-muted);letter-spacing:0;font-size:14px}.rail{left:var(--pad);right:var(--pad);position:absolute;bottom:clamp(26px,5vh,52px)}.rail-nav{grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.6vw,26px);margin-bottom:clamp(14px,2vh,22px);display:grid}.rail-tick span{font-family:var(--mono);letter-spacing:.2em;color:var(--c-muted);margin-bottom:8px;font-size:11px;display:block}.rail-tick i{background:var(--c-line);height:2px;display:block;overflow:hidden}.rail-tick i b{background:var(--c-accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.rail-track{height:clamp(168px,22vh,210px);position:relative}.info-card{visibility:hidden;grid-template-columns:minmax(210px,.95fr) minmax(0,1.3fr) minmax(220px,.8fr);align-items:start;gap:clamp(20px,3.5vw,60px);display:grid;position:absolute;inset:0}.info-card .num{font-family:var(--mono);letter-spacing:.2em;color:var(--c-accent);text-transform:uppercase;margin-bottom:12px;font-size:11px}.info-card h3{text-transform:uppercase;font-size:clamp(20px,2.1vw,32px)}.info-card p{font-size:15px}.info-card ul{border-top:1px solid var(--c-line);margin:0;padding:0;list-style:none}.info-card li{border-bottom:1px solid var(--c-line);color:var(--c-muted);justify-content:space-between;gap:16px;padding:10px 0;font-size:13px;display:flex}.info-card li b{color:var(--c-fg);font-weight:600;font-family:var(--mono)}.dock-copy{left:var(--pad);visibility:hidden;max-width:560px;position:absolute;bottom:clamp(70px,13vh,140px)}.dock-copy h2{margin:18px 0 20px}.dock-copy h2 em{color:var(--c-accent);font-style:normal}.dock-copy p{max-width:430px;font-size:16px}.dock-meta{border-top:1px solid var(--c-line);gap:40px;margin-top:32px;padding-top:18px;display:flex}.dock-meta div span{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--c-muted);margin-bottom:6px;font-size:10px;display:block}.dock-meta div b{font-size:24px;font-weight:600}.panel{z-index:2;min-height:100vh;padding:clamp(84px, 11vh, 140px) var(--pad) clamp(40px, 6vh, 70px);background:var(--c-bg-2);border-top:1px solid var(--c-line);align-items:center;display:flex;position:relative}.panel-inner{width:100%;max-width:1500px;margin:0 auto}.about-grid{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(28px,6vw,96px);margin:26px 0 clamp(40px,6vh,70px);display:grid}.about-grid h2 em{color:var(--c-accent);font-style:normal}.about-copy{gap:20px;display:grid}.about-copy p{max-width:620px;font-size:16px}.timeline{background:var(--c-line);border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line);grid-template-columns:repeat(4,1fr);gap:1px;margin:0 0 clamp(40px,6vh,70px);padding:0;list-style:none;display:grid}.timeline li{background:var(--c-bg-2);padding:22px 20px}.timeline b{font-family:var(--mono);color:var(--c-accent);letter-spacing:.04em;margin-bottom:10px;font-size:20px;display:block}.timeline span{color:var(--c-muted);font-size:14px;line-height:1.5}.model{grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,64px);display:grid}.model h4{letter-spacing:.18em;text-transform:uppercase;font-size:13px;font-family:var(--mono);margin-bottom:14px}.model p{font-size:15px}.outro-inner{flex-direction:column;min-height:calc(100vh - clamp(124px,17vh,210px));display:flex}.outro-inner .outro-grid{margin-block:auto}.outro-inner .foot{margin-top:clamp(40px,7vh,90px)}.outro-grid{grid-template-columns:1.05fr .95fr;align-items:end;gap:clamp(30px,6vw,90px);display:grid}.outro h2{margin:18px 0 22px}.outro h2 em{color:var(--c-accent);font-style:normal}.outro p{max-width:440px;font-size:16px}.stats{background:var(--c-line);grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.stats div{background:var(--c-bg-2);padding:26px 22px}.stats span{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--c-muted);margin-bottom:10px;font-size:10px;display:block}.stats b{font-size:34px;font-weight:600}.cta{background:var(--c-accent);color:#0b0d10;letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:14px;margin-top:34px;padding:17px 30px;font-size:13px;font-weight:600;text-decoration:none;transition:transform .25s cubic-bezier(.2,.8,.2,1),background .25s;display:inline-flex}.cta:hover{background:#ff7f38;transform:translate(7px)}.foot{border-top:1px solid var(--c-line);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--c-muted);flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:22px;padding-right:74px;font-size:11px;display:flex}.to-top{z-index:8;border:1px solid var(--c-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:50px;height:50px;color:var(--c-fg);cursor:pointer;opacity:0;visibility:hidden;background:#0b1016bd;place-items:center;padding:0;transition:opacity .3s,transform .3s,visibility .3s,background .2s,border-color .2s,color .2s;display:grid;position:fixed;bottom:clamp(16px,2.4vw,34px);right:clamp(16px,2.4vw,34px);transform:translateY(10px)}.to-top.is-on{opacity:1;visibility:visible;transform:none}.to-top svg{width:17px;height:17px;display:block}.to-top:hover{background:var(--c-accent);border-color:var(--c-accent);color:#0b0d10}.to-top:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px}.loader{z-index:20;background:var(--c-bg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loader-inner{width:min(430px,74vw)}.loader-brand{letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:11px;margin-bottom:26px;font-size:17px;display:flex}.loader-brand i{background:var(--c-accent);width:13px;height:13px;animation:1.5s ease-in-out infinite pulse;transform:rotate(45deg)}@keyframes pulse{0%,to{opacity:.3;transform:rotate(45deg)scale(.82)}50%{opacity:1;transform:rotate(45deg)scale(1)}}.loader-bar{background:var(--c-line);height:2px;overflow:hidden}.loader-bar i{background:var(--c-accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.loader-foot{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--c-muted);justify-content:space-between;align-items:baseline;margin-top:13px;font-size:10px;display:flex}.loader-num b{color:var(--c-fg);font-size:13px;font-weight:600}@media (prefers-reduced-motion:reduce){.loader-brand i{opacity:1;animation:none}}@media (max-width:1080px){.info-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.info-card ul{grid-column:1/-1}.rail-track{height:268px}.info-card p{font-size:14px}.model{grid-template-columns:1fr;gap:26px}.timeline{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr}}@media (max-width:860px){.scrim-hero,.scrim-dock{background:linear-gradient(#090d12ed 0%,#090d12d1 42%,#090d1200 68%)}.scrim-road{background:linear-gradient(#090d1200 40%,#090d12b3 66%,#090d12f2 100%)}.hero-copy{max-width:none;top:11vh;bottom:auto;right:var(--pad)}.hero-copy h1{font-size:clamp(32px,10vw,44px)}.hero-meta{gap:24px}.dock-copy{max-width:none;top:11vh;bottom:auto;right:var(--pad)}.dock-meta{gap:22px}.dock-meta div b{font-size:19px}.odometer b{font-size:28px}.rail-track{height:250px}.info-card{grid-template-columns:1fr;align-content:start;gap:12px}.info-card h3{font-size:19px}.info-card p{font-size:14px}.info-card ul{display:none}.rail-tick span{letter-spacing:.12em;font-size:10px}.outro-grid,.timeline{grid-template-columns:1fr}.stats b{font-size:26px}.foot{font-size:10px}}body.reduced .scroll-scene{height:auto!important}body.reduced .sticky{height:auto;padding:60px 0;position:static}body.reduced .hero-copy,body.reduced .dock-copy,body.reduced .rail{width:auto;height:auto;position:static;transform:none}body.reduced .rail-nav{display:none}body.reduced .rail-track{gap:40px;height:auto;display:grid}body.reduced .info-card{visibility:visible;position:static}body.reduced .hero-copy,body.reduced .dock-copy,body.reduced .rail{padding:0 var(--pad);max-width:none}body.reduced .dock-copy{visibility:visible}body.reduced .scroll-hint,body.reduced .odometer{display:none}body.reduced .to-top{opacity:1;visibility:visible;transform:none}body.reduced .canvas-holder{height:100vh;position:sticky;top:0}body.reduced .scrims{height:100vh;position:sticky}body.reduced .scrim{background:#090d1280}body.reduced .scrim-road,body.reduced .scrim-dock{opacity:0}
