/* October 2026 refinement: original structure, blue/navy reference, more space.
   Native CSS, Aptos system stack. Buttons: 10px; panels: 20px; no new UI library. */
:root {
  --paper: #fff;
  --ink: #142032;
  --muted: #576578;
  --soft: #f3f6fa;
  --line: #dce3ec;
  --card: #fff;
  --accent: #145ee0;
  --accent-hover: #104db8;
  --accent-text: #1455ba;
  --accent-soft: #eaf1ff;
  --green: var(--accent);
  --green-dark: var(--accent-text);
  --radius: 20px;
  --shadow: 0 22px 70px -38px #182d4c40;
}
:root[data-theme=dark] {
  --paper: #0d1622;
  --ink: #edf3fc;
  --muted: #abbacf;
  --soft: #142133;
  --line: #2b3b51;
  --card: #132033;
  --accent: #2168df;
  --accent-hover: #195acc;
  --accent-text: #94bfff;
  --accent-soft: #1b3152;
  --green-dark: var(--accent-text);
}
body {font-size: 17px; line-height: 1.7;}
.section {padding-block: 128px;}
.wrap {width: min(1280px, calc(100% - 96px));}
h1, h2, h3 {font-weight: 600;}
h2 {font-size: clamp(36px, 3.7vw, 54px); line-height: 1.13;}
.section-heading {margin-bottom: 56px; max-width: 800px;}
.section-heading > p:not(.eyebrow) {max-width: 660px; line-height: 1.75;}
.eyebrow:before {display: none;}
.eyebrow {color: var(--accent-text); letter-spacing: .1em;}
.button, .button.green {background: var(--accent); color: #fff; border-radius: 10px; gap: 24px;}
.button:hover {background: var(--accent-hover); box-shadow: 0 7px 20px -12px #145ee080;}
.button > span[aria-hidden] {font-size: 20px; line-height: 1;}
.button.small {gap: 12px;}
.quiet-link {gap: 16px; color: var(--accent-text);}
.header-inner {min-height: 78px;}
.brand {width: 174px;}
::selection {background: #b7d4ff; color: #102139;}
.skip-link {color: #fff;}
.site-header {box-shadow: 0 2px 20px #10213904;}
select:focus-visible, input:focus-visible {outline: 3px solid var(--accent-text); outline-offset: 4px;}

/* A photographic opening; copy stays on a solid-enough scrim at every size. */
.people-hero {position: relative; isolation: isolate; color: #fff; background: #101d2b; overflow: hidden;}
.hero-photo {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 60% 50%; z-index: -2;}
.people-hero:before {content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #0c1724e6 0%, #0c1724c7 32%, #0c172452 62%, #0c172400 85%); z-index: -1;}
.people-hero-inner {display: flex; align-items: center; min-height: 640px; padding-block: 84px;}
.people-hero .hero-copy {max-width: 690px; padding: 0;}
.people-hero .eyebrow {color: #c9dcfa; font-size: 12px; margin-bottom: 28px;}
.people-hero h1 {font-size: clamp(46px, 4.6vw, 70px); line-height: 1.1; letter-spacing: -.045em;}
.people-hero h1 span {color: #a8ceff;}
.people-hero .hero-lead {color: #e0e8f3; max-width: 470px; font-size: 19px; margin-top: 28px;}
.people-hero .hero-actions {margin-top: 36px; gap: 14px;}
.people-hero .button {min-height: 56px;}
.people-hero .button-outline {background: #0e1a2990; color: #fff; border-color: #afbdd073;}
.people-hero .button-outline:hover {background: #223249; border-color: #e2eaf7;}
.people-hero a:focus-visible {outline-color: #b9d7ff;}
.intro-strip {padding-block: 30px; border-top: 0;}
.intro-strip > span:before {display: none;}
.intro-strip > span {border-left: 1px solid var(--line); padding-left: 28px; font-size: 13px;}

/* One problem at a time, real radio inputs and an honest preliminary result. */
.diagnosis-section {padding-bottom: 104px;}
.diagnosis-layout {display: grid; grid-template-columns: 1.1fr 1fr; gap: 76px; align-items: start;}
.problem-picker {border: 0; padding: 0; margin: 0; min-width: 0;}
.problem-picker legend {font-weight: 600; font-size: 18px; margin-bottom: 22px; padding: 0;}
.problem-picker label {display: flex; align-items: center; gap: 17px; padding: 22px 24px; border: 1px solid var(--line); border-radius: 12px; margin-top: 10px; cursor: pointer; transition: background .2s, border-color .2s;}
.problem-picker label:hover {background: var(--soft);}
.problem-picker label:has(input:checked) {border-color: var(--accent-text); background: var(--accent-soft);}
.problem-picker input {width: 18px; height: 18px; flex-shrink: 0; accent-color: var(--accent); margin: 0;}
.problem-picker label > span:not(.choice-mark) {flex: 1; min-width: 0;}
.problem-picker strong {display: block; font-size: 18px; line-height: 1.35; font-weight: 600;}
.problem-picker small {display: block; margin-top: 6px; font-size: 14px; line-height: 1.5; color: var(--muted);}
.choice-mark {color: var(--muted); font-size: 22px;}
.problem-picker input:checked ~ .choice-mark {color: var(--accent-text);}
.diagnosis-result {border-radius: 20px; padding: 42px; background: var(--soft); margin-top: 0; border: 1px solid var(--line);}
.result-label {display: block; color: var(--accent-text); font-size: 13px; font-weight: 600; margin-bottom: 22px;}
.diagnosis-result h3 {font-size: 34px; line-height: 1.18; white-space: pre-line;}
.diagnosis-copy > p {margin-top: 22px; font-size: 16px;}
.diagnosis-copy dl {border-top: 1px solid var(--line); margin: 24px 0 28px; padding-top: 22px;}
.diagnosis-copy dt {font-size: 13px; color: var(--ink); font-weight: 600;}
.diagnosis-copy dd {margin: 8px 0 0; font-size: 14px; color: var(--muted);}
.diagnosis-note {font-size: 12px; line-height: 1.75; margin-top: 20px;}
.diagnosis-copy {min-height: 310px;}

/* Existing examples keep their structure and keyboard behavior. */
#prace {border-top: 1px solid var(--line);}
.usecase-tabs button[aria-selected=true] {background: var(--accent-soft); border-color: var(--line);}
.brief-content {padding: 42px;}
.brief-kicker {font-size: 11px;}
.brief-panel {box-shadow: 0 22px 70px -45px #182d4c50;}
.light-on-section {background: #101f33; padding-block: 104px;}
.light-on-section:before {display: none;}
.light-on-section .eyebrow {color: #a8c5e9;}
.light-on-section h2 em, .meeting-stat > div span:first-child {color: #9cc7ff;}
.light-on-section p:not(.eyebrow) {color: #c1cddd;}
.light-on-section p.attribution {color: #a6b9cf;}
.meeting-stat {border-color: #3b4d63;}
.story-tabs button[aria-selected=true] > span {color: #fff;}
.story-copy .eyebrow {font-size: 11px;}
.story-delivery {padding: 36px;}
.story-panel {gap: 70px;}
.evidence-note, .value-tool > p.value-note {font-size: 12px;}

/* The existing board explains the flow of information, outside the hero. */
.overview-section {background: var(--soft);}
.overview-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 74px; align-items: center;}
.overview-copy > p:not(.eyebrow) {margin-top: 24px; max-width: 500px;}
.time-horizons {display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-top: 34px; border-top: 1px solid var(--line); padding-top: 22px;}
.time-horizons span {font-size: 15px; font-weight: 600; color: var(--accent-text);}
.time-horizons p {font-size: 13px; margin-top: 8px; line-height: 1.65;}
.overview-copy p.overview-note {font-size: 12px; margin-top: 24px;}
.overview-grid .pcb-figure {min-width: 0;}
.pcb-figure {--board: #eef3f9; --trace: #c6d4e4; --terminal: #fff; --terminal-ink: #23344b; --via: #8eabc8; --mount: #fff;}
html[data-theme=dark] .pcb-figure, .clone-hero-band .pcb-figure {--board: #142339; --trace: #2e4460; --terminal: #192d48; --terminal-ink: #e4edfa; --via: #6586a9; --mount: #0e1b2c;}
.pcb-figure:after {display: none;}
.pcb-pulses {stroke: #357ad8;}
.pcb-pulses.glow {stroke: #69aaff;}
.pcb-topline {font-size: 10px; letter-spacing: .06em;}
.clone-hero-band .pcb-figure {--line: #344b66; --muted: #afc2db; --ink: #e4edfa;}
.clone-hero-band .terminal-detail {fill: #afc2db;}
.human-section {display: grid; grid-template-columns: .88fr 1.12fr; gap: 84px; align-items: center;}
.human-copy > p {margin-top: 28px; max-width: 470px;}
.human-benefits {padding: 0; margin: 26px 0 22px; list-style: none;}
.human-benefits li {padding: 8px 0 8px 25px; position: relative; font-size: 15px;}
.human-benefits li:before {content: "✓"; position: absolute; left: 0; color: var(--accent-text);}
.human-section figure {min-width: 0;}
.human-section img {width: 100%; height: 520px; object-fit: cover; object-position: 63% center; border-radius: 20px;}
.clone-teaser {background: #112039; border-color: #354c69; padding: 42px;}
.clone-teaser > p, .clone-teaser-top > span:last-child {color: #b8c8dc;}
.teaser-action {color: #a8cdff; border-color: #354c69;}
.twin-mark > span {background: #1b2e49; border-color: #527294;}
.twin-mark > span:last-child {background: #244773; color: #d4e6ff; border-color: #6c9ddc; box-shadow: none;}
.twin-mark i {background: #689cd8;}
.measurement-section {border-bottom: 1px solid var(--line);}
.value-dimensions {display: grid; grid-template-columns: repeat(3, 1fr); gap: 44px;}
.value-dimensions article {padding-top: 22px; border-top: 2px solid var(--line);}
.value-dimensions article > span {font-size: 13px; color: var(--accent-text); font-weight: 600;}
.value-dimensions h3 {font-size: 26px; margin-top: 22px;}
.value-dimensions p {font-size: 15px; margin-top: 18px;}
.measurement-note {margin-top: 40px; font-size: 14px; max-width: 850px;}
.steps article > span {font-size: 11px; letter-spacing: .055em;}
.steps h3 {margin-top: 24px;}
.faq-list details[open] summary > span {color: #fff;}
.contact-section {background: #101f33; padding-block: 110px;}
.contact-section p, .contact-section .eyebrow {color: #bdcce0;}
.contact-section aside {border-color: #364d68;}
.contact-wordmark > span {color: #91bfff;}
.site-footer {padding-block: 48px 28px;}

/* Premium branch stays recognizable, with the same quieter blue palette. */
.clone-hero-band {background: #101e31;}
.clone-hero-band .hero {min-height: 650px;}
.clone-hero-band .eyebrow {color: #a7c6ed;}
.clone-hero-band h1 span {color: #9ac4fb;}
.clone-hero-band .hero-lead {color: #c2cfe0;}
.clone-hero-band .hero-note {color: #a8bcd6;}
.clone-hero-band .quiet-link {color: #e1ebfa; text-decoration-color: #5b7799;}
.clone-hero-band a:focus-visible, .clone-hero-band button:focus-visible {outline-color: #b9d7ff;}
.clone-hero-band .button.green {background: #145ee0;}
.clone-capabilities {gap: 24px;}
.clone-capabilities article {padding: 38px 30px;}
.executive-section {border-top: 1px solid var(--line);}
.executive-grid {display: grid; grid-template-columns: 1fr 1.1fr; gap: 80px; align-items: center;}
.executive-question {background: #112039; color: #fff; padding: 48px; border-radius: 20px;}
.executive-question > span {color: #b3c9e7; font-size: 13px;}
.executive-question h3 {font-size: 42px; margin-top: 28px; line-height: 1.2;}
.executive-question p {font-size: 15px; color: #b9cbe2; margin-top: 24px;}
.executive-views article {padding-block: 22px; border-top: 1px solid var(--line);}
.executive-views article:first-child {border-top: 0; padding-top: 0;}
.executive-views h3 {font-size: 25px;}
.executive-views p {font-size: 15px; margin-top: 12px;}
.boundary-core strong {background: #172d49; color: #bad9ff; border-color: #5e8abb; box-shadow: none;}
.privacy-section {padding-block: 120px;}
.luxury-section {padding-block: 32px 128px;}
.luxury-section .eyebrow {font-size: 11px;}

@media (max-width: 1080px) {
  .section {padding-block: 96px;}
  .header-inner {min-height: 74px;}
  .people-hero-inner {min-height: 600px;}
  .people-hero .hero-copy {max-width: 575px;}
  .people-hero h1 {font-size: 58px;}
  .people-hero:before {background: linear-gradient(90deg, #0c1724ed 0%, #0c1724cd 38%, #0c172460 72%, #0c172426 100%);}
  .diagnosis-layout, .overview-grid {gap: 40px;}
  .diagnosis-result {padding: 30px;}
  .diagnosis-result h3 {font-size: 30px;}
  .diagnosis-copy {min-height: 360px;}
  .problem-picker label {padding: 22px 18px; gap: 12px;}
  .problem-picker strong {font-size: 17px;}
  .choice-mark {display: none;}
  .overview-grid {grid-template-columns: 1fr 1fr;}
  .time-horizons {grid-template-columns: 1fr; gap: 12px;}
  .time-horizons > div {display: grid; grid-template-columns: 100px 1fr; gap: 12px; align-items: baseline;}
  .time-horizons p {margin: 0;}
  .time-horizons br {display: none;}
  .human-section {gap: 45px;}
  .human-section img {height: 500px;}
  .value-dimensions {gap: 26px;}
  .executive-grid {gap: 40px;}
  .executive-question {padding: 34px;}
}
@media (max-width: 800px) {
  .wrap {width: calc(100% - 48px);}
  .section {padding-block: 80px;}
  .people-hero-inner {min-height: 600px; padding-block: 64px;}
  .people-hero .hero-copy {max-width: 540px;}
  .people-hero h1 {font-size: 52px;}
  .people-hero .hero-lead {font-size: 18px; max-width: 420px;}
  .hero-photo {object-position: 65% center;}
  .people-hero:before {background: linear-gradient(90deg, #0c1724f2 0%, #0c1724da 35%, #0c172477 100%);}
  .intro-strip {flex-wrap: wrap; justify-content: flex-start; gap: 12px 24px;}
  .intro-strip p {width: 100%;}
  .intro-strip > span {padding: 0; border: 0; font-size: 12px;}
  .section-heading {margin-bottom: 36px;}
  .diagnosis-layout {grid-template-columns: 1fr; gap: 28px;}
  .diagnosis-copy {min-height: 0;}
  .diagnosis-result h3 br {display: none;}
  .overview-grid {grid-template-columns: 1fr; gap: 40px;}
  .overview-copy > p:not(.eyebrow) {max-width: 650px;}
  .overview-grid .pcb-figure {max-width: 570px; margin-inline: auto;}
  .time-horizons {grid-template-columns: repeat(3, 1fr); gap: 20px;}
  .time-horizons > div {display: block;}
  .time-horizons p {margin-top: 8px;}
  .human-section {grid-template-columns: 1fr; gap: 35px;}
  .human-copy > p {max-width: 620px;}
  .human-section img {height: 410px;}
  .story-panel {gap: 32px;}
  .brief-content {padding: 32px;}
  .light-on-section, .contact-section {padding-block: 80px;}
  .value-dimensions {grid-template-columns: 1fr; gap: 30px;}
  .value-dimensions h3 {margin-top: 12px;}
  .value-dimensions p {margin-top: 12px; max-width: 580px;}
  .executive-grid {grid-template-columns: 1fr; gap: 36px;}
  .executive-question h3 {font-size: 37px;}
  .clone-hero-band .hero {min-height: 0;}
  .privacy-section {padding-block: 80px;}
  .luxury-section {padding-block: 0 80px;}
}
@media (max-width: 480px) {
  .wrap {width: calc(100% - 40px);}
  .section {padding-block: 68px;}
  h2 {font-size: 34px;}
  .brand {width: 129px;}
  .header-inner {min-height: 68px;}
  .people-hero-inner {min-height: 615px; padding-block: 62px; align-items: flex-start;}
  .people-hero .eyebrow {font-size: 10px; letter-spacing: .07em; margin-bottom: 25px; max-width: 270px;}
  .people-hero h1 {font-size: clamp(35px, 9.3vw, 44px); line-height: 1.13;}
  .people-hero .hero-lead {font-size: 16px; max-width: 320px; margin-top: 24px;}
  .people-hero .hero-actions {margin-top: 29px; gap: 12px; align-items: stretch; flex-direction: column; max-width: 270px;}
  .people-hero .button {font-size: 14px; min-height: 52px; padding-inline: 20px;}
  .hero-photo {object-position: 65% center; opacity: .7;}
  .people-hero:before {background: linear-gradient(90deg, #0c1724f5, #0c1724bd 60%, #0c17248c);}
  .intro-strip {gap: 10px 18px; padding-block: 24px;}
  .intro-strip p {font-size: 14px;}
  .intro-strip > span {font-size: 12px;}
  .problem-picker legend {font-size: 17px;}
  .problem-picker label {padding: 20px 15px;}
  .problem-picker strong {font-size: 16px;}
  .problem-picker small {font-size: 13px;}
  .diagnosis-result {padding: 27px 24px;}
  .diagnosis-result h3 {font-size: 29px;}
  .diagnosis-copy > p {font-size: 15px;}
  .diagnosis-result .button {width: 100%; gap: 18px; font-size: 14px;}
  .time-horizons {grid-template-columns: 1fr; gap: 16px;}
  .time-horizons > div {display: grid; grid-template-columns: 91px 1fr; gap: 16px;}
  .time-horizons p {margin: 0;}
  .human-section img {height: 350px;}
  .human-copy > p {font-size: 16px;}
  .human-benefits li {font-size: 14px;}
  .story-delivery {padding: 26px;}
  .brief-content {padding: 28px 24px;}
  .brief-kicker {font-size: 10px;}
  .clone-teaser {padding: 28px;}
  .contact-section, .light-on-section {padding-block: 68px;}
  .contact-section .button {font-size: 14px;}
  .clone-capabilities article {padding: 29px 25px;}
  .executive-question {padding: 32px 27px;}
  .executive-question h3 {font-size: 33px;}
  .value-dimensions h3 {font-size: 26px;}
}
@media (max-width: 359px) {
  .brand {width: 114px;}
  .wrap {width: calc(100% - 32px);}
  .people-hero h1 {font-size: 35px;}
  .diagnosis-result {padding-inline: 20px;}
  .clone-teaser {padding: 24px;}
  .steps {grid-template-columns: 1fr;}
}
@media (prefers-reduced-motion: reduce) {
  .problem-picker label {transition: none;}
}
@media print {
  .people-hero {background: #fff; color: #000;}
  .people-hero:before, .hero-photo {display: none;}
  .people-hero h1 span, .people-hero .hero-lead, .people-hero .eyebrow {color: #000;}
  .people-hero-inner {min-height: 0; padding: 25px 0;}
  .section {padding-block: 32px;}
}

/* One process at a time, carried by the actual routed PCB nets. */
.pcb-story {max-width: 680px; width: 100%; margin: 0; --signal: #176be7;}
.pcb-story-heading {margin: 8px 0 22px;}
.pcb-case-context {color: var(--muted); font-size: 13px; margin: 0 0 5px;}
.pcb-case-title {font-size: clamp(24px, 2.4vw, 34px); line-height: 1.16; margin: 0; letter-spacing: -.025em;}
.pcb-story .pcb-topline {font-size: 10px; letter-spacing: .1em; margin: 0;}
.pcb-story .motion-toggle {width: 44px; height: 44px; flex-shrink: 0;}
.pcb-story .pcb {width: 100%; display: block;}
.pcb-story .contact-pads {fill: #91a5bc; opacity: 1;}
.pcb-story .board-components {fill: #253c55; stroke: #7289a3; stroke-width: 1;}
.pcb-story .core-pins {stroke: #91a5bc; stroke-width: 4;}
.pcb-story .board-silkscreen {fill: var(--via); font-size: 8px; letter-spacing: 1px;}
.pcb-story .chip-orientation {fill: #c9d6e7;}
.pcb-story .core-type {letter-spacing: -2px;}
.pcb-story .core-sub {font-size: 9px; fill: #cbd9ea;}
.pcb-story .core-orbit {stroke-opacity: 0; transition: stroke-opacity .6s;}
.pcb-story .mount-hole {fill: var(--mount); stroke: none;}
.pcb-story .mounts > g > circle:first-child {fill: var(--via); stroke: none; opacity: .6;}
.pcb-story .terminal-title {font-size: 18px; letter-spacing: -.35px; transform: none;}
.pcb-story .terminal-detail {display: block; font-size: 10px; fill: var(--muted);}
.pcb-story .pcb-terminal rect {height: 74px; transform: none; stroke-width: 1.2; transition: stroke .6s, fill .6s;}
.pcb-story .terminal-light {transform: none; fill: var(--via); transition: fill .6s;}
.pcb-story .pcb-buses {stroke-width: 2; opacity: 1;}
.pcb-story .pcb-buses path {transition: stroke .6s;}
.pcb-story .bus-pulse {opacity: 0; stroke: var(--signal); transition: opacity .4s; stroke-dasharray: 18 455; animation-direction: normal;}
.pcb-story[data-stage="0"] .pcb-node-0 rect,
.pcb-story[data-stage="0"] .pcb-node-1 rect,
.pcb-story[data-stage="2"] .pcb-node-2 rect,
.pcb-story[data-stage="3"] .pcb-node-3 rect {stroke: var(--signal); stroke-width: 2.5;}
.pcb-story[data-stage="0"] .pcb-node-0 .terminal-light,
.pcb-story[data-stage="0"] .pcb-node-1 .terminal-light,
.pcb-story[data-stage="2"] .pcb-node-2 .terminal-light,
.pcb-story[data-stage="3"] .pcb-node-3 .terminal-light {fill: var(--signal);}
.pcb-story[data-stage="0"] #bus-0,
.pcb-story[data-stage="0"] #bus-2,
.pcb-story[data-stage="1"] #bus-0,
.pcb-story[data-stage="1"] #bus-2,
.pcb-story[data-stage="2"] #bus-1,
.pcb-story[data-stage="3"] #bus-3 {stroke: var(--signal);}
.pcb-story[data-stage="1"] .core-orbit {stroke-opacity: .8; stroke-width: 2;}
.pcb-story[data-stage="0"] [href="#bus-0"],
.pcb-story[data-stage="0"] [href="#bus-2"],
.pcb-story[data-stage="1"] [href="#bus-0"],
.pcb-story[data-stage="1"] [href="#bus-2"],
.pcb-story[data-stage="2"] [href="#bus-1"],
.pcb-story[data-stage="3"] [href="#bus-3"] {opacity: 1;}
.pcb-story figcaption {font-size: 11px; line-height: 1.5; margin: 12px 0 24px;}
.pcb-case-picker {display: flex; flex-wrap: wrap; gap: 8px; padding-block: 4px 22px;}
.pcb-case-picker button {font: inherit; font-size: 12px; min-height: 44px; padding: 10px 14px; color: var(--muted); background: transparent; border: 1px solid var(--line); border-radius: 7px; cursor: pointer; transition: background .2s, color .2s;}
.pcb-case-picker button[aria-pressed=true] {color: var(--ink); border-color: var(--ink); background: var(--soft);}
.pcb-stage-picker {display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px;}
.pcb-stage-picker button {font: inherit; text-align: left; border: 0; border-top: 2px solid var(--line); color: var(--muted); background: transparent; padding: 12px 0 8px; min-height: 76px; cursor: pointer;}
.pcb-stage-picker button[aria-pressed=true] {border-color: var(--signal); color: var(--ink);}
.pcb-step-number {display: block; font-size: 11px; margin-bottom: 4px; color: var(--muted);}
.pcb-step-title {font-size: 12px; font-weight: 600; line-height: 1.35; display: block;}
.pcb-story-detail {padding-top: 14px;}
.pcb-step-description {font-size: 14px; line-height: 1.7; min-height: 96px; margin: 0 0 22px; color: var(--ink);}
.pcb-benefit {padding: 18px 20px; border-left: 3px solid var(--line); background: var(--soft); transition: border-color .6s;}
.pcb-benefit > span {display: block; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; color: var(--muted); margin-bottom: 5px;}
.pcb-benefit strong {font-size: 16px; line-height: 1.5; font-weight: 600; display: block;}
.pcb-story[data-stage="3"] .pcb-benefit {border-color: var(--signal);}
.pcb-evidence {font-size: 11px; line-height: 1.6; color: var(--muted); margin: 16px 0 0; min-height: 36px;}
.overview-grid {align-items: start; grid-template-columns: .85fr 1.15fr; gap: 72px;}
.overview-copy {position: sticky; top: 130px; padding-top: 66px;}
.clone-hero-band .hero {align-items: start; padding-block: 68px;}
.clone-hero-band .hero-copy {padding-top: 78px;}
.clone-hero-band .pcb-story {--soft: #1a2d46; --signal: #75b0ff;}
html[data-theme=dark] .pcb-story {--signal: #75b0ff;}
@media (max-width: 1080px) {
  .overview-grid {gap: 36px; grid-template-columns: .8fr 1.2fr;}
  .pcb-case-picker {gap: 6px;}
  .pcb-case-picker button {padding-inline: 10px;}
  .pcb-step-description {min-height: 120px;}
}
@media (max-width: 800px) {
  .overview-grid {grid-template-columns: 1fr; gap: 46px;}
  .overview-copy {position: static; padding-top: 0;}
  .pcb-story {margin-inline: auto;}
  .pcb-case-title {font-size: 30px;}
  .clone-hero-band .hero-copy {padding-top: 0;}
  .clone-hero-band .hero {padding-block: 52px;}
  .pcb-step-description {min-height: 96px;}
}
@media (max-width: 480px) {
  .pcb-case-title {font-size: 26px;}
  .pcb-story-heading {margin-bottom: 18px;}
  .pcb-case-context {font-size: 12px;}
  .pcb-story .terminal-title {font-size: 21px;}
  .pcb-story .terminal-detail {display: none;}
  .pcb-case-picker {gap: 7px; padding-bottom: 18px;}
  .pcb-case-picker button {flex: 1 1 90px; padding-inline: 8px; font-size: 12px; line-height: 1.35;}
  .pcb-stage-picker {gap: 9px; grid-template-columns: repeat(2, 1fr);}
  .pcb-stage-picker button {min-height: 64px;}
  .pcb-step-description {min-height: 144px;}
  .pcb-evidence {min-height: 54px;}
  .pcb-story figcaption {font-size: 11px;}
}
@media (prefers-reduced-motion: reduce) {
  .pcb-story *, .pcb-story *::before, .pcb-story *::after {animation: none !important; transition: none !important;}
}
.sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;}
@media (max-width: 480px) {
  .pcb-story .terminal-title {font-size: 24px; transform: translateY(9px);}
  .pcb-story .terminal-light {transform: translateY(9px);}
}