/* ═══════════════════════════════════════════════════════════════
   mmentum Unified Deck — Throxy-Inspired Design System
   ═══════════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  --bg-warm: #F2F0EA;
  --bg-deep: #0D0D0D;
  --text-dark: #1A1A1A;
  --text-light: #EDEDEC;
  --text-muted-dark: #6B7280;
  --text-muted-light: #8A8A82;
  --amber: #F59E0B;
  --emerald: #34D399;
  --indigo: #818CF8;
  --pink: #F472B6;
  --red: #EF4444;
  --border-dark: rgba(255,255,255,0.08);
  --border-light: rgba(0,0,0,0.06);
  --max-w: 1200px;
  --section-pad: clamp(80px, 12vh, 160px);
}

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

html { scroll-behavior:smooth; -webkit-font-smoothing:antialiased; }
body {
  font-family:'Inter',system-ui,sans-serif;
  font-size:17px; line-height:1.7;
  color:var(--text-dark);
  background:var(--bg-warm);
  overflow-x:hidden;
}

/* ── Sticky Header ─────────────────────────────────────────── */
.site-header {
  position:fixed; top:0; left:0; right:0; z-index:100;
  padding:0 40px; height:64px;
  display:flex; align-items:center; justify-content:space-between;
  transition:background 0.4s, box-shadow 0.4s, backdrop-filter 0.4s;
}
.site-header.scrolled {
  background:rgba(13,13,13,0.94);
  backdrop-filter:blur(12px);
  box-shadow:0 1px 0 rgba(255,255,255,0.04);
}
.site-header.scrolled .header-logo,
.site-header.scrolled .header-nav a { color:#F1F5F9; }

.header-logo {
  font-family:'Inter',sans-serif; font-weight:700; font-size:20px;
  letter-spacing:-0.03em; color:var(--text-dark);
  text-decoration:none; transition:color 0.3s;
}
.header-nav { display:flex; align-items:center; gap:32px; }
.header-nav a {
  font-size:14px; font-weight:500; color:var(--text-muted-dark);
  text-decoration:none; transition:color 0.3s;
}
.header-nav a:hover { color:var(--text-dark); }
.site-header.scrolled .header-nav a:hover { color:var(--amber); }
.header-cta {
  background:var(--text-dark); color:#fff !important;
  padding:8px 20px; border-radius:6px; font-weight:600;
  font-size:13px; transition:background 0.2s;
}
.header-cta:hover { background:#333 !important; }

/* ── Sections ──────────────────────────────────────────────── */
.section {
  padding:var(--section-pad) 40px;
  position:relative; overflow:hidden;
}
.section--cream { background:var(--bg-warm); color:var(--text-dark); }
.section--dark { background:var(--bg-deep); color:var(--text-light); }
.section-inner {
  max-width:var(--max-w); margin:0 auto;
  position:relative; z-index:2;
}

/* ── Section Labels (Monospace) ─────────────────────────────── */
.section-label {
  font-family:'JetBrains Mono',monospace;
  font-size:12px; font-weight:500;
  letter-spacing:0.15em; text-transform:uppercase;
  margin-bottom:20px; display:inline-block;
}
.section--cream .section-label { color:var(--amber); }
.section--cream .section-label::before { content:'── '; color:var(--amber); }
.section--dark .section-label { color:var(--amber); }
.section--dark .section-label::before { content:'── '; color:var(--amber); }

/* ── Headlines ─────────────────────────────────────────────── */
h1, h2 {
  font-weight:600; letter-spacing:-0.02em; line-height:1.08;
}
h1 { font-size:clamp(40px,6vw,72px); margin-bottom:24px; }
h2 { font-size:clamp(32px,4.5vw,56px); margin-bottom:20px; }
.text-highlight { color:var(--amber); }
.section--cream .text-highlight { color:var(--amber); }

/* ── Lead Text ─────────────────────────────────────────────── */
.lead {
  font-size:clamp(16px,1.8vw,19px); line-height:1.75;
  max-width:640px;
}
.section--cream .lead { color:var(--text-muted-dark); }
.section--dark .lead { color:var(--text-muted-light); }

/* ── Split Layout ──────────────────────────────────────────── */
.split { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.split--60-40 { grid-template-columns:1.4fr 1fr; }

/* ── Stat Cards ────────────────────────────────────────────── */
.stats-row { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:20px; margin:32px 0; }
.stat-card {
  padding:28px 24px; border-radius:4px;
  border:1px solid var(--border-dark);
  background:rgba(255,255,255,0.03);
}
.section--cream .stat-card {
  background:#fff; border:1px solid var(--border-light);
  box-shadow:0 1px 3px rgba(0,0,0,0.04);
}
.stat-value {
  font-size:clamp(36px,5vw,56px); font-weight:300;
  letter-spacing:-0.03em; display:block; line-height:1.1;
}
.section--dark .stat-value { color:var(--text-light); }
.stat-suffix { font-size:0.6em; font-weight:400; color:var(--amber); }
.stat-label {
  font-family:'JetBrains Mono',monospace;
  font-size:11px; text-transform:uppercase;
  letter-spacing:0.1em; margin-top:10px; display:block;
}
.section--cream .stat-label { color:var(--text-muted-dark); }
.section--dark .stat-label { color:var(--text-muted-light); }

/* ── Pain Points ───────────────────────────────────────────── */
.pain-list { margin-top:32px; display:flex; flex-direction:column; gap:16px; }
.pain-item {
  display:flex; gap:16px; align-items:flex-start;
  padding:20px; border-radius:4px;
  border-left:3px solid var(--amber);
}
.section--dark .pain-item { background:rgba(255,255,255,0.03); }
.section--cream .pain-item { background:rgba(0,0,0,0.02); }
.pain-num {
  font-family:'JetBrains Mono',monospace;
  font-size:13px; font-weight:500; color:var(--amber);
  min-width:24px;
}

/* ── Callout ───────────────────────────────────────────────── */
.callout {
  margin-top:32px; padding:24px 28px;
  border-radius:4px; border-left:3px solid var(--amber);
  font-size:15px;
}
.section--dark .callout { background:rgba(245,158,11,0.06); color:var(--text-light); }
.section--cream .callout { background:rgba(245,158,11,0.06); color:var(--text-dark); }

/* ── Vision Cards (Throxy Style) ───────────────────────────── */
.card-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:40px; }
.v-card {
  padding:32px 28px; border-radius:4px;
  border:1px solid var(--border-dark);
  background:rgba(255,255,255,0.03);
  transition:border-color 0.2s;
}
.v-card:hover { border-color:rgba(255,255,255,0.12); }
.section--cream .v-card {
  background:#fff; border:1px solid var(--border-light);
  box-shadow:0 1px 3px rgba(0,0,0,0.04);
}
.section--cream .v-card:hover { border-color:rgba(0,0,0,0.15); }
.v-card-num {
  font-family:'JetBrains Mono',monospace;
  font-size:11px; color:var(--amber); margin-bottom:16px;
}
.v-card h3 { font-size:18px; font-weight:600; margin-bottom:8px; letter-spacing:-0.01em; }
.v-card p { font-size:14px; line-height:1.6; }
.section--dark .v-card p { color:var(--text-muted-light); }
.section--cream .v-card p { color:var(--text-muted-dark); }

/* ── Phase Timeline ────────────────────────────────────────── */
.timeline { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin-top:40px; position:relative; }
.timeline::before {
  content:''; position:absolute; top:20px; left:20px; right:20px;
  height:2px; background:var(--border-light);
}
.section--dark .timeline::before { background:var(--border-dark); }
.phase { text-align:center; position:relative; }
.phase-dot {
  width:40px; height:40px; border-radius:50%;
  border:2px solid var(--amber); background:var(--bg-warm);
  display:flex; align-items:center; justify-content:center;
  margin:0 auto 16px; position:relative; z-index:2;
  font-family:'JetBrains Mono',monospace; font-size:12px; font-weight:600;
  color:var(--amber);
}
.section--dark .phase-dot { background:var(--bg-deep); }
.phase h4 { font-size:16px; font-weight:600; margin-bottom:6px; }
.phase p { font-size:13px; line-height:1.5; }
.section--cream .phase p { color:var(--text-muted-dark); }
.section--dark .phase p { color:var(--text-muted-light); }
.phase-outcome {
  font-family:'JetBrains Mono',monospace;
  font-size:11px; color:var(--emerald); margin-top:8px;
}

/* ── Canvas Container ──────────────────────────────────────── */
.canvas-wrap {
  border-radius:4px; overflow:hidden; position:relative;
  border:1px solid var(--border-dark);
  background:rgba(13,13,13,0.95);
}
.canvas-wrap canvas { display:block; width:100%; }

/* ── Comparison Table ──────────────────────────────────────── */
.comp-table { width:100%; border-collapse:collapse; margin-top:32px; font-size:14px; }
.comp-table th, .comp-table td {
  padding:14px 18px; text-align:left;
  border-bottom:1px solid var(--border-light);
}
.section--dark .comp-table th,
.section--dark .comp-table td { border-color:var(--border-dark); }
.comp-table th {
  font-family:'JetBrains Mono',monospace;
  font-size:11px; text-transform:uppercase; letter-spacing:0.1em;
}
.comp-nova { color:var(--amber) !important; font-weight:600; }

/* ── Offer Card ────────────────────────────────────────────── */
.offer-card {
  padding:40px; border-radius:4px;
  border:1px solid var(--border-dark);
  background:rgba(255,255,255,0.03);
}
.offer-price { font-size:48px; font-weight:300; letter-spacing:-0.03em; }
.offer-period { font-size:14px; color:var(--text-muted-light); margin-top:4px; }
.offer-value { font-size:13px; color:var(--emerald); margin-top:8px; font-weight:500; }
.offer-lines { margin-top:28px; display:flex; flex-direction:column; gap:12px; }
.offer-line {
  display:flex; justify-content:space-between; padding:10px 0;
  border-bottom:1px solid var(--border-dark); font-size:14px;
}
.offer-check { color:var(--emerald); margin-right:8px; }
.offer-val { color:var(--text-muted-light); font-family:'JetBrains Mono',monospace; font-size:12px; }
.offer-guarantee {
  margin-top:28px; padding:20px; border-radius:4px;
  border:1px solid rgba(52,211,153,0.2); background:rgba(52,211,153,0.04);
  font-size:14px; display:flex; gap:12px; align-items:flex-start;
}

/* ── Savings Cards ─────────────────────────────────────────── */
.savings-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:32px; }
.savings-card {
  padding:32px; border-radius:4px;
  border:1px solid var(--border-light);
  background:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.04);
}
.savings-badge {
  font-family:'JetBrains Mono',monospace;
  font-size:12px; font-weight:600; letter-spacing:0.1em;
  padding:4px 10px; border-radius:3px;
  display:inline-block; margin-bottom:12px;
}
.savings-badge--green { background:rgba(52,211,153,0.12); color:var(--emerald); }
.savings-badge--neutral { background:rgba(148,163,184,0.12); color:var(--text-muted-dark); }

/* ── CTA Button ────────────────────────────────────────────── */
.cta-btn {
  display:inline-flex; align-items:center; gap:10px;
  padding:14px 32px; border-radius:6px;
  background:var(--text-dark); color:#fff;
  font-size:15px; font-weight:600; text-decoration:none;
  transition:background 0.2s, transform 0.15s;
  border:none; cursor:pointer;
}
.cta-btn:hover { background:#333; transform:translateY(-1px); }
.section--dark .cta-btn { background:#fff; color:var(--text-dark); }
.section--dark .cta-btn:hover { background:#e5e5e5; }
.cta-btn-outline {
  display:inline-flex; align-items:center; gap:10px;
  padding:14px 32px; border-radius:6px;
  background:transparent; color:var(--text-light);
  font-size:15px; font-weight:600; text-decoration:none;
  transition:background 0.2s, border-color 0.2s;
  border:1px solid var(--border-dark); cursor:pointer;
}
.cta-btn-outline:hover { background:rgba(255,255,255,0.06); border-color:rgba(255,255,255,0.2); }
.section--cream .cta-btn-outline { color:var(--text-dark); border-color:var(--border-light); }
.section--cream .cta-btn-outline:hover { background:rgba(0,0,0,0.04); }

/* ── Access Gate ───────────────────────────────────────────── */
.access-gate {
  padding:var(--section-pad) 40px;
  background:var(--bg-deep); text-align:center;
  border-top:1px solid var(--border-dark);
}
.gate-inner { max-width:480px; margin:0 auto; }
.gate-label {
  font-family:'JetBrains Mono',monospace;
  font-size:12px; letter-spacing:0.15em; text-transform:uppercase;
  color:var(--amber); margin-bottom:20px;
}
.gate-title { font-size:28px; font-weight:600; color:var(--text-light); margin-bottom:12px; letter-spacing:-0.02em; }
.gate-desc { font-size:15px; color:var(--text-muted-light); margin-bottom:32px; }
.gate-input-wrap { display:flex; gap:12px; justify-content:center; }
.gate-input {
  width:200px; padding:12px 16px; border-radius:4px;
  border:1px solid var(--border-dark); background:rgba(255,255,255,0.05);
  color:var(--text-light); font-family:'JetBrains Mono',monospace;
  font-size:16px; letter-spacing:0.1em; text-transform:uppercase;
  text-align:center; outline:none; transition:border-color 0.2s;
}
.gate-input:focus { border-color:var(--amber); }
.gate-input::placeholder { color:rgba(255,255,255,0.2); letter-spacing:0.15em; text-transform:none; }
.gate-submit {
  padding:12px 24px; border-radius:4px;
  background:var(--amber); color:var(--bg-deep);
  font-weight:600; font-size:14px; border:none; cursor:pointer;
  transition:background 0.2s;
}
.gate-submit:hover { background:#D97706; }
.gate-error { color:var(--red); font-size:13px; margin-top:12px; display:none; }
.gate-fallback { color:var(--text-muted-light); font-size:13px; margin-top:24px; }
.gate-fallback a { color:var(--amber); text-decoration:none; }

/* ── Access Gate (Inline Mode — inside s8 grid) ────────────── */
#s8 .access-gate {
  padding:48px 48px 48px 72px; background:transparent; border-top:none; text-align:left;
  border-left:1px solid rgba(255,255,255,0.06);
  min-height:100%; display:flex; align-items:center;
}
#s8 .gate-inner {
  max-width:none; margin:0;
  background:transparent;
  border-radius:0;
  padding:0;
  border:none;
  backdrop-filter:none;
  box-shadow:none;
}
#s8 .gate-label { font-size:11px; margin-bottom:16px; }
#s8 .gate-title {
  color:#F1F5F9; font-size:22px; font-weight:600;
  margin-bottom:10px; letter-spacing:-0.02em;
}
#s8 .gate-desc {
  color:rgba(255,255,255,0.5); font-size:14px;
  line-height:1.6; margin-bottom:24px;
}
#s8 .gate-input-wrap {
  justify-content:flex-start;
  flex-direction:row; gap:12px; align-items:center;
}
#s8 .gate-input {
  width:100%; max-width:280px; padding:14px 18px;
  border-radius:8px; font-size:15px;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.1);
  text-align:left; letter-spacing:0.08em;
}
#s8 .gate-input:focus {
  border-color:var(--amber);
  box-shadow:0 0 0 3px rgba(245,158,11,0.15);
}
#s8 .gate-input::placeholder {
  font-size:12px; letter-spacing:0.12em;
  color:rgba(255,255,255,0.25);
}
#s8 .gate-submit {
  padding:14px 28px; border-radius:8px;
  font-size:14px; font-weight:600;
  width:fit-content;
}
#s8 .gate-fallback { text-align:left; margin-top:20px; }
#s8 .gate-error { text-align:left; }

/* ── s8 Section Override (dark theme) ─────────────────────── */
#s8.section--cream {
  background:var(--bg-deep) !important;
  color:var(--text-light) !important;
}
#s8 .section-label { color:var(--amber); }
#s8 .section-label::before { content:'── '; color:var(--amber); }
#s8 h2 { color:var(--text-light); }
#s8 .text-highlight { color:var(--amber); }
#s8 .s8-lead { color:rgba(255,255,255,0.55); max-width:none; font-size:15px; line-height:1.7; }
#s8 .s8-cta-col .cta-btn {
  background:#fff; color:var(--text-dark);
}
#s8 .s8-cta-col .cta-btn:hover {
  background:#e5e5e5; transform:translateY(-1px);
}
#s8 .s8-cta-col .cta-btn-outline {
  color:rgba(255,255,255,0.7);
  border-color:rgba(255,255,255,0.12);
}
#s8 .s8-cta-col .cta-btn-outline:hover {
  background:rgba(255,255,255,0.06);
  border-color:rgba(255,255,255,0.2);
}

/* ── s8 Unified Card Container ────────────────────────────── */
.s8-grid {
  display:grid; grid-template-columns:1fr 1fr;
  gap:0; margin-top:36px; align-items:center;
  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.07);
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 8px 32px rgba(0,0,0,0.15);
}
.s8-grid > .s8-cta-col {
  padding:48px 44px;
}

/* ── Investor Sections (Hidden) ────────────────────────────── */
.investor-sections { display:none; }
.investor-sections.unlocked { display:block; }

/* ── Team ──────────────────────────────────────────────────── */
.team-grid { display:flex; gap:40px; margin-top:32px; }
.team-member { text-align:center; }
.team-photo {
  width:100px; height:100px; border-radius:50%;
  object-fit:cover; margin-bottom:12px;
  border:2px solid var(--border-dark);
}
.team-name { font-weight:600; font-size:15px; }
.team-role { font-size:13px; color:var(--text-muted-light); }

/* ── Moat Cards ────────────────────────────────────────────── */
.moat-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-top:32px; }
.moat-card {
  padding:28px 24px; border-radius:4px;
  border:1px solid var(--border-light);
  background:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.04);
}
.moat-card h3 { font-size:18px; font-weight:700; margin:8px 0 6px; color:var(--text-dark); letter-spacing:-0.01em; }
.moat-card p { font-size:13px; color:var(--text-muted-dark); line-height:1.6; }
.section--dark .moat-card {
  background:rgba(255,255,255,0.04); border-color:var(--border-dark);
  box-shadow:none;
}
.section--dark .moat-card h3 { color:var(--text-light); }
.section--dark .moat-card p { color:var(--text-muted-light); }

/* ── Margin Bars ───────────────────────────────────────────── */
.margin-bars { margin-top:24px; display:flex; flex-direction:column; gap:14px; }
.margin-bar { display:flex; align-items:center; gap:14px; }
.mb-label { font-size:13px; min-width:120px; }
.mb-track { flex:1; height:28px; background:rgba(255,255,255,0.06); border-radius:3px; overflow:hidden; }
.section--cream .mb-track { background:rgba(0,0,0,0.04); }
.mb-fill {
  height:100%; background:linear-gradient(90deg,var(--emerald),var(--amber));
  border-radius:3px; display:flex; align-items:center; padding:0 12px;
  font-size:12px; font-weight:600; color:#fff; width:0; transition:width 1s ease;
}

/* ── Financial Chart ───────────────────────────────────────── */
.fin-chart-wrap { margin-top:24px; border-radius:4px; overflow:hidden; border:1px solid var(--border-dark); }

/* ── ARR Bar Chart ────────────────────────────────────────── */
.arr-chart {
  display:flex; align-items:flex-end; gap:32px;
  margin-top:32px; padding:40px 32px 24px;
  border-radius:4px; border:1px solid var(--border-light);
  background:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.04);
  height:280px; position:relative;
}
.section--dark .arr-chart {
  background:rgba(255,255,255,0.03); border-color:var(--border-dark);
  box-shadow:none;
}
.arr-bar-group {
  flex:1; display:flex; flex-direction:column;
  align-items:center; height:100%;
  justify-content:flex-end;
}
.arr-bar {
  width:100%; max-width:80px; border-radius:4px 4px 0 0;
  height:0; transition:height 1.2s cubic-bezier(0.23,1,0.32,1);
  min-height:4px;
}
.arr-bar.animated { /* set by JS */ }
.arr-bar-value {
  font-family:'JetBrains Mono',monospace;
  font-size:14px; font-weight:600; margin-top:8px;
  color:var(--text-dark);
}
.section--dark .arr-bar-value { color:var(--text-light); }
.arr-bar-label {
  font-family:'JetBrains Mono',monospace;
  font-size:11px; text-transform:uppercase;
  letter-spacing:0.1em; margin-top:4px;
  color:var(--text-muted-dark);
}
.section--dark .arr-bar-label { color:var(--text-muted-light); }

/* ── ARR Growth Curve Overlay ─────────────────────────────── */
.arr-curve {
  position:absolute; top:0; left:0;
  width:100%; height:calc(100% - 50px); /* exclude label area */
  z-index:2; pointer-events:none;
}
.arr-curve-path {
  stroke-dasharray:500;
  stroke-dashoffset:500;
  transition:stroke-dashoffset 2s cubic-bezier(0.23,1,0.32,1) 0.4s;
}
.arr-curve-path.animated { stroke-dashoffset:0; }
.arr-curve-glow {
  stroke-dasharray:500;
  stroke-dashoffset:500;
  transition:stroke-dashoffset 2s cubic-bezier(0.23,1,0.32,1) 0.4s;
}
.arr-curve-glow.animated { stroke-dashoffset:0; }

/* ── Terms Table ───────────────────────────────────────────── */
.terms-table { width:100%; border-collapse:collapse; margin:24px 0; }
.terms-table td {
  padding:12px 0; border-bottom:1px solid var(--border-dark); font-size:15px;
}
.terms-table td:last-child { text-align:right; font-weight:600; }

/* ── Return Cards ──────────────────────────────────────────── */
.returns-row { display:flex; gap:16px; margin-top:24px; }
.return-card {
  flex:1; padding:16px; border-radius:4px;
  border:1px solid var(--border-dark); text-align:center;
}
.return-label { display:block; font-size:12px; color:var(--text-muted-light); margin-bottom:4px; font-family:'JetBrains Mono',monospace; }
.return-value { font-size:24px; font-weight:600; color:var(--amber); }
.return-card--highlight { border-color:var(--amber); background:rgba(245,158,11,0.06); }

/* ── Why Now Grid ──────────────────────────────────────────── */
.whynow-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-top:32px; }
.wn-card {
  padding:28px 24px; border-radius:4px;
  border:1px solid var(--border-dark); background:rgba(255,255,255,0.03);
}
.wn-card h3 { font-size:16px; font-weight:600; margin:8px 0 6px; }
.wn-card p { font-size:13px; color:var(--text-muted-light); line-height:1.6; }

/* ── Market Segments ───────────────────────────────────────── */
.segments { margin-top:24px; display:flex; flex-direction:column; gap:12px; }
.seg { display:flex; align-items:center; gap:14px; }
.seg-label { font-size:13px; min-width:200px; }
.seg-bar { flex:1; height:24px; background:rgba(255,255,255,0.06); border-radius:3px; overflow:hidden; }
.seg-fill {
  height:100%; background:var(--amber); border-radius:3px;
  display:flex; align-items:center; padding:0 10px;
  font-size:11px; font-weight:600; color:var(--bg-deep);
}
.seg-fill--indigo { background:var(--indigo); color:#fff; }
.seg-fill--emerald { background:var(--emerald); color:var(--bg-deep); }
.seg-fill--pink { background:var(--pink); color:var(--bg-deep); }

/* ── Spots Counter ─────────────────────────────────────────── */
.spots-counter {
  font-family:'JetBrains Mono',monospace;
  font-size:13px; color:var(--text-muted-light); margin-top:20px;
}
.spots-remaining { color:var(--amber); font-weight:600; }

/* ── Footer ────────────────────────────────────────────────── */
.site-footer {
  padding:48px 40px; background:var(--bg-deep);
  border-top:1px solid var(--border-dark);
  text-align:center; color:var(--text-muted-light); font-size:13px;
}
.footer-logo { font-weight:700; font-size:18px; color:var(--text-light); margin-bottom:8px; letter-spacing:-0.03em; }

/* ── Connection Chips (Brain slide) ────────────────────────── */
.chips { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:16px; }
.chip {
  padding:6px 14px; border-radius:3px; font-size:12px; font-weight:500;
  border:1px solid var(--border-dark);
}
.chip--conflict { border-color:rgba(239,68,68,0.3); color:var(--red); }
.chip--agreement { border-color:rgba(52,211,153,0.3); color:var(--emerald); }
.chip--gap { border-color:rgba(129,140,248,0.3); color:var(--indigo); }

/* ── Responsive ────────────────────────────────────────────── */
@media(max-width:900px) {
  .split { grid-template-columns:1fr; gap:40px; }
  .split--60-40 { grid-template-columns:1fr; }
  .card-grid { grid-template-columns:1fr; }
  .timeline { grid-template-columns:repeat(2,1fr); }
  .timeline::before { display:none; }
  .moat-grid, .whynow-grid, .savings-grid { grid-template-columns:1fr; }
  .s8-grid { grid-template-columns:1fr; }
  .s8-grid > .s8-cta-col { padding:36px 28px; }
  .s8-grid > .access-gate { padding:36px 28px; border-left:none; border-top:1px solid rgba(255,255,255,0.06); }
  .section { padding:60px 24px; }
  .header-nav { display:none; }
  .stats-row { grid-template-columns:1fr 1fr; }
  .team-grid { flex-direction:column; align-items:center; }
}
@media(max-width:600px) {
  .stats-row { grid-template-columns:1fr; }
  .returns-row { flex-direction:column; }
}
