/* Shared shell for sub-pages */
:root{--bg:#08090c;--bg-elev:#0f1117;--bg-card:#13161e;--line:rgba(255,255,255,.07);--line-strong:rgba(255,255,255,.14);--text:#e8ecf2;--text-muted:#7a8294;--text-faint:#4a5163;--accent:#00d4ff;--accent-2:#0090ff;--maxw:1320px;--pad:clamp(20px,4vw,56px)}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:'DM Sans',system-ui,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:'Space Grotesk',sans-serif;font-weight:600;letter-spacing:-.02em;line-height:1.05;margin:0}
h1{font-size:clamp(48px,7vw,96px);letter-spacing:-.04em}
h2{font-size:clamp(28px,4vw,56px);letter-spacing:-.03em}
h3{font-size:clamp(20px,2vw,28px)}
.eyebrow{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-weight:500}
.muted{color:var(--text-muted)}
.container{max-width:var(--maxw);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
.nav{position:sticky;top:0;z-index:50;padding:18px 0;background:rgba(8,9,12,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:var(--maxw);margin:0 auto;padding:0 var(--pad)}
.logo img{height:30px}
.nav-links{display:flex;gap:32px;align-items:center;font-size:14.5px}
.nav-links a{color:var(--text-muted);transition:color .2s}
.nav-links a:hover,.nav-links a.active{color:var(--text)}
.nav-links a.active{position:relative}
.nav-links a.active::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:var(--accent)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:8px;font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:14.5px;transition:all .2s}
.btn-primary{background:var(--accent);color:#06121a;box-shadow:0 8px 24px -8px rgba(0,212,255,.5)}
.btn-primary:hover{background:#33dfff}
.btn-ghost{border:1px solid var(--line-strong);color:var(--text)}
.btn-ghost:hover{border-color:var(--text)}
.btn-lg{padding:15px 24px;font-size:15.5px;border-radius:10px}
.page-hero{padding:96px 0 64px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.page-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 30% 30%,rgba(0,144,255,.12),transparent 70%);pointer-events:none}
.page-hero h1{margin-bottom:20px;max-width:18ch}
.page-hero p{font-size:19px;color:var(--text-muted);max-width:60ch}
.page-eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.page-eyebrow::before{content:"";width:32px;height:1px;background:var(--accent)}
.section{padding:80px 0;border-bottom:1px solid var(--line)}
.footer{padding:64px 0 32px;background:#06080b;color:var(--text-muted);font-size:14px}
.footer-bot{padding-top:24px;border-top:1px solid var(--line);font-family:'JetBrains Mono',monospace;font-size:11.5px;color:var(--text-faint);letter-spacing:.05em}
@media (max-width:760px){.nav-links{display:none}}