*{margin:0;padding:0;box-sizing:border-box}body{overflow-x:hidden;background-color:#050505;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff}#canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;outline:none}.ui-overlay{position:fixed;top:50%;left:6%;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;gap:1.2rem}.nav-btn{color:#ffffffb3;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;text-decoration:none;transition:all .25s ease;position:relative;padding-left:0}.nav-btn:before{content:"";position:absolute;left:-16px;top:50%;transform:translateY(-50%);width:0;height:2px;background-color:#fff;transition:width .25s ease}.nav-btn:hover,.nav-btn.active{color:#fff;padding-left:8px}.nav-btn:hover:before,.nav-btn.active:before{width:12px}.story-overlay{position:relative;z-index:10;width:min(860px,90vw);margin-left:auto;padding:18vh 6vw 20vh 30vw}.story-step{min-height:86vh;display:grid;align-content:center;gap:1rem;opacity:.4;transition:opacity .3s ease}.story-step.active{opacity:1}.step-kicker{font-size:.8rem;text-transform:uppercase;letter-spacing:3px;color:#9aa3ad}.story-step h1,.story-step h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.1}.story-step p{font-size:1.02rem;line-height:1.6;color:#d5d8dd;max-width:56ch}.milestone-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.9rem;margin-top:.8rem}.milestone-card{border:1px solid rgba(255,255,255,.16);background:#0a0a0a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:.9rem;border-radius:10px}.milestone-card h3{font-size:.95rem;margin-bottom:.45rem}.milestone-card p{font-size:.9rem}.cta-row{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:.6rem}.cta-btn{border:1px solid rgba(255,255,255,.28);color:#fff;text-decoration:none;padding:.62rem .95rem;border-radius:8px;font-size:.9rem;transition:all .2s ease}.cta-btn:hover{border-color:#ffffffb8;transform:translateY(-1px)}.scroll-progress{position:fixed;top:8%;right:2.2rem;width:4px;height:84vh;background:#fff3;z-index:25;border-radius:999px;overflow:hidden}#scroll-progress-bar{display:block;width:100%;height:0%;background:#fff}#loader{position:fixed;bottom:20px;right:20px;color:#8a919a;font-size:.8rem;z-index:30;font-family:monospace}.screen-glitch{position:fixed;inset:0;z-index:40;pointer-events:none;opacity:0;mix-blend-mode:screen;background:repeating-linear-gradient(to bottom,#ffffff26 0px 1px,#0000000f 2px 4px),radial-gradient(circle at 50% 50%,#ffffff38,#fff0 62%);transform:translateZ(0)}.screen-glitch.active{opacity:.75;animation:screen-glitch-shift .12s steps(2,end) infinite}@keyframes screen-glitch-shift{0%{transform:translate(0) skew(0);filter:contrast(120%) saturate(110%)}25%{transform:translate(-6px,2px) skew(-1.6deg);filter:contrast(150%) saturate(85%)}50%{transform:translate(5px,-2px) skew(1.4deg);filter:contrast(125%) saturate(130%)}75%{transform:translate(-3px,1px) skew(-.8deg);filter:contrast(145%) saturate(90%)}to{transform:translate(0) skew(0);filter:contrast(120%) saturate(110%)}}@media(max-width:900px){.ui-overlay{top:1rem;left:1rem;right:1rem;transform:none;flex-direction:row;justify-content:space-between;gap:.7rem}.nav-btn{font-size:.7rem}.nav-btn:before{display:none}.story-overlay{width:100%;padding:16vh 1rem 20vh}.scroll-progress{right:.7rem}}