:root{--bg:#070a12;--panel:#101622c7;--border:#1e2738;--text:#e8ecf4;--muted:#98a2b3;--cyan:#3ddbd9;--violet:#9b8cff}*{box-sizing:border-box}html,body{margin:0}body{background-color:var(--bg);min-height:100vh;color:var(--text);background-image:linear-gradient(#3ddbd909 1px,#0000 1px),linear-gradient(90deg,#3ddbd909 1px,#0000 1px);background-size:48px 48px;font-family:Inter,system-ui,sans-serif}a{color:var(--cyan);text-decoration:none}a:hover{color:#8af0ee}.wrap{max-width:1120px;margin:0 auto;padding:32px 24px 64px}.nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-name{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700}.label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:11px}.hero{max-width:760px;padding:96px 0 56px}.hero h1{letter-spacing:-.02em;margin:16px 0;font-family:Space Grotesk,sans-serif;font-size:clamp(40px,6vw,64px);line-height:1.05}.hero p{color:#aeb7c7;margin:0;font-size:18px;line-height:1.6}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:8px;padding:22px;display:flex}.card h2{margin:0;font-family:Space Grotesk,sans-serif;font-size:18px}.card p{color:#aeb7c7;margin:0;font-size:14px;line-height:1.5}.btn{border-radius:10px;align-items:center;min-height:44px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:var(--cyan);color:#04121a}.btn-primary:hover{color:#04121a;background:#8af0ee}.dot{background:#4ade80;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 10px #4ade80}footer{color:var(--muted);align-items:center;gap:10px;margin-top:64px;font-family:JetBrains Mono,monospace;font-size:12px;display:flex}