/* Hallmark · pre-emit critique: P5 H5 E5 S5 R5 V4
 * Hallmark · genre: modern-minimal · tone: measured technical candid
 * palette: cool mineral with midnight-petrol structure and signal-iris anchor · macrostructure: evidence-led review brief
 * contrast: pass (40–41) · nav: floating capsule · footer: compact directory · slop: pass (42–49)
 * design-system: DESIGN.md · designed-as-app
 */
@font-face {
  font-family: "Public Sans";
  src: url("/public-sans.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --color-paper: oklch(97% 0.007 230);
  --color-paper-2: oklch(93% 0.013 230);
  --color-ink: oklch(22% 0.028 238);
  --color-ink-2: oklch(43% 0.03 238);
  --color-rule: oklch(82% 0.02 232);
  --color-accent: oklch(53% 0.17 275);
  --color-accent-dark: oklch(43% 0.15 275);
  --color-accent-ink: oklch(98% 0.006 230);
  --color-focus: oklch(61% 0.18 275);
  --color-good: oklch(58% 0.1 165);
  --color-warning: oklch(72% 0.11 95);
  --color-dark-panel: oklch(19% 0.03 238);
  --color-dark-panel-2: oklch(24% 0.036 238);
  --color-dark-rule: oklch(37% 0.035 238);
  --color-dark-text: oklch(95% 0.008 230);
  --color-dark-muted: oklch(73% 0.02 230);
  --font-display: "Public Sans", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Public Sans", ui-sans-serif, system-ui, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Consolas, monospace;
  --space-3xs: .25rem;
  --space-2xs: .5rem;
  --space-xs: .75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4.5rem;
  --space-3xl: 6.5rem;
  --space-4xl: 9rem;
  --text-xs: .76rem;
  --text-sm: .9rem;
  --text-md: 1.02rem;
  --text-lg: 1.24rem;
  --text-xl: clamp(1.65rem, 2.7vw, 2.4rem);
  --text-2xl: clamp(2.15rem, 3.8vw, 3.5rem);
  --text-display: clamp(2.85rem, 5.5vw, 5.8rem);
  --radius-sm: .45rem;
  --radius-md: .8rem;
  --radius-lg: 1.25rem;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --duration: 220ms;
  --shell: min(84vw, 78rem);
}

* { box-sizing: border-box; }
html, body { margin: 0; min-width: 0; overflow-x: clip; }
html { scroll-behavior: smooth; background: var(--color-paper); }
body { color: var(--color-ink); background: var(--color-paper); font-family: var(--font-body); font-size: var(--text-md); line-height: 1.58; text-rendering: optimizeLegibility; }
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: .2em; }
a:hover { text-decoration-color: var(--color-accent); }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid var(--color-focus); outline-offset: 3px; }
h1, h2, h3 { margin: 0; font-family: var(--font-display); font-style: normal; line-height: 1.01; letter-spacing: -.04em; overflow-wrap: anywhere; min-width: 0; }
h2 { font-weight: 580; }
h3 { font-weight: 620; }
p { max-width: 70ch; }
.shell { width: var(--shell); margin-inline: auto; }
.skip-link { position: fixed; z-index: 100; top: var(--space-sm); left: var(--space-sm); transform: translateY(-200%); background: var(--color-ink); color: var(--color-paper); padding: var(--space-xs) var(--space-sm); }
.skip-link:focus { transform: translateY(0); }

.site-header { width: var(--shell); min-height: 4.75rem; margin: 0 auto; display: grid; grid-template-columns: 1fr auto; align-items: stretch; gap: var(--space-lg); border-bottom: 1px solid var(--color-ink); background: var(--color-paper); position: sticky; top: 0; z-index: 20; }
.header-identity { min-width: 0; display: flex; align-items: center; gap: var(--space-md); }
.wordmark { display: inline-flex; align-items: center; gap: .62rem; width: max-content; font-weight: 690; letter-spacing: -.035em; text-decoration: none; }
.logo-mark { display: block; width: 1.7rem; height: 1.7rem; overflow: visible; }
.logo-boundary { fill: none; stroke: var(--color-ink); stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.logo-decision { fill: var(--color-accent); }
.wordmark--footer .logo-boundary { stroke: var(--color-ink); }
.header-context { padding-left: var(--space-md); border-left: 1px solid var(--color-rule); color: var(--color-ink-2); font-size: var(--text-xs); }
.site-header nav { display: flex; align-items: stretch; gap: 0; font-size: var(--text-sm); }
.site-header nav a { min-width: 6.7rem; padding: 0 var(--space-sm); display: inline-flex; align-items: center; justify-content: center; border-left: 1px solid var(--color-rule); text-decoration: none; white-space: nowrap; transition: color 160ms ease-out, background 160ms ease-out; }
.site-header nav a:not(.nav-cta):hover { color: var(--color-accent-dark); }
.site-header nav a:not(.nav-cta):hover { background: var(--color-paper-2); }
.nav-cta { min-width: 14rem !important; padding: 0 var(--space-md) !important; justify-content: space-between !important; background: var(--color-ink); color: var(--color-paper); transition: background 160ms ease-out !important; }
.nav-cta:hover { background: var(--color-accent-dark); }
.menu-button, .mobile-nav { display: none; }

.eyebrow, .section-index, .updated { font-family: var(--font-body); font-size: var(--text-sm); letter-spacing: 0; text-transform: none; }
.eyebrow, .section-index { color: var(--color-ink-2); font-weight: 620; }
.hero-card-section { width: 100%; padding: 0; }
.hero-card { width: 100%; min-height: 100svh; margin-inline: auto; position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: center; justify-content: center; border: 0; border-radius: 0; background: var(--color-paper); box-shadow: none; }
.hero-shader, .hero-shader-fallback { position: absolute; inset: 0; z-index: -2; pointer-events: none; }
.hero-shader { opacity: .27; mix-blend-mode: multiply; }
.hero-shader canvas { display: block; width: 100% !important; height: 100% !important; }
.hero-shader-fallback { background: var(--color-paper-2); opacity: .65; }
.hero-card::after { content: ""; position: absolute; inset: 0; z-index: -1; background: oklch(97% .007 230 / .72); pointer-events: none; }
.hero-card::before { content: ""; position: absolute; z-index: 0; inset: auto 0 0; height: clamp(7rem, 16vh, 11rem); background: linear-gradient(to bottom, oklch(97% .007 230 / 0), var(--color-paper)); pointer-events: none; }
.hero-brand { position: absolute; z-index: 2; top: var(--space-lg); left: var(--space-lg); display: inline-flex; align-items: center; gap: .62rem; color: var(--color-ink); font-weight: 700; letter-spacing: -.035em; text-decoration: none; }
.hero-brand svg { width: 1.8rem; height: 1.8rem; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.hero-brand .hero-brand-decision { fill: var(--color-accent); stroke: none; }
.hero-card-content { width: min(86%, 56rem); padding: clamp(6.5rem, 8vw, 7.5rem) 0 clamp(2.5rem, 4vw, 3.25rem); position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; text-align: center; }
.hero-badge { margin-bottom: var(--space-lg); padding: .38rem .85rem .38rem .55rem; display: inline-flex; align-items: center; gap: .48rem; border: 1px solid oklch(53% .17 275 / .28); border-radius: 999px; background: oklch(97% .02 275 / .72); color: var(--color-ink); font-size: var(--text-sm); font-weight: 700; text-decoration: none; }
.hero-badge svg { width: 1.35rem; height: 1.35rem; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.hero-badge .hero-badge-decision { fill: var(--color-accent); stroke: none; }
.hero-card h1 { max-width: 16ch; font-size: clamp(3.2rem, 5vw, 4.7rem); font-weight: 620; line-height: .99; text-wrap: balance; }
.hero-card-content > p { max-width: 60ch; margin: var(--space-lg) auto 0; color: var(--color-ink-2); font-size: clamp(1.05rem, 1.5vw, 1.25rem); text-wrap: pretty; }
.hero-card-actions { margin-top: var(--space-lg); display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: var(--space-sm) var(--space-lg); }
.hero-card-cta { min-height: 3.5rem; padding: .85rem 1.3rem .85rem 1.55rem; display: inline-flex; align-items: center; justify-content: center; gap: var(--space-lg); border-radius: 999px; background: var(--color-ink); color: var(--color-paper); font-weight: 650; text-decoration: none; transition: transform 160ms ease-out, background 160ms ease-out; }
.hero-card-cta:hover { transform: translateY(-1px); background: var(--color-accent-dark); }
.hero-card-link { display: inline-flex; align-items: center; gap: var(--space-xs); font-size: var(--text-sm); font-weight: 650; }
.hero-card-outcomes { width: min(100%, 48rem); margin-top: var(--space-xl); padding-top: var(--space-md); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid oklch(43% .03 238 / .35); color: var(--color-ink); font-size: var(--text-sm); font-weight: 620; }
.hero-card-outcomes span { padding-inline: var(--space-sm); border-right: 1px solid oklch(43% .03 238 / .25); }
.hero-card-outcomes span:last-child { border-right: 0; }
.page-directory { margin-top: var(--space-xl); display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); border-top: 1px solid var(--color-ink); border-bottom: 1px solid var(--color-rule); }
.page-directory__label { grid-column: 1 / -1; padding: .7rem 0; color: var(--color-ink-2); font-size: var(--text-xs); font-weight: 650; }
.page-directory a { min-width: 0; padding: var(--space-md) var(--space-sm); display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: var(--space-xs); border-top: 1px solid var(--color-rule); border-right: 1px solid var(--color-rule); text-decoration: none; transition: background 160ms ease-out, color 160ms ease-out; }
.page-directory a:last-child { border-right: 0; }
.page-directory a:hover { background: var(--color-paper-2); color: var(--color-accent-dark); }
.page-directory small { color: var(--color-ink-2); font-variant-numeric: tabular-nums; }
.page-directory span { overflow: hidden; text-overflow: ellipsis; }
.page-directory b { font-weight: 500; }
.hero { min-height: calc(100svh - 4.75rem); margin-top: -4.75rem; padding-top: 4.75rem; position: relative; overflow: hidden; border-bottom: 1px solid var(--color-rule); }
.hero-grid { position: absolute; inset: 0 max(4vw, calc((100vw - 82rem) / 2)); z-index: 0; display: grid; grid-template-columns: repeat(5, 1fr); pointer-events: none; }
.hero-grid i { border-left: 1px solid oklch(82% .02 232 / .48); }
.hero-grid i:last-child { border-right: 1px solid oklch(82% .02 232 / .48); }
.hero-layout { min-height: calc(100svh - 4.75rem); padding-block: clamp(4.25rem, 7vw, 7rem); position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, .96fr) minmax(24rem, .72fr); gap: clamp(3rem, 7vw, 7rem); align-items: center; }
.hero-copy { padding: var(--space-xl) 0; }
.hero-copy h1 { max-width: 14ch; font-size: clamp(3.2rem, 4.9vw, 5.15rem); font-weight: 620; }
.hero-lede { max-width: 58ch; margin: var(--space-lg) 0 0; color: var(--color-ink-2); font-size: clamp(1.05rem, 1.35vw, 1.25rem); }
.button-row { display: flex; flex-wrap: wrap; gap: var(--space-sm); margin-top: var(--space-lg); }
.button { min-height: 3rem; padding: .74rem 1.15rem; display: inline-flex; align-items: center; justify-content: space-between; gap: var(--space-md); border: 1px solid transparent; border-radius: 999px; text-decoration: none; font-weight: 620; white-space: nowrap; cursor: pointer; transition: transform var(--duration) var(--ease-out), background var(--duration) var(--ease-out), color var(--duration) var(--ease-out), border-color var(--duration) var(--ease-out); }
.button:hover { transform: translateY(-1px); }
.button:active { transform: translateY(0); }
.button--primary { background: var(--color-accent); color: var(--color-accent-ink); border-color: var(--color-accent); }
.button--primary:hover { background: var(--color-accent-dark); }
.button--secondary { border-color: var(--color-ink); background: transparent; }
.button--light { border-color: var(--color-dark-text); color: var(--color-dark-text); }
.button[disabled] { opacity: .6; cursor: wait; transform: none; }
.hero-evidence { align-self: center; min-width: 0; border: 1px solid var(--color-ink); background: oklch(98.5% .006 230); box-shadow: .75rem .75rem 0 var(--color-paper-2); }
.hero-evidence__top { min-height: 3.25rem; padding: .8rem var(--space-sm); display: flex; justify-content: space-between; gap: var(--space-sm); align-items: center; border-bottom: 1px solid var(--color-rule); color: var(--color-ink-2); font-size: var(--text-xs); font-weight: 650; }
.hero-evidence__top span:last-child { color: var(--color-accent-dark); }
.hero-evidence__question { padding: var(--space-lg); border-bottom: 1px solid var(--color-ink); }
.hero-evidence__question span, .hero-evidence__result span, .hero-evidence__boundary > span { display: block; color: var(--color-ink-2); font-size: var(--text-xs); }
.hero-evidence__question strong { display: block; max-width: 22ch; margin-top: var(--space-xs); font-size: var(--text-lg); line-height: 1.18; letter-spacing: -.025em; }
.hero-evidence__result { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)) minmax(0, 1.15fr); border-bottom: 1px solid var(--color-rule); }
.hero-evidence__result > div { min-width: 0; padding: var(--space-md); border-right: 1px solid var(--color-rule); }
.hero-evidence__result > div:last-child { border-right: 0; }
.hero-evidence__result strong { display: block; margin-top: var(--space-xs); font-size: var(--text-lg); font-variant-numeric: tabular-nums; line-height: 1; }
.hero-evidence__result .hero-evidence__ratio { background: var(--color-ink); color: var(--color-dark-text); }
.hero-evidence__ratio span { color: var(--color-dark-muted); }
.hero-evidence__ratio strong { color: var(--color-warning); font-size: var(--text-xl); }
.hero-evidence__trace { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-bottom: 1px solid var(--color-rule); }
.hero-evidence__trace span { padding: var(--space-sm); color: var(--color-ink-2); font-size: var(--text-xs); border-right: 1px solid var(--color-rule); }
.hero-evidence__trace span:last-child { border-right: 0; }
.hero-evidence__trace span::before { content: "✓"; display: block; margin-bottom: .35rem; color: var(--color-accent-dark); font-weight: 700; }
.hero-evidence__boundary { display: grid; grid-template-columns: 7.5rem 1fr; gap: var(--space-md); padding: var(--space-md); }
.hero-evidence__boundary p { margin: 0; color: var(--color-ink-2); font-size: var(--text-sm); line-height: 1.45; }
.hero-evidence > a { display: flex; justify-content: space-between; gap: var(--space-sm); padding: .85rem var(--space-md); border-top: 1px solid var(--color-ink); font-size: var(--text-sm); font-weight: 650; text-decoration: none; }
.hero-evidence > a:hover { background: var(--color-paper-2); }
.system-section { padding: var(--space-3xl) 0; position: relative; z-index: 2; }
.system-frame { border-top: 1px solid var(--color-ink); border-bottom: 1px solid var(--color-rule); background: var(--color-paper); overflow: hidden; }
.system-heading { display: grid; grid-template-columns: .42fr 1fr .8fr; gap: var(--space-xl); align-items: start; padding: var(--space-xl); border-bottom: 1px solid var(--color-rule); }
.system-heading h2 { max-width: 16ch; font-size: var(--text-xl); }
.system-heading > p:last-child { margin: 0; color: var(--color-ink-2); font-size: var(--text-sm); }
.system-flow { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.system-flow article { min-height: 12rem; padding: var(--space-lg); position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: var(--space-sm); border-right: 1px solid var(--color-rule); }
.system-flow article:last-child { border-right: 0; background: var(--color-ink); color: var(--color-dark-text); }
.system-flow article > span { font-family: var(--font-mono); font-size: var(--text-xs); color: var(--color-accent-dark); }
.system-flow article:last-child > span { color: var(--color-warning); }
.system-flow small { color: var(--color-ink-2); }
.system-flow article:last-child small { color: var(--color-dark-muted); }
.system-flow strong { line-height: 1.15; letter-spacing: -.02em; }
.system-flow i { position: absolute; z-index: 2; top: 50%; right: -.45rem; color: var(--color-ink-2); font-size: var(--text-sm); font-style: normal; }
.proof-rail { display: grid; grid-template-columns: repeat(4, 1fr); background: var(--color-ink); color: var(--color-dark-text); }
.proof-rail span { padding: var(--space-lg) var(--space-md); text-align: center; font-size: var(--text-sm); border-right: 1px solid var(--color-dark-rule); }

.split-section, .audience-section, .faq-section, .contact-section, .sample-callout { padding-block: var(--space-4xl); }
.split-section { display: grid; grid-template-columns: minmax(0, .72fr) minmax(0, 1.3fr); gap: clamp(3rem, 10vw, 11rem); }
.split-section > .section-heading,
.specimen-grid > .section-heading,
.sample-callout > div:first-child,
.pilot-band-grid > div:first-child,
.faq-section > .section-heading,
.contact-section > div:first-child { position: sticky; top: var(--space-xl); align-self: start; height: max-content; }
.section-heading h2 { max-width: 16ch; font-size: var(--text-2xl); }
.section-heading > p:not(.section-index) { color: var(--color-ink-2); }
.workflow article { display: grid; grid-template-columns: 6rem 1fr; column-gap: var(--space-xl); padding: var(--space-xl) 0; border-top: 1px solid var(--color-rule); }
.workflow article:last-child { border-bottom: 1px solid var(--color-rule); }
.workflow article > span { color: var(--color-ink-2); font-size: var(--text-sm); font-weight: 650; }
.workflow h3 { font-size: var(--text-xl); }
.workflow p { grid-column: 2; color: var(--color-ink-2); margin-bottom: 0; }
.specimen-section { background: var(--color-dark-panel); color: var(--color-dark-text); padding-block: clamp(7rem, 10vw, 10rem); }
.specimen-grid { display: grid; grid-template-columns: minmax(0, .65fr) minmax(0, 1.25fr); gap: clamp(3rem, 8vw, 9rem); align-items: center; }
.specimen-spotlight { position: relative; overflow: hidden; }
.section-heading--light .section-index { color: var(--color-warning); }
.section-heading--light > p:not(.section-index) { color: var(--color-dark-muted); }
.evidence-specimen { min-width: 0; padding: clamp(1.4rem, 3vw, 3rem); border: 1px solid var(--color-dark-rule); background: var(--color-dark-panel-2); }
.status { display: inline-flex; align-items: center; gap: .45rem; width: max-content; padding: .25rem .5rem; border: 1px solid currentColor; border-radius: 99rem; font-family: var(--font-mono); font-size: .7rem; text-transform: uppercase; white-space: nowrap; }
.status > span { width: .42rem; height: .42rem; border-radius: 50%; background: currentColor; }
.status--good { color: var(--color-good); }
.status--warning { color: var(--color-warning); }
.status--neutral { color: var(--color-focus); }
.status--plain { color: var(--color-ink-2); }
.evidence-specimen h3 { font-size: clamp(1.8rem, 3.6vw, 3.6rem); max-width: 18ch; }
.metric-line { margin: var(--space-xl) 0; display: flex; gap: var(--space-md); align-items: flex-end; }
.metric-line strong { font-family: var(--font-mono); font-size: clamp(4rem, 10vw, 8rem); line-height: .78; color: var(--color-warning); letter-spacing: -.08em; }
.metric-line span { color: var(--color-dark-muted); font-size: var(--text-sm); }
.evidence-specimen dl { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; border-top: 1px solid var(--color-dark-rule); border-bottom: 1px solid var(--color-dark-rule); }
.evidence-specimen dl div { padding: var(--space-sm); border-right: 1px solid var(--color-dark-rule); }
.evidence-specimen dl div:last-child { border-right: 0; }
.evidence-specimen dt { color: var(--color-dark-muted); font-size: var(--text-xs); }
.evidence-specimen dd { margin: .3rem 0 0; font-family: var(--font-mono); }
.limitation { margin-top: var(--space-lg); display: grid; grid-template-columns: 9rem 1fr; gap: var(--space-lg); }
.limitation strong { font-family: var(--font-mono); font-size: var(--text-xs); text-transform: uppercase; color: var(--color-warning); }
.limitation p { margin: 0; color: var(--color-dark-muted); }
.sample-callout { display: grid; grid-template-columns: minmax(0, .75fr) minmax(0, 1.1fr); gap: clamp(3rem, 10vw, 10rem); align-items: start; }
.sample-callout h2 { max-width: 13ch; font-size: var(--text-2xl); }
.sample-callout > div:last-child > p { margin-top: 0; color: var(--color-ink-2); font-size: var(--text-lg); }
.audience-section .section-heading { display: grid; grid-template-columns: .35fr 1fr; gap: var(--space-lg); align-items: start; }
.audience-list { margin-top: var(--space-2xl); border-top: 1px solid var(--color-ink); }
.audience-list article { display: grid; grid-template-columns: minmax(10rem, .45fr) 1fr auto; gap: var(--space-lg); align-items: baseline; padding: var(--space-lg) 0; border-bottom: 1px solid var(--color-rule); }
.audience-list h3 { font-size: var(--text-xl); }
.audience-list p { color: var(--color-ink-2); margin: 0; }
.audience-list a { font-size: var(--text-sm); white-space: nowrap; }
.pilot-band { background: var(--color-dark-panel); color: var(--color-dark-text); padding-block: var(--space-3xl); }
.pilot-band-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1fr); gap: var(--space-xl) clamp(3rem, 9vw, 10rem); }
.pilot-band .section-index { color: var(--color-dark-muted); }
.pilot-band h2 { font-size: var(--text-2xl); max-width: 12ch; }
.pilot-band ol { list-style: none; margin: 0; padding: 0; }
.pilot-band li { display: grid; grid-template-columns: 2rem 1fr; gap: var(--space-sm); border-top: 1px solid var(--color-dark-rule); padding: var(--space-lg) 0; }
.pilot-band li span { font-family: var(--font-mono); }
.pilot-band li p { margin: .2rem 0 0; opacity: .86; }
.pilot-band .button { grid-column: 2; justify-self: start; }
.faq-section { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); gap: clamp(3rem, 10vw, 11rem); }
.faq-list { border-top: 1px solid var(--color-ink); }
details { border-bottom: 1px solid var(--color-rule); }
summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; gap: var(--space-md); padding: var(--space-lg) 0; font-weight: 650; }
summary::-webkit-details-marker { display: none; }
summary span { transition: transform var(--duration) var(--ease-out); }
details[open] summary span { transform: rotate(45deg); }
details p { color: var(--color-ink-2); margin: 0 0 var(--space-lg); }
.contact-section { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); gap: clamp(3rem, 10vw, 11rem); border-top: 1px solid var(--color-ink); }
.contact-section { scroll-margin-top: var(--space-lg); }
.contact-section h2 { font-size: var(--text-2xl); max-width: 12ch; }
.contact-section > div > p:not(.section-index) { color: var(--color-ink-2); }

.inquiry-form { min-width: 0; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-md); }
.inquiry-form label > span, .inquiry-form legend { display: block; margin-bottom: .42rem; font-size: var(--text-sm); font-weight: 650; }
.inquiry-form input, .inquiry-form select, .inquiry-form textarea { width: 100%; border: 1px solid var(--color-rule); border-radius: var(--radius-sm); background: oklch(99% .004 230); color: var(--color-ink); padding: .78rem .9rem; }
.inquiry-form input:hover, .inquiry-form select:hover, .inquiry-form textarea:hover { border-color: var(--color-ink-2); }
.inquiry-form textarea { resize: vertical; min-height: 8rem; }
.form-submit { display: flex; align-items: center; gap: var(--space-md); margin-top: var(--space-md); }
.form-submit p { margin: 0; color: var(--color-ink-2); font-size: var(--text-xs); }
.form-status { min-height: 1.8rem; margin-top: var(--space-sm); font-size: var(--text-sm); }
.form-status a { font-weight: 650; }
.form-trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

.page-hero { padding-block: clamp(5rem, 10vw, 10rem) var(--space-3xl); border-bottom: 1px solid var(--color-ink); }
.page-hero h1 { font-size: var(--text-display); max-width: 13ch; }
.page-hero > p:not(.eyebrow):not(.updated) { font-size: clamp(1.15rem, 2vw, 1.55rem); color: var(--color-ink-2); max-width: 57ch; }
.page-hero--conversion { padding-block: clamp(4rem, 7vw, 7rem); }
.page-hero--conversion h1 { font-size: clamp(3rem, 5.5vw, 5.6rem); }
.offer-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: var(--space-2xl); border-top: 1px solid var(--color-rule); border-bottom: 1px solid var(--color-rule); }
.offer-summary div { padding: var(--space-md) var(--space-lg) var(--space-md) 0; border-right: 1px solid var(--color-rule); }
.offer-summary div:not(:first-child) { padding-left: var(--space-lg); }
.offer-summary div:last-child { border-right: 0; }
.offer-summary strong { display: block; margin-bottom: var(--space-xs); font-size: var(--text-sm); color: var(--color-ink); }
.offer-summary span { display: block; color: var(--color-ink-2); font-size: var(--text-sm); }
.updated { margin-top: var(--space-xl); color: var(--color-ink-2); }
.document { display: grid; grid-template-columns: minmax(12rem, .4fr) minmax(0, 1.25fr); gap: clamp(3rem, 9vw, 10rem); padding-block: var(--space-3xl) var(--space-4xl); }
.document-nav { position: sticky; top: var(--space-lg); height: max-content; display: grid; gap: .65rem; font-size: var(--text-sm); }
.document-nav strong { font-family: var(--font-mono); font-size: var(--text-xs); text-transform: uppercase; letter-spacing: .07em; margin-bottom: var(--space-xs); }
.document-body { min-width: 0; }
.document-body section { scroll-margin-top: 2rem; padding: 0 0 var(--space-3xl); margin: 0 0 var(--space-3xl); border-bottom: 1px solid var(--color-rule); }
.document-body section:last-child { margin-bottom: 0; }
.document-body h2 { font-size: var(--text-2xl); max-width: 17ch; }
.document-body h3 { font-size: var(--text-xl); }
.document-body p { color: var(--color-ink-2); }
.stage-list { list-style: none; padding: 0; margin: var(--space-xl) 0 0; }
.stage-list li { display: grid; grid-template-columns: 3rem 1fr; gap: var(--space-lg); padding: var(--space-lg) 0; border-top: 1px solid var(--color-rule); }
.stage-list li > span { color: var(--color-accent-dark); font-family: var(--font-mono); }
.stage-list p { margin-bottom: .6rem; }
.stage-list strong { font-size: var(--text-sm); }
.evidence-table { border-top: 1px solid var(--color-ink); margin-top: var(--space-xl); }
.evidence-table div { display: grid; grid-template-columns: .6fr 1fr; gap: var(--space-lg); padding: var(--space-md) 0; border-bottom: 1px solid var(--color-rule); }
.evidence-table span { color: var(--color-ink-2); }
.evidence-table--four div { grid-template-columns: .42fr .62fr 1fr auto; align-items: start; }
.evidence-table--four > div:first-child { font-family: var(--font-mono); font-size: var(--text-xs); text-transform: uppercase; color: var(--color-ink); }
.data-flow { list-style: none; padding: 0; margin: var(--space-xl) 0 var(--space-md); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border: 1px solid var(--color-ink); border-radius: var(--radius-md); overflow: clip; }
.data-flow li { min-height: 9rem; padding: var(--space-lg); display: grid; grid-template-columns: 2.5rem 1fr; gap: var(--space-md); align-content: start; border-bottom: 1px solid var(--color-rule); }
.data-flow li:nth-child(odd) { border-right: 1px solid var(--color-rule); }
.data-flow li:nth-last-child(-n+2) { border-bottom: 0; }
.data-flow li > span { color: var(--color-accent-dark); font-family: var(--font-mono); font-size: var(--text-sm); }
.data-flow small { display: block; margin-top: .45rem; color: var(--color-ink-2); line-height: 1.55; }
.packet-caption { font-size: var(--text-sm); }
.control-register { list-style: none; padding: 0; margin: var(--space-xl) 0 0; border-top: 1px solid var(--color-ink); }
.control-register li { display: grid; grid-template-columns: .55fr 1fr auto; gap: var(--space-lg); align-items: start; padding: var(--space-md) 0; border-bottom: 1px solid var(--color-rule); }
.control-register span { color: var(--color-ink-2); }
.control-register b { font-family: var(--font-mono); font-size: var(--text-xs); font-weight: 500; color: var(--color-accent-dark); }
.contact-directory { margin: var(--space-xl) 0; border-top: 1px solid var(--color-ink); }
.contact-directory a { display: grid; grid-template-columns: .7fr 1fr; gap: var(--space-lg); padding: var(--space-md) 0; border-bottom: 1px solid var(--color-rule); text-decoration: none; }
.contact-directory span { color: var(--color-ink-2); }
.formula { display: grid; grid-template-columns: auto 1fr auto 1fr; gap: var(--space-md); align-items: center; margin: var(--space-xl) 0; padding: var(--space-lg); border: 1px solid var(--color-ink); border-radius: var(--radius-md); }
.formula span { color: var(--color-accent-dark); font-family: var(--font-mono); font-size: var(--text-xl); }
.formula strong { font-size: var(--text-sm); line-height: 1.3; }
.formula i { font-style: normal; }
.notice { margin: var(--space-xl) 0; padding: var(--space-lg); background: var(--color-paper-2); border: 1px solid var(--color-rule); border-radius: var(--radius-md); }
.notice strong { font-family: var(--font-mono); font-size: var(--text-xs); text-transform: uppercase; }
.notice p { margin-bottom: 0; }
.plain-list { padding-left: 1.2rem; }
.plain-list li { padding: .45rem 0; color: var(--color-ink-2); }
.reference-list { border-top: 1px solid var(--color-ink); margin-top: var(--space-xl); }
.reference-list a { display: grid; grid-template-columns: .85fr 1fr auto; gap: var(--space-lg); align-items: start; padding: var(--space-lg) 0; border-bottom: 1px solid var(--color-rule); text-decoration: none; }
.reference-list small { display: block; color: var(--color-ink-2); margin-top: .3rem; }
.reference-list p { margin: 0; }
.answer-grid { margin-top: var(--space-xl); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--color-ink); }
.answer-grid div { min-width: 0; padding: var(--space-lg) var(--space-lg) var(--space-lg) 0; display: grid; gap: var(--space-xs); border-bottom: 1px solid var(--color-rule); }
.answer-grid div:nth-child(odd) { border-right: 1px solid var(--color-rule); }
.answer-grid div:nth-child(even) { padding-left: var(--space-lg); }
.answer-grid span { color: var(--color-ink-2); }
.glossary { padding-block: var(--space-xl) var(--space-4xl); }
.glossary-list { margin: 0; border-top: 1px solid var(--color-ink); }
.glossary-list > div { display: grid; grid-template-columns: minmax(12rem, .7fr) minmax(0, 1.3fr); gap: var(--space-xl); padding: var(--space-xl) 0; border-bottom: 1px solid var(--color-rule); scroll-margin-top: var(--space-xl); }
.glossary-list dt { font-size: var(--text-lg); font-weight: 650; line-height: 1.2; }
.glossary-list dfn { font-style: normal; }
.glossary-list dd { margin: 0; max-width: 70ch; color: var(--color-ink-2); }
.glossary-source { margin-top: var(--space-xl); color: var(--color-ink-2); }

.trust-matrix { padding-block: var(--space-3xl); }
.trust-row { display: grid; grid-template-columns: minmax(10rem, .55fr) minmax(8rem, .3fr) minmax(16rem, 1.25fr); gap: var(--space-lg); align-items: start; padding: var(--space-lg) 0; border-bottom: 1px solid var(--color-rule); }
.trust-row--head { font-family: var(--font-mono); font-size: var(--text-xs); text-transform: uppercase; border-color: var(--color-ink); }
.trust-row h2 { font-size: var(--text-xl); }
.trust-row p { margin: 0; color: var(--color-ink-2); }
.trust-row > a { grid-column: 3; font-size: var(--text-sm); font-weight: 650; }
.founder-note { padding-block: var(--space-3xl); display: grid; grid-template-columns: .75fr 1fr; gap: clamp(3rem, 10vw, 11rem); border-top: 1px solid var(--color-ink); }
.founder-note h2 { font-size: var(--text-2xl); max-width: 12ch; }
.founder-note p { color: var(--color-ink-2); }
.contact-strip { margin-bottom: var(--space-4xl); padding: var(--space-xl) 0; border-top: 1px solid var(--color-ink); border-bottom: 1px solid var(--color-rule); display: flex; justify-content: space-between; gap: var(--space-lg); align-items: center; }
.contact-strip h2 { font-size: var(--text-xl); }
.contact-strip p { margin-bottom: 0; color: var(--color-ink-2); }
.legal { max-width: 54rem; padding-block: var(--space-3xl) var(--space-4xl); }
.legal h1 { font-size: var(--text-2xl); margin-bottom: var(--space-lg); }
.legal h2 { font-size: var(--text-xl); margin-top: var(--space-2xl); }
.legal p { color: var(--color-ink-2); }
.legal a { color: var(--color-ink); }

.site-footer { width: var(--shell); margin-inline: auto; padding: var(--space-2xl) 0 var(--space-lg); display: grid; grid-template-columns: 1fr .55fr .55fr .55fr; gap: var(--space-xl); border-top: 1px solid var(--color-ink); font-size: var(--text-sm); }
.site-footer > div { display: grid; align-content: start; gap: .5rem; }
.site-footer strong { font-family: var(--font-mono); font-size: var(--text-xs); text-transform: uppercase; }
.site-footer p { color: var(--color-ink-2); margin-bottom: 0; }
.footer-note { grid-column: 1 / -1; padding-top: var(--space-lg); border-top: 1px solid var(--color-rule); font-size: var(--text-xs); }

@media (max-width: 850px) {
  .site-header nav { display: none; }
  .menu-button { display: block; justify-self: end; min-width: 5rem; border: 0; border-left: 1px solid var(--color-rule); background: var(--color-ink); color: var(--color-paper); padding: .5rem 1rem; }
  .mobile-nav { position: absolute; top: 100%; left: 0; right: 0; padding: var(--space-md); background: var(--color-paper); border: 1px solid var(--color-ink); border-top: 0; box-shadow: 0 .9rem 2.6rem oklch(20% .035 245 / .15); }
  .mobile-nav[data-open="true"] { display: grid; gap: var(--space-sm); }
  .mobile-nav a { padding: .65rem; text-decoration: none; }
  .hero-layout, .split-section, .specimen-grid, .faq-section, .contact-section, .document, .founder-note, .sample-callout { grid-template-columns: minmax(0, 1fr); }
  .split-section > .section-heading,
  .specimen-grid > .section-heading,
  .sample-callout > div:first-child,
  .pilot-band-grid > div:first-child,
  .faq-section > .section-heading,
  .contact-section > div:first-child { position: static; }
  .hero, .hero-layout { min-height: auto; }
  .hero-layout { padding-block: var(--space-3xl); align-items: start; gap: var(--space-2xl); }
  .hero-evidence { max-width: 40rem; }
  .system-heading { grid-template-columns: 1fr 1.4fr; }
  .system-heading > p:last-child { grid-column: 2; }
  .system-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .system-flow article { min-height: 9rem; border-bottom: 1px solid var(--color-rule); }
  .system-flow article:nth-child(2n) { border-right: 0; }
  .system-flow article:nth-child(2n) i { display: none; }
  .system-flow article:last-child { grid-column: 1 / -1; border-bottom: 0; }
  .audience-section .section-heading { grid-template-columns: 1fr; }
  .audience-list article { grid-template-columns: 1fr; }
  .pilot-band-grid { grid-template-columns: 1fr; }
  .pilot-band .button { grid-column: 1; }
  .offer-summary { grid-template-columns: 1fr; }
  .evidence-table--four div, .control-register li { grid-template-columns: 1fr; gap: var(--space-xs); }
  .evidence-table--four > div:first-child { display: none; }
  .offer-summary div, .offer-summary div:not(:first-child) { padding: var(--space-md) 0; border-right: 0; border-bottom: 1px solid var(--color-rule); }
  .offer-summary div:last-child { border-bottom: 0; }
  .document-nav { position: static; display: none; }
  .trust-row, .trust-row--head { grid-template-columns: minmax(0, 1fr); }
  .trust-row--head { display: none; }
  .trust-row > a { grid-column: 1; }
  .site-footer { grid-template-columns: 1fr 1fr; }
  .site-footer > div:first-child { grid-column: 1 / -1; }
  .page-directory { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .page-directory a:nth-of-type(3) { border-right: 0; }
}

@media (max-width: 600px) {
  :root { --shell: min(91vw, 90rem); --space-4xl: 6.5rem; --space-3xl: 4.5rem; }
  .header-context { display: none; }
  .hero-card-section { padding: 0; }
  .hero-card { min-height: 100svh; border-radius: 0; }
  .hero-brand { top: var(--space-md); left: var(--space-md); }
  .hero-card-content { width: 88%; padding: 7.5rem 0 3rem; }
  .hero-card h1 { font-size: clamp(2.8rem, 13vw, 3.55rem); }
  .hero-card-actions { width: 100%; }
  .hero-card-cta { width: 100%; }
  .hero-card-outcomes { grid-template-columns: 1fr; gap: .6rem; text-align: left; }
  .hero-card-outcomes span { padding-inline: 0; border-right: 0; }
  .page-directory { width: 91vw; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page-directory a:nth-of-type(3) { border-right: 1px solid var(--color-rule); }
  .page-directory a:nth-of-type(even) { border-right: 0; }
  .hero-layout { padding-top: var(--space-3xl); }
  .hero-copy { padding: var(--space-md) 0 0; }
  .hero-copy h1 { font-size: 2.8rem; }
  .hero-grid { inset-inline: 4.5vw; grid-template-columns: repeat(3, 1fr); }
  .hero-grid i:nth-child(n+4) { display: none; }
  .hero-evidence { box-shadow: .45rem .45rem 0 var(--color-paper-2); }
  .hero-evidence__boundary { grid-template-columns: 1fr; gap: var(--space-xs); }
  .system-section { padding-block: var(--space-3xl); }
  .system-heading { grid-template-columns: 1fr; }
  .system-heading > p:last-child { grid-column: 1; }
  .system-flow { grid-template-columns: 1fr; }
  .system-flow article { min-height: auto; flex-direction: row; align-items: center; border-right: 0; }
  .system-flow article:last-child { grid-column: 1; }
  .system-flow article i { display: none; }
  .proof-rail { grid-template-columns: repeat(2, 1fr); }
  .proof-rail span { border-bottom: 1px solid var(--color-dark-rule); }
  .workflow article { grid-template-columns: 1fr; }
  .workflow article h3, .workflow article p { grid-column: 1; }
  .workflow article h3 { margin-top: var(--space-xs); }
  .evidence-specimen dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .evidence-specimen dl div:nth-child(2) { border-right: 0; }
  .evidence-specimen dl div:nth-child(-n+2) { border-bottom: 1px solid var(--color-dark-rule); }
  .metric-line { align-items: flex-start; flex-direction: column; }
  .limitation { grid-template-columns: 1fr; gap: var(--space-xs); }
  .form-grid { grid-template-columns: 1fr; }
  .form-submit, .contact-strip { align-items: stretch; flex-direction: column; }
  .form-submit .button { width: 100%; }
  .formula { grid-template-columns: 1fr; }
  .data-flow { grid-template-columns: 1fr; }
  .data-flow li, .data-flow li:nth-child(odd), .data-flow li:nth-last-child(-n+2) { border-right: 0; border-bottom: 1px solid var(--color-rule); }
  .data-flow li:last-child { border-bottom: 0; }
  .contact-directory a { grid-template-columns: 1fr; gap: var(--space-xs); }
  .formula i { transform: rotate(90deg); width: max-content; }
  .reference-list a { grid-template-columns: 1fr auto; }
  .reference-list a p { grid-column: 1 / -1; }
  .answer-grid, .glossary-list > div { grid-template-columns: 1fr; }
  .answer-grid div:nth-child(odd) { border-right: 0; }
  .answer-grid div:nth-child(even) { padding-left: 0; }
  .site-footer { grid-template-columns: 1fr; }
  .site-footer > div:first-child { grid-column: 1; }
  .button-row .button { width: 100%; }
}

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

/* Hallmark · route structures: evaluation brief · claims register · technical paper · review checklist · vendor packet
 * design-system: DESIGN.md · designed-as-app
 */

/* Secondary-page baseline: quieter scale, asymmetric opening, less landing-page theatre. */
main:not([data-page="/"]) .page-hero {
  display: grid;
  grid-template-columns: minmax(9rem, .34fr) minmax(0, 1fr);
  column-gap: clamp(3rem, 9vw, 9rem);
  padding-block: clamp(4rem, 7vw, 7rem) var(--space-2xl);
  border-bottom-color: var(--color-rule);
}
main:not([data-page="/"]) .page-hero .eyebrow { grid-column: 1; grid-row: 1 / span 3; margin-top: .45rem; }
main:not([data-page="/"]) .page-hero h1 { grid-column: 2; max-width: 15ch; font-size: clamp(2.8rem, 5vw, 5.2rem); font-weight: 610; }
main:not([data-page="/"]) .page-hero > p:not(.eyebrow):not(.updated) { grid-column: 2; margin-top: var(--space-lg); font-size: var(--text-lg); }
main:not([data-page="/"]) .page-hero .updated { grid-column: 2; margin: var(--space-lg) 0 0; padding-top: var(--space-sm); border-top: 1px solid var(--color-rule); font-size: var(--text-xs); }

/* Pilot: a finite evaluation brief, not another long-form documentation route. */
main[data-page="/pilot"] .page-hero {
  grid-template-columns: minmax(0, 1.15fr) minmax(18rem, .65fr);
  column-gap: clamp(3rem, 8vw, 8rem);
  padding-block: clamp(4rem, 7vw, 6.5rem);
}
main[data-page="/pilot"] .page-hero .eyebrow { grid-column: 1; grid-row: auto; margin: 0 0 var(--space-md); }
main[data-page="/pilot"] .page-hero h1 { grid-column: 1; font-size: clamp(3rem, 5vw, 5.35rem); }
main[data-page="/pilot"] .page-hero.page-hero--conversion > p:not(.eyebrow):not(.updated) { grid-column: 1; }
main[data-page="/pilot"] .page-hero .button-row { grid-column: 1; }
main[data-page="/pilot"] .offer-summary {
  grid-column: 2;
  grid-row: 1 / span 5;
  display: block;
  align-self: stretch;
  margin: 0;
  border-top-color: var(--color-ink);
}
main[data-page="/pilot"] .offer-summary div,
main[data-page="/pilot"] .offer-summary div:not(:first-child) { padding: var(--space-lg) 0; border-right: 0; border-bottom: 1px solid var(--color-rule); }
main[data-page="/pilot"] .offer-summary strong { margin-bottom: .3rem; }
main[data-page="/pilot"] .document { display: block; max-width: 76rem; padding-top: var(--space-3xl); }
main[data-page="/pilot"] .document-nav { display: none; }
main[data-page="/pilot"] .document-body > section { padding-bottom: var(--space-3xl); margin-bottom: var(--space-3xl); }
main[data-page="/pilot"] .document-body > section > h2 { max-width: 22ch; }
main[data-page="/pilot"] .stage-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--color-ink); }
main[data-page="/pilot"] .stage-list li { display: block; padding: var(--space-lg); border-top: 0; border-right: 1px solid var(--color-rule); }
main[data-page="/pilot"] .stage-list li:first-child { padding-left: 0; }
main[data-page="/pilot"] .stage-list li:last-child { padding-right: 0; border-right: 0; }
main[data-page="/pilot"] .stage-list li > span { display: block; margin-bottom: var(--space-xl); font-family: var(--font-body); font-size: var(--text-sm); font-weight: 650; }
main[data-page="/pilot"] #boundaries { display: grid; grid-template-columns: minmax(13rem, .42fr) 1fr; gap: clamp(3rem, 8vw, 8rem); }
main[data-page="/pilot"] #boundaries .evidence-table { margin-top: 0; }
main[data-page="/pilot"] #success { max-width: 52rem; margin-left: auto; margin-right: auto; text-align: center; border-bottom: 0; }
main[data-page="/pilot"] #success h2 { margin-inline: auto; }
main[data-page="/pilot"] #request { display: grid; grid-template-columns: minmax(13rem, .42fr) 1fr; gap: var(--space-md) clamp(3rem, 8vw, 8rem); }
main[data-page="/pilot"] #request > p { grid-column: 1; }
main[data-page="/pilot"] #request .inquiry-form { grid-column: 2; grid-row: 1 / span 2; }

/* Trust: a sober public register. Status is language, not badge decoration. */
main[data-page="/trust"] .page-hero { background: var(--color-ink); color: var(--color-dark-text); width: 100%; padding-inline: max(6vw, calc((100vw - 82rem) / 2)); }
main[data-page="/trust"] .page-hero .eyebrow,
main[data-page="/trust"] .page-hero > p:not(.eyebrow):not(.updated),
main[data-page="/trust"] .page-hero .updated { color: var(--color-dark-muted); }
main[data-page="/trust"] .page-hero .updated { border-top-color: var(--color-dark-rule); }
main[data-page="/trust"] .trust-matrix { padding-top: var(--space-2xl); }
main[data-page="/trust"] .trust-row { grid-template-columns: minmax(10rem, .55fr) minmax(9rem, .34fr) minmax(16rem, 1fr) auto; align-items: baseline; }
main[data-page="/trust"] .trust-row--head { font-family: var(--font-body); font-weight: 650; text-transform: none; }
main[data-page="/trust"] .trust-row .status { padding: 0; border: 0; border-radius: 0; font-family: var(--font-body); font-size: var(--text-sm); font-weight: 650; text-transform: none; }
main[data-page="/trust"] .trust-row .status > span { width: .5rem; height: .5rem; }
main[data-page="/trust"] .trust-row > a { grid-column: 4; white-space: nowrap; }
main[data-page="/trust"] .founder-note { margin-top: var(--space-2xl); background: var(--color-paper-2); border-top: 0; padding-inline: max(6vw, calc((100vw - 82rem) / 2)); width: 100%; }

/* Methodology: a compact technical paper with a horizontal contents strip. */
main[data-page="/methodology"] .page-hero h1 { max-width: 12ch; }
main[data-page="/methodology"] .document { display: block; max-width: 70rem; padding-top: var(--space-2xl); }
main[data-page="/methodology"] .document-nav {
  position: static;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-sm) var(--space-lg);
  padding: 0 0 var(--space-lg);
  border-bottom: 1px solid var(--color-ink);
}
main[data-page="/methodology"] .document-nav strong { margin: 0 var(--space-sm) 0 0; font-family: var(--font-body); text-transform: none; letter-spacing: 0; }
main[data-page="/methodology"] .document-body { max-width: 54rem; margin: var(--space-3xl) auto 0; }
main[data-page="/methodology"] .document-body section { padding-bottom: var(--space-2xl); margin-bottom: var(--space-2xl); }
main[data-page="/methodology"] .document-body h2 { max-width: none; font-size: var(--text-xl); }
main[data-page="/methodology"] .formula { grid-template-columns: 5rem 1fr auto 1fr; padding: var(--space-lg) 0; border-width: 1px 0; border-radius: 0; }
main[data-page="/methodology"] .formula span { font-family: var(--font-body); font-weight: 700; }
main[data-page="/methodology"] .notice { padding: var(--space-lg) 0; border-width: 1px 0; border-radius: 0; background: transparent; }
main[data-page="/methodology"] .notice strong { font-family: var(--font-body); text-transform: none; }

/* Security: a reviewer checklist with the sequence always visible beside the packet. */
main[data-page="/security"] .page-hero { border-bottom-color: var(--color-ink); }
main[data-page="/security"] .document { grid-template-columns: minmax(11rem, .34fr) minmax(0, 1.4fr); gap: clamp(3rem, 7vw, 7rem); }
main[data-page="/security"] .document-nav { padding-top: var(--space-xs); }
main[data-page="/security"] .document-nav strong { font-family: var(--font-body); text-transform: none; letter-spacing: 0; }
main[data-page="/security"] .stage-list { counter-reset: security-step; }
main[data-page="/security"] .stage-list li { grid-template-columns: 2rem 1fr; padding: var(--space-md) 0; }
main[data-page="/security"] .stage-list li > span { font-family: var(--font-body); font-size: var(--text-sm); font-weight: 700; }
main[data-page="/security"] .stage-list h3 { font-size: var(--text-lg); letter-spacing: -.025em; }
main[data-page="/security"] .stage-list p { margin-top: .35rem; }
main[data-page="/security"] #packet .evidence-table div { grid-template-columns: minmax(10rem, .45fr) 1fr; }
main[data-page="/security"] #claims { background: var(--color-paper-2); padding: var(--space-xl); border-bottom: 0; }
main[data-page="/security"] #report { padding: var(--space-xl) 0 0; border-bottom: 0; }

/* Diligence: a working vendor packet, wide and referenceable rather than article-like. */
main[data-page="/diligence"] .page-hero { grid-template-columns: minmax(9rem, .3fr) minmax(0, .8fr) minmax(15rem, .42fr); }
main[data-page="/diligence"] .page-hero .eyebrow { grid-column: 1; }
main[data-page="/diligence"] .page-hero h1,
main[data-page="/diligence"] .page-hero > p:not(.eyebrow):not(.updated) { grid-column: 2; }
main[data-page="/diligence"] .page-hero .updated { grid-column: 3; grid-row: 1 / span 3; align-self: end; margin: 0; border-top-color: var(--color-ink); }
main[data-page="/diligence"] .document { display: block; padding-top: var(--space-xl); }
main[data-page="/diligence"] .document-nav { position: static; display: flex; flex-wrap: wrap; gap: var(--space-xs) var(--space-lg); padding: var(--space-md) 0 var(--space-xl); border-bottom: 1px solid var(--color-ink); }
main[data-page="/diligence"] .document-nav strong { width: 100%; margin: 0; font-family: var(--font-body); text-transform: none; letter-spacing: 0; }
main[data-page="/diligence"] .document-body { max-width: 70rem; margin: var(--space-3xl) auto 0; }
main[data-page="/diligence"] .document-body > section { display: grid; grid-template-columns: minmax(11rem, .34fr) minmax(0, 1fr); column-gap: clamp(3rem, 8vw, 8rem); }
main[data-page="/diligence"] .document-body > section > h2 { grid-column: 1; font-size: var(--text-xl); }
main[data-page="/diligence"] .document-body > section > :not(h2) { grid-column: 2; }
main[data-page="/diligence"] .data-flow { margin-top: 0; border-radius: 0; }
main[data-page="/diligence"] .evidence-table { margin-top: 0; }
main[data-page="/diligence"] .status { border: 0; padding: 0; border-radius: 0; text-transform: none; font-family: var(--font-body); font-size: var(--text-xs); font-weight: 650; }
main[data-page="/diligence"] .evidence-table--four > div:first-child { font-family: var(--font-body); text-transform: none; }

/* Legal routes stay intentionally quiet, like policy documents rather than marketing pages. */
main[data-page="/privacy"] .legal,
main[data-page="/terms"] .legal { max-width: 48rem; padding-top: clamp(4rem, 7vw, 7rem); }
main[data-page="/privacy"] .legal .eyebrow,
main[data-page="/terms"] .legal .eyebrow { padding-bottom: var(--space-md); border-bottom: 1px solid var(--color-ink); }

/* The directory closes the site without another four-card-looking grid. */
.site-footer { grid-template-columns: minmax(14rem, 1.2fr) repeat(3, minmax(8rem, .4fr)); }
.site-footer strong { font-family: var(--font-body); font-size: var(--text-sm); text-transform: none; }

@media (max-width: 850px) {
  main:not([data-page="/"]) .page-hero,
  main[data-page="/pilot"] .page-hero,
  main[data-page="/diligence"] .page-hero { grid-template-columns: minmax(0, 1fr); }
  main:not([data-page="/"]) .page-hero .eyebrow,
  main:not([data-page="/"]) .page-hero h1,
  main:not([data-page="/"]) .page-hero > p:not(.eyebrow):not(.updated),
  main:not([data-page="/"]) .page-hero .updated,
  main[data-page="/pilot"] .page-hero .button-row,
  main[data-page="/pilot"] .offer-summary,
  main[data-page="/diligence"] .page-hero .eyebrow,
  main[data-page="/diligence"] .page-hero h1,
  main[data-page="/diligence"] .page-hero > p:not(.eyebrow):not(.updated),
  main[data-page="/diligence"] .page-hero .updated { grid-column: 1; grid-row: auto; }
  main:not([data-page="/"]) .page-hero .eyebrow { margin: 0 0 var(--space-lg); }
  main[data-page="/pilot"] .offer-summary { margin-top: var(--space-2xl); }
  main[data-page="/pilot"] .stage-list { grid-template-columns: 1fr; }
  main[data-page="/pilot"] .stage-list li,
  main[data-page="/pilot"] .stage-list li:first-child,
  main[data-page="/pilot"] .stage-list li:last-child { padding: var(--space-lg) 0; border-right: 0; border-bottom: 1px solid var(--color-rule); }
  main[data-page="/pilot"] #boundaries,
  main[data-page="/pilot"] #request,
  main[data-page="/diligence"] .document-body > section { grid-template-columns: minmax(0, 1fr); }
  main[data-page="/pilot"] #request > p,
  main[data-page="/pilot"] #request .inquiry-form,
  main[data-page="/diligence"] .document-body > section > h2,
  main[data-page="/diligence"] .document-body > section > :not(h2) { grid-column: 1; grid-row: auto; }
  main[data-page="/trust"] .trust-row { grid-template-columns: minmax(0, 1fr); }
  main[data-page="/trust"] .trust-row > a { grid-column: 1; }
  main[data-page="/methodology"] .document-nav,
  main[data-page="/diligence"] .document-nav { display: flex; }
  .site-footer { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 600px) {
  main:not([data-page="/"]) .page-hero { padding-block: var(--space-2xl); }
  main:not([data-page="/"]) .page-hero h1 { font-size: clamp(2.55rem, 13vw, 3.8rem); }
  main[data-page="/trust"] .page-hero { padding-inline: 4.5vw; }
  main[data-page="/methodology"] .document-nav,
  main[data-page="/diligence"] .document-nav { flex-direction: column; align-items: flex-start; }
  main[data-page="/methodology"] .formula { grid-template-columns: 1fr; }
  main[data-page="/diligence"] .document-body { margin-top: var(--space-2xl); }
  main[data-page="/diligence"] .document-body > section { column-gap: 0; }
  .site-footer { grid-template-columns: 1fr; }
}