@font-face {
  font-family: "Anton";
  src: url("fonts/anton-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("fonts/inter-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("fonts/jetbrains-mono-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}
@font-face {
  font-family: "Lora";
  src: url("fonts/lora-italic-latin.woff2") format("woff2");
  font-style: italic;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Oswald";
  src: url("fonts/oswald-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}

:root {
  --fx-ink: #080808;
  --fx-carbon: #141414;
  --fx-paper: #f4f4f4;
  --fx-white: #ffffff;
  --fx-red: #ff0033;
  --fx-red-dark: #9d001f;
  --fx-gray-100: #e7e7e7;
  --fx-gray-300: #a9a9ad;
  --fx-gray-500: #666870;
  --fx-rule-dark: rgba(255, 255, 255, 0.15);
  --fx-rule-light: rgba(8, 8, 8, 0.18);
  --fx-display: "Anton", sans-serif;
  --fx-header: "Oswald", sans-serif;
  --fx-body: "Inter", sans-serif;
  --fx-mono: "JetBrains Mono", monospace;
  --fx-serif: "Lora", serif;
  --fx-ease-out: cubic-bezier(.23, 1, .32, 1);
  --fx-ease-in-out: cubic-bezier(.77, 0, .175, 1);
}

html { scroll-behavior: smooth; }
body { background: var(--fx-ink); color: var(--fx-paper); font-family: var(--fx-body); }
::selection { background: var(--fx-red); color: var(--fx-white); }
:focus-visible { outline: 3px solid var(--fx-red); outline-offset: 4px; }
.skip-link { position: fixed; top: 14px; left: 14px; z-index: 2000; padding: 10px 14px; background: var(--fx-white); color: var(--fx-ink); font-family: var(--fx-mono); font-size: 12px; transform: translateY(-180%); }
.skip-link:focus { transform: translateY(0); }

/* Production shell */
nav {
  position: sticky;
  top: 0;
  padding: 18px clamp(20px, 4vw, 64px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(8, 8, 8, 0.96);
  backdrop-filter: blur(12px);
}
.nav-content { max-width: 1440px; }
.nav-logo {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  color: var(--fx-white);
  font-family: var(--fx-display);
  font-size: 25px;
  font-weight: 400;
  letter-spacing: -0.02em;
}
.nav-logo::before { content: ""; width: 14px; height: 14px; border-radius: 2px; background: var(--fx-red); }
.nav-links { gap: clamp(20px, 4vw, 52px); }
.nav-links a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: #777982;
  font-family: var(--fx-mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.nav-links a:hover, .nav-links a:focus-visible, .nav-links a[aria-current="page"] { color: var(--fx-white); }

.icon-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }

.hero {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: clamp(24px, 3.5vw, 48px);
  padding: clamp(106px, 8vw, 132px) clamp(20px, 4vw, 64px) clamp(56px, 6vw, 84px);
  border-bottom: 1px solid var(--fx-rule-dark);
  background-color: var(--fx-ink);
  background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 42px 42px;
  text-align: left;
}
.hero::before { display: none; }
.hero-content, .hero-network-infographic, .hero-disclaimer, .hero-jump { width: min(100%, 1440px); margin-inline: auto; }
.hero-content { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(280px, .45fr); align-items: end; gap: clamp(30px, 7vw, 110px); }
.hero-kicker { grid-column: 1 / -1; margin: 0 0 -14px; color: var(--fx-red); font-family: var(--fx-mono); font-size: 10px; font-weight: 700; letter-spacing: .2em; }
.hero-title { margin: 0; color: var(--fx-white); font-family: var(--fx-display); font-size: clamp(5.4rem, 10.5vw, 10rem); font-weight: 400; line-height: .77; letter-spacing: -.025em; text-shadow: none; }
.hero-title span { display: block; }
.hero-title-outline { color: transparent; -webkit-text-stroke: clamp(1px, .16vw, 3px) var(--fx-red); }
.hero-subtitle { max-width: 520px; margin: 0 0 10px; color: var(--fx-gray-300); font-family: var(--fx-serif); font-size: clamp(1.15rem, 2vw, 1.75rem); font-style: italic; font-weight: 500; line-height: 1.48; }
.hero-disclaimer { max-width: 1000px; color: var(--fx-gray-300); font-family: var(--fx-mono); font-size: 10px; line-height: 1.75; text-align: center; }
.hero-jump { display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 48px; color: var(--fx-white); font-family: var(--fx-mono); font-size: 10px; font-weight: 700; letter-spacing: .16em; text-decoration: none; }
.hero-jump span { color: var(--fx-red); font-size: 1.2rem; }

/* Shared explanation system */
.explain-section { padding: clamp(84px, 10vw, 150px) clamp(20px, 4vw, 64px); }
.explain-shell { width: min(100%, 1440px); margin: 0 auto; }
.explain-paper, .calculator-section { background: var(--fx-paper); color: var(--fx-ink); }
.model-section, .allocation-section { background: var(--fx-ink); color: var(--fx-paper); }
.explain-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(280px, .55fr);
  align-items: end;
  gap: clamp(32px, 7vw, 100px);
  margin-bottom: clamp(48px, 8vw, 96px);
}
.explain-heading > * { min-width: 0; }
.explain-kicker {
  grid-column: 1 / -1;
  margin: 0 0 -12px;
  color: var(--fx-red-dark);
  font-family: var(--fx-mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .18em;
}
.explain-heading-light .explain-kicker { color: var(--fx-red); }
.explain-heading h2 {
  margin: 0;
  font-family: var(--fx-display);
  font-size: clamp(4.5rem, 9vw, 9rem);
  font-weight: 400;
  line-height: .82;
  letter-spacing: -.02em;
}
.explain-heading > p:last-child { margin: 0; color: #4e5057; font-size: clamp(1.1rem, 1.6vw, 1.4rem); line-height: 1.55; }
.explain-heading-light > p:last-child { color: var(--fx-gray-300); }

/* Ownership comparison */
.ownership-compare { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border: 1px solid var(--fx-ink); }
.ownership-lane + .ownership-lane { border-left: 1px solid var(--fx-ink); }
.ownership-lane header { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; padding: 24px 28px; background: #3c3d41; color: var(--fx-white); }
.ownership-new header { background: var(--fx-red); color: var(--fx-ink); }
.ownership-lane header span { font-family: var(--fx-mono); font-size: 11px; letter-spacing: .14em; }
.ownership-lane header strong { font-family: var(--fx-header); font-size: clamp(1.5rem, 2.5vw, 2.4rem); }
.ownership-lane ol { display: grid; gap: 0; padding: 28px; list-style: none; }
.ownership-lane li { position: relative; display: grid; grid-template-columns: 34px 54px 1fr; align-items: center; gap: 10px; min-height: 82px; border-top: 1px solid var(--fx-rule-light); }
.ownership-lane li:last-child { border-bottom: 1px solid var(--fx-rule-light); }
.ownership-lane li:not(:last-child)::after { content: "↓"; position: absolute; bottom: -13px; left: 14px; z-index: 1; padding: 0 3px; background: var(--fx-paper); color: var(--fx-red-dark); }
.ownership-lane li b { color: var(--fx-red-dark); font-family: var(--fx-mono); font-size: 11px; }
.ownership-lane li span { font-weight: 700; }
.flow-icon { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid var(--fx-rule-light); border-radius: 50%; color: var(--fx-ink); }
.flow-icon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.ownership-lane > p { margin: 0 28px 28px; padding: 25px; border: 2px solid var(--fx-ink); font-family: var(--fx-header); font-size: clamp(1.6rem, 3vw, 2.7rem); font-weight: 700; line-height: 1.1; }
.ownership-new > p { border-color: var(--fx-red); color: var(--fx-red-dark); }
.reality-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 24px; border: 1px solid var(--fx-ink); }
.reality-grid > div { min-width: 0; padding: 24px; }
.reality-grid > div + div { border-left: 1px solid var(--fx-ink); }
.reality-grid dt { margin-bottom: 12px; color: var(--fx-red-dark); font-family: var(--fx-mono); font-size: 11px; font-weight: 700; line-height: 1.4; }
.reality-grid dd { margin: 0; color: #44464d; line-height: 1.55; }

/* Referral network infographic */
.network-infographic { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(340px, .62fr); border: 1px solid var(--fx-red); }
.hero-network-infographic { color: var(--fx-paper); }
.network-map { display: grid; place-items: center; min-width: 0; padding: clamp(20px, 4vw, 56px); overflow: hidden; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: 30px 30px; }
.hero-network-infographic .network-map { place-items: start center; }
.network-map svg { display: block; width: 100%; height: auto; overflow: visible; }
.network-branches { fill: none; stroke: rgba(255,255,255,.3); stroke-width: 1.5; }
.network-nodes circle { fill: var(--fx-ink); stroke: var(--fx-red); stroke-width: 2; }
.network-you circle { fill: var(--fx-red); }
.network-you text { fill: var(--fx-ink); font-family: var(--fx-mono); font-size: 12px; font-weight: 700; text-anchor: middle; }
.network-labels text { fill: var(--fx-gray-300); font-family: var(--fx-mono); font-size: 9px; font-weight: 700; letter-spacing: .13em; }
.network-explainer { min-width: 0; padding: clamp(30px, 5vw, 64px); border-left: 1px solid var(--fx-red); background: var(--fx-ink); }
.hero-network-infographic .network-explainer { padding: clamp(26px, 3.5vw, 48px); }
.network-weight { display: flex; align-items: flex-end; gap: 18px; margin: 0; padding-bottom: 26px; border-bottom: 1px solid var(--fx-rule-dark); }
.network-weight strong { color: var(--fx-red); font-family: var(--fx-display); font-size: clamp(5rem, 8vw, 8rem); font-weight: 400; line-height: .75; }
.hero-network-infographic .network-weight strong { font-size: clamp(4rem, 7vw, 6.5rem); }
.network-weight span { max-width: 18ch; color: var(--fx-gray-300); font-family: var(--fx-mono); font-size: 10px; font-weight: 700; line-height: 1.5; }
.network-explainer h2, .network-explainer h3 { margin: 36px 0 24px; font-family: var(--fx-header); font-size: clamp(2.2rem, 4vw, 4rem); line-height: .95; }
.hero-network-infographic .network-explainer h2 { margin-top: 26px; }
.network-explainer ol { padding: 0; border-top: 1px solid var(--fx-rule-dark); list-style: none; }
.network-explainer li { display: grid; grid-template-columns: 38px 1fr; gap: 14px; padding: 17px 0; border-bottom: 1px solid var(--fx-rule-dark); color: #d0d0d3; line-height: 1.5; }
.network-explainer li b { color: var(--fx-red); font-family: var(--fx-mono); font-size: 10px; }
.network-note { margin: 26px 0 0; color: var(--fx-gray-300); font-family: var(--fx-mono); font-size: 10px; line-height: 1.65; }
.network-note strong { color: var(--fx-red); }

/* Formula */
.formula-system { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); border: 1px solid var(--fx-red); }
.formula-system article { min-width: 0; padding: clamp(28px, 5vw, 64px); }
.formula-system article + article { border-left: 1px solid var(--fx-red); }
.formula-label { display: flex; justify-content: space-between; gap: 20px; color: var(--fx-red); font-family: var(--fx-mono); font-size: 11px; letter-spacing: .12em; }
.formula-system h3 { margin: 42px 0; font-family: var(--fx-header); font-size: clamp(2.3rem, 4.5vw, 4.5rem); line-height: .95; }
.formula-system article > p { margin: 32px 0 0; color: var(--fx-gray-300); line-height: 1.65; }
.position-scale { display: grid; grid-template-columns: auto auto 1fr auto auto; align-items: center; gap: 14px; color: var(--fx-gray-300); font-family: var(--fx-mono); font-size: 10px; }
.position-scale b { color: var(--fx-white); }
.position-scale i { position: relative; height: 2px; background: var(--fx-red); }
.position-scale i::after { content: ""; position: absolute; top: 50%; right: 0; width: 10px; height: 10px; border-top: 2px solid var(--fx-red); border-right: 2px solid var(--fx-red); transform: translateY(-50%) rotate(45deg); }
.score-stack { display: flex; min-height: 84px; border: 1px solid var(--fx-white); }
.score-stack span { display: flex; align-items: flex-end; min-width: 0; padding: 12px; border-right: 1px solid var(--fx-white); background: var(--fx-red); color: var(--fx-ink); font-family: var(--fx-mono); font-size: clamp(9px, 1vw, 12px); font-weight: 700; }
.score-stack .score-join { flex: 10; }
.score-stack .score-referrals { flex: 65; }
.score-stack .score-activity { flex: 10; }
.score-stack .score-migration { flex: 15; }
.score-stack span:nth-child(2) { background: #d6002b; color: var(--fx-white); }
.score-stack span:nth-child(3) { background: #a10020; color: var(--fx-white); }
.score-stack span:nth-child(4) { border-right: 0; background: #6e0016; color: var(--fx-white); }
.score-definitions { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin-top: 18px; }
.score-definitions > div { min-width: 0; padding-right: 16px; }
.score-definitions dt { color: var(--fx-white); font-family: var(--fx-mono); font-size: 10px; font-weight: 700; }
.score-definitions dd { margin: 7px 0 0; color: var(--fx-gray-300); font-size: 12px; line-height: 1.5; }
.formula-equation { display: grid; grid-template-columns: 1fr auto 1.35fr auto 1fr; align-items: center; gap: 22px; margin-top: 24px; padding: 30px; border: 1px solid var(--fx-white); font-family: var(--fx-header); font-size: clamp(1.35rem, 2.3vw, 2.4rem); font-weight: 700; text-align: center; }
.formula-equation b { color: var(--fx-red); font-family: var(--fx-display); font-size: 2.2em; font-weight: 400; }
.formula-governance { display: grid; grid-template-columns: minmax(210px, .44fr) minmax(0, 1.56fr); margin-top: 24px; border: 1px solid var(--fx-red); }
.formula-governance > div { min-width: 0; padding: clamp(26px, 4vw, 46px); }
.formula-governance > div:first-child { background: var(--fx-red); color: var(--fx-ink); }
.formula-governance > div + div { border-left: 1px solid var(--fx-red); }
.formula-governance span { font-family: var(--fx-mono); font-size: 10px; font-weight: 700; letter-spacing: .14em; }
.formula-governance h3 { margin: 28px 0 0; font-family: var(--fx-display); font-size: clamp(3.2rem, 5vw, 5.2rem); font-weight: 400; line-height: .88; }
.formula-governance p { max-width: 760px; margin: 0; color: var(--fx-gray-300); line-height: 1.65; }
.formula-governance p + p { margin-top: 18px; }
.formula-governance strong { color: var(--fx-white); }
.formula-governance a { display: inline-flex; gap: 10px; margin-top: 28px; color: var(--fx-white); font-family: var(--fx-mono); font-size: 10px; font-weight: 700; letter-spacing: .1em; text-decoration-color: var(--fx-red); text-underline-offset: 5px; }
.value-pipeline { margin-top: clamp(72px, 9vw, 120px); }
.value-pipeline h3 { max-width: 22ch; margin: 0 0 36px; font-family: var(--fx-header); font-size: clamp(2.6rem, 5vw, 5rem); line-height: 1; }
.value-pipeline ol { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 0; border: 1px solid var(--fx-rule-dark); list-style: none; }
.value-pipeline li { min-width: 0; display: grid; gap: 16px; padding: 26px; }
.value-pipeline li + li { border-left: 1px solid var(--fx-rule-dark); }
.value-pipeline li b { color: var(--fx-red); font-family: var(--fx-mono); font-size: 11px; }
.value-pipeline li strong { font-family: var(--fx-header); font-size: 1.45rem; }
.value-pipeline li span { color: var(--fx-gray-300); font-size: .9rem; line-height: 1.5; }

/* Calculator */
.valuation-control { display: flex; align-items: stretch; flex-direction: column; gap: 16px; margin-bottom: 24px; padding: 18px 22px; border: 1px solid var(--fx-ink); }
.valuation-control > span { font-family: var(--fx-mono); font-size: 11px; font-weight: 700; letter-spacing: .12em; }
.valuation-control > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; }
.valuation-control button { min-height: 48px; padding: 0 20px; border: 1px solid var(--fx-ink); background: transparent; color: var(--fx-ink); font-family: var(--fx-mono); font-weight: 700; cursor: pointer; transition: transform 140ms var(--fx-ease-out), background-color 180ms ease, color 180ms ease; }
.valuation-control button + button { border-left: 0; }
.valuation-control button[aria-pressed="true"] { background: var(--fx-red); color: var(--fx-ink); }
.valuation-control button:active { transform: scale(.97); }
.calculator-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(360px, .65fr); border: 1px solid var(--fx-ink); }
.calculator-controls { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); min-width: 0; }
.range-control, .migration-toggle { min-width: 0; padding: clamp(24px, 4vw, 42px); border-bottom: 1px solid var(--fx-ink); }
.range-control:nth-child(odd), .migration-toggle { border-right: 1px solid var(--fx-ink); }
.range-control > div { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.range-control label, .migration-toggle span { font-family: var(--fx-mono); font-size: 11px; font-weight: 700; letter-spacing: .1em; }
.range-control output { color: var(--fx-red-dark); font-family: var(--fx-header); font-size: 1.55rem; font-weight: 700; }
.range-control small { display: block; margin-top: 15px; color: #62646b; line-height: 1.5; }
input[type="range"] { width: 100%; margin-top: 32px; accent-color: var(--fx-red); }
input[type="range"]::-webkit-slider-runnable-track { height: 4px; background: linear-gradient(to right, var(--fx-red) var(--progress, 50%), #c8c8ca var(--progress, 50%)); }
input[type="range"]::-webkit-slider-thumb { width: 24px; height: 24px; margin-top: -10px; border: 3px solid var(--fx-ink); border-radius: 50%; background: var(--fx-red); box-shadow: none; }
.migration-toggle { display: flex; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 0; cursor: pointer; }
.migration-toggle input { width: 28px; height: 28px; accent-color: var(--fx-red); }
.calculator-results { display: flex; min-width: 0; flex-direction: column; justify-content: space-between; padding: clamp(30px, 5vw, 58px); background: var(--fx-ink); color: var(--fx-white); }
.calculator-results > p { margin: 0; color: var(--fx-red); font-family: var(--fx-mono); font-size: 11px; font-weight: 700; letter-spacing: .12em; }
.calculator-results > strong { display: block; margin: 30px 0 44px; font-family: var(--fx-display); font-size: clamp(5rem, 9vw, 9rem); font-weight: 400; line-height: .8; }
.calculator-results dl { margin: 0; border-top: 1px solid var(--fx-rule-dark); }
.calculator-results dl div { display: flex; justify-content: space-between; gap: 22px; padding: 13px 0; border-bottom: 1px solid var(--fx-rule-dark); }
.calculator-results dt { color: var(--fx-gray-300); font-family: var(--fx-mono); font-size: 10px; }
.calculator-results dd { margin: 0; font-family: var(--fx-mono); font-size: 12px; font-weight: 700; text-align: right; }
.model-disclaimer { margin: 0; padding: 22px; border: 1px solid var(--fx-ink); border-top: 0; color: #55575e; font-family: var(--fx-mono); font-size: 11px; line-height: 1.7; }
.model-disclaimer strong { color: var(--fx-red-dark); }

/* Allocation chart and table */
.allocation-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--fx-rule-dark); }
.allocation-summary p { display: grid; gap: 16px; margin: 0; padding: 28px; }
.allocation-summary p + p { border-left: 1px solid var(--fx-rule-dark); }
.allocation-summary span { color: var(--fx-gray-300); font-family: var(--fx-mono); font-size: 10px; letter-spacing: .1em; }
.allocation-summary strong { font-family: var(--fx-header); font-size: clamp(2.2rem, 4vw, 4rem); }
.scale-curve { display: grid; grid-template-columns: minmax(300px, .52fr) minmax(0, 1fr); align-items: stretch; margin-top: 40px; border: 1px solid var(--fx-rule-dark); }
.scale-curve-copy { display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: clamp(28px, 5vw, 58px); border-right: 1px solid var(--fx-rule-dark); }
.scale-curve-copy > span { color: var(--fx-red); font-family: var(--fx-mono); font-size: 10px; font-weight: 700; letter-spacing: .12em; }
.scale-curve-copy > strong { margin: 30px 0; color: var(--fx-white); font-family: var(--fx-display); font-size: clamp(4.8rem, 8vw, 8rem); font-weight: 400; line-height: .76; }
.scale-curve-copy h3 { margin: 0; font-family: var(--fx-header); font-size: clamp(2rem, 3.3vw, 3.5rem); line-height: .98; }
.scale-curve-copy p { margin: 24px 0 0; color: var(--fx-gray-300); font-size: .9rem; line-height: 1.6; }
.scale-curve > svg { display: block; align-self: center; width: 100%; height: auto; padding: clamp(16px, 3vw, 34px); overflow: visible; }
.scale-grid { fill: none; stroke: var(--fx-rule-dark); stroke-width: 1; }
.scale-curve-area { fill: rgba(255, 0, 51, .14); }
.scale-curve-line { fill: none; stroke: var(--fx-red); stroke-width: 4; stroke-linecap: square; stroke-linejoin: bevel; }
.scale-curve-points circle { fill: var(--fx-ink); stroke: var(--fx-red); stroke-width: 2; }
.scale-curve-points text, .scale-axis text { fill: var(--fx-gray-300); font-family: var(--fx-mono); font-size: 10px; font-weight: 700; }
.tier-bars { display: grid; gap: 9px; margin: 40px 0; }
.tier-bar-row { display: grid; grid-template-columns: 68px minmax(130px, .42fr) minmax(180px, 1fr) minmax(90px, .25fr); align-items: center; gap: 16px; min-height: 58px; }
.tier-bar-tier { display: grid; place-items: center; align-self: stretch; border: 1px solid var(--fx-rule-dark); color: var(--fx-white); font-family: var(--fx-header); font-size: 1.4rem; font-weight: 700; }
.tier-bar-row:nth-child(-n+3) .tier-bar-tier { border-color: var(--fx-red); background: var(--fx-red); }
.tier-bar-users { color: var(--fx-gray-300); font-family: var(--fx-mono); font-size: 11px; }
.tier-bar-track { height: 20px; border-left: 1px solid var(--fx-rule-dark); background: rgba(255,255,255,.05); }
.tier-bar-fill { display: block; height: 100%; background: #5a5b60; transform-origin: left; }
.tier-bar-row:nth-child(-n+3) .tier-bar-fill { background: var(--fx-red); }
.tier-bar-cap { color: var(--fx-white); font-family: var(--fx-mono); font-size: 12px; font-weight: 700; text-align: right; }
.tier-bar-row .tier-bar-cap,
.tier-bar-row .tier-bar-track,
.allocation-table tbody tr { transition: color 180ms ease, background-color 180ms ease, box-shadow 180ms ease; }
.tier-bar-row.is-active .tier-bar-cap { color: var(--fx-red); }
.tier-bar-row.is-active .tier-bar-track { box-shadow: 0 0 0 1px var(--fx-red); }
.allocation-table tbody tr.is-active { background: rgba(255, 0, 51, .1); }
.allocation-table-wrap { overflow-x: auto; border: 1px solid var(--fx-rule-dark); }
.allocation-table { width: 100%; min-width: 980px; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.allocation-table caption { padding: 18px; color: var(--fx-gray-300); font-family: var(--fx-mono); font-size: 10px; letter-spacing: .12em; text-align: left; text-transform: uppercase; }
.allocation-table th, .allocation-table td { padding: 16px 18px; border-top: 1px solid var(--fx-rule-dark); border-right: 1px solid var(--fx-rule-dark); font-family: var(--fx-mono); font-size: 12px; text-align: right; white-space: nowrap; }
.allocation-table th:first-child, .allocation-table td:first-child { text-align: left; }
.allocation-table th:last-child, .allocation-table td:last-child { border-right: 0; }
.allocation-table thead th { color: var(--fx-red); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.allocation-table tbody tr:nth-child(-n+3) th { color: var(--fx-red); }
.allocation-table tfoot { color: var(--fx-white); background: #202024; }
.allocation-table tfoot th, .allocation-table tfoot td { font-weight: 700; }
.million-answer { margin-top: clamp(70px, 10vw, 130px); padding: clamp(28px, 5vw, 64px); overflow: hidden; background: var(--fx-paper); color: var(--fx-ink); }
.million-answer-head { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); align-items: end; gap: clamp(28px, 5vw, 70px); }
.million-answer h3 { max-width: 13ch; margin: 14px 0 0; font-family: var(--fx-display); font-size: clamp(3.8rem, 7vw, 7.2rem); font-weight: 400; line-height: .82; }
.million-answer-head > p { margin: 0 0 6px; padding-left: 28px; border-left: 1px solid var(--fx-ink); color: #4e5057; line-height: 1.65; }
.million-answer-head > p strong { color: var(--fx-ink); }
.people-network-thesis { display: grid; grid-template-columns: minmax(150px, .7fr) 64px minmax(280px, 1.25fr) minmax(190px, .75fr); min-height: 310px; margin-top: clamp(50px, 7vw, 84px); border-top: 1px solid var(--fx-ink); border-bottom: 1px solid var(--fx-ink); }
.network-value-streams { display: grid; grid-template-rows: repeat(5, 1fr); }
.network-value-streams span { display: flex; align-items: center; padding: 0 18px; border-bottom: 1px solid #c8c8ca; font-family: var(--fx-mono); font-size: 10px; font-weight: 700; letter-spacing: .12em; }
.network-value-streams span:last-child { border-bottom: 0; }
.network-convergence { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; color: var(--fx-red-dark); }
.network-convergence i { display: block; height: 1px; background: var(--fx-red-dark); transform-origin: center; }
.network-convergence b { font-family: var(--fx-mono); font-size: 1.4rem; }
.people-network-core { display: flex; flex-direction: column; justify-content: center; padding: clamp(28px, 4vw, 54px); background: var(--fx-red); color: var(--fx-ink); }
.people-network-core span { font-family: var(--fx-mono); font-size: 10px; font-style: normal; font-weight: 700; letter-spacing: .14em; }
.people-network-core strong { max-width: 8ch; margin: 18px 0 22px; font-family: var(--fx-display); font-size: clamp(3rem, 5.2vw, 5.8rem); font-weight: 400; line-height: .78; }
.people-network-core em { max-width: 32ch; font-family: var(--fx-mono); font-size: 9px; font-style: normal; font-weight: 700; letter-spacing: .08em; line-height: 1.6; }
.network-return { display: flex; flex-direction: column; justify-content: center; padding: 26px; background: var(--fx-ink); color: var(--fx-white); }
.network-return b { color: var(--fx-red); font-family: var(--fx-mono); font-size: 2rem; }
.network-return span { margin: 24px 0 8px; color: #aeb0b6; font-family: var(--fx-mono); font-size: 9px; font-weight: 700; letter-spacing: .1em; line-height: 1.5; }
.network-return strong { color: var(--fx-red); font-family: var(--fx-display); font-size: clamp(3rem, 5vw, 5.5rem); font-weight: 400; line-height: .8; }
.network-thesis-copy { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-bottom: 1px solid var(--fx-ink); }
.network-thesis-copy p { margin: 0; padding: 26px; color: #4e5057; line-height: 1.65; }
.network-thesis-copy p + p { border-left: 1px solid var(--fx-ink); }
.network-thesis-copy strong { color: var(--fx-ink); }
.scenario-staircase { margin-top: 12px; padding: clamp(28px, 4vw, 48px); background: var(--fx-ink); color: var(--fx-white); }
.scenario-staircase > header { display: grid; grid-template-columns: minmax(170px, .45fr) minmax(0, 1.55fr); gap: 32px; align-items: start; }
.scenario-staircase > header span, .apex-route > header span { color: var(--fx-red); font-family: var(--fx-mono); font-size: 10px; font-weight: 700; letter-spacing: .12em; }
.scenario-staircase h4, .apex-route h4 { max-width: 16ch; margin: 0; font-family: var(--fx-header); font-size: clamp(2.2rem, 4vw, 4rem); line-height: .92; }
.scenario-staircase ol { display: grid; grid-template-columns: repeat(3, minmax(150px, 1fr)) minmax(190px, 1.25fr); align-items: end; gap: 5px; min-height: 270px; margin: 44px 0 0; padding: 0 0 14px; overflow-x: auto; list-style: none; border-bottom: 1px solid #55565b; scrollbar-color: var(--fx-red) #242428; }
.scenario-stop { display: flex; flex-direction: column; justify-content: space-between; min-height: 92px; padding: 16px; border-top: 2px solid #77787e; background: #242428; color: #b5b6bb; }
.scenario-stop:nth-child(2), .scenario-stop:nth-child(3) { min-height: 122px; }
.scenario-stop:nth-child(4) { min-height: 166px; }
.scenario-stop:nth-child(5) { min-height: 216px; }
.scenario-stop span { font-family: var(--fx-mono); font-size: 9px; font-weight: 700; letter-spacing: .1em; }
.scenario-stop strong { margin-top: 20px; font-family: var(--fx-header); font-size: clamp(1.8rem, 3vw, 3rem); line-height: .9; }
.scenario-stop.is-active { border-color: var(--fx-red); background: var(--fx-red); color: var(--fx-ink); }
.scenario-continues { min-height: 166px; border: 1px dashed #77787e; background: transparent; }
.scenario-continues strong { max-width: 8ch; color: var(--fx-red); font-size: 1.7rem; line-height: 1; }
.scenario-staircase > p { max-width: 920px; margin: 26px 0 0; color: #b5b6bb; line-height: 1.65; }
.scenario-staircase > p > strong { color: var(--fx-red); font-family: var(--fx-header); font-size: 1.6rem; }
.scenario-staircase > p > span { color: var(--fx-white); font-weight: 700; }
.apex-route { margin-top: clamp(58px, 8vw, 96px); border: 1px solid var(--fx-ink); }
.apex-route > header { display: grid; grid-template-columns: minmax(170px, .45fr) minmax(0, 1.55fr); gap: 32px; padding: clamp(28px, 4vw, 48px); }
.apex-route h4 { max-width: none; }
.apex-flow { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--fx-ink); border-bottom: 1px solid var(--fx-ink); }
.apex-flow > div { display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto 1fr; gap: 18px; min-height: 190px; padding: 26px; }
.apex-flow > div + div { border-left: 1px solid var(--fx-ink); }
.apex-flow span { grid-column: 1 / -1; font-family: var(--fx-mono); font-size: 9px; font-weight: 700; letter-spacing: .1em; }
.apex-flow b { align-self: end; color: var(--fx-red-dark); font-family: var(--fx-mono); font-size: 1.5rem; }
.apex-flow strong { align-self: end; justify-self: end; color: var(--fx-red-dark); font-family: var(--fx-header); font-size: clamp(2rem, 3.8vw, 4rem); line-height: .9; text-align: right; }
.apex-flow .apex-open { background: var(--fx-red); color: var(--fx-ink); }
.apex-flow .apex-open b, .apex-flow .apex-open strong { color: var(--fx-ink); }
.apex-route > p { max-width: 970px; margin: 0; padding: 28px; color: #4e5057; line-height: 1.65; }
.million-answer-note { margin-top: 12px; padding: 24px 28px; background: #e3e3e4; color: #4e5057; line-height: 1.6; }
.million-answer-note strong { color: var(--fx-red-dark); font-family: var(--fx-mono); font-size: 11px; letter-spacing: .08em; }

/* CTA */
.cta-section { padding: clamp(90px, 12vw, 170px) 24px; background: var(--fx-red); }
.cta-section::before { display: none; }
.cta-title { position: relative; z-index: 1; color: var(--fx-white); font-family: var(--fx-display); font-size: clamp(4rem, 10vw, 10rem); font-weight: 400; line-height: .85; text-shadow: none; }
.cta-button { position: relative; z-index: 1; border: 2px solid var(--fx-white); border-radius: 0; background: var(--fx-white); color: var(--fx-ink); font-family: var(--fx-mono); font-size: 12px; letter-spacing: .1em; transition: transform 160ms var(--fx-ease-out), border-color 180ms ease, background-color 180ms ease, color 180ms ease; }
.cta-button:hover { border-color: var(--fx-ink); background: var(--fx-ink); color: var(--fx-white); box-shadow: none; }
.cta-button:active { transform: scale(.97); }

/* Motion language: editorial wipes, data fills, immediate interface feedback */
@media (prefers-reduced-motion: no-preference) {
  nav .nav-content {
    animation: fx-nav-enter 620ms var(--fx-ease-out) 40ms both;
  }

  .hero::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px;
    background: var(--fx-red);
    transform: scaleX(0);
    transform-origin: left;
    animation: fx-rule-draw 900ms var(--fx-ease-in-out) 180ms both;
  }

  .hero-kicker { animation: fx-copy-enter 540ms var(--fx-ease-out) 90ms both; }
  .hero-title { animation: fx-poster-enter 900ms var(--fx-ease-out) 120ms both; }
  .hero-subtitle { animation: fx-copy-enter 720ms var(--fx-ease-out) 360ms both; }
  .hero-disclaimer, .hero-jump { animation: fx-copy-enter 600ms var(--fx-ease-out) 920ms both; }

  .motion-enabled .motion-reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 680ms var(--fx-ease-out), transform 680ms var(--fx-ease-out);
    will-change: opacity, transform;
  }

  .motion-enabled .motion-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
    will-change: auto;
  }

  .motion-enabled .explain-heading.motion-reveal {
    opacity: 1;
    transform: none;
  }

  .motion-enabled .explain-heading.motion-reveal > * {
    opacity: 0;
    transform: translateY(22px);
    transition: opacity 680ms var(--fx-ease-out), transform 680ms var(--fx-ease-out);
  }

  .motion-enabled .explain-heading.motion-reveal.is-visible > * {
    opacity: 1;
    transform: translateY(0);
  }

  .motion-enabled .explain-heading.motion-reveal > :nth-child(2) { transition-delay: 70ms; }
  .motion-enabled .explain-heading.motion-reveal > :nth-child(3) { transition-delay: 150ms; }

  .motion-enabled .ownership-lane.motion-reveal:first-child { transform: translateX(-20px); }
  .motion-enabled .ownership-lane.motion-reveal:last-child { transform: translateX(20px); }
  .motion-enabled .ownership-lane.motion-reveal.is-visible { transform: translateX(0); }

  .motion-enabled .ownership-lane.motion-reveal li,
  .motion-enabled .reality-grid.motion-reveal > div,
  .motion-enabled .value-pipeline.motion-reveal li {
    opacity: 0;
    transform: translateY(12px);
    transition: opacity 460ms var(--fx-ease-out), transform 460ms var(--fx-ease-out);
    transition-delay: calc(var(--motion-index, 0) * 55ms + 120ms);
  }

  .motion-enabled .ownership-lane.motion-reveal.is-visible li,
  .motion-enabled .reality-grid.motion-reveal.is-visible > div,
  .motion-enabled .value-pipeline.motion-reveal.is-visible li {
    opacity: 1;
    transform: translateY(0);
  }

  .motion-enabled .formula-system.motion-reveal,
  .motion-enabled .network-infographic.motion-reveal,
  .motion-enabled .scale-curve.motion-reveal,
  .motion-enabled .tier-bars.motion-reveal,
  .motion-enabled .cta-section.motion-reveal {
    opacity: 1;
    transform: none;
  }

  .motion-enabled .formula-system.motion-reveal article {
    opacity: 0;
    transform: translateY(22px);
    transition: opacity 700ms var(--fx-ease-out), transform 700ms var(--fx-ease-out);
  }

  .motion-enabled .formula-system.motion-reveal article + article { transition-delay: 100ms; }
  .motion-enabled .formula-system.motion-reveal.is-visible article { opacity: 1; transform: translateY(0); }

  .motion-enabled .formula-system.motion-reveal .position-scale i { transform: scaleX(0); transform-origin: left; transition: transform 900ms var(--fx-ease-in-out) 260ms; }
  .motion-enabled .formula-system.motion-reveal.is-visible .position-scale i { transform: scaleX(1); }
  .motion-enabled .formula-system.motion-reveal .score-stack span { transform: scaleY(.06); transform-origin: bottom; transition: transform 720ms var(--fx-ease-out); }
  .motion-enabled .formula-system.motion-reveal .score-stack span:nth-child(2) { transition-delay: 70ms; }
  .motion-enabled .formula-system.motion-reveal .score-stack span:nth-child(3) { transition-delay: 140ms; }
  .motion-enabled .formula-system.motion-reveal .score-stack span:nth-child(4) { transition-delay: 210ms; }
  .motion-enabled .formula-system.motion-reveal.is-visible .score-stack span { transform: scaleY(1); }

  .motion-enabled .network-infographic.motion-reveal .network-branches path {
    stroke-dasharray: 520;
    stroke-dashoffset: 520;
    transition: stroke-dashoffset 1.1s var(--fx-ease-in-out);
  }

  .motion-enabled .network-infographic.motion-reveal .network-branches path:nth-child(n+6) { transition-delay: 260ms; }
  .motion-enabled .network-infographic.motion-reveal .network-nodes circle,
  .motion-enabled .network-infographic.motion-reveal .network-node text {
    opacity: 0;
    transform: scale(.72);
    transform-box: fill-box;
    transform-origin: center;
    transition: opacity 420ms var(--fx-ease-out), transform 420ms var(--fx-ease-out);
  }

  .motion-enabled .network-infographic.motion-reveal .network-nodes > :nth-child(n+2) { transition-delay: 280ms; }
  .motion-enabled .network-infographic.motion-reveal.is-visible .network-branches path { stroke-dashoffset: 0; }
  .motion-enabled .network-infographic.motion-reveal.is-visible .network-nodes circle,
  .motion-enabled .network-infographic.motion-reveal.is-visible .network-node text { opacity: 1; transform: scale(1); }

  .motion-enabled .scale-curve.motion-reveal .scale-curve-line { stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 1.2s var(--fx-ease-in-out) 180ms; }
  .motion-enabled .scale-curve.motion-reveal .scale-curve-area,
  .motion-enabled .scale-curve.motion-reveal .scale-curve-points { opacity: 0; transition: opacity 620ms var(--fx-ease-out) 500ms; }
  .motion-enabled .scale-curve.motion-reveal.is-visible .scale-curve-line { stroke-dashoffset: 0; }
  .motion-enabled .scale-curve.motion-reveal.is-visible .scale-curve-area,
  .motion-enabled .scale-curve.motion-reveal.is-visible .scale-curve-points { opacity: 1; }

  .motion-enabled .million-answer.motion-reveal .network-value-streams span,
  .motion-enabled .million-answer.motion-reveal .network-thesis-copy p,
  .motion-enabled .million-answer.motion-reveal .apex-flow > div {
    opacity: 0;
    transform: translateY(12px);
    transition: opacity 480ms var(--fx-ease-out), transform 480ms var(--fx-ease-out);
  }

  .motion-enabled .million-answer.motion-reveal .network-value-streams span:nth-child(2) { transition-delay: 60ms; }
  .motion-enabled .million-answer.motion-reveal .network-value-streams span:nth-child(3) { transition-delay: 120ms; }
  .motion-enabled .million-answer.motion-reveal .network-value-streams span:nth-child(4) { transition-delay: 180ms; }
  .motion-enabled .million-answer.motion-reveal .network-value-streams span:nth-child(5) { transition-delay: 240ms; }
  .motion-enabled .million-answer.motion-reveal .network-thesis-copy p:nth-child(2) { transition-delay: 90ms; }
  .motion-enabled .million-answer.motion-reveal .apex-flow > div:nth-child(2) { transition-delay: 80ms; }
  .motion-enabled .million-answer.motion-reveal .apex-flow > div:nth-child(3) { transition-delay: 160ms; }
  .motion-enabled .million-answer.motion-reveal.is-visible .network-value-streams span,
  .motion-enabled .million-answer.motion-reveal.is-visible .network-thesis-copy p,
  .motion-enabled .million-answer.motion-reveal.is-visible .apex-flow > div { opacity: 1; transform: translateY(0); }

  .motion-enabled .million-answer.motion-reveal .network-convergence i { transform: scaleX(0); transition: transform 680ms var(--fx-ease-in-out) 260ms; }
  .motion-enabled .million-answer.motion-reveal.is-visible .network-convergence i { transform: scaleX(1); }
  .motion-enabled .million-answer.motion-reveal .scenario-stop { clip-path: inset(100% 0 0); transition: clip-path 760ms var(--fx-ease-out), background-color 180ms ease, border-color 180ms ease, color 180ms ease; }
  .motion-enabled .million-answer.motion-reveal .scenario-stop:nth-child(2) { transition-delay: 60ms; }
  .motion-enabled .million-answer.motion-reveal .scenario-stop:nth-child(3) { transition-delay: 120ms; }
  .motion-enabled .million-answer.motion-reveal .scenario-stop:nth-child(4) { transition-delay: 180ms; }
  .motion-enabled .million-answer.motion-reveal .scenario-stop:nth-child(5) { transition-delay: 240ms; }
  .motion-enabled .million-answer.motion-reveal .scenario-stop:nth-child(6) { transition-delay: 300ms; }
  .motion-enabled .million-answer.motion-reveal.is-visible .scenario-stop { clip-path: inset(0); }

  .motion-enabled .tier-bars.motion-reveal .tier-bar-row {
    opacity: 0;
    transform: translateX(-14px);
    transition: opacity 440ms var(--fx-ease-out), transform 440ms var(--fx-ease-out);
    transition-delay: calc(var(--motion-index, 0) * 42ms);
  }

  .motion-enabled .tier-bars.motion-reveal .tier-bar-fill {
    transform: scaleX(0);
    transition: transform 900ms var(--fx-ease-out);
    transition-delay: calc(var(--motion-index, 0) * 42ms + 120ms);
  }

  .motion-enabled .tier-bars.motion-reveal.is-visible .tier-bar-row { opacity: 1; transform: translateX(0); }
  .motion-enabled .tier-bars.motion-reveal.is-visible .tier-bar-fill { transform: scaleX(1); }

  .motion-enabled .cta-section.motion-reveal .cta-title,
  .motion-enabled .cta-section.motion-reveal .cta-button {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 650ms var(--fx-ease-out), transform 650ms var(--fx-ease-out), border-color 180ms ease, background-color 180ms ease, color 180ms ease;
  }

  .motion-enabled .cta-section.motion-reveal .cta-button { transition-delay: 110ms; }
  .motion-enabled .cta-section.motion-reveal.is-visible .cta-title,
  .motion-enabled .cta-section.motion-reveal.is-visible .cta-button { opacity: 1; transform: translateY(0); }

  @keyframes fx-nav-enter {
    from { opacity: 0; transform: translateY(-14px); }
    to { opacity: 1; transform: translateY(0); }
  }

  @keyframes fx-poster-enter {
    from { opacity: 0; clip-path: inset(0 0 100% 0); transform: translateY(30px); }
    to { opacity: 1; clip-path: inset(0); transform: translateY(0); }
  }

  @keyframes fx-copy-enter {
    from { opacity: 0; transform: translateY(18px); }
    to { opacity: 1; transform: translateY(0); }
  }

  @keyframes fx-rule-draw {
    to { transform: scaleX(1); }
  }

  @keyframes fx-node-enter {
    from { opacity: 0; transform: scale(.72); }
    to { opacity: 1; transform: scale(1); }
  }
}

@media (hover: hover) and (pointer: fine) {
  .cta-button:hover { transform: translateY(-3px); }
  .motion-enabled .cta-section.motion-reveal.is-visible .cta-button:hover { transform: translateY(-3px); }
}

@media (max-width: 1000px) {
  .hero-content { grid-template-columns: 1fr; }
  .hero-kicker { margin-bottom: 0; }
  .hero-subtitle { max-width: 760px; }
  .explain-heading { grid-template-columns: 1fr; }
  .explain-kicker { margin-bottom: 0; }
  .formula-system, .calculator-grid, .network-infographic, .scale-curve { grid-template-columns: minmax(0, 1fr); }
  .formula-system article + article { border-top: 1px solid var(--fx-red); border-left: 0; }
  .network-explainer { border-top: 1px solid var(--fx-red); border-left: 0; }
  .hero-network-infographic .network-explainer { order: -1; border-top: 0; border-bottom: 1px solid var(--fx-red); }
  .hero-network-infographic .network-map { order: 2; }
  .formula-governance { grid-template-columns: minmax(180px, .55fr) minmax(0, 1.45fr); }
  .scale-curve-copy { border-right: 0; border-bottom: 1px solid var(--fx-rule-dark); }
  .million-answer-head { grid-template-columns: 1fr; }
  .million-answer-head > p { max-width: 760px; margin-top: 4px; padding: 24px 0 0; border-top: 1px solid var(--fx-ink); border-left: 0; }
  .people-network-thesis { grid-template-columns: minmax(145px, .7fr) 54px minmax(280px, 1.3fr); }
  .network-return { grid-column: 1 / -1; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 20px; min-height: 120px; }
  .network-return span { margin: 0; }
  .calculator-results { min-height: 520px; }
  .reality-grid, .value-pipeline ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .reality-grid > div:nth-child(3), .reality-grid > div:nth-child(4) { border-top: 1px solid var(--fx-ink); }
  .reality-grid > div:nth-child(3) { border-left: 0; }
  .value-pipeline li:nth-child(3), .value-pipeline li:nth-child(4) { border-top: 1px solid var(--fx-rule-dark); }
  .value-pipeline li:nth-child(3) { border-left: 0; }
}

@media (max-width: 768px) {
  nav { padding: 14px 18px; }
  .nav-links { gap: 16px; }
  .nav-links a { font-size: 9px; letter-spacing: .06em; }
  .hero { min-height: auto; gap: 26px; padding: 96px 18px 56px; }
  .ownership-compare { grid-template-columns: 1fr; }
  .ownership-lane + .ownership-lane { border-top: 1px solid var(--fx-ink); border-left: 0; }
  .formula-equation { grid-template-columns: 1fr; }
  .formula-equation b { line-height: .7; }
  .formula-governance { grid-template-columns: 1fr; }
  .formula-governance > div + div { border-top: 1px solid var(--fx-red); border-left: 0; }
  .score-definitions { grid-template-columns: 1fr; gap: 20px; }
  .score-definitions > div { padding: 0; }
  .valuation-control button { flex: 1; padding-inline: 10px; }
  .calculator-controls { grid-template-columns: 1fr; }
  .range-control:nth-child(odd), .migration-toggle { border-right: 0; }
  .migration-toggle { border-bottom: 1px solid var(--fx-ink); }
  .allocation-summary { grid-template-columns: 1fr; }
  .allocation-summary p + p { border-top: 1px solid var(--fx-rule-dark); border-left: 0; }
  .people-network-thesis { grid-template-columns: 1fr; }
  .network-convergence { min-height: 58px; padding-inline: 28px; }
  .network-convergence b { transform: rotate(90deg); }
  .people-network-core { min-height: 280px; }
  .network-return { grid-column: auto; display: flex; align-items: flex-start; flex-direction: column; min-height: 190px; }
  .network-return span { margin: 24px 0 8px; }
  .network-thesis-copy { grid-template-columns: 1fr; }
  .network-thesis-copy p + p { border-top: 1px solid var(--fx-ink); border-left: 0; }
  .scenario-staircase > header, .apex-route > header { grid-template-columns: 1fr; }
  .apex-flow { grid-template-columns: 1fr; }
  .apex-flow > div { min-height: 150px; }
  .apex-flow > div + div { border-top: 1px solid var(--fx-ink); border-left: 0; }
  .tier-bar-row { grid-template-columns: 55px 1fr 84px; gap: 10px; }
  .tier-bar-users { grid-column: 2 / 4; grid-row: 2; padding-bottom: 8px; }
  .tier-bar-track { grid-column: 2; grid-row: 1; }
  .tier-bar-cap { grid-column: 3; grid-row: 1; }
}

@media (max-width: 520px) {
  .nav-logo { font-size: 20px; }
  .nav-logo::before { width: 11px; height: 11px; }
  .nav-links a[href="index.html"] { display: none; }
  .nav-links { gap: 10px; }
  .nav-links a { padding-inline: 2px; font-size: 9px; letter-spacing: .03em; }
  .valuation-control { padding: 16px 14px; }
  .valuation-control > span { font-size: 9px; line-height: 1.5; }
  .valuation-control button { min-width: 0; padding-inline: 4px; font-size: 9px; }
  .hero-title { font-size: clamp(4.8rem, 22vw, 7rem); }
  .hero-disclaimer { text-align: left; }
  .million-answer h3 { font-size: 3.25rem; line-height: .9; }
  .explain-heading h2 { font-size: clamp(3.5rem, 20vw, 4.3rem); overflow-wrap: anywhere; }
  .reality-grid, .value-pipeline ol { grid-template-columns: 1fr; }
  .reality-grid > div + div, .reality-grid > div:nth-child(3), .value-pipeline li + li, .value-pipeline li:nth-child(3) { border-top: 1px solid var(--fx-rule-light); border-left: 0; }
  .value-pipeline li + li, .value-pipeline li:nth-child(3) { border-color: var(--fx-rule-dark); }
  .ownership-lane header { align-items: flex-start; flex-direction: column; }
  .ownership-lane ol { padding: 20px; }
  .ownership-lane li { grid-template-columns: 28px 46px 1fr; }
  .flow-icon { width: 40px; height: 40px; }
  .network-map { padding: 10px 4px 16px; }
  .network-labels text { font-size: 8px; }
  .network-explainer { padding: 28px 22px; }
  .scale-curve-copy { padding: 30px 22px; }
  .scale-curve > svg { padding: 10px 0 18px; }
  .position-scale { grid-template-columns: auto 1fr auto; }
  .position-scale b { display: none; }
  .score-stack { min-height: 64px; }
  .score-stack span { justify-content: center; align-items: center; padding: 0; font-size: 8px; }
  .score-stack .score-referrals { font-size: 9px; }
  .calculator-results { min-height: 460px; }
  .calculator-results dl div { align-items: flex-start; flex-direction: column; gap: 6px; }
  .calculator-results dd { text-align: left; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
  .cta-button, .valuation-control button { transition: none; }
}