:root {
  --bg: #f5f3ee;
  --bg-soft: #ede9e2;
  --surface: #fffdf8;
  --surface-soft: #f8f5ef;
  --surface-strong: #ffffff;
  --line: rgba(15, 17, 23, 0.09);
  --line-strong: rgba(15, 17, 23, 0.18);
  --text: #111319;
  --muted: #555c66;
  --soft: #7b818b;
  --amber: #e2a03a;
  --amber-soft: #f4d6a2;
  --dark: #0f1117;
  --dark-2: #171a21;
  --dark-text: rgba(245, 247, 251, 0.82);
  --radius-xl: 34px;
  --radius-lg: 24px;
  --radius-md: 18px;
  --radius-pill: 999px;
  --shadow-sm: 0 12px 30px rgba(15, 17, 23, 0.045);
  --shadow-lg: 0 28px 64px rgba(15, 17, 23, 0.09);
  --page-gutter: clamp(24px, 4vw, 72px);
  --page-gutter-narrow: clamp(28px, 7vw, 120px);
  --content-wide: min(1680px, calc(100vw - (2 * var(--page-gutter))));
  --content: min(1440px, calc(100vw - (2 * var(--page-gutter))));
  --content-narrow: min(900px, calc(100vw - (2 * var(--page-gutter-narrow))));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-height: 100vh;
  background: linear-gradient(180deg, #fbfaf7 0%, var(--bg) 100%);
  color: var(--text);
  font-family: 'Manrope', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
body.is-nav-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button, input, textarea, select { font: inherit; }
.site-shell {
  width: 100%;
  overflow-x: clip;
  --frame-width: var(--content-wide);
}
.page-inner .site-shell { --frame-width: var(--content); }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.skip-link {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 100;
  padding: 12px 16px;
  background: var(--dark);
  color: white;
  border-radius: var(--radius-pill);
  transform: translateY(-160%);
}
.skip-link:focus-visible { transform: translateY(0); }

.topbar {
  position: sticky;
  top: 16px;
  z-index: 40;
  width: var(--frame-width);
  margin: 16px auto 0;
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  align-items: center;
  gap: 16px;
  padding: 18px 20px;
  border-radius: var(--radius-pill);
  border: 1px solid rgba(17,20,24,0.07);
  background: linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(248,246,240,0.92) 100%);
  backdrop-filter: blur(16px);
  box-shadow: 0 16px 40px rgba(17,20,24,0.05);
}
.topbar[data-scrolled='true'] { box-shadow: 0 22px 52px rgba(17,20,24,0.08); }
.brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.brand-mark {
  position: relative;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: linear-gradient(180deg, #0f1117 0%, #191d25 100%);
  color: var(--amber);
  font-weight: 800;
  border: 1px solid rgba(226,160,58,0.22);
  box-shadow: 0 16px 30px rgba(15,17,23,0.16);
}
.brand-mark::after {
  content: '';
  position: absolute;
  top: 7px;
  right: 7px;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--amber);
  box-shadow: 0 0 0 0 rgba(226,160,58,0.34);
  animation: amberPulse 3s ease-in-out infinite;
}
.brand-copy { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.brand-copy strong { font-size: 0.98rem; letter-spacing: -0.04em; }
.brand-copy span { color: var(--muted); font-size: 0.76rem; line-height: 1.35; max-width: 24ch; }
.site-nav { display: inline-flex; align-items: center; justify-content: center; gap: 16px; }
.site-nav a { color: var(--muted); font-size: 0.82rem; font-weight: 500; letter-spacing: -0.02em; white-space: nowrap; }
.site-nav a.is-active,
.site-nav a:hover,
.site-nav a:focus-visible { color: var(--text); }
.nav-item {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.nav-parent-link {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 38px;
  padding: 0 11px;
  border: 1px solid rgba(17,20,24,0.11);
  border-radius: 10px;
  background: rgba(255,255,255,0.66);
  box-shadow: 0 8px 18px rgba(17,20,24,0.035);
}
.nav-parent-link:hover,
.nav-parent-link:focus-visible,
.nav-item:hover > .nav-parent-link,
.nav-item:focus-within > .nav-parent-link {
  background: #ffffff;
  border-color: rgba(14,93,60,0.24);
  color: var(--text);
  box-shadow: 0 12px 26px rgba(17,20,24,0.07);
}
.nav-parent-copy {
  display: inline-flex;
  align-items: center;
  min-width: 0;
}
.nav-parent-label {
  color: inherit;
  font-weight: 700;
}
.nav-chevron {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-top: -4px;
  border-right: 1.7px solid currentColor;
  border-bottom: 1.7px solid currentColor;
  opacity: 0.76;
  transform: rotate(45deg);
  transition: transform 160ms ease, opacity 160ms ease;
}
.nav-item:hover > .nav-parent-link .nav-chevron,
.nav-item:focus-within > .nav-parent-link .nav-chevron {
  opacity: 1;
  transform: rotate(225deg);
}
.nav-submenu {
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  z-index: 45;
  min-width: 210px;
  padding: 10px;
  border: 1px solid rgba(17,20,24,0.12);
  border-radius: 12px;
  background: rgba(255,253,248,0.98);
  box-shadow: 0 22px 54px rgba(10,13,18,0.16);
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -6px);
  transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease;
  visibility: hidden;
}
.nav-submenu::before {
  content: '';
  position: absolute;
  right: 0;
  bottom: 100%;
  left: 0;
  height: 12px;
}
.nav-item:hover .nav-submenu,
.nav-item:focus-within .nav-submenu {
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, 0);
  visibility: visible;
}
.nav-submenu-link {
  display: grid;
  align-items: center;
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid rgba(14,93,60,0.1);
  border-radius: 8px;
  background: rgba(14,93,60,0.055);
  color: var(--text);
  font-size: 0.88rem;
  font-weight: 700;
  line-height: 1.2;
}
.nav-submenu-link:hover,
.nav-submenu-link:focus-visible {
  background: rgba(14,93,60,0.1);
  border-color: rgba(14,93,60,0.2);
}

.menu-toggle {
  display: none;
  position: relative;
  width: 46px;
  height: 46px;
  padding: 0;
  border-radius: 16px;
  border: 1px solid rgba(17,20,24,0.12);
  background: #ffffff;
  color: var(--text);
}
.menu-toggle span:not(.sr-only) {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 20px;
  height: 2.5px;
  margin: 0;
  background: currentColor;
  border-radius: 999px;
  transform-origin: center;
  transition: transform 180ms ease, opacity 180ms ease;
}
.menu-toggle span:not(.sr-only):first-child {
  transform: translate(-50%, -5px);
}
.menu-toggle span:not(.sr-only):nth-child(2) {
  transform: translate(-50%, 5px);
}
.menu-toggle[aria-expanded='true'] span:not(.sr-only):first-child {
  transform: translate(-50%, 0) rotate(45deg);
}
.menu-toggle[aria-expanded='true'] span:not(.sr-only):nth-child(2) {
  transform: translate(-50%, 0) rotate(-45deg);
}
body.is-nav-open::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 30;
  background: rgba(15, 17, 23, 0.26);
  backdrop-filter: blur(7px);
}

.button,
.nav-cta,
.problem-selector a,
.module-list a,
.related-card,
.chooser-card,
.mobile-cta {
  transition: transform 180ms ease, background 180ms ease, border-color 180ms ease, color 180ms ease, box-shadow 180ms ease, opacity 180ms ease;
}
.button,
.nav-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 20px;
  border-radius: var(--radius-pill);
  border: 1px solid transparent;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.nav-cta {
  min-height: 48px;
  padding: 0 18px;
  white-space: nowrap;
}
.button-primary,
.nav-cta {
  background: linear-gradient(180deg, #f0b44f 0%, #e19b2e 100%);
  color: var(--dark);
  border-color: rgba(226,160,58,0.35);
  box-shadow: 0 18px 36px rgba(226,160,58,0.2), 0 12px 28px rgba(15,17,23,0.1);
}
.button-secondary {
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(242,239,233,0.96) 100%);
  color: var(--text);
  border-color: rgba(17,20,24,0.12);
  box-shadow: 0 12px 24px rgba(17,20,24,0.04);
}
.button:hover,
.button:focus-visible,
.nav-cta:hover,
.nav-cta:focus-visible,
.problem-selector a:hover,
.problem-selector a:focus-visible,
.module-list a:hover,
.module-list a:focus-visible,
.related-card:hover,
.related-card:focus-visible,
.chooser-card:hover,
.chooser-card:focus-visible,
.mobile-cta:hover,
.mobile-cta:focus-visible { transform: translateY(-1px); }

main { display: block; }
.band {
  position: relative;
  padding: clamp(46px, 8vh, 92px) 0;
}
.band::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 8px;
  transform: translateX(-50%);
  width: var(--frame-width);
  height: 2px;
  background: rgba(17,20,24,0.08);
}
.band.no-line::before { display: none; }
.band-soft { background: var(--surface-soft); }
.band-dark {
  background: linear-gradient(180deg, #111418 0%, #171d25 100%);
  color: white;
}
.band-dark::before { background: rgba(255,255,255,0.08); }
.hero-band {
  display: grid;
  align-items: center;
  padding-top: clamp(90px, 14vh, 140px);
  padding-bottom: clamp(42px, 8vh, 72px);
}
.hero-band-home {
  background:
    radial-gradient(circle at top right, rgba(17,20,24,0.05) 0%, rgba(17,20,24,0) 34%),
    linear-gradient(180deg, #fcfbf9 0%, #f1eee7 62%, rgba(241,238,231,0) 100%);
}
.band-inner {
  width: var(--frame-width);
  margin: 0 auto;
}
.hero-layout,
.data-river-layout,
.proof-layout,
.contact-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(440px, 1fr);
  gap: clamp(28px, 5vw, 56px);
  align-items: start;
}
.simple-hero { grid-template-columns: 1fr; }
.hero-layout-editorial {
  grid-template-columns: minmax(0, 0.84fr) minmax(0, 1.16fr);
  gap: clamp(36px, 6vw, 78px);
  align-items: center;
}
.homepage-hero-layout {
  align-items: start;
  gap: clamp(34px, 5vw, 68px);
}
.solution-hero-band { background: linear-gradient(180deg, color-mix(in srgb, var(--page-soft) 82%, white 18%) 0%, #fbfaf8 100%); }
.hero-copy {
  max-width: 76ch;
}
.hero-layout-editorial .hero-copy {
  max-width: 62ch;
}
.homepage-hero-copy {
  padding-top: clamp(6px, 1vw, 18px);
}
.homepage-hero-copy .lede {
  max-width: 32ch;
  font-size: 1.08rem;
}
.homepage-hero-copy .micro-proof {
  max-width: 32ch;
  font-size: 0.94rem;
}
.homepage-hero-copy .button-primary {
  min-height: 56px;
  padding: 0 24px;
}
.hero-copy h1,
.section-intro h2,
.family-story h2,
.story-card h3,
.metric-card h3,
.proof-card h3,
.related-card h3,
.form-panel h2,
.preview-panel h3,
.footer strong { margin: 0; letter-spacing: -0.05em; }
.hero-copy h1 { font-size: clamp(2.8rem, 6.2vw, 5.6rem); line-height: 0.94; max-width: 15ch; }
.hero-layout-editorial .hero-copy h1 { max-width: 10.5ch; }
.solutions-hero .hero-copy h1 { max-width: 11.5ch; font-size: clamp(2.5rem, 5.1vw, 4.7rem); }
.section-intro h2,
.family-story h2 { font-size: clamp(2rem, 4.2vw, 3.6rem); line-height: 0.98; max-width: 16ch; }
.lede,
.section-intro p,
.family-story p,
.story-card p,
.metric-card p,
.proof-card p,
.related-card p,
.form-note,
.footer p,
.preview-panel p,
label,
textarea,
input,
select {
  color: var(--muted);
  line-height: 1.7;
  font-size: 1.02rem;
}
.mono-label,
.artifact-label,
.module-kicker,
.problem-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: 'Geist Mono', ui-monospace, monospace;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: color-mix(in srgb, var(--soft) 76%, var(--text) 24%);
}
.dark-label { color: rgba(255,255,255,0.7); }
.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 28px; }
.micro-proof { margin-top: 16px; color: var(--soft); }
.problem-selector {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 24px;
}
.problem-selector a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 16px;
  border-radius: var(--radius-pill);
  border: 1px solid rgba(17,20,24,0.12);
  background: #ffffff;
  color: var(--text);
  font-size: 0.95rem;
  font-weight: 600;
  box-shadow: 0 10px 20px rgba(17,20,24,0.04);
}
.problem-selector a:hover,
.problem-selector a:focus-visible {
  background: var(--dark);
  border-color: var(--dark);
  color: white;
}
.family-entry-pills { max-width: 48rem; }
.hero-panel,
.proof-visual,
.hero-visual {
  position: relative;
}
.hero-panel {
  border-radius: var(--radius-xl);
  overflow: hidden;
  background: var(--surface);
  border: 1px solid rgba(17,20,24,0.08);
  box-shadow: var(--shadow-lg);
}
.hero-visual {
  display: grid;
  gap: 14px;
}
.hero-panel-wide {
  padding: clamp(12px, 1.8vw, 18px);
  background: linear-gradient(180deg, #ffffff 0%, #fbfaf8 100%);
}
.hero-visual .hero-panel img {
  width: 100%;
  max-height: 430px;
  object-fit: cover;
}
.hero-panel-wide img {
  width: 100%;
  max-height: none;
  border-radius: calc(var(--radius-xl) - 14px);
}
.hero-visual-panoramic {
  display: grid;
  gap: 24px;
}
.hero-panel-panoramic {
  border-radius: var(--radius-xl);
  overflow: hidden;
  background: var(--surface);
  border: 1px solid rgba(17,20,24,0.08);
  box-shadow: var(--shadow-lg);
  padding: clamp(12px, 2.2vw, 24px);
  background: linear-gradient(180deg, #ffffff 0%, #f9f7f2 100%);
}
.hero-visual-panoramic .hero-panel {
  max-width: 100%;
  overflow: visible;
}
.hero-panel-panoramic img {
  width: 100%;
  max-height: 460px;
  object-fit: cover;
  border-radius: calc(var(--radius-xl) - 16px);
}
.hero-visual-caption {
  margin: 0;
  color: var(--muted);
  font-size: 0.96rem;
  line-height: 1.6;
  max-width: 52ch;
}
.hero-visual .metric-grid {
  width: min(92%, 720px);
  margin: -86px auto 0;
  position: relative;
  z-index: 2;
}
.hero-visual .metric-card {
  min-height: 158px;
  padding: 18px;
  background: rgba(255,255,255,0.98);
}
.hero-visual .metric-card h3 {
  font-size: 1.05rem;
}
.hero-visual .metric-card p {
  font-size: 0.94rem;
  line-height: 1.55;
}
.hero-visual-support {
  display: grid;
  align-self: stretch;
}
.hero-support-card {
  display: grid;
  gap: 20px;
  padding: clamp(22px, 2.5vw, 30px);
  border-radius: calc(var(--radius-xl) + 2px);
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(244,241,234,0.96) 100%);
  border: 1px solid rgba(17,20,24,0.08);
  box-shadow: 0 30px 68px rgba(17,20,24,0.08);
}
.hero-support-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.support-pill {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 14px;
  border-radius: var(--radius-pill);
  background: rgba(17,20,24,0.05);
  border: 1px solid rgba(17,20,24,0.08);
  color: var(--text);
  font-size: 0.86rem;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.hero-support-card h2 {
  margin: 0;
  font-size: clamp(1.8rem, 3.4vw, 2.5rem);
  line-height: 0.98;
  letter-spacing: -0.05em;
  max-width: 12ch;
}
.support-lede {
  margin: 0;
  color: var(--muted);
  font-size: 0.98rem;
  line-height: 1.65;
  max-width: 54ch;
}
.hero-command-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}
.hero-command-list li {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
  align-items: flex-start;
  padding: 14px 14px 15px;
  border-radius: 22px;
  background: rgba(255,255,255,0.78);
  border: 1px solid rgba(17,20,24,0.07);
}
.hero-command-list .problem-tag {
  min-width: 44px;
  justify-content: center;
}
.hero-command-list strong,
.hero-status-list strong {
  letter-spacing: -0.03em;
}
.hero-command-list strong {
  display: block;
  font-size: 1rem;
}
.hero-command-list p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 0.92rem;
  line-height: 1.52;
}
.hero-status-group {
  display: grid;
  gap: 12px;
}
.hero-status-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.hero-status-list li {
  display: grid;
  gap: 8px;
  min-height: 104px;
  padding: 15px 16px;
  border-radius: 20px;
  background: rgba(17,20,24,0.035);
  border: 1px solid rgba(17,20,24,0.05);
}
.hero-status-list strong {
  font-size: 0.92rem;
}
.hero-status-list span {
  color: var(--muted);
  font-size: 0.86rem;
  line-height: 1.5;
}
.currency-command {
  display: grid;
  gap: 12px;
  padding: 16px 18px;
  border-radius: 24px;
  background: rgba(17,20,24,0.04);
  border: 1px solid rgba(17,20,24,0.06);
}
.currency-command-header {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.currency-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 14px;
  border-radius: var(--radius-pill);
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.currency-pill.naira,
.currency-pill.dollar {
  background: rgba(226,160,58,0.12);
  color: #835d1b;
}
.currency-connector {
  flex: 1 1 44px;
  min-width: 44px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(226,160,58,0.18), var(--amber));
  opacity: 0.72;
}
.hero-mini-bars {
  width: 100%;
  height: 54px;
  margin: 0;
}
.currency-command p {
  margin: 0;
  color: var(--muted);
  font-size: 0.9rem;
  line-height: 1.52;
}
.compact-panel { max-width: 680px; margin-left: auto; }
.metric-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 18px;
}
.metric-grid-dark { margin-top: 34px; }
.metric-card {
  display: grid;
  gap: 12px;
  min-height: 220px;
  padding: 22px;
  border-radius: var(--radius-lg);
  background: rgba(255,255,255,0.94);
  border: 1px solid var(--line);
  box-shadow: var(--shadow-sm);
}
.band-dark .metric-card,
.metric-grid-dark .metric-card {
  background: rgba(255,255,255,0.98);
}
.metric-value {
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 1;
  color: var(--text);
}
.mini-bars {
  display: grid;
  grid-auto-flow: column;
  align-items: end;
  gap: 8px;
  height: 76px;
  margin-top: auto;
}
.mini-bars span {
  display: block;
  min-height: 10px;
  height: var(--bar);
  border-radius: 999px 999px 10px 10px;
  background: linear-gradient(180deg, rgba(226,160,58,0.58), var(--amber));
  animation: growBar 1.1s ease both;
}

.section-intro { display: grid; gap: 12px; max-width: var(--content-narrow); margin-bottom: 32px; }
.left-intro { margin-left: 0; }
.band > .band-inner.section-intro.left-intro {
  width: min(var(--frame-width), 1100px);
  max-width: min(var(--frame-width), 1100px);
  margin: 0 auto 32px;
}
.band > .band-inner.section-intro.left-intro > p {
  max-width: min(100%, 62ch);
}
.band > .band-inner.section-intro.left-intro ~ .band-inner {
  width: min(var(--frame-width), 1100px);
  max-width: min(var(--frame-width), 1100px);
}
.proof-section-frame {
  width: min(var(--frame-width), 1100px);
  margin: 0 auto;
}
.proof-section-frame .section-intro {
  max-width: min(100%, var(--content-narrow));
  margin-right: auto;
}
.story-grid,
.artifact-grid,
.related-grid {
  display: grid;
  gap: 18px;
}
.story-grid.three-up,
.artifact-grid,
.related-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.story-grid.two-up { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.story-card,
.proof-card,
.related-card,
.chooser-card,
.form-panel,
.preview-panel {
  padding: 22px;
  border-radius: var(--radius-lg);
  border: 1px solid rgba(17,20,24,0.08);
  background: linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(247,244,238,0.92) 100%);
  box-shadow: 0 18px 36px rgba(17,20,24,0.05);
}
.story-card h3,
.proof-card h3,
.related-card h3,
.metric-card h3 { font-size: 1.28rem; line-height: 1.16; }
.problem-tag {
  width: fit-content;
  padding: 6px 10px;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--surface-soft) 55%, white 45%);
  border: 1px solid var(--line);
}
.family-band { background: linear-gradient(180deg, #ffffff 0%, #f7f5ef 100%); }
.family-band-inner { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: 42px; align-items: start; }
.family-story .mono-label::before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--family-accent) 60%, #111418 40%);
}
.family-story p { max-width: 58ch; }
.muted-copy { color: var(--soft); font-size: 0.98rem; }
.family-modules {
  padding: 24px;
  border-radius: var(--radius-xl);
  background: linear-gradient(180deg, rgba(255,255,255,0.94) 0%, rgba(245,242,236,0.92) 100%);
  border: 1px solid rgba(17,20,24,0.08);
  box-shadow: var(--shadow-sm);
}
.module-list { display: grid; gap: 14px; list-style: none; margin: 18px 0 0; padding: 0; }
.module-list li { display: grid; gap: 8px; }
.module-list a {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 44px;
  padding: 0 16px;
  border-radius: var(--radius-pill);
  border: 1px solid rgba(17,20,24,0.12);
  background: #ffffff;
  font-size: 1.02rem;
  font-weight: 600;
  color: var(--text);
  box-shadow: 0 10px 20px rgba(17,20,24,0.04);
}
.module-list a:hover,
.module-list a:focus-visible {
  background: var(--dark);
  border-color: var(--dark);
  color: white;
}
.detailed-list li span { color: var(--muted); font-size: 0.96rem; line-height: 1.6; max-width: 60ch; }

.start-here-band {
  padding-top: 12px;
  padding-bottom: clamp(30px, 5vh, 48px);
}
.start-here-wrap {
  display: grid;
  gap: 24px;
  padding: clamp(22px, 3vw, 30px);
  border-radius: var(--radius-xl);
  border: 1px solid rgba(17,20,24,0.08);
  background: linear-gradient(180deg, rgba(255,255,255,0.94) 0%, rgba(245,242,236,0.9) 100%);
  box-shadow: var(--shadow-sm);
}
.start-here-intro {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 16px 28px;
  align-items: flex-end;
}
.start-here-intro h2 {
  margin: 6px 0 0;
  font-size: clamp(1.8rem, 3.2vw, 3rem);
  line-height: 0.98;
  letter-spacing: -0.04em;
  max-width: 12ch;
}
.start-here-intro p {
  margin: 0;
  max-width: 58ch;
  color: var(--muted);
  line-height: 1.65;
}
.start-here-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.chooser-card {
  display: grid;
  gap: 12px;
}
.chooser-card strong {
  font-size: 1.22rem;
  line-height: 1.08;
  letter-spacing: -0.04em;
}
.chooser-card p {
  margin: 0;
  color: var(--muted);
  font-size: 0.96rem;
  line-height: 1.65;
}
.chooser-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  color: var(--text);
}
.chooser-link::after { content: '→'; }

.data-river-band { overflow: hidden; }
.data-river-band .band-inner { align-items: center; }
.river-copy p { color: var(--dark-text); }
.dark-list { margin: 20px 0 0; padding-left: 18px; color: var(--dark-text); display: grid; gap: 10px; }
.subtle-note { color: rgba(255,255,255,0.68); max-width: 56ch; }
.data-river {
  width: 100%;
  border-radius: var(--radius-xl);
  box-shadow: 0 22px 56px rgba(0,0,0,0.22);
  background: radial-gradient(circle at top left, rgba(213,138,65,0.24), rgba(0,0,0,0));
}
.proof-layout { align-items: center; margin-bottom: 20px; }
.proof-card { min-height: 220px; }
.related-card { min-height: 200px; display: grid; gap: 12px; }
.link-arrow { color: var(--text); font-weight: 600; }

.footer { padding-top: 56px; padding-bottom: 56px; }
.footer-inner {
  width: var(--frame-width);
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 24px;
}
.footer strong { font-size: 1.05rem; color: white; }
.footer p { max-width: 56ch; color: var(--dark-text); }
.footer-links { display: flex; gap: 18px; flex-wrap: wrap; align-items: center; }
.footer-links a { color: rgba(255,255,255,0.82); }

label { display: grid; gap: 8px; font-weight: 500; color: var(--text); }
input,
textarea,
select {
  width: 100%;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,0.88);
  color: var(--text);
}
textarea { resize: vertical; min-height: 180px; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.contact-layout { align-items: start; }
.preview-panel { background: linear-gradient(180deg, rgba(255,255,255,0.92), rgba(241,239,233,0.84)); }
.diagnostic-summary { display: grid; gap: 8px; margin: 14px 0 22px; }
.compact-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.proof-command-strip,
.intake-command-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}
.proof-command-strip span,
.intake-command-strip span,
.qualifier-chip {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(17,20,24,0.05);
  border: 1px solid rgba(17,20,24,0.08);
  color: var(--text);
  font-family: 'Geist Mono', ui-monospace, monospace;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.artifact-specimen-grid,
.sponsor-use-grid,
.delivery-checklist {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.artifact-specimen-card {
  display: grid;
  gap: 14px;
  min-width: 0;
  padding: 24px;
  border-radius: calc(var(--radius-xl) + 2px);
  border: 1px solid rgba(17,20,24,0.08);
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(245,242,236,0.92) 100%);
  box-shadow: 0 22px 42px rgba(50,50,93,0.08), 0 12px 22px rgba(0,0,0,0.04);
}
.artifact-specimen-card h3 {
  margin: 0;
  font-size: 1.3rem;
  line-height: 1.08;
  letter-spacing: -0.04em;
}
.artifact-specimen-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.62;
}
.artifact-shell {
  display: grid;
  gap: 10px;
  padding: 16px;
  border-radius: 22px;
  background: rgba(17,20,24,0.04);
  border: 1px solid rgba(17,20,24,0.08);
}
.artifact-row {
  display: grid;
  gap: 6px;
}
.artifact-row span,
.artifact-matrix-head span {
  font-family: 'Geist Mono', ui-monospace, monospace;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--soft);
}
.artifact-row strong,
.artifact-matrix-row strong,
.artifact-matrix-row span {
  color: var(--text);
  line-height: 1.4;
}
.artifact-flow {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 120px), 1fr));
  gap: 10px;
}
.artifact-flow span,
.artifact-matrix-row,
.artifact-matrix-head {
  min-width: 0;
  padding: 10px 12px;
  border-radius: 18px;
  background: rgba(255,255,255,0.78);
  border: 1px solid rgba(17,20,24,0.08);
}
.artifact-flow span {
  display: grid;
  place-items: center;
  text-align: center;
  font-size: 0.86rem;
  line-height: 1.35;
  color: var(--text);
}
.artifact-flow .is-break {
  background: linear-gradient(180deg, rgba(255,107,93,0.16), rgba(255,149,96,0.2));
  border-color: rgba(255,107,93,0.24);
}
.artifact-matrix-head,
.artifact-matrix-row {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}
.qualifier-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 18px 0 22px;
}
.diagnostic-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 22px;
  align-items: start;
}
.preview-status-card {
  margin: 16px 0;
  padding: 14px 16px;
  border-radius: 20px;
  background: rgba(17,20,24,0.06);
  border: 1px solid rgba(17,20,24,0.08);
  color: var(--text);
}
.delivery-checklist {
  margin-top: 18px;
}
.cta-band { background: linear-gradient(180deg, #ffffff 0%, #f6f4ee 100%); }
.cta-inner { display: grid; gap: 12px; max-width: var(--content-narrow); }

.reveal { opacity: 1; transform: translateY(0); transition: opacity 420ms ease, transform 420ms ease; }
.reveal.reveal-hidden { opacity: 0; transform: translateY(18px); }
.reveal.is-visible { opacity: 1; transform: translateY(0); }

.mobile-cta {
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 45;
  display: none;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  border-radius: var(--radius-pill);
  background: var(--dark);
  color: white;
  box-shadow: 0 18px 40px rgba(17,20,24,0.28);
}
.mobile-cta.is-visible { display: inline-flex; }

:focus-visible {
  outline: 3px solid rgba(49,93,134,0.36);
  outline-offset: 3px;
}

@keyframes growBar {
  from { transform: scaleY(0.25); transform-origin: bottom; }
  to { transform: scaleY(1); transform-origin: bottom; }
}

@media (max-width: 1260px) {
  .topbar {
    grid-template-columns: auto auto auto;
  }
  .site-nav {
    position: fixed;
    inset: 88px 18px auto 18px;
    max-height: calc(100vh - 110px);
    overflow-y: auto;
    padding: 14px;
    border-radius: 24px;
    border: 1px solid var(--line);
    background: rgba(255,255,255,0.98);
    box-shadow: var(--shadow-lg);
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
    z-index: 41;
  }
  .site-nav a {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 48px;
    padding: 0 12px;
    border-radius: 16px;
    font-size: 1rem;
  }
  .nav-item {
    display: grid;
    width: 100%;
  }
  .nav-chevron {
    margin-left: auto;
  }
  .nav-submenu {
    position: static;
    display: grid;
    min-width: 0;
    width: 100%;
    padding: 0 0 4px 16px;
    border: 0;
    background: transparent;
    box-shadow: none;
    opacity: 1;
    pointer-events: auto;
    transform: none;
    visibility: visible;
  }
  .nav-submenu::before { display: none; }
  .nav-submenu-link {
    min-height: 40px;
    padding: 0 12px;
    border-left: 1px solid rgba(17,20,24,0.12);
    border-radius: 0 12px 12px 0;
    color: var(--muted);
    font-size: 0.94rem;
  }
  .site-nav a + .nav-item,
  .site-nav .nav-item + a,
  .site-nav .nav-item + .nav-item {
    border-top: 1px solid rgba(17,20,24,0.08);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-top: 6px;
  }
  .site-nav.is-open { display: flex; }
  .menu-toggle { display: inline-block; }
  .hero-layout,
  .data-river-layout,
  .proof-layout,
  .contact-layout,
  .diagnostic-grid,
  .family-band-inner,
  .story-grid.three-up,
  .artifact-grid,
  .artifact-specimen-grid,
  .sponsor-use-grid,
  .delivery-checklist,
  .related-grid,
  .compact-grid,
  .metric-grid,
  .start-here-grid { grid-template-columns: 1fr; }
  .form-grid { grid-template-columns: 1fr; }
  .hero-status-list { grid-template-columns: 1fr; }
  .hero-support-card h2,
  .homepage-hero-copy .lede,
  .homepage-hero-copy .micro-proof { max-width: none; }
  .start-here-intro { display: grid; }
}

@media (max-width: 720px) {
  .topbar {
    width: min(calc(100vw - 24px), var(--frame-width));
    grid-template-columns: auto auto;
  }
  .brand-copy span { display: none; }
  .nav-cta { display: none; }
  .hero-copy h1 { max-width: 11ch; font-size: clamp(2.8rem, 12vw, 4.5rem); }
  .section-intro h2,
  .family-story h2,
  .start-here-intro h2 { max-width: none; font-size: clamp(1.8rem, 8vw, 3rem); }
  .hero-command-list li { grid-template-columns: 1fr; }
  .currency-connector { flex-basis: 100%; }
  .proof-command-strip,
  .intake-command-strip,
  .qualifier-row,
  .artifact-flow {
    display: grid;
    grid-template-columns: 1fr;
  }
  .artifact-matrix-head,
  .artifact-matrix-row {
    grid-template-columns: 1fr;
  }
  .mobile-cta { display: inline-flex; opacity: 0; pointer-events: none; }
  .mobile-cta.is-visible { opacity: 1; pointer-events: auto; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .reveal,
  .mini-bars span,
  .button,
  .nav-cta,
  .problem-selector a,
  .module-list a,
  .related-card,
  .mobile-cta { transition: none !important; animation: none !important; }
}

/* Page motif refresh */
.story-grid.three-up,
.artifact-grid,
.related-grid,
.metric-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
}
.story-card,
.proof-card,
.related-card,
.chooser-card,
.metric-card,
.detailed-list li {
  min-width: 0;
  align-content: start;
}
.story-card h3,
.proof-card h3,
.related-card h3,
.metric-card h3,
.detailed-list a,
.detailed-list li span,
.hero-copy h1,
.section-intro h2,
.family-story h2 {
  overflow-wrap: anywhere;
  text-wrap: balance;
}
.story-card p,
.proof-card p,
.related-card p,
.metric-card p,
.detailed-list li span,
.hero-visual-caption,
.micro-proof {
  overflow-wrap: anywhere;
}
.detailed-list li {
  padding: 18px;
  border-radius: 24px;
  border: 1px solid rgba(17,20,24,0.08);
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(247,245,239,0.92));
  box-shadow: 0 16px 28px rgba(17,20,24,0.05);
}
.detailed-list li span {
  max-width: 100%;
}
.hero-panel--live,
.flow-panel--live {
  padding: clamp(18px, 2.5vw, 28px);
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, color-mix(in srgb, var(--motif-soft) 74%, white 26%) 100%);
}
.hero-panel--live {
  min-height: clamp(320px, 34vw, 430px);
  display: grid;
  gap: 18px;
  align-content: space-between;
}
.flow-panel--live {
  min-height: clamp(280px, 30vw, 360px);
  display: grid;
  gap: 18px;
  align-content: start;
}
.motif-panel * { min-width: 0; }
.motif-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.motif-label,
.motif-card span,
.motif-line span,
.motif-pill,
.motif-kicker,
.motif-live {
  font-family: 'Geist Mono', ui-monospace, monospace;
  font-size: 0.74rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.motif-live {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid rgba(17,20,24,0.08);
  background: rgba(255,255,255,0.82);
  color: var(--soft);
}
.motif-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--motif-accent);
  box-shadow: 0 0 0 0 color-mix(in srgb, var(--motif-accent) 34%, transparent 66%);
  animation: motifPulse 2.6s ease-in-out infinite;
}
.motif-grid,
.motif-strip,
.motif-kanban,
.motif-blueprint,
.motif-waterfall,
.motif-copilot,
.motif-lattice,
.motif-rollout,
.motif-split,
.motif-corridor,
.motif-stack-board,
.motif-heatmap {
  display: grid;
  gap: 12px;
}
.motif-grid-2,
.motif-split,
.motif-blueprint,
.motif-copilot,
.motif-heatmap {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.motif-grid-3,
.motif-kanban,
.motif-rollout,
.motif-lattice {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.motif-grid-4,
.motif-waterfall {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.motif-strip,
.motif-corridor {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
  overflow: clip;
}
.motif-card,
.motif-box,
.motif-column,
.motif-stage,
.motif-lane,
.motif-sidecard,
.motif-node,
.motif-bucket,
.motif-cluster,
.motif-tile,
.motif-output {
  padding: 14px;
  border-radius: 22px;
  border: 1px solid rgba(17,20,24,0.08);
  background: rgba(255,255,255,0.92);
  box-shadow: 0 14px 28px rgba(17,20,24,0.06);
  display: grid;
  gap: 8px;
}
.motif-card strong,
.motif-box strong,
.motif-column strong,
.motif-stage strong,
.motif-bucket strong,
.motif-node strong,
.motif-output strong {
  margin: 0;
  font-size: clamp(1rem, 1.7vw, 1.35rem);
  line-height: 1.02;
  letter-spacing: -0.04em;
  color: var(--text);
}
.motif-card p,
.motif-box p,
.motif-column p,
.motif-stage p,
.motif-bucket p,
.motif-line p,
.motif-sidecard p,
.motif-tile p,
.motif-output p,
.motif-note {
  margin: 0;
  color: var(--muted);
  font-size: 0.86rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.motif-token-row,
.motif-seal-row,
.motif-badge-row,
.motif-owner-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.motif-token,
.motif-seal,
.motif-badge,
.motif-owner,
.motif-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(17,20,24,0.08);
  background: rgba(255,255,255,0.92);
  color: var(--text);
  font-size: 0.82rem;
  font-weight: 600;
  box-shadow: 0 10px 22px rgba(17,20,24,0.06);
}
.motif-token {
  animation: motifDrift 7s ease-in-out infinite;
}
.motif-token:nth-child(2n) { animation-delay: -2s; }
.motif-token:nth-child(3n) { animation-delay: -4s; }
.motif-progress {
  height: 10px;
  border-radius: 999px;
  background: rgba(17,20,24,0.08);
  overflow: hidden;
}
.motif-progress > span {
  display: block;
  height: 100%;
  width: var(--fill, 50%);
  border-radius: inherit;
  background: linear-gradient(90deg, color-mix(in srgb, var(--motif-accent) 48%, white 52%), var(--motif-accent));
  background-size: 180% 100%;
  animation: motifShimmer 4s linear infinite;
}
.motif-stage,
.motif-step {
  position: relative;
}
.motif-step {
  padding: 14px;
  border-radius: 22px;
  background: rgba(255,255,255,0.92);
  border: 1px solid rgba(17,20,24,0.08);
  display: grid;
  gap: 6px;
  box-shadow: 0 14px 28px rgba(17,20,24,0.06);
}
.motif-step strong {
  font-size: 1rem;
  line-height: 1.1;
}
.motif-step p {
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.4;
  color: var(--muted);
}
.motif-step.is-active {
  background: linear-gradient(180deg, rgba(255,255,255,0.98), color-mix(in srgb, var(--motif-soft) 68%, white 32%));
}
.motif-strip .motif-step:not(:last-child)::after,
.motif-corridor .motif-step:not(:last-child)::after {
  display: none;
}

.motif-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 18px;
  background: rgba(255,255,255,0.9);
  border: 1px solid rgba(17,20,24,0.08);
}
.motif-line strong {
  font-size: 0.98rem;
  letter-spacing: -0.03em;
}
.motif-spine {
  width: 2px;
  border-radius: 999px;
  background: linear-gradient(180deg, color-mix(in srgb, var(--motif-accent) 24%, transparent 76%), var(--motif-accent), color-mix(in srgb, var(--motif-accent) 24%, transparent 76%));
  position: relative;
}
.motif-spine::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: var(--motif-accent);
  transform: translate(-50%, 0);
  animation: motifFloatY 5s ease-in-out infinite;
}
.motif-bucket {
  align-content: end;
  min-height: 150px;
}
.motif-bar {
  height: var(--height, 60px);
  border-radius: 16px 16px 6px 6px;
  background: linear-gradient(180deg, color-mix(in srgb, var(--motif-accent) 32%, white 68%), var(--motif-accent));
  animation: motifRise 2.8s ease both;
}
.motif-bar.is-muted {
  background: linear-gradient(180deg, #d9dee6, #8f98a6);
}
.motif-tiles {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.motif-tile {
  position: relative;
  min-height: 84px;
}
.motif-tile::after {
  content: '';
  position: absolute;
  inset: auto 12px 12px 12px;
  height: 8px;
  border-radius: 999px;
  background: rgba(17,20,24,0.08);
}
.motif-tile.hot::before,
.motif-tile.warn::before {
  content: '';
  position: absolute;
  inset: 14px;
  border-radius: 18px;
  background: color-mix(in srgb, var(--motif-accent) 18%, transparent 82%);
  animation: motifPulse 3s ease-in-out infinite;
}
.motif-kanban .motif-lane ul,
.motif-column ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}
.motif-kanban .motif-lane li,
.motif-column li {
  padding: 10px 12px;
  border-radius: 16px;
  background: rgba(247,245,239,0.9);
  border: 1px solid rgba(17,20,24,0.06);
  color: var(--text);
  font-size: 0.84rem;
  line-height: 1.35;
}
.motif-blueprint .motif-column {
  background: linear-gradient(180deg, rgba(255,255,255,0.98), color-mix(in srgb, var(--motif-soft) 58%, white 42%));
}
.motif-column.before {
  background: linear-gradient(180deg, rgba(255,255,255,0.92), rgba(244,240,235,0.96));
}
.motif-column.after {
  background: linear-gradient(180deg, rgba(255,255,255,0.98), color-mix(in srgb, var(--motif-soft) 70%, white 30%));
}
.motif-scribble,
.motif-path {
  position: relative;
  min-height: 120px;
  border-radius: 20px;
  background: rgba(255,255,255,0.9);
  border: 1px dashed rgba(17,20,24,0.16);
  overflow: hidden;
}
.motif-scribble span,
.motif-path span {
  position: absolute;
  inset: auto auto auto auto;
  display: block;
  height: 4px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--motif-accent) 52%, white 48%);
}
.motif-scribble span:nth-child(1) { width: 56%; top: 26px; left: 14px; transform: rotate(-10deg); }
.motif-scribble span:nth-child(2) { width: 74%; top: 58px; right: 14px; transform: rotate(9deg); }
.motif-scribble span:nth-child(3) { width: 48%; top: 88px; left: 30px; transform: rotate(-7deg); }
.motif-path span:nth-child(1) { width: 26%; top: 24px; left: 16px; }
.motif-path span:nth-child(2) { width: 22%; top: 56px; left: 30%; }
.motif-path span:nth-child(3) { width: 20%; top: 88px; right: 16px; }
.motif-theater-rail {
  display: grid;
  gap: 10px;
}
.motif-theater-rail .motif-line {
  background: linear-gradient(180deg, rgba(255,255,255,0.98), color-mix(in srgb, var(--motif-soft) 56%, white 44%));
}
.motif-copilot {
  align-items: start;
}
.motif-thread,
.motif-review {
  display: grid;
  gap: 10px;
}
.motif-bubble {
  padding: 12px 14px;
  border-radius: 18px;
  background: rgba(255,255,255,0.94);
  border: 1px solid rgba(17,20,24,0.08);
  box-shadow: 0 12px 24px rgba(17,20,24,0.05);
}
.motif-bubble strong {
  display: block;
  margin-bottom: 6px;
  font-size: 0.94rem;
  line-height: 1.2;
}
.motif-lattice .motif-node {
  min-height: 96px;
  place-content: center;
  text-align: center;
}
.motif-node.is-core {
  background: linear-gradient(180deg, rgba(255,255,255,0.98), color-mix(in srgb, var(--motif-soft) 74%, white 26%));
}
.motif-heatmap .motif-sidecard,
.motif-copilot .motif-sidecard,
.motif-split .motif-sidecard {
  align-content: start;
}
.motif-corridor .motif-step,
.motif-strip .motif-step {
  min-height: 104px;
}
.motif-note-stack {
  display: grid;
  gap: 10px;
}
.motif-note-stack .motif-line {
  align-items: start;
}
@keyframes motifPulse {
  0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--motif-accent) 34%, transparent 66%); transform: scale(1); }
  50% { box-shadow: 0 0 0 12px color-mix(in srgb, var(--motif-accent) 0%, transparent 100%); transform: scale(1.08); }
}
@keyframes motifDrift {
  0%, 100% { transform: translateY(0) translateX(0); }
  50% { transform: translateY(-4px) translateX(4px); }
}
@keyframes motifShimmer {
  0% { background-position: 0% 50%; }
  100% { background-position: 200% 50%; }
}
@keyframes motifRise {
  from { transform: scaleY(0.45); transform-origin: bottom; }
  to { transform: scaleY(1); transform-origin: bottom; }
}
@keyframes motifFloatY {
  0%, 100% { transform: translate(-50%, 0); }
  50% { transform: translate(-50%, 110px); }
}
.motif-step {
  min-width: 0;
  overflow: hidden;
}
.motif-step span,
.motif-step strong,
.motif-step p {
  overflow-wrap: anywhere;
}
@media (max-width: 1080px) {
  .motif-grid-4,
  .motif-strip,
  .motif-corridor,
  .motif-waterfall,
  .motif-kanban,
  .motif-rollout,
  .motif-lattice,
  .motif-grid-3,
  .motif-grid-2,
  .motif-split,
  .motif-blueprint,
  .motif-copilot,
  .motif-heatmap,
  .motif-tiles {
    grid-template-columns: 1fr;
  }
  .motif-strip .motif-step:not(:last-child)::after,
  .motif-corridor .motif-step:not(:last-child)::after {
    display: none;
  }
  .motif-spine {
    width: 100%;
    height: 2px;
  }
  .motif-spine::after {
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    animation: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .motif-dot,
  .motif-token,
  .motif-progress > span,
  .motif-bar,
  .motif-tile.hot::before,
  .motif-tile.warn::before,
  .motif-spine::after {
    animation: none !important;
  }
}

/* Above-the-fold aggression pass */
.redline-hero,
.switchboard-hero {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: clamp(28px, 4.6vw, 56px);
  align-items: start;
}
.redline-copy,
.switchboard-copy {
  max-width: 44rem;
}
.redline-copy h1,
.switchboard-copy h1 {
  max-width: 9.4ch;
  font-size: clamp(3rem, 6.4vw, 5.9rem);
  line-height: 0.9;
}
.redline-copy .lede,
.switchboard-copy .lede {
  max-width: 35ch;
  font-size: 1.12rem;
  line-height: 1.62;
  color: color-mix(in srgb, var(--muted) 86%, var(--text) 14%);
}
.diagnostic-intake-bar {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 28px;
}
.diagnostic-intake-bar .button-primary {
  grid-column: 1 / -1;
  justify-self: start;
}
.intake-chip {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 16px 18px;
  border-radius: 22px;
  border: 1px solid rgba(17,20,24,0.08);
  background: rgba(255,255,255,0.9);
  box-shadow: 0 14px 24px rgba(17,20,24,0.05);
}
.intake-chip span {
  font-family: 'Geist Mono', ui-monospace, monospace;
  font-size: 0.73rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--soft);
}
.intake-chip strong {
  display: block;
  font-size: 0.92rem;
  line-height: 1.3;
  letter-spacing: -0.03em;
  overflow-wrap: anywhere;
}
.hero-contract-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}
.hero-contract-strip span {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 11px;
  border-radius: 999px;
  background: rgba(15,17,23,0.05);
  color: var(--text);
  font-family: 'Geist Mono', ui-monospace, monospace;
  font-size: 0.71rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.hero-proof-link,
.switchboard-proof-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 20px;
  font-weight: 600;
  color: var(--text);
}
.hero-proof-link::after,
.switchboard-proof-link::after { content: '→'; }
.precision-surface {
  display: grid;
  gap: 18px;
  padding: clamp(24px, 3vw, 32px);
  border-radius: calc(var(--radius-xl) + 4px);
  background: linear-gradient(180deg, #0f1117 0%, #181c24 100%);
  color: white;
  box-shadow: 0 34px 74px rgba(15,17,23,0.24);
  overflow: clip;
  position: relative;
  border: 1px solid rgba(255,255,255,0.06);
}
.precision-surface::before {
  content: '';
  position: absolute;
  inset: -10% auto auto 62%;
  width: 220px;
  height: 220px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(226,160,58,0.26) 0%, rgba(226,160,58,0) 70%);
  pointer-events: none;
}
.redline-top {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}
.surface-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(226,160,58,0.2);
  font-family: 'Geist Mono', ui-monospace, monospace;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: rgba(255,255,255,0.86);
}
.surface-status::before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--amber);
  box-shadow: 0 0 0 0 rgba(226,160,58,0.34);
  animation: amberPulse 3s ease-in-out infinite;
}
.precision-surface h2 {
  margin: 0;
  font-size: clamp(1.95rem, 3.1vw, 2.8rem);
  line-height: 0.98;
  letter-spacing: -0.05em;
  max-width: 13ch;
  color: white;
}
.precision-list {
  display: grid;
  gap: 12px;
}
.command-row {
  display: grid;
  gap: 8px;
  padding: 16px 18px;
  border-radius: 24px;
  background: rgba(255,255,255,0.045);
  border: 1px solid rgba(255,255,255,0.08);
}
.command-row--hot {
  background: linear-gradient(180deg, rgba(226,160,58,0.12) 0%, rgba(255,255,255,0.05) 100%);
  border-color: rgba(226,160,58,0.22);
}
.lane-label {
  font-family: 'Geist Mono', ui-monospace, monospace;
  font-size: 0.74rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: rgba(255,255,255,0.58);
}
.command-row strong {
  font-size: 1.05rem;
  line-height: 1.28;
  letter-spacing: -0.03em;
}
.command-row p {
  margin: 0;
  color: rgba(255,255,255,0.74);
  font-size: 0.92rem;
  line-height: 1.54;
}
.signal-strip-band {
  padding-top: 12px;
}
.signal-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.signal-card {
  position: relative;
  display: grid;
  gap: 10px;
  padding: 22px;
  border-radius: 28px;
  border: 1px solid rgba(15,17,23,0.08);
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,245,239,0.94) 100%);
  box-shadow: 0 18px 30px rgba(15,17,23,0.05);
  overflow: hidden;
}
.signal-card::before {
  content: '';
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: linear-gradient(90deg, rgba(226,160,58,0.08), var(--amber), rgba(226,160,58,0.18));
}
.signal-card strong {
  font-size: 1.22rem;
  line-height: 1.07;
  letter-spacing: -0.04em;
  max-width: 15ch;
}
.signal-card p {
  margin: 0;
  color: var(--muted);
  font-size: 0.94rem;
  line-height: 1.56;
}
.signal-card-revenue,
.signal-card-workflow,
.signal-card-ai { background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,245,239,0.94) 100%); }
.hero-band-switchboard {
  background: linear-gradient(180deg, #f8f7f4 0%, #f1ede6 100%);
}
.switchboard-panel {
  display: grid;
  gap: 14px;
}
.switchboard-panel > .mono-label {
  margin-bottom: 4px;
}
.switch-rail {
  display: grid;
  gap: 16px;
  padding: 22px;
  border-radius: 28px;
  border: 1px solid rgba(15,17,23,0.08);
  border-left: 3px solid var(--amber);
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,245,239,0.94));
  box-shadow: 0 20px 34px rgba(15,17,23,0.055);
}
.rail-header {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 16px;
  align-items: start;
}
.rail-header strong {
  display: block;
  font-size: 1.4rem;
  line-height: 1.02;
  letter-spacing: -0.04em;
}
.rail-header p {
  margin: 6px 0 0;
  color: var(--muted);
  line-height: 1.5;
}
.rail-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.rail-meta span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(15,17,23,0.04);
  border: 1px solid rgba(15,17,23,0.08);
  color: var(--text);
  font-family: 'Geist Mono', ui-monospace, monospace;
  font-size: 0.71rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.rail-revenue,
.rail-workflow,
.rail-ai { background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,245,239,0.94)); }
.symptom-decoder {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}
.symptom-chip {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(17,20,24,0.05);
  border: 1px solid rgba(17,20,24,0.08);
  color: var(--text);
  font-weight: 600;
  font-size: 0.9rem;
}
.solution-families-band,
.portfolio-grid-band,
.how-it-works-band,
.proof-preview-band,
.consultation-trigger-band {
  padding-top: 12px;
}
.compact-intro {
  margin-bottom: 24px;
}
.family-decision-grid,
.family-portfolio-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.family-decision-card,
.family-portfolio-card {
  position: relative;
  display: grid;
  gap: 14px;
  min-width: 0;
  padding: 24px;
  border-radius: calc(var(--radius-xl) + 2px);
  border: 1px solid rgba(15,17,23,0.08);
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,245,239,0.94) 100%);
  box-shadow: 0 22px 42px rgba(15,17,23,0.06), 0 12px 22px rgba(0,0,0,0.03);
  overflow: hidden;
}
.family-decision-card::before,
.family-portfolio-card::before {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(180deg, var(--amber), rgba(226,160,58,0.16));
}
.family-decision-card--revenue,
.family-portfolio-card--revenue,
.family-decision-card--workflow,
.family-portfolio-card--workflow,
.family-decision-card--ai,
.family-portfolio-card--ai { background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,245,239,0.94) 100%); }
.family-decision-card h3,
.family-portfolio-card h3 {
  margin: 0;
  font-size: 1.42rem;
  line-height: 1.04;
  letter-spacing: -0.04em;
  max-width: 17ch;
}
.family-decision-card p,
.family-portfolio-card p {
  margin: 0;
  color: var(--muted);
  font-size: 0.98rem;
  line-height: 1.62;
}
.decision-metrics,
.portfolio-rows {
  display: grid;
  gap: 10px;
}
.decision-metric,
.portfolio-row {
  padding: 14px 16px;
  border-radius: 20px;
  background: rgba(17,20,24,0.04);
  border: 1px solid rgba(17,20,24,0.08);
}
.decision-metric {
  display: grid;
  gap: 6px;
}
.portfolio-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.decision-metric span,
.portfolio-row span {
  font-family: 'Geist Mono', ui-monospace, monospace;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--soft);
}
.decision-metric strong,
.decision-metric strong a,
.portfolio-row strong,
.portfolio-row a {
  color: var(--text);
  font-size: 0.98rem;
  line-height: 1.35;
  text-decoration: none;
}
.decision-links,
.portfolio-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.decision-links a,
.portfolio-links a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(255,255,255,0.76);
  border: 1px solid rgba(17,20,24,0.08);
  color: var(--text);
  font-weight: 600;
  font-size: 0.9rem;
}
.decision-links a:hover,
.decision-links a:focus-visible,
.portfolio-links a:hover,
.portfolio-links a:focus-visible,
.portfolio-row a:hover,
.portfolio-row a:focus-visible,
.decision-metric strong a:hover,
.decision-metric strong a:focus-visible {
  background: var(--dark);
  border-color: var(--dark);
  color: white;
}
.process-map-card {
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
  gap: clamp(22px, 4vw, 40px);
  padding: clamp(24px, 3vw, 34px);
  border-radius: calc(var(--radius-xl) + 6px);
  background: linear-gradient(180deg, #0f1117 0%, #181c24 100%);
  color: white;
  box-shadow: 0 34px 60px rgba(17,20,24,0.22);
}
.process-map-copy {
  display: grid;
  gap: 16px;
  align-content: start;
}
.process-map-copy h2 {
  margin: 0;
  max-width: 10ch;
  font-size: clamp(2rem, 3.7vw, 3.4rem);
  line-height: 0.96;
  letter-spacing: -0.05em;
  color: white;
}
.process-map-copy p {
  margin: 0;
  max-width: 58ch;
  color: rgba(255,255,255,0.76);
  line-height: 1.68;
}
.process-outcomes {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.process-outcomes span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(226,160,58,0.16);
  color: rgba(255,255,255,0.88);
  font-family: 'Geist Mono', ui-monospace, monospace;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.process-map-copy .button-secondary {
  border-color: rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.08);
  color: white;
}
.visual-note {
  margin: 0;
  font-size: 0.86rem;
  line-height: 1.55;
  color: var(--soft);
}
.visual-note-dark {
  color: rgba(255,255,255,0.72);
}
.visual-note-band {
  padding-top: 18px;
}
.workflow-pulse-board {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  align-content: start;
}
.workflow-pulse-line {
  position: absolute;
  left: 18px;
  right: 18px;
  top: 50%;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(226,160,58,0.12) 0%, rgba(226,160,58,0.48) 100%);
  transform: translateY(-50%);
  pointer-events: none;
}
.pulse-step {
  position: relative;
  display: grid;
  gap: 10px;
  padding: 18px;
  border-radius: 24px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.1);
  min-width: 0;
}
.pulse-step::before {
  content: '';
  position: absolute;
  top: -5px;
  left: 18px;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(226,160,58,0.54);
  box-shadow: 0 0 0 0 rgba(226,160,58,0.18);
}
.pulse-step-hot::before {
  background: var(--amber);
  box-shadow: 0 0 0 0 rgba(226,160,58,0.32);
  animation: amberPulse 3s ease-in-out infinite;
}
.pulse-step h3 {
  margin: 0;
  color: white;
  font-size: 1.1rem;
  line-height: 1.1;
}
.pulse-step p {
  margin: 0;
  color: rgba(255,255,255,0.74);
  font-size: 0.94rem;
  line-height: 1.55;
}
.proof-preview-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
}
.proof-preview-copy,
.proof-preview-visual,
.proof-preview-card {
  min-width: 0;
  padding: 24px;
  border-radius: calc(var(--radius-xl) + 2px);
  border: 1px solid rgba(15,17,23,0.08);
  background: linear-gradient(180deg, rgba(248,245,239,0.94) 0%, rgba(248,245,239,0.94) 100%);
  box-shadow: 0 18px 34px rgba(15,17,23,0.05);
}
.proof-preview-copy {
  grid-column: span 5;
  display: grid;
  gap: 12px;
  align-content: start;
}
.proof-preview-copy h2 {
  margin: 0;
}
.proof-preview-copy p {
  margin: 0;
  max-width: 54ch;
}
.proof-preview-visual {
  grid-column: span 7;
  display: grid;
  align-items: stretch;
  background: linear-gradient(180deg, #0f1117 0%, #171b23 100%);
  border-color: rgba(255,255,255,0.06);
  box-shadow: 0 26px 48px rgba(15,17,23,0.18);
}
.proof-status-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 4px;
}
.proof-status-row span {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(226,160,58,0.18);
  background: rgba(226,160,58,0.08);
  color: #885d18;
  font-family: 'Geist Mono', ui-monospace, monospace;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.artifact-desk {
  display: grid;
  gap: 14px;
  align-content: start;
  height: 100%;
}
.artifact-desk-panel {
  display: grid;
  gap: 10px;
  padding: 18px;
  border-radius: 22px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
}
.artifact-desk-panel--wide {
  gap: 12px;
}
.artifact-desk-panel p,
.proof-preview-visual p {
  margin: 0;
  color: rgba(255,255,255,0.72);
  line-height: 1.55;
}
.artifact-line {
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0.48) 100%);
}
.artifact-line.short { width: 72%; }
.artifact-line.tiny { width: 48%; }
.artifact-flow-mini {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.artifact-flow-mini span {
  display: grid;
  place-items: center;
  min-height: 38px;
  border-radius: 14px;
  background: rgba(255,255,255,0.05);
  color: rgba(255,255,255,0.72);
  font-family: 'Geist Mono', ui-monospace, monospace;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.artifact-flow-mini span.is-hot {
  background: rgba(226,160,58,0.14);
  border: 1px solid rgba(226,160,58,0.18);
  color: var(--amber);
}
.artifact-grid-mini {
  display: grid;
  gap: 8px;
}
.artifact-grid-mini .mini-head,
.artifact-grid-mini .mini-row {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 0.9fr) minmax(0, 0.7fr);
  gap: 10px;
  align-items: center;
}
.artifact-grid-mini .mini-head span {
  color: rgba(255,255,255,0.54);
  font-family: 'Geist Mono', ui-monospace, monospace;
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.artifact-grid-mini .mini-row {
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,0.08);
}
.artifact-grid-mini .mini-row strong,
.artifact-grid-mini .mini-row span {
  color: rgba(255,255,255,0.78);
  font-size: 0.92rem;
  line-height: 1.4;
}
.proof-preview-card {
  grid-column: span 4;
  display: grid;
  gap: 10px;
}
.proof-preview-card h3 {
  margin: 0;
  font-size: 1.22rem;
  line-height: 1.08;
}
.proof-preview-card p {
  margin: 0;
}
.consultation-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px 28px;
  flex-wrap: wrap;
  padding: clamp(24px, 3vw, 32px);
  border-radius: calc(var(--radius-xl) + 6px);
  background: linear-gradient(180deg, #111418 0%, #1b2026 100%);
  color: white;
  box-shadow: 0 30px 60px rgba(17,20,24,0.2);
}
.consultation-trigger h2 {
  margin: 8px 0 0;
  color: white;
  font-size: clamp(2rem, 3.8vw, 3.1rem);
  line-height: 0.98;
  letter-spacing: -0.04em;
  max-width: 12ch;
}
.consultation-trigger p {
  margin: 12px 0 0;
  max-width: 56ch;
  color: rgba(255,255,255,0.76);
}
.consultation-trigger-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.consultation-trigger .button-secondary {
  border-color: rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.08);
  color: white;
}
@keyframes amberPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(226,160,58,0.32); }
  50% { box-shadow: 0 0 0 12px rgba(226,160,58,0); }
}
@media (max-width: 1080px) {
  .redline-hero,
  .switchboard-hero,
  .signal-strip,
  .diagnostic-intake-bar,
  .radar-grid,
  .family-decision-grid,
  .family-portfolio-grid,
  .process-map-card {
    grid-template-columns: 1fr;
  }
  .proof-preview-grid {
    grid-template-columns: 1fr;
  }
  .proof-preview-copy,
  .proof-preview-visual,
  .proof-preview-card {
    grid-column: 1 / -1;
  }
  .workflow-pulse-board {
    grid-template-columns: 1fr;
  }
  .workflow-pulse-line {
    display: none;
  }
  .diagnostic-intake-bar .button-primary {
    width: 100%;
    justify-content: center;
  }
}
@media (max-width: 720px) {
  .redline-copy h1,
  .switchboard-copy h1 {
    max-width: none;
  }
  .hero-contract-strip,
  .symptom-decoder,
  .rail-meta,
  .decision-links,
  .portfolio-links,
  .process-outcomes,
  .consultation-trigger-actions {
    display: grid;
    grid-template-columns: 1fr;
  }
  .consultation-trigger,
  .portfolio-row {
    align-items: start;
  }
  .rail-header {
    grid-template-columns: 1fr;
  }
}
@media (prefers-reduced-motion: reduce) {
  .surface-status::before,
  .brand-mark::after,
  .pulse-step-hot::before {
    animation: none !important;
  }
}

/* Secondary-page decision surfaces */
.secondary-hero-layout {
  align-items: stretch;
}
.secondary-hero-layout .hero-copy h1 {
  max-width: 13ch;
  font-size: clamp(2.7rem, 5vw, 4.9rem);
  line-height: 1;
}
.secondary-hero-layout .hero-copy .lede {
  max-width: 40ch;
}
.approach-surface,
.belief-preview-card,
.belief-panel,
.scope-fence-card,
.context-rail-card,
.pattern-card,
.fit-check-card,
.decision-check,
.inbox-card,
.sequence-stage {
  min-width: 0;
  border: 1px solid rgba(17,20,24,0.08);
  box-shadow: 0 18px 34px rgba(17,20,24,0.05);
}
.approach-surface,
.belief-preview-card,
.belief-panel-dark,
.context-rail-card-dark,
.decision-tone-approach {
  background: linear-gradient(180deg, #111418 0%, #1b2026 100%);
  color: white;
}
.approach-surface {
  display: grid;
  gap: 18px;
  padding: clamp(24px, 3vw, 32px);
  border-radius: calc(var(--radius-xl) + 4px);
}
.approach-surface h2,
.belief-preview-card-dark h2,
.belief-panel-dark h3,
.page-decision-cta h2 {
  margin: 0;
  color: inherit;
  line-height: 0.98;
  letter-spacing: -0.04em;
}
.approach-surface h2,
.belief-preview-card-dark h2 {
  font-size: clamp(2rem, 3vw, 2.8rem);
  max-width: 12ch;
}
.approach-surface-header p,
.belief-preview-card-dark p,
.belief-panel-dark p,
.page-decision-cta p,
.decision-note {
  color: rgba(255,255,255,0.76);
}
.approach-surface-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.surface-step {
  display: grid;
  gap: 10px;
  padding: 16px;
  border-radius: 22px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.1);
}
.surface-step span,
.sequence-output span,
.pattern-card .problem-tag,
.fit-checklist .mono-label,
.page-decision-cta .mono-label {
  font-family: 'Geist Mono', ui-monospace, monospace;
  font-size: 0.74rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.surface-step span,
.sequence-output span {
  color: rgba(255,255,255,0.72);
}
.surface-step strong,
.sequence-output strong,
.inbox-card h3,
.belief-panel h3,
.scope-fence-card h3,
.context-rail-card p,
.pattern-card h3,
.fit-check-card strong,
.decision-check strong {
  font-size: 1.08rem;
  line-height: 1.18;
  letter-spacing: -0.03em;
}
.surface-step strong,
.sequence-output strong {
  color: white;
}
.surface-step p,
.sequence-output p,
.context-rail-card p,
.decision-check p {
  margin: 0;
  line-height: 1.55;
}
.surface-step p,
.sequence-output p {
  color: rgba(255,255,255,0.82);
}
.approach-sequence {
  display: grid;
  gap: 18px;
}
.sequence-stage {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.25fr) minmax(240px, 0.85fr);
  gap: 18px;
  padding: clamp(20px, 2.8vw, 28px);
  border-radius: calc(var(--radius-xl) + 2px);
  background: linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(245,242,236,0.92) 100%);
}
.sequence-stage-meta {
  display: grid;
  gap: 12px;
  align-content: start;
}
.sequence-stage-meta h3,
.inbox-card h3,
.belief-panel h3,
.scope-fence-card h3,
.pattern-card h3 {
  margin: 0;
}
.sequence-stage-meta p,
.sequence-stage-copy p,
.sequence-points li,
.inbox-card p,
.belief-panel p,
.scope-fence-card p,
.pattern-card p,
.pattern-points li,
.fit-check-card p {
  color: var(--muted);
}
.sequence-stage-copy {
  display: grid;
  gap: 12px;
}
.sequence-stage-copy p,
.inbox-card p,
.belief-panel p,
.scope-fence-card p,
.pattern-card p,
.fit-check-card p {
  margin: 0;
  line-height: 1.64;
}
.sequence-points,
.pattern-points {
  margin: 0;
  padding-left: 18px;
  display: grid;
  gap: 8px;
}
.sequence-output,
.inbox-card,
.belief-panel,
.scope-fence-card,
.context-rail-card,
.pattern-card,
.fit-check-card,
.decision-check {
  display: grid;
  gap: 10px;
  padding: 20px;
  border-radius: 24px;
  background: rgba(255,255,255,0.92);
}
.sequence-output {
  align-content: start;
  background: linear-gradient(180deg, #161b21 0%, #20262e 100%);
}
.inbox-grid,
.belief-grid,
.scope-fence-grid,
.pattern-matrix,
.fit-checklist-grid {
  display: grid;
  gap: 18px;
}
.inbox-grid,
.scope-fence-grid,
.fit-checklist-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.belief-grid,
.pattern-matrix {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.belief-preview {
  display: grid;
  gap: 16px;
  align-content: start;
}
.belief-preview-card {
  padding: 22px;
  border-radius: calc(var(--radius-xl) + 2px);
  background: linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(245,242,236,0.92) 100%);
}
.belief-preview-card-dark {
  background: linear-gradient(180deg, #111418 0%, #1b2026 100%);
}
.belief-preview-card h2,
.belief-preview-card p {
  margin: 0;
}
.belief-preview-card p {
  line-height: 1.64;
  color: var(--muted);
}
.belief-preview-card-dark p {
  color: rgba(255,255,255,0.76);
}
.belief-panel {
  align-content: start;
}
.belief-panel-dark {
  background: linear-gradient(180deg, #111418 0%, #1b2026 100%);
}
.belief-panel-dark .problem-tag,
.context-rail-card-dark .mono-label,
.page-decision-cta .mono-label {
  color: rgba(255,255,255,0.7);
}
.scope-fence-card,
.pattern-card,
.fit-check-card {
  align-content: start;
}
.industry-context-rail {
  display: grid;
  gap: 16px;
  align-content: start;
}
.context-rail-card {
  padding: 22px;
}
.context-rail-card .problem-tag {
  color: var(--soft);
}
.context-rail-card-dark {
  background: linear-gradient(180deg, #111418 0%, #1b2026 100%);
}
.context-rail-card-dark p {
  color: rgba(255,255,255,0.76);
}
.pattern-card {
  padding: 22px;
}
.fit-checklist {
  display: grid;
  grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
  gap: clamp(24px, 4vw, 40px);
  align-items: start;
}
.fit-checklist-copy {
  display: grid;
  gap: 10px;
}
.fit-checklist-copy h2,
.page-decision-cta h2 {
  font-size: clamp(2rem, 3.8vw, 3.2rem);
  max-width: 13ch;
}
.fit-checklist-copy p,
.page-decision-cta p {
  margin: 0;
  line-height: 1.66;
}
.page-decision-cta {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: clamp(24px, 4vw, 40px);
  padding: clamp(24px, 3vw, 34px);
  border-radius: calc(var(--radius-xl) + 6px);
  box-shadow: 0 30px 60px rgba(17,20,24,0.16);
}
.decision-tone-about,
.decision-tone-industries {
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(245,242,236,0.94) 100%);
  border: 1px solid rgba(17,20,24,0.08);
}
.decision-tone-about .mono-label,
.decision-tone-industries .mono-label {
  color: var(--soft);
}
.decision-tone-about p,
.decision-tone-industries p,
.decision-tone-about .decision-note,
.decision-tone-industries .decision-note {
  color: var(--muted);
}
.decision-copy {
  display: grid;
  gap: 12px;
  align-content: start;
}
.decision-checklist {
  display: grid;
  gap: 12px;
}
.decision-check {
  align-content: start;
}
.decision-tone-approach .decision-check {
  background: rgba(255,255,255,0.08);
  border-color: rgba(255,255,255,0.1);
}
.decision-tone-approach .decision-check strong {
  color: white;
}
.decision-tone-approach .decision-check p {
  color: rgba(255,255,255,0.74);
}
.decision-tone-about .decision-check,
.decision-tone-industries .decision-check {
  background: rgba(255,255,255,0.82);
}
.proof-bridge-strip {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 0.84fr) minmax(0, 1.16fr);
  gap: clamp(24px, 4vw, 40px);
  padding: clamp(24px, 3vw, 34px);
  border-radius: calc(var(--radius-xl) + 6px);
  border: 1px solid rgba(15,17,23,0.08);
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,245,239,0.94) 100%);
  box-shadow: 0 26px 46px rgba(15,17,23,0.06);
  overflow: hidden;
}
.proof-bridge-strip::before {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(180deg, var(--amber), rgba(226,160,58,0.18));
}
.proof-bridge-copy {
  display: grid;
  gap: 12px;
  align-content: start;
}
.proof-bridge-copy h2 {
  margin: 0;
  font-size: clamp(2rem, 3.6vw, 3rem);
  line-height: 0.98;
  letter-spacing: -0.04em;
  max-width: 12ch;
}
.proof-bridge-copy p {
  margin: 0;
  max-width: 50ch;
  line-height: 1.64;
  color: var(--muted);
}
.proof-bridge-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.proof-bridge-card {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 20px;
  border-radius: 24px;
  border: 1px solid rgba(15,17,23,0.08);
  background: rgba(255,255,255,0.9);
  box-shadow: 0 14px 28px rgba(15,17,23,0.04);
}
.proof-bridge-card h3 {
  margin: 0;
  font-size: 1.08rem;
  line-height: 1.18;
  letter-spacing: -0.03em;
}
.proof-bridge-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.58;
}
.prefill-context-note {
  margin: 0 0 14px;
  padding: 12px 14px;
  border-radius: 18px;
  border: 1px solid rgba(226,160,58,0.18);
  background: rgba(226,160,58,0.08);
  color: var(--text);
  font-size: 0.94rem;
  line-height: 1.5;
}
@media (max-width: 1080px) {
  .approach-surface-grid,
  .sequence-stage,
  .inbox-grid,
  .belief-grid,
  .scope-fence-grid,
  .pattern-matrix,
  .fit-checklist,
  .fit-checklist-grid,
  .page-decision-cta,
  .proof-bridge-strip,
  .proof-bridge-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 720px) {
  .approach-surface,
  .belief-preview-card,
  .belief-panel,
  .scope-fence-card,
  .context-rail-card,
  .pattern-card,
  .fit-check-card,
  .decision-check,
  .inbox-card,
  .sequence-stage,
  .sequence-output,
  .proof-bridge-strip,
  .proof-bridge-card {
    padding: 18px;
  }
}


.signal-strip { grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); }
.story-grid.two-up { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.switchboard-panel > .mono-label { margin-bottom: 6px; }

@media (max-width: 720px) {
  .topbar {
    top: 12px;
    padding: 12px 14px;
    gap: 14px;
  }
  .brand-mark {
    width: 40px;
    height: 40px;
    border-radius: 13px;
  }
  .brand-copy strong {
    font-size: 1rem;
  }
  .menu-toggle {
    width: 48px;
    height: 48px;
    border-radius: 18px;
  }
  .site-nav {
    inset: 80px 12px auto 12px;
    padding: 12px;
  }
  .site-nav a {
    min-height: 50px;
    font-size: 1rem;
  }
  .band {
    padding: clamp(34px, 7vh, 58px) 0;
  }
  .hero-band {
    padding-top: clamp(74px, 12vh, 108px);
    padding-bottom: clamp(32px, 6vh, 52px);
  }
  .section-intro {
    gap: 14px;
    margin-bottom: 26px;
  }
  .hero-copy h1,
  .secondary-hero-layout .hero-copy h1,
  .solutions-hero .hero-copy h1 {
    max-width: none;
    font-size: clamp(2.2rem, 9.2vw, 2.95rem);
    line-height: 0.98;
  }
  .section-intro h2,
  .family-story h2,
  .proof-bridge-copy h2,
  .page-decision-cta h2,
  .fit-checklist-copy h2,
  .approach-surface h2,
  .belief-preview-card-dark h2,
  .precision-surface h2 {
    max-width: none;
    font-size: clamp(1.85rem, 7.6vw, 2.45rem);
    line-height: 1.02;
  }
  .lede,
  .section-intro p,
  .family-story p,
  .story-card p,
  .metric-card p,
  .proof-card p,
  .related-card p,
  .form-note,
  .footer p,
  .preview-panel p,
  .support-lede,
  .hero-visual-caption,
  .micro-proof,
  .command-row p,
  .rail-header p,
  .signal-card p,
  .artifact-specimen-card p,
  .proof-bridge-card p,
  .inbox-card p,
  .belief-panel p,
  .scope-fence-card p,
  .pattern-card p,
  .fit-check-card p,
  .decision-check p,
  .sequence-stage-copy p,
  .sequence-output p,
  .diagnostic-summary p,
  .preview-status-card,
  label,
  textarea,
  input,
  select {
    font-size: 1rem;
    line-height: 1.68;
  }
  .mono-label,
  .artifact-label,
  .module-kicker,
  .problem-tag,
  .lane-label,
  .surface-status,
  .hero-contract-strip span,
  .rail-meta span,
  .proof-command-strip span,
  .intake-command-strip span,
  .qualifier-chip,
  .surface-step span,
  .sequence-output span,
  .support-pill {
    font-size: 0.78rem;
    letter-spacing: 0.09em;
  }
  .hero-contract-strip span,
  .rail-meta span,
  .proof-command-strip span,
  .intake-command-strip span,
  .qualifier-chip,
  .support-pill,
  .symptom-chip,
  .problem-selector a {
    min-height: 40px;
  }
  .hero-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 24px;
  }
  .hero-actions .button,
  .cta-inner .button,
  .decision-copy .button,
  .proof-bridge-copy .button,
  .consultation-trigger-actions .button,
  .problem-selector a {
    width: 100%;
    justify-content: center;
  }
  .button,
  .nav-cta,
  .mobile-cta,
  .problem-selector a {
    min-height: 52px;
    font-size: 1rem;
  }
  .precision-surface,
  .signal-card,
  .switch-rail,
  .form-panel,
  .preview-panel,
  .story-card,
  .proof-card,
  .metric-card,
  .related-card,
  .chooser-card,
  .belief-preview-card,
  .belief-panel,
  .scope-fence-card,
  .context-rail-card,
  .pattern-card,
  .fit-check-card,
  .decision-check,
  .inbox-card,
  .artifact-specimen-card,
  .proof-bridge-card,
  .sequence-stage,
  .sequence-output,
  .consultation-trigger,
  .page-decision-cta,
  .proof-bridge-strip {
    padding: 20px;
  }
  .precision-surface {
    gap: 14px;
  }
  .precision-surface::before {
    display: none;
  }
  .hero-panel--live,
  .flow-panel--live {
    min-height: auto;
    gap: 14px;
  }
  .artifact-flow-mini {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .artifact-flow-mini span {
    min-height: 40px;
    padding: 0 8px;
    font-size: 0.72rem;
  }
  .artifact-grid-mini .mini-head,
  .artifact-grid-mini .mini-row {
    grid-template-columns: 1fr;
    gap: 6px;
  }
  .artifact-grid-mini .mini-head span,
  .artifact-grid-mini .mini-row span,
  .artifact-grid-mini .mini-row strong {
    overflow-wrap: anywhere;
  }
  .signal-strip {
    gap: 14px;
  }
  .form-grid {
    gap: 18px;
  }
  input,
  select,
  textarea {
    padding: 15px 16px;
  }
  textarea {
    min-height: 168px;
  }
  .footer-inner {
    gap: 18px;
  }
  .footer-links {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    gap: 8px;
  }
  .footer-links a {
    display: flex;
    align-items: center;
    min-height: 44px;
    font-size: 1rem;
  }
}

@media (max-width: 900px) { .story-grid.two-up { grid-template-columns: 1fr; } }


/* S-TIER REBUILD OVERRIDES */
:root {
  --bg: #fafaf7;
  --bg-soft: #f1f0ea;
  --surface: #ffffff;
  --surface-soft: #f1f0ea;
  --surface-strong: #ffffff;
  --line: #e3e1d9;
  --line-strong: rgba(10, 13, 18, 0.14);
  --text: #0a0d12;
  --muted: #5a5e66;
  --soft: #7c8188;
  --amber: #b8860b;
  --amber-soft: rgba(184, 134, 11, 0.16);
  --dark: #0f1111;
  --dark-2: #181a1a;
  --dark-text: rgba(241, 240, 234, 0.84);
  --radius-xl: 12px;
  --radius-lg: 8px;
  --radius-md: 6px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 0 rgba(10,13,18,0.04), 0 8px 24px -12px rgba(10,13,18,0.08);
  --shadow-lg: 0 1px 0 rgba(10,13,18,0.04), 0 8px 24px -12px rgba(10,13,18,0.08);
  --brand: #0E5D3C;
  --danger: #9B2C2C;
  --page-gutter: clamp(20px, 4vw, 64px);
  --content-wide: min(1200px, calc(100vw - (2 * var(--page-gutter))));
  --content: min(1120px, calc(100vw - (2 * var(--page-gutter))));
  --content-narrow: min(680px, calc(100vw - (2 * var(--page-gutter))));
}

html { background: var(--bg); }
body {
  background: linear-gradient(180deg, #fdfdf9 0%, var(--bg) 100%);
  color: var(--text);
  font-family: 'Inter', system-ui, sans-serif;
}
button, input, textarea, select { font-family: 'Inter', system-ui, sans-serif; }
h1, h2, .display-serif {
  font-family: 'Fraunces', Georgia, serif;
  letter-spacing: -0.04em;
}
.mono-label,
.artifact-label,
.signal-panel strong,
.industry-signal-card span,
.metric-value,
.control-matrix-table td:nth-child(n+2),
.control-matrix-table th:nth-child(n+2),
.micro-trust-row,
.footer-kicker,
.footer-status-row,
.manifold-kicker,
.workflow-demo-stage span,
.process-rail article span,
.doc-meta {
  font-family: 'JetBrains Mono', monospace;
  font-feature-settings: 'tnum' 1;
}

.topbar {
  top: 12px;
  border-radius: 12px;
  border: 1px solid var(--line);
  background: rgba(250, 250, 247, 0.94);
  box-shadow: var(--shadow-sm);
  padding: 12px 18px;
  grid-template-columns: auto 1fr auto auto;
}
.topbar[data-scrolled='true'] { box-shadow: 0 10px 28px rgba(10,13,18,0.09); }
.brand { gap: 14px; }
.brand-mark {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background: rgba(14, 93, 60, 0.08);
  border: 1px solid rgba(14, 93, 60, 0.18);
  color: var(--brand);
  box-shadow: none;
}
.brand-mark::after { display: none; }
.brand-mark svg {
  width: 28px;
  height: 28px;
}
.brand-copy strong {
  font-size: 1.02rem;
  letter-spacing: -0.05em;
}
.brand-copy span {
  max-width: 30ch;
  font-size: 0.75rem;
  color: var(--muted);
}
.site-nav { gap: 18px; }
.site-nav a {
  color: var(--muted);
  font-size: 0.93rem;
}
.site-nav a.is-active,
.site-nav a:hover,
.site-nav a:focus-visible { color: var(--text); }
.button,
.nav-cta {
  min-height: 44px;
  border-radius: 4px;
  font-weight: 600;
}
.button-primary,
.nav-cta {
  background: var(--brand);
  border-color: var(--brand);
  color: #FAFAF7;
  box-shadow: none;
}
.button-secondary {
  background: transparent;
  border-color: var(--line-strong);
  color: var(--text);
}
.button:hover,
.button:focus-visible,
.nav-cta:hover,
.nav-cta:focus-visible {
  transform: translateY(-1px);
}
.hero-band { padding-top: clamp(90px, 13vh, 140px); }
.band { padding: clamp(52px, 8vw, 92px) 0; }
.section-intro { gap: 10px; }
.section-intro h2 { margin: 0; font-size: clamp(2.1rem, 5vw, 3.6rem); line-height: 0.98; }
.section-intro p,
.lede,
.buyer-editorial p,
.problem-panel p,
.switcher-panel p,
.industry-signal-card p,
.closing-cta-card p,
.artifact-card p,
.artifact-document-paper p,
.artifact-document-paper li,
.form-note,
.preview-panel p,
.footer-brand-block p,
.footer-column a,
.playbook-card p {
  line-height: 1.62;
  color: var(--muted);
}
.hero-copy h1 { margin: 0; font-size: clamp(3.4rem, 7vw, 5.5rem); line-height: 0.94; max-width: 10ch; }
.lede { font-size: 1.08rem; max-width: 36rem; }
.micro-trust-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
  color: var(--muted);
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.micro-trust-row span::after {
  content: '·';
  margin-left: 10px;
  color: var(--line-strong);
}
.micro-trust-row span:last-child::after { display: none; }

.footer-rebuild {
  background: #f3f2ec;
  border-top: 1px solid var(--line);
}
.footer-grid {
  display: grid;
  grid-template-columns: minmax(260px, 1.15fr) repeat(3, minmax(130px, 0.58fr)) minmax(220px, 0.9fr);
  gap: 28px;
}
.footer-kicker {
  display: block;
  color: var(--soft);
  font-size: 0.74rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.footer-column {
  display: grid;
  gap: 10px;
  align-content: start;
}
.footer-column a { color: var(--text); }
.footer-brand-block { display: grid; gap: 14px; }
.footer-brand-lockup {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  width: max-content;
  color: var(--text);
}
.footer-brand-lockup:hover,
.footer-brand-lockup:focus-visible { color: var(--brand); }
.footer-brand-lockup img {
  width: 28px;
  height: 28px;
}
.footer-brand-mark {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(14, 93, 60, 0.18);
  border-radius: 10px;
  background: rgba(14, 93, 60, 0.08);
}
.footer-wordmark {
  color: var(--text);
  font-size: 1.08rem;
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1;
}
.footer-cta-block {
  display: grid;
  align-content: start;
  gap: 12px;
  padding-left: 22px;
  border-left: 1px solid var(--line);
}
.footer-cta-block p {
  margin: 0;
  color: var(--muted);
  line-height: 1.58;
}
.footer-cta {
  justify-self: start;
  margin-top: 2px;
}
.footer-status-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  color: var(--soft);
  font-size: 0.74rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.footer-meta {
  width: min(var(--frame-width), 1200px);
  margin: 24px auto 0;
  padding-top: 18px;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: 0.92rem;
}

.rebuild-hero-grid,
.route-switcher-grid,
.buyer-fit-grid,
.closing-grid,
.diagnostic-grid-rebuild {
  display: grid;
  gap: clamp(24px, 4vw, 44px);
  align-items: start;
}
.rebuild-hero-grid { 
  grid-template-columns: minmax(0, 0.88fr) minmax(420px, 1.12fr);
  gap: clamp(28px, 4vw, 54px);
  align-items: stretch;
}
.rebuild-home-hero .hero-copy {
  display: grid;
  align-content: center;
  gap: 18px;
  padding-right: clamp(0px, 1vw, 12px);
}
.rebuild-home-hero .hero-copy h1 {
  max-width: 8.6ch;
  font-size: clamp(3.7rem, 6.6vw, 6rem);
}
.rebuild-home-hero .lede {
  max-width: 34ch;
  font-size: 1.12rem;
}
.route-switcher-grid,
.buyer-fit-grid,
.closing-grid { grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); }
.closing-grid { align-items: stretch; }
.workflow-demo-card,
.switcher-panel,
.closing-cta-card,
.problem-panel,
.artifact-card,
.industry-signal-card,
.playbook-card,
.artifact-document,
.signal-panel,
.form-panel,
.preview-panel,
.problem-panel,
.industry-signal-card,
.playbook-card,
.document-callout-grid > div {
  border: 1px solid var(--line);
  background: var(--surface);
  border-radius: 8px;
  box-shadow: var(--shadow-sm);
}
.workflow-demo-card,
.switcher-panel,
.closing-cta-card,
.form-panel,
.preview-panel,
.artifact-document,
.playbook-card,
.industry-signal-card,
.artifact-card { padding: 24px; }
.workflow-demo-head,
.workflow-demo-tabs,
.route-switcher-list,
.hero-actions,
.signal-bars,
.artifact-actions,
.chip-group,
.playbooks-grid,
.proof-gallery,
.industry-signal-grid,
.problem-panels,
.document-callout-grid,
.delivery-checklist,
.process-rail-line,
.control-matrix-table,
.artifact-document-stack,
.document-workflow,
.footer-status-row,
.diagnostic-grid {
  gap: 16px;
}
.hero-actions { display: flex; flex-wrap: wrap; }
.hero-actions .button { min-width: 180px; justify-content: center; }

.workflow-demo-card {
  position: relative;
  overflow: hidden;
  padding: 30px;
  background: linear-gradient(180deg, #0f1513 0%, #18201c 100%);
  color: #FAFAF7;
  border-color: rgba(14,93,60,0.34);
  box-shadow: 0 32px 72px rgba(15,17,23,0.22);
}
.workflow-demo-card::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: -18%;
  width: 58%;
  height: 58%;
  background: radial-gradient(circle, rgba(226,160,58,0.18) 0%, rgba(226,160,58,0) 72%);
  pointer-events: none;
}
.workflow-demo-head { display: grid; gap: 18px; }
.workflow-demo-brief {
  display: grid;
  gap: 14px;
  padding: 18px 20px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.03) 100%);
}
.workflow-demo-brief-copy { display: grid; gap: 10px; }
.workflow-demo-brief strong {
  font-size: clamp(1.2rem, 2.2vw, 1.6rem);
  line-height: 1.1;
  letter-spacing: -0.03em;
}
.workflow-demo-brief p {
  margin: 0;
  color: rgba(250,250,247,0.78);
  max-width: 48ch;
}
.workflow-demo-tabs { display: flex; flex-wrap: wrap; }
.workflow-demo-tabs button,
.route-switcher-list button,
.chip-option {
  border: 1px solid rgba(255,255,255,0.14);
  background: transparent;
  color: inherit;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  cursor: pointer;
}
.route-switcher-list button,
.chip-option { color: var(--text); border-color: var(--line-strong); }
.workflow-demo-tabs button.is-active,
.route-switcher-list button.is-active,
.chip-option.is-active {
  background: var(--brand);
  border-color: var(--brand);
  color: #FAFAF7;
}
.workflow-demo-strip {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  align-items: stretch;
  padding-top: 28px;
  margin-top: 4px;
}
.workflow-demo-token {
  position: absolute;
  top: 0;
  left: calc(18px + (var(--token-index, 0) * (25% - 6px)));
  width: 14px;
  height: 14px;
  border-radius: 999px;
  background: #FAFAF7;
  box-shadow: 0 0 0 6px rgba(14,93,60,0.24);
  transition: left 320ms cubic-bezier(0.2, 0, 0, 1);
}
.workflow-demo-stage {
  min-width: 0;
  display: grid;
  gap: 12px;
  align-content: start;
  min-height: 168px;
  padding: 22px;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.065);
}
.workflow-demo-stage.is-active { border-color: rgba(255,255,255,0.32); }
.workflow-demo-stage.is-break { border-color: rgba(184,134,11,0.65); box-shadow: inset 0 0 0 1px rgba(184,134,11,0.35); }
.workflow-demo-stage p {
  margin: 0;
  color: rgba(250,250,247,0.76);
  font-size: 0.88rem;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.workflow-demo-stage strong {
  font-size: 1.05rem;
  line-height: 1.15;
}
.workflow-demo-stage span,
.process-rail article span,
.buyer-list article span {
  display: block;
  margin-bottom: 10px;
  color: var(--soft);
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.workflow-demo-stage strong,
.signal-panel strong,
.switcher-panel h3,
.artifact-card h3,
.playbook-card h3,
.industry-signal-card h3,
.problem-panel h3,
.artifact-document h2,
.preview-panel h3,
.form-panel h2,
.closing-cta-card h2,
.buyer-editorial h2 {
  margin: 0;
  font-size: 1.35rem;
  line-height: 1.12;
  letter-spacing: -0.03em;
}
.signal-panel {
  display: grid;
  gap: 14px;
  padding: 18px;
  background: rgba(255,255,255,0.08);
  border-color: rgba(255,255,255,0.12);
}
.signal-panel-hero {
  gap: 16px;
  padding: 20px;
  background: rgba(255,255,255,0.1);
  border-color: rgba(255,255,255,0.16);
}
.signal-panel-hero h3 {
  margin: 0;
  font-size: 1.18rem;
  line-height: 1.16;
}
.signal-panel-hero strong { font-size: 1.1rem; color: #FAFAF7; }
.signal-panel-hero p { margin: 0; color: rgba(250,250,247,0.74); }
.signal-bars { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); align-items: end; min-height: 72px; }
.signal-bars span {
  display: block;
  height: var(--bar);
  min-height: 10px;
  border-radius: 999px 999px 0 0;
  background: linear-gradient(180deg, rgba(14,93,60,0.35) 0%, var(--brand) 100%);
}
.problem-panels,
.proof-gallery,
.playbooks-grid {
  display: grid;
}
.problem-panels {
  grid-template-columns: minmax(0, 1.16fr) minmax(0, 0.84fr);
  grid-template-areas:
    'origin diagnostic'
    'origin pilot';
  align-items: stretch;
}
.problem-panel { display: grid; gap: 12px; padding: 20px; }
.problem-panel-origin {
  grid-area: origin;
  padding: 28px;
  gap: 16px;
}
.problem-panel-diagnostic {
  grid-area: diagnostic;
  padding: 24px;
  gap: 14px;
  background: linear-gradient(180deg, #fef7ea 0%, #fffdf8 100%);
  border-color: rgba(226,160,58,0.34);
  box-shadow: 0 20px 40px rgba(226,160,58,0.12), var(--shadow-sm);
}
.problem-panel-pilot {
  grid-area: pilot;
  padding: 24px;
}
.problem-panel.is-focused { border-color: rgba(14,93,60,0.24); }
.problem-panel-origin .problem-diagram {
  min-height: 100%;
  align-content: space-evenly;
}
.problem-panel-diagnostic .problem-diagram {
  background: linear-gradient(180deg, rgba(226,160,58,0.12) 0%, rgba(14,93,60,0.08) 100%);
  border-style: solid;
}
.problem-panel-pilot .problem-diagram {
  background: rgba(10,13,18,0.02);
}
.problem-panel-diagnostic .artifact-label { color: #7d5d00; }
.problem-diagram {
  display: grid;
  gap: 8px;
  min-height: 130px;
  padding: 18px;
  border: 1px dashed var(--line-strong);
  border-radius: 8px;
  align-content: center;
}
.problem-diagram span { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; border-radius: 999px; background: rgba(10,13,18,0.04); color: var(--text); }
.problem-diagram .is-break { background: rgba(155,44,44,0.12); color: var(--danger); }
.manifold-kicker {
  margin-top: 20px;
  color: var(--soft);
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.route-switcher-list,
.chip-group { display: flex; flex-wrap: wrap; }
.route-switcher-list { margin-top: 18px; }
.switcher-panel { display: grid; gap: 16px; }
.switcher-link { color: var(--brand); font-weight: 600; }
.buyer-list { display: grid; gap: 12px; }
.buyer-list article,
.buyer-editorial {
  border: 1px solid var(--line);
  background: var(--surface);
  border-radius: 8px;
  padding: 18px 20px;
}
.buyer-editorial { display: grid; gap: 14px; }
.buyer-editorial h2 { font-size: clamp(2rem, 5vw, 3.2rem); }
.artifact-card,
.industry-signal-card,
.playbook-card { display: grid; gap: 14px; min-width: 0; align-content: start; }
.proof-gallery {
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  grid-template-areas:
    'feature secondary-one'
    'feature secondary-two';
  align-items: stretch;
}
.artifact-card-featured {
  grid-area: feature;
  padding: 30px;
  gap: 18px;
}
.proof-gallery .artifact-card:nth-child(2) { grid-area: secondary-one; }
.proof-gallery .artifact-card:nth-child(3) { grid-area: secondary-two; }
.artifact-card-featured .artifact-preview { min-height: 260px; }
.artifact-card-featured a { margin-top: auto; }
.artifact-preview,
.mini-doc,
.mini-map,
.mini-table {
  min-height: 180px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: linear-gradient(180deg, #fffef9 0%, #f6f4ed 100%);
  box-shadow: 0 10px 24px rgba(10,13,18,0.06);
}
.mini-map { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: center; }
.mini-map span { display: grid; place-items: center; min-height: 46px; border-radius: 999px; background: rgba(10,13,18,0.06); }
.mini-map .is-break { background: rgba(184,134,11,0.16); color: #7d5d00; }
.industry-signal-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: stretch;
}
.industry-signal-card {
  grid-column: span 4;
  min-height: 210px;
  padding: 24px;
  color: var(--text);
  background: linear-gradient(180deg, #fffef9 0%, #f7f4ee 100%);
}
.industry-signal-card-featured {
  grid-column: span 7;
  padding: 28px;
}
.industry-signal-grid .industry-signal-card:nth-child(2),
.industry-signal-grid .industry-signal-card:nth-child(3) { grid-column: span 5; }
.industry-signal-grid .industry-signal-card:nth-child(5),
.industry-signal-grid .industry-signal-card:nth-child(6) { grid-column: span 6; }
.industry-signal-card .artifact-label { color: var(--brand); }
.industry-signal-card p { margin: 0; }
.process-rail {
  display: grid;
  gap: 16px;
  border: 1px solid var(--line);
  background: var(--surface);
  border-radius: 8px;
  padding: 24px;
  box-shadow: var(--shadow-sm);
}
.process-rail-line {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.process-rail-line.process-rail-line-three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.process-rail article {
  padding: 0 18px 0 0;
  border-right: 1px solid var(--line);
}
.process-rail article:last-child { border-right: 0; padding-right: 0; }
.closing-cta-card {
  display: grid;
  gap: 16px;
  padding: 28px;
  background: var(--brand);
  color: #FAFAF7;
  border-color: var(--brand);
}
.closing-cta-card p,
.closing-cta-card .mono-label { color: rgba(250,250,247,0.82); }
.closing-cta-card .button-secondary { border-color: rgba(250,250,247,0.3); color: #FAFAF7; }
.closing-cta-card-light {
  background: var(--surface);
  color: var(--text);
  border-color: var(--line);
}
.closing-cta-card-light p,
.closing-cta-card-light .mono-label { color: var(--muted); }
.closing-cta-card-light .button-secondary { color: var(--text); border-color: var(--line-strong); }

.playbooks-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.playbook-card { color: var(--text); }

.artifact-document-stack { display: grid; gap: 24px; }
.artifact-document {
  display: grid;
  gap: 18px;
}
.artifact-document-head {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 18px;
}
.artifact-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.artifact-actions a,
.artifact-actions button {
  border: 1px solid var(--line-strong);
  background: transparent;
  color: var(--text);
  min-height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  cursor: pointer;
}
.artifact-document-paper {
  padding: 28px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: linear-gradient(180deg, #fffef9 0%, #f6f4ed 100%);
  display: grid;
  gap: 14px;
}
.doc-meta {
  color: var(--soft);
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.artifact-document-paper h3 {
  margin: 6px 0 0;
  font-size: 1.06rem;
  line-height: 1.2;
}
.artifact-document-paper ul { margin: 0; padding-left: 18px; }
.document-workflow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.document-workflow article {
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255,255,255,0.82);
}
.document-workflow article.is-break {
  border-color: rgba(184,134,11,0.5);
  background: rgba(184,134,11,0.08);
}
.document-workflow span { display: block; margin-bottom: 10px; color: var(--soft); font-size: 0.72rem; }
.document-callout-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.document-callout-grid > div { padding: 16px; }
.control-matrix-table {
  width: 100%;
  border-collapse: collapse;
}
.control-matrix-table th,
.control-matrix-table td {
  text-align: left;
  padding: 10px 12px;
  border-top: 1px solid var(--line);
  vertical-align: top;
}
.control-matrix-table thead th { border-top: 0; color: var(--soft); font-size: 0.74rem; text-transform: uppercase; letter-spacing: 0.08em; }

.artifact-lightbox {
  position: fixed;
  inset: 0;
  z-index: 90;
}
.artifact-lightbox-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(10,13,18,0.62);
  backdrop-filter: blur(6px);
}
.artifact-lightbox-dialog {
  position: relative;
  width: min(960px, calc(100vw - 32px));
  max-height: calc(100vh - 48px);
  overflow: auto;
  margin: 24px auto;
  padding: 24px;
  background: #fffef9;
  border-radius: 12px;
  box-shadow: 0 24px 64px rgba(10,13,18,0.22);
}
.artifact-lightbox-close {
  position: sticky;
  top: 0;
  margin-left: auto;
  display: inline-grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: #fffef9;
  cursor: pointer;
}
body.is-lightbox-open { overflow: hidden; }

.diagnostic-grid-rebuild { grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr); }
.diagnostic-form-rebuild { display: grid; gap: 18px; }
.form-honeypot {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.diagnostic-form-rebuild textarea,
.diagnostic-form-rebuild input[type='text'],
.diagnostic-form-rebuild input[type='email'],
.diagnostic-form-rebuild input[type='file'] {
  width: 100%;
  margin-top: 10px;
  padding: 14px 16px;
  border: 1px solid var(--line-strong);
  border-radius: 4px;
  background: #fffef9;
}
.diagnostic-form-rebuild textarea { min-height: 180px; resize: vertical; }
.two-up { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.chip-group-block { display: grid; gap: 10px; }
.preview-panel-rebuild { display: grid; gap: 18px; background: linear-gradient(180deg, #101513 0%, #18201c 100%); color: #FAFAF7; border-color: rgba(14,93,60,0.4); }
.preview-panel-rebuild p,
.preview-panel-rebuild .proof-card p,
.preview-panel-rebuild .preview-status-card { color: rgba(250,250,247,0.78); }
.preview-panel-rebuild .proof-card {
  background: rgba(255,255,255,0.06);
  border-color: rgba(255,255,255,0.1);
}
.preview-panel-rebuild .proof-card h3,
.preview-panel-rebuild strong { color: #FAFAF7; }
.preview-status-card {
  margin: 0;
  padding: 16px;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.06);
}

.field-hint {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 2px 8px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
}

.field-hint-required {
  border-color: rgba(14, 93, 60, 0.24);
  background: rgba(14, 93, 60, 0.08);
  color: var(--brand);
}

.optional-intake-details {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.66);
}

.optional-intake-details summary {
  display: grid;
  gap: 4px;
  padding: 16px 18px;
  cursor: pointer;
}

.optional-intake-details summary span {
  color: var(--soft);
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 0.72rem;
  text-transform: uppercase;
}

.optional-intake-details summary strong {
  color: var(--text);
  line-height: 1.35;
}

.optional-intake-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  padding: 0 18px 18px;
}

.school-fee-story,
.payment-proof-process-card,
.payment-proof-compare,
.market-discovery-panel {
  display: grid;
  gap: clamp(18px, 3vw, 28px);
}

.school-fee-story,
.payment-proof-process-card,
.market-discovery-panel {
  padding: clamp(22px, 3vw, 30px);
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}

.school-fee-story {
  grid-template-columns: minmax(0, 0.76fr) minmax(0, 1.24fr);
  align-items: start;
}

.school-fee-story h2,
.payment-proof-process-card h2,
.market-discovery-panel summary strong {
  margin: 8px 0 0;
  font-size: clamp(1.8rem, 3vw, 2.5rem);
  line-height: 1.04;
}

.school-fee-story p,
.payment-proof-process-card p,
.school-review-lists p {
  color: var(--muted);
}

.school-fee-path,
.payment-proof-path,
.school-review-lists,
.payment-proof-compare {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.payment-proof-compare {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.school-fee-path article,
.payment-proof-path article {
  display: grid;
  gap: 10px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.72);
}

.school-fee-path span,
.payment-proof-path span {
  display: inline-grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background: rgba(14, 93, 60, 0.1);
  color: var(--brand);
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-weight: 800;
}

.proof-card ul,
.school-review-lists ul,
.payment-proof-compare ul {
  margin: 0;
  padding-left: 18px;
  color: var(--muted);
  line-height: 1.62;
}

.payment-proof-process-card {
  align-content: center;
}

.payment-proof-signal {
  gap: 12px;
}

.market-discovery-panel details {
  display: grid;
  gap: 20px;
}

.market-discovery-panel summary {
  display: grid;
  gap: 6px;
  cursor: pointer;
}

.market-discovery-panel .market-link-cluster-grid {
  margin-top: 20px;
}

.market-discovery-panel .market-city-strip {
  box-shadow: none;
}

@media (max-width: 1080px) {
  .rebuild-hero-grid,
  .route-switcher-grid,
  .buyer-fit-grid,
  .closing-grid,
  .diagnostic-grid-rebuild,
  .footer-grid,
  .problem-panels,
  .proof-gallery,
  .industry-signal-grid,
  .playbooks-grid,
  .document-callout-grid,
  .process-rail-line,
  .document-workflow {
    grid-template-columns: 1fr;
  }
  .problem-panels,
  .proof-gallery,
  .industry-signal-grid {
    grid-template-areas: none;
  }
  .problem-panel-origin,
  .problem-panel-diagnostic,
  .problem-panel-pilot,
  .artifact-card-featured,
  .industry-signal-card,
  .industry-signal-card-featured {
    grid-area: auto;
    grid-column: auto;
  }
  .rebuild-home-hero .hero-copy {
    padding-right: 0;
  }
  .workflow-demo-strip { grid-template-columns: 1fr; }
  .workflow-demo-token { display: none; }
  .footer-cta-block {
    padding-left: 0;
    padding-top: 18px;
    border-left: 0;
    border-top: 1px solid var(--line);
  }
}

@media (max-width: 720px) {
  .topbar {
    grid-template-columns: auto auto;
    gap: 12px;
    padding: 10px 12px;
  }
  .brand-copy span,
  .nav-cta { display: none; }
  .site-nav {
    position: fixed;
    inset: 76px 12px auto 12px;
    max-height: calc(100vh - 96px);
    overflow-y: auto;
    background: rgba(250,250,247,0.98);
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 12px;
    display: none;
    flex-direction: column;
    z-index: 41;
  }
  .nav-item {
    display: grid;
    width: 100%;
  }
  .nav-chevron {
    margin-left: auto;
  }
  .nav-submenu {
    position: static;
    display: grid;
    min-width: 0;
    width: 100%;
    padding: 0 0 4px 16px;
    border: 0;
    background: transparent;
    box-shadow: none;
    opacity: 1;
    pointer-events: auto;
    transform: none;
    visibility: visible;
  }
  .nav-submenu::before { display: none; }
  .nav-submenu-link {
    min-height: 40px;
    padding: 0 12px;
    border-left: 1px solid rgba(17,20,24,0.12);
    border-radius: 0 12px 12px 0;
    color: var(--muted);
    font-size: 0.94rem;
  }
  .site-nav.is-open { display: flex; }
  .menu-toggle { display: inline-block; }
  .hero-copy h1,
  .section-intro h2,
  .buyer-editorial h2,
  .closing-cta-card h2 { max-width: none; font-size: clamp(2.1rem, 10vw, 3rem); }
  .hero-actions,
  .artifact-actions,
  .workflow-demo-tabs,
  .route-switcher-list,
  .chip-group,
  .micro-trust-row { display: grid; grid-template-columns: 1fr; }
  .hero-actions .button,
  .artifact-actions a,
  .artifact-actions button { width: 100%; justify-content: center; }
}

/* SOLUTION DETAIL REBUILD */
.solution-hero-grid {
  grid-template-columns: minmax(0, 1.04fr) minmax(320px, 0.96fr);
  align-items: stretch;
}

.solution-route-eyebrow {
  color: var(--brand);
}

.solution-hero-visual {
  display: grid;
}

.solution-hero-board {
  display: grid;
  gap: 18px;
  padding: 24px;
  min-height: 100%;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(14, 93, 60, 0.06) 0%, #fffef9 100%);
  box-shadow: var(--shadow-sm);
  align-content: center;
}

.solution-hero-track {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.solution-hero-track span,
.solution-card-icon,
.surface-step-icon {
  display: inline-grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 999px;
  background: rgba(14, 93, 60, 0.1);
  color: var(--brand);
}

.solution-hero-track span {
  width: 56px;
  height: 56px;
}

.solution-hero-track svg,
.solution-card-icon svg,
.surface-step-icon svg {
  width: 24px;
  height: 24px;
}

.solution-sign-strip {
  display: grid;
  gap: 16px;
}

.solution-sign-strip h3,
.workflow-compare-panel strong,
.fit-panel h2,
.related-route-card h3 {
  margin: 0;
}

.solution-toggle {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 18px;
}

.solution-toggle .button {
  min-width: 120px;
}

.solution-toggle .button.is-active {
  background: #fafaf7;
  border-color: #fafaf7;
  color: var(--text);
}

.workflow-compare {
  display: grid;
}

.workflow-compare-panel {
  display: none;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.workflow-compare-panel.is-active {
  display: grid;
}

.workflow-compare-lead {
  grid-column: 1 / -1;
  margin: 0 0 8px;
  color: rgba(250, 250, 247, 0.8);
}

.surface-step {
  display: grid;
  gap: 12px;
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
}

.surface-step-icon {
  background: rgba(250, 250, 247, 0.1);
  color: #fafaf7;
}

.surface-step span {
  display: block;
  color: rgba(250, 250, 247, 0.72);
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.solution-signal-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.solution-signal-panel {
  background: var(--surface);
  border: 1px solid var(--line);
}

.solution-metric {
  font-family: 'JetBrains Mono', monospace;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--brand);
}

.deliverable-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.deliverable-preview,
.related-route-card,
.fit-panel {
  display: grid;
  gap: 14px;
}

.deliverable-preview {
  align-content: start;
}

.fit-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.fit-panel {
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}

.fit-panel-muted {
  background: linear-gradient(180deg, #f7f5ef 0%, #f1eee6 100%);
}

.fit-panel ul {
  margin: 0;
  padding-left: 18px;
  display: grid;
  gap: 10px;
  color: var(--muted);
}

.related-route-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.related-route-card {
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}

.related-route-card a {
  color: var(--brand);
  font-weight: 600;
}

@media (max-width: 1080px) {
  .solution-hero-grid,
  .solution-signal-grid,
  .deliverable-grid,
  .fit-grid,
  .related-route-grid,
  .workflow-compare-panel {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .solution-hero-board,
  .fit-panel,
  .related-route-card,
  .deliverable-preview,
  .surface-step,
  .solution-signal-panel {
    padding: 20px;
  }

  .solution-toggle {
    display: grid;
    grid-template-columns: 1fr;
  }

  .solution-hero-track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Phase 3 routing-page polish */
:root {
  --muted: #464b53;
  --soft: #626872;
  --dark-text: rgba(250, 250, 247, 0.88);
}

.page-inner .band {
  padding: clamp(44px, 6.8vw, 76px) 0;
}

.page-inner .hero-band {
  padding-top: clamp(88px, 12vh, 126px);
  padding-bottom: clamp(38px, 6vw, 62px);
}

.routing-hero-band .lede,
.solution-hero-band .lede,
.page-inner .section-intro p {
  color: #343a42;
  font-size: clamp(1.08rem, 1.3vw, 1.2rem);
  line-height: 1.64;
}

.routing-hero-band .hero-copy .lede,
.solution-hero-band .hero-copy .lede {
  max-width: 46ch;
}

.story-card p,
.proof-card p,
.related-card p,
.fit-check-card p,
.context-rail-card p,
.artifact-specimen-card p,
.decision-metric strong,
.market-review-list p,
.market-route-row p,
.market-link-cluster h3,
.routing-hero-card span {
  color: var(--muted);
  line-height: 1.6;
}

.story-card p,
.proof-card p,
.fit-check-card p,
.context-rail-card p,
.artifact-specimen-card p {
  font-size: 1.01rem;
}

.routing-card,
.routing-compact-card {
  min-height: auto;
}

.routing-card {
  position: relative;
  border-color: rgba(14, 93, 60, 0.18);
}

.routing-card::before {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: var(--brand);
  opacity: 0.72;
}

.routing-card > a,
.story-card > a,
.proof-card > a,
.artifact-card > a,
.related-route-card a,
.switcher-link,
.decision-links a,
.market-route-row > a,
.market-link-list a,
.market-city-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 42px;
  padding: 0 14px;
  border: 1px solid rgba(14, 93, 60, 0.2);
  border-radius: 4px;
  background: rgba(14, 93, 60, 0.07);
  color: var(--brand);
  font-weight: 700;
  font-size: 0.94rem;
}

.routing-card > a::after,
.story-card > a::after,
.proof-card > a::after,
.artifact-card > a::after,
.related-route-card a::after,
.switcher-link::after,
.decision-links a::after,
.market-route-row > a::after,
.market-link-list a::after,
.market-city-link::after {
  content: '→';
  margin-left: 8px;
}

.switcher-link::after {
  display: none;
}

.routing-card > a:hover,
.routing-card > a:focus-visible,
.story-card > a:hover,
.story-card > a:focus-visible,
.proof-card > a:hover,
.proof-card > a:focus-visible,
.artifact-card > a:hover,
.artifact-card > a:focus-visible,
.related-route-card a:hover,
.related-route-card a:focus-visible,
.switcher-link:hover,
.switcher-link:focus-visible,
.decision-links a:hover,
.decision-links a:focus-visible,
.market-route-row > a:hover,
.market-route-row > a:focus-visible,
.market-link-list a:hover,
.market-link-list a:focus-visible,
.market-city-link:hover,
.market-city-link:focus-visible {
  background: var(--brand);
  border-color: var(--brand);
  color: #fafaf7;
}

.button-primary {
  min-height: 48px;
}

.button-secondary {
  background: rgba(255, 255, 255, 0.64);
}

.band-dark {
  background: linear-gradient(180deg, #0d1210 0%, #151b19 100%);
}

.band-dark .section-intro p,
.workflow-compare-lead {
  color: rgba(250, 250, 247, 0.88);
  font-size: 1.06rem;
}

.band-dark .mono-label,
.dark-label,
.surface-step span {
  color: rgba(250, 250, 247, 0.8);
}

.surface-step {
  background: rgba(255, 255, 255, 0.09);
  border-color: rgba(255, 255, 255, 0.18);
}

.surface-step p {
  color: rgba(250, 250, 247, 0.9);
  font-size: 1rem;
  line-height: 1.6;
}

.surface-step strong {
  font-size: 1.14rem;
  line-height: 1.18;
}

.solutions-hub-hero-grid {
  grid-template-columns: minmax(0, 0.98fr) minmax(320px, 0.82fr);
}

.routing-hero-card {
  display: grid;
  gap: 12px;
  align-content: start;
  padding: clamp(22px, 3vw, 30px);
  border: 1px solid rgba(14, 93, 60, 0.16);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff 0%, #f4f1e8 100%);
  box-shadow: var(--shadow-sm);
}

.routing-hero-card a {
  display: grid;
  gap: 5px;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
}

.routing-hero-card a strong {
  color: var(--text);
  font-size: 1.04rem;
  line-height: 1.25;
}

.routing-hero-card a:hover,
.routing-hero-card a:focus-visible {
  border-color: rgba(14, 93, 60, 0.32);
  background: #ffffff;
}

.route-switcher-list {
  gap: 10px;
}

.route-switcher-list button {
  min-height: 44px;
  border-radius: 4px;
}

.switcher-panel {
  border-left: 3px solid var(--brand);
}

.solution-hero-board {
  align-content: start;
  gap: 16px;
  padding: clamp(22px, 3vw, 30px);
  background: linear-gradient(180deg, #ffffff 0%, color-mix(in srgb, var(--page-soft, #f4f1e8) 70%, white 30%) 100%);
  border-color: color-mix(in srgb, var(--page-accent, var(--brand)) 22%, var(--line) 78%);
}

.solution-hero-board-head {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: start;
}

.solution-hero-board-head strong {
  color: var(--text);
  font-size: 1.12rem;
  line-height: 1.24;
  text-align: right;
  max-width: 18ch;
}

.solution-hero-flow {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.solution-hero-flow article,
.solution-hero-kpi,
.solution-hero-note,
.solution-hero-next {
  display: grid;
  gap: 9px;
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(14, 93, 60, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.72);
}

.solution-hero-flow article span,
.solution-hero-kpi span,
.solution-hero-note span,
.solution-hero-next span {
  color: var(--soft);
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.72rem;
  text-transform: uppercase;
}

.solution-hero-flow article strong,
.solution-hero-kpi strong,
.solution-hero-note strong,
.solution-hero-next strong {
  color: var(--text);
  line-height: 1.22;
}

.solution-hero-summary {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
  gap: 12px;
}

.solution-hero-kpi em {
  color: var(--page-accent, var(--brand));
  font-family: 'JetBrains Mono', monospace;
  font-size: clamp(1.7rem, 4vw, 2.5rem);
  font-style: normal;
  font-weight: 800;
  line-height: 1;
}

.solution-hero-note p {
  margin: 0;
  color: var(--muted);
  font-size: 0.96rem;
  line-height: 1.56;
}

.solution-hero-next {
  background: color-mix(in srgb, var(--page-accent, var(--brand)) 10%, white 90%);
  border-color: color-mix(in srgb, var(--page-accent, var(--brand)) 24%, white 76%);
}

.solution-sign-strip {
  gap: 14px;
}

.solution-sign-strip h3 {
  font-size: 1.24rem;
  line-height: 1.25;
}

.solution-sign-strip .story-card {
  padding: 18px 20px;
  box-shadow: none;
}

.solution-signal-panel {
  padding: 22px;
}

.solution-signal-panel strong {
  font-size: 1.16rem;
  line-height: 1.22;
}

.solution-metric {
  color: var(--page-accent, var(--brand));
}

.fit-check-card ul {
  margin: 0;
  padding-left: 18px;
  color: var(--muted);
  line-height: 1.62;
}

.market-priority-grid {
  grid-template-columns: minmax(0, 1.16fr) repeat(2, minmax(0, 0.92fr));
  align-items: stretch;
}

.market-priority-card-featured {
  border-color: rgba(14, 93, 60, 0.24);
  background: linear-gradient(180deg, #ffffff 0%, #edf5ef 100%);
}

.market-route-board,
.market-review-panel,
.market-city-strip {
  display: grid;
  gap: clamp(22px, 4vw, 38px);
  padding: clamp(22px, 3vw, 30px);
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}

.market-route-board,
.market-review-panel {
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
}

.market-city-strip {
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
  align-items: start;
}

.market-route-board h2,
.market-review-panel h2,
.market-city-strip h2 {
  margin: 8px 0 0;
  font-size: clamp(1.8rem, 3vw, 2.6rem);
  line-height: 1.03;
}

.market-route-board p,
.market-review-panel p,
.market-city-strip p {
  margin: 10px 0 0;
  color: var(--muted);
  line-height: 1.62;
}

.market-route-list,
.market-review-list,
.market-review-output-list,
.market-link-cluster-grid,
.market-city-links {
  display: grid;
  gap: 12px;
}

.market-route-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) minmax(120px, auto) auto;
  gap: 14px;
  align-items: center;
  padding: 16px 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff 0%, #f8f6ef 100%);
}

.market-route-row h3 {
  margin: 0 0 4px;
  font-size: 1.18rem;
  line-height: 1.18;
}

.market-route-row p {
  margin: 0;
  font-size: 0.97rem;
}

.market-route-row > strong {
  color: var(--text);
  font-size: 0.94rem;
  line-height: 1.3;
}

.market-review-list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.market-review-list article,
.market-review-output-list article {
  display: grid;
  gap: 8px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.72);
}

.market-review-list span,
.market-city-link span {
  color: var(--soft);
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.72rem;
  text-transform: uppercase;
}

.market-review-list strong {
  color: var(--text);
  line-height: 1.22;
}

.market-review-output-list {
  grid-column: 1 / -1;
  padding-top: 18px;
  border-top: 1px solid var(--line);
}

.market-review-output-list h3 {
  margin: 0;
  font-size: 1.28rem;
  line-height: 1.2;
}

.market-review-output-list > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.market-link-cluster-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.market-link-cluster {
  display: grid;
  gap: 14px;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff 0%, #f8f6ef 100%);
  box-shadow: var(--shadow-sm);
}

.market-link-cluster h3 {
  margin: 6px 0 0;
  font-size: 1.08rem;
  font-family: 'Inter', system-ui, sans-serif;
  font-weight: 600;
}

.market-link-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.market-link-list .market-country-link {
  display: grid;
  justify-content: start;
  align-items: start;
  width: 100%;
  gap: 7px;
  min-height: auto;
  padding: 14px;
  text-align: left;
}

.market-link-list .market-country-link::after,
.market-city-link::after {
  display: none;
}

.market-link-list .market-country-link strong,
.market-city-link strong {
  color: var(--text);
  font-size: 1rem;
  line-height: 1.22;
}

.market-link-list .market-country-link span,
.market-city-link small {
  color: var(--muted);
  font-size: 0.92rem;
  line-height: 1.46;
}

.market-link-list .market-country-link em,
.market-city-link em {
  color: var(--brand);
  font-style: normal;
  font-weight: 700;
}

.market-link-list .market-country-link:hover strong,
.market-link-list .market-country-link:hover span,
.market-link-list .market-country-link:hover em,
.market-link-list .market-country-link:focus-visible strong,
.market-link-list .market-country-link:focus-visible span,
.market-link-list .market-country-link:focus-visible em,
.market-city-link:hover strong,
.market-city-link:hover small,
.market-city-link:hover em,
.market-city-link:focus-visible strong,
.market-city-link:focus-visible small,
.market-city-link:focus-visible em {
  color: #fafaf7;
}

.market-city-links {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.market-city-link {
  width: 100%;
  min-height: 82px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 5px;
  text-align: left;
}

@media (max-width: 1080px) {
  .solutions-hub-hero-grid,
  .market-priority-grid,
  .market-route-board,
  .market-review-panel,
  .market-city-strip,
  .school-fee-story,
  .solution-hero-summary,
  .market-review-list,
  .market-review-output-list > div,
  .market-link-cluster-grid,
  .optional-intake-grid,
  .school-fee-path,
  .payment-proof-path,
  .school-review-lists,
  .payment-proof-compare {
    grid-template-columns: 1fr;
  }

  .solution-hero-flow,
  .market-city-links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .market-route-row {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .market-route-row > a {
    width: 100%;
  }
}

@media (max-width: 720px) {
  .page-inner .band {
    padding: clamp(34px, 7vh, 54px) 0;
  }

  .routing-hero-band .lede,
  .solution-hero-band .lede,
  .page-inner .section-intro p,
  .story-card p,
  .proof-card p,
  .fit-check-card p,
  .context-rail-card p,
  .artifact-specimen-card p {
    font-size: 1rem;
  }

  .solution-hero-flow,
  .market-city-links {
    grid-template-columns: 1fr;
  }

  .solution-hero-board-head {
    display: grid;
  }

  .solution-hero-board-head strong {
    text-align: left;
  }

  .routing-card > a,
  .story-card > a,
  .proof-card > a,
  .artifact-card > a,
  .related-route-card a,
  .switcher-link,
  .decision-links a,
  .market-route-row > a,
  .market-link-list a,
  .market-city-link {
    width: 100%;
  }
}

/* Homepage 2026 decision-surface redesign */
.home-command {
  --home-dark: #0b1210;
  --home-panel: #111b17;
  --home-green: #0E5D3C;
  --home-gold: #D9A441;
  --home-cream: #FAFAF7;
  --home-red: #9B2C2C;
}

.home-command h1,
.home-command h2,
.home-command h3,
.home-command strong,
.home-command .mono-label,
.home-command .artifact-label {
  letter-spacing: 0;
}

.home-command .brand-mark-new {
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

.home-command .brand-mark-new img {
  width: 44px;
  height: 44px;
  object-fit: contain;
}

.home-command-hero {
  position: relative;
  overflow: hidden;
  padding-top: 112px;
  padding-bottom: 60px;
  background:
    linear-gradient(180deg, #fdfdf9 0%, #f4f2eb 76%, #fafaf7 100%);
}

.home-command-hero .band-inner {
  position: relative;
  z-index: 1;
}

.hero-data-orbit {
  position: absolute;
  inset: -8% -6% -4%;
  width: 112%;
  height: 112%;
  opacity: 0.42;
  pointer-events: none;
  mix-blend-mode: multiply;
}

.home-command-grid,
.home-mismatch-grid,
.platform-path-grid,
.urgency-grid,
.proof-command-grid,
.schools-breadth-grid,
.home-closing-grid {
  display: grid;
  gap: 36px;
  align-items: stretch;
}

.home-command-grid {
  grid-template-columns: minmax(0, 0.92fr) minmax(420px, 1.08fr);
}

.home-command-copy {
  display: grid;
  align-content: center;
  gap: 18px;
  max-width: 680px;
}

.home-command-copy h1 {
  margin: 0;
  max-width: 10.6ch;
  font-family: 'Fraunces', Georgia, serif;
  font-size: 5.05rem;
  line-height: 0.96;
  hanging-punctuation: first last;
  text-wrap: balance;
}

[data-split-headline].is-split {
  word-spacing: -0.08em;
}

.split-headline-word {
  display: inline-block;
  white-space: nowrap;
  word-spacing: normal;
}

[data-split-headline].is-ready .split-headline-word {
  opacity: 0;
  transform: translateY(0.58em);
  filter: blur(5px);
  animation: splitHeadlineRise 680ms cubic-bezier(0.2, 0.72, 0.2, 1) forwards;
  animation-delay: calc(90ms + (var(--word-index, 0) * 58ms));
}

.home-command-copy .lede {
  max-width: 36rem;
  font-size: 1.14rem;
  color: color-mix(in srgb, var(--muted) 84%, var(--text) 16%);
}

.home-command-copy .micro-proof {
  margin: 0;
  max-width: 34rem;
  color: var(--text);
  font-weight: 600;
  line-height: 1.55;
}

.home-hero-proof-row,
.home-trust-strip article span,
.hero-proof-node span,
.case-command-head span,
.case-snapshot span,
.case-evidence-row span,
.case-path span,
.sample-output-state,
.sample-output-cluster-note span,
.closing-proof-sequence span,
.platform-path article span,
.urgency-row span,
.breadth-list span {
  font-family: 'JetBrains Mono', monospace;
  font-feature-settings: 'tnum' 1;
  text-transform: uppercase;
  letter-spacing: 0;
}

.home-hero-proof-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 4px;
}

.home-hero-proof-row span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 11px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  color: var(--muted);
  font-size: 0.72rem;
}

.case-command-surface {
  position: relative;
  display: grid;
  gap: 18px;
  min-width: 0;
  padding: 28px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 8px;
  background: linear-gradient(180deg, var(--home-dark) 0%, var(--home-panel) 100%);
  color: var(--home-cream);
  box-shadow: 0 28px 64px rgba(10,13,18,0.2);
  overflow: hidden;
}

.case-command-surface[data-parallax-depth] {
  transform:
    perspective(1000px)
    rotateX(var(--parallax-rotate-y, 0deg))
    rotateY(var(--parallax-rotate-x, 0deg))
    translate3d(0, var(--parallax-scroll, 0px), 0);
  transform-style: preserve-3d;
  transition: transform 180ms ease, box-shadow 180ms ease;
  will-change: transform;
}

.case-command-surface[data-parallax-depth]::before {
  content: '';
  position: absolute;
  inset: -1px;
  z-index: 0;
  background:
    radial-gradient(circle at var(--parallax-light-x, 76%) var(--parallax-light-y, 22%), rgba(217,164,65,0.18), rgba(217,164,65,0) 32%),
    linear-gradient(135deg, rgba(255,255,255,0.08), rgba(255,255,255,0) 36%);
  opacity: 0.72;
  pointer-events: none;
}

.case-command-surface[data-parallax-depth] > * {
  position: relative;
  z-index: 1;
}

.case-command-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.case-command-head strong {
  max-width: 18rem;
  font-size: 1.38rem;
  line-height: 1.12;
  text-align: right;
}

.hero-proofline {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding: 6px 0 2px;
}

.hero-proofline::before {
  content: '';
  position: absolute;
  top: 24px;
  left: 15%;
  right: 15%;
  height: 1px;
  background: linear-gradient(90deg, rgba(217,164,65,0.18), rgba(217,164,65,0.78), rgba(250,250,247,0.36));
  pointer-events: none;
}

.hero-proof-node {
  position: relative;
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 34px 14px 14px;
  border: 1px solid rgba(250,250,247,0.12);
  border-radius: 8px;
  background: rgba(250,250,247,0.055);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.06);
}

.hero-proof-node::before {
  content: '';
  position: absolute;
  top: 14px;
  left: 14px;
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: rgba(250,250,247,0.82);
  box-shadow: 0 0 0 6px rgba(250,250,247,0.06), 0 0 20px rgba(217,164,65,0.18);
}

.hero-proof-node span {
  color: rgba(250,250,247,0.5);
  font-size: 0.64rem;
}

.hero-proof-node strong {
  color: rgba(250,250,247,0.94);
  font-size: 0.96rem;
  line-height: 1.18;
}

.hero-proof-node p {
  margin: 0;
  color: rgba(250,250,247,0.68);
  font-size: 0.8rem;
  line-height: 1.45;
}

.hero-proof-node-break {
  border-color: rgba(217,164,65,0.42);
  background: linear-gradient(180deg, rgba(217,164,65,0.14) 0%, rgba(217,164,65,0.065) 100%);
}

.hero-proof-node-break::before {
  background: var(--home-gold);
  box-shadow: 0 0 0 7px rgba(217,164,65,0.11), 0 0 26px rgba(217,164,65,0.34);
}

.hero-proof-node-settled {
  border-color: rgba(250,250,247,0.24);
  background: linear-gradient(180deg, rgba(250,250,247,0.11) 0%, rgba(14,93,60,0.18) 100%);
}

.hero-proof-node-settled::before {
  width: 12px;
  height: 12px;
  background: var(--home-cream);
  box-shadow: 0 0 0 7px rgba(217,164,65,0.12), 0 0 30px rgba(250,250,247,0.24);
}

.case-snapshot {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.case-snapshot > div,
.case-evidence-row {
  min-width: 0;
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 8px;
  background: rgba(255,255,255,0.055);
}

.case-snapshot > div {
  display: grid;
  gap: 10px;
  padding: 18px;
}

.case-snapshot .is-risk {
  border-color: rgba(217,164,65,0.45);
  background: rgba(217,164,65,0.1);
}

.case-snapshot span,
.case-evidence-row span,
.case-path span {
  color: rgba(250,250,247,0.62);
  font-size: 0.7rem;
}

.case-snapshot strong {
  font-size: 1.55rem;
  line-height: 1;
}

.case-snapshot p {
  margin: 0;
  color: rgba(250,250,247,0.72);
  line-height: 1.5;
}

.case-evidence-board {
  display: grid;
  gap: 10px;
}

.case-evidence-row {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  padding: 14px 16px;
}

.case-evidence-row strong {
  line-height: 1.4;
  color: rgba(250,250,247,0.92);
}

.case-path {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  padding-top: 4px;
}

.case-path span {
  display: grid;
  place-items: center;
  min-height: 42px;
  padding: 0 8px;
  border: 1px solid rgba(217,164,65,0.24);
  border-radius: 999px;
  color: var(--home-gold);
  text-align: center;
}

.home-trust-band {
  padding-top: 14px;
  padding-bottom: 44px;
}

.home-trust-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}

.home-trust-strip article {
  display: grid;
  gap: 10px;
  padding: 20px 22px;
  border-right: 1px solid var(--line);
}

.home-trust-strip article:last-child {
  border-right: 0;
}

.home-trust-strip article span,
.urgency-row span,
.breadth-list span {
  color: var(--soft);
  font-size: 0.72rem;
}

.home-trust-strip strong {
  font-size: 1.02rem;
  line-height: 1.42;
}

.home-mismatch-grid,
.urgency-grid,
.schools-breadth-grid,
.home-closing-grid {
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
}

.home-command .section-intro h2,
.platform-copy h2,
.urgency-copy h2,
.schools-first-panel h2,
.breadth-panel h2,
.home-closing-card h2 {
  max-width: 13ch;
  font-size: 3.25rem;
  line-height: 1;
}

.home-command .section-intro p,
.platform-copy p,
.urgency-copy p,
.schools-first-panel p {
  max-width: 58ch;
}

.mismatch-board {
  display: grid;
  grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr);
  gap: 14px;
}

.mismatch-state,
.schools-first-panel,
.breadth-panel,
.sample-output-card {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}

.mismatch-state {
  display: grid;
  gap: 16px;
  padding: 24px;
}

.mismatch-state-strong {
  border-color: rgba(14,93,60,0.26);
  background: linear-gradient(180deg, #ffffff 0%, #eef6f1 100%);
}

.mismatch-state h3,
.sample-output-card h3 {
  margin: 0;
  font-size: 1.35rem;
  line-height: 1.18;
}

.mismatch-state ul {
  display: grid;
  gap: 12px;
  margin: 0;
  padding-left: 18px;
  color: var(--muted);
  line-height: 1.58;
}

.home-cinematic-break {
  overflow: hidden;
  padding: clamp(56px, 9vw, 112px) 0;
  background:
    radial-gradient(circle at 16% 20%, rgba(217,164,65,0.2) 0%, rgba(217,164,65,0) 28%),
    radial-gradient(circle at 82% 76%, rgba(14,93,60,0.26) 0%, rgba(14,93,60,0) 34%),
    linear-gradient(135deg, #0b1210 0%, #111b17 62%, #20271f 100%);
  color: var(--home-cream);
}

.home-cinematic-inner {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
  gap: clamp(28px, 5vw, 68px);
  align-items: center;
  min-height: clamp(240px, 30vw, 380px);
}

.home-cinematic-inner::before {
  content: '';
  position: absolute;
  inset: 10% -8%;
  background:
    linear-gradient(90deg, transparent 0 8%, rgba(250,250,247,0.08) 8.2% 8.6%, transparent 8.8% 100%),
    repeating-linear-gradient(90deg, rgba(250,250,247,0.04) 0 1px, transparent 1px 78px);
  mask-image: linear-gradient(90deg, transparent, #000 15%, #000 82%, transparent);
  pointer-events: none;
}

.home-cinematic-copy {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 14px;
}

.home-cinematic-copy h2 {
  margin: 0;
  max-width: 15ch;
  font-family: 'Fraunces', Georgia, serif;
  font-size: clamp(2.5rem, 5vw, 4.8rem);
  line-height: 0.96;
}

.home-cinematic-flow {
  position: relative;
  min-height: clamp(220px, 24vw, 330px);
  border: 1px solid rgba(250,250,247,0.12);
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(250,250,247,0.035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(250,250,247,0.035) 1px, transparent 1px),
    rgba(255,255,255,0.035);
  background-size: 72px 72px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 30px 74px rgba(0,0,0,0.24);
  overflow: hidden;
}

.home-cinematic-flow::before,
.home-cinematic-flow::after {
  content: '';
  position: absolute;
  inset: 16% 7%;
  border-top: 1px solid rgba(217,164,65,0.42);
  transform: skewY(-8deg);
  opacity: 0.7;
}

.home-cinematic-flow::after {
  inset: 62% 7% auto;
  border-color: rgba(250,250,247,0.28);
  transform: skewY(7deg);
}

.flow-line {
  position: absolute;
  left: 12%;
  right: 12%;
  top: 50%;
  height: 2px;
  background: linear-gradient(90deg, rgba(217,164,65,0), rgba(217,164,65,0.72), rgba(250,250,247,0.44), rgba(14,93,60,0));
  transform: translateY(-50%);
}

.flow-node {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(250,250,247,0.86);
  box-shadow: 0 0 0 8px rgba(250,250,247,0.06), 0 0 24px rgba(217,164,65,0.18);
  animation: flowNodeSettle 5.8s ease-in-out infinite;
}

.flow-node:nth-child(1) { left: 12%; top: 26%; animation-delay: -0.4s; }
.flow-node:nth-child(2) { left: 18%; top: 70%; animation-delay: -1.3s; }
.flow-node:nth-child(3) { left: 28%; top: 38%; animation-delay: -2.1s; }
.flow-node:nth-child(5) { left: 55%; top: 46%; animation-delay: -0.8s; }
.flow-node:nth-child(6) { left: 70%; top: 46%; animation-delay: -1.7s; }
.flow-node:nth-child(7) { left: 84%; top: 46%; animation-delay: -2.6s; }

.flow-node-noisy {
  background: var(--home-gold);
}

.flow-node-settled {
  width: 18px;
  height: 18px;
  background: #FAFAF7;
  box-shadow: 0 0 0 12px rgba(217,164,65,0.09), 0 0 34px rgba(217,164,65,0.28);
}

.home-platform-band {
  background: linear-gradient(180deg, #0b1210 0%, #111b17 100%);
  color: var(--home-cream);
}

.home-platform-band::before {
  background: rgba(255,255,255,0.08);
}

.platform-path-grid {
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
  align-items: start;
}

.platform-copy {
  display: grid;
  gap: 14px;
  align-content: start;
}

.platform-copy p {
  color: rgba(250,250,247,0.72);
  line-height: 1.65;
}

.platform-path {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.platform-path article {
  position: relative;
  min-width: 0;
  min-height: 176px;
  display: grid;
  gap: 10px;
  align-content: start;
  padding: 20px;
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 8px;
  background: rgba(255,255,255,0.055);
  overflow: hidden;
}

.platform-path article span {
  color: var(--home-gold);
  font-size: 0.72rem;
}

.platform-stage-card {
  opacity: 1;
  transition: opacity 520ms ease, transform 520ms cubic-bezier(0.2, 0.72, 0.2, 1), border-color 180ms ease, background 180ms ease, box-shadow 180ms ease;
  transition-delay: calc(var(--stage-index, 0) * 72ms);
  will-change: transform, opacity;
}

.platform-path[data-stage-grid].is-stage-ready:not(.is-visible) .platform-stage-card {
  opacity: 0;
  transform: translateY(18px);
}

.platform-stage-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    radial-gradient(circle at var(--stage-spot-x, 50%) var(--stage-spot-y, 24%), rgba(217,164,65,0.24), rgba(217,164,65,0) 36%),
    linear-gradient(180deg, rgba(255,255,255,0.075), rgba(255,255,255,0));
  opacity: 0;
  transition: opacity 180ms ease;
  pointer-events: none;
}

.platform-stage-card > * {
  position: relative;
  z-index: 1;
}

.platform-path .platform-stage-card span {
  margin-bottom: 8px;
  color: rgba(217,164,65,0.34);
  font-family: 'Fraunces', Georgia, serif;
  font-size: clamp(3.4rem, 6vw, 5.65rem);
  font-feature-settings: 'tnum' 1;
  line-height: 0.78;
}

.platform-stage-card:hover,
.platform-stage-card:focus-within {
  border-color: rgba(217,164,65,0.34);
  background: rgba(255,255,255,0.078);
  box-shadow: 0 24px 54px rgba(0,0,0,0.2);
  transform: translateY(-3px);
}

.platform-stage-card:hover::before,
.platform-stage-card:focus-within::before {
  opacity: 1;
}

.platform-path article strong {
  font-size: 1.18rem;
}

.platform-path article p {
  margin: 0;
  color: rgba(250,250,247,0.72);
  line-height: 1.5;
}

.urgency-copy {
  display: grid;
  gap: 14px;
  align-content: center;
}

.urgency-ledger {
  display: grid;
  border-top: 1px solid var(--line);
}

.urgency-row {
  position: relative;
  display: grid;
  grid-template-columns: 160px minmax(0, 1fr);
  gap: 18px;
  margin: 0 -18px;
  padding: 20px 18px;
  border-bottom: 1px solid var(--line);
  border-radius: 8px;
  transition: opacity 170ms ease, background 170ms ease, border-color 170ms ease, box-shadow 170ms ease, transform 170ms ease;
}

.urgency-row::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  background: radial-gradient(circle at var(--urgency-x, 72%) var(--urgency-y, 50%), rgba(14,93,60,0.14), rgba(14,93,60,0) 38%);
  opacity: 0;
  transition: opacity 170ms ease;
  pointer-events: none;
}

.urgency-row > * {
  position: relative;
  z-index: 1;
}

.urgency-row.is-active {
  border-color: rgba(14,93,60,0.24);
  background: rgba(255,255,255,0.68);
  box-shadow: 0 16px 36px rgba(10,13,18,0.06);
  transform: translateX(4px);
}

.urgency-row.is-active::before {
  opacity: 1;
}

.urgency-ledger.is-interacting .urgency-row:not(.is-active) {
  opacity: 0.48;
}

.urgency-row:focus-visible {
  outline: 3px solid rgba(14,93,60,0.22);
  outline-offset: 4px;
}

.urgency-row strong {
  font-size: 1.2rem;
  line-height: 1.32;
}

.proof-command-grid {
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
  align-items: start;
}

.sample-output-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.sample-output-gallery-tiered {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-auto-flow: dense;
  align-items: start;
  gap: 16px;
  padding-top: 18px;
}

.sample-output-gallery-signature {
  position: relative;
  isolation: isolate;
  gap: 14px 16px;
  padding: 22px 0 6px;
}

.sample-output-gallery-signature::before {
  content: '';
  position: absolute;
  top: 48%;
  left: 5%;
  right: 7%;
  z-index: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(14,93,60,0), rgba(14,93,60,0.24), rgba(217,164,65,0.42), rgba(14,93,60,0));
  pointer-events: none;
}

.sample-output-gallery-signature > * {
  position: relative;
  z-index: 1;
}

.sample-output-card {
  --output-shift: 0px;
  display: grid;
  gap: 14px;
  padding: 22px;
  align-content: start;
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.sample-output-gallery-tiered .sample-output-card {
  grid-column: span 5;
  transform: translateY(var(--output-shift));
}

.sample-output-gallery-tiered .sample-output-card:hover,
.sample-output-gallery-tiered .sample-output-card:focus-within {
  border-color: rgba(14,93,60,0.24);
  box-shadow: 0 22px 48px rgba(10,13,18,0.08);
  transform: translateY(calc(var(--output-shift) - 4px));
}

.sample-output-feature {
  grid-column: span 7;
  grid-row: span 2;
  background: linear-gradient(180deg, #ffffff 0%, #f7f4ec 100%);
}

.sample-output-gallery-signature .sample-output-feature {
  grid-column: 1 / span 6;
  grid-row: 1 / span 2;
}

.sample-output-gallery-signature .sample-output-path-card {
  grid-column: 8 / -1;
  grid-row: 1;
}

.sample-output-gallery-signature .sample-output-decision-card {
  grid-column: 7 / -1;
  grid-row: 2;
}

.sample-output-gallery-signature .sample-output-queue-card {
  grid-column: 8 / -1;
  grid-row: 3;
}

.sample-output-gallery-signature .sample-output-card-shift-up {
  --output-shift: -10px;
}

.sample-output-gallery-signature .sample-output-card-shift-down {
  --output-shift: 12px;
}

.sample-output-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.sample-output-state {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid rgba(14,93,60,0.18);
  border-radius: 999px;
  background: rgba(14,93,60,0.075);
  color: var(--home-green);
  font-size: 0.64rem;
  white-space: nowrap;
}

.sample-output-cluster-note {
  grid-column: 1 / span 7;
  grid-row: 3;
  align-self: start;
  display: grid;
  gap: 8px;
  padding: 18px 20px;
  border: 1px solid rgba(14,93,60,0.16);
  border-left: 3px solid var(--home-gold);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(238,246,241,0.78) 100%);
  box-shadow: 0 18px 38px rgba(10,13,18,0.055);
  transform: translateY(6px);
}

.sample-output-cluster-note span {
  color: var(--home-green);
  font-size: 0.68rem;
}

.sample-output-cluster-note strong {
  max-width: 45rem;
  font-size: 1.02rem;
  line-height: 1.38;
}

.sample-output-card-shift-up {
  --output-shift: -14px;
}

.sample-output-card-shift-down {
  --output-shift: 18px;
}

.sample-output-card a,
.text-link {
  color: var(--home-green);
  font-weight: 700;
}

.sample-paper,
.mini-path-preview,
.sample-table-preview {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fffef9;
}

.sample-paper,
.sample-table-preview {
  display: grid;
  gap: 10px;
  padding: 16px;
}

.sample-paper p,
.sample-table-preview p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.mini-path-preview {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  padding: 14px;
}

.mini-path-preview span {
  display: grid;
  place-items: center;
  min-height: 44px;
  border-radius: 999px;
  background: rgba(10,13,18,0.05);
  font-weight: 600;
}

.mini-path-preview .is-break {
  background: rgba(155,44,44,0.12);
  color: var(--home-red);
}

.schools-first-panel,
.breadth-panel {
  display: grid;
  gap: 16px;
  padding: 28px;
}

.schools-first-panel {
  background: linear-gradient(180deg, #ffffff 0%, #eef6f1 100%);
  border-color: rgba(14,93,60,0.22);
}

.breadth-list {
  display: grid;
  gap: 10px;
}

.breadth-list a {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 15px 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255,255,255,0.72);
}

.breadth-list strong {
  line-height: 1.3;
}

.process-rail-premium {
  min-height: 100%;
}

.home-closing-card {
  background: linear-gradient(180deg, #0E5D3C 0%, #0a4c31 100%);
  border-color: rgba(14,93,60,0.38);
}

.home-curtain-panel {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  box-shadow: 0 30px 72px rgba(10,13,18,0.18);
}

.home-curtain-panel::before,
.home-curtain-panel::after {
  content: '';
  position: absolute;
  pointer-events: none;
}

.home-curtain-panel::before {
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(100deg, rgba(250,250,247,0.18) 0%, rgba(250,250,247,0.02) 34%, rgba(10,13,18,0.18) 68%, rgba(10,13,18,0) 100%),
    radial-gradient(circle at 86% 20%, rgba(217,164,65,0.22), rgba(217,164,65,0) 34%);
}

.home-curtain-panel::after {
  top: 0;
  bottom: 0;
  left: 18%;
  width: 1px;
  background: linear-gradient(180deg, rgba(250,250,247,0), rgba(250,250,247,0.38), rgba(250,250,247,0));
  box-shadow: 42px 0 0 rgba(250,250,247,0.08), 86px 0 0 rgba(250,250,247,0.05);
  opacity: 0.74;
}

.home-closing-card .button-primary {
  background: var(--home-cream);
  border-color: var(--home-cream);
  color: var(--home-green);
}

.home-closing-card .button-secondary {
  background: transparent;
  border-color: rgba(250,250,247,0.34);
  color: var(--home-cream);
}

.closing-proof-sequence {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 4px;
  padding: 8px;
  border: 1px solid rgba(250,250,247,0.18);
  border-radius: 8px;
  background: rgba(10,13,18,0.16);
}

.closing-proof-sequence span {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 44px;
  border: 1px solid rgba(250,250,247,0.14);
  border-radius: 6px;
  background: rgba(250,250,247,0.08);
  color: var(--home-cream);
  font-size: 0.72rem;
}

.closing-proof-sequence span:not(:last-child)::after {
  content: '';
  position: absolute;
  top: 50%;
  right: -9px;
  z-index: 2;
  width: 10px;
  height: 1px;
  background: rgba(217,164,65,0.72);
}

.home-closing-card .closing-reassurance {
  margin: 0;
  color: rgba(250,250,247,0.9);
  font-weight: 700;
}

@media (max-width: 1080px) {
  .home-command-grid,
  .home-mismatch-grid,
  .platform-path-grid,
  .urgency-grid,
  .proof-command-grid,
  .schools-breadth-grid,
  .home-closing-grid,
  .home-trust-strip,
  .mismatch-board {
    grid-template-columns: 1fr;
  }

  .home-command-copy {
    max-width: 760px;
  }

  .home-command-copy h1,
  .home-command .section-intro h2,
  .platform-copy h2,
  .urgency-copy h2,
  .schools-first-panel h2,
  .breadth-panel h2,
  .home-closing-card h2 {
    max-width: 18ch;
  }

  .home-trust-strip article {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .home-trust-strip article:last-child {
    border-bottom: 0;
  }

  .case-path,
  .platform-path,
  .sample-output-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-cinematic-inner,
  .sample-output-gallery-tiered {
    grid-template-columns: 1fr;
  }

  .sample-output-gallery-tiered .sample-output-card,
  .sample-output-feature {
    grid-column: auto;
  }

  .sample-output-gallery-signature::before {
    display: none;
  }

  .sample-output-gallery-signature .sample-output-feature,
  .sample-output-gallery-signature .sample-output-path-card,
  .sample-output-gallery-signature .sample-output-decision-card,
  .sample-output-gallery-signature .sample-output-queue-card,
  .sample-output-cluster-note {
    grid-column: auto;
    grid-row: auto;
  }

  .sample-output-card-shift-up,
  .sample-output-card-shift-down {
    --output-shift: 0px;
  }

  .sample-output-gallery-signature .sample-output-card-shift-up,
  .sample-output-gallery-signature .sample-output-card-shift-down {
    --output-shift: 0px;
  }
}

@media (max-width: 720px) {
  .home-command-hero {
    padding-top: 90px;
    padding-bottom: 42px;
  }

  .home-command-copy h1,
  .home-command .section-intro h2,
  .platform-copy h2,
  .urgency-copy h2,
  .schools-first-panel h2,
  .breadth-panel h2,
  .home-closing-card h2 {
    max-width: none;
    font-size: 2.7rem;
    line-height: 1.02;
  }

  .case-command-surface,
  .schools-first-panel,
  .breadth-panel {
    padding: 20px;
  }

  .case-command-head,
  .case-snapshot,
  .case-evidence-row,
  .case-path,
  .hero-proofline,
  .platform-path,
  .sample-output-gallery,
  .mini-path-preview,
  .urgency-row {
    grid-template-columns: 1fr;
  }

  .hero-data-orbit {
    inset: -4% -32% auto -18%;
    width: 150%;
    height: 58%;
    opacity: 0.32;
  }

  .home-cinematic-break {
    padding: 48px 0;
  }

  .home-cinematic-inner {
    min-height: auto;
  }

  .home-cinematic-flow {
    min-height: 220px;
  }

  .home-cinematic-copy h2 {
    max-width: none;
    font-size: 2.45rem;
  }

  .platform-path .platform-stage-card span {
    font-size: 3.25rem;
  }

  .case-command-head strong {
    text-align: left;
  }

  .home-hero-proof-row {
    display: grid;
    grid-template-columns: 1fr;
  }

  .home-hero-proof-row span,
  .case-path span {
    justify-content: center;
  }

  .hero-proofline {
    padding-left: 12px;
  }

  .hero-proofline::before {
    top: 20px;
    right: auto;
    bottom: 22px;
    left: 16px;
    width: 1px;
    height: auto;
  }

  .hero-proof-node {
    padding: 14px 14px 14px 34px;
  }

  .hero-proof-node::before {
    top: 18px;
    left: 8px;
  }

  .closing-proof-sequence {
    grid-template-columns: 1fr;
  }

  .closing-proof-sequence span:not(:last-child)::after {
    top: auto;
    right: 50%;
    bottom: -9px;
    width: 1px;
    height: 10px;
  }
}

@keyframes splitHeadlineRise {
  to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}

@keyframes flowNodeSettle {
  0%, 100% { transform: translate3d(0, 0, 0); opacity: 0.68; }
  38% { transform: translate3d(10px, -8px, 0); opacity: 1; }
  70% { transform: translate3d(24px, 0, 0); opacity: 0.82; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-data-orbit {
    opacity: 0.18;
  }

  [data-split-headline].is-ready .split-headline-word,
  .flow-node {
    animation: none !important;
    opacity: 1;
    transform: none;
    filter: none;
  }

  .case-command-surface[data-parallax-depth],
  .platform-stage-card,
  .sample-output-gallery-tiered .sample-output-card,
  .urgency-row {
    transition: none !important;
    transform: none !important;
  }

  .platform-path[data-stage-grid].is-stage-ready:not(.is-visible) .platform-stage-card {
    opacity: 1;
    transform: none;
  }
}

/* Sitewide homepage-theme rollout */
.page-inner {
  --theme-dark: #0b1210;
  --theme-panel: #111b17;
  --theme-green: #0E5D3C;
  --theme-gold: #D9A441;
  --theme-cream: #FAFAF7;
}

.page-inner h1,
.page-inner h2,
.page-inner h3,
.page-inner strong,
.page-inner .mono-label,
.page-inner .artifact-label,
.page-inner .problem-tag {
  letter-spacing: 0;
}

.page-inner .topbar {
  border-radius: 10px;
  border-color: rgba(10, 13, 18, 0.1);
  background: rgba(250, 250, 247, 0.94);
  box-shadow: 0 18px 42px rgba(10, 13, 18, 0.08);
}

.page-inner .brand-mark {
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

.page-inner .brand-mark img {
  width: 44px;
  height: 44px;
  object-fit: contain;
}

.page-inner .brand-mark svg {
  display: none;
}

.page-inner .brand-copy span {
  color: color-mix(in srgb, var(--muted) 84%, var(--text) 16%);
}

.page-inner .nav-cta,
.page-inner .button-primary {
  background: linear-gradient(180deg, var(--theme-green) 0%, #0a4c31 100%);
  border-color: rgba(14, 93, 60, 0.36);
  color: var(--theme-cream);
  box-shadow: 0 16px 34px rgba(14, 93, 60, 0.16);
}

.page-inner .button-secondary {
  border-color: rgba(10, 13, 18, 0.14);
  background: rgba(255, 255, 255, 0.72);
}

.page-inner .hero-band:not(.home-command-hero) {
  background:
    linear-gradient(180deg, #fdfdf9 0%, #f4f2eb 78%, #fafaf7 100%);
}

.page-inner .solution-hero-band,
.page-inner .routing-hero-band,
.page-inner .proof-rebuild-hero,
.page-inner .contact-rebuild-hero,
.page-inner .solutions-rebuild-hero {
  background:
    radial-gradient(circle at top right, rgba(14, 93, 60, 0.08) 0%, rgba(14, 93, 60, 0) 34%),
    linear-gradient(180deg, #fdfdf9 0%, #f3f0e8 78%, #fafaf7 100%);
}

.page-inner .hero-contract-strip span,
.page-inner .proof-command-strip span,
.page-inner .intake-command-strip span,
.page-inner .qualifier-chip {
  border-color: rgba(10, 13, 18, 0.11);
  background: rgba(255, 255, 255, 0.76);
  color: var(--muted);
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  letter-spacing: 0;
}

.sitewide-trust-band {
  padding-top: 12px;
  padding-bottom: clamp(30px, 5vw, 48px);
}

.sitewide-trust-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  box-shadow: 0 18px 42px rgba(10, 13, 18, 0.06);
  overflow: hidden;
}

.sitewide-trust-strip article {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 20px 22px;
  border-right: 1px solid var(--line);
}

.sitewide-trust-strip article:last-child {
  border-right: 0;
}

.sitewide-trust-strip span {
  color: var(--soft);
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 0.72rem;
  text-transform: uppercase;
}

.sitewide-trust-strip strong {
  font-size: 1.02rem;
  line-height: 1.42;
}

.page-inner .industry-context-rail,
.page-inner .approach-surface,
.page-inner .belief-preview,
.page-inner .solution-hero-board,
.page-inner .routing-hero-card,
.page-inner .preview-panel {
  align-self: stretch;
}

.page-inner .context-rail-card,
.page-inner .routing-hero-card,
.page-inner .solution-hero-board,
.page-inner .approach-surface,
.page-inner .belief-preview-card,
.page-inner .proof-bridge-strip,
.page-inner .form-panel,
.page-inner .preview-panel,
.page-inner .artifact-document,
.page-inner .switcher-panel,
.page-inner .closing-cta-card,
.page-inner .story-card,
.page-inner .proof-card,
.page-inner .artifact-card,
.page-inner .fit-check-card,
.page-inner .market-review-panel,
.page-inner .market-link-cluster,
.page-inner .market-city-strip {
  border-radius: 8px;
}

.page-inner .context-rail-card-dark,
.page-inner .approach-surface,
.page-inner .belief-preview-card-dark,
.page-inner .belief-panel-dark,
.page-inner .workflow-demo-card,
.page-inner .decision-tone-approach,
.page-inner .home-closing-card {
  background: linear-gradient(180deg, var(--theme-dark) 0%, var(--theme-panel) 100%);
  border-color: rgba(217, 164, 65, 0.22);
  color: var(--theme-cream);
}

.page-inner .context-rail-card-dark p,
.page-inner .approach-surface p,
.page-inner .belief-preview-card-dark p,
.page-inner .belief-panel-dark p,
.page-inner .workflow-demo-card p {
  color: rgba(250, 250, 247, 0.76);
}

.page-inner .routing-card {
  border-color: rgba(14, 93, 60, 0.2);
  box-shadow: 0 18px 36px rgba(10, 13, 18, 0.055);
}

.page-inner .routing-card::before {
  background: linear-gradient(180deg, var(--theme-green) 0%, var(--theme-gold) 100%);
  opacity: 0.84;
}

.page-inner .proof-bridge-strip::before,
.page-inner .market-route-row::before {
  background: linear-gradient(180deg, var(--theme-green) 0%, var(--theme-gold) 100%);
}

.page-inner .cta-band .cta-inner {
  position: relative;
  padding: clamp(26px, 4vw, 38px);
  border: 1px solid rgba(217, 164, 65, 0.24);
  border-radius: 8px;
  background: linear-gradient(180deg, var(--theme-dark) 0%, var(--theme-panel) 100%);
  color: var(--theme-cream);
  box-shadow: 0 28px 64px rgba(10, 13, 18, 0.18);
}

.page-inner .cta-band .cta-inner p,
.page-inner .cta-band .cta-inner .mono-label {
  color: rgba(250, 250, 247, 0.76);
}

.page-inner .cta-band .button-secondary {
  border-color: rgba(250, 250, 247, 0.3);
  background: transparent;
  color: var(--theme-cream);
}

@media (max-width: 1080px) {
  .sitewide-trust-strip {
    grid-template-columns: 1fr;
  }

  .sitewide-trust-strip article {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .sitewide-trust-strip article:last-child {
    border-bottom: 0;
  }
}

@media (max-width: 720px) {
  .page-inner .brand-mark,
  .page-inner .brand-mark img {
    width: 40px;
    height: 40px;
  }

  .sitewide-trust-band {
    padding-top: 0;
  }

  .sitewide-trust-strip article {
    padding: 18px;
  }
}