:root {
  color-scheme: light;
  --bg: #f4f6f8;
  --paper: #ffffff;
  --surface-2: #eef2f6;
  --surface-3: #e4eaf0;
  --ink: #15202b;
  --muted: #4e5d6c;
  --faint: #596979;
  --line: #c8d1da;
  --line-strong: #91a0af;
  --green: #174e91;
  --green-deep: #0e376b;
  --green-soft: #e8f0fb;
  --green-ink: #ffffff;
  --blue: #225f9d;
  --blue-soft: #e6f0fb;
  --success: #17623d;
  --success-soft: #e5f4eb;
  --success-line: #91c5a8;
  --amber: #814708;
  --amber-soft: #fff2d8;
  --red: #a02323;
  --red-soft: #fdeaea;
  --display: "Onest Variable", "Segoe UI Variable Display", "Segoe UI", Arial, sans-serif;
  --sans: "Onest Variable", "Segoe UI Variable Text", "Segoe UI", Arial, sans-serif;
  --mono: "JetBrains Mono Variable", "Cascadia Mono", "SFMono-Regular", Consolas, monospace;
  --ease: cubic-bezier(.22, 1, .36, 1);
  --radius-sm: 4px;
  --radius-md: 8px;
}

* { box-sizing: border-box; }
html { min-width: 0; scroll-behavior: smooth; scroll-padding-top: 88px; background: var(--bg); }
body { min-width: 0; min-height: 100dvh; margin: 0; color: var(--ink); background: var(--bg); font-family: var(--sans); font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
body.sales-page { --faint: #596979; }
a { color: inherit; text-decoration: none; }
summary, a, button { touch-action: manipulation; -webkit-tap-highlight-color: rgba(23, 78, 145, .14); }
h1, h2, h3 { font-family: var(--display); font-variation-settings: "wght" var(--heading-weight, 650); text-wrap: balance; }
p, li, dd, small { text-wrap: pretty; overflow-wrap: anywhere; }
:focus-visible { outline: 3px solid var(--blue); outline-offset: 3px; }
[id] { scroll-margin-top: 88px; }
.ui-icon { width: 1.15em; height: 1.15em; flex: 0 0 auto; stroke: currentColor; }
.visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; border: 0 !important; }

.skip-link { position: fixed; z-index: 200; top: 9px; left: 12px; padding: 12px 15px; color: var(--green-ink); background: var(--green); border-radius: var(--radius-sm); font-weight: 760; transform: translateY(-150%); }
.skip-link:focus { transform: none; }

.sales-header {
  position: sticky;
  z-index: 80;
  top: 0;
  display: grid;
  min-height: 68px;
  grid-template-columns: minmax(220px, 1fr) auto minmax(220px, 1fr);
  gap: 28px;
  align-items: center;
  padding: 0 clamp(22px, 4vw, 72px);
  background: var(--paper);
  border-bottom: 1px solid var(--line);
}

.sales-brand { display: inline-flex; width: max-content; min-height: 44px; align-items: center; gap: 11px; }
.sales-brand > span:last-child { display: grid; }
.sales-brand strong { font-size: 17px; letter-spacing: -.035em; }
.sales-brand small { margin-top: 2px; color: var(--faint); font: 720 11px/1.3 var(--mono); letter-spacing: .07em; }
.sales-mark { position: relative; display: block; width: 29px; height: 31px; transform: skewY(-9deg); }
.sales-mark i { position: absolute; right: 0; height: 6px; border: 1.5px solid var(--green); border-radius: 1px; }
.sales-mark i:first-child { top: 2px; left: 0; }
.sales-mark i:nth-child(2) { top: 12px; left: 5px; }
.sales-mark i:nth-child(3) { top: 22px; left: 10px; }

.sales-header > nav { display: flex; gap: clamp(14px, 1.5vw, 24px); color: var(--muted); font-size: 12px; white-space: nowrap; }
.sales-header > nav a, .header-guide { position: relative; display: inline-flex; min-height: 44px; align-items: center; transition: color .16s ease; }
.sales-header > nav a::after { position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background: var(--green); content: ""; transform: scaleX(0); transform-origin: left; transition: transform .2s var(--ease); }
.sales-header > nav a:hover, .header-guide:hover { color: var(--green-deep); }
.sales-header > nav a[aria-current="location"]::after { transform: scaleX(1); }
.sales-header-actions { display: flex; justify-content: flex-end; gap: 18px; align-items: center; font-size: 11px; font-weight: 720; }
.header-guide { color: var(--muted); }
.header-console { display: grid; min-height: 46px; align-content: center; padding: 5px 15px; color: var(--green-ink); background: var(--green); border: 1px solid var(--green); border-radius: var(--radius-sm); transition: background-color .16s ease, border-color .16s ease; }
.header-console span, .header-console small { display: block; }
.header-console span { font-size: 11px; line-height: 1.25; }
.header-console small { margin-top: 2px; color: rgba(255, 255, 255, .8); font: 670 11px/1.2 var(--mono); letter-spacing: .025em; }
.header-console:hover { background: var(--green-deep); border-color: var(--green-deep); }
.header-console { color: var(--green-deep); background: var(--paper); border-color: var(--line-strong); }
.header-console small { color: var(--muted); }
.header-console:hover { color: var(--green-deep); background: var(--green-soft); border-color: var(--green); }
.sales-mobile-nav { display: none; }

main > section, .sales-footer { width: min(1360px, calc(100% - clamp(32px, 7vw, 112px))); margin-inline: auto; }
main > section:not(.sales-hero):not(.sales-next) { padding-top: clamp(64px, 6vw, 82px); }

.sales-eyebrow { display: flex; align-items: center; gap: 12px; margin: 0; color: var(--faint); font: 760 11px/1.4 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.sales-eyebrow::before { width: 28px; height: 2px; flex: 0 0 auto; background: var(--green); content: ""; }
.sales-eyebrow > span { display: inline-grid; min-width: 27px; height: 27px; place-items: center; margin-right: 1px; color: var(--green-deep); background: var(--green-soft); border: 1px solid color-mix(in srgb, var(--green) 40%, var(--line)); border-radius: var(--radius-sm); letter-spacing: 0; }

.sales-hero { display: grid; grid-template-columns: minmax(420px, .84fr) minmax(560px, 1.16fr); gap: clamp(32px, 4vw, 60px); align-items: start; padding: clamp(48px, 5.5vw, 70px) 0 0; }
.hero-copy { min-width: 0; }
.hero-copy h1 { --heading-weight: 650; max-width: 850px; margin: 21px 0 0; font-size: clamp(42px, 4vw, 60px); font-weight: 650; line-height: 1.04; letter-spacing: -.038em; }
.hero-copy h1 span { color: var(--green-deep); font-weight: 500; font-variation-settings: "wght" 500; }
.hero-lead { max-width: 710px; margin: 23px 0 0; color: var(--muted); font-size: clamp(16px, 1.2vw, 18px); line-height: 1.58; }
.hero-lead span { display: block; }
.hero-lead span + span { margin-top: 9px; }
.hero-lead b { color: var(--ink); font-weight: 720; }
.hero-actions, .proof-actions, .next-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.hero-actions { margin-top: 29px; }
.primary-action, .secondary-action { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; gap: 13px; padding: 0 18px; border-radius: var(--radius-sm); font-size: 12px; font-weight: 760; transition: color .16s ease, background-color .16s ease, border-color .16s ease; }
.primary-action { color: var(--green-ink); background: var(--green); border: 1px solid var(--green); }
.primary-action:hover { background: var(--green-deep); border-color: var(--green-deep); }
.secondary-action { color: var(--ink); background: var(--paper); border: 1px solid var(--line-strong); }
.secondary-action:hover { color: var(--green-deep); border-color: var(--green); }
.primary-action .ui-icon, .text-action .ui-icon, .boundary-register a .ui-icon { transition: transform .16s ease; }
.primary-action:hover .ui-icon, .text-action:hover .ui-icon, .boundary-register a:hover .ui-icon { transform: translateX(3px); }
.hero-safety { grid-column: 1 / -1; display: flex; max-width: none; gap: 10px; align-items: flex-start; margin: -4px 0 0; padding: 14px 0; color: var(--muted); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); font-size: 12px; line-height: 1.5; }
.hero-safety .ui-icon { width: 18px; height: 18px; margin-top: 1px; color: var(--success); }
.hero-safety strong { color: var(--ink); }
.pilot-signal { display: grid; width: min(100%, 760px); grid-template-columns: auto minmax(0, 1fr); gap: 2px 16px; align-items: center; margin-top: 22px; padding: 14px 16px; background: var(--green-soft); border: 1px solid color-mix(in srgb, var(--green) 32%, var(--line)); border-left: 4px solid var(--green); border-radius: var(--radius-sm); }
.pilot-signal b { grid-row: 1 / span 2; align-self: stretch; display: flex; align-items: center; padding-right: 16px; color: var(--green-deep); border-right: 1px solid color-mix(in srgb, var(--green) 32%, var(--line)); font: 760 10px/1.4 var(--mono); letter-spacing: .05em; text-transform: uppercase; }
.pilot-signal span { color: var(--ink); font-size: 14px; font-weight: 750; }
.pilot-signal small { color: var(--muted); font: 680 11px/1.45 var(--mono); }

.hero-evidence { min-width: 0; margin: 0; overflow: hidden; background: var(--paper); border: 1px solid var(--line-strong); border-top: 3px solid var(--green-deep); border-radius: var(--radius-md); }
.hero-evidence > header { display: flex; min-height: 68px; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 16px 12px 18px; background: var(--surface-2); border-bottom: 1px solid var(--line); }
.hero-evidence > header > div { display: grid; justify-items: start; gap: 5px; }
.hero-evidence > header small { color: var(--faint); font: 700 11px/1.45 var(--mono); letter-spacing: .03em; }
.crypto-flow-control { display: inline-flex; min-height: 44px; flex: 0 0 auto; align-items: center; justify-content: center; gap: 8px; padding: 0 12px; color: var(--green-deep); background: var(--paper); border: 1px solid var(--line-strong); border-radius: var(--radius-sm); cursor: pointer; font: 750 11px/1 var(--sans); transition: color .16s ease, background-color .16s ease, border-color .16s ease; }
.crypto-flow-control:hover { background: var(--green-soft); border-color: var(--green); }
.crypto-flow-context { display: grid; grid-template-columns: 1fr .72fr 1.15fr; background: #fbfcfb; border-bottom: 1px solid var(--line); }
.crypto-flow-context > span { min-width: 0; padding: 11px 14px; }
.crypto-flow-context > span + span { border-left: 1px solid var(--line); }
.crypto-flow-context small, .crypto-flow-context strong { display: block; }
.crypto-flow-context small { color: var(--faint); font: 720 11px/1.4 var(--mono); letter-spacing: .045em; }
.crypto-flow-context strong { margin-top: 4px; font-size: 11px; line-height: 1.4; }
.crypto-flow-context .context-state { width: fit-content; padding: 2px 5px; border: 1px solid currentColor; border-radius: 3px; font: 760 10px/1.4 var(--mono); letter-spacing: .025em; }
.context-state--implemented { color: var(--success); background: var(--success-soft); }
.context-state--missing { color: var(--red); background: var(--red-soft); }
.crypto-flow-track { margin: 0; padding: 0; list-style: none; }
.crypto-flow-step { position: relative; display: grid; min-height: 88px; grid-template-columns: 44px minmax(0, 1fr) minmax(112px, auto); gap: 14px; align-items: center; padding: 13px 17px; border-bottom: 1px solid var(--line); }
.crypto-flow-step::before, .crypto-flow-step::after { position: absolute; z-index: 0; top: 58px; bottom: -1px; left: 38px; width: 2px; content: ""; transform-origin: top; }
.crypto-flow-step::before { background: var(--line); }
.crypto-flow-step::after { background: var(--green); transform: scaleY(1); transition: transform .46s var(--ease); }
.crypto-flow-step:last-child::before, .crypto-flow-step:last-child::after { display: none; }
.crypto-flow-node { position: relative; z-index: 1; display: grid; width: 42px; height: 42px; place-items: center; color: var(--green-deep); background: var(--paper); border: 1px solid var(--line-strong); border-radius: 50%; transition: opacity .22s ease, transform .22s var(--ease); }
.crypto-flow-node .ui-icon { width: 18px; height: 18px; }
.crypto-flow-step > div { min-width: 0; transition: transform .22s var(--ease); }
.crypto-flow-step > div > small { display: block; color: var(--blue); font: 760 11px/1.4 var(--mono); letter-spacing: .035em; }
.crypto-flow-step > div > strong { display: block; margin-top: 4px; font-size: 14px; line-height: 1.35; }
.crypto-flow-step > div > p { margin: 4px 0 0; color: var(--muted); font-size: 11px; line-height: 1.45; }
.crypto-flow-step > b { justify-self: end; }
.crypto-flow-step--missing,
.crypto-flow-step--external { background: var(--red-soft); border-top: 1px dashed color-mix(in srgb, var(--red) 50%, var(--line)); border-bottom: 1px dashed color-mix(in srgb, var(--red) 50%, var(--line)); }
.crypto-flow-step--missing::after,
.crypto-flow-step--external::after { display: none; }
.crypto-flow-step--external::before { background: repeating-linear-gradient(to bottom, var(--red) 0 4px, transparent 4px 8px); }
.crypto-flow-step--missing .crypto-flow-node,
.crypto-flow-step--external .crypto-flow-node { color: var(--red); border-color: color-mix(in srgb, var(--red) 50%, var(--line)); }
.crypto-flow-step--evidence { background: #fbfcfb; }
.crypto-flow-step--evidence .crypto-flow-node { color: var(--success); }
.crypto-flow-providers { display: flex; flex-wrap: wrap; gap: 4px; }
.crypto-flow-providers span { padding: 2px 5px; color: var(--red); background: var(--paper); border: 1px solid color-mix(in srgb, var(--red) 42%, var(--line)); border-radius: 3px; font: 700 11px/1.35 var(--mono); }
.crypto-flow > figcaption { display: grid; grid-template-columns: 132px minmax(0, 1fr); gap: 15px; align-items: center; min-height: 64px; padding: 13px 18px; background: var(--surface-2); }
.crypto-flow > figcaption span { color: var(--green); font: 760 11px/1.4 var(--mono); letter-spacing: .035em; }
.crypto-flow > figcaption strong { font-size: 12px; line-height: 1.5; }
.crypto-flow.is-enhanced .crypto-flow-step { opacity: 1; }
.crypto-flow.is-enhanced .crypto-flow-step::after { transform: scaleY(0); }
.crypto-flow.is-enhanced .crypto-flow-step:not(.is-visited) .crypto-flow-node { opacity: .48; transform: scale(.92); }
.crypto-flow.is-enhanced .crypto-flow-step:not(.is-visited) > b { opacity: .68; }
.crypto-flow.is-enhanced .crypto-flow-step.is-complete::after { transform: scaleY(1); }
.crypto-flow.is-enhanced .crypto-flow-step.is-active { opacity: 1; background: var(--green-soft); }
.crypto-flow.is-enhanced .crypto-flow-step.is-active > div { transform: translateX(4px); }
.crypto-flow.is-enhanced .crypto-flow-step.is-active .crypto-flow-node { color: var(--green-ink); background: var(--green); border-color: var(--green); transform: scale(1.08); }
.crypto-flow.is-enhanced .crypto-flow-step--missing.is-active,
.crypto-flow.is-enhanced .crypto-flow-step--external.is-active { background: var(--red-soft); }
.crypto-flow.is-enhanced .crypto-flow-step--missing.is-active .crypto-flow-node,
.crypto-flow.is-enhanced .crypto-flow-step--external.is-active .crypto-flow-node { color: var(--paper); background: var(--red); border-color: var(--red); }
.crypto-flow.is-enhanced .crypto-flow-step--evidence.is-active { background: var(--success-soft); }
.crypto-flow.is-enhanced .crypto-flow-step--evidence.is-active .crypto-flow-node { color: var(--paper); background: var(--success); border-color: var(--success); }
.crypto-flow[data-flow-state="complete"] > figcaption { background: var(--red-soft); }
.crypto-flow[data-flow-state="complete"] > figcaption span { color: var(--red); }

.truth-band { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 10px; background: var(--paper); border: 1px solid var(--line-strong); border-top: 3px solid var(--green-deep); border-radius: var(--radius-md); }
.truth-band article { min-width: 0; padding: 20px 22px; }
.truth-band article + article { border-left: 1px solid var(--line); }
.truth-band strong { display: block; margin-top: 13px; font-size: 15px; }
.truth-band p { margin: 7px 0 0; color: var(--muted); font-size: 12px; line-height: 1.55; }

.problem-ledger { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: hidden; background: var(--paper); border: 1px solid var(--line-strong); border-top: 3px solid var(--green-deep); border-radius: var(--radius-md); }
.problem-side { min-width: 0; }
.problem-side + .problem-side { border-left: 1px solid var(--line-strong); }
.problem-side > header { min-height: 132px; padding: 24px; background: var(--surface-2); border-bottom: 1px solid var(--line); }
.problem-side > header small { color: var(--faint); font: 760 10px/1.4 var(--mono); letter-spacing: .06em; }
.problem-side > header h3 { max-width: 22ch; margin: 10px 0 0; font-size: clamp(22px, 2.2vw, 29px); line-height: 1.16; letter-spacing: -.025em; }
.problem-side--risk > header { background: var(--amber-soft); }
.problem-side--risk > header small { color: var(--amber); }
.problem-side--control > header { background: var(--green-soft); }
.problem-side--control > header small { color: var(--green); }
.problem-side ol { margin: 0; padding: 0; list-style: none; }
.problem-side li { display: grid; min-height: 128px; grid-template-columns: 44px minmax(0, 1fr); gap: 18px; align-items: start; padding: 22px 24px; border-bottom: 1px solid var(--line); }
.problem-side li:last-child { border-bottom: 0; }
.problem-side li > span { padding-top: 2px; color: var(--amber); font: 780 11px var(--mono); }
.problem-side--control li > span { color: var(--green); }
.problem-side li strong { display: block; font-size: 16px; line-height: 1.35; }
.problem-side li p { margin: 7px 0 0; color: var(--muted); font-size: 13px; line-height: 1.58; }

.bank-outcomes { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 28px; overflow: hidden; background: var(--paper); border: 1px solid var(--line-strong); border-radius: var(--radius-md); }
.bank-outcomes article { min-width: 0; padding: 22px; }
.bank-outcomes article + article { border-left: 1px solid var(--line); }
.bank-outcomes article > span { color: var(--green); font: 780 10px var(--mono); }
.bank-outcomes strong { display: block; margin-top: 11px; font-size: 15px; line-height: 1.4; }
.bank-outcomes p { margin: 8px 0 0; color: var(--muted); font-size: 13px; line-height: 1.55; }

.scope-register { overflow: hidden; background: var(--paper); border: 1px solid var(--line-strong); border-top: 3px solid var(--green-deep); border-radius: var(--radius-md); }
.scope-register article { display: grid; min-height: 112px; grid-template-columns: 46px minmax(150px, .45fr) minmax(280px, 1.25fr) minmax(155px, .4fr); gap: 22px; align-items: center; padding: 20px 23px; border-bottom: 1px solid var(--line); }
.scope-register article:last-child { border-bottom: 0; }
.scope-register article > span { align-self: stretch; display: grid; place-items: center; color: var(--blue); border-right: 1px solid var(--line); font: 780 11px var(--mono); }
.scope-name { min-width: 0; }
.scope-name h3 { margin: 0; font-size: 18px; line-height: 1.3; letter-spacing: -.02em; }
.scope-name small { display: block; margin-top: 4px; color: var(--faint); font: 720 10px/1.4 var(--mono); letter-spacing: .05em; }
.scope-register article > p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.6; }
.scope-register article > p strong { color: var(--ink); }
.scope-state { display: grid; justify-items: start; }
.scope-state small { margin-top: 7px; color: var(--faint); font: 690 10px/1.4 var(--mono); letter-spacing: .04em; }

.operation-register { margin-top: 28px; overflow: hidden; background: var(--paper); border: 1px solid var(--line-strong); border-radius: var(--radius-md); }
.operation-register > header { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .55fr); gap: 24px; align-items: end; padding: 24px; background: var(--surface-2); border-bottom: 1px solid var(--line); }
.operation-register > header small { color: var(--blue); font: 750 10px/1.4 var(--mono); letter-spacing: .06em; }
.operation-register > header h3 { margin: 8px 0 0; font-size: 22px; line-height: 1.25; letter-spacing: -.02em; }
.operation-register > header p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.55; }
.operation-register dl { margin: 0; }
.operation-register dl > div { display: grid; grid-template-columns: minmax(190px, .45fr) minmax(280px, 1fr) 165px; gap: 24px; align-items: center; min-height: 84px; padding: 17px 23px; border-bottom: 1px solid var(--line); }
.operation-register dl > div:last-child { border-bottom: 0; }
.operation-register dt { font-size: 14px; font-weight: 740; }
.operation-register dt small { display: block; margin-top: 3px; color: var(--blue); font: 720 10px/1.4 var(--mono); letter-spacing: .05em; }
.operation-register dd { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.55; }
.operation-register dl > div > b { justify-self: start; }

.path-context { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-bottom: 20px; overflow: hidden; background: var(--paper); border: 1px solid var(--line-strong); border-radius: var(--radius-md); }
.path-context > span { min-width: 0; padding: 18px 20px; }
.path-context > span + span { border-left: 1px solid var(--line); }
.path-context small, .path-context strong { display: block; }
.path-context small { color: var(--blue); font: 730 10px/1.4 var(--mono); letter-spacing: .05em; text-transform: uppercase; }
.path-context strong { margin-top: 7px; font-size: 14px; line-height: 1.45; }
.machine-token { font-family: var(--mono); font-size: .92em; }

.integration-steps { margin: 0; padding: 0; overflow: hidden; background: var(--paper); border: 1px solid var(--line-strong); border-top: 3px solid var(--green-deep); border-radius: var(--radius-md); list-style: none; }
.integration-steps li { display: grid; min-height: 128px; grid-template-columns: 52px minmax(0, 1fr) 170px; gap: 22px; align-items: center; padding: 22px 24px; border-bottom: 1px solid var(--line); }
.integration-steps li:last-child { border-bottom: 0; }
.integration-steps li > span { align-self: stretch; display: grid; place-items: center; color: var(--blue); border-right: 1px solid var(--line); font: 780 11px var(--mono); }
.integration-steps li > div { min-width: 0; }
.integration-steps small { color: var(--faint); font: 720 10px/1.4 var(--mono); letter-spacing: .05em; }
.integration-steps h3, .integration-steps p { margin: 0; }
.integration-steps h3 { margin-top: 5px; font-size: 19px; line-height: 1.3; letter-spacing: -.02em; }
.integration-steps p { max-width: 900px; margin-top: 7px; color: var(--muted); font-size: 13px; line-height: 1.58; }
.integration-steps li > b { justify-self: start; }
.integration-contract { display: grid; grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr) 28px minmax(0, 1fr); gap: 12px; align-items: center; margin-top: 20px; padding: 18px 20px; background: var(--green-soft); border: 1px solid color-mix(in srgb, var(--green) 32%, var(--line)); border-radius: var(--radius-md); }
.integration-contract span { min-width: 0; }
.integration-contract small, .integration-contract strong { display: block; }
.integration-contract small { color: var(--green); font: 740 10px/1.4 var(--mono); letter-spacing: .05em; }
.integration-contract strong { margin-top: 5px; font: 690 12px/1.5 var(--mono); overflow-wrap: anywhere; }
.integration-contract i { position: relative; height: 1px; background: var(--green); }
.integration-contract i::after { position: absolute; top: -3px; right: 0; width: 6px; height: 6px; border-top: 1px solid var(--green); border-right: 1px solid var(--green); transform: rotate(45deg); content: ""; }
.integration-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }

.pilot-artifacts-heading { display: grid; grid-template-columns: minmax(230px, .45fr) minmax(0, 1fr); gap: 6px 32px; align-items: end; margin: 56px 0 24px; }
.pilot-artifacts-heading .sales-eyebrow { grid-row: 1 / span 2; align-self: start; }
.pilot-artifacts-heading h3 { margin: 0; font-size: 28px; line-height: 1.2; letter-spacing: -.025em; }
.pilot-artifacts-heading > p:last-child { max-width: 720px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.6; }
.pilot-artifacts h3 small { display: block; margin-top: 4px; color: var(--blue); font: 720 10px/1.4 var(--mono); letter-spacing: .05em; }

.status { display: inline-flex; width: max-content; max-width: 100%; min-height: 29px; align-items: center; padding: 5px 8px; border: 1px solid currentColor; border-radius: 3px; font: 780 11px/1.35 var(--mono); letter-spacing: .025em; text-align: left; }
.status--live { color: var(--green); background: var(--green-soft); }
.status--implemented { color: var(--success); background: var(--success-soft); }
.status--unimplemented { color: var(--red); background: var(--red-soft); }
.missing-state-text { color: var(--red); }
.status--pilot { color: var(--blue); background: var(--blue-soft); }
.status--design { color: var(--blue); background: var(--blue-soft); }
.status--attention { color: var(--amber); background: var(--amber-soft); }
.status--target { color: var(--faint); background: var(--surface-2); }
.status--bank { color: var(--blue); background: var(--blue-soft); }
.status--disabled { color: var(--red); background: var(--red-soft); }
.status--unavailable { color: var(--faint); background: var(--surface-2); }

.sales-section-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, .52fr); gap: 22px 64px; align-items: end; margin-bottom: 26px; }
.sales-section-heading > div { min-width: 0; }
.sales-section-heading h2 { --heading-weight: 650; max-width: 890px; margin: 16px 0 0; overflow-wrap: anywhere; font-size: clamp(32px, 3.25vw, 46px); font-weight: 650; line-height: 1.09; letter-spacing: -.032em; hyphens: auto; }
.sales-section-heading > p { max-width: 600px; margin: 0 0 3px; color: var(--muted); font-size: 15px; line-height: 1.58; }
.sales-section-heading.compact { grid-template-columns: minmax(0, 1fr); }
.sales-section-heading.compact h2 { max-width: 980px; }
.sales-section-heading.compact > p { margin-top: 2px; }

.evidence-map { margin: 0; overflow: hidden; background: var(--paper); border: 1px solid var(--line-strong); border-top: 3px solid var(--green-deep); border-radius: var(--radius-md); }
.evidence-map > figcaption { padding: 18px 22px; background: var(--surface-2); border-bottom: 1px solid var(--line); font-size: 16px; font-weight: 750; }
.evidence-map ol { margin: 0; padding: 0; list-style: none; }
.evidence-map li { position: relative; display: grid; min-height: 112px; grid-template-columns: 55px minmax(0, 1fr) 145px; gap: 20px; align-items: center; padding: 21px 23px; border-bottom: 1px solid var(--line); }
.evidence-map li > span { align-self: stretch; display: grid; place-items: center; color: var(--blue); border-right: 1px solid var(--line); font: 780 12px var(--mono); }
.evidence-map li > div { min-width: 0; }
.evidence-map li small { color: var(--faint); font: 720 10px/1.4 var(--mono); letter-spacing: .05em; }
.evidence-map li strong { display: block; margin-top: 5px; font-size: 18px; }
.evidence-map li p { margin: 6px 0 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.evidence-map li > b { justify-self: end; }
.evidence-map .map-bank,
.evidence-map .map-owner { background: #fbfcfb; }
.evidence-map .map-live { background: var(--green-soft); }
.evidence-map .map-live > span { color: var(--green); }
.evidence-map .map-closed { background: var(--amber-soft); border-top: 1px dashed #c79845; border-bottom: 1px dashed #c79845; }
.evidence-map .map-closed > span { color: var(--amber); border-right-style: dashed; }
.map-result { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.map-result > span { min-width: 0; padding: 15px 18px; }
.map-result > span + span { border-left: 1px solid var(--line); }
.map-result b, .map-result small { display: block; }
.map-result b { color: var(--green-deep); font-size: 12px; }
.map-result small { margin-top: 4px; color: var(--muted); font-size: 12px; line-height: 1.5; }
.evidence-map > p { margin: 0; padding: 14px 20px; color: var(--muted); background: var(--amber-soft); border-top: 1px dashed #c79845; font-size: 12px; line-height: 1.55; }
.proof-actions { margin-top: 20px; }
.text-action { display: inline-flex; min-height: 50px; align-items: center; gap: 10px; padding-inline: 7px; color: var(--green-deep); font-size: 12px; font-weight: 760; }

.value-register { background: var(--paper); border-top: 2px solid var(--green-deep); }
.value-register article { display: grid; min-height: 112px; grid-template-columns: 58px minmax(0, 1fr) 110px; gap: 22px; align-items: center; padding: 22px 24px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); border-left: 1px solid var(--line); }
.value-register article > span:not(.register-icon) { color: var(--blue); font: 780 11px var(--mono); }
.register-icon { display: grid; width: 42px; height: 42px; place-items: center; color: var(--green); background: var(--green-soft); border: 1px solid color-mix(in srgb, var(--green) 32%, var(--line)); border-radius: var(--radius-sm); }
.register-icon .ui-icon { width: 20px; height: 20px; }
.register-icon small { display: none; }
.value-register h3, .value-register p { margin: 0; }
.value-register h3 { font-size: 20px; letter-spacing: -.025em; }
.value-register p { max-width: 820px; margin-top: 7px; color: var(--muted); font-size: 13px; line-height: 1.55; }
.value-register article > b { color: var(--green); font: 760 10px var(--mono); letter-spacing: .06em; text-align: right; }
.value-register article > .status--live { color: var(--green); }
.value-register article > .status--design { color: var(--blue); }
.value-register article > .status--attention { color: var(--amber); }

.ownership-register { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 28px; overflow: hidden; background: var(--paper); border: 1px solid var(--line-strong); border-radius: var(--radius-md); }
.ownership-register article { min-width: 0; padding: 24px; }
.ownership-register article + article { border-left: 1px solid var(--line); }
.ownership-register .ownership-certarail { background: var(--green-soft); box-shadow: inset 0 3px 0 var(--green); }
.ownership-register article > span { color: var(--blue); font: 760 10px var(--mono); letter-spacing: .06em; }
.ownership-register .ownership-certarail > span { color: var(--green); }
.ownership-register strong { display: block; margin-top: 9px; font-size: 19px; }
.ownership-register ul { display: grid; gap: 0; margin: 17px 0 0; padding: 0; list-style: none; }
.ownership-register li { position: relative; padding: 9px 0 9px 17px; color: var(--muted); border-top: 1px solid var(--line); font-size: 12px; }
.ownership-register li::before { position: absolute; top: 15px; left: 1px; width: 6px; height: 6px; background: var(--green); transform: rotate(45deg); content: ""; }

.boundary-register { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); background: var(--paper); border: 1px solid var(--line-strong); border-radius: var(--radius-md); overflow: hidden; }
.boundary-register article { display: flex; min-width: 0; flex-direction: column; padding: 24px; border-top: 3px solid var(--line-strong); }
.boundary-register article + article { border-left: 1px solid var(--line); }
.boundary-register .boundary-live { border-top-color: var(--green); }
.boundary-register .boundary-pilot { border-top-color: var(--blue); }
.boundary-register .boundary-target { border-top-color: var(--faint); }
.boundary-register header { display: grid; justify-items: start; }
.boundary-register header strong { margin-top: 14px; font-size: 21px; }
.boundary-register ul { flex: 1; margin: 19px 0 0; padding: 0; list-style: none; }
.boundary-register li { position: relative; padding: 10px 0 10px 18px; color: var(--muted); border-top: 1px solid var(--line); font-size: 12px; line-height: 1.45; }
.boundary-register li::before { position: absolute; top: 15px; left: 1px; width: 7px; height: 7px; border: 1px solid var(--green); transform: rotate(45deg); content: ""; }
.boundary-register .boundary-pilot li::before { border-color: var(--blue); }
.boundary-register .boundary-target li::before { border-color: var(--faint); }
.boundary-register a { display: inline-flex; min-height: 46px; align-items: center; gap: 10px; margin-top: 20px; color: var(--green-deep); font-size: 12px; font-weight: 760; }

.pilot-workspace { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, .42fr); gap: 28px; align-items: start; }
.pilot-track { margin: 0; padding: 0; background: var(--paper); border-top: 2px solid var(--green-deep); list-style: none; }
.pilot-track li { display: grid; min-height: 113px; grid-template-columns: 48px minmax(0, 1fr) 115px; gap: 20px; align-items: center; padding: 22px 24px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); border-left: 1px solid var(--line); }
.pilot-track li > span { color: var(--blue); font: 760 10px var(--mono); }
.pilot-track small { color: var(--faint); font: 720 10px var(--mono); letter-spacing: .05em; }
.pilot-track h3, .pilot-track p { margin: 0; }
.pilot-track h3 { margin-top: 4px; font-size: 19px; line-height: 1.25; letter-spacing: -.02em; }
.pilot-track p { margin-top: 7px; color: var(--muted); font-size: 12px; line-height: 1.5; }
.pilot-track li > b { color: var(--blue); font: 760 10px var(--mono); letter-spacing: .04em; text-align: right; }
.pilot-track li:last-child > b { color: var(--amber); }
.pilot-brief { padding: 28px; background: var(--green-deep); border-radius: var(--radius-md); color: var(--green-ink); }
.pilot-brief > span { color: #c6daf1; font: 760 10px var(--mono); letter-spacing: .06em; }
.pilot-brief h3 { max-width: 14ch; margin: 13px 0 0; font-size: clamp(26px, 2.5vw, 34px); line-height: 1.12; letter-spacing: -.03em; }
.pilot-brief dl { margin: 24px 0 0; border-top: 1px solid rgba(255, 255, 255, .2); }
.pilot-brief dl > div { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 14px; padding: 13px 0; border-bottom: 1px solid rgba(255, 255, 255, .2); }
.pilot-brief dt { color: #c6daf1; font: 720 10px var(--mono); text-transform: uppercase; }
.pilot-brief dd { margin: 0; font-size: 12px; }
.pilot-brief .primary-action { width: 100%; margin-top: 24px; color: var(--green-deep); background: var(--green-ink); border-color: var(--green-ink); }
.pilot-brief .primary-action:hover { color: var(--ink); background: var(--green-soft); border-color: var(--green-soft); }
.pilot-brief > small { display: block; margin-top: 16px; color: #d8e6f5; font-size: 12px; line-height: 1.55; }

/* The landing is one narrative route. Each register below has a distinct job:
   compare the risk, assign responsibility, preserve evidence, then integrate. */
.problem-transform { margin: 0; padding: 0; overflow: hidden; background: var(--paper); border: 1px solid var(--line-strong); border-top: 3px solid var(--green-deep); border-radius: var(--radius-md); list-style: none; }
.problem-transform li { display: grid; min-height: 108px; grid-template-columns: 46px minmax(0, 1fr) 36px minmax(0, 1fr); gap: 20px; align-items: stretch; padding: 0 24px; border-bottom: 1px solid var(--line); }
.problem-transform li:last-child { border-bottom: 0; }
.problem-transform li > span { display: grid; place-items: center; color: var(--blue); border-right: 1px solid var(--line); font: 780 11px var(--mono); }
.problem-transform li > div { align-self: center; padding-block: 18px; }
.problem-transform li > i { position: relative; align-self: center; height: 1px; background: var(--green); }
.problem-transform li > i::after, .system-arrow::after { position: absolute; top: -3px; right: 0; width: 6px; height: 6px; border-top: 1px solid var(--green); border-right: 1px solid var(--green); content: ""; transform: rotate(45deg); }
.problem-transform small { color: var(--amber); font: 760 11px/1.4 var(--mono); letter-spacing: .055em; }
.problem-transform .transform-outcome { padding-left: 4px; }
.problem-transform .transform-outcome small { color: var(--green); }
.problem-transform strong { display: block; margin-top: 5px; font-size: 17px; line-height: 1.35; }
.problem-transform p { margin: 6px 0 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
.problem-conclusion, .integration-note { display: flex; gap: 12px 18px; align-items: center; justify-content: space-between; margin: 16px 0 0; padding: 15px 18px; background: var(--green-soft); border: 1px solid color-mix(in srgb, var(--green) 32%, var(--line)); border-left: 4px solid var(--green); border-radius: var(--radius-sm); }
.problem-conclusion strong, .integration-note strong { color: var(--green-deep); font-size: 14px; }
.problem-conclusion span, .integration-note span { color: var(--muted); font-size: 13px; }

main > .sales-band { width: 100%; max-width: none; margin-top: clamp(64px, 6vw, 82px); padding: clamp(62px, 6vw, 80px) clamp(16px, 3.5vw, 56px) clamp(68px, 6.5vw, 88px); background: var(--surface-2); border-block: 1px solid var(--line); }
.sales-section-shell { width: min(1360px, 100%); margin-inline: auto; }
.sales-system-map { display: grid; grid-template-columns: minmax(0, 1fr) 54px minmax(0, 1.08fr) 54px minmax(0, 1fr); overflow: hidden; background: var(--paper); border: 1px solid var(--line-strong); border-top: 3px solid var(--green-deep); border-radius: var(--radius-md); }
.system-node { min-width: 0; min-height: 186px; padding: 22px; background: var(--paper); border: 0; border-radius: 0; }
.system-node--certarail { background: var(--green-soft); }
.system-node--external { background: var(--red-soft); }
.system-node > small { display: block; margin-top: 16px; color: var(--faint); font: 740 11px/1.4 var(--mono); letter-spacing: .045em; }
.system-node h3 { margin: 8px 0 0; font-size: clamp(19px, 1.8vw, 23px); line-height: 1.22; letter-spacing: -.025em; }
.system-node p { margin: 9px 0 0; color: var(--muted); font-size: 13px; line-height: 1.52; }
.system-arrow { position: relative; align-self: center; height: 1px; background: var(--green); }
.system-arrow--missing { background: var(--red); }
.system-arrow--missing::after { border-color: var(--red); }
.provider-register { display: grid; grid-template-columns: minmax(230px, .72fr) minmax(0, 2fr); margin-top: 18px; overflow: hidden; background: var(--paper); border: 1px solid var(--line-strong); border-radius: var(--radius-md); }
.provider-register > header { display: grid; align-content: center; justify-items: start; padding: 19px 21px; background: var(--red-soft); border-right: 1px solid var(--line); }
.provider-register > header small { color: var(--red); font: 760 11px/1.4 var(--mono); letter-spacing: .055em; }
.provider-register > header strong { margin-top: 7px; font-size: 15px; line-height: 1.4; }
.provider-register > header .status { margin-top: 12px; }
.provider-register ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; }
.provider-register li { display: flex; min-width: 0; gap: 10px; align-items: center; padding: 18px 16px; }
.provider-register li + li { border-left: 1px solid var(--line); }
.provider-register .ui-icon { width: 22px; height: 22px; color: var(--red); }
.provider-register li > span { min-width: 0; }
.provider-register li strong, .provider-register li small { display: block; }
.provider-register li strong { font-size: 13px; line-height: 1.35; }
.provider-register li small { margin-top: 3px; color: var(--muted); font-size: 11px; line-height: 1.4; }
.system-boundary { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 14px 20px; align-items: center; margin-top: 12px; }
.system-boundary > span { color: var(--muted); font-size: 12px; line-height: 1.5; }
.system-boundary .text-action { min-height: 44px; padding-right: 0; }
.system-boundary--missing { padding: 12px 14px; background: var(--red-soft); border-left: 3px solid var(--red); }

.decision-proof { display: grid; grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr); overflow: hidden; background: var(--paper); border: 1px solid var(--line-strong); border-top: 3px solid var(--green-deep); border-radius: var(--radius-md); }
.decision-document { min-width: 0; background: var(--paper); border-right: 1px solid var(--line-strong); }
.decision-document > header { display: flex; min-height: 76px; align-items: center; justify-content: space-between; gap: 16px; padding: 15px 20px; background: var(--surface-2); border-bottom: 1px solid var(--line); }
.decision-document > header > div { display: grid; justify-items: start; gap: 6px; }
.decision-document > header small, .decision-document > header > span { color: var(--faint); font: 710 11px/1.4 var(--mono); letter-spacing: .03em; }
.decision-document > header > span { text-align: right; }
.decision-document h3 { margin: 0; padding: 22px 22px 17px; font-size: clamp(23px, 2vw, 29px); line-height: 1.2; letter-spacing: -.025em; }
.decision-document dl { margin: 0; border-top: 1px solid var(--line); }
.decision-document dl > div { display: grid; grid-template-columns: minmax(150px, .72fr) minmax(0, 1fr); gap: 20px; padding: 13px 22px; border-bottom: 1px solid var(--line); }
.decision-document dt { color: var(--muted); font-size: 12px; }
.decision-document dd { margin: 0; color: var(--ink); font-size: 12px; font-weight: 690; text-align: right; }
.decision-document > footer { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); background: var(--red-soft); }
.decision-document > footer > span { padding: 14px 18px; }
.decision-document > footer > span + span { border-left: 1px solid color-mix(in srgb, var(--red) 28%, var(--line)); }
.decision-document > footer small, .decision-document > footer strong { display: block; }
.decision-document > footer small { color: var(--red); font: 720 11px/1.4 var(--mono); }
.decision-document > footer strong { margin-top: 4px; font: 770 11px/1.4 var(--mono); }
.proof-explainer { min-width: 0; padding: clamp(24px, 3.2vw, 40px); background: #fbfcfd; }
.proof-register { margin: 0; padding: 0; border-top: 1px solid var(--line); list-style: none; }
.proof-register li { display: grid; min-height: 78px; grid-template-columns: 40px minmax(0, 1fr); gap: 16px; align-items: center; border-bottom: 1px solid var(--line); }
.proof-register li > span { color: var(--blue); font: 780 11px var(--mono); }
.proof-register strong { display: block; font-size: 15px; }
.proof-register p { margin: 4px 0 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.proof-boundary { display: flex; gap: 10px; align-items: flex-start; margin: 18px 0 0; padding: 14px 15px; color: var(--muted); background: var(--blue-soft); border-left: 3px solid var(--blue); font-size: 12px; line-height: 1.5; }
.proof-boundary .ui-icon { width: 18px; height: 18px; margin-top: 1px; color: var(--blue); }
.proof-boundary strong { color: var(--ink); }
.proof-boundary--missing { background: var(--red-soft); border-left-color: var(--red); }
.proof-boundary--missing .ui-icon { color: var(--red); }
.proof-explainer .proof-actions { margin-top: 18px; }

.integration-steps { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0; overflow: hidden; background: var(--paper); border: 1px solid var(--line-strong); border-top: 3px solid var(--green-deep); border-radius: var(--radius-md); list-style: none; }
.integration-steps li { position: relative; display: flex; min-width: 0; min-height: 255px; flex-direction: column; align-items: flex-start; padding: 20px 22px 22px; }
.integration-steps li + li { border-left: 1px solid var(--line); }
.integration-steps li > span { position: relative; z-index: 1; align-self: auto; display: grid; width: 36px; height: 36px; flex: 0 0 auto; place-items: center; color: var(--green-deep); background: var(--green-soft); border: 1px solid color-mix(in srgb, var(--green) 42%, var(--line)); border-radius: 50%; font: 780 11px var(--mono); }
.integration-steps li:not(:last-child)::after { position: absolute; z-index: 0; top: 38px; right: -1px; left: 58px; height: 1px; background: var(--green); content: ""; transform-origin: left; }
.integration-steps li > div { min-width: 0; margin-top: 23px; }
.integration-steps small { color: var(--faint); font: 720 11px/1.4 var(--mono); letter-spacing: .035em; }
.integration-steps h3, .integration-steps p { margin: 0; }
.integration-steps h3 { margin-top: 7px; font-size: 18px; line-height: 1.28; letter-spacing: -.02em; }
.integration-steps p { margin-top: 8px; color: var(--muted); font-size: 12px; line-height: 1.52; }
.phase-label { display: inline-flex; min-height: 28px; align-items: center; margin-top: auto; padding-top: 18px; color: var(--blue); font: 760 11px/1.35 var(--mono); letter-spacing: .04em; }
.phase-label--missing { color: var(--red); }
.integration-note { align-items: flex-start; }
.integration-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; }
.readiness-strip { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) auto; align-items: stretch; margin-top: 24px; overflow: hidden; background: var(--paper); border: 1px solid var(--line-strong); border-radius: var(--radius-md); }
.readiness-strip article { min-width: 0; padding: 17px 18px; }
.readiness-strip article + article { border-left: 1px solid var(--line); }
.readiness-strip article strong { display: block; margin-top: 10px; font-size: 14px; }
.readiness-strip article p { margin: 5px 0 0; color: var(--muted); font-size: 12px; line-height: 1.48; }
.readiness-strip > a { display: inline-flex; min-width: 170px; min-height: 44px; align-items: center; justify-content: center; gap: 9px; padding: 17px; color: var(--green-deep); background: var(--green-soft); border-left: 1px solid color-mix(in srgb, var(--green) 32%, var(--line)); font-size: 12px; font-weight: 760; }

.sales-next { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); margin-top: clamp(64px, 6vw, 82px); overflow: hidden; background: var(--paper); border: 1px solid var(--line-strong); border-top: 3px solid var(--green-deep); border-radius: var(--radius-md); }
.next-copy { padding: clamp(30px, 4vw, 48px); color: var(--green-ink); background: var(--green-deep); }
.next-copy .sales-eyebrow { color: #c6daf1; }
.next-copy .sales-eyebrow::before { background: #82acd8; }
.next-copy .sales-eyebrow > span { color: var(--green-ink); background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .24); }
.next-copy h2 { max-width: 660px; margin: 18px 0 0; font-size: clamp(34px, 3.45vw, 44px); line-height: 1.07; letter-spacing: -.034em; }
.next-copy > p:not(.sales-eyebrow) { max-width: 620px; margin: 20px 0 0; color: #d8e6f5; font-size: 14px; line-height: 1.62; }
.next-copy > .next-boundary { padding-top: 16px; border-top: 1px solid rgba(255, 255, 255, .2); font-size: 12px; }
.next-actions { margin-top: 26px; }
.next-copy .primary-action { color: var(--green-deep); background: var(--green-ink); border-color: var(--green-ink); }
.next-copy .primary-action:hover { color: var(--ink); background: var(--green-soft); border-color: var(--green-soft); }
.next-copy .secondary-action { color: var(--green-ink); background: transparent; border-color: #82acd8; }
.next-copy .secondary-action:hover { background: rgba(255, 255, 255, .08); border-color: var(--green-ink); }
.pilot-output { padding: clamp(30px, 3.6vw, 46px); }
.pilot-output > header { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.pilot-output > header small { color: var(--faint); font: 700 11px/1.45 var(--mono); text-align: right; }
.pilot-output h3 { max-width: 620px; margin: 24px 0 0; font-size: clamp(25px, 2.5vw, 34px); line-height: 1.16; letter-spacing: -.025em; }
.pilot-output ol { margin: 22px 0 0; padding: 0; border-top: 1px solid var(--line); list-style: none; }
.pilot-output li { display: grid; grid-template-columns: 34px minmax(0, 1fr) minmax(120px, .8fr); gap: 14px; align-items: center; min-height: 62px; border-bottom: 1px solid var(--line); }
.pilot-output li > span { color: var(--blue); font: 760 11px var(--mono); }
.pilot-output li > strong { font-size: 14px; }
.pilot-output li > small { color: var(--muted); font-size: 11px; line-height: 1.45; }
.faq-list { border-left: 1px solid var(--line); }
.faq-list details { background: var(--paper); border-bottom: 1px solid var(--line); }
.faq-list details:last-child { border-bottom: 0; }
.faq-list summary { position: relative; display: flex; min-height: 78px; align-items: center; justify-content: space-between; gap: 18px; padding: 21px 24px; cursor: pointer; list-style: none; font-size: 16px; font-weight: 700; letter-spacing: -.015em; transition: color .16s ease, background-color .16s ease; }
.faq-list summary:hover { color: var(--green-deep); background: var(--surface-2); }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary .ui-icon { color: var(--green); transition: transform .2s var(--ease); }
.faq-list details[open] summary .ui-icon { transform: rotate(180deg); }
.faq-list details p { max-width: 700px; margin: -4px 24px 24px; color: var(--muted); font-size: 12px; line-height: 1.62; }
.faq-list details[open] p { animation: disclosure-copy .24s var(--ease) both; }

.sales-footer { display: grid; grid-template-columns: 1fr auto 1fr; gap: 30px; align-items: center; min-height: 118px; margin-top: 40px; border-top: 1px solid var(--line); }
.sales-footer p { color: var(--faint); font: 11px var(--mono); text-align: center; }
.sales-footer nav { display: flex; justify-content: flex-end; gap: 19px; color: var(--muted); font-size: 12px; }
.sales-footer a { display: inline-flex; min-height: 44px; align-items: center; transition: color .16s ease; }
.sales-footer a:hover { color: var(--green-deep); }

body[data-motion="ready"] .hero-copy,
body[data-motion="ready"] .hero-evidence { animation: buyer-rise .42s var(--ease) both; }
body[data-motion="ready"] .hero-evidence { animation-delay: .08s; }

.integration-steps.is-motion-ready li { opacity: .58; transform: translateY(7px); }
.integration-steps.is-motion-ready li::after { transform: scaleX(0); }
.integration-steps.is-illustrated li { animation: path-step .38s var(--ease) both; }
.integration-steps.is-illustrated li::after { animation: path-line .34s var(--ease) both; }
.integration-steps.is-illustrated li:nth-child(2),
.integration-steps.is-illustrated li:nth-child(1)::after { animation-delay: .12s; }
.integration-steps.is-illustrated li:nth-child(3),
.integration-steps.is-illustrated li:nth-child(2)::after { animation-delay: .24s; }
.integration-steps.is-illustrated li:nth-child(4),
.integration-steps.is-illustrated li:nth-child(3)::after { animation-delay: .36s; }

@keyframes buyer-rise {
  from { opacity: .72; transform: translateY(6px); }
  to { opacity: 1; transform: none; }
}

@keyframes path-step {
  from { opacity: .58; transform: translateY(7px); }
  to { opacity: 1; transform: none; }
}

@keyframes path-line {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}

@keyframes disclosure-copy {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: none; }
}

@media (hover: hover) and (pointer: fine) {
  .primary-action:hover .ui-icon,
  .primary-action:focus-visible .ui-icon,
  .text-action:hover .ui-icon,
  .text-action:focus-visible .ui-icon,
  .boundary-register a:hover .ui-icon,
  .boundary-register a:focus-visible .ui-icon { transform: translateX(3px); }
}

@media (max-width: 1180px) {
  .sales-header { grid-template-columns: minmax(0, 1fr) auto auto; gap: 14px; }
  .sales-header > nav { display: none; }
  .sales-mobile-nav { position: relative; display: block; }
  .sales-mobile-nav summary { display: flex; min-width: 66px; min-height: 44px; align-items: center; justify-content: center; padding: 0 12px; color: var(--muted); border: 1px solid var(--line); border-radius: var(--radius-sm); cursor: pointer; font-size: 11px; font-weight: 760; list-style: none; }
  .sales-mobile-nav summary::-webkit-details-marker { display: none; }
  .sales-mobile-nav summary::after { margin-left: 8px; color: var(--green); content: "+"; font: 16px var(--mono); }
  .sales-mobile-nav[open] summary::after { content: "−"; }
  .sales-mobile-nav > div { position: fixed; z-index: 90; top: 80px; right: 14px; display: grid; width: min(340px, calc(100% - 28px)); padding: 8px 16px 15px; background: var(--paper); border: 1px solid var(--line-strong); border-radius: var(--radius-sm); box-shadow: 0 18px 30px rgba(21, 32, 43, .14); }
  .sales-mobile-nav a { display: flex; min-height: 44px; align-items: center; border-top: 1px solid var(--line); font-size: 12px; }
  .sales-mobile-nav a:first-child { border-top: 0; }
  .sales-mobile-nav .mobile-workspace-link { color: var(--green-deep); font-weight: 760; }
  .sales-hero { grid-template-columns: minmax(0, 1fr); }
  .hero-copy { max-width: 940px; }
  .hero-evidence { width: 100%; max-width: 900px; }
  .truth-band { margin-top: 0; }
  .pilot-workspace { grid-template-columns: minmax(0, 1fr); }
  .pilot-brief { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, .55fr); gap: 0 28px; }
  .pilot-brief > span, .pilot-brief h3 { grid-column: 1; }
  .pilot-brief dl { grid-row: 1 / span 4; grid-column: 2; margin-top: 0; }
  .pilot-brief .primary-action, .pilot-brief > small { grid-column: 1; }
}

@media (max-width: 900px) {
  html { scroll-padding-top: 80px; }
  [id] { scroll-margin-top: 80px; }
  main > section, .sales-footer { width: min(100% - 30px, 1360px); }
  .sales-section-heading { grid-template-columns: minmax(0, 1fr); gap: 15px; }
  .sales-section-heading > p { margin: 0; }
  .truth-band { grid-template-columns: minmax(0, 1fr); }
  .truth-band article + article { border-top: 1px solid var(--line); border-left: 0; }
  .problem-transform li { grid-template-columns: 42px minmax(0, 1fr); gap: 14px 18px; }
  .problem-transform li > span { grid-row: 1 / span 2; }
  .problem-transform li > i { display: none; }
  .problem-transform li > div { grid-column: 2; }
  .problem-transform .transform-outcome { padding-top: 14px; border-top: 1px solid var(--line); }
  .problem-conclusion, .integration-note { align-items: flex-start; flex-direction: column; }
  .sales-system-map { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .system-node { min-height: 0; }
  .system-arrow { width: 1px; height: 26px; margin-left: 26px; }
  .system-arrow::after { top: auto; right: -3px; bottom: 0; transform: rotate(135deg); }
  .provider-register { grid-template-columns: minmax(0, 1fr); }
  .provider-register > header { border-right: 0; border-bottom: 1px solid var(--line); }
  .provider-register ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .provider-register li:nth-child(3) { border-top: 1px solid var(--line); border-left: 0; }
  .provider-register li:nth-child(4) { border-top: 1px solid var(--line); }
  .decision-proof { grid-template-columns: minmax(0, 1fr); }
  .decision-document { border-right: 0; border-bottom: 1px solid var(--line-strong); }
  .crypto-scope-line { grid-template-columns: minmax(0, 1fr); }
  .crypto-scope-line > span + span { border-top: 1px solid var(--line); border-left: 0; }
  .problem-ledger { grid-template-columns: minmax(0, 1fr); }
  .problem-side + .problem-side { border-top: 1px solid var(--line-strong); border-left: 0; }
  .problem-side > header { min-height: 0; }
  .bank-outcomes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bank-outcomes article:nth-child(3) { border-top: 1px solid var(--line); border-left: 0; }
  .bank-outcomes article:nth-child(4) { border-top: 1px solid var(--line); }
  .scope-register article { grid-template-columns: 42px minmax(0, 1fr); gap: 8px 18px; }
  .scope-register article > span { grid-row: 1 / span 3; }
  .scope-name, .scope-register article > p, .scope-state { grid-column: 2; }
  .scope-register article > p { margin-top: 4px; }
  .scope-state { margin-top: 7px; }
  .operation-register > header { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .operation-register dl > div { grid-template-columns: minmax(0, 1fr) auto; gap: 7px 18px; }
  .operation-register dd { grid-row: 2; grid-column: 1 / -1; }
  .path-context { grid-template-columns: minmax(0, 1fr); }
  .path-context > span + span { border-top: 1px solid var(--line); border-left: 0; }
  .evidence-map li { grid-template-columns: 45px minmax(0, 1fr); }
  .evidence-map li > b { grid-column: 2; justify-self: start; }
  .integration-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .integration-steps li { min-height: 230px; }
  .integration-steps li:nth-child(3) { border-top: 1px solid var(--line); border-left: 0; }
  .integration-steps li:nth-child(4) { border-top: 1px solid var(--line); }
  .integration-steps li:nth-child(2)::after, .integration-steps li:nth-child(4)::after { display: none; }
  .integration-contract { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .integration-contract i { width: 1px; height: 20px; margin-left: 8px; }
  .integration-contract i::after { top: auto; right: -3px; bottom: 0; transform: rotate(135deg); }
  .ownership-register { grid-template-columns: minmax(0, 1fr); }
  .ownership-register article + article { border-top: 1px solid var(--line); border-left: 0; }
  .boundary-register { grid-template-columns: minmax(0, 1fr); }
  .boundary-register article + article { border-top-width: 3px; border-left: 0; }
  .readiness-strip { grid-template-columns: minmax(0, 1fr); }
  .readiness-strip article + article, .readiness-strip > a { border-top: 1px solid var(--line); border-left: 0; }
  .readiness-strip > a { justify-content: flex-start; }
  .sales-next { grid-template-columns: minmax(0, 1fr); }
  .pilot-artifacts-heading { grid-template-columns: minmax(0, 1fr); }
  .pilot-artifacts-heading .sales-eyebrow { grid-row: auto; }
  .faq-list { border-top: 1px solid var(--line); border-left: 0; }
  .sales-footer { grid-template-columns: minmax(0, 1fr); padding: 28px 0; }
  .sales-footer p { text-align: left; }
  .sales-footer nav { flex-wrap: wrap; justify-content: flex-start; }
}

@media (max-width: 680px) {
  .sales-header { min-height: 64px; padding-inline: 14px; }
  .sales-mobile-nav > div { top: 76px; }
  .sales-brand small, .header-guide { display: none; }
  .sales-header-actions { gap: 0; }
  .header-console { min-height: 44px; padding-inline: 11px; }
  .sales-hero { gap: 28px; padding-top: 36px; }
  .hero-copy h1 { margin-top: 17px; font-size: clamp(34px, 10vw, 46px); }
  .hero-lead { font-size: 15px; }
  .crypto-flow-step { grid-template-columns: 42px minmax(0, 1fr); gap: 8px 13px; }
  .crypto-flow-step > b { grid-column: 2; justify-self: start; }
  .pilot-signal { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .pilot-signal b { grid-row: auto; padding: 0 0 8px; border-right: 0; border-bottom: 1px solid color-mix(in srgb, var(--green) 32%, var(--line)); }
  .problem-transform li { padding: 0 17px; }
  .system-node { padding: 21px 18px; }
  .provider-register ul { grid-template-columns: minmax(0, 1fr); }
  .provider-register li + li, .provider-register li:nth-child(4) { border-top: 1px solid var(--line); border-left: 0; }
  .system-boundary { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .system-boundary .text-action { padding-left: 0; }
  .integration-steps { grid-template-columns: minmax(0, 1fr); }
  .integration-steps li { min-height: 0; padding: 19px 18px 20px; }
  .integration-steps li + li { border-top: 1px solid var(--line); border-left: 0; }
  .integration-steps li::after { display: none; }
  .integration-steps li > div { margin-top: 16px; }
  .phase-label { margin-top: 15px; padding-top: 0; }
  .problem-side li { grid-template-columns: 32px minmax(0, 1fr); gap: 12px; padding: 20px 18px; }
  .bank-outcomes { grid-template-columns: minmax(0, 1fr); }
  .bank-outcomes article + article, .bank-outcomes article:nth-child(4) { border-top: 1px solid var(--line); border-left: 0; }
  .operation-register dl > div { grid-template-columns: minmax(0, 1fr); }
  .operation-register dl > div > b, .operation-register dd { grid-row: auto; grid-column: 1; }
  .value-register article { grid-template-columns: 48px minmax(0, 1fr); gap: 15px; }
  .value-register article > b { grid-column: 2; text-align: left; }
  .map-result { grid-template-columns: minmax(0, 1fr); }
  .map-result > span + span { border-top: 1px solid var(--line); border-left: 0; }
  .pilot-track li { grid-template-columns: 34px minmax(0, 1fr); gap: 12px; padding: 20px 16px; }
  .pilot-track li > b { grid-column: 2; text-align: left; }
  .pilot-brief { display: block; }
  .pilot-brief dl { margin-top: 24px; }
  .integration-actions > a { width: 100%; }
}

@media (max-width: 520px) {
  .sales-header { grid-template-columns: minmax(0, 1fr) auto; }
  .sales-header-actions { display: none; }
  .sales-brand { gap: 8px; }
  .sales-brand strong { font-size: 15px; }
  .sales-mark { width: 25px; }
  .hero-actions > a, .proof-actions > a, .next-actions > a { width: 100%; }
  .hero-actions .secondary-action { width: auto; min-height: 44px; justify-content: flex-start; padding-inline: 0; background: transparent; border-color: transparent; }
  .hero-evidence > header { align-items: flex-start; flex-direction: column; }
  .hero-evidence > header small { text-align: left; }
  .crypto-flow-control { width: 100%; }
  .crypto-flow-context { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .crypto-flow-context > span + span { border-left: 1px solid var(--line); }
  .crypto-flow-context > span:nth-child(3) { grid-column: 1 / -1; border-top: 1px solid var(--line); border-left: 0; }
  .crypto-flow-step { padding-inline: 14px; }
  .crypto-flow-step::before, .crypto-flow-step::after { left: 35px; }
  .crypto-flow > figcaption { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .pilot-output > header { align-items: flex-start; flex-direction: column; }
  .pilot-output > header small { text-align: left; }
  .pilot-output li { grid-template-columns: 30px minmax(0, 1fr); gap: 5px 12px; padding: 10px 0; }
  .pilot-output li > small { grid-column: 2; }
  .decision-document > header { align-items: flex-start; flex-direction: column; }
  .decision-document > header > span { text-align: left; }
  .decision-document dl > div { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .decision-document dd { text-align: left; }
  .decision-document > footer { grid-template-columns: minmax(0, 1fr); }
  .decision-document > footer > span + span { border-top: 1px solid color-mix(in srgb, var(--amber) 28%, var(--line)); border-left: 0; }
  .truth-band article { padding: 15px 17px; }
  .truth-band strong { margin-top: 9px; font-size: 14px; }
  .problem-side > header { padding: 20px 18px; }
  .bank-outcomes article { padding: 20px 18px; }
  .scope-register article { grid-template-columns: 30px minmax(0, 1fr); gap: 7px 12px; padding: 18px 15px; }
  .scope-register article > span { place-items: start; padding-top: 3px; border-right: 0; }
  .operation-register > header, .operation-register dl > div { padding-inline: 18px; }
  .evidence-map li { grid-template-columns: 32px minmax(0, 1fr); gap: 11px; padding: 18px 15px; }
  .evidence-map li > span { justify-content: start; place-items: start; padding-top: 3px; border-right: 0; }
  .ownership-register article, .boundary-register article { padding: 20px 18px; }
  .next-copy { padding: 30px 22px; }
  .faq-list summary { min-height: 72px; padding: 18px; font-size: 15px; }
  .faq-list details p { margin: -2px 18px 22px; }
}

@media (hover: none), (pointer: coarse) {
  .sales-brand, .sales-header > nav a, .header-guide, .header-console, .sales-mobile-nav summary, .sales-mobile-nav a, .sales-footer a, .text-action, .boundary-register a, .readiness-strip > a, .crypto-flow-control, summary { min-height: 44px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .primary-action:hover .ui-icon, .text-action:hover .ui-icon, .boundary-register a:hover .ui-icon { transform: none; }
  .crypto-flow-control { display: none !important; }
  .crypto-flow.is-enhanced .crypto-flow-step { opacity: 1; }
  .crypto-flow.is-enhanced .crypto-flow-step.is-active > div, .crypto-flow.is-enhanced .crypto-flow-step.is-active .crypto-flow-node { transform: none; }
  .integration-steps.is-motion-ready li { opacity: 1; transform: none; }
  .integration-steps.is-motion-ready li::after { transform: scaleX(1); }
}