:root {
  color-scheme: light;
  --executive-paper: color-mix(in srgb, var(--uk-color-bone) 82%, var(--uk-color-neutral-150) 18%);
  --executive-paper-raised: color-mix(in srgb, var(--uk-color-white) 88%, var(--uk-color-bone) 12%);
  --executive-paper-muted: color-mix(in srgb, var(--uk-color-bone) 76%, var(--uk-color-charcoal-900) 24%);
  --executive-ink: var(--uk-color-charcoal-950);
  --executive-muted: color-mix(in srgb, var(--uk-color-charcoal-900) 62%, var(--uk-color-neutral-500) 38%);
  --executive-line: color-mix(in srgb, var(--uk-color-charcoal-900) 20%, transparent);
  --executive-line-soft: color-mix(in srgb, var(--uk-color-charcoal-900) 9%, transparent);
  --executive-accent: var(--uk-color-blue-accent);
  --executive-accent-soft: color-mix(in srgb, var(--executive-accent) 10%, transparent);
  --executive-accent-on-dark: var(--uk-color-blue-light);
  --md3-color-background: var(--executive-paper);
  --md3-color-surface: var(--executive-paper-raised);
  --md3-color-surface-container: var(--executive-paper-muted);
  --md3-color-surface-container-lowest: var(--uk-color-white);
  --md3-color-on-surface: var(--executive-ink);
  --md3-color-on-surface-variant: var(--executive-muted);
  --md3-color-outline: var(--executive-line);
  --md3-color-outline-variant: var(--executive-line-soft);
  --md3-color-primary: var(--uk-color-charcoal-900);
  --md3-color-on-primary: var(--uk-color-white);
  --md3-color-secondary: var(--executive-accent);
  --md3-color-on-secondary: var(--uk-color-white);
  --md3-color-secondary-container: color-mix(in srgb, var(--executive-accent) 13%, var(--uk-color-white) 87%);
  --md3-color-on-secondary-container: var(--uk-color-charcoal-950);
  --md3-color-inverse-surface: var(--uk-color-charcoal-900);
  --md3-color-inverse-surface-container: var(--uk-color-charcoal-825);
  --md3-color-inverse-on-surface: color-mix(in srgb, var(--uk-color-white) 94%, var(--uk-color-bone) 6%);
  --md3-color-on-dark-muted: color-mix(in srgb, var(--md3-color-inverse-on-surface) 70%, transparent);
  --md3-color-on-dark-line: color-mix(in srgb, var(--md3-color-inverse-on-surface) 18%, transparent);
  --md3-color-on-dark-panel: color-mix(in srgb, var(--uk-color-white) 5%, transparent);
  --md3-color-state-hover-on-dark: color-mix(in srgb, var(--md3-color-inverse-on-surface) 12%, transparent);
  --md3-color-state-pressed-on-dark: color-mix(in srgb, var(--md3-color-inverse-on-surface) 18%, transparent);
  --md3-color-state-scrim: color-mix(in srgb, var(--md3-color-scrim) 45%, transparent);
  --md3-typeface-brand: var(--uk-font-family-sans);
  --md3-typeface-mono: var(--uk-font-family-mono);
  --md3-shape-corner-extra-small: var(--md3-shape-extra-small);
  --md3-shape-corner-small: var(--md3-shape-small);
  --md3-shape-corner-medium: var(--md3-shape-medium);
  --md3-shape-corner-large: var(--md3-shape-large);
  --md3-motion-duration-short2: 140ms;
  --md3-motion-duration-short3: 160ms;
  --md3-motion-duration-medium1: 200ms;
  --md3-motion-duration-medium2: 260ms;
  --md3-motion-duration-medium3: 320ms;
  --md3-motion-duration-long1: 420ms;
  --md3-motion-duration-long2: 520ms;
  --md3-focus-ring-width: 2px;
  --md3-focus-ring-offset: 4px;
  --md3-size-touch-target: var(--md3-touch-target-min);
  --shadow-charcoal-04: color-mix(in srgb, var(--uk-color-charcoal-900) 5%, transparent);
  --shadow-charcoal-05: color-mix(in srgb, var(--uk-color-charcoal-900) 6%, transparent);
  --shadow-charcoal-06: color-mix(in srgb, var(--uk-color-charcoal-900) 8%, transparent);
  --shadow-charcoal-07: color-mix(in srgb, var(--uk-color-charcoal-900) 10%, transparent);
  --shadow-charcoal-09: color-mix(in srgb, var(--uk-color-charcoal-900) 13%, transparent);
  --shadow-charcoal-10: color-mix(in srgb, var(--uk-color-charcoal-900) 16%, transparent);
  --md3-elevation-level2: var(--md3-elevation-2);
  --md3-elevation-level3: var(--md3-elevation-3);
  --md3-elevation-card-hover: var(--md3-elevation-4);
  --md3-color-state-hover: color-mix(in srgb, var(--md3-color-on-surface) 5.5%, transparent);
  --md3-color-state-focus: color-mix(in srgb, var(--md3-color-secondary) 12%, transparent);
  --md3-color-state-outline: color-mix(in srgb, var(--md3-color-secondary) 38%, transparent);
  --md3-color-ghost-index: color-mix(in srgb, var(--md3-color-on-surface) 7.5%, transparent);
  /* Spacing scale — MD3 4px grid. */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-9: 36px;
  --space-10: 40px;
  --space-11: 44px;
  /* Surface finish — soft elevation, faint technical texture, accent tint. */
  --md3-elevation-soft: 0 1px 2px var(--shadow-charcoal-04), 0 10px 26px var(--shadow-charcoal-05);
  --md3-elevation-raised: 0 1px 2px var(--shadow-charcoal-05), 0 22px 54px var(--shadow-charcoal-07);
  --surface-texture-line: color-mix(in srgb, var(--uk-color-charcoal-900) 1.8%, transparent);
  --surface-texture:
    linear-gradient(90deg, var(--surface-texture-line) 1px, transparent 1px) 0 0 / 76px 76px,
    linear-gradient(0deg, var(--surface-texture-line) 1px, transparent 1px) 0 0 / 76px 76px;
  --accent-tint: var(--executive-accent-soft);
  --cover-grid-line: color-mix(in srgb, var(--uk-color-white) 5.5%, transparent);
  --cover-rule: color-mix(in srgb, var(--md3-color-inverse-on-surface) 28%, transparent);
  --difference-dot: color-mix(in srgb, var(--uk-color-charcoal-900) 7%, transparent);
  --difference-line: color-mix(in srgb, var(--uk-color-charcoal-900) 2.8%, transparent);
  --panel-grid-line: color-mix(in srgb, var(--uk-color-charcoal-900) 2.2%, transparent);
  --timeline-grid-line: color-mix(in srgb, var(--uk-color-charcoal-900) 2.4%, transparent);
  --phase-pin-shadow: 0 2px 6px var(--shadow-charcoal-10);
  --phase-callout-bg: color-mix(in srgb, var(--uk-color-white) 94%, transparent);
  --card-finish: linear-gradient(
    180deg,
    color-mix(in srgb, var(--uk-color-white) 58%, transparent),
    color-mix(in srgb, var(--uk-color-white) 0%, transparent) 76px
  );
  --dark-finish-soft: linear-gradient(
    180deg,
    color-mix(in srgb, var(--uk-color-white) 7%, transparent),
    color-mix(in srgb, var(--uk-color-white) 0%, transparent) 120px
  );
  --dark-finish-subtle: linear-gradient(
    180deg,
    color-mix(in srgb, var(--uk-color-white) 6%, transparent),
    color-mix(in srgb, var(--uk-color-white) 0%, transparent) 120px
  );
  --bg: var(--md3-color-background);
  --surface: var(--md3-color-surface);
  --surface-muted: var(--md3-color-surface-container);
  --ink: var(--md3-color-on-surface);
  --muted: var(--md3-color-on-surface-variant);
  --line: var(--md3-color-outline);
  --line-soft: var(--md3-color-outline-variant);
  --accent: var(--md3-color-secondary);
  --success: var(--md3-color-success);
  --warning: var(--md3-color-warning);
  --danger: var(--md3-color-error);
  --dark: var(--md3-color-inverse-surface);
  --dark-2: var(--md3-color-inverse-surface-container);
  --on-dark: var(--md3-color-inverse-on-surface);
  --on-dark-muted: var(--md3-color-on-dark-muted);
  --on-dark-line: var(--md3-color-on-dark-line);
  --radius: var(--md3-shape-corner-small);
  --font: var(--md3-typeface-brand);
  --mono: var(--md3-typeface-mono);
  --ease: var(--md3-motion-easing-emphasized);
  --ease-standard: var(--md3-motion-easing-standard);
  --ease-entrance: cubic-bezier(0.16, 1, 0.3, 1);
  --slide-pad-x: 96px;
  --slide-pad-y: 58px;
  --slide-gap: 34px;
  --slide-header-h: 56px;
  --slide-grid-gap: 56px;
  --header-rule: color-mix(in srgb, var(--md3-color-inverse-surface) 46%, transparent);
}

* { box-sizing: border-box; }
html, body { min-height: 100%; }
html { scroll-behavior: smooth; scroll-padding-top: 88px; }
body {
  margin: 0;
  background:
    linear-gradient(90deg, var(--surface-texture-line) 1px, transparent 1px) 0 0 / 96px 96px,
    linear-gradient(0deg, var(--surface-texture-line) 1px, transparent 1px) 0 0 / 96px 96px,
    var(--bg);
  color: var(--ink);
  font-family: var(--font);
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-underline-offset: 4px; }
a:focus-visible, button:focus-visible, summary:focus-visible, deck-stage:focus-visible, .report-table-wrap:focus-visible {
  outline: var(--md3-focus-ring-width) solid var(--accent);
  outline-offset: var(--md3-focus-ring-offset);
}

/* Entrance motion: opacity + translate only (GPU-composited). No blur/clip-path
   filters — those rasterize per frame and cause the jitter. Gentle easeOutCubic. */
@keyframes uk-enter-rise {
  from {
    opacity: 0;
    transform: translate3d(0, 14px, 0) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes uk-enter-scale {
  from {
    opacity: 0;
    transform: translate3d(0, 18px, 0) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes uk-rule-in {
  from {
    opacity: 0;
    transform: translate3d(0, 10px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.slide[data-deck-active] .slide__head,
.slide[data-deck-active] .slide__foot {
  animation: uk-rule-in var(--md3-motion-duration-long2) var(--ease-entrance) 40ms both;
}

.slide[data-deck-active] .eyebrow,
.slide[data-deck-active] .difference-label {
  animation: uk-enter-rise var(--md3-motion-duration-long1) var(--ease-entrance) 90ms both;
}

.slide[data-deck-active] .title {
  animation: uk-enter-rise 680ms var(--ease-entrance) 150ms both;
}

.slide[data-deck-active] .lead {
  animation: uk-enter-rise 620ms var(--ease-entrance) 230ms both;
}

.slide[data-deck-active] .cover-hero {
  animation: uk-enter-rise 640ms var(--ease-entrance) 80ms both;
}

.slide[data-deck-active] .cover-hero h1 {
  animation: uk-enter-scale 760ms var(--ease-entrance) 140ms both;
}

.slide[data-deck-active] .cover-hero p {
  animation: uk-enter-rise var(--md3-motion-duration-long2) var(--ease-entrance) 300ms both;
}

.slide[data-deck-active] :is(
  .signal,
  .card,
  .phase,
  .team-person,
  .about-proof div,
  .difference-item,
  .loop-node,
  .ops-agent-card,
  .impact-panel,
  .value-card
) {
  animation: uk-enter-rise var(--md3-motion-duration-long2) var(--ease-entrance) calc(280ms + var(--stagger, 0ms)) both;
}

:is(.signal, .card, .phase, .team-person, .about-proof div, .difference-item, .loop-node, .ops-agent-card, .impact-panel, .value-card):nth-child(1) {
  --stagger: 0ms;
}
:is(.signal, .card, .phase, .team-person, .about-proof div, .difference-item, .loop-node, .ops-agent-card, .impact-panel, .value-card):nth-child(2) {
  --stagger: 42ms;
}
:is(.signal, .card, .phase, .team-person, .about-proof div, .difference-item, .loop-node, .ops-agent-card, .impact-panel, .value-card):nth-child(3) {
  --stagger: 84ms;
}
:is(.signal, .card, .phase, .team-person, .about-proof div, .difference-item, .loop-node, .ops-agent-card, .impact-panel, .value-card):nth-child(4) {
  --stagger: 126ms;
}
:is(.signal, .card, .phase, .team-person, .about-proof div, .difference-item, .loop-node, .ops-agent-card, .impact-panel, .value-card):nth-child(5) {
  --stagger: 168ms;
}
:is(.signal, .card, .phase, .team-person, .about-proof div, .difference-item, .loop-node, .ops-agent-card, .impact-panel, .value-card):nth-child(6) {
  --stagger: 210ms;
}
:is(.signal, .card, .phase, .team-person, .about-proof div, .difference-item, .loop-node, .ops-agent-card, .impact-panel, .value-card):nth-child(7) {
  --stagger: 252ms;
}
:is(.signal, .card, .phase, .team-person, .about-proof div, .difference-item, .loop-node, .ops-agent-card, .impact-panel, .value-card):nth-child(8) {
  --stagger: 294ms;
}
.skip-link {
  position: fixed;
  z-index: 1000;
  left: 16px;
  top: 16px;
  transform: translateY(-72px);
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  padding: 0 16px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  font-weight: 600;
  transition: transform var(--md3-motion-duration-short3) var(--ease);
}
.skip-link:focus { transform: translateY(0); }

deck-stage {
  --deck-w: 1920px;
  --deck-h: 1080px;
  display: block;
  width: 100vw;
  height: 100vh;
}
.slide {
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  position: relative;
  display: grid;
  grid-template-rows: var(--slide-header-h) minmax(0, 1fr) auto;
  gap: var(--slide-gap);
  padding: var(--slide-pad-y) var(--slide-pad-x) 62px;
  background:
    linear-gradient(90deg, var(--surface-texture-line) 1px, transparent 1px) 0 0 / 148px 148px,
    linear-gradient(0deg, var(--surface-texture-line) 1px, transparent 1px) 0 0 / 148px 148px,
    var(--bg);
  color: var(--ink);
  min-height: 0;
}
.slide--dark { background: var(--dark); color: var(--on-dark); }
.slide::before {
  content: none;
}
.slide__head {
  display: flex;
  justify-content: space-between;
  gap: 32px;
  align-items: flex-start;
  flex: 0 0 auto;
  margin: 0 calc(var(--slide-pad-x) * -1);
  padding: 0 var(--slide-pad-x) 18px;
  height: var(--slide-header-h);
  border-bottom: 1px solid var(--header-rule);
  color: var(--ink);
}
.slide__foot {
  display: flex;
  justify-content: space-between;
  gap: 32px;
  align-items: center;
  flex: 0 0 auto;
  font-family: var(--mono);
  font-size: 13px;
  color: var(--muted);
  letter-spacing: 0;
}
.slide--dark .slide__head {
  border-bottom-color: var(--on-dark-line);
  color: var(--on-dark);
}
.slide--dark .slide__foot { color: var(--on-dark-muted); }
.brand {
  display: inline-flex;
  gap: 14px;
  align-items: center;
  color: inherit;
  font-family: var(--font);
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0;
  font-weight: 600;
}
.brand img { width: 34px; height: 34px; }
.deck-subtitle {
  max-width: 58ch;
  margin-left: auto;
  padding-top: 2px;
  color: var(--muted);
  font-family: var(--mono);
  font-size: 13px;
  line-height: 1.3;
  text-align: right;
}
.slide--dark .deck-subtitle { color: var(--on-dark-muted); }
.slide__foot {
  padding-top: 20px;
  border-top: 1px solid var(--header-rule);
}
.slide--dark .slide__foot { border-top-color: var(--on-dark-line); }
.eyebrow {
  margin: 0 0 18px;
  color: var(--muted);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: uppercase;
}
.slide--dark .eyebrow { color: var(--on-dark-muted); }
h1, h2, h3, p { margin-top: 0; }
.display {
  margin: 0;
  max-width: 16ch;
  min-height: 330px;
  font-size: 96px;
  line-height: 1.1;
  letter-spacing: 0;
  font-weight: 300;
  text-wrap: balance;
}
.title {
  margin: 0;
  padding-bottom: 4px;
  max-width: 100%;
  font-size: 60px;
  line-height: 1.18;
  letter-spacing: 0;
  font-weight: 300;
  text-wrap: balance;
}
.lead {
  margin: 22px 0 0;
  max-width: 54ch;
  font-size: 22px;
  line-height: 1.46;
  color: var(--muted);
}
.slide--dark .lead { color: var(--on-dark-muted); }
/* Body-copy wrap hygiene: prevent orphans / one-word last lines. Headlines use balance. */
.lead,
.signal p, .card p, .metric p, .plain-list li,
.difference-item p,
.loop-node--core p,
.phase p,
.value-card p, .ops-agent-card p,
.team-person p,
.lane p, .engagement-step p,
.system-source-grid li, .system-deliverables li, .system-feedback-loop p,
.adoption-step p,
.source p, .loop-feedback strong {
  text-wrap: pretty;
}
.body {
  align-self: stretch;
  min-height: 0;
  max-height: 100%;
  overflow: hidden;
}
.body--spread,
.body--priority {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  row-gap: 32px;
  align-content: stretch;
}
.body--spread.body--with-lead {
  grid-template-rows: auto auto auto minmax(0, 1fr);
  row-gap: 26px;
}
.body--spread.body--with-lead > .lead {
  margin-top: 0;
}
.body--spread > .mt-34,
.body--spread > .mt-38,
.body--priority > .mt-34,
.body--priority > .mt-38 {
  margin-top: 0;
}
.body--spread > .agenda,
.body--spread > .lane-map,
.body--spread > .signal-grid,
.body--spread > .platform-grid,
.body--spread > .workstream-grid,
.body--spread > .metric-grid,
.body--spread > .logistics-loop,
.body--spread > .ops-agent-grid,
.body--spread > .cost-control-layout,
.body--spread > .timeline,
.body--spread > .engagement-path,
.body--spread > .system-map,
.body--spread > .adoption-path,
.body--spread > .cover-panel,
.body--priority > .priority-table {
  align-self: stretch;
  min-height: 0;
}
.body--priority > .priority-table { height: 100%; }
.body--spread > .agenda {
  display: grid;
  grid-template-rows: repeat(5, minmax(0, 1fr));
}
.body--spread > .agenda .agenda-row {
  align-items: center;
  padding: 0;
}
.body--spread > .lane-map {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
.body--spread > .signal-grid,
.body--spread > .platform-grid,
.body--spread > .workstream-grid,
.body--spread > .ops-agent-grid {
  grid-template-rows: minmax(0, 1fr);
}
.body--spread > .metric-grid,
.body--spread > .engagement-path {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}
.body--spread > .timeline {
  grid-template-rows: minmax(0, 1fr);
}
.body--spread > .system-map,
.body--spread > .adoption-path {
  align-self: stretch;
}
.body--spread > .cover-panel {
  display: grid;
  grid-template-rows: repeat(4, minmax(0, 1fr));
}

.slide--cover {
  display: grid;
  grid-template-rows: 1fr;
  padding: 124px 160px;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--uk-color-white) 3%, transparent), transparent 24%, color-mix(in srgb, var(--uk-color-black) 14%, transparent)),
    linear-gradient(112deg, var(--uk-color-charcoal-950), var(--dark) 56%, var(--uk-color-charcoal-825)),
    var(--dark);
  color: var(--on-dark);
}
.slide--cover::before,
.slide--cover::after {
  content: "";
  position: absolute;
  pointer-events: none;
}
.slide--cover::before {
  inset: 0 0 0 auto;
  width: 48%;
  background:
    linear-gradient(90deg, transparent 0 118px, color-mix(in srgb, var(--uk-color-white) 6%, transparent) 118px 119px, transparent 119px 236px) 0 0 / 236px 236px,
    linear-gradient(0deg, transparent 0 118px, color-mix(in srgb, var(--uk-color-white) 5%, transparent) 118px 119px, transparent 119px 236px) 0 0 / 236px 236px,
    linear-gradient(90deg, transparent 0 72px, color-mix(in srgb, var(--uk-color-white) 4%, transparent) 72px 73px, transparent 73px 144px) 42px 34px / 144px 144px,
    linear-gradient(0deg, transparent 0 72px, color-mix(in srgb, var(--uk-color-white) 4%, transparent) 72px 73px, transparent 73px 144px) 42px 34px / 144px 144px;
  background-repeat: repeat;
  opacity: 0.46;
  mask-image:
    linear-gradient(90deg, transparent 0%, var(--uk-color-black) 44%, var(--uk-color-black) 100%),
    linear-gradient(180deg, transparent 0%, var(--uk-color-black) 12%, var(--uk-color-black) 86%, transparent 100%);
  mask-composite: intersect;
}
.slide--cover::after {
  right: 64px;
  top: 0;
  width: 540px;
  height: 100%;
  background:
    linear-gradient(90deg, transparent 0 96px, color-mix(in srgb, var(--uk-color-white) 13%, transparent) 96px 97px, transparent 97px 192px) 0 92px / 192px 232px,
    linear-gradient(0deg, transparent 0 96px, color-mix(in srgb, var(--uk-color-white) 11%, transparent) 96px 97px, transparent 97px 192px) 0 92px / 192px 192px,
    linear-gradient(90deg, transparent 0 144px, color-mix(in srgb, var(--uk-color-white) 9%, transparent) 144px 145px, transparent 145px 288px) 126px 638px / 288px 218px,
    linear-gradient(0deg, transparent 0 108px, color-mix(in srgb, var(--uk-color-white) 9%, transparent) 108px 109px, transparent 109px 218px) 126px 638px / 288px 218px;
  background-repeat: no-repeat;
  opacity: 0.24;
  mask-image:
    linear-gradient(90deg, transparent 0%, var(--uk-color-black) 30%, var(--uk-color-black) 100%),
    linear-gradient(180deg, transparent 0%, var(--uk-color-black) 9%, var(--uk-color-black) 95%, transparent 100%);
  mask-composite: intersect;
}
.slide--cover .cover-hero {
  align-self: center;
  position: relative;
  z-index: 1;
  display: grid;
  gap: 48px;
  width: min(1360px, 100%);
  padding-top: 44px;
  padding-bottom: 46px;
}
.cover-hero h1 {
  order: 1;
  display: flex;
  align-items: center;
  margin: 0;
  min-height: 226px;
  font-size: 176px;
  line-height: 1.05;
  font-weight: 300;
  letter-spacing: 0;
  text-shadow: 0 8px 38px color-mix(in srgb, var(--uk-color-black) 28%, transparent);
}
.cover-hero p {
  order: 3;
  margin: 0;
  max-width: 44ch;
  color: color-mix(in srgb, var(--on-dark) 72%, transparent);
  font-size: 28px;
  line-height: 1.34;
  font-weight: 300;
  letter-spacing: 0.08em;
}
.slide--cover .cover-hero::after {
  content: "";
  order: 2;
  display: block;
  width: min(1120px, 100%);
  height: 1px;
  background: linear-gradient(90deg, color-mix(in srgb, var(--on-dark) 44%, transparent) 0%, color-mix(in srgb, var(--on-dark) 44%, transparent) 82%, transparent 100%);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--uk-color-black) 28%, transparent);
}
.slide--qa .cover-hero {
  width: min(1180px, 100%);
  justify-self: center;
}
.slide--qa .cover-hero h1 {
  min-height: 0;
  padding-bottom: 18px;
  font-size: 198px;
  line-height: 1.16;
}

.cover-grid {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: var(--slide-grid-gap);
  align-items: center;
}
.cover-kicker {
  margin: 0 0 24px;
  font-family: var(--mono);
  color: var(--on-dark-muted);
  font-size: 16px;
  letter-spacing: 0;
  text-transform: uppercase;
}
.cover-panel {
  border: 1px solid var(--line);
  background: var(--surface);
}
.slide--dark .cover-panel {
  border-color: var(--on-dark-line);
  background: var(--md3-color-on-dark-panel);
}
.cover-row {
  display: grid;
  grid-template-columns: 128px 1fr;
  gap: 24px;
  align-items: center;
  min-height: 132px;
  padding: 26px 30px;
  border-bottom: 1px solid var(--line-soft);
}
.slide--dark .cover-row { border-bottom-color: var(--on-dark-line); }
.cover-row:last-child { border-bottom: 0; }
.cover-row strong {
  display: flex;
  align-items: center;
  min-height: 66px;
  font-family: var(--mono);
  font-size: 52px;
  font-weight: 300;
  line-height: 1.16;
}
.cover-row span {
  color: var(--muted);
  font-size: 20px;
  line-height: 1.45;
}
.slide--dark .cover-row span { color: var(--on-dark-muted); }

.slide--difference {
  background:
    radial-gradient(circle at 1px 1px, var(--difference-dot) 1.1px, transparent 1.65px) 0 0 / 132px 132px,
    linear-gradient(90deg, var(--difference-line) 1px, transparent 1px) 0 0 / 132px 132px,
    linear-gradient(0deg, var(--difference-line) 1px, transparent 1px) 0 0 / 132px 132px,
    var(--bg);
}
.slide--difference .body {
  width: 100%;
  height: auto;
  max-height: 100%;
  overflow: hidden;
}
.difference-stage {
  display: grid;
  grid-template-columns: minmax(360px, 0.36fr) minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  gap: 40px;
  align-items: stretch;
  height: 100%;
  padding: 0;
}
.difference-title-block {
  --accent: var(--executive-accent-on-dark);
  position: relative;
  display: grid;
  align-content: start;
  justify-items: start;
  min-height: 0;
  padding: 42px 38px;
  border: 1px solid var(--on-dark-line);
  border-radius: var(--radius);
  background:
    var(--dark-finish-soft),
    var(--dark);
  color: var(--on-dark);
  box-shadow: var(--md3-elevation-raised);
  overflow: hidden;
}
.difference-title-block::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, var(--cover-grid-line) 1px, transparent 1px) 0 0 / 108px 108px,
    linear-gradient(0deg, var(--cover-grid-line) 1px, transparent 1px) 0 0 / 108px 108px;
  opacity: 0.72;
  pointer-events: none;
}
.difference-title-block::after {
  content: "";
  position: absolute;
  left: 38px;
  bottom: 42px;
  width: 78px;
  height: 2px;
  background: var(--accent);
  opacity: 0.78;
}
.difference-title-block > * {
  position: relative;
  z-index: 1;
}
.difference-title-block .eyebrow {
  margin-bottom: 24px;
  color: var(--accent);
}
.difference-label {
  display: inline-flex;
  align-items: center;
  gap: 24px;
  margin: 0 0 28px;
  font-family: var(--mono);
  color: var(--muted);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: uppercase;
}
.difference-label::before {
  content: "";
  width: 54px;
  height: 1px;
  background: var(--line);
}
.difference-title-block .title {
  max-width: 9ch;
  min-height: 68px;
  font-size: 54px;
  line-height: 1.12;
  font-weight: 300;
  color: var(--on-dark);
}
.difference-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(4, minmax(0, 1fr));
  gap: 16px;
  height: 100%;
  align-content: stretch;
}
.difference-item {
  position: relative;
  display: grid;
  grid-template-columns: 44px 1fr;
  align-items: start;
  gap: 20px;
  min-height: 0;
  padding: 24px 24px 20px;
  border: 1px solid var(--line-soft);
  border-radius: var(--radius);
  background: var(--card-finish), var(--surface);
  box-shadow: var(--md3-elevation-soft);
  transition:
    transform var(--md3-motion-duration-medium2) var(--ease),
    background-color var(--md3-motion-duration-short3) var(--ease-standard),
    border-color var(--md3-motion-duration-short3) var(--ease-standard),
    box-shadow var(--md3-motion-duration-medium2) var(--ease);
}
.difference-item span {
  align-self: start;
  display: inline-grid;
  place-items: center;
  width: 40px;
  height: 40px;
  padding-top: 0;
  transform: translateY(-6px);
  border: 1px solid var(--line-soft);
  border-radius: var(--radius);
  background: var(--accent-tint);
  font-family: var(--mono);
  color: var(--accent);
  font-size: 14px;
  line-height: 1.2;
}
.difference-item h3 {
  margin: 0 0 12px;
  color: var(--ink);
  font-size: 22px;
  font-weight: 500;
  line-height: 1.24;
  letter-spacing: 0;
}
.difference-item p {
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.42;
}

.agenda { display: grid; gap: 0; margin-top: 38px; border-top: 1px solid var(--line); }
.agenda-row {
  display: grid;
  grid-template-columns: 96px 1fr 180px;
  gap: 28px;
  align-items: baseline;
  padding: 28px 0;
  border-bottom: 1px solid var(--line-soft);
}
.agenda-row .n, .agenda-row .r {
  font-family: var(--mono);
  color: var(--muted);
  font-size: 15px;
}
.agenda-row .t {
  font-size: 32px;
  font-weight: 400;
  letter-spacing: 0;
}

.signal-grid, .platform-grid, .workstream-grid, .metric-grid, .source-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: var(--line);
  border: 1px solid var(--line);
  isolation: isolate;
}
.signal-grid,
.platform-grid,
.workstream-grid,
.ops-agent-grid {
  counter-reset: surface-card;
}
.platform-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.source-row { grid-template-columns: repeat(4, 1fr); }
.card, .signal, .metric, .source {
  position: relative;
  background: var(--surface);
  padding: 28px;
  min-height: 216px;
  transition:
    background-color var(--md3-motion-duration-short3) var(--ease-standard),
    box-shadow var(--md3-motion-duration-medium2) var(--ease),
    transform var(--md3-motion-duration-medium2) var(--ease),
    border-color var(--md3-motion-duration-short3) var(--ease-standard);
  will-change: transform;
}
.card::after,
.signal::after,
.metric::after,
.source::after,
.about-proof div::after,
.team-person::after,
.difference-item::after,
.phase::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: var(--md3-color-state-hover);
  opacity: 0;
  transition: opacity var(--md3-motion-duration-short3) var(--ease-standard);
  pointer-events: none;
}
.platform-grid > .signal,
.signal-grid > .signal,
.workstream-grid > .card,
.ops-agent-grid > .ops-agent-card {
  counter-increment: surface-card;
}
.platform-grid > .signal::before,
.signal-grid > .signal::before,
.workstream-grid > .card::before,
.ops-agent-grid > .ops-agent-card::before {
  content: counter(surface-card, decimal-leading-zero);
  position: absolute;
  right: 28px;
  bottom: 22px;
  z-index: 0;
  color: var(--md3-color-ghost-index);
  font-family: var(--mono);
  font-size: 72px;
  line-height: 1;
  letter-spacing: 0;
  pointer-events: none;
  transition:
    color var(--md3-motion-duration-short3) var(--ease-standard),
    transform var(--md3-motion-duration-medium2) var(--ease);
}
.platform-grid > .signal {
  justify-content: flex-start;
  padding-top: 44px;
}
.card > *,
.signal > *,
.metric > *,
.source > *,
.about-proof div > *,
.team-person > *,
.difference-item > *,
.ops-agent-card > *,
.phase > * {
  position: relative;
  z-index: 1;
}
.body--spread .card,
.body--spread .signal,
.body--spread .metric,
.body--spread .lane,
.body--spread .phase,
.body--spread .engagement-step {
  min-height: 0;
  height: 100%;
}
.body--spread .card,
.body--spread .signal,
.body--spread .metric,
.body--spread .lane,
.body--spread .engagement-step {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.body--spread .platform-grid > .signal { justify-content: flex-start; }
.card--dark { background: var(--dark-2); color: var(--on-dark); }
.slide--dark,
.card--dark,
.intro-card,
.paradigm-proof,
.loop-node--core {
  --accent: var(--executive-accent-on-dark);
}
.card--muted { background: var(--surface-muted); display: flex; flex-direction: column; justify-content: center; }
.kicker {
  display: block;
  margin-bottom: 14px;
  font-family: var(--mono);
  color: var(--muted);
  font-size: 12px;
  letter-spacing: 0;
  text-transform: uppercase;
}
.card--dark .kicker { color: var(--on-dark-muted); }
.signal h3, .card h3, .metric h3 {
  margin: 0 0 12px;
  font-size: 25px;
  line-height: 1.24;
  font-weight: 500;
  letter-spacing: 0;
}
.signal p, .card p, .metric p, .plain-list li {
  margin: 0;
  color: var(--muted);
  font-size: 18px;
  line-height: 1.48;
}
.card--dark p,
.card--dark .plain-list li { color: var(--on-dark-muted); }
.plain-list {
  display: grid;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.plain-list li {
  padding-top: 14px;
  border-top: 1px solid var(--line-soft);
}
.card--dark .plain-list li { border-top-color: var(--on-dark-line); }
.two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--slide-grid-gap);
  align-items: center;
}
.two-col--spread {
  align-items: stretch;
}
.two-col--spread > div {
  min-height: 0;
}
.two-col--spread > div:first-child,
.two-col--spread .card,
.two-col--spread .source {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.two-col--spread .card,
.two-col--spread .diagram-shell,
.two-col--spread .source-row {
  height: 100%;
  min-height: 0;
}
.two-col--spread .diagram-shell svg {
  max-height: none;
}
.two-col--spread .source-row {
  align-self: stretch;
}
.two-col--spread .source {
  min-height: 0;
}
.about-grid {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: var(--slide-grid-gap);
  align-items: center;
}
.about-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.two-col .title,
.about-copy .title {
  min-height: 146px;
}
.about-proof {
  display: grid;
  gap: 1px;
  margin-top: 34px;
  border: 1px solid var(--line);
  background: var(--line);
}
.about-proof div {
  position: relative;
  display: grid;
  gap: 8px;
  padding: 22px 24px;
  background: var(--surface);
  transition:
    background-color var(--md3-motion-duration-short3) var(--ease-standard),
    transform var(--md3-motion-duration-medium2) var(--ease),
    box-shadow var(--md3-motion-duration-medium2) var(--ease);
}
.about-proof span {
  font-family: var(--mono);
  color: var(--muted);
  font-size: 12px;
  letter-spacing: 0;
  text-transform: uppercase;
}
.about-proof strong {
  font-size: 22px;
  line-height: 1.25;
  font-weight: 500;
}
.team-panel {
  display: grid;
  gap: 1px;
  border: 1px solid var(--line);
  background: var(--line);
  isolation: isolate;
}
.team-person {
  position: relative;
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 28px;
  align-items: center;
  min-height: 286px;
  padding: 28px;
  background: var(--surface);
  overflow: hidden;
  transition:
    background-color var(--md3-motion-duration-short3) var(--ease-standard),
    box-shadow var(--md3-motion-duration-medium2) var(--ease),
    transform var(--md3-motion-duration-medium2) var(--ease);
}
.team-person img {
  width: 220px;
  height: 276px;
  object-fit: cover;
  object-position: center center;
  border: 1px solid var(--line-soft);
  background: var(--surface-muted);
  transition:
    border-color var(--md3-motion-duration-short3) var(--ease-standard),
    filter var(--md3-motion-duration-medium2) var(--ease),
    transform var(--md3-motion-duration-long1) var(--ease);
}
.team-person--farbod img { object-position: 50% 38%; }
.team-person--kelly img { object-position: 50% 40%; }
.team-person h3 {
  margin: 0 0 14px;
  min-height: 43px;
  font-size: 34px;
  line-height: 1.16;
  font-weight: 300;
}
.team-person p {
  margin: 0;
  color: var(--muted);
  font-size: 18px;
  line-height: 1.42;
}
.program-view { grid-template-columns: 0.86fr 1.14fr; align-items: center; }
.program-view .title { font-size: 62px; }
.program-view .diagram-shell {
  min-height: 560px;
  padding: 30px;
}
.program-view .diagram-shell svg { max-height: 560px; }
.program-proof {
  display: grid;
  gap: 1px;
  margin-top: 34px;
  border: 1px solid var(--line);
  background: var(--line);
}
.program-proof div {
  display: grid;
  gap: 8px;
  padding: 22px 24px;
  background: var(--surface);
}
.program-proof span {
  color: var(--muted);
  font-family: var(--mono);
  font-size: 12px;
  text-transform: uppercase;
}
.program-proof strong {
  font-size: 22px;
  line-height: 1.24;
  font-weight: 500;
}
.diagram-shell {
  border: 1px solid var(--line);
  background: var(--surface);
  padding: 26px;
  display: grid;
  place-items: center;
  min-height: 510px;
}
.diagram-shell svg { width: 100%; height: auto; max-height: 520px; }
.diagram-flow {
  margin-top: 30px;
  border: 1px solid var(--line);
  background: var(--surface);
  padding: 30px 34px;
}
.diagram-flow svg { display: block; width: 100%; height: auto; }
.diagram-card { fill: var(--surface-muted); stroke: var(--line); }
.diagram-card--surface { fill: var(--surface); }
.diagram-hub { fill: var(--dark); stroke: var(--dark); }
.diagram-text { font-family: var(--font); fill: var(--ink); }
.diagram-subtext { font-family: var(--mono); fill: var(--muted); }
.diagram-dark-text { font-family: var(--font); fill: var(--on-dark); }
.diagram-dark-subtext { font-family: var(--mono); fill: var(--on-dark-muted); }
.diagram-line { stroke: var(--muted); stroke-width: 2; }
.diagram-divider { stroke: var(--line); }
.diagram-divider-soft { stroke: var(--line-soft); }
.diagram-status--warning { fill: var(--warning); }
.diagram-status--success { fill: var(--success); }
.diagram-status--danger { fill: var(--danger); }
.lane-map {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  margin-top: 34px;
  border-top: 1px solid var(--line);
  padding-top: 26px;
}
.lane {
  display: flex;
  flex-direction: column;
  background: var(--surface);
  border: 1px solid var(--line-soft);
  padding: 24px 22px;
  min-height: 256px;
}
.lane strong {
  display: block;
  margin-bottom: 12px;
  font-size: 22px;
  line-height: 1.24;
  letter-spacing: 0;
}
.lane span {
  display: block;
  font-family: var(--mono);
  color: var(--muted);
  font-size: 11px;
  margin-bottom: 16px;
  letter-spacing: 0;
  text-transform: uppercase;
}
.lane p { color: var(--muted); font-size: 15px; line-height: 1.5; }
.priority-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 19px;
  table-layout: fixed;
}
.priority-table th {
  padding: 14px 12px;
  text-align: left;
  font-family: var(--mono);
  color: var(--muted);
  font-size: 12px;
  letter-spacing: 0;
  text-transform: uppercase;
  border-bottom: 1px solid var(--line);
}
.priority-table td {
  padding: 22px 12px;
  vertical-align: top;
  border-bottom: 1px solid var(--line-soft);
  line-height: 1.4;
}
.priority-table td:first-child { font-family: var(--mono); color: var(--muted); }
.body--priority .priority-table {
  border-top: 1px solid var(--line);
  font-size: 21px;
}
.body--priority .priority-table th {
  height: 56px;
  padding: 0 12px;
  vertical-align: middle;
}
.body--priority .priority-table tbody tr {
  height: 20%;
}
.body--priority .priority-table td {
  padding: 0 12px;
  vertical-align: middle;
  line-height: 1.46;
}
.body--priority .priority-table th:first-child,
.body--priority .priority-table td:first-child {
  width: 108px;
}
.body--priority .priority-table th:nth-child(3),
.body--priority .priority-table td:nth-child(3) {
  width: 140px;
  text-align: center;
}
.body--priority .priority-table th:nth-child(4),
.body--priority .priority-table td:nth-child(4) {
  width: 44%;
}
.logistics-loop {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 128px minmax(0, 1.08fr) 128px minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr) auto;
  min-height: 520px;
  border: 1px solid var(--line);
  background:
    linear-gradient(90deg, var(--panel-grid-line) 1px, transparent 1px) 0 0 / 96px 96px,
    linear-gradient(0deg, var(--panel-grid-line) 1px, transparent 1px) 0 0 / 96px 96px,
    var(--surface);
  overflow: hidden;
  isolation: isolate;
}
.loop-col {
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 26px;
  align-content: stretch;
  padding: 40px 30px;
}
.loop-col--inputs { grid-column: 1; grid-row: 1; }
.loop-col--outputs { grid-column: 5; grid-row: 1; }
.loop-node {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 0;
  padding: var(--space-6) var(--space-7);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  box-shadow: var(--md3-elevation-soft);
  transition:
    box-shadow var(--md3-motion-duration-medium2) var(--ease),
    transform var(--md3-motion-duration-medium2) var(--ease),
    border-color var(--md3-motion-duration-short3) var(--ease-standard);
}
.loop-node span {
  display: block;
  margin-bottom: 12px;
  color: var(--muted);
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0;
  text-transform: uppercase;
}
.loop-node h3 {
  margin: 0;
  font-size: 23px;
  line-height: 1.22;
  font-weight: 500;
  letter-spacing: 0;
}
.loop-node--core {
  grid-column: 3;
  grid-row: 1;
  margin: 40px 0;
  border-color: var(--dark);
  background: var(--dark);
  color: var(--on-dark);
  box-shadow: var(--md3-elevation-raised);
}
.loop-node--core span { color: var(--on-dark-muted); }
.loop-node--core h3 {
  font-size: 30px;
  line-height: 1.18;
  font-weight: 300;
}
.loop-node--core p {
  margin: 16px 0 0;
  color: var(--on-dark-muted);
  font-size: 17px;
  line-height: 1.4;
}
.loop-conn {
  position: relative;
  grid-row: 1;
  align-self: center;
  display: flex;
  justify-content: center;
  padding: 8px 0;
}
.loop-conn--in { grid-column: 2; }
.loop-conn--out { grid-column: 4; }
.loop-conn::before {
  content: "";
  position: absolute;
  left: 0;
  right: 11px;
  top: 50%;
  height: 2px;
  background: var(--line-soft);
  transform: translateY(-50%);
}
.loop-conn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 9px solid var(--muted);
  transform: translateY(-50%);
}
.loop-conn span {
  position: relative;
  z-index: 1;
  padding: 3px 7px;
  background: var(--surface);
  color: var(--muted);
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0;
  text-transform: uppercase;
  text-align: center;
}
.loop-feedback {
  position: relative;
  grid-column: 1 / -1;
  grid-row: 2;
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 8px 30px 32px;
  padding: 22px 0 0 24px;
  border-top: 2px solid var(--accent);
}
.loop-feedback::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 10px solid var(--accent);
  transform: translateY(-50%);
}
.loop-feedback span {
  flex: 0 0 auto;
  color: var(--accent);
  font-family: var(--mono);
  font-size: 13px;
  letter-spacing: 0;
  text-transform: uppercase;
}
.loop-feedback strong {
  color: var(--ink);
  font-size: 19px;
  line-height: 1.35;
  font-weight: 500;
}
.ops-agent-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  min-height: 440px;
  border: 1px solid var(--line);
  background: var(--line);
}
/* Slides 6 & 9 have only three short cards; cap the height and center the band
   so the cards stay proportionate instead of stretching full-board-tall. */
.body--spread > .ops-agent-grid {
  align-self: center;
  max-height: 470px;
}
.ops-agent-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 0;
  padding: 48px 40px 40px;
  background: var(--surface);
  transition:
    background-color var(--md3-motion-duration-short3) var(--ease-standard),
    box-shadow var(--md3-motion-duration-medium2) var(--ease),
    transform var(--md3-motion-duration-medium2) var(--ease),
    border-color var(--md3-motion-duration-short3) var(--ease-standard);
}
.ops-agent-card span,
.value-card span,
.impact-comparison span {
  display: block;
  margin-bottom: 20px;
  color: var(--accent);
  font-family: var(--mono);
  font-size: 15px;
  letter-spacing: 0;
  text-transform: uppercase;
}
.ops-agent-card span {
  margin-bottom: 16px;
  color: var(--muted);
}
.ops-agent-card h3,
.value-card h3,
.impact-panel h3 {
  margin: 0;
  font-size: 34px;
  line-height: 1.16;
  font-weight: 300;
  letter-spacing: 0;
}
.ops-agent-card p,
.value-card p {
  margin: 24px 0 0;
  color: var(--muted);
  font-size: 20px;
  line-height: 1.45;
}
.cost-control-layout {
  display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  gap: 1px;
  min-height: 520px;
  border: 1px solid var(--line);
  background: var(--line);
}
.impact-panel,
.value-card {
  background: var(--surface);
}
.impact-panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 0;
  padding: 42px;
  transition:
    background-color var(--md3-motion-duration-short3) var(--ease-standard),
    box-shadow var(--md3-motion-duration-medium2) var(--ease),
    transform var(--md3-motion-duration-medium2) var(--ease),
    border-color var(--md3-motion-duration-short3) var(--ease-standard);
}
.impact-panel h3 {
  max-width: 22ch;
}
.impact-comparison {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 74px minmax(0, 1fr);
  gap: 18px;
  align-items: stretch;
  margin-top: 34px;
}
.impact-comparison > div:not(.impact-arrow) {
  display: grid;
  grid-template-columns: 92px 1fr;
  column-gap: 18px;
  row-gap: 6px;
  min-height: 224px;
  padding: 22px;
  border: 1px solid var(--line-soft);
  background: var(--surface-muted);
}
.impact-comparison span {
  grid-column: 1 / -1;
  margin-bottom: 8px;
  color: var(--muted);
}
.impact-comparison strong {
  display: block;
  font-family: var(--mono);
  font-size: 72px;
  line-height: 0.98;
  font-weight: 300;
}
.impact-comparison p {
  display: flex;
  align-items: end;
  margin: 0 0 7px;
  color: var(--muted);
  font-size: 18px;
  line-height: 1.26;
}
.impact-arrow {
  display: grid;
  place-items: center;
  color: var(--accent);
  font-family: var(--mono);
  font-size: 42px;
}
.value-card-stack {
  display: grid;
  grid-template-rows: repeat(3, minmax(0, 1fr));
  gap: 1px;
  min-height: 0;
  background: var(--line);
}
.value-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 0;
  padding: 28px 34px;
  transition:
    background-color var(--md3-motion-duration-short3) var(--ease-standard),
    box-shadow var(--md3-motion-duration-medium2) var(--ease),
    transform var(--md3-motion-duration-medium2) var(--ease),
    border-color var(--md3-motion-duration-short3) var(--ease-standard);
}
.value-card span {
  margin-bottom: 12px;
  color: var(--muted);
}
.value-card h3 {
  font-size: 25px;
  font-weight: 500;
}
.value-card p {
  margin-top: 12px;
  font-size: 17px;
  line-height: 1.42;
}
.timeline {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  min-height: 0;
  height: 100%;
  padding: 36px 38px;
  background:
    linear-gradient(90deg, var(--timeline-grid-line) 1px, transparent 1px) 0 0 / 96px 96px,
    var(--surface);
  border: 1px solid var(--line);
  isolation: isolate;
}
.timeline::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 76px;
  right: 76px;
  top: 50%;
  height: 1px;
  background: var(--line);
}
.timeline::after {
  content: none;
}
.phase {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  min-height: 448px;
  padding: 0 8px;
  background: transparent;
}
.phase::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  width: 1px;
  height: 58px;
  background: var(--line);
}
.phase--top::before {
  top: calc(50% - 91px);
}
.phase--bottom::before {
  bottom: calc(50% - 91px);
}
.phase__pin {
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  transform: translate(-50%, -50%);
  border-radius: 999px;
  background: var(--surface);
  box-shadow: 0 0 0 6px var(--surface), var(--phase-pin-shadow);
}
.phase__pin::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid var(--accent);
  border-radius: inherit;
  opacity: 1;
}
.phase__pin span {
  position: relative;
  color: var(--accent);
  font-family: var(--mono);
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
}
.phase__callout {
  position: relative;
  z-index: 2;
  justify-self: center;
  display: grid;
  gap: 10px;
  width: min(100%, 456px);
  min-height: 162px;
  padding: 20px 22px;
  border: 1px solid var(--line);
  background: var(--phase-callout-bg);
  transition:
    background-color var(--md3-motion-duration-short3) var(--ease-standard),
    box-shadow var(--md3-motion-duration-medium2) var(--ease),
    transform var(--md3-motion-duration-medium2) var(--ease),
    border-color var(--md3-motion-duration-short3) var(--ease-standard);
}
.phase--top .phase__callout {
  align-self: start;
}
.phase--bottom .phase__callout {
  align-self: end;
}
.phase--bottom .phase__pin::before {
  opacity: 1;
}
.phase .days {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 36px;
  padding: 0 11px;
  border: 1px solid var(--line-soft);
  font-family: var(--mono);
  color: var(--accent);
  font-size: 15px;
  margin: 0;
  background: var(--surface);
}
.phase h3 {
  margin: 0;
  font-size: 26px;
  font-weight: 300;
  line-height: 1.22;
  letter-spacing: 0;
}
.phase p {
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.38;
}

@media (hover: hover) and (pointer: fine) {
  :is(.card, .signal, .metric, .source, .about-proof div, .team-person, .loop-node, .ops-agent-card, .impact-panel, .value-card):hover {
    z-index: 2;
    transform: translate3d(0, -6px, 0);
    box-shadow: var(--md3-elevation-card-hover);
  }
  :is(.card, .signal, .metric, .source, .about-proof div, .team-person):hover::after,
  .difference-item:hover::after {
    opacity: 1;
  }
  .phase:hover {
    z-index: 3;
  }
  .phase:hover .phase__callout {
    transform: translate3d(0, -6px, 0);
    border-color: var(--md3-color-state-outline);
    background: var(--surface);
    box-shadow: var(--md3-elevation-card-hover);
  }
  .phase--bottom:hover .phase__callout {
    transform: translate3d(0, 6px, 0);
  }
  .phase:hover .phase__pin {
    border-color: var(--md3-color-state-outline);
  }
  .difference-item:hover {
    z-index: 2;
    border-color: var(--md3-color-state-outline);
    transform: translate3d(0, -2px, 0);
    box-shadow: var(--md3-elevation-raised);
  }
  .team-person:hover img {
    border-color: var(--md3-color-state-outline);
    filter: saturate(1.04) contrast(1.02);
    transform: scale(1.018);
  }
  .platform-grid > .signal:hover::before,
  .signal-grid > .signal:hover::before,
  .workstream-grid > .card:hover::before {
    transform: translate3d(0, -4px, 0);
  }
}
.engagement-path {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  border: 1px solid var(--line);
  background: var(--line);
}
.engagement-step {
  min-height: 236px;
  padding: 28px;
  background: var(--surface);
}
.engagement-step span {
  display: block;
  margin-bottom: 28px;
  color: var(--accent);
  font-family: var(--mono);
  font-size: 20px;
}
.engagement-step h3 {
  margin: 0 0 12px;
  font-size: 32px;
  line-height: 1.2;
  font-weight: 300;
}
.engagement-step p {
  margin: 0;
  color: var(--muted);
  font-size: 18px;
  line-height: 1.45;
}
.body--spread .card,
.body--spread .signal,
.body--spread .metric {
  padding: 34px 32px;
}
.body--spread .lane {
  padding: 32px 26px;
}
.body--spread .engagement-step {
  padding: 34px 32px;
}
.body--spread .card h3,
.body--spread .signal h3,
.body--spread .metric h3 {
  font-size: 28px;
  line-height: 1.22;
}
.body--spread .card p,
.body--spread .signal p,
.body--spread .metric p,
.body--spread .engagement-step p {
  font-size: 19px;
  line-height: 1.46;
}
.body--spread .lane strong {
  font-size: 24px;
}
.body--spread .lane p {
  font-size: 16px;
}
.metric .value {
  display: block;
  margin-bottom: 18px;
  font-family: var(--mono);
  font-size: 58px;
  line-height: 1.14;
  font-weight: 300;
}
.report-link {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  margin-top: 30px;
  padding: 0 18px;
  border: 1px solid currentColor;
  border-radius: var(--radius);
  text-decoration: none;
  font-weight: 600;
}
.source { min-height: 184px; padding: 24px; }
.source a {
  display: block;
  margin-bottom: 14px;
  font-size: 20px;
  font-weight: 600;
  text-decoration: none;
}
.source p { margin: 0; color: var(--muted); font-size: 16px; line-height: 1.45; }
.mt-34 { margin-top: 34px; }
.mt-38 { margin-top: 38px; }

.report-page { min-height: 100vh; background: var(--bg); }
.report-top {
  position: sticky;
  top: 0;
  z-index: 10;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 68px;
  padding: 0 28px;
  border-bottom: 1px solid var(--line);
  background: var(--bg);
}
.report-top nav {
  display: flex;
  align-items: center;
  gap: 2px;
  flex-wrap: wrap;
}
.report-top nav a {
  display: inline-flex;
  align-items: center;
  min-height: var(--md3-size-touch-target);
  padding: 0 12px;
  border-radius: var(--radius);
  color: var(--muted);
  font-size: 15px;
  text-decoration: none;
  transition: color var(--md3-motion-duration-short2) var(--ease), background var(--md3-motion-duration-short2) var(--ease);
}
.report-top nav a:hover { color: var(--ink); background: var(--surface-muted); }
.report-contact { font-family: var(--mono); font-size: 13px; letter-spacing: 0; }
.report-shell {
  width: min(1120px, calc(100% - 40px));
  margin: 0 auto;
  padding: 58px 0 96px;
}
.report-hero { padding-bottom: 48px; border-bottom: 1px solid var(--line); }
.report-hero h1 {
  max-width: 18ch;
  margin: 0 0 20px;
  font-size: 56px;
  line-height: 1.08;
  letter-spacing: 0;
  font-weight: 300;
}
.report-hero h1 { text-wrap: balance; }
.report-hero p {
  max-width: 68ch;
  margin: 0;
  color: var(--muted);
  font-size: 20px;
  line-height: 1.58;
  text-wrap: pretty;
}
.report-bluf {
  max-width: 72ch;
  margin: 24px 0 0;
  color: var(--ink);
  font-size: 19px;
  line-height: 1.62;
  text-wrap: pretty;
}
.report-section { padding: 46px 0; border-bottom: 1px solid var(--line); }
.report-section h2 {
  margin: 0 0 18px;
  max-width: 22ch;
  font-size: 34px;
  line-height: 1.18;
  letter-spacing: 0;
  font-weight: 400;
  text-wrap: balance;
}
.report-section h3 { margin: 28px 0 10px; font-size: 22px; letter-spacing: 0; }
.report-section p, .report-section li {
  max-width: 74ch;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.62;
  text-wrap: pretty;
}
.report-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin-top: 24px;
  background: var(--line);
  border: 1px solid var(--line);
}
.report-card { min-height: 180px; padding: 24px; background: var(--surface); }
.report-card strong { display: block; margin-bottom: 10px; color: var(--ink); font-size: 18px; }
.report-table-wrap {
  margin-top: 20px;
  overflow-x: auto;
  border: 1px solid var(--line);
}
.report-table { width: 100%; min-width: 760px; border-collapse: collapse; }
.report-table th, .report-table td {
  padding: 14px 12px;
  text-align: left;
  border-bottom: 1px solid var(--line-soft);
  vertical-align: top;
}
.report-table th {
  color: var(--muted);
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0;
  text-transform: uppercase;
}
.report-table td { color: var(--muted); line-height: 1.5; }
.report-table td:first-child { color: var(--ink); font-weight: 600; }
@media (max-width: 900px) {
  .report-top { padding: 0 20px; gap: 12px; }
  .report-grid, .source-row { grid-template-columns: 1fr; }
  .report-shell { width: min(100% - 32px, 1120px); }
}
@media (max-width: 839px) {
  /* Stacked, labeled rows instead of a horizontally scrolling table. */
  .report-table-wrap { overflow-x: visible; border: 0; margin-top: 18px; }
  .report-table { min-width: 0; }
  .report-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .report-table,
  .report-table tbody,
  .report-table tr,
  .report-table td { display: block; width: 100%; }
  .report-table tr {
    margin-bottom: 14px;
    border: 1px solid var(--line);
    background: var(--surface);
  }
  .report-table tr:last-child { margin-bottom: 0; }
  .report-table td {
    padding: 16px 18px;
    border: 0;
    border-bottom: 1px solid var(--line-soft);
  }
  .report-table td:last-child { border-bottom: 0; }
  .report-table td::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 6px;
    color: var(--muted);
    font-family: var(--mono);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: uppercase;
  }
  .report-table td:first-child { color: var(--ink); font-weight: 600; }
}
@media (max-width: 640px) {
  .report-shell {
    width: min(100% - 28px, 1120px);
    padding: 36px 0 72px;
  }
  .report-hero h1 { font-size: 40px; }
  .report-section { padding: 34px 0; }
  .report-top { padding: 0 14px; gap: 8px; }
  .report-top nav { gap: 0; flex-wrap: nowrap; }
  .report-top nav a { padding: 0 7px; font-size: 14px; }
  .report-contact { font-size: 11px; }
}
@media (min-width: 1200px) {
  .report-shell { width: min(1120px, calc(100% - 80px)); }
  .report-hero h1 { font-size: 76px; }
  .diagram-shell { min-height: 520px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms;
    animation-iteration-count: 1;
    transition-duration: 0.01ms;
    scroll-behavior: auto;
  }
  .slide[data-deck-active] .slide__head,
  .slide[data-deck-active] .slide__foot,
  .slide[data-deck-active] .eyebrow,
  .slide[data-deck-active] .difference-label,
  .slide[data-deck-active] .title,
  .slide[data-deck-active] .lead,
  .slide[data-deck-active] .cover-hero,
  .slide[data-deck-active] .cover-hero h1,
  .slide[data-deck-active] .cover-hero p,
  .slide[data-deck-active] :is(.signal, .card, .phase, .team-person, .about-proof div, .difference-item, .loop-node, .ops-agent-card, .impact-panel, .value-card, .loop-feedback) {
    animation: none;
    filter: none;
    transform: none;
  }
  :is(.card, .signal, .metric, .source, .about-proof div, .team-person, .phase, .phase__callout, .phase__pin, .difference-item),
  :is(.card, .signal, .metric, .source, .about-proof div, .team-person, .phase, .phase__callout, .phase__pin, .difference-item)::before,
  :is(.card, .signal, .metric, .source, .about-proof div, .team-person, .phase, .phase__callout, .phase__pin, .difference-item)::after,
  .team-person img {
    transition: none;
    transform: none;
  }
}
@media print {
  body { background: var(--surface); }
  .skip-link, .report-top nav { display: none; }
  .report-top {
    position: static;
    min-height: auto;
    padding: 0 0 16px;
    border-bottom-color: var(--line);
    background: transparent;
  }
  .report-shell {
    width: auto;
    padding: 0;
  }
  .report-hero,
  .report-section {
    break-inside: avoid;
    page-break-inside: avoid;
  }
  .report-grid {
    display: block;
    border: 0;
    background: transparent;
  }
  .report-card {
    min-height: 0;
    border: 1px solid var(--line);
    margin: 0 0 12px;
  }
  .report-table-wrap {
    overflow: visible;
    border: 0;
  }
  .report-table {
    min-width: 0;
    font-size: 11px;
  }
  .report-table th,
  .report-table td {
    padding: 8px 6px;
  }
  .report-section a[href^="http"]::after {
    content: " (" attr(href) ")";
    font-size: 10px;
    color: var(--muted);
  }
}

/* ---- Progressive-disclosure tiles: a tile expands into an inline example
   panel that fills the board, so the layout never shifts and nothing overlaps. */
.disclosure { position: relative; height: 100%; min-height: 0; align-self: stretch; }
.disclosure-tiles {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 1px;
  height: 100%;
  background: var(--line);
  border: 1px solid var(--line);
  isolation: isolate;
  counter-reset: surface-card;
  transition: opacity var(--md3-motion-duration-medium2) var(--ease-entrance);
}
.disclosure[data-open] .disclosure-tiles { opacity: 0; pointer-events: none; }
.disclosure-tile {
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr;
  margin: 0;
  padding: 34px 38px;
  background: var(--surface);
  border: 0;
  text-align: left;
  font: inherit;
  color: var(--ink);
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  transition:
    background-color var(--md3-motion-duration-short3) var(--ease-standard),
    box-shadow var(--md3-motion-duration-medium2) var(--ease),
    transform var(--md3-motion-duration-medium2) var(--ease);
}
.disclosure-tiles > .disclosure-tile { counter-increment: surface-card; }
.disclosure-tiles > .disclosure-tile::before {
  content: counter(surface-card, decimal-leading-zero);
  position: absolute;
  right: 38px;
  bottom: 28px;
  z-index: 0;
  color: var(--md3-color-ghost-index);
  font-family: var(--mono);
  font-size: 72px;
  line-height: 1;
  letter-spacing: 0;
  pointer-events: none;
  transition: transform var(--md3-motion-duration-medium2) var(--ease);
}
.disclosure-tile > * { position: relative; z-index: 1; }
.disclosure-tile__body { align-self: start; display: grid; gap: 12px; }
.disclosure-tile__label { margin: 0; font-size: 27px; line-height: 1.18; font-weight: 400; letter-spacing: 0; color: var(--ink); }
.disclosure-tile__desc { margin: 0; font-size: 17px; line-height: 1.46; color: var(--muted); text-wrap: pretty; }
.disclosure-tile__cue {
  align-self: end;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
  font-family: var(--mono);
  font-size: 13px;
  letter-spacing: 0;
  color: var(--accent);
}
.disclosure-tile__cue::after { content: ""; width: 16px; height: 1px; background: var(--accent); transition: width var(--md3-motion-duration-medium2) var(--ease); }
.disclosure-tile:focus-visible { outline: var(--md3-focus-ring-width) solid var(--accent); outline-offset: -3px; }
.disclosure-panel {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex;
  flex-direction: column;
  padding: var(--space-10) var(--space-11);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--md3-elevation-raised);
  opacity: 0;
  transform: translate3d(0, 10px, 0) scale(0.992);
  transform-origin: center top;
  transition:
    opacity var(--md3-motion-duration-medium3) var(--ease-entrance),
    transform var(--md3-motion-duration-long1) var(--ease-entrance);
}
.disclosure-panel[hidden] { display: none; }
.disclosure-panel.is-shown { opacity: 1; transform: none; }
.disclosure-panel__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 32px;
  padding-bottom: 22px;
  margin-bottom: 26px;
  border-bottom: 1px solid var(--line);
}
.disclosure-panel__heading { display: grid; gap: 12px; }
.disclosure-panel__index { font-family: var(--mono); font-size: 13px; letter-spacing: 0; color: var(--muted); }
.disclosure-panel__title { margin: 0; font-size: 38px; line-height: 1.14; font-weight: 300; letter-spacing: 0; color: var(--ink); }
.disclosure-panel__intro { margin: 0; max-width: 72ch; font-size: 18px; line-height: 1.5; color: var(--muted); text-wrap: pretty; }
.disclosure-panel__close {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin: -4px -6px 0 0;
  padding: 0;
  background: none;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: var(--muted);
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  transition:
    background-color var(--md3-motion-duration-short3) var(--ease-standard),
    color var(--md3-motion-duration-short3) var(--ease-standard),
    border-color var(--md3-motion-duration-short3) var(--ease-standard);
}
.disclosure-panel__close svg { width: 20px; height: 20px; }
.disclosure-panel__close:hover { color: var(--ink); border-color: var(--muted); background: var(--md3-color-state-hover); }
.disclosure-panel__close:focus-visible { outline: var(--md3-focus-ring-width) solid var(--accent); outline-offset: 2px; }
/* Worked example as a flow diagram: Input (situation) -> Process (steps) -> Output (outcome). */
.example-flow {
  flex: 1 1 auto;
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) 104px minmax(0, 1.45fr) 104px minmax(0, 1fr);
  align-items: stretch;
  min-height: 0;
}
.example-flow__node {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 0;
  padding: var(--space-8) var(--space-8);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  box-shadow: var(--md3-elevation-soft);
}
.example-flow__node > span {
  display: block;
  margin-bottom: var(--space-4);
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0;
  text-transform: uppercase;
  color: var(--muted);
}
.example-flow__node p {
  margin: 0;
  font-size: 19px;
  line-height: 1.48;
  color: var(--ink);
  text-wrap: pretty;
}
.example-flow__node--process {
  justify-content: flex-start;
  background:
    var(--surface-texture),
    var(--surface);
}
.example-flow__steps {
  margin: 0;
  padding: 0;
  list-style: none;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0;
}
.example-flow__steps li {
  display: flex;
  align-items: flex-start;
  gap: var(--space-4);
  padding: var(--space-2) 0;
  border-top: 1px solid var(--line-soft);
  text-wrap: pretty;
}
.example-flow__steps li:first-child { border-top: 0; padding-top: 0; }
.example-flow__steps li:last-child { padding-bottom: 0; }
.example-flow__steps li p { margin: 0; font-size: 17px; line-height: 1.42; color: var(--ink); }
.example-flow__n {
  flex: 0 0 auto;
  padding-top: 1px;
  font-family: var(--mono);
  font-size: 13px;
  letter-spacing: 0;
  color: var(--muted);
}
.example-flow__node--output {
  border-color: var(--accent);
  background: var(--accent-tint);
}
.example-flow__node--output > span { color: var(--accent); }
.example-flow__node--output p { font-weight: 500; }
.example-flow__conn {
  position: relative;
  align-self: center;
  display: flex;
  justify-content: center;
  padding: var(--space-2) 0;
}
.example-flow__conn::before {
  content: "";
  position: absolute;
  left: 0;
  right: 11px;
  top: 50%;
  height: 2px;
  background: var(--line-soft);
  transform: translateY(-50%);
}
.example-flow__conn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 9px solid var(--muted);
  transform: translateY(-50%);
}
.example-flow__conn span {
  position: relative;
  z-index: 1;
  padding: 3px 7px;
  background: var(--bg);
  color: var(--muted);
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0;
  text-transform: uppercase;
  text-align: center;
}
/* Reveal cascade, in flow order: head -> input -> connectors -> process -> output. */
.disclosure-panel__head,
.example-flow__node,
.example-flow__conn {
  opacity: var(--reveal, 1);
  transform: translateY(calc((1 - var(--reveal, 1)) * 14px));
  transition: opacity 420ms var(--ease-entrance), transform 480ms var(--ease-entrance);
}
.disclosure-panel__head { transition-delay: 170ms; }
.example-flow__node--input { transition-delay: 240ms; }
.example-flow__conn { transition-delay: 300ms; }
.example-flow__node--process { transition-delay: 350ms; }
.example-flow__node--output { transition-delay: 480ms; }
@media (hover: hover) and (pointer: fine) {
  .disclosure-tile:hover { z-index: 2; transform: translate3d(0, -6px, 0); box-shadow: var(--md3-elevation-card-hover); }
  .disclosure-tile:hover .disclosure-tile__cue::after { width: 30px; }
  .disclosure-tile:hover::before { transform: translate3d(0, -4px, 0); }
}
@media (prefers-reduced-motion: reduce) {
  .disclosure-tiles,
  .disclosure-tile,
  .disclosure-tile::before,
  .disclosure-tile__cue::after,
  .disclosure-panel,
  .disclosure-panel__head,
  .example-flow__node,
  .example-flow__conn { transition: none; }
}

/* Paradigm-shift slide: three-column progression + a full-width proof panel. */
.paradigm-stage {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  gap: var(--space-5);
  min-height: 0;
  align-self: stretch;
}
.paradigm-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
  min-height: 0;
}
.paradigm-col {
  display: flex;
  flex-direction: column;
  min-height: 0;
  padding: var(--space-7) var(--space-7);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  box-shadow: var(--md3-elevation-soft);
}
.paradigm-col > .kicker {
  display: block;
  margin-bottom: var(--space-4);
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0;
  text-transform: uppercase;
  color: var(--muted);
}
.paradigm-col h3 {
  margin: 0 0 var(--space-5);
  font-size: 23px;
  line-height: 1.22;
  font-weight: 500;
  letter-spacing: 0;
  color: var(--ink);
}
.paradigm-col ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
.paradigm-col li {
  position: relative;
  padding-left: var(--space-4);
  font-size: 17px;
  line-height: 1.5;
  color: var(--muted);
  text-wrap: pretty;
}
.paradigm-col li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.62em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--line);
}
.paradigm-col--accent {
  border-color: var(--accent);
  background:
    var(--card-finish),
    color-mix(in srgb, var(--md3-color-surface-container-low) 72%, var(--uk-color-white) 28%);
  color: var(--ink);
  box-shadow: var(--md3-elevation-soft);
}
.paradigm-col--accent > .kicker { color: var(--muted); }
.paradigm-col--accent h3 { color: var(--ink); }
.paradigm-col--accent li { color: var(--muted); }
.paradigm-col--accent li::before { background: var(--ink); }
.paradigm-proof {
  display: grid;
  padding: var(--space-5) var(--space-6);
  border: 1px solid color-mix(in srgb, var(--uk-color-charcoal-900) 24%, transparent);
  border-radius: var(--radius);
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--uk-color-white) 5%, transparent), transparent 88px),
    var(--dark);
  box-shadow: none;
}
.slide[data-deck-active] :is(.paradigm-col, .paradigm-proof) {
  animation: uk-enter-rise var(--md3-motion-duration-long2) var(--ease-entrance) calc(280ms + var(--stagger, 0ms)) both;
}
.paradigm-col:nth-child(1) { --stagger: 0ms; }
.paradigm-col:nth-child(2) { --stagger: 56ms; }
.paradigm-col:nth-child(3) { --stagger: 112ms; }
.paradigm-proof { --stagger: 180ms; }
@media (prefers-reduced-motion: reduce) {
  .slide[data-deck-active] :is(.paradigm-col, .paradigm-proof) { animation: none; }
}

/* ============================================================
   Deep UI polish (issue 3013) — separated, finished, softly
   elevated surfaces with a consistent 3px corner radius.
   The card grids previously rendered as one hairline-divided
   strip (gap:1px over a line-colored fill), so each cell read
   flat and the 3px radius could not show. Here each cell becomes
   its own crafted surface: hairline border, 3px radius, a faint
   top-light finish, and whisper-soft elevation that lifts it off
   the page texture. Editorial lists (the flat "What makes it
   different" rows) are scoped out and stay flat.
   ============================================================ */
:root {
  /* Slightly more present ambient elevation so it survives the
     deck's downscale, while staying restrained. */
  --md3-elevation-soft: 0 1px 2px var(--shadow-charcoal-05), 0 8px 22px var(--shadow-charcoal-06);
  --md3-elevation-raised: 0 2px 5px var(--shadow-charcoal-06), 0 20px 46px var(--shadow-charcoal-09);
}

/* 1) De-divider the card grids: real gap, no wrapper fill or border. */
.signal-grid,
.platform-grid,
.workstream-grid,
.metric-grid,
.source-row,
.ops-agent-grid,
.cost-control-layout,
.disclosure-tiles {
  gap: var(--space-4);
  background: transparent;
  border: 0;
}

/* 2) Each cell becomes a finished, softly elevated surface (3px radius). */
.platform-grid > .signal,
.signal-grid > .signal,
.workstream-grid > .card,
.metric-grid > .metric,
.source-row > .source,
.ops-agent-grid > .ops-agent-card,
.cost-control-layout > .impact-panel,
.cost-control-layout > .impact-comparison,
.disclosure-tiles > .disclosure-tile {
  border: 1px solid var(--line-soft);
  border-radius: var(--radius);
  background: var(--card-finish), var(--surface);
  box-shadow: var(--md3-elevation-soft);
}

/* 3) A faint technical texture on the larger feature panel only. */
.cost-control-layout > .impact-panel {
  background:
    var(--surface-texture),
    var(--card-finish),
    var(--surface);
}

/* 4) Loop nodes pick up the same finish for cross-slide consistency. */
.loop-node:not(.loop-node--core) {
  background: var(--card-finish), var(--surface);
}
.loop-node--core {
  background:
    var(--dark-finish-soft),
    var(--dark);
}

/* 5) Hover: raised elevation + a 2px lift; the ghost index warms to accent. */
@media (hover: hover) {
  .platform-grid > .signal:hover,
  .ops-agent-grid > .ops-agent-card:hover,
  .cost-control-layout > .impact-panel:hover,
  .disclosure-tiles > .disclosure-tile:hover {
    box-shadow: var(--md3-elevation-raised);
    border-color: var(--md3-color-state-outline);
    transform: translateY(-2px);
  }
  .platform-grid > .signal:hover::before,
  .disclosure-tiles > .disclosure-tile:hover::before {
    color: var(--md3-color-state-outline);
  }
}

/* 6) Carry the 3px radius to the remaining bordered containers. */
.logistics-loop,
.cover-panel { border-radius: var(--radius); }

/* ============================================================
   Slide redesign pass (issue 3013) — Introductions slide,
   itemized card lists, redesigned proof panel, clean roadmap.
   All containers carry the 3px corner radius; MD3 spacing scale
   throughout; charcoal fill on the leadership cards + proof band.
   ============================================================ */

/* --- Slide 2: Introductions (two charcoal leadership cards) --- */
.intro-body {
  display: grid;
  grid-template-rows: auto auto;
  align-content: center;
  gap: var(--space-9);
  min-height: 0;
}
.intro-head { display: grid; gap: var(--space-2); }
.intro-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-6);
  align-items: stretch;
  min-height: 0;
}
/* Both cards share one identical layout and top-align their content, so the
   photos, roles, names, and the start of each description line up
   horizontally across the two cards (descriptions may end at different
   points). Photos are contained, rounded thumbnails — not full-bleed. */
.intro-card {
  display: grid;
  grid-template-columns: 212px minmax(0, 1fr);
  align-items: start;
  gap: var(--space-7);
  padding: var(--space-8);
  border-radius: var(--radius);
  background: var(--dark);
  color: var(--on-dark);
  box-shadow: var(--md3-elevation-raised);
}
.intro-card__photo {
  width: 212px;
  height: 268px;
  align-self: start;
  overflow: hidden;
  border-radius: var(--radius);
  background: var(--dark-2);
}
.intro-card__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 24%;
}
.intro-card__bio {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--space-4);
  padding: 0;
  min-width: 0;
}
.intro-card__role {
  font-family: var(--mono);
  font-size: 14px;
  letter-spacing: 0;
  text-transform: uppercase;
  color: var(--on-dark-muted);
}
.intro-card__name {
  margin: 0;
  font-size: 40px;
  line-height: 1.1;
  font-weight: 300;
  letter-spacing: 0;
}
.intro-card__desc {
  margin: 0;
  max-width: 48ch;
  color: var(--on-dark-muted);
  font-size: 18px;
  line-height: 1.56;
  text-wrap: pretty;
}

/* --- Itemized card lists (replace paragraph descriptions) ---
   A thin divider sits between the title and the bullets. Paired with the
   fixed title heights below, the divider and the first bullet land at the
   same Y across every card in a row. */
.signal .card-list,
.ops-agent-card .card-list,
.roadmap__card .card-list {
  margin: var(--space-5) 0 0;
  padding: var(--space-5) 0 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  border-top: 1px solid var(--line);
}

.ops-agent-card .card-list {
  gap: var(--space-2);
  margin-top: var(--space-1);
  padding-top: var(--space-3);
  padding-right: 104px;
}

/* Reserve a consistent title block so the divider + bullets align across
   cards regardless of how many lines each title wraps to. */
.signal h3 { min-height: 68px; }
.ops-agent-card h3 { min-height: 42px; }
.roadmap__card h3 { min-height: 33px; }
.card-list li {
  position: relative;
  padding-left: var(--space-4);
  color: var(--muted);
  font-size: 17px;
  line-height: 1.4;
  text-wrap: pretty;
}
.card-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.62em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--accent);
  opacity: 0.5;
}

.ops-agent-card .card-list li {
  font-size: 16px;
  line-height: 1.34;
}

/* --- Slide 3: redesigned "unikode runs on unikode" proof band --- */
.paradigm-proof {
  display: grid;
  align-items: stretch;
  padding: var(--space-6);
  border: 1px solid color-mix(in srgb, var(--uk-color-charcoal-900) 26%, transparent);
  border-radius: var(--radius);
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--uk-color-white) 5%, transparent), transparent 86px),
    var(--dark);
  color: var(--on-dark);
  box-shadow: none;
}
.paradigm-proof__points {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.paradigm-proof__points li {
  display: grid;
  gap: var(--space-2);
  align-content: start;
  padding: 0 var(--space-6);
  border-left: 1px solid var(--on-dark-line);
}
.paradigm-proof__points li:first-child {
  padding-left: 0;
  border-left: 0;
}
.paradigm-proof__points li:last-child {
  padding-right: 0;
}
.paradigm-proof__points b {
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0;
  text-transform: uppercase;
  font-weight: 500;
  color: var(--on-dark-muted);
}
.paradigm-proof__points span {
  font-size: 15px;
  line-height: 1.42;
  color: var(--on-dark);
  text-wrap: pretty;
}

/* --- Slide 13: clean, consistent engagement roadmap --- */
.roadmap {
  display: grid;
  align-self: stretch;
  align-content: center;
  min-height: 0;
  padding-bottom: var(--space-6);
}
.roadmap__track {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-7);
  min-height: 0;
}
.roadmap__step {
  position: relative;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: var(--space-6);
  min-height: 0;
}
.roadmap__marker {
  position: relative;
  height: 60px;
  display: flex;
  align-items: center;
}
.roadmap__num {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 60px;
  height: 60px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: var(--surface);
  box-shadow: 0 0 0 7px var(--bg), var(--md3-elevation-soft);
  font-family: var(--mono);
  font-size: 17px;
  color: var(--ink);
}
.roadmap__step:not(:last-child) .roadmap__marker::after {
  content: "";
  position: absolute;
  z-index: 0;
  left: 60px;
  right: calc(-1 * var(--space-7));
  top: 30px;
  height: 1px;
  background: var(--line);
}
.roadmap__card {
  display: grid;
  gap: var(--space-4);
  align-content: start;
  min-height: 0;
  padding: var(--space-7);
  border: 1px solid var(--line-soft);
  border-radius: var(--radius);
  background: var(--card-finish), var(--surface);
  box-shadow: var(--md3-elevation-soft);
}
.roadmap__days {
  margin: 0;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--line-soft);
  border-radius: var(--radius);
  font-family: var(--mono);
  font-size: 14px;
  color: var(--accent);
}
.roadmap__card h3 {
  margin: 0;
  font-size: 27px;
  line-height: 1.18;
  font-weight: 300;
  letter-spacing: 0;
}

/* --- Slide 7: system flow diagram --- */
.slide--system,
.slide--adoption {
  background:
    radial-gradient(circle at 1px 1px, var(--difference-dot) 1px, transparent 1.55px) 0 0 / 128px 128px,
    var(--bg);
}
/* The map floats directly on the slide lattice: three panels, two forward
   arrows, and a drawn U-shaped return path from delivery back into intake.
   No outer container — the diagram itself is the composition. */
.system-map {
  position: relative;
  display: grid;
  grid-template-columns: minmax(300px, 0.86fr) 88px minmax(560px, 1.28fr) 88px minmax(300px, 0.86fr);
  grid-template-rows: minmax(0, 1fr) 72px;
  column-gap: var(--space-3);
  row-gap: var(--space-4);
  align-items: stretch;
  min-height: 0;
  height: 100%;
  padding: 0;
  border: 0;
  background: transparent;
}
/* Return path: down from delivery, left along the rail, up into intake. */
.system-map::after {
  content: "";
  position: absolute;
  z-index: 0;
  left: 12.7%;
  right: 12.7%;
  bottom: 36px;
  height: 52px;
  border: 1px solid color-mix(in srgb, var(--uk-color-charcoal-900) 26%, transparent);
  border-top: 0;
  border-radius: 0 0 10px 10px;
  pointer-events: none;
}
/* Arrowhead where the return path re-enters intake. */
.system-map::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: calc(12.7% - 5px);
  bottom: 80px;
  border-left: 5.5px solid transparent;
  border-right: 5.5px solid transparent;
  border-bottom: 9px solid color-mix(in srgb, var(--uk-color-charcoal-900) 42%, transparent);
  pointer-events: none;
}
.system-panel {
  position: relative;
  z-index: 1;
  min-height: 0;
  border-radius: var(--radius);
}
.system-panel--intake,
.system-panel--delivery {
  display: grid;
  gap: var(--space-4);
  padding: var(--space-7);
  border: 1px solid var(--line-soft);
  background: var(--card-finish), var(--surface);
  box-shadow: var(--md3-elevation-soft);
}
/* Heads pin to the top on one shared baseline; the body block centers in the
   remaining height so neither side panel pools its content at the top. */
.system-panel--intake {
  grid-column: 1;
  grid-row: 1;
  grid-template-rows: auto auto minmax(0, 1fr);
}
.system-panel--delivery {
  grid-column: 5;
  grid-row: 1;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
}
.system-panel--intake h3,
.system-panel--delivery h3 {
  padding-bottom: var(--space-4);
  border-bottom: 1px solid var(--line-soft);
}
.system-panel--intake .system-source-grid,
.system-panel--delivery .system-deliverables {
  align-self: center;
}
.system-panel > span,
.system-core__head > span,
.adoption-step > span {
  display: block;
  margin: 0;
  color: var(--muted);
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0;
  text-transform: uppercase;
}
.system-panel h3 {
  margin: 0;
  color: var(--ink);
  font-size: 30px;
  line-height: 1.12;
  font-weight: 400;
  letter-spacing: 0;
  text-wrap: balance;
}
.system-source-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-6);
}
.system-source-grid > div {
  display: grid;
  align-content: start;
  gap: var(--space-2);
}
.system-source-grid b,
.system-review b {
  color: var(--ink);
  font-size: 15px;
  line-height: 1.2;
  font-weight: 600;
}
.system-source-grid ul,
.system-deliverables {
  display: grid;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
.system-source-grid li,
.system-deliverables li {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 0 0 var(--space-4);
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.25;
}
.system-source-grid li::before,
.system-deliverables li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--uk-color-charcoal-900) 28%, transparent);
  transform: translateY(-50%);
}
.system-panel--core {
  grid-column: 3;
  grid-row: 1;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: var(--space-5);
  padding: var(--space-7);
  border: 1px solid color-mix(in srgb, var(--uk-color-charcoal-900) 24%, transparent);
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--uk-color-white) 7%, transparent), transparent 118px),
    var(--dark);
  color: var(--on-dark);
  box-shadow: none;
  overflow: hidden;
}
.system-panel--core::before {
  content: none;
}
.system-core__head {
  position: relative;
  z-index: 1;
  display: grid;
  gap: var(--space-3);
}
.system-core__head > span {
  color: var(--on-dark-muted);
}
.system-core__head h3 {
  margin: 0;
  color: var(--on-dark);
  font-size: 46px;
  line-height: 1.12;
  font-weight: 300;
  letter-spacing: 0;
}
.system-core__head p {
  margin: 0;
  max-width: 42ch;
  color: var(--on-dark-muted);
  font-size: 16px;
  line-height: 1.44;
}
.system-core__matrix {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-3);
  align-self: center;
}
.system-core__matrix div {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: var(--space-2);
  min-height: 62px;
  padding: 0 var(--space-4);
  border: 1px solid var(--on-dark-line);
  border-radius: var(--radius);
  background: var(--md3-color-on-dark-panel);
}
.system-core__matrix span {
  color: var(--on-dark-muted);
  font-family: var(--mono);
  font-size: 12px;
  line-height: 1;
}
.system-core__matrix b {
  color: var(--on-dark);
  font-size: 15px;
  line-height: 1.2;
  font-weight: 500;
}
.system-connector {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  grid-row: 1;
  align-self: stretch;
  min-width: 0;
  color: var(--muted);
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0;
  text-transform: uppercase;
}
.system-connector--in {
  grid-column: 2;
}
.system-connector--out {
  grid-column: 4;
}
.system-connector::before {
  content: "";
  position: absolute;
  left: 8px;
  right: 15px;
  top: 50%;
  height: 1px;
  background: color-mix(in srgb, var(--uk-color-charcoal-900) 30%, transparent);
  transform: translateY(-50%);
}
.system-connector::after {
  content: "";
  position: absolute;
  right: 6px;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 10px solid color-mix(in srgb, var(--uk-color-charcoal-900) 46%, transparent);
  transform: translateY(-50%);
}
.system-deliverables {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.system-deliverables li:last-child {
  grid-column: 1 / -1;
}
.system-review {
  display: grid;
  gap: var(--space-2);
  margin-top: auto;
  padding: var(--space-3);
  border: 1px solid color-mix(in srgb, var(--executive-accent) 24%, transparent);
  border-radius: var(--radius);
  background: linear-gradient(180deg, color-mix(in srgb, var(--executive-accent) 7%, transparent), transparent);
}
.system-review b {
  color: var(--accent);
}
.system-review p {
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.42;
}
/* The rail is a centered chip sitting on the drawn return path. */
.system-feedback-loop {
  position: relative;
  z-index: 1;
  grid-column: 1 / -1;
  grid-row: 2;
  justify-self: center;
  align-self: center;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--space-4);
  align-items: center;
  max-width: 62%;
  padding: var(--space-3) var(--space-6);
  border: 1px solid var(--line-soft);
  border-left: 2px solid var(--accent);
  border-radius: var(--radius);
  background: var(--card-finish), var(--surface);
  box-shadow: var(--md3-elevation-soft);
}
.system-feedback-loop::before {
  content: none;
}
.system-feedback-loop::after {
  content: none;
}
.system-feedback-loop span {
  color: var(--accent);
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0;
  text-transform: uppercase;
}
.system-feedback-loop p {
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.42;
}

/* --- Slide 8: adoption path timeline ---
   Numbered markers ride a visible track above the cards; each card carries a
   verb kicker, milestone title, and one line of substance. The band centers
   itself between the lead and the domain legend. */
.adoption-path {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-6);
  min-height: 0;
  padding-top: 92px;
}
.body--spread > .adoption-path {
  align-self: center;
}
.adoption-step {
  position: relative;
  z-index: 1;
  display: grid;
  align-content: start;
  gap: var(--space-4);
  min-height: 268px;
  padding: var(--space-7);
  border: 1px solid var(--line-soft);
  border-radius: var(--radius);
  background: var(--card-finish), var(--surface);
  box-shadow: var(--md3-elevation-soft);
}
/* Marker: the step number in a ringed circle, centered over its card so the
   axis reads symmetrically. */
.adoption-step > span {
  position: absolute;
  top: -92px;
  left: 50%;
  transform: translateX(-50%);
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface);
  box-shadow: 0 0 0 8px var(--bg), var(--md3-elevation-soft);
  color: var(--accent);
  font-size: 15px;
}
/* Track segment from this marker's center to the next marker's center; the
   ringed circles mask it into a clean node-to-node rail that starts and ends
   on a marker. */
.adoption-step:not(:last-child)::before {
  content: "";
  position: absolute;
  top: -66px;
  left: 50%;
  right: calc(-50% - var(--space-6));
  height: 1px;
  background: color-mix(in srgb, var(--uk-color-charcoal-900) 24%, transparent);
}
.adoption-step > b {
  color: var(--accent);
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: uppercase;
}
.adoption-step h3 {
  margin: 0;
  color: var(--ink);
  font-size: 29px;
  line-height: 1.16;
  font-weight: 300;
  letter-spacing: 0;
}
.adoption-step p {
  margin: 0;
  padding-top: var(--space-4);
  border-top: 1px solid var(--line-soft);
  color: var(--muted);
  font-size: 17px;
  line-height: 1.48;
}
.domain-strip {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  align-items: center;
  padding-top: var(--space-4);
  border-top: 1px solid var(--line-soft);
}
.domain-strip b {
  margin-right: var(--space-3);
  color: var(--muted);
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: uppercase;
}
.domain-strip span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 var(--space-3);
  border: 1px solid var(--line-soft);
  border-radius: var(--radius);
  background: var(--md3-color-surface-container-lowest);
  color: var(--muted);
  font-size: 14px;
  line-height: 1.2;
}

/* --- Entrance choreography + hover for the new surfaces --- */
.slide[data-deck-active] .intro-card,
.slide[data-deck-active] .roadmap__step,
.slide[data-deck-active] .system-panel,
.slide[data-deck-active] .system-connector,
.slide[data-deck-active] .system-feedback-loop,
.slide[data-deck-active] .adoption-step,
.slide[data-deck-active] .domain-strip {
  animation: uk-enter-rise var(--md3-motion-duration-long2) var(--ease-entrance) calc(160ms + var(--stagger, 0ms)) both;
}
.intro-card--farbod { --stagger: 0ms; }
.intro-card--kelly { --stagger: 90ms; }
.roadmap__step:nth-child(1) { --stagger: 0ms; }
.roadmap__step:nth-child(2) { --stagger: 80ms; }
.roadmap__step:nth-child(3) { --stagger: 160ms; }
.system-panel--intake { --stagger: 0ms; }
.system-connector--in { --stagger: 70ms; }
.system-panel--core { --stagger: 130ms; }
.system-connector--out { --stagger: 190ms; }
.system-panel--delivery { --stagger: 250ms; }
.system-feedback-loop { --stagger: 310ms; }
.adoption-step:nth-child(1) { --stagger: 0ms; }
.adoption-step:nth-child(2) { --stagger: 70ms; }
.adoption-step:nth-child(3) { --stagger: 140ms; }
.adoption-step:nth-child(4) { --stagger: 210ms; }
.domain-strip { --stagger: 280ms; }
@media (hover: hover) and (pointer: fine) {
  .intro-card:hover,
  .roadmap__card:hover,
  .system-panel--intake:hover,
  .system-panel--delivery:hover,
  .adoption-step:hover {
    transform: translate3d(0, -4px, 0);
    box-shadow: var(--md3-elevation-card-hover);
  }
}
@media (prefers-reduced-motion: reduce) {
  .slide[data-deck-active] :is(.intro-card, .roadmap__step, .system-panel, .system-connector, .system-feedback-loop, .adoption-step, .domain-strip) { animation: none; }
}