/* PeerFeed storefront.
 *
 * One stylesheet, no framework. The system is three scales and a palette:
 *   type    1.25 ratio from a 16px base (--t-*), Inter for text, JetBrains Mono for numbers/code
 *   space   4px rhythm (--s-*); sections breathe at --s-24, cards at --s-6
 *   width   1120px content, 68ch for running text
 * Dark palette kept from the first version; the teal accent is used for action and
 * for "this is a measured number", amber only for caveats.
 */

@font-face {
  font-family: "Inter";
  src: url("/static/fonts/inter-latin-wght-normal.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("/static/fonts/jetbrains-mono-latin-wght-normal.woff2") format("woff2");
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}

:root {
  /* palette */
  --bg: #0b0f14;
  --bg-sunk: #080b0f;
  --panel: #10161e;
  --panel-2: #151d27;
  --border: #1e2935;
  --border-strong: #2b3a4c;
  --text: #e8eef4;
  --text-2: #b6c2ce;
  --muted: #8593a3;
  --faint: #5d6b7b;
  --accent: #4fd1c5;
  --accent-strong: #2bb3a6;
  --accent-ink: #04201d;
  --accent-wash: rgba(79, 209, 197, 0.08);
  --amber: #e2b93b;
  --amber-wash: rgba(226, 185, 59, 0.07);
  --red: #f07178;

  /* type scale, ratio 1.25 */
  --t-xs: 0.75rem;
  --t-sm: 0.875rem;
  --t-base: 1rem;
  --t-md: 1.125rem;
  --t-lg: 1.25rem;
  --t-xl: 1.563rem;
  --t-2xl: 1.953rem;
  --t-3xl: 2.441rem;
  --t-4xl: 3.052rem;

  /* spacing, 4px rhythm */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.25rem;
  --s-6: 1.5rem;
  --s-8: 2rem;
  --s-10: 2.5rem;
  --s-12: 3rem;
  --s-16: 4rem;
  --s-20: 5rem;
  --s-24: 6rem;

  --radius: 10px;
  --radius-sm: 6px;
  --max-width: 1120px;
  --measure: 68ch;

  --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  font-family: var(--font-sans);
  font-size: var(--t-base);
  line-height: 1.6;
  font-feature-settings: "cv11", "ss01";
  background: var(--bg);
  color: var(--text-2);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.wrap {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 var(--s-6);
}

/* ---- type ---------------------------------------------------------------- */

h1, h2, h3, h4 {
  color: var(--text);
  font-weight: 650;
  letter-spacing: -0.02em;
  margin: 0 0 var(--s-4);
}
h1 { font-size: var(--t-3xl); line-height: 1.1; letter-spacing: -0.03em; }
h2 { font-size: var(--t-2xl); line-height: 1.15; }
h3 { font-size: var(--t-lg); line-height: 1.3; letter-spacing: -0.01em; }
h4 { font-size: var(--t-base); line-height: 1.4; letter-spacing: 0; }

p { margin: 0 0 var(--s-4); max-width: var(--measure); }
ul, ol { margin: 0 0 var(--s-4); padding-left: var(--s-5); max-width: var(--measure); }
li { margin-bottom: var(--s-2); }
li::marker { color: var(--faint); }

a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; text-underline-offset: 3px; }

strong { color: var(--text); font-weight: 600; }
.muted { color: var(--muted); }
.small { font-size: var(--t-sm); }

code, pre, .mono, .num {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
}
code { font-size: 0.875em; color: var(--text); background: var(--panel-2); padding: 0.1em 0.35em; border-radius: 4px; }
pre code { background: none; padding: 0; }

.eyebrow {
  display: inline-block;
  font-family: var(--font-mono);
  font-size: var(--t-xs);
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: var(--s-4);
}

.lede {
  font-size: var(--t-md);
  line-height: 1.6;
  color: var(--text-2);
  max-width: 62ch;
}

/* ---- header / footer ------------------------------------------------------ */

.site-header {
  position: sticky;
  top: 0;
  z-index: 10;
  background: rgba(11, 15, 20, 0.86);
  backdrop-filter: saturate(140%) blur(10px);
  -webkit-backdrop-filter: saturate(140%) blur(10px);
  border-bottom: 1px solid var(--border);
}
.site-header .wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--s-6);
  min-height: 64px;
}
.brand {
  display: inline-flex;
  align-items: center;
  gap: var(--s-2);
  font-weight: 700;
  font-size: var(--t-md);
  letter-spacing: -0.02em;
  color: var(--text);
}
.brand:hover { text-decoration: none; }
.brand-mark { width: 22px; height: 22px; flex: none; }
.site-header nav { display: flex; flex-wrap: wrap; gap: var(--s-1); }
.site-header nav a {
  color: var(--muted);
  font-size: var(--t-sm);
  font-weight: 500;
  padding: var(--s-2) var(--s-3);
  border-radius: var(--radius-sm);
}
.site-header nav a:hover { color: var(--text); background: var(--panel); text-decoration: none; }
.site-header nav a.active { color: var(--text); background: var(--panel-2); }

main { min-height: 60vh; }
.page { padding: var(--s-16) 0 var(--s-20); }
.page-head { margin-bottom: var(--s-12); }
.page-head h1 { max-width: 22ch; }
.crumb { font-size: var(--t-sm); margin-bottom: var(--s-6); }

.site-footer {
  border-top: 1px solid var(--border);
  background: var(--bg-sunk);
  padding: var(--s-12) 0 var(--s-16);
  font-size: var(--t-sm);
}
.footer-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: var(--s-10);
}
.footer-grid h4 { font-size: var(--t-xs); text-transform: uppercase; letter-spacing: 0.08em; color: var(--muted); margin-bottom: var(--s-3); }
.footer-grid ul { list-style: none; padding: 0; margin: 0; }
.footer-grid li { margin-bottom: var(--s-2); }
.footer-grid a { color: var(--text-2); }
.site-footer p { color: var(--muted); }

/* ---- buttons -------------------------------------------------------------- */

.btn {
  display: inline-flex;
  align-items: center;
  gap: var(--s-2);
  padding: var(--s-3) var(--s-5);
  border-radius: var(--radius-sm);
  border: 1px solid var(--border-strong);
  color: var(--text);
  font-size: var(--t-sm);
  font-weight: 600;
  line-height: 1.2;
  transition: border-color .15s, background .15s;
}
.btn:hover { text-decoration: none; border-color: var(--accent); }
.btn-primary { background: var(--accent); border-color: var(--accent); color: var(--accent-ink); }
.btn-primary:hover { background: var(--accent-strong); border-color: var(--accent-strong); }
.btn-disabled { color: var(--muted); border-style: dashed; cursor: default; }
.btn-disabled:hover { border-color: var(--border-strong); }
.cta-row { display: flex; flex-wrap: wrap; gap: var(--s-3); margin-top: var(--s-8); }

/* ---- sections ------------------------------------------------------------- */

.section { padding: var(--s-20) 0; border-top: 1px solid var(--border); }
.section:first-child { border-top: 0; }
.section-head { margin-bottom: var(--s-10); }
.section-head h2 { max-width: 26ch; }
.section-head .lede { margin-bottom: 0; }

/* ---- hero ----------------------------------------------------------------- */

.hero {
  position: relative;
  padding: var(--s-20) 0 var(--s-16);
  overflow: hidden;
}
.hero::before {
  content: "";
  position: absolute;
  inset: -40% -10% auto auto;
  width: 720px;
  height: 720px;
  background: radial-gradient(closest-side, rgba(79, 209, 197, 0.10), transparent 70%);
  pointer-events: none;
}
.hero-grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  gap: var(--s-12);
  align-items: center;
}
.hero h1 {
  font-size: clamp(2.25rem, 4.6vw, var(--t-4xl));
  line-height: 1.05;
  letter-spacing: -0.035em;
  max-width: 14ch;
  margin-bottom: var(--s-6);
}
.hero .lede { font-size: var(--t-lg); line-height: 1.55; }
.hero-note { margin-top: var(--s-6); font-size: var(--t-sm); color: var(--muted); }

/* terminal-style panel showing a real call and a real response */
.console {
  background: var(--bg-sunk);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius);
  box-shadow: 0 30px 80px -30px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(79, 209, 197, 0.04);
  overflow: hidden;
  font-family: var(--font-mono);
  font-size: 0.8125rem;
  line-height: 1.65;
}
.console-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--s-3);
  padding: var(--s-3) var(--s-4);
  border-bottom: 1px solid var(--border);
  background: var(--panel);
  color: var(--muted);
  font-size: var(--t-xs);
}
.console-dots { display: inline-flex; gap: 6px; }
.console-dots i { width: 9px; height: 9px; border-radius: 50%; background: var(--border-strong); display: block; }
.console pre { margin: 0; padding: var(--s-4) var(--s-5); overflow-x: auto; color: var(--text-2); }
.console .c-key { color: var(--accent); }
.console .c-str { color: #c3e88d; }
.console .c-num { color: #f78c6c; }
.console .c-dim { color: var(--faint); }
.console-foot {
  display: flex;
  justify-content: space-between;
  gap: var(--s-3);
  padding: var(--s-3) var(--s-5);
  border-top: 1px solid var(--border);
  color: var(--muted);
  font-size: var(--t-xs);
}
.console-foot strong { color: var(--accent); font-weight: 600; }

/* ---- stat band ------------------------------------------------------------ */

.stat-band {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--panel);
  overflow: hidden;
}
.stat-band .stat { padding: var(--s-6); border-right: 1px solid var(--border); }
.stat-band .stat:last-child { border-right: 0; }
.stat-value {
  display: block;
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-size: var(--t-2xl);
  font-weight: 600;
  letter-spacing: -0.03em;
  color: var(--text);
  line-height: 1.1;
}
.stat-label { display: block; margin-top: var(--s-2); font-size: var(--t-sm); color: var(--muted); line-height: 1.4; }
.stat-source { margin-top: var(--s-3); font-size: var(--t-sm); color: var(--muted); }

/* older pages (founders) use .stat-grid/.stat: same look, gridded */
.stat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: var(--s-4);
  margin: var(--s-8) 0;
}
.stat-grid .stat { background: var(--panel); border: 1px solid var(--border); border-radius: var(--radius); padding: var(--s-5); }

/* ---- claims (numbered) ---------------------------------------------------- */

.claims { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--s-6); counter-reset: claim; }
.claim { border-top: 2px solid var(--border-strong); padding-top: var(--s-6); }
.claim:first-child { border-top-color: var(--accent); }
.claim-n { font-family: var(--font-mono); font-size: var(--t-xs); color: var(--accent); letter-spacing: 0.08em; }
.claim h3 { margin-top: var(--s-3); }
.claim p { font-size: var(--t-base); }
.claim .figure { font-family: var(--font-mono); font-size: var(--t-xl); font-weight: 600; color: var(--text); letter-spacing: -0.02em; margin-bottom: var(--s-2); }

/* ---- cards ---------------------------------------------------------------- */

.cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--s-5); margin-top: var(--s-6); }
.card {
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: var(--s-6);
}
.card h3 { font-size: var(--t-md); margin-bottom: var(--s-3); }
.card p:last-child, .card ul:last-child { margin-bottom: 0; }
.card p { font-size: var(--t-sm); line-height: 1.65; }

/* receipts: what an agent re-deriving from raw rows gets wrong */
.receipts { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--s-5); }
.receipt { background: var(--panel); border: 1px solid var(--border); border-radius: var(--radius); padding: var(--s-6); }
.receipt-tag { font-family: var(--font-mono); font-size: var(--t-xs); letter-spacing: 0.06em; text-transform: uppercase; color: var(--amber); }
.receipt h3 { font-size: var(--t-md); margin: var(--s-2) 0 var(--s-3); }
.receipt p { font-size: var(--t-sm); line-height: 1.65; }
.receipt .wrong { color: var(--text-2); }
.receipt .fix { color: var(--muted); border-top: 1px solid var(--border); padding-top: var(--s-3); margin: 0; }
.receipt .fix strong { color: var(--accent); }

/* ---- choices (pricing) ---------------------------------------------------- */

.choices { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--s-5); align-items: stretch; }
.choice {
  display: flex;
  flex-direction: column;
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: var(--s-8) var(--s-6) var(--s-6);
}
.choice-label { font-family: var(--font-mono); font-size: var(--t-xs); letter-spacing: 0.08em; text-transform: uppercase; color: var(--accent); }
.choice h3 { font-size: var(--t-xl); margin: var(--s-3) 0 var(--s-4); letter-spacing: -0.02em; }
.choice-price { font-size: var(--t-lg); font-weight: 650; color: var(--text); margin-bottom: var(--s-1); }
.choice-note { font-size: var(--t-sm); color: var(--muted); margin-bottom: var(--s-5); }
.choice-summary { font-size: var(--t-sm); line-height: 1.65; }
.choice ul { font-size: var(--t-sm); padding-left: var(--s-4); flex-grow: 1; }
.choice-pick {
  font-size: var(--t-sm);
  background: var(--accent-wash);
  border: 1px solid rgba(79, 209, 197, 0.18);
  border-radius: var(--radius-sm);
  padding: var(--s-3) var(--s-4);
  margin: var(--s-4) 0 var(--s-5);
  color: var(--text-2);
}
.choice-pick strong { color: var(--accent); }
.choice .btn { align-self: flex-start; }

.decide { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; }
.decide > div { padding: var(--s-6); border-right: 1px solid var(--border); background: var(--panel); }
.decide > div:last-child { border-right: 0; }
.decide h4 { color: var(--text); margin-bottom: var(--s-2); }
.decide p { font-size: var(--t-sm); margin: 0; }

.plans { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--s-5); margin-top: var(--s-6); }
.plan-card { background: var(--panel); border: 1px solid var(--border); border-radius: var(--radius); padding: var(--s-6); display: flex; flex-direction: column; }
.plan-card h3 { margin-bottom: var(--s-1); font-size: var(--t-md); }
.plan-card .plan-price { font-family: var(--font-mono); font-size: var(--t-2xl); font-weight: 600; color: var(--text); letter-spacing: -0.03em; margin: var(--s-3) 0; }
.plan-price small { font-size: var(--t-sm); color: var(--muted); font-weight: 400; letter-spacing: 0; }
.plan-card p { font-size: var(--t-sm); }
.plan-card ul { flex-grow: 1; font-size: var(--t-sm); padding-left: var(--s-4); }
.plan-card .btn { align-self: flex-start; }
.per-gb { margin-top: var(--s-5); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s-4); padding: var(--s-6); background: var(--panel); border: 1px solid var(--border); border-radius: var(--radius); }
.per-gb h3 { margin: 0 0 var(--s-1); font-size: var(--t-md); }
.per-gb p { margin: 0; font-size: var(--t-sm); }

/* ---- tables --------------------------------------------------------------- */

.table-scroll { overflow-x: auto; border: 1px solid var(--border); border-radius: var(--radius); background: var(--panel); }
table.data, table.catalog-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--t-sm);
}
.data th, .data td, .catalog-table th, .catalog-table td {
  text-align: left;
  padding: var(--s-3) var(--s-4);
  border-bottom: 1px solid var(--border);
  vertical-align: top;
}
.data thead th, .catalog-table thead th {
  position: sticky;
  top: 0;
  background: var(--panel-2);
  color: var(--muted);
  font-size: var(--t-xs);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
}
.data tbody tr:last-child td, .catalog-table tbody tr:last-child td { border-bottom: 0; }
.data tbody tr:hover, .catalog-table tbody tr:hover { background: rgba(255, 255, 255, 0.015); }
.data td.num, .data th.num, .catalog-table td.num, .catalog-table th.num { text-align: right; font-family: var(--font-mono); font-variant-numeric: tabular-nums; white-space: nowrap; }
.data td.key, .catalog-table td.key { color: var(--text); font-weight: 600; }
.data td.hl { color: var(--accent); font-weight: 600; }
.data tr.group td { background: var(--bg-sunk); color: var(--muted); font-size: var(--t-xs); letter-spacing: 0.08em; text-transform: uppercase; font-weight: 600; padding-top: var(--s-4); }
.table-note { margin-top: var(--s-3); font-size: var(--t-sm); color: var(--muted); max-width: none; }
.venue-name { color: var(--text); font-weight: 600; }

/* inline bar: share of sellable bytes */
.bar { display: inline-block; vertical-align: middle; width: 80px; height: 6px; border-radius: 3px; background: var(--border); margin-left: var(--s-2); overflow: hidden; }
.bar i { display: block; height: 100%; background: var(--accent); opacity: 0.8; }

.badge {
  display: inline-block;
  padding: 2px var(--s-2);
  border-radius: 999px;
  font-size: var(--t-xs);
  font-weight: 500;
  border: 1px solid var(--border-strong);
  white-space: nowrap;
}
.badge-raw_ok { color: var(--accent); border-color: rgba(79, 209, 197, 0.35); background: var(--accent-wash); }
.badge-derived_only { color: var(--amber); border-color: rgba(226, 185, 59, 0.35); background: var(--amber-wash); }
.badge-not_for_sale { color: var(--faint); }

.dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: var(--s-2); vertical-align: 1px; }
.dot-fresh { background: var(--accent); }
.dot-lagging { background: var(--amber); }
.dot-stale { background: var(--red); }

/* ---- notices, code, misc -------------------------------------------------- */

.notice {
  background: var(--amber-wash);
  border: 1px solid rgba(226, 185, 59, 0.25);
  border-left: 3px solid var(--amber);
  padding: var(--s-4) var(--s-5);
  border-radius: var(--radius-sm);
  color: var(--text-2);
  font-size: var(--t-sm);
  max-width: none;
}
.notice strong { color: var(--amber); }
.callout {
  background: var(--accent-wash);
  border: 1px solid rgba(79, 209, 197, 0.2);
  border-left: 3px solid var(--accent);
  padding: var(--s-4) var(--s-5);
  border-radius: var(--radius-sm);
  font-size: var(--t-sm);
  max-width: none;
}

pre.cmd {
  background: var(--bg-sunk);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  padding: var(--s-4) var(--s-5);
  overflow-x: auto;
  font-size: var(--t-sm);
  line-height: 1.6;
}
pre.cmd code { color: var(--accent); background: none; padding: 0; }

.split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-5); }
.mcp-card { background: var(--panel); border: 1px solid var(--border); border-radius: var(--radius); padding: var(--s-8) var(--s-6); }
.mcp-card.primary { border-color: rgba(79, 209, 197, 0.35); box-shadow: inset 0 2px 0 var(--accent); }
.mcp-card h3 { font-family: var(--font-mono); font-size: var(--t-md); letter-spacing: 0; }
.mcp-card dl { display: grid; grid-template-columns: 9rem 1fr; gap: var(--s-2) var(--s-4); margin: var(--s-5) 0 0; font-size: var(--t-sm); }
.mcp-card dt { color: var(--muted); }
.mcp-card dd { margin: 0; color: var(--text-2); }

/* the copyable snippets: a real MCP call beside the real parquet code for the same number */
.snippets { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: var(--s-5); align-items: start; }
.snippet { margin: 0; background: var(--bg-sunk); border: 1px solid var(--border-strong); border-radius: var(--radius); overflow: hidden; }
.snippet:first-child { border-color: rgba(79, 209, 197, 0.35); box-shadow: inset 0 2px 0 var(--accent); }
.snippet figcaption { display: flex; flex-direction: column; gap: var(--s-1); padding: var(--s-4) var(--s-5); border-bottom: 1px solid var(--border); background: var(--panel); }
.snippet figcaption strong { font-size: var(--t-sm); color: var(--text); font-weight: 600; }
.snippet-code { margin: 0; padding: var(--s-4) var(--s-5); overflow-x: auto; max-height: 26rem; font-family: var(--font-mono); font-size: 0.78rem; line-height: 1.6; color: var(--text-2); }
.snippet:first-child .snippet-code { color: var(--accent); white-space: pre-wrap; overflow-wrap: anywhere; }
.snippet-foot { margin: 0; padding: var(--s-3) var(--s-5); border-top: 1px solid var(--border); font-size: var(--t-xs); color: var(--muted); max-width: none; }

/* the custody line lives here, demoted: small, after the claims, never a headline */
.footnote { margin-top: var(--s-8); padding-top: var(--s-4); border-top: 1px solid var(--border); font-size: var(--t-sm); color: var(--muted); max-width: 80ch; }
.fn-mark { color: var(--text-2); font-weight: 600; margin-right: var(--s-1); }
.fn-ref { font-size: var(--t-xs); vertical-align: super; margin-left: 2px; text-decoration: none; }
.capability { font-size: var(--t-sm); }
.capability td.num { white-space: nowrap; }
.capability td.key { min-width: 13rem; }
.capability thead th { white-space: normal; }

.working { margin-top: var(--s-6); }
.working details { border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--panel); margin-bottom: var(--s-3); }
.working summary { cursor: pointer; padding: var(--s-4) var(--s-5); color: var(--text); font-weight: 600; font-size: var(--t-sm); }
.working .inner { padding: 0 var(--s-5) var(--s-5); font-size: var(--t-sm); }
.working .inner p, .working .inner ul { max-width: none; }

.toc { display: flex; flex-wrap: wrap; gap: var(--s-2); margin-top: var(--s-6); }
.toc a { font-size: var(--t-sm); color: var(--text-2); border: 1px solid var(--border); border-radius: 999px; padding: var(--s-1) var(--s-3); }
.toc a:hover { border-color: var(--accent); color: var(--text); text-decoration: none; }

.category-breakdown { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: var(--s-5); margin-top: var(--s-4); font-size: var(--t-sm); max-width: none; }
.category-breakdown li { color: var(--muted); margin: 0; }

.status-tag {
  display: inline-block;
  background: var(--accent-wash);
  border: 1px solid rgba(79, 209, 197, 0.25);
  border-radius: 999px;
  padding: var(--s-1) var(--s-3);
  font-size: var(--t-xs);
  color: var(--accent);
  font-family: var(--font-mono);
  letter-spacing: 0.04em;
}

/* founder program (layout unchanged, now on the shared scale) */
.node-run, .founder-offer, .credit-rules, .bounty, .founder-cta, .proof {
  padding: var(--s-16) 0;
  border-top: 1px solid var(--border);
}
.benefit-list { padding-left: var(--s-5); }
.benefit-list li { margin-bottom: var(--s-2); }
.bounty-table { font-size: var(--t-xs); }
.credit-rules .card h3 { font-size: var(--t-base); }

/* ---- responsive ----------------------------------------------------------- */

@media (max-width: 960px) {
  .hero-grid { grid-template-columns: 1fr; gap: var(--s-10); }
  .claims, .choices, .plans, .decide { grid-template-columns: 1fr; }
  .decide > div { border-right: 0; border-bottom: 1px solid var(--border); }
  .decide > div:last-child { border-bottom: 0; }
  .receipts, .split, .snippets { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 640px) {
  :root { --t-3xl: 2rem; --t-2xl: 1.6rem; }
  .wrap { padding: 0 var(--s-4); }
  .site-header .wrap { flex-direction: column; align-items: flex-start; gap: var(--s-2); padding-top: var(--s-3); padding-bottom: var(--s-2); }
  .site-header { position: static; }
  .site-header nav { margin-left: calc(-1 * var(--s-2)); gap: 0; }
  .site-header nav a { padding: var(--s-2); }
  .hero { padding: var(--s-12) 0 var(--s-10); }
  .section { padding: var(--s-12) 0; }
  .page { padding: var(--s-10) 0 var(--s-12); }
  .stat-band .stat { border-right: 0; border-bottom: 1px solid var(--border); }
  .footer-grid { grid-template-columns: 1fr; }
  .mcp-card dl { grid-template-columns: 1fr; }
  .mcp-card dt { margin-top: var(--s-2); }
}

/* P4-A15: research measurement verdicts and sub-headings */
h3.sub { margin: var(--s-8, 2rem) 0 var(--s-3); }
.verdict { font-family: var(--font-mono); font-size: var(--t-xs); white-space: nowrap; padding: 0.1em 0.5em; border-radius: var(--radius-sm); border: 1px solid var(--border); }
.verdict-ok { color: var(--accent); }
.verdict-warn { color: var(--amber); border-color: rgba(226, 185, 59, 0.35); background: var(--amber-wash); }
.verdict-bad { color: var(--red); border-color: rgba(240, 113, 120, 0.35); }