:root {
  --ink: #11100f;
  --ink-soft: #1d1b19;
  --ink-mid: #292623;
  --paper: #eee9df;
  --paper-bright: #f8f4eb;
  --paper-deep: #d9d0c2;
  --rule: #bcb2a3;
  --muted: #6c675f;
  --orange: #c63a0b;
  --orange-bright: #e34a12;
  --orange-dark: #8f2607;
  --accent-on: #fffdf7;
  --white: #fffdf7;
  --muted-on-dark: rgba(255,255,255,.62);
  --micro: .6875rem;
  --display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --body: "Instrument Sans", Arial, sans-serif;
  --mono: "IBM Plex Mono", monospace;
  --gutter: clamp(1.25rem, 4vw, 4.5rem);
  --max: 1440px;
  --header: 78px;
  --promo-height: 0px;
}

html.has-kit-promo.kit-promo-ready:not(.kit-promo-dismissed):not(.kit-promo-teaser-only) { --promo-height: 58px; }

*, *::before, *::after { box-sizing: border-box; }
html { overflow-x: hidden; scroll-padding-top: calc(var(--promo-height) + var(--header) + 16px); scroll-behavior: smooth; background: var(--ink); }
body { margin: 0; overflow-x: hidden; color: var(--ink); background: var(--paper); font: 16px/1.55 var(--body); -webkit-font-smoothing: antialiased; }
body.menu-open { overflow: hidden; }
body.menu-open main, body.menu-open footer { visibility: hidden; }
body.menu-open .site-header { background: var(--ink); backdrop-filter: none; }
img, svg { display: block; max-width: 100%; }
button, input, select, textarea { color: inherit; font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
p, h1, h2, h3, h4, ul, ol, dl, dd { margin-top: 0; }
button { border: 0; background: none; cursor: pointer; }
::selection { color: var(--accent-on); background: var(--orange); }
:focus-visible { outline: 2px solid var(--orange-bright); outline-offset: 4px; }
[hidden] { display: none !important; }
.skip-link { position: fixed; top: .75rem; left: .75rem; z-index: 1300; padding: .7rem 1rem; color: var(--accent-on); background: var(--orange); font: 600 .72rem var(--mono); transform: translateY(-170%); }
.skip-link:focus { transform: translateY(0); }
.honey { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.progress { position: fixed; inset: 0 0 auto; z-index: 1000; height: 2px; pointer-events: none; }
.progress span { display: block; width: 0; height: 100%; background: var(--orange-bright); }

.site-header { position: absolute; top: var(--promo-height); left: 0; z-index: 1100; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; width: 100%; height: var(--header); padding: 0 var(--gutter); color: var(--white); border-bottom: 1px solid rgba(255,255,255,.13); transition: background .25s ease, top .2s ease, transform .25s ease; }
.site-header.is-fixed { position: fixed; background: rgba(17,16,15,.96); backdrop-filter: blur(14px); }
.wordmark { display: inline-flex; align-items: center; gap: .8rem; justify-self: start; width: max-content; text-transform: uppercase; }
.wordmark-copy { display: flex; flex-direction: column; line-height: .88; }
.wordmark b { font: 700 1.02rem var(--display); letter-spacing: .035em; }
.wordmark b sup { color: var(--orange-bright); font: 500 .44rem var(--mono); vertical-align: top; }
.wordmark em { color: var(--orange-bright); font: 600 .84rem var(--display); font-style: normal; letter-spacing: .1em; }
.desktop-nav { display: flex; align-items: center; gap: clamp(1.05rem, 2vw, 2.35rem); }
.desktop-nav > a,
.nav-resources > summary { position: relative; padding: 1.8rem 0; color: rgba(255,255,255,.72); font: 500 .64rem var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.desktop-nav > a::after,
.nav-resources > summary::after { position: absolute; bottom: 1.2rem; left: 0; width: 0; height: 1px; background: var(--orange-bright); content: ""; transition: width .25s ease; }
.desktop-nav > a:hover,
.nav-resources > summary:hover,
.nav-resources[open] > summary,
.nav-resources.is-current > summary { color: var(--white); }
.desktop-nav > a:hover::after,
.nav-resources > summary:hover::after,
.nav-resources[open] > summary::after,
.nav-resources.is-current > summary::after { width: 100%; }
.nav-resources { position: relative; align-self: stretch; display: flex; align-items: center; }
.nav-resources > summary { display: flex; gap: .45rem; align-items: center; list-style: none; cursor: pointer; }
.nav-resources > summary::-webkit-details-marker { display: none; }
.nav-resources > summary > span { color: var(--orange-bright); font-size: .8rem; transition: transform .2s ease; }
.nav-resources[open] > summary > span { transform: rotate(180deg); }
.resource-dropdown-panel { position: absolute; top: calc(100% - 1px); left: 50%; z-index: 20; width: min(810px, calc(100vw - (2 * var(--gutter)))); color: var(--white); border: 1px solid rgba(255,255,255,.2); background: #171513; box-shadow: 0 26px 70px rgba(0,0,0,.42); transform: translateX(-50%); animation: dropdown-in .16s ease both; }
.resource-dropdown-columns { display: grid; grid-template-columns: 1.08fr .92fr; }
.resource-dropdown-group { min-width: 0; padding: 1.45rem 1.55rem 1.35rem; }
.resource-dropdown-group:first-child { border-right: 1px solid rgba(255,255,255,.15); }
.resource-dropdown-group > small { display: block; padding-bottom: .85rem; color: var(--orange-bright); font: 600 .55rem var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.resource-dropdown-group > a { display: block; padding: .75rem 0; color: rgba(255,255,255,.78); border-top: 1px solid rgba(255,255,255,.11); font-size: .82rem; line-height: 1.35; }
.resource-dropdown-group > a:hover,
.resource-dropdown-group > a[aria-current="page"] { color: var(--white); }
.resource-dropdown-group > a strong,
.resource-dropdown-group > a span { display: block; }
.resource-dropdown-group > a strong { font-size: .86rem; }
.resource-dropdown-group > a span { margin-top: .2rem; color: rgba(255,255,255,.46); font-size: .69rem; }
.resource-dropdown-playbook { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.55rem; color: var(--accent-on); border-top: 1px solid rgba(255,255,255,.18); background: var(--orange); }
.resource-dropdown-playbook span,
.resource-dropdown-playbook small,
.resource-dropdown-playbook strong { display: block; }
.resource-dropdown-playbook small { margin-bottom: .18rem; font: 600 .5rem var(--mono); letter-spacing: .09em; text-transform: uppercase; }
.resource-dropdown-playbook strong { font-size: .84rem; }
.resource-dropdown-playbook i { font-size: 1.35rem; font-style: normal; transition: transform .2s ease; }
.resource-dropdown-playbook:hover i { transform: translate(3px,3px); }
@keyframes dropdown-in { from { opacity: 0; transform: translate(-50%,-7px); } to { opacity: 1; transform: translate(-50%,0); } }
.header-cta { justify-self: end; font: 600 .68rem var(--mono); letter-spacing: .07em; text-transform: uppercase; }
.header-cta span { display: inline-grid; place-items: center; width: 25px; height: 25px; margin-left: .5rem; color: var(--ink); background: var(--orange-bright); transition: transform .2s ease; }
.header-cta:hover span { transform: rotate(45deg); }
.menu-button, .mobile-menu { display: none; }

.hero { position: relative; display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(430px, .98fr); gap: clamp(2rem, 4vw, 5rem); min-height: 100svh; padding: calc(var(--promo-height) + var(--header) + clamp(3rem, 6vh, 5rem)) var(--gutter) clamp(4.5rem, 7vh, 6rem); overflow: hidden; color: var(--white); background: var(--ink); isolation: isolate; }
.hero-grid { position: absolute; inset: calc(var(--promo-height) + var(--header)) 0 0 48%; z-index: -2; opacity: .085; background-image: linear-gradient(rgba(255,255,255,.35) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.35) 1px, transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(90deg, transparent, #000 22%, #000); }
.hero::before { position: absolute; top: 18%; left: -8%; z-index: -1; width: 42vw; height: 42vw; border: 1px solid rgba(255,255,255,.04); border-radius: 50%; content: ""; }
.hero-copy { align-self: center; min-width: 0; max-width: 760px; }
.file-label { display: flex; align-items: center; gap: .85rem; color: var(--muted); font: 500 .65rem var(--mono); letter-spacing: .105em; text-transform: uppercase; }
.file-label i { width: 40px; height: 1px; background: currentColor; }
.file-label.light { color: rgba(255,255,255,.52); }
.hero h1 { max-width: 820px; margin: 1.7rem 0 1.45rem; font: 700 clamp(4.4rem, 6.6vw, 8.1rem)/.8 var(--display); letter-spacing: -.04em; text-wrap: balance; text-transform: uppercase; }
.hero h1 em { color: var(--orange-bright); font-style: normal; }
.hero-intro { max-width: 680px; margin-bottom: 2rem; color: rgba(255,255,255,.75); font-size: clamp(1rem, 1.15vw, 1.18rem); line-height: 1.62; text-wrap: pretty; }
.action-row { display: flex; align-items: center; gap: 2rem; }
.button { display: inline-flex; align-items: center; justify-content: space-between; gap: 1.4rem; min-height: 53px; padding: .9rem 1.1rem .9rem 1.25rem; border: 1px solid transparent; font: 600 .67rem var(--mono); letter-spacing: .06em; text-transform: uppercase; transition: color .2s ease, background .2s ease, border .2s ease, transform .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-orange { color: var(--accent-on); background: var(--orange); }
.button-orange:hover { background: var(--orange); filter: brightness(.9); }
.button-white { color: var(--ink); background: var(--white); }
.button-white:hover { color: var(--white); background: var(--ink); border-color: rgba(255,255,255,.25); }
.text-link { display: inline-flex; gap: 1rem; align-items: center; padding: .4rem 0; border-bottom: 1px solid currentColor; font: 600 .69rem var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.text-link span { transition: transform .2s ease; }
.text-link:hover span { transform: translate(3px,-3px); }
.text-link.light { color: var(--white); }
.hero-note { display: flex; flex-wrap: wrap; gap: 1.3rem; margin-top: clamp(2.4rem, 5vh, 4rem); color: rgba(255,255,255,.34); font: 500 .56rem var(--mono); letter-spacing: .08em; }
.hero-note span + span::before { margin-right: 1.3rem; content: "/"; }

.hero-linkedin-visual { position: relative; align-self: center; justify-self: end; width: min(100%, 660px); margin: 0; padding: 1rem; isolation: isolate; }
.hero-linkedin-visual::before { position: absolute; inset: 2.8rem -1rem 1.2rem 2.6rem; z-index: -1; background-color: var(--orange); background-image: linear-gradient(rgba(255,255,255,.1) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.1) 1px, transparent 1px); background-size: 22px 22px; content: ""; transform: rotate(2.5deg); }
.hero-linkedin-frame { overflow: hidden; border: 1px solid rgba(255,255,255,.2); background: #0c1725; box-shadow: 0 35px 90px rgba(0,0,0,.5); transform: rotate(-1deg); }
.hero-linkedin-frame img { width: 100%; height: auto; }
.hero-linkedin-visual figcaption { display: flex; justify-content: space-between; gap: 1rem; margin: 0; padding: .85rem 1rem; color: rgba(255,255,255,.72); border-top: 1px solid rgba(255,255,255,.16); background: #0c1725; font: 500 .66rem/1.5 var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.hero-linkedin-visual figcaption span { color: var(--orange-bright); }
.hero-linkedin-visual figcaption small { color: rgba(255,255,255,.58); font: inherit; text-align: right; }

.authority-map { position: relative; align-self: center; justify-self: end; width: min(100%, 670px); padding: clamp(1.15rem, 2vw, 1.8rem); overflow: hidden; border: 1px solid rgba(255,255,255,.19); background: #1b1917; box-shadow: 0 35px 90px rgba(0,0,0,.48); transform: rotate(1deg); isolation: isolate; }
.authority-map::before { position: absolute; inset: 9px; z-index: -1; border: 1px solid rgba(255,255,255,.06); content: ""; }
.map-grid { position: absolute; inset: 0; z-index: -2; opacity: .22; background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px); background-size: 18px 18px; }
.map-head { display: grid; grid-template-columns: auto 1fr auto; gap: 1rem; align-items: center; padding-bottom: .9rem; border-bottom: 1px solid rgba(255,255,255,.16); font-family: var(--mono); }
.map-head span, .map-head small { color: rgba(255,255,255,.55); font-size: .62rem; letter-spacing: .07em; }
.map-head strong { color: rgba(255,255,255,.85); font-size: .66rem; letter-spacing: .07em; text-align: center; }
.map-head small { color: var(--orange-bright); }
.map-stage { padding: 1rem 0; }
.map-stage > p { margin-bottom: .65rem; color: rgba(255,255,255,.56); font: 500 .6rem var(--mono); letter-spacing: .08em; }
.map-voices { display: grid; grid-template-columns: repeat(2, 1fr); gap: .65rem; }
.map-voices > p { grid-column: 1 / -1; }
.voice-chip { display: grid; grid-template-columns: 29px 1fr; gap: .65rem; align-items: center; min-width: 0; padding: .72rem; border: 1px solid rgba(255,255,255,.15); background: rgba(17,16,15,.82); }
.voice-chip i { display: grid; place-items: center; width: 29px; height: 29px; color: var(--ink); background: var(--orange-bright); font: 600 .5rem var(--mono); font-style: normal; }
.voice-chip span { min-width: 0; }
.voice-chip b, .voice-chip small { display: block; }
.voice-chip b { font: 600 1.04rem var(--display); letter-spacing: .03em; text-transform: uppercase; }
.voice-chip small { overflow: hidden; color: rgba(255,255,255,.58); font: 500 .58rem var(--mono); text-overflow: ellipsis; white-space: nowrap; }
.map-route { position: relative; height: 112px; margin: .1rem 0; overflow: hidden; border-top: 1px solid rgba(255,255,255,.08); border-bottom: 1px solid rgba(255,255,255,.08); }
.map-route svg { width: 100%; height: 100%; }
.map-route path { fill: none; stroke: var(--orange-bright); stroke-width: 2; stroke-dasharray: 8 8; vector-effect: non-scaling-stroke; animation: signal-flow 12s linear infinite; }
.map-route circle { fill: var(--orange-bright); filter: drop-shadow(0 0 7px var(--orange-bright)); }
.map-route span { position: absolute; top: 50%; left: 50%; padding: .35rem .6rem; color: var(--white); background: var(--ink); border: 1px solid rgba(255,255,255,.17); font: 500 .56rem var(--mono); letter-spacing: .07em; transform: translate(-50%,-50%); }
@keyframes signal-flow { to { stroke-dashoffset: -160; } }
.buyer-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .5rem; }
.buyer-grid span { display: grid; place-items: center; min-height: 37px; padding: .45rem; color: rgba(255,255,255,.76); border: 1px solid rgba(255,255,255,.13); background: rgba(255,255,255,.025); font: 500 .58rem var(--mono); text-align: center; text-transform: uppercase; }
.map-result { display: flex; justify-content: space-between; gap: 1rem; padding-top: .9rem; border-top: 1px solid rgba(255,255,255,.16); font-family: var(--mono); }
.map-result span { color: var(--orange-bright); font-size: .6rem; letter-spacing: .07em; }
.map-result strong { color: rgba(255,255,255,.82); font-size: .6rem; letter-spacing: .06em; text-align: right; }
.hero-folio { position: absolute; right: var(--gutter); bottom: 1.7rem; left: var(--gutter); display: flex; align-items: center; gap: 1rem; color: rgba(255,255,255,.27); font: 500 .54rem var(--mono); letter-spacing: .1em; }
.hero-folio i { flex: 1; height: 1px; background: rgba(255,255,255,.1); }
.hero-parent-link { color: var(--muted-on-dark); transition: color .2s ease; }
.hero-parent-link:hover { color: var(--white); }

.logo-section { padding: 0 var(--gutter) clamp(1.25rem, 2.4vw, 2rem); color: var(--ink); background: var(--paper-bright); border-bottom: 1px solid var(--rule); }
.logo-intro { display: flex; justify-content: space-between; gap: 2rem; max-width: var(--max); margin: 0 auto; padding: 1.15rem 0; border-bottom: 1px solid var(--rule); font: 500 .56rem var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.logo-intro small { color: var(--muted); font: inherit; }
.logo-row { display: grid; grid-template-columns: repeat(4, 1fr); align-items: center; max-width: var(--max); margin: 0 auto; border-bottom: 1px solid var(--rule); }
.logo-row figure { display: grid; place-items: center; min-height: 110px; margin: 0; padding: 1.4rem clamp(1rem, 3vw, 2.5rem); border-right: 1px solid var(--rule); }
.logo-row figure:last-child { border-right: 0; }
.logo-row img { width: auto; max-width: 100%; max-height: 48px; object-fit: contain; filter: grayscale(1) brightness(.72) contrast(1.06); opacity: .9; }
.logo-row .logo-wide img { max-height: 40px; }

.paper-section { position: relative; padding: clamp(6rem, 10vw, 10rem) var(--gutter); background-color: var(--paper); background-image: radial-gradient(rgba(37,29,21,.045) .7px, transparent .7px); background-size: 5px 5px; }
.section-index { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 1rem; max-width: var(--max); margin: 0 auto clamp(3.5rem, 6vw, 6rem); color: var(--muted); font: 500 .59rem var(--mono); letter-spacing: .1em; }
.section-index span { color: var(--orange-dark); font-weight: 600; }
.section-index i { height: 1px; background: var(--rule); }
.section-index.dark { color: rgba(255,255,255,.38); }
.section-index.dark i { background: rgba(255,255,255,.16); }
.section-index.dark span { color: var(--orange-bright); }
.section-kicker { margin-bottom: 1.1rem; color: var(--muted); font: 600 .64rem var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.section-kicker.orange { color: var(--orange-bright); }
.evidence-heading { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(270px, .6fr); gap: clamp(2rem, 5vw, 6rem); align-items: end; max-width: var(--max); margin: 0 auto clamp(4rem, 7vw, 6.5rem); }
.evidence-heading .section-kicker { grid-column: 1 / -1; margin-bottom: -2rem; }
.evidence-heading h2 { margin: 0; font: 700 clamp(4.2rem, 7.7vw, 8.4rem)/.8 var(--display); letter-spacing: -.035em; text-transform: uppercase; }
.evidence-heading > p:last-child { margin: 0 0 .5rem; color: var(--muted); font-size: 1.06rem; line-height: 1.7; }
.evidence-ledger { display: grid; grid-template-columns: repeat(4, 1fr); max-width: var(--max); margin: 0 auto; border-top: 2px solid var(--ink); border-bottom: 1px solid var(--rule); }
.evidence-ledger article { min-height: 230px; padding: 2rem clamp(1.25rem, 2.5vw, 2.3rem); border-right: 1px solid var(--rule); }
.evidence-ledger article:last-child { border-right: 0; }
.evidence-ledger strong { display: block; color: var(--orange-dark); font: 700 clamp(4.2rem, 6vw, 6.5rem)/.8 var(--display); letter-spacing: -.035em; }
.evidence-ledger p { margin: 1.5rem 0 0; color: #45413c; font-size: .95rem; line-height: 1.6; }
.source-note { max-width: var(--max); margin: 1.5rem auto 0; color: var(--muted); font: 500 .58rem/1.7 var(--mono); }
.source-note a { color: var(--orange-dark); text-decoration: underline; text-underline-offset: 3px; }

.problem-section { padding: clamp(6rem, 10vw, 10rem) var(--gutter); overflow: hidden; color: var(--white); background: var(--ink-soft); }
.problem-heading { max-width: var(--max); margin: 0 auto clamp(4rem, 7vw, 7rem); }
.problem-heading h2 { max-width: 1030px; margin: 0 0 1.8rem; font: 700 clamp(4.5rem, 8.6vw, 9rem)/.78 var(--display); letter-spacing: -.035em; text-transform: uppercase; }
.problem-heading > p:last-child { max-width: 740px; color: rgba(255,255,255,.66); font-size: 1.08rem; line-height: 1.72; }
.system-compare { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: clamp(1.2rem, 2.5vw, 2.8rem); align-items: stretch; max-width: var(--max); margin: 0 auto; }
.old-system, .new-system { display: grid; align-content: start; min-height: 480px; padding: clamp(1.4rem, 3vw, 2.5rem); border: 1px solid rgba(255,255,255,.17); background: #171513; }
.new-system { color: var(--accent-on); background: var(--orange); border-color: var(--orange-bright); }
.old-system header, .new-system header { display: flex; justify-content: space-between; gap: 1rem; padding-bottom: 1rem; border-bottom: 1px solid rgba(255,255,255,.17); font: 500 .55rem var(--mono); letter-spacing: .08em; }
.old-system header small, .new-system header small { color: rgba(255,255,255,.42); }
.system-node { display: grid; place-items: center; min-height: 90px; margin-top: 2.2rem; border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.035); font: 700 2.2rem var(--display); letter-spacing: .04em; }
.system-nodes { display: grid; grid-template-columns: repeat(2, 1fr); gap: .7rem; margin-top: 2.2rem; }
.system-nodes span { display: grid; place-items: center; min-height: 63px; border: 1px solid rgba(255,255,255,.3); background: rgba(17,16,15,.13); font: 600 1.1rem var(--display); letter-spacing: .05em; }
.system-arrow { padding: 1.2rem 0; color: var(--orange-bright); font-size: 1.4rem; text-align: center; }
.new-system .system-arrow { color: var(--ink); }
.system-output { display: grid; grid-template-columns: repeat(2, 1fr); gap: .7rem; }
.system-output span { padding: .7rem; border: 1px solid rgba(255,255,255,.14); color: rgba(255,255,255,.65); font: 500 .57rem var(--mono); text-align: center; text-transform: uppercase; }
.new-system .system-output span { color: var(--accent-on); border-color: rgba(255,255,255,.3); background: rgba(17,16,15,.12); }
.old-system footer, .new-system footer { align-self: end; margin-top: 2.2rem; padding-top: 1rem; border-top: 1px solid rgba(255,255,255,.17); color: rgba(255,255,255,.42); font: 500 .54rem var(--mono); letter-spacing: .08em; }
.new-system header, .new-system footer { border-color: rgba(255,255,255,.3); }
.new-system header small, .new-system footer { color: rgba(255,255,255,.72); }
.compare-switch { align-self: center; display: grid; gap: .6rem; place-items: center; color: var(--orange-bright); font: 500 .5rem var(--mono); letter-spacing: .08em; writing-mode: vertical-rl; }
.compare-switch i { display: grid; place-items: center; width: 42px; height: 42px; color: var(--ink); background: var(--orange-bright); font-style: normal; writing-mode: horizontal-tb; }
.interface-proof { max-width: 1180px; margin: clamp(4rem, 7vw, 7rem) auto 0; padding-top: clamp(3rem, 5vw, 5rem); border-top: 1px solid rgba(255,255,255,.16); }
.interface-proof > header { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr); gap: 1rem clamp(2rem, 5vw, 6rem); align-items: end; margin-bottom: 2rem; }
.interface-proof > header .section-kicker { grid-column: 1 / -1; margin: 0; }
.interface-proof > header h3 { max-width: 850px; margin: 0; font: 600 clamp(2.8rem, 4.8vw, 5rem)/.88 var(--display); letter-spacing: -.02em; text-transform: uppercase; text-wrap: balance; }
.interface-proof > header > p:last-child { margin: 0 0 .35rem; color: rgba(255,255,255,.58); line-height: 1.7; }
.interface-artifact-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; max-width: 1040px; margin: 0 auto; }
.interface-artifact-grid figure { min-width: 0; margin: 0; }
.interface-artifact-frame { overflow: hidden; border: 1px solid rgba(255,255,255,.18); background: #0d1928; box-shadow: 0 24px 65px rgba(0,0,0,.3); }
.interface-artifact-frame img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.interface-artifact-grid figcaption { display: grid; gap: .45rem; padding: 1.15rem 0 0; }
.interface-artifact-grid figcaption span { color: var(--orange-bright); font: 600 .53rem var(--mono); letter-spacing: .08em; }
.interface-artifact-grid figcaption strong { max-width: 500px; font: 600 clamp(1.55rem, 2.2vw, 2.2rem)/.98 var(--display); text-transform: uppercase; }
.interface-artifact-grid figcaption small { color: rgba(255,255,255,.58); font: 500 .6rem var(--mono); letter-spacing: .05em; text-transform: uppercase; }
.outcome-intro { max-width: 1040px; margin: clamp(4rem, 7vw, 6rem) auto 0; }
.outcome-intro h3 { max-width: 760px; margin: .8rem 0 0; font: 600 clamp(2.5rem, 4vw, 4.2rem)/.9 var(--display); text-transform: uppercase; text-wrap: balance; }
.opportunity-ledger { display: grid; grid-template-columns: repeat(2, 1fr); max-width: 1040px; margin: 2rem auto 0; border-top: 1px solid rgba(255,255,255,.16); }
.opportunity-ledger article { display: grid; grid-template-columns: 50px 1fr; gap: 0 1.2rem; padding: 2rem 0; border-bottom: 1px solid rgba(255,255,255,.16); }
.opportunity-ledger article:nth-child(odd) { padding-right: clamp(1.5rem, 4vw, 5rem); border-right: 1px solid rgba(255,255,255,.16); }
.opportunity-ledger article:nth-child(even) { padding-left: clamp(1.5rem, 4vw, 5rem); }
.opportunity-ledger span { grid-row: 1 / 3; color: var(--orange-bright); font: 600 .58rem var(--mono); }
.opportunity-ledger h3 { margin: 0 0 .6rem; font: 600 clamp(1.7rem, 2.4vw, 2.6rem)/1 var(--display); text-transform: uppercase; }
.opportunity-ledger p { margin: 0; color: rgba(255,255,255,.58); line-height: 1.65; }

.fit-heading { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); gap: clamp(2rem, 5vw, 6rem); align-items: end; max-width: var(--max); margin: 0 auto clamp(4rem, 7vw, 6.5rem); }
.fit-heading .section-kicker { grid-column: 1 / -1; margin-bottom: -2rem; }
.fit-heading h2 { margin: 0; font: 700 clamp(4.4rem, 8vw, 8.5rem)/.78 var(--display); letter-spacing: -.035em; text-transform: uppercase; }
.fit-heading > p:last-child { margin: 0 0 .5rem; color: var(--muted); font-size: 1.06rem; line-height: 1.7; }
.sector-ledger { display: grid; grid-template-columns: repeat(2, 1fr); max-width: var(--max); margin: 0 auto; border-top: 2px solid var(--ink); }
.sector-ledger article { display: grid; grid-template-columns: 54px 1fr; gap: 0 1.3rem; min-height: 180px; padding: 2rem; border-right: 1px solid var(--rule); border-bottom: 1px solid var(--rule); }
.sector-ledger span { grid-row: 1 / 3; color: var(--orange-dark); font: 600 .6rem var(--mono); }
.sector-ledger h3 { margin: 0 0 .55rem; font: 600 clamp(1.8rem, 2.5vw, 2.7rem)/1 var(--display); text-transform: uppercase; }
.sector-ledger p { margin: 0; color: var(--muted); line-height: 1.65; }
.fit-callout { display: grid; grid-template-columns: 1fr; justify-items: center; gap: .7rem; max-width: var(--max); margin: 2rem auto 0; padding: 1.7rem clamp(1.25rem, 4vw, 3rem); color: var(--accent-on); background: var(--orange); text-align: center; }
.fit-callout strong { font: 600 .62rem var(--mono); letter-spacing: .07em; text-transform: uppercase; }
.fit-callout span { max-width: 1100px; font-size: clamp(1rem, 1.4vw, 1.2rem); line-height: 1.5; text-wrap: balance; }

.field-scenes { padding: clamp(6rem, 10vw, 10rem) var(--gutter); overflow: hidden; color: var(--white); background: var(--ink-soft); }
.scene-heading { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); gap: clamp(2rem, 5vw, 6rem); align-items: end; max-width: var(--max); margin: 0 auto clamp(4rem, 7vw, 6.5rem); }
.scene-heading .section-kicker { grid-column: 1 / -1; margin-bottom: -2rem; }
.scene-heading h2 { margin: 0; font: 700 clamp(4.4rem, 8vw, 8.6rem)/.78 var(--display); letter-spacing: -.035em; text-transform: uppercase; }
.scene-heading > p:last-child { margin: 0 0 .5rem; color: rgba(255,255,255,.58); font-size: 1.05rem; line-height: 1.7; }
.scene-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr); gap: 1rem; max-width: var(--max); margin: 0 auto; }
.scene-grid figure { position: relative; min-height: 330px; margin: 0; overflow: hidden; background: var(--ink); }
.scene-grid .scene-primary { grid-row: span 2; min-height: 680px; }
.scene-grid figure::after { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, transparent 50%, rgba(17,16,15,.9)); content: ""; }
.scene-grid figure::before { position: absolute; inset: 12px; z-index: 2; pointer-events: none; border: 1px solid rgba(255,255,255,.16); content: ""; }
.scene-grid img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.78) contrast(1.08); transition: transform .6s ease, filter .6s ease; }
.scene-grid figure:hover img { filter: saturate(.95) contrast(1.04); transform: scale(1.025); }
.scene-grid figcaption { position: absolute; right: 1.6rem; bottom: 1.5rem; left: 1.6rem; z-index: 3; display: grid; gap: .35rem; align-items: end; }
.scene-grid figcaption span { color: var(--orange-bright); font: 600 .54rem var(--mono); letter-spacing: .08em; }
.scene-grid figcaption strong { font: 600 clamp(1.8rem, 3vw, 3.2rem)/.95 var(--display); text-transform: uppercase; }
.scene-grid figcaption small { color: rgba(255,255,255,.66); font: 500 .6rem var(--mono); letter-spacing: .05em; text-transform: uppercase; }

.roles-section { padding: clamp(6rem, 10vw, 10rem) var(--gutter); color: var(--white); background: var(--ink); }
.roles-heading { max-width: var(--max); margin: 0 auto clamp(4rem, 7vw, 6.5rem); }
.roles-heading h2 { max-width: 1120px; margin: 0; font: 700 clamp(4.4rem, 8.4vw, 8.9rem)/.78 var(--display); letter-spacing: -.035em; text-transform: uppercase; }
.role-system { display: grid; grid-template-columns: 260px 1fr; max-width: var(--max); min-height: 480px; margin: 0 auto; border: 1px solid rgba(255,255,255,.17); background: var(--ink-soft); }
.role-tabs { display: flex; flex-direction: column; border-right: 1px solid rgba(255,255,255,.17); }
.role-tabs button { display: grid; flex: 1; grid-template-columns: 35px 1fr; gap: 1rem; align-items: center; min-height: 80px; padding: 1rem 1.2rem; color: rgba(255,255,255,.45); border-bottom: 1px solid rgba(255,255,255,.13); font: 600 1.35rem var(--display); text-align: left; text-transform: uppercase; transition: color .2s ease, background .2s ease; }
.role-tabs button span { color: var(--orange-bright); font: 500 .53rem var(--mono); }
.role-tabs button[aria-selected="true"] { color: var(--accent-on); background: var(--orange); }
.role-tabs button[aria-selected="true"] span { color: var(--ink); }
.role-panels { display: grid; }
.role-panels article { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(250px, .75fr); gap: clamp(2rem, 5vw, 6rem); align-items: center; min-height: 560px; padding: clamp(2.5rem, 5vw, 5rem); }
.role-kicker { color: var(--orange-bright); font: 600 .6rem var(--mono); letter-spacing: .09em; }
.role-panels h3 { max-width: 700px; margin: 0 0 1.3rem; font: 600 clamp(3.3rem, 5.2vw, 6rem)/.84 var(--display); text-transform: uppercase; }
.role-panels article > div > p:last-child { max-width: 720px; color: rgba(255,255,255,.62); font-size: 1.05rem; line-height: 1.7; }
.role-panels ul { margin: 0; padding: 0; border-top: 1px solid rgba(255,255,255,.17); list-style: none; }
.role-panels li { padding: 1rem 0; border-bottom: 1px solid rgba(255,255,255,.17); color: rgba(255,255,255,.7); font-size: .92rem; }
.role-panels li::before { margin-right: .8rem; color: var(--orange-bright); content: "■"; font-size: .55rem; }
.authority-map-block { max-width: 1120px; margin: clamp(4rem, 7vw, 6rem) auto 0; padding-top: clamp(3rem, 5vw, 5rem); border-top: 1px solid rgba(255,255,255,.16); }
.authority-map-intro { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr); gap: clamp(2rem, 5vw, 6rem); align-items: end; }
.authority-map-intro h3 { max-width: 760px; margin: 0; font: 600 clamp(2.5rem, 4vw, 4.15rem)/.9 var(--display); letter-spacing: -.02em; text-transform: uppercase; text-wrap: balance; }
.authority-map-intro > p { margin: 0 0 .35rem; color: rgba(255,255,255,.6); line-height: 1.7; }
.authority-map-inline { justify-self: stretch; width: min(100%, 1000px); max-width: none; margin: 2rem auto 0; transform: none; }
.authority-map-inline .map-voices { grid-template-columns: repeat(4, 1fr); }

.method-heading { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); gap: clamp(2rem, 5vw, 6rem); align-items: end; max-width: var(--max); margin: 0 auto clamp(4rem, 7vw, 6.5rem); }
.method-heading h2 { margin: 0; font: 700 clamp(4.3rem, 8vw, 8.5rem)/.78 var(--display); letter-spacing: -.035em; text-transform: uppercase; }
.method-heading > p { margin-bottom: .5rem; color: var(--muted); font-size: 1.05rem; line-height: 1.7; }
.method-ledger { max-width: var(--max); margin: 0 auto; border-top: 2px solid var(--ink); }
.method-ledger article { display: grid; grid-template-columns: 78px minmax(230px, .55fr) minmax(0, 1.45fr); gap: 1.5rem; align-items: center; min-height: 136px; border-bottom: 1px solid var(--rule); transition: padding .2s ease, color .2s ease, background .2s ease; }
.method-ledger article:hover { padding: 0 1.2rem; color: var(--white); background: var(--ink); }
.method-ledger > article > span { color: var(--orange-dark); font: 600 .63rem var(--mono); }
.method-ledger small { color: var(--muted); font: 500 .54rem var(--mono); letter-spacing: .08em; }
.method-ledger h3 { margin: .2rem 0 0; font: 600 clamp(2rem, 3.3vw, 3.6rem)/.9 var(--display); text-transform: uppercase; }
.method-ledger p { margin: 0; color: var(--muted); line-height: 1.65; }
.method-ledger article:hover > span { color: var(--orange-bright); }
.method-ledger article:hover p, .method-ledger article:hover small { color: rgba(255,255,255,.58); }
.delivery-intro { max-width: var(--max); margin: clamp(4rem, 7vw, 6rem) auto 1.5rem; }
.delivery-intro h3 { max-width: 760px; margin: .7rem 0 0; font: 600 clamp(2.7rem, 4.5vw, 4.6rem)/.9 var(--display); text-transform: uppercase; text-wrap: balance; }
.delivery-system { display: grid; grid-template-columns: repeat(3, 1fr); max-width: var(--max); margin: clamp(4rem, 7vw, 6rem) auto 0; color: var(--accent-on); background: var(--orange); }
.delivery-system article { min-height: 260px; padding: 2rem; border-right: 1px solid rgba(255,255,255,.3); }
.delivery-system article:last-child { border-right: 0; }
.delivery-system span { font: 600 .58rem var(--mono); }
.delivery-system h3 { margin: 2.8rem 0 .7rem; font: 600 3rem var(--display); text-transform: uppercase; }
.delivery-system p { margin: 0; color: rgba(255,255,255,.78); line-height: 1.65; }
.delivery-intro + .delivery-system { margin-top: 0; }
.training-support { display: grid; grid-template-columns: minmax(260px, .65fr) minmax(0, 1.35fr); gap: clamp(2rem, 5vw, 6rem); align-items: center; max-width: var(--max); margin: 1.5rem auto 0; padding: 1.6rem 1.8rem; border: 1px solid var(--rule); background: var(--paper-bright); }
.training-support span { color: var(--orange-dark); font: 600 .56rem var(--mono); letter-spacing: .08em; }
.training-support h3 { margin: .7rem 0 0; font: 600 clamp(2rem, 3vw, 3.2rem)/.95 var(--display); text-transform: uppercase; }
.training-support p { margin: 0; color: var(--muted); line-height: 1.7; }

.program-section { padding: clamp(6rem, 10vw, 10rem) var(--gutter); color: var(--white); background: var(--ink-soft); }
.program-heading { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); gap: clamp(2rem, 5vw, 6rem); align-items: end; max-width: var(--max); margin: 0 auto clamp(4rem, 7vw, 6.5rem); }
.program-heading .section-kicker { grid-column: 1 / -1; margin-bottom: -2rem; }
.program-heading h2 { margin: 0; font: 700 clamp(4.4rem, 8vw, 8.7rem)/.78 var(--display); letter-spacing: -.035em; text-transform: uppercase; }
.program-heading > p:last-child { margin: 0 0 .5rem; color: rgba(255,255,255,.6); font-size: 1.05rem; line-height: 1.7; }
.program-stack { max-width: var(--max); margin: 0 auto; border-top: 1px solid rgba(255,255,255,.18); }
.program-card { position: relative; padding: 2rem 0; border-bottom: 1px solid rgba(255,255,255,.18); }
.program-card.featured { margin: 0 calc(var(--gutter) * -.4); padding: 2rem calc(var(--gutter) * .4); color: var(--accent-on); background: var(--orange); border-color: var(--orange-bright); }
.program-card header { display: flex; justify-content: space-between; gap: 1rem; margin-bottom: 1.5rem; color: rgba(255,255,255,.4); font: 500 .56rem var(--mono); letter-spacing: .08em; }
.program-card.featured header { color: rgba(255,255,255,.72); }
.program-main { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3rem; align-items: start; }
.program-main h3 { max-width: 900px; margin: 0 0 .8rem; font: 600 clamp(2.7rem, 5vw, 5.6rem)/.84 var(--display); text-transform: uppercase; }
.program-main p { max-width: 820px; margin: 0; color: rgba(255,255,255,.6); line-height: 1.68; }
.program-card.featured .program-main p { color: rgba(255,255,255,.82); }
.program-main > strong { color: var(--orange-bright); font: 700 clamp(2.7rem, 4vw, 4.3rem)/1 var(--display); }
.program-card.featured .program-main > strong { color: var(--white); }
.program-detail { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; margin: 1.8rem 0; padding: 1.3rem 0; border-top: 1px solid rgba(255,255,255,.13); border-bottom: 1px solid rgba(255,255,255,.13); }
.program-detail p { display: grid; gap: .45rem; margin: 0; color: rgba(255,255,255,.55); font-size: .9rem; }
.program-detail-label { color: var(--orange-bright); font: 600 .53rem var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.program-card.featured .program-detail { border-color: rgba(255,255,255,.28); }
.program-card.featured .program-detail p { color: rgba(255,255,255,.78); }
.program-card.featured .program-detail-label { color: var(--white); }
.program-link { display: flex; justify-content: space-between; gap: 1rem; padding: .75rem 0; font: 600 .66rem var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.program-link span { display: grid; place-items: center; width: 30px; height: 30px; color: var(--ink); background: var(--orange-bright); transition: transform .2s ease; }
.program-card.featured .program-link span { color: var(--orange-dark); background: var(--white); }
.program-link:hover span { transform: rotate(45deg); }
.supporting-formats { display: grid; grid-template-columns: repeat(2, 1fr); max-width: var(--max); margin: 3rem auto 0; border: 1px solid rgba(255,255,255,.18); }
.supporting-formats > div { padding: 2rem; }
.supporting-formats > div:not(:last-child) { border-right: 1px solid rgba(255,255,255,.18); }
.supporting-formats span { color: var(--orange-bright); font: 600 .55rem var(--mono); letter-spacing: .08em; }
.supporting-formats h3 { margin: 1.5rem 0 .7rem; font: 600 2.2rem var(--display); text-transform: uppercase; }
.supporting-formats p { margin: 0; color: rgba(255,255,255,.56); }

.studio-heading { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); gap: clamp(2rem, 5vw, 6rem); align-items: end; max-width: var(--max); margin: 0 auto clamp(4rem, 7vw, 6rem); }
.studio-heading .section-kicker { grid-column: 1 / -1; margin-bottom: -2rem; }
.studio-heading h2 { margin: 0; font: 700 clamp(4.4rem, 8vw, 8.6rem)/.78 var(--display); letter-spacing: -.035em; text-transform: uppercase; }
.studio-heading > p:last-child { margin: 0 0 .5rem; color: var(--muted); line-height: 1.7; }
.studio-grid { display: grid; grid-template-columns: repeat(5, 1fr); max-width: var(--max); margin: 0 auto; border-top: 2px solid var(--ink); }
.studio-grid article { min-height: 300px; padding: 1.7rem; border-right: 1px solid var(--rule); border-bottom: 1px solid var(--rule); }
.studio-grid span { color: var(--orange-dark); font: 600 .58rem var(--mono); }
.studio-grid h3 { margin: 3rem 0 .7rem; font: 600 2rem/1 var(--display); text-transform: uppercase; }
.studio-grid p { margin: 0; color: var(--muted); font-size: .88rem; line-height: 1.65; }

.proof-section { padding: clamp(6rem, 10vw, 10rem) var(--gutter); color: var(--white); background: var(--ink); }
.proof-layout { display: grid; grid-template-columns: minmax(340px, .75fr) minmax(0, 1.25fr); gap: clamp(3rem, 7vw, 8rem); align-items: center; max-width: var(--max); margin: 0 auto; }
.operator-card { position: relative; min-height: 580px; padding: 2rem; overflow: hidden; color: var(--accent-on); background: var(--orange); isolation: isolate; transform: rotate(-1deg); }
.operator-grid { position: absolute; inset: 0; z-index: -1; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.28) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.28) 1px, transparent 1px); background-size: 24px 24px; }
.operator-label { font: 600 .58rem var(--mono); letter-spacing: .1em; }
.operator-portrait { position: relative; width: calc(100% + 4rem); aspect-ratio: 1 / 1; margin: 2rem -2rem 1.6rem; overflow: hidden; border-top: 1px solid rgba(255,255,255,.32); border-bottom: 1px solid rgba(255,255,255,.32); background: #f4f2ee; }
.operator-portrait img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
.operator-card h3 { margin: 0; font: 600 2.5rem var(--display); text-transform: uppercase; }
.operator-identity p { margin: .3rem 0 0; color: rgba(255,255,255,.78); line-height: 1.45; }
.operator-identity p span { display: block; }
.operator-identity p span + span { max-width: 34rem; margin-top: .35rem; font-size: .82rem; font-weight: 500; }
.operator-identity a { color: var(--white); text-decoration: underline; text-decoration-color: rgba(255,255,255,.35); text-underline-offset: .18em; }
.operator-identity a:hover { text-decoration-color: var(--orange-bright); }
.operator-card dl { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; margin: 1.8rem 0 0; padding-top: 1.5rem; border-top: 1px solid rgba(255,255,255,.32); }
.operator-card dl div { display: grid; grid-template-columns: auto 1fr; gap: .8rem; align-items: start; }
.operator-card dt { font: 700 2.5rem var(--display); }
.operator-card dd { color: rgba(255,255,255,.75); font-size: .76rem; line-height: 1.4; }
.proof-copy h2 { max-width: 900px; margin: 0 0 1.6rem; font: 700 clamp(4.2rem, 7vw, 7.8rem)/.79 var(--display); letter-spacing: -.035em; text-transform: uppercase; }
.proof-copy > p:not(.section-kicker) { max-width: 800px; color: rgba(255,255,255,.62); font-size: 1.04rem; line-height: 1.72; }
.proof-copy .text-link { margin-top: 1rem; }
.result-ledger { display: grid; grid-template-columns: minmax(0, 1.25fr) repeat(3, minmax(150px, .25fr)); max-width: var(--max); margin: clamp(4rem, 7vw, 7rem) auto 0; border-top: 1px solid rgba(255,255,255,.17); border-bottom: 1px solid rgba(255,255,255,.17); }
.result-ledger > div, .result-ledger article { min-height: 210px; padding: 1.6rem; }
.result-ledger > div, .result-ledger article:not(:last-child) { border-right: 1px solid rgba(255,255,255,.17); }
.result-ledger h3 { margin: 0 0 .7rem; font: 600 2rem var(--display); text-transform: uppercase; }
.result-ledger small { color: rgba(255,255,255,.4); line-height: 1.5; }
.result-ledger blockquote { margin: 1.25rem 0 0; padding-top: 1rem; border-top: 1px solid rgba(255,255,255,.17); color: rgba(255,255,255,.76); font-size: .85rem; line-height: 1.55; }
.result-ledger blockquote cite { display: block; margin-top: .6rem; color: var(--orange-bright); font: 500 .52rem var(--mono); font-style: normal; letter-spacing: .04em; text-transform: uppercase; }
.result-ledger article strong, .result-ledger article span { display: block; }
.result-ledger article strong { color: var(--orange-bright); font: 700 clamp(2.9rem, 3.7vw, 3.4rem)/1 var(--display); }
.result-ledger article span { color: rgba(255,255,255,.54); font-size: .8rem; }

.playbook-section { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(440px, .95fr); min-height: 950px; overflow: hidden; color: var(--accent-on); background: var(--orange); }
.playbook-copy { align-self: center; padding: clamp(5rem, 9vw, 9rem) var(--gutter); }
.playbook-copy .file-label { color: rgba(255,255,255,.68); }
.playbook-copy h2 { margin: 2rem 0 1.7rem; font: 700 clamp(4.6rem, 8vw, 8.6rem)/.78 var(--display); letter-spacing: -.035em; text-transform: uppercase; }
.playbook-copy h2 em { color: var(--white); font-style: normal; }
.playbook-copy > p { max-width: 690px; font-size: 1.08rem; line-height: 1.7; }
.playbook-copy > ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: .8rem 1.5rem; max-width: 760px; margin: 2rem 0 2.7rem; padding: 1.4rem 0; border-top: 1px solid rgba(255,255,255,.3); border-bottom: 1px solid rgba(255,255,255,.3); list-style: none; }
.playbook-copy > ul li { font: 500 .58rem var(--mono); letter-spacing: .055em; text-transform: uppercase; }
.playbook-copy > ul li::before { margin-right: .55rem; color: var(--white); content: "■"; }
.playbook-form { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; max-width: 760px; }
.playbook-form label { display: grid; gap: .45rem; }
.playbook-form label span { font: 600 .55rem var(--mono); letter-spacing: .08em; }
.playbook-form input, .playbook-form select { width: 100%; min-height: 52px; padding: .8rem 1rem; border: 1px solid rgba(255,255,255,.48); border-radius: 0; outline: 0; color: var(--accent-on); background: rgba(17,16,15,.14); }
.playbook-form input::placeholder { color: rgba(255,255,255,.62); }
.playbook-form select option { color: var(--ink); }
.playbook-form input:focus, .playbook-form select:focus { border-color: var(--accent-on); background: rgba(17,16,15,.22); }
.playbook-form .button { grid-column: 1 / -1; margin-top: .35rem; }
.playbook-form > p:last-child { grid-column: 1 / -1; margin: 0; color: rgba(255,255,255,.72); font: 500 .55rem var(--mono); }
.playbook-visual { position: relative; min-height: 100%; background-color: var(--ink-soft); background-image: linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px); background-size: 32px 32px; }
.guide-sheet { position: absolute; width: min(70%, 520px); aspect-ratio: .76; padding: clamp(1.5rem, 2.6vw, 2.3rem); overflow: hidden; box-shadow: 0 25px 70px rgba(0,0,0,.43); }
.sheet-back { top: 10%; left: 13%; color: var(--white); background: var(--orange-dark); transform: rotate(-8deg); }
.sheet-mid { top: 14%; left: 17%; color: var(--white); background: #282522; transform: rotate(5deg); }
.sheet-front { top: 17%; left: 12%; color: var(--ink); background: var(--paper-bright); transform: rotate(-1.5deg); }
.guide-sheet > span, .guide-sheet > small { font: 600 .58rem var(--mono); letter-spacing: .09em; }
.sheet-front > strong { display: block; max-width: 100%; margin-top: 17%; font: 700 clamp(2.8rem, 4.3vw, 4.7rem)/.8 var(--display); letter-spacing: -.025em; overflow-wrap: normal; text-transform: uppercase; }
.sheet-front > strong em { color: var(--orange-dark); font-style: normal; }
.sheet-front > p { max-width: 280px; margin-top: 2rem; font: 600 .72rem/1.5 var(--mono); letter-spacing: .06em; }
.sheet-front > b { position: absolute; right: 2rem; bottom: 2rem; color: var(--orange-dark); font: 600 .65rem var(--mono); }
.calendar-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: .65rem; margin-top: 3rem; }
.calendar-grid i { aspect-ratio: 1; border: 1px solid rgba(255,255,255,.3); }
.role-lines { display: grid; gap: 1rem; margin-top: 3rem; }
.role-lines i { padding: 1rem; border: 1px solid rgba(255,255,255,.25); color: rgba(255,255,255,.65); font: 600 1.2rem var(--display); font-style: normal; letter-spacing: .05em; }

.faq-layout { display: grid; grid-template-columns: minmax(360px, .72fr) minmax(0, 1.28fr); gap: clamp(3rem, 6vw, 7rem); max-width: var(--max); margin: 0 auto; }
.faq-heading { position: sticky; top: calc(var(--promo-height) + var(--header) + 2rem); align-self: start; min-width: 0; }
.faq-heading h2 { max-width: 470px; margin: 0 0 1.5rem; font: 700 clamp(3.45rem, 4.7vw, 5.2rem)/.84 var(--display); letter-spacing: -.03em; overflow-wrap: normal; text-transform: uppercase; }
.faq-heading > p:last-child { color: var(--muted); line-height: 1.7; }
.faq-list { min-width: 0; border-top: 2px solid var(--ink); }
.faq-list details { border-bottom: 1px solid var(--rule); }
.faq-list summary { display: grid; grid-template-columns: 1fr auto; gap: 1.5rem; align-items: center; padding: 1.5rem 0; cursor: pointer; font: 600 clamp(1.4rem, 2.2vw, 2.15rem)/1 var(--display); list-style: none; text-transform: uppercase; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary span { display: grid; place-items: center; width: 32px; height: 32px; color: var(--accent-on); background: var(--orange); font: 500 1rem var(--mono); transition: transform .2s ease; }
.faq-list details[open] summary span { transform: rotate(45deg); }
.faq-list details > div { padding: 0 3.5rem 1.7rem 0; }
.faq-list details p { max-width: 820px; margin: 0; color: var(--muted); line-height: 1.7; }

.contact-section { display: grid; grid-template-columns: minmax(0, .9fr) minmax(460px, 1.1fr); gap: clamp(3rem, 7vw, 8rem); padding: clamp(6rem, 10vw, 10rem) var(--gutter); color: var(--white); background: var(--ink-soft); }
.contact-copy { align-self: center; }
.contact-copy h2 { max-width: 760px; margin: 2rem 0 1.5rem; font: 700 clamp(4.4rem, 7vw, 7.8rem)/.79 var(--display); letter-spacing: -.035em; text-transform: uppercase; }
.evidence-heading h2,
.problem-heading h2,
.fit-heading h2,
.scene-heading h2,
.roles-heading h2,
.method-heading h2,
.program-heading h2,
.studio-heading h2,
.proof-copy h2,
.playbook-copy h2,
.contact-copy h2 {
  font-size: clamp(3.4rem, 6.2vw, 7rem);
  line-height: .82;
  text-wrap: balance;
}
.contact-copy > p:not(.file-label) { max-width: 650px; color: rgba(255,255,255,.62); font-size: 1.04rem; line-height: 1.72; }
.contact-assurances { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 2rem; }
.contact-assurances span { padding: .55rem .7rem; border: 1px solid rgba(255,255,255,.18); color: rgba(255,255,255,.62); font: 500 .54rem var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.contact-form { align-self: center; padding: clamp(1.6rem, 4vw, 3rem); color: var(--ink); background: var(--paper-bright); }
.form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.15rem; }
.contact-form label { display: grid; gap: .45rem; }
.contact-form label.full { grid-column: 1 / -1; }
.contact-form label span { color: var(--muted); font: 600 .55rem var(--mono); letter-spacing: .08em; }
.contact-form input, .contact-form select, .contact-form textarea { width: 100%; padding: .85rem .9rem; border: 1px solid var(--rule); border-radius: 0; outline: 0; background: var(--white); }
.contact-form input, .contact-form select { min-height: 51px; }
.contact-form textarea { resize: vertical; }
.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus { border-color: var(--orange); box-shadow: 0 0 0 1px var(--orange); }
.contact-form .button { width: 100%; margin-top: 1.3rem; }
.form-note { margin: .8rem 0 0; color: var(--muted); font: 500 .54rem var(--mono); text-align: center; }

.site-footer { padding: clamp(4rem, 7vw, 7rem) var(--gutter) 2rem; color: var(--white); background: var(--ink); }
.footer-top { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 3rem; align-items: center; max-width: var(--max); margin: 0 auto; padding-bottom: 3rem; border-bottom: 1px solid rgba(255,255,255,.16); }
.footer-top > p { max-width: 500px; margin: 0; color: rgba(255,255,255,.5); }
.footer-call { justify-self: end; font: 600 clamp(1.5rem, 2.4vw, 2.6rem) var(--display); text-transform: uppercase; }
.footer-call span { color: var(--orange-bright); }
.footer-nav { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3rem; max-width: var(--max); margin: 0 auto; padding: 3rem 0; border-bottom: 1px solid rgba(255,255,255,.16); }
.footer-nav > div { display: grid; align-content: start; gap: .8rem; }
.footer-nav small { margin-bottom: .5rem; color: var(--orange-bright); font: 600 .55rem var(--mono); letter-spacing: .08em; }
.footer-nav a { width: max-content; color: rgba(255,255,255,.58); font-size: .9rem; }
.footer-nav a:hover { color: var(--white); }
.trademark-note { max-width: var(--max); margin: 0 auto; padding: 1.6rem 0; color: rgba(255,255,255,.5); border-bottom: 1px solid rgba(255,255,255,.16); font: 500 .62rem/1.7 var(--mono); }
.footer-bottom { display: flex; justify-content: space-between; gap: 2rem; max-width: var(--max); margin: 0 auto; padding-top: 1.7rem; color: rgba(255,255,255,.44); font: 500 .6rem var(--mono); letter-spacing: .06em; }

.utility-page { min-height: 100svh; color: var(--white); background: var(--ink); }
.utility-header { display: flex; justify-content: space-between; align-items: center; min-height: var(--header); padding: 0 var(--gutter); border-bottom: 1px solid rgba(255,255,255,.15); }
.utility-header > a:last-child { color: rgba(255,255,255,.62); font: 600 .6rem var(--mono); letter-spacing: .07em; text-transform: uppercase; }
.utility-main { position: relative; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr); gap: clamp(3rem, 8vw, 9rem); align-items: center; min-height: calc(100svh - var(--header) - 78px); padding: clamp(4rem, 8vw, 8rem) var(--gutter); overflow: hidden; }
.utility-main::before { position: absolute; inset: 0 0 0 48%; z-index: -1; opacity: .08; background-image: linear-gradient(rgba(255,255,255,.35) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.35) 1px, transparent 1px); background-size: 42px 42px; content: ""; }
.utility-main.compact { grid-template-columns: minmax(0, 1.3fr) minmax(320px, .7fr); }
.utility-copy { min-width: 0; max-width: 860px; }
.utility-copy h1 { margin: 2rem 0 1.4rem; font: 700 clamp(5rem, 9vw, 10rem)/.77 var(--display); letter-spacing: -.04em; text-transform: uppercase; }
.utility-copy > p:not(.file-label):not(.utility-note) { max-width: 720px; color: rgba(255,255,255,.66); font-size: 1.08rem; line-height: 1.7; }
.utility-copy .action-row { margin-top: 2rem; }
.utility-note { margin-top: 1.3rem; color: rgba(255,255,255,.35); font: 500 .53rem var(--mono); }
.download-card { position: relative; justify-self: center; width: min(100%, 520px); aspect-ratio: .76; padding: clamp(1.7rem, 4vw, 3rem); color: var(--ink); background-color: var(--paper-bright); background-image: radial-gradient(rgba(37,29,21,.06) .7px, transparent .7px); background-size: 5px 5px; box-shadow: 0 30px 90px rgba(0,0,0,.5); transform: rotate(2deg); }
.download-card::before { display: none; }
.download-card small { font: 600 .58rem var(--mono); letter-spacing: .09em; }
.download-card strong { display: block; margin-top: 18%; font: 700 clamp(3.2rem, 5vw, 5.9rem)/.76 var(--display); letter-spacing: -.035em; text-transform: uppercase; }
.download-card strong em { color: var(--orange-dark); font-style: normal; }
.download-card p { max-width: 290px; margin-top: 2rem; font: 600 .7rem/1.5 var(--mono); letter-spacing: .06em; }
.download-card b { position: absolute; right: 2rem; bottom: 2rem; color: var(--orange-dark); font: 600 .65rem var(--mono); }
.utility-stamp { justify-self: center; display: grid; align-content: center; width: min(100%, 430px); aspect-ratio: 1; padding: 2.3rem; color: var(--accent-on); background: var(--orange); transform: rotate(-2deg); }
.utility-stamp > span { font: 600 .6rem var(--mono); letter-spacing: .09em; }
.utility-stamp > strong { margin: 3rem 0; font: 700 clamp(4rem, 7vw, 7.6rem)/.75 var(--display); text-transform: uppercase; }
.utility-stamp > small { padding-top: 1rem; border-top: 1px solid rgba(255,255,255,.32); font: 500 .54rem var(--mono); letter-spacing: .07em; }
.utility-footer { display: flex; justify-content: space-between; gap: 2rem; min-height: 78px; padding: 1.6rem var(--gutter); color: rgba(255,255,255,.3); border-top: 1px solid rgba(255,255,255,.15); font: 500 .5rem var(--mono); letter-spacing: .06em; }

.js .reveal { opacity: 1; transform: none; }
.js .reveal.in-view { opacity: 1; transform: translateY(0); }

@media (max-width: 1180px) {
  .desktop-nav { display: none; }
  .site-header { grid-template-columns: 1fr auto; }
  .header-cta { display: none; }
  .menu-button { display: grid; place-items: center; justify-self: end; width: 44px; height: 44px; }
  .menu-button i { display: block; width: 24px; height: 1px; margin: 3px 0; background: var(--white); transition: transform .2s ease; }
  .menu-button[aria-expanded="true"] i:first-child { transform: translateY(4px) rotate(45deg); }
  .menu-button[aria-expanded="true"] i:last-child { transform: translateY(-3px) rotate(-45deg); }
  .mobile-menu { position: fixed; inset: calc(var(--promo-height) + var(--header)) 0 0; z-index: 1090; display: grid; grid-template-rows: 1fr auto; padding: 2rem var(--gutter); overflow-y: auto; visibility: hidden; opacity: 0; background: var(--ink); transform: translateY(-12px); transition: opacity .2s ease, transform .2s ease; }
  .mobile-menu.is-open { visibility: visible; opacity: 1; transform: translateY(0); }
  .mobile-menu nav { display: grid; align-content: start; margin: auto 0; }
  .mobile-menu nav > a,
  .mobile-resource-nav > summary { padding: .4rem 0; font: 600 clamp(2.4rem, 7vw, 4.8rem)/1 var(--display); text-transform: uppercase; }
  .mobile-menu nav > a.mobile-primary-cta { color: var(--orange-bright); }
  .mobile-resource-nav { border-top: 1px solid transparent; border-bottom: 1px solid transparent; }
  .mobile-resource-nav[open] { margin: .4rem 0; padding: .5rem 0 .75rem; border-color: rgba(255,255,255,.15); }
  .mobile-resource-nav > summary { display: flex; align-items: center; justify-content: space-between; list-style: none; cursor: pointer; }
  .mobile-resource-nav > summary::-webkit-details-marker { display: none; }
  .mobile-resource-nav > summary span { color: var(--orange-bright); font: 400 1.6rem var(--body); transition: transform .2s ease; }
  .mobile-resource-nav[open] > summary span { transform: rotate(45deg); }
  .mobile-resource-nav.is-current > summary { color: var(--orange-bright); }
  .mobile-resource-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: .55rem; border-top: 1px solid rgba(255,255,255,.14); }
  .mobile-resource-links a { min-width: 0; padding: .72rem .8rem .72rem 0; color: rgba(255,255,255,.64); border-bottom: 1px solid rgba(255,255,255,.1); font: 500 .62rem/1.35 var(--mono); letter-spacing: .04em; text-transform: uppercase; }
  .mobile-resource-links a:nth-child(even) { padding-left: .8rem; }
  .mobile-resource-links a:hover,
  .mobile-resource-links a[aria-current="page"] { color: var(--white); }
  .mobile-menu > p { color: rgba(255,255,255,.4); font: 500 .58rem var(--mono); }
  .mobile-menu > p a { color: var(--white); text-decoration: underline; text-decoration-color: rgba(255,255,255,.35); text-underline-offset: .18em; }
  .hero { grid-template-columns: 1fr; min-height: auto; padding-top: calc(var(--promo-height) + var(--header) + 5rem); }
  .hero-copy { max-width: 880px; }
  .hero h1 { max-width: 900px; font-size: clamp(4.5rem, 9vw, 7rem); }
  .hero-linkedin-visual { justify-self: stretch; width: 100%; max-width: 720px; margin: 2rem auto 3rem; }
  .hero-grid { inset-inline-start: 0; mask-image: linear-gradient(180deg, transparent, #000 30%, #000); }
  .studio-grid { grid-template-columns: repeat(3, 1fr); }
  .playbook-section { grid-template-columns: 1fr; }
  .playbook-visual { min-height: 780px; }
  .guide-sheet { width: min(62%, 520px); }
  .faq-layout { grid-template-columns: 1fr; }
  .faq-heading { position: static; }
}

@media (max-width: 980px) {
  .hero { grid-template-columns: 1fr; min-height: auto; padding-top: calc(var(--promo-height) + var(--header) + 5rem); }
  .hero-copy { max-width: 880px; }
  .hero h1 { max-width: 900px; font-size: clamp(4.5rem, 10.5vw, 7rem); }
  .hero-linkedin-visual { justify-self: stretch; width: 100%; max-width: 780px; margin: 2rem auto 3rem; }
  .authority-map { justify-self: stretch; width: 100%; max-width: 780px; margin: 2rem auto 3rem; transform: none; }
  .authority-map-inline { max-width: none; margin: 2rem 0 0; }
  .hero-grid { inset-inline-start: 0; mask-image: linear-gradient(180deg, transparent, #000 30%, #000); }
  .evidence-heading, .fit-heading, .scene-heading, .method-heading, .program-heading, .studio-heading { grid-template-columns: 1fr; }
  .evidence-heading .section-kicker, .fit-heading .section-kicker, .scene-heading .section-kicker, .program-heading .section-kicker, .studio-heading .section-kicker { margin-bottom: 0; }
  .evidence-ledger { grid-template-columns: repeat(2, 1fr); }
  .system-compare { grid-template-columns: 1fr; }
  .interface-proof > header, .authority-map-intro { grid-template-columns: 1fr; }
  .interface-artifact-grid { grid-template-columns: 1fr; gap: 2.5rem; max-width: 620px; }
  .compare-switch { writing-mode: horizontal-tb; }
  .compare-switch i { transform: rotate(90deg); }
  .role-system { grid-template-columns: 1fr; }
  .role-tabs { display: grid; grid-template-columns: repeat(4, 1fr); border-right: 0; border-bottom: 1px solid rgba(255,255,255,.17); }
  .role-tabs button { flex: initial; grid-template-columns: 1fr; gap: .4rem; min-height: 92px; border-right: 1px solid rgba(255,255,255,.13); border-bottom: 0; text-align: center; }
  .role-tabs button:last-child { border-right: 0; }
  .role-panels article { grid-template-columns: 1fr; }
  .proof-layout { grid-template-columns: 1fr; }
  .operator-card { width: min(100%, 650px); min-height: 0; }
  .result-ledger { grid-template-columns: repeat(3, 1fr); }
  .result-ledger > div { grid-column: 1 / -1; min-height: auto; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.17); }
  .playbook-section { grid-template-columns: 1fr; }
  .playbook-visual { min-height: 820px; }
  .guide-sheet { width: min(62%, 520px); }
  .faq-layout { grid-template-columns: 1fr; }
  .faq-heading { position: static; }
  .contact-section { grid-template-columns: 1fr; }
  .utility-main, .utility-main.compact { grid-template-columns: minmax(0, 1fr); }
  .download-card, .utility-stamp { justify-self: start; width: min(100%, 520px); }
}

@media (max-width: 760px) {
  :root { --header: 70px; }
  .hero { padding-bottom: 5rem; }
  .hero h1 { font-size: clamp(4rem, 12vw, 5.8rem); }
  .action-row { align-items: flex-start; flex-direction: column; gap: 1.25rem; }
  .hero-note { gap: .65rem 1rem; }
  .hero-note span + span::before { margin-right: 1rem; }
  .hero-folio { display: none; }
  .logo-row { grid-template-columns: repeat(2, 1fr); }
  .evidence-heading h2, .fit-heading h2, .scene-heading h2, .roles-heading h2, .method-heading h2, .program-heading h2, .studio-heading h2, .problem-heading h2, .proof-copy h2, .playbook-copy h2, .faq-heading h2, .contact-copy h2 { font-size: clamp(3.25rem, 10vw, 4rem); line-height: .84; }
  .interface-artifact-grid { grid-template-columns: 1fr; gap: 2.5rem; }
  .authority-map-inline .map-voices { grid-template-columns: repeat(2, 1fr); }
  .sector-ledger { grid-template-columns: 1fr; }
  .fit-callout { grid-template-columns: 1fr; gap: .7rem; }
  .opportunity-ledger { grid-template-columns: 1fr; }
  .opportunity-ledger article:nth-child(odd), .opportunity-ledger article:nth-child(even) { padding-right: 0; padding-left: 0; border-right: 0; }
  .method-ledger article { grid-template-columns: 52px 1fr; padding: 1.5rem 0; }
  .method-ledger article > p { grid-column: 2; }
  .method-ledger article:hover { padding: 1.5rem 1rem; }
  .training-support { grid-template-columns: 1fr; gap: 1rem; }
  .delivery-system { grid-template-columns: 1fr; }
  .delivery-system article { min-height: auto; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.3); }
  .program-main { grid-template-columns: 1fr; gap: 1rem; }
  .program-main > strong { justify-self: start; }
  .program-detail, .supporting-formats { grid-template-columns: 1fr; }
  .supporting-formats > div:not(:last-child) { border-right: 0; }
  .supporting-formats > div + div { border-top: 1px solid rgba(255,255,255,.18); }
  .studio-grid { grid-template-columns: repeat(2, 1fr); }
  .operator-card { min-height: 0; }
  .result-ledger { grid-template-columns: 1fr; }
  .result-ledger > div { grid-column: auto; }
  .result-ledger article, .result-ledger article:first-of-type { min-height: auto; border-right: 0; border-top: 1px solid rgba(255,255,255,.17); }
  .playbook-copy > ul, .playbook-form { grid-template-columns: 1fr; }
  .playbook-form .button, .playbook-form > p:last-child { grid-column: auto; }
  .playbook-visual { min-height: 700px; }
  .guide-sheet { width: min(74%, 480px); }
  .form-grid { grid-template-columns: 1fr; }
  .contact-form label.full { grid-column: auto; }
  .footer-top, .footer-nav { grid-template-columns: 1fr; }
  .footer-call { justify-self: start; }
  .scene-grid { grid-template-columns: 1fr; }
  .scene-grid .scene-primary { grid-row: auto; min-height: 500px; }
  .scene-grid figure { min-height: 420px; }
  .utility-footer { display: grid; }
}

@media (max-width: 1250px) and (min-width: 981px) {
  .operator-card dl { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  :root { --gutter: 1.2rem; }
  .wordmark b { font-size: .92rem; }
  .wordmark em { font-size: .73rem; }
  .hero { gap: 2rem; padding-top: calc(var(--promo-height) + var(--header) + 3.6rem); }
  .hero h1 { font-size: clamp(3.35rem, 14vw, 4.6rem); }
  .hero-linkedin-visual { padding: 0; }
  .hero-linkedin-visual::before { inset: 2rem -.3rem -.35rem 1.3rem; }
  .hero-linkedin-visual figcaption { display: grid; }
  .hero-linkedin-visual figcaption small { text-align: left; }
  .hero-interface-tag { display: none; }
  .hero-intro { font-size: .98rem; }
  .file-label { flex-wrap: wrap; gap: .6rem; font-size: .56rem; }
  .file-label i { width: 26px; }
  .button { width: 100%; }
  .authority-map { padding: 1rem; }
  .authority-map-inline { margin-top: 1.5rem; }
  .authority-map-inline .map-voices { grid-template-columns: 1fr; }
  .map-head { grid-template-columns: 1fr auto; }
  .map-head strong { display: none; }
  .voice-chip { grid-template-columns: 25px 1fr; padding: .6rem; }
  .voice-chip i { width: 25px; height: 25px; }
  .voice-chip small { overflow: visible; line-height: 1.35; text-overflow: clip; white-space: normal; }
  .buyer-grid { grid-template-columns: repeat(2, 1fr); }
  .logo-intro { display: grid; gap: .4rem; }
  .logo-intro small { max-width: 280px; }
  .logo-row figure { min-height: 90px; padding: 1.2rem; }
  .paper-section, .problem-section, .field-scenes, .roles-section, .program-section, .proof-section, .contact-section { padding-top: 5rem; padding-bottom: 5rem; }
  .section-index { margin-bottom: 3.5rem; }
  .evidence-heading, .fit-heading, .scene-heading, .method-heading, .program-heading, .studio-heading { margin-bottom: 3.5rem; }
  .evidence-heading h2, .fit-heading h2, .scene-heading h2, .roles-heading h2, .method-heading h2, .program-heading h2, .studio-heading h2, .problem-heading h2, .proof-copy h2, .playbook-copy h2, .faq-heading h2, .contact-copy h2 { font-size: clamp(3.25rem, 10vw, 4rem); line-height: .84; }
  .evidence-ledger { grid-template-columns: 1fr; }
  .evidence-ledger article, .evidence-ledger article:nth-child(3) { min-height: auto; border-right: 0; border-bottom: 1px solid var(--rule); }
  .system-compare { gap: 1.2rem; }
  .old-system, .new-system { min-height: 430px; padding: 1.25rem; }
  .role-tabs { grid-template-columns: repeat(2, 1fr); }
  .role-tabs button { border-right: 1px solid rgba(255,255,255,.13); border-bottom: 1px solid rgba(255,255,255,.13); }
  .role-tabs button:nth-child(even) { border-right: 0; }
  .role-tabs button:nth-last-child(-n+2) { border-bottom: 0; }
  .role-panels article { min-height: 0; padding: 2rem 1.25rem; }
  .role-panels h3 { font-size: 3.2rem; }
  .method-ledger article { grid-template-columns: 42px 1fr; }
  .program-card.featured { margin-inline: -.5rem; padding-inline: .5rem; }
  .program-main h3 { font-size: 3rem; }
  .studio-grid { grid-template-columns: 1fr; }
  .studio-grid article, .studio-grid article:nth-child(odd), .studio-grid article:nth-child(4) { min-height: auto; }
  .studio-grid h3 { margin-top: 2rem; }
  .operator-card { min-height: 0; padding: 1.4rem; }
  .operator-portrait { width: calc(100% + 2.8rem); margin: 1.5rem -1.4rem 1.35rem; }
  .operator-card dl { grid-template-columns: 1fr; }
  .playbook-copy { padding-top: 5rem; padding-bottom: 5rem; }
  .playbook-visual { min-height: 600px; }
  .guide-sheet { left: 11%; width: 78%; }
  .sheet-front > strong { font-size: clamp(2.25rem, 9.5vw, 3.35rem); }
  .faq-list summary { font-size: 1.5rem; }
  .footer-bottom { display: grid; }
  .scene-grid .scene-primary, .scene-grid figure { min-height: 360px; }
  .scene-grid figcaption { right: 1.1rem; bottom: 1rem; left: 1.1rem; }
  .scene-grid figcaption strong { font-size: 1.8rem; }
  .utility-header { gap: 1rem; }
  .utility-header > a:last-child { display: none; }
  .utility-main { padding-top: 4.5rem; padding-bottom: 4.5rem; }
  .utility-copy h1 { font-size: clamp(4rem, 17vw, 6rem); }
  .utility-footer { font-size: .46rem; }
}

@media (max-width: 360px) {
  .hero h1 { font-size: 2.95rem; }
  .evidence-heading h2, .fit-heading h2, .scene-heading h2, .roles-heading h2, .method-heading h2, .program-heading h2, .problem-heading h2, .proof-copy h2, .playbook-copy h2, .faq-heading h2, .contact-copy h2 { font-size: 2.75rem; line-height: .86; }
  .role-panels h3 { font-size: 2.7rem; }
  .program-main h3 { font-size: 2.55rem; }
  .sector-ledger article { grid-template-columns: 38px minmax(0, 1fr); gap: 0 .8rem; padding: 1.4rem 1rem; }
  .sheet-front > strong { font-size: 2.15rem; }
  .download-card strong { font-size: 2.35rem; }
  .utility-stamp > strong { font-size: 3rem; }
}

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

/* 5C positioning and page-architecture refinements */
.hero h1 { max-width: 760px; font-size: clamp(3.7rem, 5.4vw, 6.6rem); line-height: .82; }
.hero-intro { margin-bottom: 1.15rem; }
.hero-system-line { max-width: 690px; margin: 0 0 1.7rem; padding: 1rem 1.1rem; color: rgba(255,255,255,.68); border: 1px solid rgba(255,255,255,.15); background: rgba(255,255,255,.025); font-size: .86rem; line-height: 1.6; }
.hero-system-line strong { color: var(--white); }

@media (min-width: 981px) {
  .hero { padding-top: calc(var(--promo-height) + var(--header) + clamp(2.25rem, 4.6vh, 3.75rem)); }
  .hero h1 { margin: 1.35rem 0 1.1rem; font-size: clamp(3rem, 4.05vw, 4.3rem); }
  .hero-intro { line-height: 1.55; }
  .hero-system-line { margin-bottom: 1.25rem; padding: .8rem 1rem; }
  .hero-linkedin-visual { width: min(94%, 620px); }
}

.enablement-heading,
.method-heading { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(300px, .7fr); gap: clamp(2rem, 5vw, 6rem); align-items: end; max-width: var(--max); margin: 0 auto clamp(3.5rem, 6vw, 5.5rem); }
.enablement-heading h2,
.opportunity-heading h2,
.growth-system-heading h2,
.fit-heading h2,
.roles-heading h2,
.method-heading h2,
.program-heading h2,
.proof-copy h2,
.playbook-copy h2,
.contact-copy h2 { font-size: clamp(3.4rem, 5.7vw, 6.6rem); line-height: .84; text-wrap: balance; }
.enablement-heading h2 { max-width: 980px; margin: 0; font-family: var(--display); font-weight: 700; letter-spacing: -.035em; text-transform: uppercase; }
.enablement-heading > p { margin: 0 0 .4rem; color: var(--muted); font-size: 1.04rem; line-height: 1.72; }
.enablement-grid { display: grid; grid-template-columns: repeat(3, 1fr); max-width: var(--max); margin: 0 auto; border-top: 2px solid var(--ink); border-bottom: 1px solid var(--rule); }
.enablement-grid article { display: grid; grid-template-rows: auto auto 1fr auto; min-height: 390px; padding: clamp(1.5rem, 3vw, 2.5rem); border-right: 1px solid var(--rule); }
.enablement-grid article:last-child { border-right: 0; }
.enablement-grid span,
.enablement-grid small { color: var(--orange-dark); font: 600 .56rem var(--mono); letter-spacing: .08em; }
.enablement-grid h3 { margin: 3rem 0 1rem; font: 600 clamp(2.25rem, 3.4vw, 3.6rem)/.9 var(--display); text-transform: uppercase; }
.enablement-grid p { margin: 0 0 2rem; color: var(--muted); line-height: 1.68; }
.enablement-grid small { align-self: end; padding-top: 1rem; color: var(--muted); border-top: 1px solid var(--rule); }
.enablement-result { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr); gap: clamp(2rem, 5vw, 6rem); align-items: center; max-width: var(--max); margin: 1.5rem auto 0; padding: 1.6rem 1.8rem; color: var(--white); background: var(--ink); }
.enablement-takeaways { display: grid; gap: .7rem; }
.enablement-takeaways > span { color: var(--orange-bright); font: 600 .55rem var(--mono); letter-spacing: .08em; }
.enablement-takeaways ul { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .7rem; margin: 0; padding: 0; list-style: none; }
.enablement-takeaways li { display: grid; place-items: center; min-width: 0; min-height: 3.25rem; padding: .55rem .5rem; border: 1px solid rgba(255,255,255,.18); font: 500 .56rem/1.35 var(--mono); letter-spacing: .04em; text-align: center; text-transform: uppercase; }
.enablement-result p { margin: 0; color: rgba(255,255,255,.64); line-height: 1.65; }
.enablement-result b { color: var(--white); }

.system-roadmap { max-width: var(--max); margin: 0 auto clamp(4rem, 7vw, 6rem); padding-top: clamp(1.8rem, 3vw, 2.5rem); border-top: 2px solid var(--ink); }
.system-roadmap-heading { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr); gap: clamp(2rem, 5vw, 6rem); align-items: end; }
.system-roadmap-heading .section-kicker { margin-bottom: .8rem; }
.system-roadmap-heading h3 { max-width: 860px; margin: 0; font: 600 clamp(2.8rem, 4.7vw, 5rem)/1.02 var(--display); letter-spacing: -.025em; text-transform: uppercase; }
.system-roadmap-heading > p { max-width: 620px; margin: 0 0 .25rem; color: var(--muted); line-height: 1.72; }
.system-roadmap-sequence { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin: clamp(2.5rem, 5vw, 4rem) 0 0; padding: 0; list-style: none; }
.system-roadmap-sequence li { position: relative; display: grid; align-content: start; min-width: 0; padding: 2.2rem 1.25rem 0 0; }
.system-roadmap-sequence li::before { position: absolute; top: 0; left: 0; z-index: 1; width: .75rem; height: .75rem; border: 2px solid var(--orange-dark); border-radius: 50%; background: var(--paper); content: ""; }
.system-roadmap-sequence li:not(:last-child)::after { position: absolute; top: .34rem; right: .9rem; left: 1rem; height: 1px; background: var(--rule); content: ""; }
.system-roadmap-sequence li:last-child::before { background: var(--orange); }
.system-roadmap-sequence span { margin-bottom: .65rem; color: var(--orange-dark); font: 600 .54rem var(--mono); letter-spacing: .08em; }
.system-roadmap-sequence strong { font: 600 clamp(1.45rem, 2.1vw, 2.1rem)/1 var(--display); text-transform: uppercase; }
.system-roadmap-sequence small { margin-top: .5rem; color: var(--muted); font: 500 .52rem/1.45 var(--mono); letter-spacing: .05em; text-transform: uppercase; }
.system-roadmap-link { display: flex; justify-content: space-between; gap: 1rem; margin-top: clamp(2rem, 4vw, 3.2rem); padding: 1.1rem 0; color: var(--ink); border-top: 1px solid var(--rule); border-bottom: 1px solid var(--ink); font: 600 .6rem var(--mono); letter-spacing: .07em; text-transform: uppercase; }
.system-roadmap-link span { color: var(--orange-dark); font-size: .85rem; }

.opportunity-section { padding: clamp(6rem, 10vw, 10rem) var(--gutter); overflow: hidden; color: var(--white); background: var(--ink-soft); }
.opportunity-heading { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); gap: 1rem clamp(2rem, 5vw, 6rem); align-items: end; max-width: var(--max); margin: 0 auto clamp(3.5rem, 6vw, 5.5rem); }
.opportunity-heading .section-kicker { grid-column: 1 / -1; margin: 0; }
.opportunity-heading h2 { max-width: 1050px; margin: 0; font-family: var(--display); font-weight: 700; letter-spacing: -.035em; text-transform: uppercase; }
.opportunity-heading > p:last-child { margin: 0 0 .4rem; color: rgba(255,255,255,.62); line-height: 1.72; }
.evidence-ledger-dark { border-color: rgba(255,255,255,.25); }
.evidence-ledger-dark article { min-width: 0; border-color: rgba(255,255,255,.15); }
.evidence-ledger-dark strong { color: var(--orange-bright); }
.evidence-ledger-dark p { color: rgba(255,255,255,.62); }
.source-note-dark { color: rgba(255,255,255,.4); }
.source-note-dark a { color: var(--orange-bright); }
.opportunity-compare-heading { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr); gap: clamp(2rem, 5vw, 6rem); align-items: end; max-width: var(--max); margin: clamp(5rem, 8vw, 8rem) auto 2.2rem; padding-top: clamp(3rem, 5vw, 5rem); border-top: 1px solid rgba(255,255,255,.16); }
.opportunity-compare-heading h3 { max-width: 850px; margin: 0; font: 600 clamp(2.7rem, 4.4vw, 4.8rem)/.88 var(--display); letter-spacing: -.02em; text-transform: uppercase; text-wrap: balance; }
.opportunity-compare-heading > p { margin: 0 0 .35rem; color: rgba(255,255,255,.6); line-height: 1.7; }
.opportunity-proof { display: grid; grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr); gap: clamp(2.5rem, 6vw, 7rem); align-items: center; max-width: 1120px; margin: clamp(4rem, 7vw, 7rem) auto 0; padding-top: clamp(3rem, 5vw, 5rem); border-top: 1px solid rgba(255,255,255,.16); }
.opportunity-proof figure { width: min(100%, 430px); margin: 0; justify-self: center; }
.opportunity-proof img { width: 100%; height: auto; max-height: 640px; border: 1px solid rgba(255,255,255,.18); object-fit: contain; box-shadow: 0 28px 70px rgba(0,0,0,.35); }
.opportunity-proof figcaption { display: grid; gap: .25rem; padding: .75rem .9rem; color: rgba(255,255,255,.55); border: 1px solid rgba(255,255,255,.16); border-top: 0; font: 500 .54rem var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.opportunity-proof figcaption span { color: var(--orange-bright); }
.opportunity-proof figcaption small { font: inherit; }
.opportunity-proof h3 { max-width: 740px; margin: 0 0 1.5rem; font: 600 clamp(2.8rem, 4.5vw, 4.8rem)/.88 var(--display); letter-spacing: -.02em; text-transform: uppercase; text-wrap: balance; }
.opportunity-proof ul { margin: 0; padding: 0; border-top: 1px solid rgba(255,255,255,.17); list-style: none; }
.opportunity-proof li { padding: 1rem 0; color: rgba(255,255,255,.58); border-bottom: 1px solid rgba(255,255,255,.17); line-height: 1.55; }
.opportunity-proof li b { color: var(--white); }

.growth-system-section { background-color: var(--paper-bright); }
.growth-system-heading { max-width: var(--max); margin: 0 auto clamp(3rem, 5vw, 4.5rem); }
.growth-system-heading h2 { max-width: 1100px; margin: 0 0 1.5rem; font-family: var(--display); font-weight: 700; letter-spacing: -.035em; text-transform: uppercase; }
.growth-system-heading > p:last-child { max-width: 900px; margin: 0; color: var(--muted); font-size: 1.04rem; line-height: 1.72; }
.five-c-grid { display: grid; max-width: var(--max); margin: 0 auto; }
.five-c-card { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(340px, .88fr); gap: clamp(2.5rem, 6vw, 7rem); align-items: center; min-width: 0; padding: clamp(3.5rem, 6vw, 6rem) 0; border-top: 1px solid var(--rule); }
.five-c-card:last-child { border-bottom: 1px solid var(--rule); }
.five-c-card:nth-child(even) .five-c-artifact { order: 2; }
.five-c-card:nth-child(even) .five-c-copy { order: 1; }
.five-c-artifact { margin: 0; overflow: hidden; border: 1px solid var(--rule); background: #081421; box-shadow: 0 24px 58px rgba(35,29,23,.14); }
.five-c-artifact img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.five-c-copy { display: grid; align-content: center; min-width: 0; }
.five-c-copy > small { color: var(--orange-dark); font: 600 .56rem var(--mono); letter-spacing: .08em; }
.five-c-copy > .five-c-label { display: flex; gap: .85rem; align-items: baseline; margin: 0; color: var(--orange-dark); text-transform: uppercase; }
.five-c-label strong { font: 700 clamp(2.4rem, 3vw, 3.25rem)/.8 var(--display); letter-spacing: -.02em; }
.five-c-label span { font: 700 clamp(.92rem, 1.2vw, 1.12rem)/1 var(--mono); letter-spacing: .1em; }
.five-c-copy h3 { margin: 1.1rem 0 .9rem; font: 600 clamp(2.5rem, 3.7vw, 4rem)/.89 var(--display); letter-spacing: -.015em; text-transform: uppercase; }
.five-c-copy p { margin: 0 0 1.7rem; color: var(--muted); line-height: 1.67; }
.five-c-skills { margin: 0 0 1.8rem; padding: 0; border-top: 1px solid var(--rule); list-style: none; }
.five-c-skills li { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 1rem; align-items: start; padding: .95rem 0; border-bottom: 1px solid var(--rule); }
.five-c-skills li > span { padding-top: .22rem; color: var(--orange-dark); font: 600 .53rem var(--mono); letter-spacing: .08em; }
.five-c-skills li > div { display: grid; gap: .25rem; }
.five-c-skills strong { font: 600 clamp(1.15rem, 1.55vw, 1.45rem)/1.08 var(--display); text-transform: uppercase; }
.five-c-skills small { color: var(--muted); font-size: .79rem; line-height: 1.45; }
.five-c-guide-link { justify-self: start; margin: -.35rem 0 1.35rem; padding-bottom: .28rem; border-bottom: 1px solid currentColor; color: var(--orange-dark); font: 600 .59rem var(--mono); letter-spacing: .07em; text-transform: uppercase; }
.five-c-guide-link:hover { color: var(--ink); }
.five-c-copy > small { padding-top: .1rem; color: var(--muted); line-height: 1.5; }
.artifact-disclaimer { max-width: var(--max); margin: 1.5rem auto 0; color: var(--muted); font: 500 .56rem var(--mono); }

.fit-heading { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(300px, .7fr); gap: 1rem clamp(2rem, 5vw, 6rem); align-items: end; max-width: var(--max); margin: 0 auto clamp(3.5rem, 6vw, 5.5rem); }
.fit-heading .section-kicker { grid-column: 1 / -1; margin: 0; }
.fit-heading h2 { margin: 0; font-family: var(--display); font-weight: 700; letter-spacing: -.035em; text-transform: uppercase; }
.fit-heading > p:last-child { margin: 0 0 .4rem; color: var(--muted); line-height: 1.72; }
.fit-signals { display: grid; grid-template-columns: repeat(5, 1fr); max-width: var(--max); margin: 0 auto; border-top: 2px solid var(--ink); border-bottom: 1px solid var(--rule); }
.fit-signals article { min-width: 0; min-height: 230px; padding: 1.5rem; border-right: 1px solid var(--rule); }
.fit-signals article:last-child { border-right: 0; }
.fit-signals span { color: var(--orange-dark); font: 600 .56rem var(--mono); }
.fit-signals h3 { margin: 3rem 0 0; font: 600 clamp(1.6rem, 2.5vw, 2.5rem)/.95 var(--display); text-transform: uppercase; }
.sector-line { max-width: var(--max); margin: 1.5rem auto 0; color: var(--muted); line-height: 1.7; }
.sector-line b { color: var(--ink); }

.roles-heading > p:last-child { max-width: 760px; margin: 1.5rem 0 0; color: rgba(255,255,255,.62); font-size: 1.04rem; line-height: 1.7; }
.ownership-block { max-width: var(--max); margin: clamp(4rem, 7vw, 6rem) auto 0; padding-top: clamp(3rem, 5vw, 5rem); border-top: 1px solid rgba(255,255,255,.16); }
.ownership-intro { display: grid; grid-template-columns: minmax(0, .45fr) minmax(0, 1.55fr); gap: clamp(2rem, 5vw, 6rem); align-items: end; }
.ownership-intro h3 { max-width: 850px; margin: 0; font: 600 clamp(2.7rem, 4.5vw, 4.8rem)/.88 var(--display); letter-spacing: -.02em; text-transform: uppercase; text-wrap: balance; }
.ownership-grid { display: grid; grid-template-columns: repeat(5, 1fr); margin-top: 2.2rem; border-top: 1px solid rgba(255,255,255,.2); border-bottom: 1px solid rgba(255,255,255,.2); }
.ownership-grid article { min-width: 0; min-height: 265px; padding: 1.5rem; border-right: 1px solid rgba(255,255,255,.17); }
.ownership-grid article:last-child { border-right: 0; }
.ownership-grid span { color: var(--orange-bright); font: 600 .54rem var(--mono); letter-spacing: .08em; }
.ownership-grid h4 { margin: 2.7rem 0 .7rem; font: 600 clamp(1.65rem, 2.5vw, 2.45rem)/.95 var(--display); text-transform: uppercase; }
.ownership-grid p { margin: 0; color: rgba(255,255,255,.55); font-size: .88rem; line-height: 1.6; }

.implementation-details { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; max-width: var(--max); margin: 1.5rem auto 0; }
.implementation-details > article { padding: clamp(1.5rem, 3vw, 2.5rem); border: 1px solid var(--rule); background: var(--paper-bright); }
.implementation-details > article > span { color: var(--orange-dark); font: 600 .56rem var(--mono); letter-spacing: .08em; }
.implementation-details h3 { margin: 2rem 0 1.2rem; font: 600 clamp(2.25rem, 3.4vw, 3.6rem)/.9 var(--display); text-transform: uppercase; }
.implementation-details ul { margin: 0; padding: 0; list-style: none; }
.implementation-details li { padding: .85rem 0; color: var(--muted); border-top: 1px solid var(--rule); }
.implementation-details li::before { margin-right: .7rem; color: var(--orange-dark); content: "■"; font-size: .5rem; }
.implementation-details dl { margin: 0; border-top: 1px solid var(--rule); }
.implementation-details dl div { padding: .9rem 0; border-bottom: 1px solid var(--rule); }
.implementation-details dt { font: 600 1.25rem var(--display); text-transform: uppercase; }
.implementation-details dd { margin-top: .25rem; color: var(--muted); line-height: 1.6; }
.assurance-strip { display: grid; grid-template-columns: repeat(4, 1fr); max-width: var(--max); margin: 1.5rem auto 0; border: 1px solid var(--rule); }
.assurance-strip span { display: grid; place-items: center; min-height: 76px; padding: 1rem; color: var(--muted); border-right: 1px solid var(--rule); font: 600 .55rem/1.5 var(--mono); letter-spacing: .06em; text-align: center; }
.assurance-strip span:last-child { border-right: 0; }

@media (max-width: 1100px) {
  .enablement-heading, .opportunity-heading, .fit-heading, .method-heading { grid-template-columns: 1fr; }
  .system-roadmap-heading { grid-template-columns: 1fr; }
  .opportunity-heading .section-kicker, .fit-heading .section-kicker { margin-bottom: 0; }
  .fit-signals, .ownership-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 980px) {
  .hero h1 { font-size: clamp(4rem, 9.8vw, 6.5rem); }
  .enablement-grid { grid-template-columns: 1fr; }
  .enablement-grid article { min-height: auto; border-bottom: 1px solid var(--rule); }
  .enablement-result, .opportunity-compare-heading, .opportunity-proof, .ownership-intro { grid-template-columns: 1fr; }
  .opportunity-proof figure { justify-self: start; }
  .five-c-card { grid-template-columns: 1fr; gap: 2rem; }
  .five-c-card:nth-child(even) .five-c-artifact,
  .five-c-card:nth-child(even) .five-c-copy { order: initial; }
  .fit-signals, .ownership-grid { grid-template-columns: repeat(2, 1fr); }
  .implementation-details { grid-template-columns: 1fr; }
  .assurance-strip { grid-template-columns: repeat(2, 1fr); }
  .assurance-strip span:nth-child(2) { border-right: 0; }
  .assurance-strip span:nth-child(-n+2) { border-bottom: 1px solid var(--rule); }
}

@media (max-width: 760px) {
  .hero h1 { font-size: clamp(3.55rem, 11.5vw, 5.2rem); }
  .enablement-heading h2, .opportunity-heading h2, .growth-system-heading h2, .fit-heading h2, .roles-heading h2, .method-heading h2, .program-heading h2, .proof-copy h2, .playbook-copy h2, .contact-copy h2 { font-size: clamp(3rem, 10vw, 4rem); line-height: .86; }
  .system-roadmap-sequence { grid-template-columns: 1fr; }
  .system-roadmap-sequence li { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: .25rem 1rem; padding: 1rem 0; border-top: 1px solid var(--rule); }
  .system-roadmap-sequence li:last-child { border-bottom: 1px solid var(--rule); }
  .system-roadmap-sequence li::before,
  .system-roadmap-sequence li:not(:last-child)::after { display: none; }
  .system-roadmap-sequence span { grid-row: 1 / 3; margin: .15rem 0 0; }
  .system-roadmap-sequence small { margin-top: 0; }
  .five-c-copy h3 { font-size: clamp(2.25rem, 8vw, 3.25rem); }
  .fit-signals, .ownership-grid { grid-template-columns: 1fr; }
  .fit-signals article, .fit-signals article:nth-child(odd), .fit-signals article:nth-child(4), .ownership-grid article, .ownership-grid article:nth-child(odd), .ownership-grid article:nth-child(4) { min-height: auto; border-right: 0; border-bottom: 1px solid var(--rule); }
  .ownership-grid article, .ownership-grid article:nth-child(odd), .ownership-grid article:nth-child(4) { border-bottom-color: rgba(255,255,255,.17); }
  .fit-signals h3, .ownership-grid h4 { margin-top: 2rem; }
  .opportunity-proof img { max-height: none; }
}

@media (max-width: 560px) {
  .mobile-resource-links { grid-template-columns: 1fr; }
  .mobile-resource-links a:nth-child(even) { padding-left: 0; }
  .opportunity-section { padding-top: 5rem; padding-bottom: 5rem; }
  .hero h1 { font-size: clamp(3.15rem, 13.5vw, 4.25rem); }
  .hero-system-line { padding: .9rem; font-size: .8rem; }
  .enablement-heading h2, .opportunity-heading h2, .growth-system-heading h2, .fit-heading h2, .roles-heading h2, .method-heading h2, .program-heading h2, .proof-copy h2, .playbook-copy h2, .contact-copy h2 { font-size: clamp(2.85rem, 12vw, 3.65rem); }
  .enablement-grid h3, .implementation-details h3 { font-size: 2.4rem; }
  .system-roadmap-heading h3 { font-size: 2.65rem; }
  .enablement-result { padding: 1.2rem; }
  .evidence-ledger-dark article { border-color: rgba(255,255,255,.15); }
  .five-c-card { padding: 3rem 0; }
  .five-c-label strong { font-size: 2.25rem; }
  .five-c-label span { font-size: .88rem; }
  .five-c-copy h3 { margin-top: 1.4rem; font-size: 2.5rem; }
  .five-c-skills li { grid-template-columns: 36px minmax(0, 1fr); gap: .75rem; }
  .assurance-strip { grid-template-columns: 1fr; }
  .assurance-strip span { border-right: 0; border-bottom: 1px solid var(--rule); }
  .assurance-strip span:last-child { border-bottom: 0; }
}

/* Final content, trademark, and proof refinements */
h1, h2, h3, h4 { text-wrap: balance; }
p, li, dd, blockquote { text-wrap: pretty; }
.wordmark { gap: 0; }
.menu-button { position: relative; }
.menu-button i { position: absolute; top: 50%; left: 50%; margin: 0; transform: translate(-50%, -5px); }
.menu-button i:last-child { transform: translate(-50%, 5px); }
.menu-button[aria-expanded="true"] i:first-child { transform: translate(-50%, -50%) rotate(45deg); }
.menu-button[aria-expanded="true"] i:last-child { transform: translate(-50%, -50%) rotate(-45deg); }
.no-break { white-space: nowrap; }
.hero h1 .trademark-mark { position: relative; top: .08em; margin-left: .05em; color: var(--white); font: 500 .17em/1 var(--mono); letter-spacing: 0; vertical-align: top; }
.hero-system-line strong,
.hero-system-line > span { display: block; }
.hero-system-line strong { margin-bottom: .3rem; }
.hero-system-line > span { white-space: nowrap; }
.hero-linkedin-frame,
.hero-linkedin-visual figcaption { background: #17110f; }

.independence-note { padding: 1.15rem var(--gutter); color: var(--white); border-top: 1px solid rgba(255,255,255,.13); border-bottom: 1px solid rgba(255,255,255,.13); background: #171411; }
.independence-note > div { display: grid; grid-template-columns: minmax(220px, .34fr) minmax(0, 1.66fr); gap: 1.2rem clamp(2rem, 5vw, 6rem); align-items: center; max-width: var(--max); margin: 0 auto; }
.independence-note strong { color: var(--orange-bright); font: 600 .58rem var(--mono); letter-spacing: .09em; }
.independence-note p { max-width: 1050px; margin: 0; color: rgba(255,255,255,.64); font: 500 .67rem/1.65 var(--mono); }

.delivery-system h3 { max-width: 360px; font-size: clamp(2.25rem, 3vw, 3rem); line-height: .9; }
.delivery-scope-note { max-width: var(--max); margin: 1rem auto 0; padding: 1rem 1.2rem; color: var(--muted); border: 1px solid var(--rule); background: var(--paper-bright); font-size: .86rem; line-height: 1.65; }
.delivery-scope-note b { color: var(--ink); }
.keep-together { white-space: nowrap; }
.supporting-formats.single { grid-template-columns: 1fr; }
.supporting-formats.single > div { max-width: 980px; }

.testimonial-proof { display: grid; gap: clamp(2rem, 4vw, 4rem); max-width: var(--max); margin: clamp(4rem, 7vw, 7rem) auto 0; padding-top: clamp(3rem, 5vw, 5rem); border-top: 1px solid rgba(255,255,255,.17); }
.testimonial-proof-heading { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr); gap: 1rem clamp(2rem, 5vw, 6rem); align-items: end; }
.testimonial-proof-heading .section-kicker { grid-column: 1 / -1; margin: 0; }
.testimonial-proof-heading h3 { max-width: 900px; margin: 0; font: 600 clamp(2.9rem, 4.6vw, 5rem)/.88 var(--display); letter-spacing: -.02em; text-transform: uppercase; }
.testimonial-proof-heading > p:last-child { max-width: 520px; margin: 0 0 .35rem; color: rgba(255,255,255,.55); line-height: 1.7; }
.testimonial-feature { display: grid; grid-template-columns: clamp(150px, 15vw, 210px) minmax(0, 1fr); gap: clamp(1.5rem, 4vw, 4rem); align-items: center; margin: 0; padding: clamp(1.5rem, 3vw, 2.5rem); border: 1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.025); }
.testimonial-feature img { width: 100%; height: auto; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.16); object-fit: cover; }
.testimonial-feature > div { min-width: 0; }
.testimonial-feature p { max-width: 980px; margin: 0; color: rgba(255,255,255,.82); font-size: clamp(1.05rem, 1.45vw, 1.32rem); line-height: 1.66; }
.testimonial-feature cite { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: .15rem 1rem; align-items: baseline; margin-top: 1.5rem; padding-top: 1.1rem; border-top: 1px solid rgba(255,255,255,.17); font-style: normal; }
.testimonial-feature cite strong { color: var(--orange-bright); font: 600 2rem var(--display); text-transform: uppercase; }
.testimonial-feature cite span { color: rgba(255,255,255,.54); font: 500 .58rem/1.55 var(--mono); letter-spacing: .04em; text-transform: uppercase; }
.testimonial-feature cite small { grid-column: 1 / -1; color: rgba(255,255,255,.32); font: 500 .5rem var(--mono); letter-spacing: .04em; text-transform: uppercase; }
.testimonial-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid rgba(255,255,255,.18); border-bottom: 1px solid rgba(255,255,255,.18); }
.testimonial-grid blockquote { display: grid; grid-template-rows: 1fr auto; min-width: 0; min-height: 390px; margin: 0; padding: clamp(1.5rem, 3vw, 2.4rem); }
.testimonial-grid blockquote:not(:last-child) { border-right: 1px solid rgba(255,255,255,.18); }
.testimonial-grid blockquote > p { margin: 0; color: rgba(255,255,255,.78); font-size: clamp(.96rem, 1.1vw, 1.08rem); line-height: 1.72; }
.testimonial-grid cite { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 1rem; align-items: center; margin-top: 2rem; padding-top: 1.2rem; border-top: 1px solid rgba(255,255,255,.17); font-style: normal; }
.testimonial-avatar { display: block; width: 72px; height: 72px; overflow: hidden; border: 1px solid rgba(255,255,255,.18); background: #080808; }
.testimonial-avatar img { width: 100%; height: 100%; object-fit: cover; }
.testimonial-avatar .testimonial-photo-ira { transform: scale(1.8); transform-origin: 52% 19%; }
.testimonial-attribution { display: grid; gap: .35rem; min-width: 0; }
.testimonial-grid cite strong { color: var(--orange-bright); font: 600 1.7rem var(--display); text-transform: uppercase; }
.testimonial-grid .testimonial-attribution > span { color: rgba(255,255,255,.46); font: 500 .54rem/1.55 var(--mono); letter-spacing: .04em; text-transform: uppercase; }

@media (max-width: 980px) {
  .independence-note > div,
  .testimonial-proof-heading { grid-template-columns: 1fr; }
  .testimonial-proof-heading .section-kicker { grid-column: auto; }
  .testimonial-grid { grid-template-columns: 1fr; }
  .testimonial-grid blockquote { min-height: 0; }
  .testimonial-grid blockquote:not(:last-child) { border-right: 0; }
  .testimonial-grid blockquote + blockquote { border-top: 1px solid rgba(255,255,255,.18); }
}

@media (max-width: 560px) {
  .hero-system-line > span { white-space: normal; text-wrap: balance; }
  .independence-note { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .independence-note > div { gap: .65rem; }
  .independence-note p { font-size: .62rem; }
  .delivery-system h3 { font-size: 2.35rem; }
  .program-main h3 { font-size: clamp(2.25rem, 10.5vw, 2.6rem); }
  .testimonial-proof-heading h3 { font-size: 2.8rem; }
  .testimonial-feature { grid-template-columns: 1fr; padding: 1.2rem; }
  .testimonial-feature img { width: 112px; }
  .testimonial-feature p { font-size: 1rem; }
  .testimonial-feature cite { grid-template-columns: 1fr; gap: .3rem; }
  .testimonial-feature cite small { grid-column: auto; }
  .testimonial-grid blockquote { padding: 1.4rem 1.2rem; }
}

@media (max-width: 1100px) {
  .enablement-result { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .enablement-takeaways ul { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .enablement-takeaways li { grid-column: span 2; }
  .enablement-takeaways li:nth-child(4) { grid-column: 2 / span 2; }
  .enablement-takeaways li:nth-child(5) { grid-column: 4 / span 2; }
}

@media (max-width: 480px) {
  .enablement-takeaways ul { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .enablement-takeaways li { grid-column: span 2; }
  .enablement-takeaways li:nth-child(4) { grid-column: 2 / span 2; }
  .enablement-takeaways li:nth-child(5) { grid-column: 4 / span 2; }
  .keep-together { white-space: normal; }
}

.mobile-resource-links a:last-child { grid-column: 1 / -1; }

@media (max-width: 1100px) and (min-width: 981px) {
  .fit-signals,
  .ownership-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .fit-signals article,
  .ownership-grid article { grid-column: span 2; }
  .fit-signals article:nth-child(-n+3) { border-bottom: 1px solid var(--rule); }
  .ownership-grid article:nth-child(-n+3) { border-bottom: 1px solid rgba(255,255,255,.17); }
  .fit-signals article:nth-child(3),
  .fit-signals article:nth-child(5),
  .ownership-grid article:nth-child(3),
  .ownership-grid article:nth-child(5) { border-right: 0; }
  .fit-signals article:nth-child(4),
  .ownership-grid article:nth-child(4) { grid-column: 2 / span 2; }
}

@media (max-width: 980px) {
  .evidence-ledger article { border-right: 0; }
  .evidence-ledger article:nth-child(odd):not(:last-child) { border-right: 1px solid var(--rule); }
  .evidence-ledger article:nth-child(-n+2) { border-bottom: 1px solid var(--rule); }
  .evidence-ledger-dark article:nth-child(odd):not(:last-child),
  .evidence-ledger-dark article:nth-child(-n+2) { border-color: rgba(255,255,255,.15); }
  .fit-signals,
  .ownership-grid { grid-template-columns: 1fr; }
  .fit-signals article,
  .ownership-grid article { border-right: 0; }
  .fit-signals article:not(:last-child) { border-bottom: 1px solid var(--rule); }
  .ownership-grid article:not(:last-child) { border-bottom: 1px solid rgba(255,255,255,.17); }
  .fit-signals article:last-child,
  .ownership-grid article:last-child,
  .enablement-grid article:last-child { border-bottom: 0; }
}

@media (max-width: 760px) {
  .logo-row figure { border-right: 0; }
  .logo-row figure:nth-child(odd) { border-right: 1px solid var(--rule); }
  .logo-row figure:nth-child(-n+2) { border-bottom: 1px solid var(--rule); }
  .hero-system-line > span,
  .keep-together { white-space: normal; }
}

@media (max-width: 560px) {
  .evidence-ledger article,
  .evidence-ledger article:nth-child(odd):not(:last-child) { border-right: 0; }
  .evidence-ledger article:not(:last-child) { border-bottom: 1px solid var(--rule); }
  .evidence-ledger-dark article:not(:last-child) { border-bottom-color: rgba(255,255,255,.15); }
  .evidence-ledger article:last-child { border-bottom: 0; }
}

/* 5C Team Activation Kit lead capture */
html.has-kit-promo.kit-promo-ready:not(.kit-promo-dismissed):not(.kit-promo-teaser-only) { --promo-height: calc(58px + env(safe-area-inset-top)); }
.kit-promo-bar { position: fixed; inset: 0 0 auto; z-index: 1200; height: var(--promo-height); padding-top: env(safe-area-inset-top); color: var(--white); border-bottom: 1px solid rgba(255,255,255,.24); background: var(--orange); }
html.kit-promo-dismissed .kit-promo-bar { display: none; }
.kit-promo-inner { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; gap: clamp(.7rem, 2vw, 1.5rem); align-items: center; width: min(100%, var(--max)); height: 100%; margin: 0 auto; padding: 0 var(--gutter); }
.kit-promo-mark { display: grid; place-items: center; width: 34px; height: 34px; color: var(--orange); background: var(--white); font: 700 .72rem var(--mono); letter-spacing: .02em; }
.kit-promo-copy { min-width: 0; margin: 0; font: 500 .68rem/1.35 var(--mono); letter-spacing: .035em; text-transform: uppercase; }
.kit-promo-copy strong { color: var(--white); font-weight: 600; }
.kit-promo-copy-mobile { display: none; }
.kit-promo-action { display: inline-grid; place-items: center; min-height: 38px; padding: .55rem .9rem; color: var(--ink); background: var(--white); font: 600 .61rem var(--mono); letter-spacing: .065em; text-transform: uppercase; transition: color .2s ease, background .2s ease, transform .2s ease; }
.kit-promo-action:hover { color: var(--white); background: var(--ink); transform: translateY(-1px); }
.kit-promo-close { display: grid; place-items: center; width: 44px; height: 44px; color: var(--white); font: 500 1.15rem var(--mono); }
.kit-promo-close:hover { background: rgba(17,16,15,.18); }

.playbook-actions { flex-wrap: wrap; }
.activation-kit-visual { display: grid; place-items: center; min-height: 100%; padding: clamp(4rem, 7vw, 7rem); }
.activation-kit-cover { position: relative; z-index: 1; width: min(72%, 520px); margin: 0; background: var(--ink); box-shadow: 0 32px 85px rgba(0,0,0,.52); transform: rotate(-1.5deg); }
.activation-kit-cover::before,
.activation-kit-cover::after { position: absolute; inset: 0; z-index: -1; border: 1px solid rgba(255,255,255,.15); background: var(--paper-bright); content: ""; }
.activation-kit-cover::before { transform: translate(18px,12px) rotate(3deg); }
.activation-kit-cover::after { transform: translate(-12px,18px) rotate(-3deg); }
.activation-kit-cover img { width: 100%; height: auto; }
.activation-kit-cover figcaption { display: flex; justify-content: space-between; gap: 1rem; padding: .85rem 1rem; color: rgba(255,255,255,.66); border-top: 1px solid rgba(255,255,255,.14); background: var(--ink); font: 500 .55rem/1.45 var(--mono); letter-spacing: .055em; text-transform: uppercase; }
.activation-kit-cover figcaption span { color: var(--orange-bright); }
.activation-kit-cover figcaption small { font: inherit; text-align: right; }
.activation-kit-callout { position: absolute; right: 5%; bottom: 7%; z-index: 2; width: min(330px, 44%); padding: 1.35rem; color: var(--white); border: 1px solid rgba(255,255,255,.22); background: var(--orange); box-shadow: 0 18px 48px rgba(0,0,0,.35); }
.activation-kit-callout small,
.activation-kit-callout strong,
.activation-kit-callout span { display: block; }
.activation-kit-callout small { font: 600 .55rem var(--mono); letter-spacing: .09em; }
.activation-kit-callout strong { margin: .85rem 0; font: 600 2rem/.92 var(--display); text-transform: uppercase; }
.activation-kit-callout span { color: rgba(255,255,255,.76); font: 500 .5rem/1.55 var(--mono); letter-spacing: .04em; }

.kit-teaser { position: fixed; right: max(1rem, env(safe-area-inset-right)); bottom: max(1rem, env(safe-area-inset-bottom)); z-index: 1050; display: grid; grid-template-columns: 78px minmax(0, 1fr) auto; gap: 1rem; align-items: center; width: min(410px, calc(100vw - 2rem)); padding: .85rem; color: var(--white); border: 1px solid rgba(255,255,255,.18); background: rgba(17,16,15,.98); box-shadow: 0 22px 65px rgba(0,0,0,.38); opacity: 0; transform: translateY(18px); transition: opacity .24s ease, transform .24s ease; }
.kit-teaser.is-visible { opacity: 1; transform: translateY(0); }
.kit-teaser img { width: 78px; height: 101px; border: 1px solid rgba(255,255,255,.16); object-fit: cover; }
.kit-teaser-copy { min-width: 0; }
.kit-teaser-copy small,
.kit-teaser-copy strong { display: block; }
.kit-teaser-copy small { margin-bottom: .35rem; color: var(--orange-bright); font: 600 .5rem var(--mono); letter-spacing: .09em; text-transform: uppercase; }
.kit-teaser-copy strong { font: 600 1.5rem/.94 var(--display); text-transform: uppercase; }
.kit-teaser-copy a { display: inline-block; margin-top: .65rem; padding: .35rem 0; color: var(--white); border-bottom: 1px solid currentColor; font: 600 .56rem var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.kit-teaser-close { align-self: start; display: grid; place-items: center; width: 44px; height: 44px; color: rgba(255,255,255,.72); font: 500 1rem var(--mono); }
.kit-teaser-close:hover { color: var(--white); background: rgba(255,255,255,.08); }

.kit-modal { width: min(840px, calc(100vw - 1rem)); max-width: none; max-height: calc(100svh - 1rem); margin: auto; padding: 0; overflow: hidden; color: var(--ink); border: 1px solid rgba(255,255,255,.2); border-radius: 0; background: var(--paper-bright); box-shadow: 0 38px 110px rgba(0,0,0,.58); }
.kit-modal::backdrop { background: rgba(8,8,8,.78); backdrop-filter: blur(5px); }
.kit-dialog-grid { position: relative; display: grid; grid-template-columns: minmax(210px, .56fr) minmax(0, 1.44fr); min-height: 0; max-height: calc(100svh - 1rem); overflow: auto; overflow-anchor: none; }
.kit-dialog-cover { display: grid; place-items: center; min-width: 0; padding: 1.5rem; background-color: var(--ink-soft); background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px); background-size: 26px 26px; }
.kit-dialog-cover img { width: min(100%, 235px); height: auto; box-shadow: 0 22px 55px rgba(0,0,0,.48); transform: rotate(-1deg); }
.kit-dialog-content { align-self: start; min-width: 0; padding: clamp(1.4rem, 3vw, 2.2rem); }
.kit-dialog-eyebrow { margin: 0 0 .6rem; color: var(--orange-dark); font: 600 .55rem var(--mono); letter-spacing: .09em; text-transform: uppercase; }
.kit-dialog-content h2 { max-width: 540px; margin: 0 0 .7rem; font: 700 clamp(2.7rem, 4.25vw, 4rem)/.84 var(--display); letter-spacing: -.025em; text-transform: uppercase; }
.kit-dialog-content > p:not(.kit-dialog-eyebrow):not(.kit-form-fallback) { max-width: 570px; margin-bottom: .85rem; color: var(--muted); font-size: .9rem; line-height: 1.45; }
.kit-dialog-benefits { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .4rem .8rem; margin: 0 0 .9rem; padding: .65rem 0; border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); list-style: none; }
.kit-dialog-benefits li { color: var(--ink); font: 500 .55rem/1.45 var(--mono); letter-spacing: .035em; text-transform: uppercase; }
.kit-dialog-benefits li::before { margin-right: .45rem; color: var(--orange-dark); content: "■"; }
.kit-dialog-close { position: absolute; top: .7rem; right: .7rem; z-index: 2; display: grid; place-items: center; width: 44px; height: 44px; color: var(--ink); background: rgba(248,244,235,.88); font: 500 1.2rem var(--mono); }
.kit-dialog-close:hover { color: var(--white); background: var(--orange); }
.kit-form-host { position: relative; min-height: 240px; }
.kit-form-host iframe { display: block; width: 100%; min-height: 240px; border: 0; }
/* Encharge measures its form with requestAnimationFrame. Keep the loading
   iframe rendered so browsers do not pause the readiness callback. */
.kit-signup-frame.is-loading { pointer-events: none; }
.kit-form-status { padding: 1rem 0; color: var(--ink); font-size: 1rem; line-height: 1.5; }
.kit-form-retry { min-height: 44px; padding: .7rem 1rem; color: var(--white); background: var(--orange); font: 600 .75rem var(--mono); }
.kit-form-fallback { display: block; margin: .75rem 0 0; color: var(--muted); font: 500 .75rem/1.55 var(--body); }
.kit-form-fallback a { color: var(--orange-dark); text-decoration: underline; text-underline-offset: .2em; }

@media (min-width: 761px) and (max-height: 820px) {
  .kit-modal { width: min(820px, calc(100vw - 1rem)); }
  .kit-dialog-grid { grid-template-columns: minmax(200px, .52fr) minmax(0, 1.48fr); overflow: auto; }
  .kit-dialog-cover { padding: 1rem; }
  .kit-dialog-cover img { width: min(78%, 210px); }
  .kit-dialog-content { padding: 1.1rem 1.35rem .9rem; }
  .kit-dialog-eyebrow { margin-bottom: .35rem; }
  .kit-dialog-content h2 { max-width: 480px; margin-bottom: .45rem; font-size: 2.75rem; }
  .kit-dialog-content > p:not(.kit-dialog-eyebrow):not(.kit-form-fallback) { margin-bottom: .55rem; font-size: .84rem; line-height: 1.35; }
  .kit-dialog-benefits { display: none; }
  .kit-dialog-close { top: .35rem; right: .35rem; width: 38px; height: 38px; }
}

.kit-gate-main { display: grid; grid-template-columns: minmax(300px, .78fr) minmax(0, 1.22fr); gap: clamp(3rem, 8vw, 8rem); align-items: center; min-height: calc(100svh - var(--header) - 78px); padding: clamp(3rem, 6vw, 6rem) var(--gutter); color: var(--white); background: var(--ink); }
.kit-gate-cover { position: relative; justify-self: center; width: min(100%, 430px); margin: 0; }
.kit-gate-cover img { width: 100%; height: auto; box-shadow: 0 30px 90px rgba(0,0,0,.55); transform: rotate(-1deg); }
.kit-gate-cover figcaption { margin-top: 1rem; color: rgba(255,255,255,.5); font: 500 .56rem var(--mono); letter-spacing: .06em; text-align: center; text-transform: uppercase; }
.kit-gate-copy { max-width: 760px; }
.kit-gate-copy h1 { margin: 1.25rem 0 1.2rem; font: 700 clamp(4rem, 7.2vw, 7.5rem)/.8 var(--display); letter-spacing: -.035em; text-transform: uppercase; }
.kit-gate-copy h1 em { color: var(--orange-bright); font-style: normal; }
.kit-gate-copy > p:not(.file-label) { max-width: 690px; color: rgba(255,255,255,.7); font-size: 1.04rem; line-height: 1.7; }
.kit-gate-benefits { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem 1.2rem; margin: 1.6rem 0; padding: 1.25rem 0; border-top: 1px solid rgba(255,255,255,.2); border-bottom: 1px solid rgba(255,255,255,.2); list-style: none; }
.kit-gate-benefits li { color: rgba(255,255,255,.82); font: 500 .58rem/1.5 var(--mono); letter-spacing: .035em; text-transform: uppercase; }
.kit-gate-benefits li::before { margin-right: .5rem; color: var(--orange-bright); content: "■"; }
.kit-gate-form { max-width: 620px; padding: 1.45rem; color: var(--ink); border: 1px solid rgba(255,255,255,.2); background: var(--paper-bright); }
.kit-gate-action > p { margin: .9rem 0 0; color: rgba(255,255,255,.72); font-size: .9rem; }

.kit-thanks-main { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr); gap: clamp(3rem, 8vw, 8rem); align-items: center; min-height: calc(100svh - var(--header) - 78px); padding: clamp(4rem, 8vw, 8rem) var(--gutter); color: var(--white); background: var(--ink); }
.kit-thanks-copy { max-width: 800px; }
.kit-thanks-copy h1 { margin: 1.3rem 0 1.2rem; font: 700 clamp(4rem, 7.2vw, 7.6rem)/.8 var(--display); letter-spacing: -.035em; text-transform: uppercase; }
.kit-thanks-copy > p:not(.file-label):not(.utility-note) { max-width: 690px; color: rgba(255,255,255,.7); font-size: 1.04rem; line-height: 1.7; }
.kit-thanks-cover { justify-self: center; width: min(100%, 380px); box-shadow: 0 30px 90px rgba(0,0,0,.55); transform: rotate(1deg); }
.kit-thanks-cover img { width: 100%; height: auto; }

@media (max-width: 760px) {
  html.has-kit-promo.kit-promo-ready:not(.kit-promo-dismissed):not(.kit-promo-teaser-only) { --promo-height: calc(66px + env(safe-area-inset-top)); }
  .kit-promo-inner { grid-template-columns: minmax(0, 1fr) auto auto; gap: .45rem; padding-right: .45rem; }
  .kit-promo-mark { display: none; }
  .kit-promo-copy { font-size: .58rem; line-height: 1.35; }
  .kit-promo-copy-desktop { display: none; }
  .kit-promo-copy-mobile { display: inline; }
  .kit-promo-action { min-height: 42px; padding: .5rem .7rem; font-size: .55rem; }
  .activation-kit-visual { min-height: 720px; padding: 3.5rem 1.5rem 6rem; }
  .activation-kit-cover { width: min(78%, 430px); }
  .activation-kit-callout { right: 4%; bottom: 4%; width: min(350px, 72%); }
  .kit-modal { width: calc(100vw - 1rem); }
  .kit-dialog-grid { grid-template-columns: 1fr; min-height: 0; }
  .kit-dialog-cover { display: none; }
  .kit-dialog-content { padding: 1.25rem 1rem 1rem; }
  .kit-dialog-eyebrow { margin-bottom: .45rem; }
  .kit-dialog-content h2 { margin-bottom: .55rem; padding-right: 2.5rem; font-size: clamp(2.35rem, 10.5vw, 3.1rem); }
  .kit-dialog-content > p:not(.kit-dialog-eyebrow):not(.kit-form-fallback) { margin-bottom: .65rem; font-size: .86rem; line-height: 1.4; }
  .kit-dialog-benefits { display: none; }
  .kit-gate-main,
  .kit-thanks-main { grid-template-columns: 1fr; }
  .kit-gate-cover { width: min(72%, 340px); }
  .kit-gate-copy h1,
  .kit-thanks-copy h1 { font-size: clamp(3.6rem, 14vw, 5rem); }
  .kit-thanks-cover { grid-row: 1; width: min(60%, 280px); }
}

@media (max-width: 520px) {
  .kit-teaser { grid-template-columns: 60px minmax(0, 1fr) auto; gap: .75rem; }
  .kit-teaser img { width: 60px; height: 78px; }
  .kit-teaser-copy strong { font-size: 1.25rem; }
  .kit-gate-main,
  .kit-thanks-main { padding-top: 3rem; padding-bottom: 3rem; }
  .kit-gate-benefits { grid-template-columns: 1fr; }
  .kit-gate-form { padding: 1rem; }
  .activation-kit-callout { width: min(320px, 82%); }
  .activation-kit-callout strong { font-size: 1.65rem; }
}

@media (prefers-reduced-motion: reduce) {
  .kit-promo-action,
  .kit-teaser,
  .kit-dialog-close { transition: none; }
}

/* Production accessibility and responsive refinements */
.hero-note,
.mobile-menu > p,
.old-system header small,
.old-system footer,
.role-tabs button:not([aria-selected="true"]),
.program-card header,
.result-ledger small,
.source-note-dark,
.footer-bottom,
.utility-note,
.utility-footer,
.testimonial-feature cite small,
.testimonial-grid .testimonial-attribution > span { color: var(--muted-on-dark); }

.new-system header small,
.new-system footer { color: var(--white); }

.desktop-nav > a,
.nav-resources > summary,
.header-cta,
.resource-dropdown-group > small,
.resource-dropdown-playbook small,
.file-label,
.hero-note,
.map-head span,
.map-head small,
.map-stage > p,
.voice-chip i,
.voice-chip small,
.map-route span,
.buyer-grid span,
.map-result span,
.map-result strong,
.logo-intro,
.section-kicker,
.source-note,
.old-system header,
.new-system header,
.old-system footer,
.new-system footer,
.interface-artifact-grid figcaption small,
.opportunity-ledger span,
.sector-ledger span,
.fit-callout strong,
.scene-grid figcaption span,
.scene-grid figcaption small,
.role-kicker,
.method-ledger small,
.delivery-system span,
.training-support span,
.program-card header,
.supporting-formats span,
.studio-grid span,
.operator-label,
.playbook-copy > ul li,
.playbook-form label span,
.playbook-form > p:last-child,
.guide-sheet > span,
.guide-sheet > small,
.contact-assurances span,
.contact-form label span,
.form-note,
.footer-nav small,
.trademark-note,
.footer-bottom,
.utility-header > a:last-child,
.utility-note,
.download-card small,
.utility-stamp > span,
.utility-stamp > small,
.utility-footer,
.enablement-grid span,
.enablement-grid small,
.enablement-takeaways > span,
.enablement-takeaways li,
.system-roadmap-sequence span,
.system-roadmap-sequence small,
.system-roadmap-link,
.opportunity-proof figcaption,
.five-c-copy > small,
.five-c-skills li > span,
.five-c-guide-link,
.artifact-disclaimer,
.fit-signals span,
.ownership-grid span,
.implementation-details > article > span,
.assurance-strip span,
.independence-note strong,
.independence-note p,
.testimonial-feature cite span,
.testimonial-feature cite small,
.testimonial-grid .testimonial-attribution > span,
.activation-kit-cover figcaption,
.activation-kit-callout small,
.activation-kit-callout span,
.kit-promo-copy,
.kit-promo-action,
.kit-teaser-copy small,
.kit-teaser-copy a,
.kit-dialog-eyebrow,
.kit-dialog-benefits li,
.kit-form-fallback,
.kit-gate-cover figcaption,
.kit-gate-benefits li { font-size: var(--micro); }

/* One fluid type scale removes the 980/981 jump while keeping mobile compact. */
.hero h1 { font-size: clamp(2.7rem, calc(2.25rem + 1vw), 3.35rem); }

#how,
#why,
#system,
#fit,
#roles,
#method,
#programs,
#about,
#playbook,
#faq,
#contact { scroll-margin-top: calc(var(--promo-height) + var(--header) + 1.5rem); }

@media (max-width: 1199px) {
  .paper-section,
  .problem-section,
  .field-scenes,
  .roles-section,
  .program-section,
  .proof-section,
  .opportunity-section,
  .contact-section { padding-top: clamp(4.5rem, 7vw, 6rem); padding-bottom: clamp(4.5rem, 7vw, 6rem); }

  .section-index { margin-bottom: clamp(2.5rem, 4vw, 3.5rem); }
  .enablement-heading,
  .opportunity-heading,
  .fit-heading,
  .roles-heading,
  .method-heading,
  .program-heading,
  .studio-heading { margin-bottom: clamp(2.5rem, 5vw, 4rem); }
}

@media (max-width: 980px) {
  .hero { padding-top: calc(var(--promo-height) + var(--header) + clamp(2rem, 4vw, 3rem)); }
  .hero-linkedin-visual { margin-top: 1.5rem; margin-bottom: 2.25rem; }
}

@media (min-width: 981px) and (max-width: 1180px) {
  .hero { grid-template-columns: minmax(0, 1.02fr) minmax(390px, .98fr); gap: clamp(1.5rem, 3vw, 2.5rem); min-height: 100svh; }
  .hero-copy { max-width: 760px; }
  .hero-linkedin-visual { justify-self: end; width: min(94%, 560px); max-width: 560px; margin: 0; padding: .75rem; }
  .hero-grid { inset-inline-start: 48%; mask-image: linear-gradient(90deg, transparent, #000 22%, #000); }
}

@media (max-width: 760px) {
  .paper-section,
  .problem-section,
  .field-scenes,
  .roles-section,
  .program-section,
  .proof-section,
  .opportunity-section,
  .contact-section { padding-top: 4rem; padding-bottom: 4rem; }

  .kit-gate-main { align-items: start; gap: 2rem; padding-top: 2rem; padding-bottom: 2.5rem; }
  .kit-gate-copy { grid-row: 1; }
  .kit-gate-cover { grid-row: 2; width: min(54%, 230px); margin-top: .25rem; }
  .kit-gate-copy h1 { margin: .85rem 0 .8rem; font-size: clamp(3rem, 12vw, 4.25rem); }
  .kit-gate-copy > p:not(.file-label) { font-size: .96rem; line-height: 1.55; }
  .kit-gate-benefits { gap: .5rem 1rem; margin: 1rem 0; padding: .9rem 0; }
  .kit-gate-form { padding: 1rem; }
}

@media (max-width: 560px) {
  .hero { gap: 1.5rem; padding-top: calc(var(--promo-height) + var(--header) + 1.4rem); padding-bottom: 3.25rem; }
  .hero h1 { margin: .9rem 0 .8rem; }
  .hero-intro { margin-bottom: .8rem; font-size: .94rem; line-height: 1.5; }
  .hero-system-line { margin-bottom: .9rem; padding: .7rem .8rem; line-height: 1.45; }
  .action-row { gap: .9rem; }
  .hero-note { margin-top: 1.35rem; }
  .hero-linkedin-visual { margin-top: .75rem; margin-bottom: 1.5rem; }

  .kit-gate-main { gap: 1.5rem; padding-top: 1.5rem; padding-bottom: 2rem; }
  .kit-gate-cover { width: min(50%, 190px); }
  .kit-gate-benefits { grid-template-columns: 1fr; }
}

@media (max-width: 360px) {
  .hero { padding-top: calc(var(--promo-height) + var(--header) + 1rem); }
  .hero h1 { font-size: 2.7rem; }
}

/* Privacy and form disclosure */
.form-note a,
.kit-privacy-note a { color: inherit; text-decoration: underline; text-underline-offset: .18em; }
.kit-privacy-note { margin: .75rem 0 0; color: var(--muted); font: 500 var(--micro)/1.55 var(--mono); }
.kit-dialog-content > .kit-privacy-note { margin-bottom: 0; font-size: var(--micro); line-height: 1.55; }

.privacy-main { min-height: 70vh; padding: clamp(3rem, 7vw, 6.5rem) 0; color: var(--ink); background: #f4efe5; }
.privacy-shell { width: min(860px, calc(100% - 2rem)); margin: 0 auto; }
.privacy-kicker { color: var(--orange); font: 600 .75rem var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.privacy-main h1 { margin: .75rem 0 1.25rem; font: 700 clamp(3.25rem, 9vw, 6.5rem)/.92 var(--display); text-transform: uppercase; }
.privacy-lede { max-width: 46rem; color: #4f4a43; font-size: clamp(1.1rem, 2.5vw, 1.35rem); line-height: 1.6; }
.privacy-updated { margin: 2rem 0 3rem; padding: 1rem 0; border-block: 1px solid #bcb2a3; font: 500 .78rem var(--mono); letter-spacing: .05em; text-transform: uppercase; }
.privacy-copy h2 { margin: 2.75rem 0 .8rem; font: 700 clamp(1.8rem, 4vw, 2.4rem)/1.05 var(--display); text-transform: uppercase; }
.privacy-copy p,
.privacy-copy li { color: #312e29; font-size: 1rem; line-height: 1.75; }
.privacy-copy ul { padding-left: 1.3rem; }
.privacy-copy a { color: #a32f09; text-decoration-thickness: 1px; text-underline-offset: .18em; }
.privacy-copy strong { color: var(--ink); }
.privacy-footer-links { display: flex; flex-wrap: wrap; gap: .75rem 1.25rem; }
.privacy-footer-links a { color: inherit; }

/* Progressive enhancement: navigation and role content remain usable without app.js. */
.role-system:not(.roles-ready) .role-tabs { display: none; }
.role-system:not(.roles-ready) [data-role-panel] + [data-role-panel] { border-top: 1px solid var(--rule); }
.inquiry-status { padding: 1rem; border: 1px solid var(--orange); color: var(--ink); font-size: 1rem; line-height: 1.6; }
.contact-form button:disabled { cursor: wait; opacity: .75; }
@media (max-width: 1180px) {
  html:not(.navigation-ready) .site-header { position: relative; top: 0; height: auto; min-height: var(--header); padding-block: 1rem; background: var(--ink); }
  html:not(.navigation-ready) .menu-button { display: none; }
  html:not(.navigation-ready) .mobile-menu { position: static; grid-column: 1 / -1; width: 100%; padding: 1.5rem 0 0; visibility: visible; opacity: 1; transform: none; }
  html:not(.navigation-ready) .mobile-menu nav { margin: 0; }
}

/* Readable labels on the existing dark and orange surfaces. */
.opportunity-section, .roles-section, .program-section { --orange-bright: #f36a35; }
.section-index.dark { color: #aaa49d; }
.role-tabs button[aria-selected="true"] span,
.delivery-system article p,
.program-card.featured header,
.program-card.featured .program-main p,
.program-card.featured .program-detail p,
.playbook-copy .file-label.light,
.activation-kit-callout span { color: var(--white); }
.role-system:not(.roles-ready) { grid-template-columns: minmax(0, 1fr); }
.program-details-link { display: block; width: fit-content; margin-top: 1rem; padding: .4rem 0; font-size: .82rem; text-decoration: underline; text-underline-offset: .2em; }


/* Keep the service summary on one line within its own responsive column. */
.hero-copy { container-type: inline-size; }
.hero-copy .hero-note { flex-wrap: nowrap; gap: clamp(.25rem, 1cqw, .65rem); font-size: clamp(.5625rem, 1.75cqw, .6875rem); letter-spacing: .025em; white-space: nowrap; }
.hero-copy .hero-note span + span::before { margin-right: clamp(.25rem, 1cqw, .65rem); }
@media (max-width: 560px) {
  .hero-copy .hero-note { gap: .125rem; font-family: var(--display); font-size: clamp(.5625rem, 3.2cqw, .75rem); font-weight: 600; letter-spacing: 0; }
  .hero-copy .hero-note span + span::before { margin-right: .125rem; }
}

/* The front artwork and the offset orange card use the same grid spacing. */
.hero-linkedin-visual { --card-grid-size: 22px 22px; --card-grid-pattern: linear-gradient(rgba(255,255,255,.1) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.1) 1px, transparent 1px); }
.hero-linkedin-visual::before { background-image: var(--card-grid-pattern); background-size: var(--card-grid-size); }
.hero-linkedin-artwork { position: relative; isolation: isolate; }
.hero-linkedin-artwork::after { position: absolute; inset: 0; background-image: var(--card-grid-pattern); background-size: var(--card-grid-size); mix-blend-mode: overlay; pointer-events: none; content: ""; }