*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;scroll-behavior:smooth}:root{--bg: #0a0a0f;--surface: #12121a;--surface-glass: rgba(18, 18, 26, .6);--border: #1e1e2e;--border-light: rgba(255, 255, 255, .06);--text: #e0e0e8;--text-dim: #7a7a8e;--accent: #8b5cf6;--accent-glow: rgba(139, 92, 246, .15);--indigo: #6366f1;--pink: #c084fc;--green: #34d399;--amber: #fbbf24;--radius: 16px;--radius-lg: 24px}body{font-family:Inter,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;overflow-x:hidden;width:100%}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 24px;display:flex;justify-content:center}.nav-inner{display:flex;justify-content:space-between;align-items:center;width:min(1100px,100%);margin-top:16px;padding:12px 24px;background:#12121ab3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-light);border-radius:100px}.nav-logo{font-family:JetBrains Mono,monospace;font-weight:700;font-size:1.1rem;color:var(--text);text-decoration:none}.nav-logo span{color:var(--accent)}.nav-links{display:flex;gap:28px;align-items:center}.nav-links a{font-size:.85rem;color:var(--text-dim);transition:color .2s}.nav-links a:hover{color:var(--text);text-decoration:none}.nav-cta{font-family:JetBrains Mono,monospace;font-size:.78rem;padding:8px 20px;background:var(--accent);color:#fff!important;border-radius:100px;transition:all .3s}.nav-cta:hover{background:#7c3aed;box-shadow:0 4px 20px #8b5cf666;text-decoration:none!important}.nav-dropdown{position:relative}.nav-dropdown:after{content:"";position:absolute;top:100%;left:0;right:0;height:16px;pointer-events:auto}.nav-dropdown-trigger{display:inline-flex;align-items:center;gap:4px;font-family:inherit;font-size:.85rem;color:var(--text-dim);background:transparent;border:0;padding:0;cursor:pointer;transition:color .2s}.nav-dropdown-trigger:hover,.nav-dropdown.is-open .nav-dropdown-trigger{color:var(--text)}.nav-dropdown-chev{font-size:.7rem;transition:transform .2s}.nav-dropdown.is-open .nav-dropdown-chev{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%) translateY(-4px);min-width:160px;padding:8px;background:#12121aeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-light);border-radius:14px;display:flex;flex-direction:column;gap:2px;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:110}.nav-dropdown.is-open .nav-dropdown-menu,.nav-dropdown:hover .nav-dropdown-menu{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.nav-dropdown-menu a{display:block;padding:8px 14px;font-size:.85rem;color:var(--text-dim);border-radius:8px;transition:background .15s,color .15s}.nav-dropdown-menu a:hover{color:var(--text);background:#ffffff0a;text-decoration:none}.nav-hamburger{display:none;width:36px;height:36px;background:transparent;border:0;padding:8px;cursor:pointer;flex-direction:column;justify-content:space-between;align-items:stretch}.nav-hamburger span{display:block;height:2px;background:var(--text);border-radius:2px;transition:transform .25s,opacity .2s;transform-origin:center}.nav-hamburger.is-open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.nav-hamburger.is-open span:nth-child(2){opacity:0}.nav-hamburger.is-open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-mobile{position:absolute;top:calc(100% + 8px);left:16px;right:16px;background:#12121af0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-light);border-radius:20px;padding:16px;opacity:0;transform:translateY(-8px);transition:opacity .2s,transform .2s}.nav-mobile.is-open{opacity:1;transform:translateY(0)}.nav-mobile[hidden]{display:none}.nav-mobile-inner{display:flex;flex-direction:column;gap:4px}.nav-mobile-link,.nav-mobile-sublink{display:block;padding:12px 14px;font-size:.95rem;color:var(--text);border-radius:10px;transition:background .15s}.nav-mobile-link:hover,.nav-mobile-sublink:hover{background:#ffffff0a;text-decoration:none}.nav-mobile-group{border-top:1px solid var(--border-light);padding-top:12px;margin-top:8px;display:flex;flex-direction:column;gap:2px}.nav-mobile-group-label{font-family:JetBrains Mono,monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);padding:4px 14px 8px}.nav-mobile-sublink{padding-left:28px;font-size:.9rem;color:var(--text-dim)}.nav-mobile-sublink:hover{color:var(--text)}.nav-mobile-cta{display:block;margin-top:12px;padding:14px 18px;font-family:JetBrains Mono,monospace;font-size:.85rem;text-align:center;background:var(--accent);color:#fff;border-radius:100px;transition:background .2s}.nav-mobile-cta:hover{background:#7c3aed;text-decoration:none}.container{width:min(800px,100%);margin:0 auto;padding:120px 24px 80px}.container-wide{max-width:1100px;margin:0 auto;padding:0 24px}footer{margin-top:80px;padding:60px 0;border-top:1px solid var(--border-light);text-align:center}footer p{font-size:.85rem;color:var(--text-dim)}.footer-links{display:flex;justify-content:center;gap:24px;margin-bottom:20px;flex-wrap:wrap}.footer-links a{font-size:.85rem;color:var(--text-dim);transition:color .2s}.footer-links a:hover{color:var(--accent);text-decoration:none}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.fade-in.visible{opacity:1;transform:translateY(0)}.fade-in-delay-1{transition-delay:.1s}.fade-in-delay-2{transition-delay:.2s}.fade-in-delay-3{transition-delay:.3s}.fade-in-delay-4{transition-delay:.4s}@media(max-width:820px){.nav-links{display:none}.nav-hamburger{display:flex}}@media(max-width:600px){.nav-inner{margin-top:8px;padding:10px 16px}section{padding:80px 0}}