/* Monolith — ultra-minimal "developer tool" dark. True black, 1px
   hairline borders on everything, tiny dense type, tabular monospace
   numerals, a single electric-violet accent used sparingly, white
   primary buttons, and a soft radial glow behind the hero. No shadows,
   no gradients on surfaces — all the polish is in spacing and
   hairlines. Dark theme. */
:root{
  color-scheme:dark;
  --paper:#000000; --paper-card:#0A0A0B;
  --ink:#F4F4F5; --ink-soft:#D4D4D8; --muted:#A1A1AA;
  --accent:#A78BFA; --accent-soft:#241A4A; --accent-contrast:#0B0618;
  --amber:#FBBF24; --amber-soft:#35290A;
  --moss:#4ADE80; --moss-soft:#0C2E1A;
  --brick:#F87171; --brick-soft:#3A1414;
  --violet:#60A5FA; --violet-soft:#0F2440;
  --line:#232326; --line-strong:#3F3F46;
  --line-inverse:#D4D4D8; --muted-inverse:#52525B;
  --font-display:'Inter Tight','Inter',sans-serif;
  --font-body:'Inter',sans-serif;
  --font-mono:'JetBrains Mono',monospace;
  --radius:8px; --radius-lg:12px; --radius-pill:999px;
  --shadow-sm:none; --shadow-md:none; --shadow-lg:0 0 0 1px #27272A;
}
body{font-size:14px;background:radial-gradient(800px 360px at 50% -80px,rgba(167,139,250,.16),transparent 70%),#000;background-attachment:fixed;}
.masthead{background:rgba(0,0,0,.85);border-bottom:1px solid var(--line);}
.masthead-top{border-bottom:none;padding-bottom:6px;}
.brand-mark{font-size:22px;font-weight:700;letter-spacing:-.03em;}
.brand-mark em{font-style:normal;color:var(--accent);}
.brand-sub{display:none;}
.navbtn{border-bottom:none;border-radius:8px;margin:2px;padding:7px 11px;font-weight:500;font-size:13px;color:var(--ink-soft);}
.navbtn:hover{background:#18181B;color:var(--ink);}
.navbtn.active{background:#18181B;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong);}
.dateline{background:#000;color:var(--muted);border-bottom:1px solid var(--line);}
.dateline-item{border-right-color:var(--line);}
.hero h1{font-weight:700;letter-spacing:-.05em;font-size:60px;line-height:1;background:linear-gradient(180deg,#fff 30%,#8B8B93);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,#C4B5FD,#A78BFA);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
.section-head h2{font-weight:600;letter-spacing:-.03em;font-size:22px;}
.side-card,.stat,.how-it-works,.form-card,.ledger-scroll,.promo-slot{background:var(--paper-card);border:1px solid var(--line);box-shadow:none;}
.stat .n,.ledger td,.eyebrow{font-variant-numeric:tabular-nums;}
.ledger thead th{background:transparent;border-bottom:1px solid var(--line);font-weight:500;}
.ledger tbody tr:hover{background:#111113;}
.btn{background:#F4F4F5;color:#09090B;border-color:#F4F4F5;font-weight:600;}
.btn:hover{filter:none;background:#fff;transform:none;box-shadow:none;}
.btn-outline{background:transparent;color:var(--ink);border-color:var(--line-strong);}
.btn-outline:hover{background:#18181B;color:var(--ink);}
.btn-accent{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);box-shadow:0 0 0 4px rgba(167,139,250,.15);}
.btn-accent:hover{background:#C4B5FD;border-color:#C4B5FD;color:var(--accent-contrast);box-shadow:0 0 0 6px rgba(167,139,250,.2);}
@media(max-width:640px){.hero h1{font-size:38px;}}