:root{--accent:#00d2ff;--text:#fff;--glass:#0006;--border:#ffffff1a;--navy:#0a1118}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--navy);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Outfit,sans-serif;line-height:1.5;overflow-x:hidden}#canvas{z-index:-1;width:100vw;height:100vh;position:fixed;top:0;left:0}#loader{background:var(--navy);z-index:2000;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .8s cubic-bezier(.19,1,.22,1);display:flex;position:fixed;top:0;left:0}.loader-content{text-align:center;flex-direction:column;align-items:center;gap:30px;display:flex}.loader-logo{letter-spacing:.2em;text-transform:uppercase;font-family:Tenor Sans,sans-serif;font-size:2rem}.progress-bar{background:#ffffff1a;width:150px;height:1px;position:relative;overflow:hidden}.progress-fill{background:var(--accent);width:0%;height:100%;transition:width .3s}body:before{content:"";pointer-events:none;z-index:50;background:linear-gradient(#0009,#0000);width:100%;height:200px;position:fixed;top:0;left:0}nav{z-index:1000;justify-content:space-between;align-items:center;width:100%;padding:40px 60px;transition:padding .5s;display:flex;position:fixed;top:0;left:0}.logo{letter-spacing:.2em;text-transform:uppercase;font-family:Tenor Sans,sans-serif;font-size:1.4rem;font-weight:400}.nav-links{align-items:center;gap:40px;display:flex}.nav-links a{color:var(--text);text-transform:uppercase;letter-spacing:.2em;opacity:.7;font-size:.7rem;font-weight:600;text-decoration:none;transition:all .5s cubic-bezier(.19,1,.22,1)}.nav-links a:hover{opacity:1;color:var(--accent)}.btn{border:1px solid #ffffff4d;padding:10px 24px}section{width:100%;height:100vh;padding:0 10%;display:flex;position:relative}.hero{align-items:flex-end;padding-bottom:15vh}.tagline{color:var(--accent);text-transform:uppercase;letter-spacing:.5em;margin-bottom:15px;font-size:.55rem;font-weight:600;display:block}h1{font-family:Tenor Sans,sans-serif;font-size:clamp(2.5rem,10vw,8rem);font-weight:400;line-height:.9}.story-text{opacity:.6;max-width:400px;margin-top:30px;font-size:1rem;line-height:1.8}.info-section{justify-content:flex-start;align-items:center}.info-section.right{justify-content:flex-end}.glass-card{background:var(--glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:2px;flex-direction:column;width:360px;padding:35px 40px;display:flex;position:relative;box-shadow:0 30px 60px #0000004d}.step-num{color:var(--accent);letter-spacing:.4em;margin-bottom:12px;font-size:.55rem;font-weight:700;display:block}.glass-card h2{margin-bottom:18px;font-family:Tenor Sans,sans-serif;font-size:2rem;font-weight:400;line-height:1.15}.glass-card p{opacity:.6;font-size:.85rem;line-height:1.7}.footer{text-align:center;background:linear-gradient(to top, var(--navy), transparent);flex-direction:column;justify-content:center;align-items:center}.footer .content{flex-direction:column;align-items:center;gap:30px;display:flex}.footer h2{font-family:Tenor Sans,sans-serif;font-size:clamp(2rem,8vw,6rem);line-height:1.1}.footer p{opacity:.6;max-width:500px;font-size:1rem}.cta-btn{color:#000;text-transform:uppercase;letter-spacing:.25em;cursor:pointer;background:#fff;border:none;padding:20px 60px;font-family:Outfit,sans-serif;font-weight:600;transition:all .6s cubic-bezier(.19,1,.22,1)}.cta-btn:hover{background:var(--accent);color:#fff;transform:translateY(-5px)}.footer-bottom{text-align:center;opacity:.3;letter-spacing:.2em;text-transform:uppercase;width:100%;font-size:.6rem;position:absolute;bottom:30px;left:0}.scroll-indicator{z-index:100;flex-direction:column;align-items:center;gap:20px;transition:opacity 1s cubic-bezier(.19,1,.22,1);display:flex;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}.scroll-text{text-transform:uppercase;letter-spacing:.5em;opacity:.6;margin-bottom:15px;font-size:.6rem}.mouse{background:#ffffff1a;width:1px;height:80px;position:relative}.mouse:after{content:"";background:var(--accent);width:2px;height:40px;animation:3s cubic-bezier(.19,1,.22,1) infinite lineScroll;position:absolute;top:0;left:-.5px}@keyframes lineScroll{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom;transform:scaleY(1)}to{transform-origin:bottom;transform:scaleY(0)}}@media (width<=768px){nav{padding:30px 25px}.nav-links{display:none}.logo{font-size:1.2rem}section{padding:0 25px}h1{font-size:3.2rem;line-height:1}.story-text{margin-top:25px;font-size:.9rem}.glass-card{width:100%;padding:30px}.glass-card h2{font-size:1.8rem}.footer h2{font-size:2.5rem}.cta-btn{width:100%;padding:18px 45px;font-size:.8rem}.scroll-indicator{bottom:40px}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--navy)}::-webkit-scrollbar-thumb{background:var(--accent)}