:root {
  --paper: #fffdf8;                  /* site cream (matches css/style.css --bg) */
  --paper-bright: #fbfaf6;
  --brand-navy: #1d2f4e;
  --ink: var(--brand-navy);
  --ink-deep: #071a2b;
  --muted: #64707a;
  --line: rgba(16, 42, 66, .18);
  --line-strong: rgba(16, 42, 66, .36);
  --copper: #b85832;
  --copper-soft: rgba(184, 88, 50, .13);
  --blue-soft: #dce8ef;
  --green-soft: #c9ddd3;
  --shadow: 0 12px 35px rgba(22, 35, 44, .08);
  --serif: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
  --sans: "Avenir Next", Avenir, Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
}
body::before {
  display: none;                      /* grain overlay off: keeps the page the same flat cream as the rest of the site */
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .18;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E");
  z-index: 20;
}
a { color: inherit; }
button { font: inherit; }
.skip-link { position: fixed; top: .5rem; left: .5rem; transform: translateY(-150%); z-index: 100; padding: .75rem 1rem; background: var(--ink); color: white; }
.skip-link:focus { transform: none; }

.site-header {
  width: min(1500px, calc(100% - 4rem));
  margin: 0 auto;
  min-height: 76px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid var(--line);
  position: relative;
  z-index: 30;
}
.site-header nav { display: flex; gap: 2.2rem; }
.site-header nav a, .header-link { text-decoration: none; text-transform: uppercase; letter-spacing: .16em; font-size: .72rem; font-weight: 650; }
.site-header nav a { position: relative; padding: 1.8rem 0; }
.site-header nav a::after { content: ""; position: absolute; height: 1px; bottom: 1.3rem; left: 0; right: 100%; background: var(--copper); transition: right .25s ease; }
.site-header nav a:hover::after, .site-header nav a:focus-visible::after { right: 0; }
.header-link { justify-self: end; background: var(--copper); color: white; border-radius: 999px; padding: .7rem 1.1rem; }

main { overflow: clip; }
.hero {
  width: min(1500px, calc(100% - 4rem));
  margin: 0 auto;
  padding: clamp(3.25rem, 7vw, 7rem) 0 clamp(3rem, 6vw, 5.5rem);
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(18rem, .7fr) 10rem;
  gap: clamp(2rem, 5vw, 6rem);
  align-items: end;
}
.eyebrow, .rail-kicker { margin: 0 0 .75rem; text-transform: uppercase; letter-spacing: .19em; font-size: .75rem; font-weight: 750; color: var(--ink); }
h1 { margin: 0; font: 400 clamp(4rem, 8vw, 8.4rem)/.86 var(--serif); letter-spacing: -.058em; color: var(--brand-navy); }
.dek { margin: 1.15rem 0 0; font: 400 clamp(1.3rem, 2.1vw, 2.05rem)/1.15 var(--serif); color: #24405a; }
.hero-copy { border-left: 1px solid var(--line-strong); padding-left: 2rem; font: 400 1.05rem/1.55 var(--serif); }
.hero-copy p { margin: 0; }
.hero-index { list-style: none; padding: 0 0 0 2rem; margin: 0; border-left: 1px solid var(--line); text-transform: uppercase; letter-spacing: .2em; font-size: .7rem; line-height: 2.2; }

.system { width: min(1600px, calc(100% - 2rem)); margin: 0 auto; padding: 2.5rem 1rem 6rem; border-top: 1px solid var(--line); }
.section-intro { display: grid; grid-template-columns: 1.25fr .75fr; gap: 4rem; align-items: end; margin: 0 auto 2rem; max-width: 1500px; }
.section-intro h2 { margin: 0; font: 400 clamp(2.1rem, 3vw, 3.5rem)/1 var(--serif); letter-spacing: -.03em; }
.section-intro > p { margin: 0; max-width: 36rem; color: var(--muted); }
.filter-bar { max-width: 1500px; margin: 0 auto 1.4rem; display: flex; flex-wrap: wrap; gap: .45rem; }
.filter { border: 1px solid var(--line); color: var(--ink); background: rgba(255,255,255,.34); border-radius: 999px; padding: .5rem .8rem; font-size: .76rem; font-weight: 650; cursor: pointer; transition: background .2s, color .2s, border-color .2s; }
.filter:hover, .filter:focus-visible, .filter.is-active { background: var(--ink); color: white; border-color: var(--ink); }

.workflow-shell {
  max-width: 1500px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 205px minmax(580px, 1fr) 155px 205px;
  gap: 1rem;
  align-items: stretch;
  position: relative;
  isolation: isolate;
}
.rail, .capability-stage, .review-gate { position: relative; z-index: 2; }
.rail { padding-top: 1rem; }
.rail h3, .stage-heading h3 { margin: -.25rem 0 1rem; font: 400 1rem/1.35 var(--serif); color: var(--muted); }
.source-card, .output-card {
  min-height: 84px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.62);
  box-shadow: 0 7px 22px rgba(22,35,44,.045);
  border-radius: 3px;
  padding: .75rem;
  margin-bottom: .7rem;
  overflow: hidden;
}
.source-card > span:not(.source-icon), .output-card > span { font: 400 .95rem var(--serif); }
.source-icon { display: inline-grid; place-items: center; width: 1.35rem; height: 1.35rem; margin-right: .25rem; color: var(--ink); }
.source-card > i, .output-card > i { display: block; height: 3px; background: #c9d2d8; margin: .42rem 0 0 1.75rem; border-radius: 2px; }
.source-card > i:nth-of-type(1), .output-card > i:nth-of-type(1) { width: 64%; }
.source-card > i:nth-of-type(2), .output-card > i:nth-of-type(2) { width: 47%; background: #78a2c5; }
.source-card > i:nth-of-type(3), .output-card > i:nth-of-type(3) { width: 72%; }
.mini-grid { margin: .45rem 0 0 1.7rem; display: grid; grid-template-columns: repeat(3,1fr); gap: 2px; }
.mini-grid b { height: 12px; background: #dfe5e8; }.mini-grid b:nth-child(2),.mini-grid b:nth-child(5){background:#b9d4c6}
.source-map svg { width: 100%; height: 44px; margin-top: .3rem; background: #e4ecec; }
.source-map path { fill:none; stroke:#9db2ba; stroke-width:1.5 }.source-map circle{fill:var(--copper);stroke:white;stroke-width:2}

.capability-stage { padding: 1rem 0; }
.stage-heading { padding-left: .25rem; min-height: 74px; }
.capability-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .65rem; }
.capability-card {
  min-width: 0;
  min-height: 280px;
  position: relative;
  overflow: hidden;
  text-align: left;
  color: var(--ink);
  background: rgba(255,255,255,.72);
  border: 1px solid var(--line);
  border-radius: 4px;
  padding: 1.1rem;
  cursor: pointer;
  box-shadow: 0 8px 25px rgba(22,35,44,.055);
  opacity: 0;
  transform: translateY(16px);
  animation: card-in .68s cubic-bezier(.22,.8,.31,1) forwards;
  animation-delay: calc(.34s + var(--order) * .075s);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, opacity .25s ease;
}
@keyframes card-in { to { opacity:1; transform:translateY(0); } }
.capability-card:nth-child(2), .capability-card:nth-child(6), .capability-card:nth-child(8) { transform: translateY(21px); }
.capability-card:hover, .capability-card:focus-visible { transform: translateY(-4px); border-color: rgba(184,88,50,.55); box-shadow: var(--shadow); outline: none; }
.capability-card[aria-expanded="true"] { border-color: var(--copper); box-shadow: 0 0 0 1px var(--copper), var(--shadow); }
.capability-card.is-filtered { opacity: .11 !important; transform: scale(.985); pointer-events: none; }
.card-number { display: block; font-size: .75rem; letter-spacing: .17em; margin-bottom: 3.4rem; color: var(--copper); }
.capability-card strong { display: block; max-width: 78%; font: 400 1.22rem/1.02 var(--serif); letter-spacing: -.02em; }
.capability-card > span:not(.card-visual):not(.card-number) { display: block; margin-top: .55rem; max-width: 93%; font-size: .8rem; line-height: 1.38; color: #53626d; }
.capability-card em { position: absolute; bottom: .9rem; left: 1.1rem; font-style: normal; text-transform: uppercase; letter-spacing: .12em; font-size: .75rem; font-weight: 700; }
.card-visual { position: absolute; top: 1rem; right: .8rem; width: 42%; height: 68px; opacity: .86; }
.chart-visual { display:flex; align-items:flex-end; gap:4px; justify-content:flex-end; padding: 8px; background:linear-gradient(90deg,transparent,#edf2f3)}
.chart-visual i { width: 6px; background:#719bc0 }.chart-visual i:nth-child(1){height:22%}.chart-visual i:nth-child(2){height:47%}.chart-visual i:nth-child(3){height:68%}.chart-visual i:nth-child(4){height:53%}.chart-visual i:nth-child(5){height:92%}
.paper-visual,.receipt-visual { background:#faf8f1; border:1px solid #ded9cd; box-shadow:0 4px 10px rgba(0,0,0,.08); padding:.5rem; transform:rotate(-5deg); display:flex; flex-direction:column; gap:5px }
.paper-visual i,.receipt-visual i{font-style:normal;font-size:.48rem;letter-spacing:.12em}.paper-visual b,.receipt-visual b{height:2px;background:#c7ced1}.paper-visual b:nth-of-type(2),.receipt-visual b:nth-of-type(3){width:72%}
.narrative-visual,.brand-visual{padding:.5rem;background:linear-gradient(100deg,#f1f3f2 55%,#dbe7ed 55%)}.narrative-visual i{display:block;width:80%;height:3px;background:#c0cbd2;margin:7px 0}.narrative-visual i:nth-child(2){width:55%;background:#719bc0}
.map-visual svg{width:100%;height:100%;background:#e2ece9}.map-visual path{fill:none;stroke:#96aeb1;stroke-width:1.5}.map-visual circle{fill:var(--copper);stroke:white;stroke-width:2}
.checklist-visual{display:grid;grid-template-columns:15px 1fr;gap:8px 4px;background:#f6f2e8;padding:.65rem;border:1px solid #e5ded1;transform:rotate(2deg)}.checklist-visual i{font-style:normal;color:var(--copper);font-size:.7rem}.checklist-visual b{height:3px;background:#c7ced1;margin-top:6px}
.comment-visual{padding:.6rem;background:#eef2f3;border-radius:12px 12px 2px 12px}.comment-visual i,.comment-visual b{display:block;height:3px;background:#8caabd;margin:7px 0}.comment-visual b{width:70%;background:#c4ced3}
.nodes-visual i{position:absolute;width:14px;height:14px;border-radius:50%;background:#759fc2;border:2px solid white;box-shadow:0 0 0 1px #9fb1bb}.nodes-visual i:nth-child(1){left:5px;top:5px}.nodes-visual i:nth-child(2){left:36px;top:18px}.nodes-visual i:nth-child(3){left:18px;top:46px}.nodes-visual i:nth-child(4){right:5px;bottom:3px}.nodes-visual b{position:absolute;left:12px;top:12px;width:58px;height:43px;border:1px solid #9fb1bb;border-left:0}
.brand-visual i{display:block;width:100%;height:15px;background:#759fc2}.brand-visual b{display:block;height:3px;width:70%;background:#c2ccd0;margin:8px 0}.brand-visual b:last-child{width:45%}

.review-gate {
  align-self: center;
  min-height: 480px;
  padding: 1.4rem .8rem 1.2rem;
  border: 1px solid var(--copper);
  background: rgba(255,255,255,.42);
  text-align: center;
  box-shadow: 0 9px 27px rgba(91,49,32,.05);
}
.review-gate::before,.review-gate::after{content:"";position:absolute;top:54%;width:1rem;height:1px;background:var(--copper)}.review-gate::before{right:100%}.review-gate::after{left:100%}
.review-stamp { position:relative; display:block; width:calc(100% - 12px); max-width:160px; height:auto; aspect-ratio:1; margin:0 auto; color:var(--copper); transform:rotate(-3deg); transform-origin:50% 50%; }
.review-stamp::after { content:""; position:absolute; inset:8px; border:1px solid currentColor; border-radius:50%; opacity:0; pointer-events:none; }
.review-circle { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.review-circle path { fill:none; stroke:currentColor; stroke-width:2.3; stroke-linecap:round; }
.review-circle path:nth-child(2){stroke-width:1.1;opacity:.55}
.person-mark{position:absolute;top:37px;left:50%;transform:translateX(-50%);width:44px;height:44px;border:1.5px solid currentColor;border-radius:50%}.person-mark::before{content:"";position:absolute;width:10px;height:10px;border:1.5px solid currentColor;border-radius:50%;left:15px;top:8px}.person-mark i{position:absolute;width:22px;height:12px;border:1.5px solid currentColor;border-radius:14px 14px 0 0;border-bottom:0;left:9px;bottom:6px}
.stamp-title { position:static; display:grid; gap:2px; margin:.55rem auto 0; text-transform:uppercase; letter-spacing:.17em; font-size:.76rem; line-height:1.05; font-weight:750; color:var(--copper); }
.stamp-title b { font:inherit; }
.review-copy { display:block; margin-top:1rem; padding-top:1.15rem; border-top:1px solid rgba(184,88,50,.3); font:400 .86rem/1.42 var(--serif); }
.output-card { min-height: 76px; }
.output-card > div { margin-top:.6rem; display:grid; gap:2px; grid-template-columns:repeat(3,1fr) }.output-card > div b{height:10px;background:#dbe2e5}.output-card > div b:nth-child(2),.output-card > div b:nth-child(5){background:#98b6ca}.tracker-output > div{grid-template-columns:repeat(4,1fr)}.tracker-output > div b:nth-child(2){background:#b8d4c5}.tracker-output > div b:nth-child(3){background:#e3bf88}.slide-output > div{height:35px;background:linear-gradient(110deg,#e4eaec 60%,#6e8eab 60%)}

.detail-panel { max-width: 1500px; margin: 1.2rem auto 0; background: var(--ink); color: white; padding: clamp(1.5rem,4vw,3.6rem); position:relative; box-shadow:var(--shadow); }
.detail-panel[hidden]{display:none}.detail-close{position:absolute;right:1.2rem;top:1.2rem;border:1px solid rgba(255,255,255,.25);background:transparent;color:white;border-radius:999px;padding:.45rem .7rem;cursor:pointer}.detail-heading{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:end;padding-right:4rem}.detail-heading .eyebrow{grid-column:1/-1;color:#b8c5ce;margin:0}.detail-heading h3{margin:0;font:400 clamp(2rem,4vw,4.2rem)/.95 var(--serif);letter-spacing:-.03em}.detail-heading>p:last-child{margin:0;color:#ced7dc;font-size:1rem;max-width:34rem}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin:3rem 0 0}.detail-grid div{border-top:1px solid rgba(255,255,255,.25);padding-top:1rem}.detail-grid dt{text-transform:uppercase;letter-spacing:.16em;font-size:.68rem;color:#d58b6d;font-weight:750}.detail-grid dd{margin:.65rem 0 0;color:#e2e8eb;font-size:.88rem;line-height:1.55}

.principle { width:min(1200px,calc(100% - 4rem)); margin:0 auto; padding:clamp(5rem,10vw,10rem) 0; display:grid; grid-template-columns:1.35fr .65fr; gap:5rem; }
.principle>.eyebrow{grid-column:1/-1}.principle blockquote{margin:0;font:400 clamp(3rem,6vw,6.8rem)/.95 var(--serif);letter-spacing:-.045em;color:#07131d}.principle>div{align-self:end;border-left:1px solid var(--copper);padding-left:2rem;color:var(--muted)}
.closing { background:var(--ink-deep);color:white;padding:clamp(4rem,9vw,9rem) max(2rem,calc((100vw - 1300px)/2)); }.closing .eyebrow{color:#d58b6d}.closing h2{max-width:1100px;margin:1rem 0 2rem;font:400 clamp(2.5rem,5.2vw,5.8rem)/.98 var(--serif);letter-spacing:-.04em}.closing>p:not(.eyebrow){max-width:45rem;color:#b8c6cf}.closing a{display:inline-block;margin-top:2rem;color:white;text-underline-offset:.35rem;text-decoration-color:var(--copper)}
footer{background:var(--ink-deep);color:#8fa1ad;border-top:1px solid rgba(255,255,255,.14);padding:1.5rem max(2rem,calc((100vw - 1300px)/2));display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.16em;font-size:.64rem}

@media (max-width: 1220px){
  .workflow-shell{grid-template-columns:180px minmax(500px,1fr) 145px}.output-rail{display:none}.hero{grid-template-columns:1.3fr .7fr}.hero-index{display:none}
}
@media (max-width: 930px){
  .site-header{width:calc(100% - 2rem)}.site-header nav{display:none}.hero{width:calc(100% - 2rem);grid-template-columns:1fr;padding-top:4rem}.hero-copy{max-width:42rem}.section-intro{grid-template-columns:1fr;gap:1rem}.workflow-shell{grid-template-columns:1fr}.input-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;padding:0}.input-rail .rail-kicker,.input-rail h3{grid-column:1/-1}.source-card{margin:0}.capability-stage{padding-top:2rem}.review-gate{min-height:270px;padding:7rem 2rem 2rem}.review-circle{width:240px;left:50%;transform:translateX(-50%)}.detail-heading,.detail-grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 660px){
  .site-header{min-height:64px}.header-link{font-size:.65rem}.hero{padding-top:3rem}.hero-copy{padding-left:1.25rem}.system{width:100%;padding-inline:1rem}.filter-bar{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.4rem}.filter{white-space:nowrap}.input-rail{grid-template-columns:1fr 1fr}.capability-grid{grid-template-columns:1fr}.capability-card{min-height:190px}.detail-heading,.detail-grid{grid-template-columns:1fr}.detail-heading .eyebrow{grid-column:auto}.principle{width:calc(100% - 2rem);grid-template-columns:1fr;gap:2rem}.principle>.eyebrow{grid-column:auto}.principle>div{align-self:auto}.closing{padding-inline:1rem}footer{padding-inline:1rem;gap:1rem;flex-direction:column}
}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}.capability-card{animation:none;opacity:1;transform:none}.review-circle path{animation:none;stroke-dashoffset:0}.site-header nav a::after,.capability-card{transition:none}
}

/* Transaction pipeline — choreography translated from the Higgsfield motion plan. */
.pipeline {
  max-width: 1500px;
  margin: 2.25rem auto 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  padding: 2rem 0;
}
.pipeline-flow {
  min-height: 760px;
  display: grid;
  grid-template-columns: minmax(320px, 1.2fr) minmax(260px, .9fr) minmax(175px, .58fr) minmax(300px, 1.08fr);
  gap: clamp(.8rem, 1.3vw, 1.5rem);
  position: relative;
  isolation: isolate;
  align-items: center;
}
.pipeline-stage { position: relative; z-index: 3; min-width: 0; }
.pipeline-heading { min-height: 82px; display: flex; gap: .85rem; align-items: flex-start; margin-bottom: 1rem; }
.pipeline-heading > span { color: var(--copper); font: 700 .65rem/1 var(--sans); letter-spacing: .12em; padding-top: .28rem; }
.pipeline-heading .rail-kicker { margin-bottom: .35rem; }
.pipeline-heading h3 { margin: 0; font: 400 clamp(1.35rem, 1.8vw, 2rem)/1.03 var(--serif); letter-spacing: -.025em; color: var(--ink-deep); }

.input-constellation { display: grid; gap: .55rem; }
.input-group, .production-output {
  position: relative;
  min-height: 78px;
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: .8rem;
  align-items: center;
  background: rgba(255,255,255,.7);
  border: 1px solid var(--line);
  border-radius: 4px;
  padding: .75rem .8rem;
  box-shadow: 0 8px 24px rgba(22,35,44,.045);
  overflow: hidden;
}
.input-group::after, .production-output::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 2px;
  background: linear-gradient(90deg, var(--copper), transparent 76%);
  opacity: .18;
}
.input-group h4, .production-output h4 { margin: 0; font: 400 1rem/1.08 var(--serif); color: var(--ink-deep); }
.input-group p, .production-output p { margin: .25rem 0 0; font-size: .76rem; line-height: 1.36; color: var(--muted); }
.input-symbol {
  width: 42px; height: 42px; display: grid; place-items: center;
  color: var(--ink); background: #e6edef; border: 1px solid #ced9de;
  font: 400 1.05rem var(--serif);
}
.model-symbol { background: linear-gradient(135deg,#e5ebed 50%,#c7dccf 50%); }
.map-symbol { background: linear-gradient(145deg,#dfe9e7,#dce7ed); color: var(--copper); }
.guidance-symbol { background: #f2e9dc; color: var(--copper); }

.ai-stage {
  background: rgba(16,42,66,.965);
  color: white;
  padding: 1.2rem;
  min-height: 615px;
  box-shadow: 0 18px 48px rgba(7,26,43,.14);
}
.ai-stage .pipeline-heading h3, .ai-stage .rail-kicker { color: white; }
.ai-stage .pipeline-heading > span { color: #dc9276; }
.distillation-sequence { list-style: none; padding: 0; margin: .5rem 0 0; display: grid; gap: .55rem; }
.distillation-sequence li {
  display: grid;
  grid-template-columns: 2rem 1fr;
  gap: .65rem;
  align-items: center;
  min-height: 69px;
  padding: .7rem;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.045);
  position: relative;
  overflow: hidden;
}
.distillation-sequence li::before {
  content: ""; position: absolute; inset: 0 auto 0 0; width: 2px;
  background: var(--copper); transform: scaleY(0); transform-origin: bottom;
}
.distillation-sequence li > span { color: #dc9276; font-size: .75rem; letter-spacing: .12em; }
.distillation-sequence strong { display: block; color: white; font: 400 1.05rem var(--serif); }
.distillation-sequence small { display: block; color: #bfcbd2; font-size: .75rem; margin-top: .12rem; }

.review-stage { display: grid; place-items: center; min-height: 430px; }
.review-moment {
  width: 100%; min-height: 310px; position: relative; display: flex; flex-direction: column;
  align-items: center; justify-content: center; text-align: center;
}
.review-moment .review-circle { position: absolute; width: 210px; height: 210px; inset: 25px auto auto 50%; transform: translateX(-50%); overflow: visible; }
.review-moment .review-circle path { animation: none; fill: none; stroke: var(--copper); stroke-width: 2.2; stroke-linecap: round; stroke-dasharray: 720; stroke-dashoffset: 0; }
.review-moment .review-circle path:nth-child(2) { opacity: .5; stroke-width: 1.1; }
.review-moment .person-mark { top: 72px; }
.review-moment > p { margin: 4.6rem 0 0; text-transform: uppercase; letter-spacing: .18em; font-weight: 750; line-height: 1.45; color: var(--copper); font-size: .78rem; }
.review-moment > span { max-width: 160px; margin-top: 5rem; padding-top: .8rem; border-top: 1px solid rgba(184,88,50,.35); font: 400 .76rem/1.42 var(--serif); color: var(--ink); }

.output-field { display: grid; gap: .68rem; }
.production-output { grid-template-columns: 58px 1fr; min-height: 91px; }
.output-mark { width: 54px; height: 54px; border: 1px solid #d2dbdf; background: #edf1f2; position: relative; display: block; overflow: hidden; }
.brief-mark::before,.narrative-mark::before,.risk-mark::before,.review-mark::before{content:"";position:absolute;left:9px;right:9px;top:12px;height:3px;background:#7f9fb6;box-shadow:0 9px 0 #c8d1d5,0 18px 0 #c8d1d5,0 27px 0 #c8d1d5}
.table-mark { background: repeating-linear-gradient(0deg,#eef2f3 0 10px,#cdd8dd 10px 11px),repeating-linear-gradient(90deg,transparent 0 17px,#cdd8dd 17px 18px); }
.narrative-mark::before{box-shadow:0 9px 0 #c8d1d5,0 18px 0 #c8d1d5;width:26px}.risk-mark::after{content:"!";position:absolute;right:5px;bottom:4px;color:var(--copper);font:700 1rem var(--serif)}
.review-mark::after{content:"✓";position:absolute;right:5px;bottom:3px;color:var(--copper);font-weight:700}.tracker-mark{background:linear-gradient(90deg,#e4eaec 25%,#bdd5c7 25% 50%,#e5c28d 50% 75%,#86a8c0 75%)}

.motion-thread { position: absolute; z-index: 2; inset: 0; width: 100%; height: 100%; pointer-events: none; overflow: visible; }
.mobile-thread { display: none; }
.motion-thread path { fill: none; stroke-linecap: round; }
.thread-underlay { stroke: rgba(16,42,66,.18); stroke-width: 1.2; }
.thread-draw { stroke: var(--ink); stroke-width: 1.8; }
.pen-flourish { stroke: var(--copper); stroke-width: 2.4; }

.capability-library { max-width: 1320px; margin: clamp(5rem,8vw,8rem) auto 0; }
.library-heading { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem 4rem; align-items: end; margin-bottom: 2rem; }
.library-heading .eyebrow { grid-column: 1 / -1; margin: 0; }
.library-heading h3 { margin: 0; font: 400 clamp(2.3rem,4vw,4.7rem)/.95 var(--serif); letter-spacing: -.04em; color: var(--ink-deep); }
.library-heading > p:last-child { margin: 0; color: var(--muted); max-width: 32rem; }
.capability-library .capability-grid { grid-template-columns: repeat(3,1fr); gap: .8rem; }
.capability-library .capability-card { opacity: 1; transform: none; animation: none; min-height: 292px; }

/* Motion-ready keeps the no-JS experience fully visible. */
.motion-ready .pipeline:not(.is-in-view) .input-group,
.motion-ready .pipeline:not(.is-in-view) .distillation-sequence li,
.motion-ready .pipeline:not(.is-in-view) .review-moment,
.motion-ready .pipeline:not(.is-in-view) .production-output { opacity: 0; }
.motion-ready .pipeline:not(.is-in-view) .input-group { transform: translateX(-24px); }
.motion-ready .pipeline:not(.is-in-view) .distillation-sequence li { transform: translateY(16px) scale(.985); }
.motion-ready .pipeline:not(.is-in-view) .review-moment { transform: scale(.94); }
.motion-ready .pipeline:not(.is-in-view) .production-output { transform: translateX(24px); }
.motion-ready .pipeline:not(.is-in-view) .thread-draw,
.motion-ready .pipeline:not(.is-in-view) .pen-flourish,
.motion-ready .pipeline:not(.is-in-view) .review-circle path { stroke-dashoffset: 1000; }
.motion-ready .input-group,
.motion-ready .distillation-sequence li,
.motion-ready .review-moment,
.motion-ready .production-output { transition: opacity .58s cubic-bezier(.16,1,.3,1), transform .66s cubic-bezier(.16,1,.3,1); }
.motion-ready .pipeline.is-in-view .input-group { transition-delay: calc(.08s + var(--i) * .07s); }
.motion-ready .pipeline.is-in-view .distillation-sequence li { transition-delay: calc(.72s + var(--i) * .09s); }
.motion-ready .pipeline.is-in-view .distillation-sequence li::before { transform: scaleY(1); transition: transform .4s cubic-bezier(.16,1,.3,1); transition-delay: calc(.88s + var(--i) * .09s); }
.motion-ready .pipeline.is-in-view .review-moment { transition-delay: 1.82s; }
.motion-ready .pipeline.is-in-view .production-output { transition-delay: calc(2.56s + var(--i) * .08s); }
.motion-ready .thread-draw { stroke-dasharray: 1500; transition: stroke-dashoffset 1.05s cubic-bezier(.16,1,.3,1) 1.12s; }
.motion-ready .pen-flourish { stroke-dasharray: 1000; transition: stroke-dashoffset .9s cubic-bezier(.16,1,.3,1) 1.88s; }
.motion-ready .review-circle path { transition: stroke-dashoffset .86s cubic-bezier(.16,1,.3,1) 1.92s; }
.motion-ready .pipeline.is-in-view .thread-draw,
.motion-ready .pipeline.is-in-view .pen-flourish,
.motion-ready .pipeline.is-in-view .review-circle path { stroke-dashoffset: 0; }

@media (max-width: 1180px) {
  .pipeline-flow { grid-template-columns: minmax(280px,1.1fr) minmax(245px,.9fr) 150px minmax(260px,1fr); gap: .7rem; }
  .input-group, .production-output { grid-template-columns: 40px 1fr; padding: .65rem; }
  .input-symbol { width: 36px; height: 36px; }
  .ai-stage { padding: .9rem; }
}
@media (max-width: 930px) {
  .pipeline { padding: 1.5rem 0 2.5rem; }
  .pipeline-flow { min-height: 0; grid-template-columns: 1fr; gap: 4.5rem; align-items: stretch; }
  .pipeline-stage { max-width: 680px; width: 100%; margin: 0 auto; }
  .input-constellation { grid-template-columns: 1fr 1fr; }
  .input-group:last-child { grid-column: 1 / -1; }
  .ai-stage { min-height: 0; padding: 1.4rem; }
  .distillation-sequence { grid-template-columns: 1fr 1fr; }
  .review-stage { min-height: 335px; }
  .output-field { grid-template-columns: 1fr 1fr; }
  .desktop-thread { display: none; }
  .mobile-thread { display: block; }
  .library-heading { grid-template-columns: 1fr; }
  .library-heading .eyebrow { grid-column: auto; }
  .capability-library .capability-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 660px) {
  .section-intro { margin-bottom: 1rem; }
  .input-constellation, .distillation-sequence, .output-field, .capability-library .capability-grid { grid-template-columns: 1fr; }
  .input-group:last-child { grid-column: auto; }
  .pipeline-flow { gap: 3.6rem; }
  .pipeline-heading { min-height: 0; }
  .ai-stage { padding: 1rem; }
  .review-stage { min-height: 315px; }
  .production-output { min-height: 82px; }
  .capability-library .capability-card { min-height: 260px; }
}
@media (prefers-reduced-motion: reduce) {
  .motion-ready .pipeline .input-group,
  .motion-ready .pipeline .distillation-sequence li,
  .motion-ready .pipeline .review-moment,
  .motion-ready .pipeline .production-output { opacity: 1 !important; transform: none !important; transition: none !important; }
  .motion-ready .pipeline .thread-draw,
  .motion-ready .pipeline .pen-flourish,
  .motion-ready .pipeline .review-circle path { stroke-dashoffset: 0 !important; transition: none !important; }
  .motion-ready .distillation-sequence li::before { transform: scaleY(1); transition: none; }
}

/* Approved editorial hero: a single, legible information-to-judgment system. */
.visually-hidden { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.hero { padding-top: clamp(2.7rem,5vw,5.1rem); padding-bottom: clamp(2.6rem,4.5vw,4.6rem); }
.system { padding-top: 2rem; }
.workflow-shell {
  grid-template-columns: 220px minmax(600px,1fr) 150px 220px;
  gap: .8rem;
  align-items: start;
}
.rail, .capability-stage { padding-top: 0; }
.rail-heading, .stage-heading { min-height: 86px; padding: 0 .2rem; }
.rail h3, .stage-heading h3 { margin: -.15rem 0 1rem; color: var(--ink); font-size: 1.02rem; line-height: 1.25; }
.source-card, .output-card { min-height: 82px; margin-bottom: .6rem; background: rgba(255,255,255,.66); }
.source-card > span:not(.source-icon), .output-card > span { font-size: .9rem; }
.copper-icon { color: var(--copper); }
.capability-grid { gap: .55rem; }
.capability-card {
  min-height: 205px;
  padding: .9rem;
  animation: none;
  opacity: 1;
  transform: none;
}
.capability-card:nth-child(2), .capability-card:nth-child(6), .capability-card:nth-child(8) { transform: none; }
.capability-card:hover, .capability-card:focus-visible { transform: translateY(-3px); }
.card-number { margin-bottom: 2.55rem; }
.capability-card strong { font-size: 1.08rem; max-width: 82%; }
.capability-card > span:not(.card-visual):not(.card-number) { font-size: .76rem; line-height: 1.32; }
.capability-card em { left: .9rem; bottom: .72rem; font-size: .63rem; }
.card-visual { top: .75rem; right: .65rem; height: 56px; width: 40%; }
.review-gate { margin-top: 86px; min-height: 535px; padding: 1.45rem .7rem 1.2rem; }
.review-copy { margin-top: 1rem; font-size: .8rem; }
.output-rail { display: block; }
.flow-line { position:absolute; z-index:1; inset:0; width:100%; height:100%; pointer-events:none; overflow:visible; }
.flow-line path { fill:none; stroke-linecap:round; }
.flow-underlay { stroke:rgba(16,42,66,.16); stroke-width:1.1; }
.flow-draw { stroke:var(--ink); stroke-width:1.65; stroke-dasharray:1700; }
/* One restrained, left-to-right entrance; no looping. */
.motion-ready .workflow-shell:not(.is-in-view) .source-card,
.motion-ready .workflow-shell:not(.is-in-view) .capability-card,
.motion-ready .workflow-shell:not(.is-in-view) .review-gate,
.motion-ready .workflow-shell:not(.is-review-ready) .output-card { opacity:0; }
.motion-ready .workflow-shell:not(.is-in-view) .source-card { transform:translateX(-12px); }
.motion-ready .workflow-shell:not(.is-in-view) .capability-card { transform:translateY(10px); }
.motion-ready .workflow-shell:not(.is-in-view) .review-gate { transform:scale(.97); }
.motion-ready .workflow-shell:not(.is-review-ready) .output-card { transform:translateX(12px); }
.motion-ready .workflow-shell:not(.is-in-view) .flow-draw { stroke-dashoffset:1700; }
.motion-ready .workflow-shell:not(.is-review-ready) .review-stamp { opacity:0; transform:translateY(-12px) scale(1.22) rotate(-8deg); filter:blur(.45px); }
.motion-ready .workflow-shell:not(.is-review-ready) .stamp-title { opacity:0; transform:translateY(-4px); }
.motion-ready .workflow-shell:not(.is-review-ready) .review-copy { opacity:0; transform:translateY(5px); }
.motion-ready .source-card,
.motion-ready .capability-card,
.motion-ready .review-gate,
.motion-ready .output-card { transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .58s cubic-bezier(.16,1,.3,1),box-shadow .25s ease,border-color .25s ease; }
.motion-ready .workflow-shell.is-in-view .source-card { transition-delay:calc(.06s + var(--order) * .06s); }
.motion-ready .workflow-shell.is-in-view .capability-card { transition-delay:calc(.44s + var(--order) * .055s); }
.motion-ready .workflow-shell.is-in-view .review-gate { transition-delay:1s; }
.motion-ready .workflow-shell.is-review-ready .review-stamp { animation:stamp-land .62s cubic-bezier(.17,.84,.28,1.2) both; }
.motion-ready .workflow-shell.is-review-ready .review-stamp::after { animation:stamp-impression .5s .16s ease-out both; }
.motion-ready .stamp-title { transition:opacity .3s ease,transform .4s cubic-bezier(.16,1,.3,1); }
.motion-ready .workflow-shell.is-review-ready .stamp-title { transition-delay:.34s; }
.motion-ready .review-copy { transition:opacity .38s ease,transform .45s cubic-bezier(.16,1,.3,1); }
.motion-ready .workflow-shell.is-review-ready .review-copy { transition-delay:.42s; }
.motion-ready .workflow-shell.is-review-ready .output-card { transition-delay:calc(.68s + var(--order) * .075s); }
.motion-ready .flow-draw { transition:stroke-dashoffset 1.15s cubic-bezier(.16,1,.3,1) .65s; }
.motion-ready .workflow-shell.is-in-view .flow-draw { stroke-dashoffset:0; }
@keyframes stamp-land { 0%{opacity:0;transform:translateY(-12px) scale(1.22) rotate(-8deg);filter:blur(.45px)} 58%{opacity:1;transform:translateY(1px) scale(.96) rotate(-2.4deg);filter:blur(0)} 76%{transform:translateY(0) scale(1.025) rotate(-3.2deg)} 100%{opacity:1;transform:translateY(0) scale(1) rotate(-3deg);filter:blur(0)} }
@keyframes stamp-impression { 0%{opacity:.34;transform:scale(.92)} 100%{opacity:0;transform:scale(1.12)} }

@media (max-width: 1320px) {
  .workflow-shell { grid-template-columns: 180px minmax(520px,1fr) 138px 180px; gap:.65rem; }
  .capability-card { min-height:215px; }
  .review-gate { min-height:555px; }
}
@media (max-width: 1040px) {
  .workflow-shell { grid-template-columns:1fr; gap:2.75rem; }
  .rail-heading, .stage-heading { min-height:0; margin-bottom:1rem; }
  .input-rail, .output-rail { display:grid; grid-template-columns:repeat(5,1fr); gap:.55rem; padding:0; }
  .input-rail .rail-heading, .output-rail .rail-heading { grid-column:1/-1; }
  .source-card, .output-card { margin:0; min-height:100px; }
  .capability-stage { padding:0; }
  .review-gate { margin:0 auto; width:min(280px,100%); min-height:280px; padding-top:1.25rem; }
  .review-copy { margin-top:.75rem; }
  .flow-line { display:none; }
}
@media (max-width: 720px) {
  .hero { padding-top:3rem; }
  h1 { font-size:clamp(3.65rem,17vw,6rem); }
  .system { padding-inline:1rem; }
  .input-rail, .output-rail { grid-template-columns:1fr 1fr; }
  .input-rail .source-card:last-child, .output-rail .output-card:last-child { grid-column:1/-1; }
  .capability-grid { grid-template-columns:1fr; }
  .capability-card { min-height:190px; }
}
@media (prefers-reduced-motion: reduce) {
  .motion-ready .workflow-shell .source-card,
  .motion-ready .workflow-shell .capability-card,
  .motion-ready .workflow-shell .review-gate,
  .motion-ready .workflow-shell .output-card { opacity:1!important; transform:none!important; transition:none!important; }
  .motion-ready .workflow-shell .flow-draw { stroke-dashoffset:0!important; transition:none!important; }
  .motion-ready .workflow-shell .review-stamp,
  .motion-ready .workflow-shell .stamp-title,
  .motion-ready .workflow-shell .review-copy { opacity:1!important; transform:none!important; filter:none!important; animation:none!important; transition:none!important; }
}

/* Iteration 2: preserve the system, reduce what competes for attention. */
@media (min-width: 1041px) {
  .hero {
    grid-template-columns: minmax(0, 1.45fr) minmax(17rem, .65fr) 8.5rem;
    gap: clamp(1.75rem, 3.6vw, 4.25rem);
    padding-top: clamp(2.2rem, 3.8vw, 3.8rem);
    padding-bottom: clamp(2.1rem, 3.5vw, 3.5rem);
  }
  h1 { font-size: clamp(4rem, 6.65vw, 7.2rem); }
  .hero-copy { font-size: 1rem; }
  .workflow-shell { grid-template-columns: 205px minmax(600px,1fr) 148px 205px; gap: .9rem; }
  .rail-heading, .stage-heading { min-height: 78px; }
  .source-card, .output-card { min-height: 70px; margin-bottom: .55rem; padding: .65rem; }
  .source-map svg { height: 33px; }
  .source-card > i, .output-card > i { margin-top: .32rem; }
  .mini-grid { margin-top: .35rem; }
  .mini-grid b { height: 9px; }
  .output-card > div { margin-top: .45rem; }
  .output-card > div b { height: 8px; }
  .slide-output > div { height: 25px; }
  .capability-card { min-height: 164px; padding: .85rem; }
  .card-number { margin-bottom: 2.35rem; }
  .capability-card strong { max-width: 90%; font-size: 1.1rem; line-height: 1.02; }
  .capability-card > span:not(.card-visual):not(.card-number),
  .capability-card em { display: none; }
  .card-visual { width: 38%; height: 48px; opacity: .72; }
  .review-gate { margin-top: 78px; min-height: 493px; padding-top: 1.25rem; }
  .review-copy { margin-top: .85rem; font-size: .78rem; line-height: 1.5; }
  .review-circle { top: 0; }
}

@media (min-width: 1041px) and (max-width: 1320px) {
  .workflow-shell { grid-template-columns: 170px minmax(510px,1fr) 135px 170px; gap:.65rem; }
  .capability-card { min-height: 172px; }
  .review-gate { min-height: 517px; }
  .source-card > span:not(.source-icon), .output-card > span { font-size: .82rem; }
}

@media (max-width: 1040px) {
  .capability-card > span:not(.card-visual):not(.card-number),
  .capability-card em { display:none; }
  .capability-card { min-height:165px; }
  .card-number { margin-bottom:2.2rem; }
}

/* Contextual interaction layer */
.source-card, .output-card, .review-gate {
  width: 100%;
  color: inherit;
  font-family: inherit;
  text-align: left;
  cursor: pointer;
  appearance: none;
}
.review-gate { text-align: center; }
.mini-grid, .output-grid { margin: .45rem 0 0 1.7rem; display: grid; gap: 2px; grid-template-columns: repeat(3,1fr); }
.mini-grid b, .output-grid b { height: 10px; background: #dbe2e5; }
.mini-grid b:nth-child(2), .mini-grid b:nth-child(5) { background: #b9d4c6; }
.tracker-output .output-grid { grid-template-columns: repeat(4,1fr); }
.tracker-output .output-grid b:nth-child(2) { background: #b8d4c5; }
.tracker-output .output-grid b:nth-child(3) { background: #e3bf88; }
.slide-output .output-grid { height: 25px; background: linear-gradient(110deg,#e4eaec 60%,#6e8eab 60%); }
.flow-item { transition: opacity .28s ease, filter .28s ease, transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.flow-item:focus-visible { outline: 2px solid var(--copper); outline-offset: 3px; }
.workflow-shell.has-selection .flow-item:not(.is-selected):not(.is-related) { opacity: .22; filter: grayscale(.65); }
.workflow-shell.has-selection .flow-item.is-related { border-color: rgba(184,88,50,.58); box-shadow: 0 0 0 1px rgba(184,88,50,.12), 0 8px 24px rgba(22,35,44,.06); }
.workflow-shell.has-selection .flow-item.is-selected { opacity: 1; border-color: var(--copper); box-shadow: 0 0 0 2px var(--copper), 0 13px 34px rgba(22,35,44,.13); transform: translateY(-2px); }

.scope-popover {
  position: fixed;
  z-index: 90;
  width: min(340px, calc(100vw - 32px));
  padding: 1.35rem 1.4rem 1.25rem;
  color: var(--ink);
  background: rgba(251,250,246,.98);
  border: 1px solid rgba(16,42,66,.24);
  border-top: 3px solid var(--copper);
  box-shadow: 0 20px 54px rgba(7,26,43,.18);
  animation: scope-in .2s cubic-bezier(.16,1,.3,1) both;
}
.scope-popover[hidden] { display: none; }
@keyframes scope-in { from { opacity:0; transform:translateY(6px) scale(.985); } }
.scope-close { position:absolute; top:.65rem; right:.7rem; width:2rem; height:2rem; border:0; background:transparent; color:var(--ink); font-size:1.35rem; cursor:pointer; }
.scope-kicker { margin:0 2rem .55rem 0; text-transform:uppercase; letter-spacing:.16em; font-size:.72rem; font-weight:750; color:var(--copper); }
.scope-popover h3 { margin:0; max-width:15rem; font:400 1.55rem/1.05 var(--serif); letter-spacing:-.02em; }
.scope-popover > p:not(.scope-kicker):not(.scope-path) { margin:.85rem 0 0; color:#4f5f6a; font-size:.9rem; line-height:1.5; }
.scope-path { margin:1rem 0 0; padding-top:.8rem; border-top:1px solid var(--line); font:400 .82rem/1.4 var(--serif); color:var(--ink); }
.scope-more { margin:1rem 0 0; padding:0 0 .2rem; border:0; border-bottom:1px solid var(--copper); background:transparent; color:var(--ink); font-size:.78rem; font-weight:700; cursor:pointer; }
.scope-more[hidden] { display:none; }

footer { border-top: 1px solid rgba(16,42,66,.15); background: var(--paper); color: var(--muted); }

@media (max-width: 760px) {
  .scope-popover { inset:auto 0 0; width:100%; max-height:52vh; overflow:auto; border-width:3px 0 0; animation-name:scope-up; }
  @keyframes scope-up { from { opacity:0; transform:translateY(18px); } }
  .workflow-shell.has-selection .flow-item:not(.is-selected):not(.is-related) { opacity:.38; }
}

@media (prefers-reduced-motion: reduce) {
  .scope-popover { animation:none; }
  .flow-item { transition:none; }
}

/* Clear directional handoffs replace the former line through the cards. */
@media (min-width: 1041px) {
  .input-rail::after,
  .capability-stage::after,
  .review-gate::after {
    content:"";
    position:absolute;
    z-index:6;
    top:50%;
    left:calc(100% + .08rem);
    width:.78rem;
    height:8px;
    background:var(--copper);
    clip-path:polygon(0 43%,68% 43%,68% 8%,100% 50%,68% 92%,68% 57%,0 57%);
    opacity:.88;
  }
  .capability-stage::after { top:calc(50% + 39px); }
  .review-gate::before { display:none; }
  .review-gate::after { top:54%; left:100%; width:.78rem; height:8px; }
}

/* Hero refinement: specific, balanced, and editorial rather than oversized. */
@media (min-width: 1041px) {
  .hero {
    grid-template-columns: minmax(0,1.62fr) minmax(21rem,.62fr);
    gap: 2.5rem clamp(3rem,6vw,6.5rem);
    align-items:start;
    padding-top:clamp(2.75rem,4.5vw,4.75rem);
    padding-bottom:clamp(2.2rem,3.5vw,3.5rem);
  }
  .hero-title { min-width:0; }
  .hero h1 { white-space:nowrap; font-size:clamp(4.1rem,5vw,5.8rem); line-height:.9; letter-spacing:-.06em; }
  .dek { max-width:48rem; margin-top:1.2rem; font-size:clamp(1.35rem,1.8vw,1.85rem); }
  .hero-copy { margin-top:3.5rem; padding-left:2.2rem; font-size:1.03rem; line-height:1.5; }
  .hero-copy p + p { margin-top:.9rem; color:var(--muted); font-family:var(--sans); font-size:.88rem; line-height:1.55; }
  .hero-index {
    grid-column:1 / -1;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:0;
    padding:1.15rem 0 0;
    border-left:0;
    border-top:1px solid var(--line);
    line-height:1;
  }
  .hero-index li { display:flex; align-items:center; gap:.65rem; min-height:2rem; border-right:1px solid var(--line); padding:0 1.2rem; }
  .hero-index li:first-child { padding-left:0; }
  .hero-index li:last-child { border-right:0; }
  .hero-index span { color:var(--copper); font-size:.64rem; letter-spacing:.12em; }
}

@media (max-width: 1040px) {
  .hero-index {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:.5rem;
    border-left:0;
    border-top:1px solid var(--line);
    padding:1rem 0 0;
  }
  .hero-index li { display:flex; gap:.5rem; align-items:center; }
  .hero-index span { color:var(--copper); }
  .hero-copy p + p { margin-top:.75rem; color:var(--muted); font-family:var(--sans); font-size:.88rem; }
}

@media (max-width: 660px) {
  .hero-index { grid-template-columns:1fr 1fr; row-gap:.9rem; }
  .hero h1 { font-size:clamp(3.5rem,16vw,5rem); }
}

/* Layout and motion refinement */
.source-card {
  display:grid;
  grid-template-columns:1.35rem minmax(0,1fr);
  column-gap:.3rem;
  align-content:start;
}
.source-card > .source-icon { margin:0; }
.source-card > span:not(.source-icon) { align-self:center; min-width:0; }
.source-card > i { grid-column:2; margin:.32rem 0 0; }
.source-card > .mini-grid { grid-column:2; margin:.4rem 0 0; }
.source-map svg { grid-column:1 / -1; }

@media (min-width: 1041px) {
  .hero { grid-template-columns:1fr; gap:1.35rem; }
  .hero-title { width:100%; }
  .hero h1 { font-size:clamp(4.35rem,5.45vw,6.25rem); }
  .hero-copy {
    max-width:68rem;
    margin:1.35rem 0 0;
    padding:.15rem 0 .15rem 1.25rem;
    border-left:2px solid var(--copper);
    font:400 1rem/1.55 var(--serif);
  }
  .hero-index { grid-column:auto; }
}

@media (max-width: 1040px) {
  .hero-copy { margin-top:1.15rem; }
}

/* Responsive section labels stay beside the content they introduce. */
@media (max-width: 1040px) {
  .workflow-shell { gap:2.25rem; }
  .input-rail,
  .output-rail {
    grid-template-columns:145px repeat(6,minmax(0,1fr));
    gap:.55rem;
    align-items:start;
  }
  .input-rail .rail-heading,
  .output-rail .rail-heading {
    grid-column:1;
    grid-row:1;
    align-self:stretch;
    margin:0;
    padding:.15rem .85rem 0 0;
    border-right:1px solid var(--line);
  }
  .input-rail .source-card,
  .output-rail .output-card { grid-row:1; min-width:0; }
  .capability-stage {
    display:grid;
    grid-template-columns:145px minmax(0,1fr);
    gap:.75rem;
    align-items:start;
  }
  .stage-heading {
    grid-column:1;
    grid-row:1;
    align-self:stretch;
    margin:0;
    padding:.15rem .85rem 0 0;
    border-right:1px solid var(--line);
  }
  .capability-grid { grid-column:2; grid-row:1; }
  .review-gate { width:min(320px,100%); min-height:350px; padding:1.25rem 1.1rem 1.3rem; }
  .review-stamp { width:calc(100% - 28px); max-width:182px; }
  .person-mark { top:30%; }
  .stamp-title { margin-top:.65rem; font-size:.8rem; }
  .review-copy { margin-top:1rem; }
}

@media (max-width: 860px) {
  .input-rail,
  .output-rail { grid-template-columns:110px minmax(0,1fr); gap:.65rem 1rem; }
  .input-rail .rail-heading,
  .output-rail .rail-heading { grid-column:1; grid-row:1 / span 5; }
  .input-rail .source-card,
  .input-rail .source-card:last-child,
  .output-rail .output-card,
  .output-rail .output-card:last-child { grid-column:2; grid-row:auto; }
  .capability-stage { grid-template-columns:110px minmax(0,1fr); gap:1rem; }
}

@media (max-width: 540px) {
  .system { padding-inline:.75rem; }
  .input-rail,
  .output-rail { grid-template-columns:92px minmax(0,1fr); gap:.6rem .75rem; }
  .capability-stage { grid-template-columns:92px minmax(0,1fr); gap:.75rem; }
  .rail-kicker { font-size:.66rem; letter-spacing:.14em; }
  .rail h3,
  .stage-heading h3 { font-size:.88rem; }
  .review-gate { width:min(300px,100%); }
}

/* Responsive proportion audit: preserve the desktop depth without distortion. */
html,
body { max-width:100%; overflow-x:clip; }
.hero,
.system,
.workflow-shell,
.rail,
.capability-stage,
.capability-grid,
.source-card,
.output-card,
.capability-card { min-width:0; max-width:100%; }
.source-card > span:not(.source-icon),
.output-card > span,
.capability-card strong,
.rail-heading h3,
.stage-heading h3 { min-width:0; overflow-wrap:anywhere; hyphens:auto; }
.rail-kicker { min-width:0; max-width:100%; overflow-wrap:normal; }
.source-card,
.output-card,
.capability-card { overflow:hidden; }
.review-stamp { overflow:hidden; border-radius:50%; }
.mini-grid,
.output-grid,
.source-map svg { max-width:100%; }

@media (min-width: 1041px) {
  .source-card,
  .output-card { min-height:0; aspect-ratio:1.7 / 1; }
  .review-gate { min-height:360px; padding:1.15rem .7rem .95rem; }
  .review-stamp { max-width:124px; }
  .stamp-title { margin-top:.4rem; }
  .review-copy { margin-top:.75rem; padding-top:.9rem; }
}

@media (max-width: 1040px) {
  .workflow-shell,
  .input-rail,
  .output-rail { overflow:clip; }
  .review-gate::before,
  .review-gate::after { display:none; }
  .input-rail .source-card,
  .output-rail .output-card {
    width:100%;
    min-height:0;
    aspect-ratio:1.08 / 1;
    padding:clamp(.58rem,1.2vw,.78rem);
  }
  .source-card > span:not(.source-icon),
  .output-card > span { font-size:clamp(.76rem,1.45vw,.92rem); line-height:1.15; }
  .capability-card { min-height:0; aspect-ratio:1.08 / 1; }
  .review-gate { width:min(250px,100%); min-height:290px; padding:1rem .9rem; }
  .review-stamp { width:calc(100% - 44px); max-width:142px; }
  .stamp-title { margin-top:.45rem; font-size:.74rem; }
  .review-copy { margin-top:.7rem; padding-top:.75rem; font-size:.76rem; line-height:1.38; }
}

@media (max-width: 860px) {
  .input-rail,
  .output-rail { grid-template-columns:110px repeat(2,minmax(0,1fr)); }
  .input-rail .rail-heading,
  .output-rail .rail-heading { grid-column:1; grid-row:1 / span 3; }
  .input-rail .source-card,
  .input-rail .source-card:last-child,
  .output-rail .output-card,
  .output-rail .output-card:last-child { grid-column:auto; grid-row:auto; }
  .input-rail .source-card,
  .output-rail .output-card { aspect-ratio:1.18 / 1; }
  .capability-card { aspect-ratio:1.12 / 1; }
  .rail-kicker { font-size:.55rem; letter-spacing:.08em; line-height:1.35; }
}

@media (max-width: 720px) {
  .hero-index {
    grid-template-columns:1fr 1fr;
    gap:.55rem;
    padding-top:.85rem;
    border-top:1px solid var(--line);
  }
  .hero-index li {
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:.55rem;
    align-items:center;
    min-height:3.1rem;
    padding:.55rem .65rem;
    border:1px solid var(--line);
    background:rgba(255,255,255,.35);
    letter-spacing:.13em;
    line-height:1.2;
  }
  .hero-index span {
    display:grid;
    place-items:center;
    width:1.8rem;
    height:1.8rem;
    border:1px solid rgba(184,88,50,.48);
    border-radius:50%;
    font-size:.62rem;
  }
  .capability-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .capability-card { aspect-ratio:1.08 / 1; padding:.72rem; }
  .card-number { margin-bottom:1.9rem; }
  .capability-card strong { max-width:100%; font-size:.92rem; line-height:1.06; }
}

@media (max-width: 540px) {
  .hero { width:calc(100% - 1.5rem); }
  .workflow-shell { gap:1.7rem; }
  .input-rail,
  .output-rail { grid-template-columns:96px repeat(2,minmax(0,1fr)); gap:.5rem; }
  .capability-stage { grid-template-columns:96px minmax(0,1fr); gap:.6rem; }
  .input-rail .source-card,
  .output-rail .output-card { aspect-ratio:1.02 / 1; }
  .source-card > span:not(.source-icon),
  .output-card > span { font-size:.76rem; }
  .rail-kicker { font-size:.54rem; letter-spacing:.075em; line-height:1.35; }
  .review-gate { width:min(225px,100%); min-height:270px; }
  .review-stamp { max-width:124px; }
}

@media (max-width: 420px) {
  .hero-index { grid-template-columns:1fr; }
  .hero-index li { min-height:2.8rem; }
  .rail-kicker { font-size:.52rem; letter-spacing:.06em; }
  .rail h3,
  .stage-heading h3 { font-size:.8rem; line-height:1.25; }
  .capability-card { aspect-ratio:.92 / 1; }
}

@media (max-width: 360px) {
  .input-rail,
  .output-rail { grid-template-columns:96px minmax(0,1fr); }
  .input-rail .rail-heading,
  .output-rail .rail-heading { grid-row:1 / span 6; }
  .input-rail .source-card,
  .input-rail .source-card:last-child,
  .output-rail .output-card,
  .output-rail .output-card:last-child { grid-column:2; }
  .input-rail .source-card,
  .output-rail .output-card { aspect-ratio:1.35 / 1; }
  .capability-stage { grid-template-columns:96px minmax(0,1fr); }
  .capability-grid { grid-template-columns:1fr; }
  .capability-card { aspect-ratio:1.35 / 1; }
}

@media (min-width: 721px) {
  .capability-grid { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .capability-card { grid-column:span 2; }
  .capability-card:nth-last-child(2) { grid-column:2 / span 2; }
}

.motion-ready .workflow-shell:not(.is-review-ready) .review-stamp {
  transform:translateY(-6px) scale(1.1) rotate(-6deg);
}
.motion-ready .workflow-shell.is-review-ready .review-stamp {
  animation-duration:.5s;
}
@keyframes stamp-land {
  0% { opacity:0; transform:translateY(-6px) scale(1.1) rotate(-6deg); filter:blur(.3px); }
  62% { opacity:1; transform:translateY(1px) scale(.975) rotate(-2.5deg); filter:blur(0); }
  100% { opacity:1; transform:translateY(0) scale(1) rotate(-3deg); filter:blur(0); }
}

/* Lending operating model: five paired stages, one logic at every width. */
.capability-grid { align-items:stretch; }
.capability-group {
  min-width:0;
  display:grid;
  grid-template-rows:auto repeat(2,minmax(0,1fr));
  gap:.52rem;
}
.capability-group-label {
  margin:0;
  min-height:1.55rem;
  display:flex;
  align-items:center;
  gap:.38rem;
  color:var(--ink);
  font-size:.63rem;
  font-weight:750;
  letter-spacing:.14em;
  line-height:1.1;
  text-transform:uppercase;
}
.capability-group-label span { color:var(--copper); font-size:.58rem; }
.capability-group-label strong { min-width:0; font:inherit; }
.capability-group .capability-card {
  grid-column:auto;
  width:100%;
  min-height:0;
  margin:0;
  padding:.55rem;
  display:flex;
  flex-direction:column;
  background:rgba(255,255,255,.78);
}
.capability-group .card-visual {
  position:relative;
  inset:auto;
  order:0;
  width:100%;
  height:clamp(66px,46%,94px);
  flex:0 0 auto;
  margin:0 0 .55rem;
  opacity:1;
  overflow:hidden;
  border:1px solid rgba(168,181,188,.5);
}
.capability-group .card-number {
  position:absolute;
  z-index:3;
  top:.72rem;
  left:.72rem;
  min-width:1.55rem;
  min-height:1.45rem;
  display:grid;
  place-items:center;
  margin:0;
  padding:.15rem .22rem;
  border:1px solid rgba(184,88,50,.5);
  background:rgba(248,246,240,.9);
  font-size:.56rem;
  letter-spacing:.08em;
}
.capability-group .capability-card strong {
  order:2;
  max-width:100%;
  margin-top:0;
  font-size:clamp(.8rem,1.05vw,1rem);
  line-height:1.02;
}
.capability-group .capability-card > span:not(.card-visual):not(.card-number),
.capability-group .capability-card em { display:none; }

@media (min-width:541px) {
  .capability-group .capability-card > span:not(.card-visual):not(.card-number) {
    order:3;
    display:block;
    max-width:100%;
    margin:.34rem 0 0;
    color:#596974;
    font-size:.62rem;
    line-height:1.2;
  }
}

.pipeline-visual {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  grid-template-rows:1fr 1fr;
  gap:3px;
  padding:18px 9px 9px;
  background:linear-gradient(110deg,#eef2f3,#dfe9ed);
}
.pipeline-visual i { border-radius:2px; background:#7ca5c6; }
.pipeline-visual i:nth-child(2) { background:#b8d4c5; }
.pipeline-visual i:nth-child(3) { background:#e2bf86; }
.pipeline-visual b { background:rgba(255,255,255,.86); border:1px solid #c8d2d7; }
.sensitivity-visual {
  display:grid;
  grid-template-columns:1.25fr repeat(2,1fr);
  grid-template-rows:repeat(2,1fr);
  gap:3px;
  padding:18px 8px 8px;
  background:#edf1f2;
}
.sensitivity-visual i,.sensitivity-visual b { background:#d2dde2; }
.sensitivity-visual i:nth-child(2),.sensitivity-visual b:nth-of-type(1) { background:#9fc0ad; }
.sensitivity-visual i:nth-child(3),.sensitivity-visual b:nth-of-type(2) { background:#e2bd82; }
.receipt-visual { transform:rotate(-2deg) scale(.92); transform-origin:center; }
.paper-visual { transform:rotate(-2deg) scale(.92); transform-origin:center; }
.narrative-visual,.brand-visual,.comment-visual,.checklist-visual { padding:.55rem; }
.map-visual svg { width:100%; height:100%; }

.source-card,.output-card { box-shadow:0 8px 24px rgba(22,35,44,.055); }
.source-card > i,.output-card > i { margin-left:0; height:4px; }
.source-card > i:nth-of-type(1),.output-card > i:nth-of-type(1) { width:78%; }
.source-card > i:nth-of-type(2),.output-card > i:nth-of-type(2) { width:58%; }
.source-card > i:nth-of-type(3),.output-card > i:nth-of-type(3) { width:88%; }
.mini-grid,.output-grid { margin-left:0; }
.source-map svg { height:50px; }

@media (min-width:1321px) {
  .workflow-shell { grid-template-columns:230px minmax(700px,1fr) 145px 230px; gap:.7rem; }
  .input-rail,.output-rail { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.55rem; align-content:start; }
  .input-rail .rail-heading,.output-rail .rail-heading { grid-column:1 / -1; margin:0; }
  .input-rail .source-card,.output-rail .output-card { margin:0; aspect-ratio:1.04 / 1; min-height:0; padding:.6rem; }
  .source-card > span:not(.source-icon),.output-card > span { font-size:.76rem; line-height:1.08; }
  .capability-grid { grid-template-columns:repeat(5,minmax(0,1fr)); gap:.55rem; }
  .capability-group .capability-card { aspect-ratio:.74 / 1; }
  .capability-group .capability-card > span:not(.card-visual):not(.card-number) { font-size:.58rem; line-height:1.15; }
  .review-gate { min-height:360px; margin-top:78px; }
}

@media (min-width:1041px) and (max-width:1320px) {
  .workflow-shell { grid-template-columns:190px minmax(500px,1fr) 135px 190px; gap:.65rem; }
  .input-rail,.output-rail { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.5rem; align-content:start; }
  .input-rail .rail-heading,.output-rail .rail-heading { grid-column:1 / -1; margin:0; }
  .input-rail .source-card,.output-rail .output-card { margin:0; aspect-ratio:.86 / 1; min-height:0; padding:.52rem; }
  .source-card > span:not(.source-icon),.output-card > span { font-size:.68rem; line-height:1.05; }
  .capability-grid { grid-template-columns:1fr; gap:.6rem; }
  .capability-group { grid-template-columns:74px repeat(2,minmax(0,1fr)); grid-template-rows:1fr; align-items:stretch; }
  .capability-group-label { align-self:center; writing-mode:vertical-rl; transform:rotate(180deg); justify-content:center; }
  .capability-group .capability-card { aspect-ratio:1.32 / 1; }
}

@media (max-width:1040px) {
  .capability-group-label {
    min-width:0;
    max-width:100%;
    overflow:hidden;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:.18rem;
    padding-right:.4rem;
    font-size:.58rem;
    letter-spacing:.09em;
  }
  .capability-group-label strong {
    display:block;
    max-width:100%;
    overflow-wrap:anywhere;
  }
  .input-rail { grid-template-columns:145px repeat(4,minmax(0,1fr)); }
  .output-rail { grid-template-columns:145px repeat(3,minmax(0,1fr)); }
  .input-rail .rail-heading,.output-rail .rail-heading { grid-column:1; grid-row:1 / span 2; }
  .input-rail .source-card,.output-rail .output-card { grid-row:auto; aspect-ratio:1.05 / 1; }
  .capability-grid { grid-template-columns:1fr; gap:.6rem; }
  .capability-group { grid-template-columns:80px repeat(2,minmax(0,1fr)); grid-template-rows:1fr; align-items:stretch; }
  .capability-group-label { align-self:center; }
  .capability-group .capability-card { aspect-ratio:1.55 / 1; }
}

@media (max-width:860px) {
  .input-rail,.output-rail { grid-template-columns:110px repeat(2,minmax(0,1fr)); }
  .input-rail .rail-heading { grid-row:1 / span 4; }
  .output-rail .rail-heading { grid-row:1 / span 3; }
  .input-rail .source-card,.output-rail .output-card { aspect-ratio:1.15 / 1; }
  .capability-group .capability-card { aspect-ratio:1.28 / 1; }
}

@media (max-width:540px) {
  .input-rail,.output-rail { grid-template-columns:96px repeat(2,minmax(0,1fr)); }
  .capability-group { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:auto 1fr; }
  .capability-group-label { grid-column:1 / -1; min-height:1.2rem; }
  .capability-group .capability-card { aspect-ratio:.95 / 1; }
  .capability-group .card-visual { height:56px; margin-bottom:.42rem; }
  .capability-group .capability-card strong { font-size:.78rem; }
}

@media (max-width:360px) {
  .input-rail,.output-rail { grid-template-columns:96px minmax(0,1fr); }
  .input-rail .rail-heading { grid-row:1 / span 8; }
  .output-rail .rail-heading { grid-row:1 / span 6; }
  .capability-group { grid-template-columns:1fr; }
  .capability-group-label { grid-column:1; }
  .capability-group .capability-card { aspect-ratio:1.35 / 1; }
}

/* Executive-grade deliverables: visibly more resolved than the incoming source material. */
.output-rail .output-card {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  text-align:left;
  color:var(--brand-navy);
  border:1px solid rgba(16,42,66,.24);
  border-top-color:var(--brand-navy);
  border-radius:2px;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,247,242,.92));
  box-shadow:0 10px 24px rgba(7,26,43,.10),0 1px 0 rgba(255,255,255,.9) inset;
  isolation:isolate;
}
.output-rail .output-card::before {
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(180deg,var(--brand-navy) 0 60%,var(--copper) 60% 100%);
  opacity:.9;
}
.output-rail .output-card::after {
  position:absolute;
  top:.5rem;
  right:.52rem;
  font:700 .46rem/1 var(--sans);
  letter-spacing:.14em;
  color:rgba(16,42,66,.42);
}
.output-card[data-flow-id="research-brief"]::after{content:"01"}
.output-card[data-flow-id="analysis-table"]::after{content:"02"}
.output-card[data-flow-id="narrative-document"]::after{content:"03"}
.output-card[data-flow-id="tracker"]::after{content:"04"}
.output-card[data-flow-id="presentation"]::after{content:"05"}
.output-card[data-flow-id="committee-materials"]::after{content:"06"}
.output-rail .output-card > .output-meta {
  display:block;
  margin:0 1.1rem .28rem 0;
  font:700 .43rem/1.05 var(--sans);
  letter-spacing:.13em;
  text-transform:uppercase;
  color:var(--copper);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.output-rail .output-card > .output-title {
  display:block;
  margin:0;
  font:500 clamp(.72rem,.78vw,.92rem)/1.05 var(--serif);
  letter-spacing:-.015em;
  color:var(--brand-navy);
}
.output-rail .executive-preview {
  position:relative;
  display:block;
  flex:1;
  min-height:30px;
  margin:.55rem 0 0;
  border:1px solid rgba(16,42,66,.13);
  background:#f4f7f7;
  overflow:hidden;
}
.brief-preview { padding:.42rem .38rem .3rem 1rem; }
.brief-preview b { position:absolute; inset:0 auto 0 0; width:.62rem; background:linear-gradient(180deg,var(--brand-navy),#507694); }
.brief-preview i,.narrative-preview i,.committee-preview i { display:block; height:2px; margin-bottom:4px; background:#b8c6cf; border-radius:2px; }
.brief-preview i:nth-of-type(1){width:84%;background:#789bb6}.brief-preview i:nth-of-type(2){width:63%}.brief-preview i:nth-of-type(3){width:76%}
.analysis-preview { display:grid!important; grid-template-columns:1.2fr repeat(2,1fr); grid-template-rows:repeat(3,1fr); gap:1px; background:#cfd8dd!important; }
.analysis-preview b { background:#eef2f3; }
.analysis-preview b:nth-child(-n+3){background:var(--brand-navy)}
.analysis-preview b:nth-child(5),.analysis-preview b:nth-child(9){background:#d4e4dc}
.narrative-preview { padding:.42rem .5rem; }
.narrative-preview i:nth-child(1){width:88%;background:#789bb6}.narrative-preview i:nth-child(2){width:72%}.narrative-preview i:nth-child(3){width:82%}
.narrative-preview em { position:absolute; width:24px; height:12px; right:5px; bottom:4px; border-bottom:1.5px solid var(--copper); transform:rotate(-5deg); }
.workflow-preview { display:grid!important; grid-template-columns:1fr 1fr 1fr; grid-template-rows:1fr 5px; gap:3px; padding:.35rem; }
.workflow-preview i { background:#dfe6e8; border-top:2px solid #8da9bb; }
.workflow-preview b { border-radius:999px; background:#9dbbaa; }.workflow-preview b:nth-of-type(2){background:#d9b67e}.workflow-preview b:nth-of-type(3){background:#6f95b2}
.slide-preview { background:linear-gradient(112deg,var(--brand-navy) 0 62%,#6f94b1 62% 100%)!important; padding:.45rem; }
.slide-preview b { display:block; width:48%; height:2px; background:#fff; margin-bottom:5px; }
.slide-preview i { display:block; width:38%; height:2px; margin-bottom:4px; background:rgba(255,255,255,.5); }
.committee-preview { padding:.4rem .4rem .3rem 1.6rem; background:#f8f5ec!important; }
.committee-preview b { position:absolute; left:.38rem; top:50%; transform:translateY(-50%); display:grid; place-items:center; width:18px; height:18px; border:1px solid var(--copper); border-radius:50%; color:var(--copper); font:700 .7rem/1 var(--sans); }
.committee-preview i:first-of-type{width:82%;background:#789bb6}.committee-preview i:last-of-type{width:60%}
.output-rail .output-card:hover,
.output-rail .output-card:focus-visible {
  border-color:rgba(16,42,66,.52);
  box-shadow:0 15px 32px rgba(7,26,43,.15),0 1px 0 rgba(255,255,255,.95) inset;
  outline:none;
}

@media (max-width:540px) {
  .output-rail .output-card > .output-meta { font-size:.39rem; letter-spacing:.09em; }
  .output-rail .output-card > .output-title { font-size:.72rem; }
  .output-rail .executive-preview { margin-top:.42rem; min-height:28px; }
}

/* Career-page embed: preserve the approved composition without a second site shell. */
.career-embed .site-header,
.career-embed > .skip-link,
.career-embed > footer { display:none; }
.career-embed .hero { padding-top:clamp(3rem,6vw,5.5rem); }
.career-embed .system { padding-bottom:clamp(3rem,6vw,5rem); }
.career-embed main { overflow:visible; }

/* 2026-09-28 phone legibility: labels that scaled below ~8px on phones get a readable floor. */
@media (max-width: 700px) {
  body .output-rail .output-card > .output-meta { font-size: 10px; line-height: 1.25; letter-spacing: .04em; white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: normal; word-break: keep-all; hyphens: none; margin-right: .9rem; }
  body .rail-heading .rail-kicker, body .stage-heading .rail-kicker span { font-size: 10px; }
  body .capability-group .capability-group-label strong { font-size: 10.5px; }
}

/* 2026-09-28: stage labels (e.g. "Underwrite") read on one line in the side-column layout. */
@media (min-width: 541px) and (max-width: 1040px) {
  .capability-group { grid-template-columns: 96px repeat(2, minmax(0, 1fr)); }
  body .capability-group .capability-group-label strong { font-size: 10px; letter-spacing: .05em; white-space: nowrap; overflow-wrap: normal; word-break: keep-all; }
}