:root { --cp-lime: #d7ef70; }
html[data-theme="dark"] { --cp-lime: #c9e96b; }
* { box-sizing: border-box; }
html { height: 100%; }
body {
  margin: 0;
  min-width: 320px;
  min-height: 100%;
  background: var(--cp-bg);
  color: var(--cp-text);
  font-family: "Segoe UI", Aptos, Calibri, -apple-system, BlinkMacSystemFont, sans-serif;
}
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; cursor: pointer; }
button:focus-visible, a:focus-visible, .deck:focus-visible { outline: 3px solid var(--cp-accent); outline-offset: 3px; }
a { color: var(--cp-link); }
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.skip-link {
  position: fixed;
  z-index: 10;
  top: -100px;
  left: 16px;
  padding: 10px 14px;
  background: var(--cp-surface);
  border: 2px solid var(--cp-text);
}
.skip-link:focus { top: 12px; }
.app {
  min-height: 100dvh;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  justify-items: center;
  align-items: center;
  gap: 12px;
  padding: 12px 24px 16px;
}
.chrome, .controls {
  width: min(calc(100vw - 48px), calc((100dvh - 128px) * 16 / 9), 1600px);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hint, .nav-button, .counter, .help-button {
  font-family: Consolas, "Courier New", Courier, monospace;
  font-weight: 700;
  letter-spacing: .07em;
}
.brand { display: flex; align-items: center; }
/* Blend the supplied logo's opaque white background into the warm header without changing the artwork. */
.brand-logo { display: block; width: auto; height: 34px; mix-blend-mode: multiply; }
.help-button {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  background: var(--cp-bg-elevated);
  color: var(--cp-text);
  border: 2px solid var(--cp-text);
  border-radius: .625rem;
}
.help-button:hover, .nav-button:not(:disabled):hover { background: var(--cp-lime); }
.deck {
  position: relative;
  container-type: inline-size;
  width: min(calc(100vw - 48px), calc((100dvh - 128px) * 16 / 9), 1600px);
  aspect-ratio: 16 / 9;
  max-height: calc(100dvh - 128px);
  overflow: hidden;
  background: var(--cp-bg-elevated);
  border: 3px solid var(--cp-text);
  box-shadow: 8px 8px 0 var(--cp-border-strong);
}
.slide {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  padding: 2.6cqw 4.1cqw 1.7cqw;
  overflow: hidden;
  background-color: var(--cp-bg-elevated);
  background-image:
    linear-gradient(to right, var(--cp-border) 1px, transparent 1px),
    linear-gradient(to bottom, var(--cp-border) 1px, transparent 1px);
  background-size: 5cqw 5cqw;
}
.slide[hidden] { display: none !important; }
.slide-top, .slide-foot {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-family: Consolas, "Courier New", Courier, monospace;
  font-size: clamp(11px, .98cqw, 16px);
  font-weight: 700;
  letter-spacing: .085em;
  color: var(--cp-text-muted);
}
.slide-foot { margin-top: auto; padding-top: .85cqw; }
.slide-foot--index-only { justify-content: flex-end; }
.slide-foot a { color: var(--cp-link); }
.slide-head { position: relative; z-index: 1; margin-top: 2.1cqw; }
.slide-head h2, .title-copy h1, .statement-copy h2, .closing-copy h2 {
  margin: .45cqw 0 .8cqw;
  font-size: 4.8cqw;
  font-weight: 850;
  letter-spacing: -.065em;
  line-height: .99;
}
.slide-head p, .title-copy > p, .closing-copy > p {
  max-width: 70ch;
  margin: 0;
  font-size: 1.68cqw;
  line-height: 1.38;
  font-weight: 550;
}
.eyebrow, .tag {
  font-family: Consolas, "Courier New", Courier, monospace;
  font-size: 1.12cqw;
  letter-spacing: .095em;
  font-weight: 700;
}
.eyebrow { color: var(--cp-accent); }
.tag { display: inline-block; padding: .55cqw .7cqw; border: 2px solid var(--cp-text); }
.tag--green { background: var(--cp-lime); color: var(--cp-text); }
html[data-theme="dark"] .tag--green { color: var(--cp-surface); }
.slide em { font-style: normal; color: var(--cp-accent); }

/* Title: four separate cards, connected by a visible handoff. */
.title-layout { flex: 1; min-height: 0; display: grid; grid-template-columns: 55% 45%; align-items: center; }
.title-copy { position: relative; z-index: 1; padding-right: 2cqw; }
.title-copy h1 { margin: 1.2cqw 0 1.1cqw; font-size: 6.5cqw; }
.title-copy > p { max-width: 31ch; font-size: 1.84cqw; }
.opening-phrase { border-bottom: .1em solid transparent; transition: background-color .25s cubic-bezier(.16, 1, .3, 1), border-color .25s cubic-bezier(.16, 1, .3, 1), box-shadow .25s cubic-bezier(.16, 1, .3, 1); }
.opening-phrase.is-revealed { border-color: var(--cp-accent); background: var(--cp-accent-soft); }
.opening-phrase.is-current { border-color: var(--cp-text); background: var(--cp-lime); box-shadow: .08em 0 var(--cp-lime), -.08em 0 var(--cp-lime); }
.presenter { display: flex; align-items: center; gap: .85cqw; margin-top: 3cqw; }
.presenter-mark { display: grid; place-items: center; width: 3.25cqw; height: 3.25cqw; background: var(--cp-text); color: var(--cp-bg); border-radius: 50%; font-size: 1.1cqw; font-weight: 800; }
.presenter strong, .presenter small { display: block; }
.presenter strong { font-size: 1.38cqw; }
.presenter small { font-size: 1.12cqw; color: var(--cp-text-muted); }
.room-art {
  position: relative;
  height: 78%;
  min-height: 0;
  border: 2px solid var(--cp-text);
  background: var(--cp-surface-soft);
  transform: rotate(1deg);
  outline: .35cqw solid transparent;
  outline-offset: .2cqw;
  transition: outline-color .25s cubic-bezier(.16, 1, .3, 1);
}
.room-art.is-current { outline-color: var(--cp-accent); }
.room-art::before, .room-art::after {
  content: "";
  position: absolute;
  width: 4cqw; height: 4cqw;
  border: 2px solid var(--cp-text);
  border-radius: 50%;
}
.room-art::before { right: -1.2cqw; top: -1.2cqw; background: var(--cp-accent); }
.room-art::after { left: -1.5cqw; bottom: -1.5cqw; background: var(--cp-lime); }
.room-line { position: absolute; z-index: 0; background: var(--cp-text); transform-origin: left center; height: 3px; }
.room-line--one { width: 72%; top: 29%; left: 14%; transform: rotate(34deg); }
.room-line--two { width: 70%; top: 70%; left: 14%; transform: rotate(-31deg); }
.room-node {
  position: absolute;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 35%; height: 23%;
  padding: .75cqw;
  border: 2px solid var(--cp-text);
  background: var(--cp-surface);
  outline: .35cqw solid transparent;
  outline-offset: .15cqw;
  transition: outline-color .25s cubic-bezier(.16, 1, .3, 1);
}
.room-node.is-current { outline-color: var(--cp-accent); }
.room-node small { font: 700 .99cqw Consolas, "Courier New", Courier, monospace; }
.room-node strong { font-size: 2.1cqw; line-height: 1; letter-spacing: -.04em; }
.room-node--issue { top: 9%; left: 8%; transform: rotate(-5deg); }
.room-node--agent { top: 10%; right: 6%; transform: rotate(3deg); background: var(--cp-lime); color: var(--cp-text); }
html[data-theme="dark"] .room-node--agent { color: var(--cp-surface); }
.room-node--pr { left: 8%; bottom: 11%; transform: rotate(3deg); }
.room-node--human { right: 6%; bottom: 10%; transform: rotate(-4deg); background: var(--cp-accent); color: var(--cp-accent-fg); }
.room-stamp { position: absolute; top: 44%; left: 34%; z-index: 2; padding: .4cqw .8cqw; background: var(--cp-text); color: var(--cp-bg); font: 700 1cqw/1.15 Consolas, "Courier New", Courier, monospace; transform: rotate(-5deg); text-align: center; }

/* Two original charts keep each reporting lens and scale explicit. */
.slide--data .slide-head { margin-top: 1.25cqw; }
.slide--data .slide-head h2 { font-size: 4.15cqw; margin-bottom: .5cqw; }
.activity-chart, .commits-figure { position: relative; z-index: 1; margin: 1.1cqw 0 0; }
.activity-chart { padding: .7cqw 1.15cqw; border: 2px solid var(--cp-text); background: var(--cp-surface); }
.chart-heading { display: flex; justify-content: space-between; align-items: center; padding-bottom: .6cqw; border-bottom: 2px solid var(--cp-text); font: 700 1.05cqw Consolas, "Courier New", Courier, monospace; }
.chart-heading span { display: flex; align-items: center; gap: .45cqw; }
.chart-heading i { display: inline-block; width: 1cqw; height: 1cqw; border: 1px solid var(--cp-text); }
.key-2024, .bar-2024 { background: var(--cp-accent); }
.key-2025, .bar-2025 { background: var(--cp-lime); }
.activity-row { display: grid; grid-template-columns: 21% 1fr; align-items: center; gap: 1cqw; padding: .7cqw 0; border-bottom: 1px solid var(--cp-border-strong); }
.activity-label strong, .activity-label small { display: block; }
.activity-label strong { font-size: 1.5cqw; letter-spacing: -.04em; }
.activity-label small { margin-top: .25cqw; font: 700 .95cqw Consolas, "Courier New", Courier, monospace; }
.activity-pair { display: grid; gap: .35cqw; }
.activity-pair > div { display: grid; grid-template-columns: 4cqw 1fr 5.5cqw; align-items: center; gap: .7cqw; font: 700 1.13cqw Consolas, "Courier New", Courier, monospace; }
.activity-pair b { text-align: right; }
.bar-track { height: 1.35cqw; border: 1px solid var(--cp-border-strong); background: var(--cp-surface-soft); }
.bar-track i, .commit-track i { display: block; height: 100%; }
.commits-figure figcaption { padding-top: .65cqw; font-size: 1.28cqw; line-height: 1.36; color: var(--cp-text-muted); }
.commits-figure { display: grid; grid-template-columns: 65% 1fr; gap: 1.25cqw; }
.commits-plot { min-height: 19cqw; padding: 1.3cqw; border: 2px solid var(--cp-text); background: var(--cp-surface); }
.commits-plot > strong { font: 700 1.1cqw Consolas, "Courier New", Courier, monospace; }
.commit-row { display: grid; grid-template-columns: 7.5cqw 1fr 5cqw; align-items: center; gap: .7cqw; margin-top: 2cqw; }
.commit-row > span { font: 700 1.14cqw Consolas, "Courier New", Courier, monospace; }
.commit-row b { font-size: 2.25cqw; letter-spacing: -.05em; text-align: right; }
.commit-track { height: 3cqw; border: 2px solid var(--cp-text); background: var(--cp-surface-soft); }
.commit-row:nth-of-type(1) .commit-track i { background: var(--cp-accent); }
.commit-row:nth-of-type(2) .commit-track i { background: var(--cp-lime); }
.commit-axis { display: flex; justify-content: space-between; margin: .6cqw 5.5cqw 0 8.2cqw; font: 700 1cqw Consolas, "Courier New", Courier, monospace; }
.commits-aside { display: flex; flex-direction: column; justify-content: center; padding: 1.4cqw; border: 2px solid var(--cp-text); background: var(--cp-text); color: var(--cp-bg); }
.commits-aside > span { font: 700 1.05cqw Consolas, "Courier New", Courier, monospace; }
.scale-callout { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: .5cqw; padding: .65cqw 0; border-top: 1px solid var(--cp-border-strong); }
.scale-callout:first-of-type { margin-top: .8cqw; }
.scale-callout strong { color: var(--cp-lime); font-size: 3.1cqw; line-height: 1; letter-spacing: -.05em; }
.scale-callout span { font-size: 1.25cqw; line-height: 1.3; }
.commits-figure figcaption { grid-column: 1 / -1; padding-top: 0; }
.actions-layout { display: grid; grid-template-columns: 64% 1fr; gap: 1.25cqw; margin-top: 1.1cqw; }
.actions-figure { position: relative; margin: 0; padding: 1.3cqw; border: 2px solid var(--cp-text); background: var(--cp-surface); }
.actions-heading { display: flex; align-items: center; justify-content: space-between; gap: .8cqw; font: 700 1.02cqw Consolas, "Courier New", Courier, monospace; }
.actions-heading span { flex: none; padding: .35cqw .5cqw; border: 2px solid var(--cp-text); background: var(--cp-lime); color: var(--cp-text); }
html[data-theme="dark"] .actions-heading span { color: var(--cp-surface); }
.actions-row { display: grid; grid-template-columns: 9cqw minmax(0, 1fr) 6cqw; align-items: center; gap: .7cqw; margin-top: 1.5cqw; }
.actions-row > span { font: 700 1.1cqw/1.25 Consolas, "Courier New", Courier, monospace; }
.actions-row b { font-size: 2.1cqw; letter-spacing: -.04em; text-align: right; }
.actions-track { height: 2.8cqw; border: 2px solid var(--cp-text); background: var(--cp-surface-soft); }
.actions-track i { display: block; height: 100%; }
.actions-row:nth-of-type(2) .actions-track i { background: var(--cp-accent); }
.actions-row:nth-of-type(3) .actions-track i { background: var(--cp-lime); }
.actions-axis { display: flex; justify-content: space-between; margin: .5cqw 6.7cqw 0 9.7cqw; font: 700 1cqw Consolas, "Courier New", Courier, monospace; }
.actions-daily { display: flex; flex-direction: column; padding: 1.4cqw; border: 2px solid var(--cp-text); background: var(--cp-text); color: var(--cp-bg); }
.actions-daily > span { font: 700 1.05cqw Consolas, "Courier New", Courier, monospace; }
.actions-daily strong { margin: auto 0 0; color: var(--cp-lime); font-size: 5cqw; line-height: 1; letter-spacing: -.05em; }
.actions-daily b { font-size: 1.8cqw; }
.actions-daily p { margin: auto 0 0; font-size: 1.18cqw; line-height: 1.36; }
.actions-reliability { position: relative; max-width: 88ch; margin: 1.2cqw 0 0; font-size: 1.25cqw; line-height: 1.36; font-weight: 650; }
.actions-reliability-link { position: relative; align-self: flex-start; margin-top: .4cqw; font: 700 1cqw Consolas, "Courier New", Courier, monospace; color: var(--cp-link); }

/* Three decisions for parallel work. */
.parallel-dials { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1cqw; margin-top: 2cqw; }
.parallel-dials article { min-height: 16cqw; padding: 1.5cqw; border: 2px solid var(--cp-text); background: var(--cp-surface); }
.parallel-dials article:nth-child(2) { background: var(--cp-accent-soft); }
.parallel-dials article > span { font: 700 1cqw Consolas, "Courier New", Courier, monospace; color: var(--cp-accent); }
.parallel-dials h3 { margin: 2.8cqw 0 .6cqw; font-size: 2.16cqw; letter-spacing: -.05em; }
.parallel-dials p { margin: 0; max-width: 32ch; font-size: 1.36cqw; line-height: 1.32; }

/* A continuous route separates direct control, coordination, and cloud execution. */
.surface-route { display: grid; grid-template-columns: 1fr 1.15fr 1fr; margin-top: 2.3cqw; border: 3px solid var(--cp-text); }
.surface-stop { position: relative; display: flex; flex-direction: column; min-width: 0; min-height: 23cqw; padding: 1.4cqw; background: var(--cp-surface); }
.surface-stop + .surface-stop { border-left: 1px solid var(--cp-text); }
.surface-stop + .surface-stop::before { content: "→"; position: absolute; z-index: 2; top: 65%; left: -1.2cqw; display: grid; place-items: center; width: 2.4cqw; height: 2.4cqw; border: 2px solid var(--cp-text); border-radius: 50%; background: var(--cp-lime); color: var(--cp-text); font-size: 1.6cqw; font-weight: 800; line-height: 1; }
.surface-stop:last-child { background: var(--cp-accent-soft); }
.surface-stop--middle { background: var(--cp-text); color: var(--cp-bg); }
.surface-stop > span { font: 700 1.05cqw Consolas, "Courier New", Courier, monospace; color: var(--cp-accent); }
.surface-stop--middle > span { color: var(--cp-lime); }
.surface-stop h3 { margin: 2.7cqw 0 .55cqw; font-size: 1.4cqw; line-height: 1.2; }
.surface-stop strong { font-size: 2.6cqw; line-height: 1.08; letter-spacing: -.05em; }
.surface-stop p { max-width: 27ch; margin: auto 0 0; padding-top: 1cqw; font-size: 1.48cqw; line-height: 1.34; }
.surface-axis { display: flex; justify-content: space-between; gap: 1cqw; padding-top: .8cqw; border-top: 3px solid var(--cp-text); margin-top: .6cqw; font: 700 .95cqw Consolas, "Courier New", Courier, monospace; }
.surface-axis span:last-child { text-align: right; }

/* The editor gathers context, proposed edits, and evidence before one human decision. */
.ide-workflow { display: grid; grid-template-columns: .9fr 1.42fr 1.06fr; gap: 1cqw; margin-top: 2cqw; }
.ide-brief, .ide-workbench, .ide-proof { min-width: 0; min-height: 20cqw; border: 2px solid var(--cp-text); background: var(--cp-surface); }
.ide-brief, .ide-proof { display: flex; flex-direction: column; padding: 1.2cqw; }
.ide-brief > span, .ide-proof > span, .ide-workbench-top, .ide-decision > span, .ide-decision small { font: 700 1cqw Consolas, "Courier New", Courier, monospace; }
.ide-brief > span, .ide-proof > span { color: var(--cp-accent); }
.ide-brief h3, .ide-proof h3 { margin: 2.5cqw 0 .6cqw; font-size: 2cqw; line-height: 1.05; letter-spacing: -.04em; }
.ide-brief p, .ide-proof p { margin: 0; font-size: 1.32cqw; line-height: 1.34; }
.ide-brief b { margin-top: auto; font: 700 .95cqw Consolas, "Courier New", Courier, monospace; }
.ide-workbench { display: flex; flex-direction: column; background: var(--cp-text); color: var(--cp-bg); }
.ide-workbench-top { display: flex; justify-content: space-between; gap: .5cqw; padding: 1cqw; border-bottom: 1px solid var(--cp-border-strong); color: var(--cp-lime); }
.ide-workbench-body { display: grid; grid-template-columns: 1fr 1.15fr; gap: .7cqw; margin: 2.5cqw 1cqw 0; }
.ide-workbench-body div { display: grid; align-content: center; gap: .6cqw; min-height: 7cqw; padding: .9cqw; border: 1px solid var(--cp-bg); }
.ide-workbench-body div:nth-child(2) { background: var(--cp-lime); color: var(--cp-text); }
.ide-workbench-body span { font: 700 .94cqw Consolas, "Courier New", Courier, monospace; }
.ide-workbench-body strong { font-size: 1.6cqw; line-height: 1.15; }
.ide-workbench p { margin: auto 1cqw 1cqw; font-size: 1.26cqw; line-height: 1.32; }
.ide-proof-lines { display: grid; gap: .35cqw; margin: .4cqw 0 1cqw; font: 700 1.12cqw Consolas, "Courier New", Courier, monospace; }
.ide-proof-lines div { padding: .35cqw; border: 1px solid var(--cp-border); }
.ide-proof-lines div:nth-child(2) { background: var(--cp-accent-soft); }
.ide-proof p { margin-top: auto; }
.ide-decision { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 1cqw; padding: .9cqw 1.2cqw; border: 2px solid var(--cp-text); background: var(--cp-lime); color: var(--cp-text); }
.ide-decision strong { font-size: 1.75cqw; letter-spacing: -.04em; }
.ide-decision small { text-align: right; }

/* Terminal work stays distinct from the reviewable evidence it produces. */
.cli-workflow { display: grid; grid-template-columns: 1.45fr .9fr; gap: 1.2cqw; margin-top: 1.9cqw; }
.cli-console { min-width: 0; border: 2px solid var(--cp-text); background: var(--cp-text); color: var(--cp-bg); }
.cli-console-top { display: flex; justify-content: space-between; gap: .7cqw; padding: .9cqw 1.1cqw; background: var(--cp-lime); color: var(--cp-text); font: 700 .95cqw Consolas, "Courier New", Courier, monospace; }
.cli-console-row { display: grid; grid-template-columns: 24% minmax(0, 1fr); gap: 1cqw; align-items: center; padding: 1.35cqw 1.1cqw; border-bottom: 1px solid var(--cp-border-strong); }
.cli-console-row:last-child { border-bottom: 0; }
.cli-console-row > span { color: var(--cp-warning); font: 700 1.04cqw Consolas, "Courier New", Courier, monospace; }
.cli-console-row strong { font-size: 1.72cqw; }
.cli-console-row p { margin: .3cqw 0 0; font-size: 1.32cqw; line-height: 1.34; }
.cli-handoff { display: flex; flex-direction: column; min-width: 0; gap: .65cqw; }
.cli-receipt { flex: 1; padding: 1.1cqw; border: 2px solid var(--cp-text); background: var(--cp-surface); }
.cli-receipt > span, .cli-decision > span { font: 700 .95cqw Consolas, "Courier New", Courier, monospace; color: var(--cp-accent); }
.cli-receipt h3 { margin: 1.1cqw 0 .8cqw; font-size: 1.85cqw; letter-spacing: -.04em; }
.cli-receipt div { display: flex; justify-content: space-between; gap: .5cqw; padding: .55cqw 0; border-top: 1px solid var(--cp-border-strong); }
.cli-receipt b { font: 700 1cqw Consolas, "Courier New", Courier, monospace; }
.cli-receipt small { font-size: 1.22cqw; text-align: right; }
.cli-decision { padding: 1cqw 1.1cqw; border: 2px solid var(--cp-text); background: var(--cp-lime); color: var(--cp-text); }
.cli-decision > span { color: var(--cp-text); }
.cli-decision strong { display: block; margin: .4cqw 0; font-size: 1.8cqw; letter-spacing: -.04em; }
.cli-decision p { margin: 0; font-size: 1.23cqw; line-height: 1.32; }
html[data-theme="dark"] .ide-workbench-top,
html[data-theme="dark"] .ide-workbench-body div:nth-child(2),
html[data-theme="dark"] .ide-decision,
html[data-theme="dark"] .cli-console-top,
html[data-theme="dark"] .cli-console-row > span,
html[data-theme="dark"] .cli-decision,
html[data-theme="dark"] .cli-decision > span { color: var(--cp-bg); }

/* Three tasks arrive in one place before the coordination bottleneck is named. */
.convergence { display: grid; grid-template-columns: 30% 8% minmax(0, 1fr); gap: .4cqw; min-height: 24cqw; margin-top: 2.5cqw; }
.convergence-inputs, .convergence-arrows { display: grid; grid-template-rows: repeat(3, 1fr); gap: .65cqw; }
.convergence-input { display: flex; flex-direction: column; justify-content: center; gap: .45cqw; padding: .8cqw 1.1cqw; border: 2px solid var(--cp-text); background: var(--cp-surface); }
.convergence-input:nth-child(2) { margin-left: 1cqw; background: var(--cp-accent-soft); }
.convergence-input:nth-child(3) { margin-left: 2cqw; }
.convergence-board > span, .convergence-load span { font: 700 .98cqw Consolas, "Courier New", Courier, monospace; }
.convergence-input strong { font-size: 1.75cqw; letter-spacing: -.04em; }
.convergence-arrows span { align-self: center; justify-self: center; color: var(--cp-accent); font-size: 3cqw; font-weight: 850; line-height: 1; }
.convergence-board { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 1.3cqw; border: 2px solid var(--cp-text); background: var(--cp-text); color: var(--cp-bg); }
.convergence-board::after { content: "!"; position: absolute; top: -.9cqw; right: 1cqw; display: grid; place-items: center; width: 3cqw; height: 3cqw; border: 2px solid var(--cp-text); border-radius: 50%; background: var(--cp-warning); color: var(--cp-text); font: 850 1.8cqw Consolas, "Courier New", Courier, monospace; }
.convergence-load { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8cqw; margin: auto 0; }
.convergence-load span { padding: 1.05cqw .85cqw; border: 1px solid var(--cp-bg); background: var(--cp-bg-elevated); color: var(--cp-text); font-size: 1.15cqw; }
.convergence-load span:last-child { background: var(--cp-warning); color: var(--cp-text); }
.convergence-outcome { display: grid; place-items: center; margin-top: .9cqw; padding: .95cqw 1.2cqw; border: 2px solid var(--cp-text); background: var(--cp-warning); color: var(--cp-text); }
.convergence-outcome strong { font: 800 1.75cqw Consolas, "Courier New", Courier, monospace; line-height: 1.15; }
html[data-theme="dark"] .convergence-board::after,
html[data-theme="dark"] .convergence-load span:last-child,
html[data-theme="dark"] .convergence-outcome { color: var(--cp-bg); }
@keyframes converge-in {
  from { opacity: 0; transform: translateX(-2cqw); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes bottleneck-in {
  from { opacity: 0; transform: translateX(1.5cqw); }
  to { opacity: 1; transform: translateX(0); }
}
.slide--coordination:not([hidden]) .convergence-input,
.slide--coordination:not([hidden]) .convergence-arrows span { animation: converge-in .4s cubic-bezier(.16, 1, .3, 1) both; }
.slide--coordination:not([hidden]) .convergence-input:nth-child(1) { animation-delay: .12s; }
.slide--coordination:not([hidden]) .convergence-input:nth-child(2) { animation-delay: .47s; }
.slide--coordination:not([hidden]) .convergence-input:nth-child(3) { animation-delay: .82s; }
.slide--coordination:not([hidden]) .convergence-arrows span:nth-child(1) { animation-delay: .3s; }
.slide--coordination:not([hidden]) .convergence-arrows span:nth-child(2) { animation-delay: .65s; }
.slide--coordination:not([hidden]) .convergence-arrows span:nth-child(3) { animation-delay: 1s; }
.slide--coordination:not([hidden]) .convergence-board { animation: bottleneck-in .5s cubic-bezier(.16, 1, .3, 1) 1.25s both; }
.slide--coordination:not([hidden]) .convergence-outcome { animation: bottleneck-in .5s cubic-bezier(.16, 1, .3, 1) 1.75s both; }

/* The app makes concurrent threads legible without copying product UI. */
.app-layout { display: grid; grid-template-columns: 52% minmax(0, 1fr); align-items: center; gap: 3.2cqw; flex: 1; min-height: 0; }
.app-copy { position: relative; z-index: 1; }
.app-name { display: inline-block; padding: .55cqw .8cqw; border: 2px solid var(--cp-text); background: var(--cp-accent-soft); color: var(--cp-accent); font: 700 1.1cqw Consolas, "Courier New", Courier, monospace; }
.app-copy h2 { margin: 1.3cqw 0 1.1cqw; font-size: 5.9cqw; font-weight: 850; line-height: 1; letter-spacing: -.06em; }
.app-copy p { max-width: 36ch; margin: 0; font-size: 1.68cqw; line-height: 1.4; font-weight: 550; }
.app-link { display: flex; align-items: center; justify-content: space-between; gap: 1cqw; width: 72%; margin-top: 2.6cqw; padding: .85cqw 1.15cqw; border: 3px solid var(--cp-text); background: var(--cp-lime); color: var(--cp-text); font: 800 2.3cqw Consolas, "Courier New", Courier, monospace; text-decoration: none; }
.app-link:hover { background: var(--cp-surface); }
.app-link span { font-size: 2.7cqw; line-height: .8; }
.app-map { display: flex; flex-direction: column; min-width: 0; min-height: 31cqw; padding: 1.35cqw; border: 2px solid var(--cp-text); background: var(--cp-text); color: var(--cp-bg); }
.app-map-heading, .app-map-decision span { font: 700 1cqw Consolas, "Courier New", Courier, monospace; }
.app-map-lanes { display: grid; grid-auto-rows: 1fr; gap: .7cqw; margin-top: 1.6cqw; }
.app-map-lanes div { display: grid; grid-template-columns: 30% minmax(0, 1fr); align-items: center; align-content: start; gap: .5cqw; padding: .8cqw; border: 1px solid var(--cp-border-strong); background: var(--cp-surface); color: var(--cp-text); }
.app-map-lanes span { font: 700 .97cqw Consolas, "Courier New", Courier, monospace; }
.app-map-lanes span { color: var(--cp-accent); }
.app-map-lanes strong { font-size: 1.38cqw; line-height: 1.24; }
.app-map-join { flex: 1; min-height: 1.2cqw; text-align: center; color: var(--cp-lime); font-size: 2.3cqw; line-height: 1; }
.app-map-decision { display: flex; align-items: center; justify-content: space-between; gap: 1cqw; padding: 1.1cqw; border: 2px solid var(--cp-bg); background: var(--cp-lime); color: var(--cp-text); }
.app-map-decision strong { font-size: 1.5cqw; line-height: 1.2; }
html[data-theme="dark"] .app-link,
html[data-theme="dark"] .app-map-join,
html[data-theme="dark"] .app-map-decision { color: var(--cp-bg); }
html[data-theme="dark"] .app-link:hover { color: var(--cp-text); }

/* Paired needs, with a hinge rather than a winner. */
.tension-layout { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; margin-top: 1.7cqw; }
.tension-card { min-height: 24cqw; display: flex; flex-direction: column; padding: 1.7cqw; border: 2px solid var(--cp-text); background: var(--cp-surface); }
.tension-card--warm { background: var(--cp-accent-soft); }
.tension-icon { display: grid; place-items: center; width: 3.5cqw; height: 3.5cqw; border: 2px solid var(--cp-text); background: var(--cp-lime); font-size: 2.6cqw; font-weight: 800; line-height: 1; }
.tension-card--warm .tension-icon { background: var(--cp-accent); color: var(--cp-accent-fg); }
.tension-card small { margin-top: 1.2cqw; font: 700 1.1cqw Consolas, "Courier New", Courier, monospace; }
.tension-card h3 { margin: .6cqw 0; font-size: 2.8cqw; letter-spacing: -.05em; }
.tension-card p { max-width: 24ch; margin: 0; font-size: 1.55cqw; line-height: 1.34; }
.tension-detail { margin-top: auto; padding-top: 1cqw; border-top: 2px solid var(--cp-text); font: 700 1cqw Consolas, "Courier New", Courier, monospace; }
.tension-pivot { position: relative; z-index: 1; display: grid; place-items: center; width: 6cqw; height: 6cqw; margin: 0 -1cqw; border: 2px solid var(--cp-text); border-radius: 50%; background: var(--cp-warning); font: 800 1.35cqw Consolas, "Courier New", Courier, monospace; transform: rotate(-9deg); }

/* Interstitial uses a single typographic thought and a large open circle. */
.slide--statement { justify-content: space-between; }
.statement-copy { position: relative; z-index: 1; margin: auto 0; }
.statement-copy h2 { font-size: 6.5cqw; margin: 1.5cqw 0; }
.statement-tail { white-space: nowrap; }
.statement-copy p { margin: 0; max-width: 37ch; font-size: 1.78cqw; line-height: 1.36; }
.statement-art { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.statement-ring { position: absolute; top: -14%; right: -6%; width: 55cqw; aspect-ratio: 1; border: 3px solid var(--cp-border-strong); border-radius: 50%; }
.statement-cross { position: absolute; top: 14%; right: 15%; color: var(--cp-accent); font-size: 18cqw; font-weight: 300; line-height: 1; }

/* Four-part contract. */
.pathway { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.1cqw; margin-top: 2cqw; }
.path-step { position: relative; min-height: 17.2cqw; padding: 1.15cqw; border: 2px solid var(--cp-text); background: var(--cp-surface); }
.path-step:nth-of-type(3) { background: var(--cp-accent-soft); }
.path-step span, .path-step small { display: block; font: 700 .95cqw Consolas, "Courier New", Courier, monospace; }
.path-step span { color: var(--cp-accent); }
.path-step strong { display: block; margin-top: 2.2cqw; font-size: 2.1cqw; letter-spacing: -.05em; }
.path-step p { font-size: 1.36cqw; line-height: 1.32; }
.path-step small { position: absolute; left: 1.15cqw; bottom: 1.1cqw; }
.path-arrow { position: absolute; z-index: 2; display: none; }
.path-note { align-self: flex-start; margin-top: 1.1cqw; padding: .65cqw 1cqw; border: 2px solid var(--cp-text); background: var(--cp-lime); font-size: 1.35cqw; font-weight: 800; }

/* Pull request as evidence packet. */
.pr-layout { display: grid; grid-template-columns: 65% 1fr; gap: 1.4cqw; margin-top: 1.8cqw; }
.pr-frame { border: 2px solid var(--cp-text); background: var(--cp-surface); }
.pr-frame-top, .pr-frame-bottom { display: flex; justify-content: space-between; gap: 1cqw; padding: .7cqw 1cqw; font: 700 .95cqw Consolas, "Courier New", Courier, monospace; }
.pr-frame-top { border-bottom: 2px solid var(--cp-text); }
.pr-state { padding: .15cqw .5cqw; background: var(--cp-lime); border: 1px solid var(--cp-text); }
.pr-frame h3 { margin: 1cqw 1cqw .7cqw; font-size: 1.9cqw; letter-spacing: -.04em; }
.pr-diff { margin: .4cqw 1cqw; border: 1px solid var(--cp-border-strong); font: 1.18cqw/1.4 Consolas, "Courier New", Courier, monospace; }
.pr-diff div { padding: .3cqw .6cqw; border-bottom: 1px solid var(--cp-border); }
.pr-diff div:last-child { border: 0; }
.pr-diff span { display: inline-block; width: 1cqw; color: var(--cp-accent); font-weight: 800; }
.pr-frame-bottom { margin-top: .9cqw; border-top: 2px solid var(--cp-text); }
.review-list { display: grid; gap: .5cqw; }
.review-list > div { display: grid; grid-template-columns: 2cqw 1fr; align-content: center; padding: .4cqw 1cqw; border: 2px solid var(--cp-text); background: var(--cp-surface); }
.review-list span { grid-row: span 2; font: 800 1cqw Consolas, "Courier New", Courier, monospace; color: var(--cp-accent); }
.review-list strong { font-size: 1.6cqw; letter-spacing: -.04em; }
.review-list small { font-size: 1.16cqw; line-height: 1.25; }

.slide.slide--video { padding: 0; overflow: hidden; background: var(--cp-bg-elevated); background-image: none; }
.demo-video { display: block; width: 100%; height: 100%; min-height: 0; object-fit: contain; background: var(--cp-bg-elevated); }
.demo-poster { display: none; width: 100%; height: 100%; object-fit: contain; background: var(--cp-bg-elevated); }

.slide--evidence .slide-head { margin-top: 1.2cqw; }
.slide--evidence .slide-head h2 { margin: .35cqw 0 .4cqw; font-size: 4cqw; }
.slide--evidence .slide-head p { font-size: 1.32cqw; }
.evidence-figure { display: flex; flex-direction: column; min-height: 0; margin: 0; }
.slide--evidence-report .evidence-figure { flex: 1; margin-top: 1.15cqw; }
.evidence-pair { display: grid; grid-template-columns: 43% minmax(0, 1fr); gap: 1.2cqw; flex: 1; min-height: 0; margin-top: 1.15cqw; }
.evidence-pair .evidence-figure { min-width: 0; }
.evidence-pair-print { display: none; flex: 1; min-height: 0; width: 100%; margin-top: 1.15cqw; border: 2px solid var(--cp-text); object-fit: contain; background: var(--cp-surface); }
.evidence-image-window { position: relative; flex: 1; min-width: 0; min-height: 0; overflow: hidden; border: 2px solid var(--cp-text); background: var(--cp-surface); }
.evidence-image-window:focus-visible { outline: 3px solid var(--cp-accent); outline-offset: 3px; }
.evidence-image-window img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: contain; }
.evidence-figure figcaption { display: none; }
.slide--evidence .slide-foot { margin-top: .65cqw; }

/* The last frame returns to the first frame's human decision. */
.closing-layout { display: grid; grid-template-columns: 64% 1fr; align-items: center; flex: 1; min-height: 0; }
.closing-copy { z-index: 1; }
.closing-copy h2 { margin: 1.5cqw 0; font-size: 6.15cqw; }
.slide--closing em { color: var(--cp-text); background: var(--cp-lime); box-shadow: .08em 0 var(--cp-lime), -.08em 0 var(--cp-lime); }
.closing-copy > p { max-width: 35ch; font-size: 1.72cqw; }
.closing-signoff { display: flex; flex-direction: column; gap: .3cqw; margin-top: 3cqw; padding-top: .85cqw; border-top: 2px solid var(--cp-text); }
.closing-signoff strong { font-size: 1.65cqw; }
.closing-signoff span { font-size: 1.2cqw; }
.closing-socials { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55cqw; max-width: 47cqw; margin-top: 1.2cqw; }
.closing-socials a { display: flex; align-items: center; gap: .7cqw; min-width: 0; min-height: 3.7cqw; padding: .45cqw .7cqw; border: 1px solid var(--cp-border-strong); background: var(--cp-bg-elevated); color: var(--cp-text); font-size: 1.12cqw; line-height: 1.2; text-decoration: none; }
.closing-socials a:hover { background: var(--cp-lime); color: var(--cp-text); }
.closing-socials img { display: block; flex: none; width: 2.2cqw; height: 2.2cqw; object-fit: contain; }
.closing-socials .social-mark--dark { display: none; }
html[data-theme="dark"] .closing-socials .social-mark--light { display: none; }
html[data-theme="dark"] .closing-socials .social-mark--dark { display: block; }
html[data-theme="dark"] .closing-socials a:hover { background: var(--cp-surface-soft); box-shadow: inset 0 0 0 1px var(--cp-accent); }
.closing-socials b { margin-right: .35cqw; }
.closing-orbit { position: relative; width: 27cqw; height: 27cqw; border: 3px solid var(--cp-border-strong); border-radius: 50%; transform: rotate(-15deg); }
.closing-orbit div { position: absolute; display: grid; place-items: center; width: 13cqw; height: 4.1cqw; border: 2px solid var(--cp-text); background: var(--cp-lime); color: var(--cp-text); font: 800 1.55cqw Consolas, "Courier New", Courier, monospace; }
.closing-orbit div:nth-child(1) { top: 2%; left: -15%; }
.closing-orbit div:nth-child(2) { top: 43%; right: -18%; background: var(--cp-warning); }
.closing-orbit div:nth-child(3) { bottom: 2%; left: -14%; background: var(--cp-accent); color: var(--cp-accent-fg); }
.closing-orbit > span { position: absolute; left: 43%; top: 38%; font-size: 5cqw; line-height: 1; color: var(--cp-text); }
html[data-theme="dark"] .path-note,
html[data-theme="dark"] .pr-state,
html[data-theme="dark"] .closing-orbit div:nth-child(-n+2) { color: var(--cp-accent-fg); }
html[data-theme="dark"] .slide--closing em {
  color: var(--cp-accent-fg);
  background: var(--cp-warning);
  box-shadow: .08em 0 var(--cp-warning), -.08em 0 var(--cp-warning);
}

.controls { min-height: 42px; gap: 16px; }
.nav-button { min-width: 120px; padding: 9px 12px; border: 2px solid var(--cp-text); border-radius: .625rem; background: var(--cp-bg-elevated); color: var(--cp-text); font-size: 11px; }
.nav-button:disabled { opacity: .45; cursor: not-allowed; }
.progress { display: flex; align-items: center; justify-content: center; gap: 12px; flex: 1; }
.counter { font-size: 12px; white-space: nowrap; }
.progress-track { width: min(22vw, 240px); height: 9px; border: 1px solid var(--cp-text); background: var(--cp-surface); }
#progress-fill { width: 100%; height: 100%; background: var(--cp-lime); transform: scaleX(.05); transform-origin: left center; transition: transform .2s ease; }
.hint { color: var(--cp-text-muted); font-size: 10px; white-space: nowrap; }
dialog { width: min(420px, calc(100vw - 32px)); padding: 22px; border: 3px solid var(--cp-text); border-radius: 16px; background: var(--cp-bg-elevated); color: var(--cp-text); box-shadow: var(--cp-shadow); }
dialog::backdrop { background: var(--cp-overlay); }
.dialog-header { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.dialog-header h2 { margin: 0; font-size: 24px; }
.dialog-header button { width: 34px; height: 34px; border: 2px solid var(--cp-text); border-radius: .625rem; background: var(--cp-surface); color: var(--cp-text); font-size: 22px; }
dialog p { line-height: 1.4; }
dialog dl div { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-top: 1px solid var(--cp-border-strong); }
dialog dt { font: 700 12px Consolas, "Courier New", Courier, monospace; }
dialog dd { margin: 0; text-align: right; }
.dialog-note { margin-bottom: 0; font-size: 12px; }

@media (max-width: 820px) {
  .app { gap: 8px; padding: 8px; }
  .chrome, .controls { width: 100%; }
  .deck { width: 100%; height: calc(100dvh - 110px); min-height: 360px; max-height: none; aspect-ratio: auto; box-shadow: 3px 3px 0 var(--cp-border-strong); }
  .slide { padding: 18px 18px 16px; overflow-y: auto; background-size: 48px 48px; }
  .demo-video { height: auto; max-height: 100%; aspect-ratio: 16 / 9; margin-block: auto; }
  .slide-top, .slide-foot { font-size: 11px; }
  .slide-top span:last-child { text-align: right; }
  .slide-foot { padding-top: 20px; font-size: 10px; }
  .slide-head { margin-top: 24px; }
  .slide-head h2, .title-copy h1, .statement-copy h2, .closing-copy h2 { margin: 8px 0 14px; font-size: clamp(36px, 9vw, 60px); }
  .slide-head p, .title-copy > p, .closing-copy > p { font-size: 17px; line-height: 1.43; }
  .eyebrow, .tag { font-size: 12px; }
  .tag { padding: 7px 9px; }
  .title-layout, .pr-layout, .closing-layout { display: block; }
  .title-layout { flex: none; }
  .title-copy { padding: 24px 0 0; }
  .title-copy h1 { font-size: clamp(42px, 10vw, 64px); }
  .presenter { gap: 10px; margin: 20px 0; }
  .presenter-mark { width: 38px; height: 38px; font-size: 12px; }
  .presenter strong { font-size: 16px; }
  .presenter small { font-size: 13px; }
  .room-art { height: 270px; margin: 12px 4px 22px; }
  .room-art, .room-node { outline-width: 3px; }
  .room-art::before, .room-art::after { width: 35px; height: 35px; }
  .room-art::before { right: -10px; top: -10px; }
  .room-art::after { left: -10px; bottom: -10px; }
  .room-node { padding: 6px; }
  .room-node small { font-size: 10px; }
  .room-node strong { font-size: 18px; }
  .room-stamp { padding: 5px; font-size: 10px; }
  .slide--data .slide-head { margin-top: 22px; }
  .slide--data .slide-head h2 { font-size: clamp(36px, 9vw, 60px); }
  .activity-chart, .commits-figure { margin-top: 20px; }
  .activity-chart { padding: 10px; }
  .chart-heading { padding-bottom: 9px; font-size: 11px; }
  .chart-heading span { gap: 4px; }
  .chart-heading i { width: 10px; height: 10px; }
  .activity-row { grid-template-columns: 1fr; gap: 8px; padding: 11px 0; }
  .activity-label strong { font-size: 18px; }
  .activity-label small { margin-top: 2px; font-size: 11px; }
  .activity-pair { gap: 6px; }
  .activity-pair > div { grid-template-columns: 42px minmax(0, 1fr) 61px; gap: 6px; font-size: 12px; }
  .bar-track { height: 13px; }
  .commits-figure figcaption { padding-top: 10px; font-size: 13px; }
  .commits-figure { display: block; }
  .commits-plot { min-height: 0; padding: 12px; }
  .commits-plot > strong { font-size: 11px; }
  .commit-row { grid-template-columns: 69px minmax(0, 1fr) 45px; gap: 6px; margin-top: 24px; }
  .commit-row > span { font-size: 11px; }
  .commit-row b { font-size: 18px; }
  .commit-track { height: 28px; }
  .commit-axis { margin: 10px 47px 0 75px; font-size: 11px; }
  .commits-aside { margin-top: 10px; padding: 16px; }
  .commits-aside > span { font-size: 11px; }
  .scale-callout { gap: 8px; padding: 10px 0; }
  .scale-callout:first-of-type { margin-top: 12px; }
  .scale-callout strong { font-size: clamp(28px, 9vw, 38px); }
  .scale-callout span { font-size: 14px; }
  .actions-layout { display: block; margin-top: 20px; }
  .actions-figure { padding: 12px; }
  .actions-heading { font-size: 11px; }
  .actions-heading span { padding: 4px; }
  .actions-row { grid-template-columns: 78px minmax(0, 1fr) 51px; gap: 6px; margin-top: 20px; }
  .actions-row > span { font-size: 11px; }
  .actions-row b { font-size: 18px; }
  .actions-track { height: 24px; }
  .actions-axis { margin: 8px 53px 0 84px; font-size: 11px; }
  .actions-daily { margin-top: 10px; padding: 16px; }
  .actions-daily > span { font-size: 11px; }
  .actions-daily strong { margin-top: 12px; font-size: 44px; }
  .actions-daily b { font-size: 20px; }
  .actions-daily p { margin-top: 12px; font-size: 14px; }
  .actions-reliability { margin-top: 16px; font-size: 15px; line-height: 1.4; }
  .actions-reliability-link { margin-top: 8px; font-size: 12px; }
  .parallel-dials { grid-template-columns: 1fr; gap: 10px; margin-top: 20px; }
  .parallel-dials article { min-height: 0; padding: 13px; }
  .parallel-dials article > span { font-size: 11px; }
  .parallel-dials h3 { margin: 12px 0 4px; font-size: 24px; }
  .parallel-dials p { font-size: 16px; }
  .slide--surface .slide-head h2 { font-size: clamp(34px, 8vw, 56px); }
  .surface-route { grid-template-columns: 1fr; margin-top: 20px; }
  .surface-stop { min-height: 0; padding: 15px; }
  .surface-stop + .surface-stop { border-left: 0; border-top: 2px solid var(--cp-text); }
  .surface-stop + .surface-stop::before { content: "↓"; top: -13px; left: calc(50% - 13px); width: 26px; height: 26px; font-size: 17px; }
  .surface-stop > span { font-size: 12px; }
  .surface-stop h3 { margin: 13px 0 4px; font-size: 15px; }
  .surface-stop strong { font-size: 25px; }
  .surface-stop p { max-width: 36ch; padding-top: 10px; font-size: 15px; }
  .surface-axis { display: none; }
  .ide-workflow, .cli-workflow { grid-template-columns: 1fr; gap: 10px; margin-top: 20px; }
  .ide-brief, .ide-workbench, .ide-proof { min-height: 0; }
  .ide-brief, .ide-proof { padding: 14px; }
  .ide-brief > span, .ide-proof > span, .ide-workbench-top, .ide-decision > span, .ide-decision small { font-size: 11px; }
  .ide-brief h3, .ide-proof h3 { margin: 12px 0 6px; font-size: 23px; }
  .ide-brief p, .ide-proof p { font-size: 16px; }
  .ide-brief b { margin-top: 12px; font-size: 11px; }
  .ide-workbench-top { padding: 12px; }
  .ide-workbench-body { gap: 7px; margin: 15px 12px 0; }
  .ide-workbench-body div { gap: 6px; min-height: 75px; padding: 8px; }
  .ide-workbench-body span { font-size: 10px; }
  .ide-workbench-body strong { font-size: 17px; }
  .ide-workbench p { margin: 12px; font-size: 15px; }
  .ide-proof-lines { gap: 5px; margin: 12px 0; font-size: 13px; }
  .ide-proof-lines div { padding: 7px; }
  .ide-decision { grid-column: auto; flex-wrap: wrap; padding: 12px; }
  .ide-decision strong { font-size: 20px; }
  .ide-decision small { width: 100%; text-align: left; }
  .cli-console-top { padding: 11px; font-size: 11px; }
  .cli-console-row { grid-template-columns: 80px minmax(0, 1fr); gap: 8px; padding: 14px 10px; }
  .cli-console-row > span { font-size: 11px; }
  .cli-console-row strong { font-size: 18px; }
  .cli-console-row p { margin-top: 4px; font-size: 14px; }
  .cli-handoff { gap: 10px; }
  .cli-receipt, .cli-decision { padding: 14px; }
  .cli-receipt > span, .cli-decision > span, .cli-receipt b { font-size: 11px; }
  .cli-receipt h3 { margin: 10px 0; font-size: 22px; }
  .cli-receipt div { padding: 8px 0; }
  .cli-receipt small, .cli-decision p { font-size: 14px; }
  .cli-decision strong { margin: 8px 0; font-size: 23px; }
  .convergence { flex: none; grid-template-columns: 1fr; gap: 10px; min-height: 0; margin-top: 20px; }
  .convergence-inputs { gap: 8px; }
  .convergence-inputs::after { content: "↓"; justify-self: center; color: var(--cp-accent); font-size: 28px; font-weight: 850; line-height: 1; }
  .convergence-input { min-height: 62px; gap: 5px; padding: 10px 12px; }
  .convergence-input:nth-child(2), .convergence-input:nth-child(3) { margin-left: 0; }
  .convergence-board > span, .convergence-load span { font-size: 11px; }
  .convergence-input strong { font-size: 19px; }
  .convergence-arrows { display: none; }
  .convergence-board { min-height: 150px; padding: 15px; }
  .convergence-board::after { top: -10px; right: 12px; width: 32px; height: 32px; font-size: 20px; }
  .convergence-load { gap: 7px; }
  .convergence-load span { padding: 8px; }
  .convergence-outcome { flex: none; margin-top: 10px; padding: 12px; }
  .convergence-outcome strong { font-size: 18px; }
  .app-layout { display: flex; flex-direction: column; align-items: stretch; gap: 20px; flex: none; margin-top: 24px; }
  .app-name { padding: 7px 9px; font-size: 11px; }
  .app-copy h2 { margin: 18px 0 12px; font-size: clamp(34px, 9vw, 54px); letter-spacing: -.045em; }
  .app-copy p { font-size: 17px; line-height: 1.43; }
  .app-link { width: 100%; margin-top: 20px; padding: 11px 14px; font-size: 25px; }
  .app-link span { font-size: 28px; }
  .app-map { min-height: 0; padding: 14px; }
  .app-map-heading, .app-map-decision span { font-size: 11px; }
  .app-map-lanes { gap: 8px; margin-top: 16px; }
  .app-map-lanes div { grid-template-columns: 1fr; gap: 7px; padding: 10px; }
  .app-map-lanes span { font-size: 11px; }
  .app-map-lanes strong { font-size: 18px; }
  .app-map-join { min-height: 22px; font-size: 25px; }
  .app-map-decision { display: block; padding: 12px; }
  .app-map-decision strong { display: block; margin-top: 7px; font-size: 20px; }
  .tension-layout { display: block; margin-top: 20px; }
  .tension-card { min-height: 205px; padding: 16px; }
  .tension-icon { width: 35px; height: 35px; font-size: 24px; }
  .tension-card small, .tension-detail { font-size: 11px; }
  .tension-card small { margin-top: 12px; }
  .tension-card h3 { margin: 6px 0; font-size: 28px; }
  .tension-card p { font-size: 16px; }
  .tension-detail { padding-top: 10px; }
  .tension-pivot { width: 44px; height: 44px; margin: -10px auto; font-size: 12px; }
  .statement-copy h2 { font-size: clamp(34px, 8.7vw, 72px); }
  .statement-copy p { font-size: 17px; line-height: 1.4; }
  .statement-ring { width: 85vw; }
  .statement-cross { font-size: 110px; }
  .pathway { grid-template-columns: 1fr; gap: 10px; margin-top: 22px; }
  .path-step { min-height: 0; padding: 14px; }
  .path-step span, .path-step small { font-size: 11px; }
  .path-step strong { margin: 12px 0 4px; font-size: 24px; }
  .path-step p { font-size: 15px; }
  .path-step small { position: static; margin-top: 16px; }
  .path-note { margin-top: 12px; padding: 8px; font-size: 15px; }
  .pr-layout { margin-top: 22px; }
  .pr-frame-top, .pr-frame-bottom { padding: 9px; font-size: 10px; }
  .review-list { gap: 6px; margin-top: 10px; }
  .review-list > div { grid-template-columns: 35px 1fr; padding: 8px; }
  .review-list span, .review-list small { font-size: 13px; }
  .review-list strong { font-size: 18px; }
  .pr-frame h3 { margin: 12px; font-size: 20px; }
  .pr-diff { margin: 8px; font-size: 12px; }
  .pr-diff div { padding: 5px; }
  .pr-diff span { width: 12px; }
  .pr-frame-bottom { margin-top: 12px; }
  .slide--evidence .slide-head { margin-top: 18px; }
  .slide--evidence .slide-head h2 { margin: 8px 0; font-size: clamp(32px, 8vw, 52px); }
  .slide--evidence .slide-head p { font-size: 15px; }
  .slide--evidence-report .evidence-figure { flex: none; margin-top: 18px; }
  .evidence-pair { display: flex; flex-direction: column; flex: none; gap: 20px; margin-top: 18px; }
  .evidence-image-window { display: block; flex: none; max-width: 100%; overflow-x: auto; overflow-y: hidden; }
  .evidence-image-window img { position: static; width: 780px; max-width: none; height: auto; }
  .evidence-figure figcaption { display: block; padding: 8px 0 0; font: 700 10px/1.35 Consolas, "Courier New", Courier, monospace; color: var(--cp-text-muted); }
  .slide--evidence .slide-foot { margin-top: 20px; }
  .closing-layout { flex: none; padding-top: 12px; }
  .closing-copy h2 { font-size: clamp(44px, 10vw, 68px); }
  .closing-signoff { gap: 5px; margin-top: 16px; padding-top: 10px; }
  .closing-signoff strong { font-size: 19px; }
  .closing-signoff span { font-size: 14px; }
  .closing-socials { grid-template-columns: 1fr; max-width: 330px; gap: 6px; margin-top: 10px; }
  .closing-socials a { min-height: 42px; gap: 10px; padding: 8px 10px; font-size: 15px; }
  .closing-socials img { width: 24px; height: 24px; }
  .closing-socials b { margin-right: 6px; }
  .closing-orbit { width: min(170px, 46vw); height: auto; aspect-ratio: 1; margin: 8px auto 7px; }
  .closing-orbit div { width: min(95px, 27vw); height: 34px; font-size: 11px; }
  .closing-orbit > span { font-size: 42px; }
  .slide--closing .slide-foot { padding-top: 6px; }
  .controls { gap: 6px; }
  .nav-button { min-width: 52px; padding: 9px 7px; }
  .nav-button span, .hint { display: none; }
  .progress { gap: 8px; }
  .progress-track { width: min(30vw, 170px); }
}
@media (max-width: 400px) {
  .slide-top span:last-child, .slide-foot span:first-child { max-width: 55%; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0s !important; animation-duration: 0s !important; }
  .slide--coordination .convergence-input,
  .slide--coordination .convergence-arrows span,
  .slide--coordination .convergence-board,
  .slide--coordination .convergence-outcome { animation: none !important; }
}

@page { size: 16in 9in; margin: 0; }
@media print {
  html, body { width: 16in; height: auto; background: #fff; }
  .skip-link, .chrome, .controls, dialog { display: none !important; }
  .app { display: block; min-height: 0; padding: 0; }
  .deck {
    width: 16in;
    max-height: none;
    height: auto;
    aspect-ratio: auto;
    overflow: visible;
    border: 0;
    box-shadow: none;
  }
  .slide, .slide[hidden] {
    position: relative;
    inset: auto;
    display: flex !important;
    width: 16in;
    height: 9in;
    break-after: page;
    page-break-after: always;
  }
  .slide:last-child { break-after: auto; page-break-after: auto; }
  .slide--video .demo-video { display: none; }
  .slide--video .demo-poster { display: block; }
  .evidence-image-window img {
    position: static;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
  }
  .evidence-pair { display: none; }
  .evidence-pair-print { display: block; }
}