:root{--bg:#0f1020;--bg2:#17182c;--fg:#f8f9fb;--muted:#b9bed1;--brand:#7c4dff;--brand2:#00d4ff}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:linear-gradient(180deg,var(--bg),var(--bg2));color:var(--fg)}
.container{max-width:1000px;margin:0 auto;padding:32px}
header{display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;gap:12px;align-items:center;font-weight:700}
.logo-badge{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--brand),var(--brand2));display:grid;place-items:center;color:#fff}
.pill{padding:6px 12px;border:1px solid #2a2d49;border-radius:999px;color:var(--muted);font-size:12px}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center;padding:48px 0}
.headline{font-size:48px;line-height:1.05;margin:0 0 16px}
.sub{color:var(--muted);font-size:18px;max-width:60ch}
.cta-row{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap}
.btn{appearance:none;border:none;border-radius:12px;padding:14px 18px;font-weight:600;cursor:pointer}
.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#0b0c1a}
.btn-ghost{background:transparent;border:1px solid #2a2d49;color:var(--fg)}
.card{border:1px solid #2a2d49;border-radius:16px;padding:20px;background:rgba(255,255,255,.02)}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.foot{margin-top:56px;color:#8f95b2;font-size:14px}
.pol-wrap{max-width:860px;margin:0 auto;padding:40px 16px}
.pol-wrap h1{font-size:34px;margin:0 0 10px}
.pol-wrap h2{font-size:18px;margin:28px 0 8px}
.pol-wrap p,.pol-wrap li{color:#c6cbe0}
code{font-family:ui-monospace,Consolas,monospace}
@media(max-width:960px){.hero{grid-template-columns:1fr}.headline{font-size:38px}}