:root {
  --bg:#05070b; --bg-grid:rgba(148,163,184,.05);
  --panel:#0b111a; --panel-2:#0e1620; --panel-hover:#121c29;
  --line:rgba(148,163,184,.11); --line-strong:rgba(148,163,184,.22);
  --text:#eef3fa; --muted:#8b9bb0; --faint:#57667a;
  --green:#22d8a0; --green-soft:rgba(34,216,160,.14);
  --red:#ff5468; --red-soft:rgba(255,84,104,.14);
  --amber:#ffb648; --amber-soft:rgba(255,182,72,.15);
  --gold:#e3b341; --gold-2:#c8932a; --gold-soft:rgba(227,179,65,.16);
  --radius:12px; --radius-sm:8px;
  --font:'Manrope',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,"Cascadia Mono","Segoe UI Mono",Consolas,monospace;
  --ease:cubic-bezier(.4,0,.2,1);
}
* { box-sizing:border-box; }
body {
  margin:0; background:var(--bg); color:var(--text); font:15px/1.6 var(--font);
  -webkit-font-smoothing:antialiased;
  background-image:
    radial-gradient(1100px 520px at 12% -8%, rgba(227,179,65,.07), transparent 60%),
    radial-gradient(900px 460px at 100% 0%, rgba(34,216,160,.05), transparent 55%);
}
a { color:inherit; }
h1,h2,h3,p { margin:0; }
.container { width:100%; max-width:1080px; margin:0 auto; padding:0 24px; }

header.site {
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:18px 24px; border-bottom:1px solid var(--line);
  background:linear-gradient(180deg, #0a1019 0%, #070b11 100%);
  position:sticky; top:0; z-index:20;
}
.brand { display:flex; align-items:center; gap:12px; text-decoration:none; }
.brand-icon { display:block; width:38px; height:40px; border-radius:50%; flex:none; object-fit:cover;
  filter:drop-shadow(0 0 6px rgba(227,179,65,.25)); }
.brand span { font-weight:800; font-size:18px; letter-spacing:.1em;
  background:linear-gradient(90deg,#f7e0a3,var(--gold) 55%,var(--gold-2));
  -webkit-background-clip:text; background-clip:text; color:transparent; }
nav.site-nav { display:flex; align-items:center; gap:22px; font-size:13px; font-weight:600; color:var(--muted); }
nav.site-nav a { text-decoration:none; }
nav.site-nav a:hover { color:var(--text); }

.btn {
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  background:var(--panel-2); color:var(--text); border:1px solid var(--line-strong); border-radius:99px;
  padding:11px 20px; cursor:pointer; font:700 13px/1 var(--font); letter-spacing:.03em;
  text-decoration:none; transition:all .15s var(--ease);
}
.btn:hover { border-color:var(--gold); transform:translateY(-1px); }
.btn-primary { background:linear-gradient(135deg,var(--gold),var(--gold-2)); color:#1a1206; border:none; font-weight:800; }
.btn-primary:hover { filter:brightness(1.08); }
.btn-block { width:100%; }

main { display:block; }
.hero { padding:90px 0 70px; text-align:center; }
.hero .eyebrow { color:var(--gold); font-size:12px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }
.hero h1 { font-size:46px; font-weight:800; line-height:1.15; margin:16px 0; letter-spacing:-.01em; }
.hero h1 .accent { background:linear-gradient(90deg,#f7e0a3,var(--gold) 55%,var(--gold-2));
  -webkit-background-clip:text; background-clip:text; color:transparent; }
.hero p.lead { color:var(--muted); font-size:17px; max-width:620px; margin:0 auto 32px; }
.hero .cta-row { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.hero .fine-print { color:var(--faint); font-size:12.5px; margin-top:16px; }

.disclosure {
  max-width:760px; margin:0 auto 50px; padding:14px 18px; border:1px solid var(--amber-soft);
  background:rgba(255,182,72,.06); border-radius:var(--radius-sm); color:var(--muted); font-size:13px;
  text-align:left; line-height:1.6;
}
.disclosure strong { color:var(--amber); }

section.section { padding:64px 0; border-top:1px solid var(--line); }
section.section h2 { font-size:26px; font-weight:800; text-align:center; margin-bottom:8px; }
section.section p.section-lead { color:var(--muted); text-align:center; max-width:560px; margin:0 auto 40px; }

.grid-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.grid-2 { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.card {
  background:linear-gradient(180deg, var(--panel), var(--panel-2)); border:1px solid var(--line);
  border-radius:var(--radius); padding:24px;
}
.card h3 { font-size:16px; font-weight:700; margin-bottom:8px; }
.card p { color:var(--muted); font-size:13.5px; line-height:1.6; }
.card .icon-bar { width:32px; height:3px; border-radius:2px; background:linear-gradient(90deg,var(--gold),transparent); margin-bottom:14px; }

.pricing-card {
  max-width:420px; margin:0 auto; text-align:center; border-color:rgba(227,179,65,.3);
  background:linear-gradient(135deg,#2a2110,var(--panel) 60%);
  box-shadow:0 24px 48px -30px rgba(227,179,65,.35);
}
.pricing-card .price { font:800 44px/1 var(--mono); margin:14px 0 4px; color:var(--gold); }
.pricing-card .price span { font-size:15px; color:var(--muted); font-family:var(--font); font-weight:600; }
.pricing-card ul { list-style:none; padding:0; margin:24px 0; text-align:left; display:grid; gap:10px; }
.pricing-card li { color:var(--text); font-size:13.5px; padding-left:24px; position:relative; }
.pricing-card li::before { content:'✓'; position:absolute; left:0; color:var(--green); font-weight:800; }
.pricing-card .trial-note { color:var(--faint); font-size:12px; margin-top:14px; }

.auth-wrap { max-width:400px; margin:60px auto; padding:0 24px; }
.auth-lockup { display:block; width:100%; height:auto; margin-bottom:20px; border-radius:var(--radius); }
.auth-card { padding:32px; }
.auth-card h1 { font-size:22px; margin-bottom:6px; }
.auth-card p.sub { color:var(--muted); font-size:13.5px; margin-bottom:24px; }
.field { margin-bottom:16px; }
.field label { display:block; font-size:12px; font-weight:700; color:var(--muted); text-transform:uppercase; letter-spacing:.06em; margin-bottom:6px; }
.field input { width:100%; background:var(--panel-2); border:1px solid var(--line-strong); border-radius:var(--radius-sm);
  padding:11px 12px; color:var(--text); font:14px var(--font); }
.field input:focus { outline:none; border-color:var(--gold); }
.form-error { background:var(--red-soft); border:1px solid rgba(255,84,104,.3); color:var(--red); border-radius:var(--radius-sm);
  padding:10px 12px; font-size:13px; margin-bottom:16px; }
.form-note { color:var(--faint); font-size:12.5px; margin-top:18px; text-align:center; }
.form-note a { color:var(--gold); text-decoration:none; }

.dash-grid { display:grid; grid-template-columns:2fr 1fr; gap:16px; align-items:start; }
.status-pill { display:inline-flex; align-items:center; gap:6px; padding:4px 12px; border-radius:99px; font:700 11px/1 var(--font); letter-spacing:.05em; text-transform:uppercase; }
.status-pill::before { content:''; width:6px; height:6px; border-radius:50%; background:currentColor; }
.status-trialing { background:var(--gold-soft); color:var(--gold); }
.status-active { background:var(--green-soft); color:var(--green); }
.status-past_due, .status-cancelled, .status-expired { background:var(--red-soft); color:var(--red); }
.kv { display:flex; justify-content:space-between; gap:16px; border-bottom:1px solid var(--line); padding:10px 0; font-size:13.5px; }
.kv span { color:var(--muted); } .kv strong { font-family:var(--mono); }
.license-box { background:var(--panel-2); border:1px solid var(--line-strong); border-radius:var(--radius-sm);
  padding:14px; font-family:var(--mono); font-size:13px; word-break:break-all; }
.steps { counter-reset:step; list-style:none; padding:0; margin:0; display:grid; gap:14px; }
.steps li { position:relative; padding-left:34px; font-size:13.5px; color:var(--muted); line-height:1.6; }
.steps li strong { color:var(--text); }
.steps li::before { counter-increment:step; content:counter(step); position:absolute; left:0; top:0;
  width:22px; height:22px; border-radius:50%; background:var(--gold-soft); color:var(--gold);
  font:800 11px/22px var(--mono); text-align:center; }

footer.site { border-top:1px solid var(--line); padding:32px 24px; text-align:center; color:var(--faint); font-size:12.5px; }
footer.site a { color:var(--muted); text-decoration:none; margin:0 8px; }

.perf-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.perf-stat { background:var(--panel); border:1px solid var(--line-strong); border-radius:var(--radius);
  padding:22px; display:flex; flex-direction:column; gap:6px; }
.perf-stat-primary { border-color:rgba(227,179,65,.4); background:linear-gradient(135deg,var(--gold-soft),var(--panel) 65%); }
.perf-label { color:var(--muted); font-size:11px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }
.perf-value { font:800 34px/1.15 var(--mono); color:var(--text); }
.perf-value-small { font-size:15px; font-weight:600; }
.perf-positive { color:var(--green); }
.perf-negative { color:var(--red); }
.perf-sub { color:var(--faint); font-size:12px; }

@media (max-width:820px) {
  .grid-3, .grid-2, .dash-grid, .perf-grid { grid-template-columns:1fr; }
  .hero h1 { font-size:32px; }
  nav.site-nav { display:none; }
}