:root{--bg-primary:#050505;--bg-secondary:#0a0a0c;--text-primary:#ffffffe6;--text-secondary:#fff9;--accent-blue:#0050ff;--accent-cyan:#00d6ff;--nav-bg:#050505bf}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}nav{background-color:var(--nav-bg);-webkit-backdrop-filter:blur(16px);z-index:100;border-bottom:1px solid #ffffff0d;width:100%;height:60px;transition:opacity .5s,transform .5s;position:fixed;top:0;left:0}nav.nav-hidden{opacity:0;pointer-events:none;transform:translateY(-10px)}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;height:100%;margin:0 auto;padding:0 40px;display:flex}.nav-logo{color:var(--text-primary);letter-spacing:.02em;font-size:14px;font-weight:500}.nav-links{gap:32px;display:flex}.nav-links a{color:var(--text-secondary);letter-spacing:.01em;font-size:12px;font-weight:400;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--text-primary)}.nav-cta{color:var(--text-primary);background:linear-gradient(135deg,#0050ff1a,#00d6ff1a);border:1px solid #00d6ff33;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:500;text-decoration:none;transition:all .3s;box-shadow:0 0 10px #00d6ff00}.nav-cta:hover{background:linear-gradient(135deg,#0050ff33,#00d6ff33);border-color:#00d6ff66;box-shadow:0 0 15px #0050ff33}.canvas-container{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}#hero-canvas{object-fit:contain;width:100%;height:100%}.gradient-overlay{background:radial-gradient(circle at center, transparent 30%, var(--bg-primary) 100%);opacity:.8;width:100%;height:100%;position:absolute;top:0;left:0}.scroll-content{z-index:10;height:600vh;position:relative}.story-beat{pointer-events:none;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.beat-content{opacity:0;will-change:opacity, transform;width:100%;max-width:1200px;margin:0 auto;padding:0 40px;transform:translateY(40px)}.beat-content.centered{text-align:center;pointer-events:auto;flex-direction:column;align-items:center;display:flex}.beat-content.left-aligned{text-align:left;pointer-events:auto;flex-direction:column;align-items:flex-start;padding-left:10%;display:flex}.beat-content.right-aligned{text-align:left;pointer-events:auto;flex-direction:column;align-items:flex-start;max-width:600px;margin-left:auto;padding-right:10%;display:flex}.headline-gradient{letter-spacing:-.04em;background:linear-gradient(#fff 20%,#a0d8ef 100%);-webkit-text-fill-color:transparent;text-shadow:0 10px 30px #00d6ff1a;-webkit-background-clip:text;margin-bottom:16px;font-size:82px;font-weight:700;line-height:1.1}.headline-gradient.large{font-size:96px}.section-title{color:var(--text-primary);letter-spacing:-.03em;text-shadow:0 4px 20px #000c;margin-bottom:24px;font-size:56px;font-weight:700;line-height:1.1}.subtitle{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:12px;font-size:28px;font-weight:400}.supporting-text{color:var(--text-secondary);max-width:600px;font-size:18px;font-weight:400}.subcopy-container{flex-direction:column;gap:16px;max-width:480px;display:flex}.subcopy-container p{color:var(--text-secondary);font-size:20px;line-height:1.5}.feature-list{flex-direction:column;gap:20px;list-style:none;display:flex}.feature-list li{color:var(--text-primary);padding-left:24px;font-size:22px;line-height:1.4;position:relative}.feature-list li:before{content:"";background:linear-gradient(135deg, var(--accent-blue), var(--accent-cyan));border-radius:50%;width:8px;height:8px;position:absolute;top:12px;left:0;box-shadow:0 0 8px #00d6ff80}.cta-group{align-items:center;gap:24px;margin-top:40px;margin-bottom:20px;display:flex}.cta-primary{color:#fff;background:linear-gradient(135deg,#111 0%,#222 100%);border:1px solid #ffffff1a;border-radius:30px;padding:16px 32px;font-size:16px;font-weight:500;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-block;position:relative;overflow:hidden}.cta-primary:before{content:"";opacity:0;background:linear-gradient(135deg,#0050ff33,#00d6ff33);width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.cta-primary:hover{border-color:#00d6ff80;transform:translateY(-2px);box-shadow:0 10px 30px -10px #00d6ff4d}.cta-primary:hover:before{opacity:1}.cta-secondary{color:var(--text-primary);align-items:center;gap:8px;font-size:16px;font-weight:400;text-decoration:none;transition:color .3s;display:flex}.cta-secondary:hover{color:var(--accent-cyan)}.cta-secondary .arrow{transition:transform .3s}.cta-secondary:hover .arrow{transform:translate(4px)}.micro-copy{color:#fff6;letter-spacing:.02em;font-size:12px}@media (width<=768px){.headline-gradient{font-size:48px}.headline-gradient.large{font-size:56px}.section-title{font-size:36px}.subtitle{font-size:20px}.nav-links{display:none}.beat-content.left-aligned,.beat-content.right-aligned{text-align:center;align-items:center;margin:0 auto;padding:0 20px}}