@import url("https://fonts.googleapis.com/css2?family=Golos+Text:wght@400..900&family=JetBrains+Mono:wght@400;500;600&family=Unbounded:wght@600..800&display=swap");

:root {
  --primary: #ff5a1f;
  --primary-deep: #8a2808;
  --accent: #43b749;
  --accent-deep: #115a2b;
  --text: #181a16;
  --text-muted: #4b5346;
  --background: #fff9ee;
  --background-alt: #fff0e2;
  --surface: #ffffff;
  --divider: #d9d8ca;
  --particle: #75d66b;
  --code-text: #f7fff8;
  --code-background: #153e2b;
  --dark-green: #173e2a;
  --white: #ffffff;
  --font-display: "Unbounded", sans-serif;
  --font-body: "Golos Text", sans-serif;
  --font-code: "JetBrains Mono", monospace;
  --fs-display: clamp(3.5rem, 5.42vw, 6.5rem);
  --fs-heading: clamp(2.2rem, 3.34vw, 4rem);
  --fs-subheading: clamp(1.7rem, 2.08vw, 2.5rem);
  --fs-body: clamp(1.15rem, 1.56vw, 1.875rem);
  --fs-caption: clamp(0.95rem, 1.15vw, 1.375rem);
  --spacing-xs: 0.75rem;
  --spacing-sm: 1.25rem;
  --spacing-md: 2rem;
  --spacing-lg: 3rem;
  --spacing-xl: 4.5rem;
  --spacing-2xl: 6.5rem;
  --spacing-3xl: 9rem;
  --slide-padding-x: clamp(2.5rem, 5.84vw, 7rem);
  --slide-padding-y: clamp(3.25rem, 4.6vw, 5.5rem);
  --content-gap: clamp(2rem, 2.92vw, 3.5rem);
  --rounded-small: 0.875rem;
  --rounded-medium: 1.5rem;
  --rounded-large: 2.5rem;
  --rounded-hero: 4rem;
  --rounded-pill: 999px;
  --shadow-paper: 0 0.875rem 0 rgba(24, 26, 22, 0.08);
  --shadow-soft: 0 1.75rem 4.5rem rgba(24, 26, 22, 0.13);
  --shadow-punch: 0.625rem 0.625rem 0 #181a16;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --control-height: 4.25rem;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--background); }
body {
  margin: 0;
  background: var(--background);
  color: var(--text);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}
body.dialog-open { overflow: hidden; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-underline-position: from-font; text-decoration-thickness: from-font; }
button { font: inherit; }
::selection { background: var(--particle); color: var(--text); }

.skip-link {
  position: fixed;
  z-index: 100;
  inset-block-start: 1rem;
  inset-inline-start: 1rem;
  padding: 0.75rem 1rem;
  border: 0.1875rem solid var(--text);
  border-radius: var(--rounded-small);
  background: var(--surface);
  transform: translateY(-200%);
  transition: transform 180ms var(--ease);
}
.skip-link:focus { transform: translateY(0); }
.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;
}

.slides { width: 100%; }
.slide {
  position: relative;
  min-height: 100svh;
  padding: var(--slide-padding-y) var(--slide-padding-x) calc(var(--slide-padding-y) + var(--control-height));
  overflow: hidden;
  isolation: isolate;
  scroll-snap-align: start;
  scroll-margin-block-start: 0;
}
.slide h1, .slide h2, .slide h3 {
  margin: 0;
  font-family: var(--font-display);
  text-wrap: balance;
  hyphens: none;
}
.slide h2 {
  max-width: 82.5rem;
  font-size: clamp(1.55rem, 2.35vw, 2.82rem);
  font-weight: 700;
  line-height: 1.14;
  letter-spacing: -0.025em;
}
.slide p {
  margin: 0;
  font-size: clamp(1rem, 1.22vw, 1.46rem);
  line-height: 1.5;
  text-wrap: pretty;
  overflow-wrap: break-word;
}
.capability h2 { max-width: 42ch; }
.capability p { max-width: 62ch; }
.example {
  color: var(--text-muted);
  font-weight: 600;
}
.corner-number {
  position: absolute;
  inset-block-start: var(--slide-padding-y);
  inset-inline-end: var(--slide-padding-x);
  z-index: 4;
  color: var(--text-muted);
  font-family: var(--font-code);
  font-size: var(--fs-caption);
  font-variant-numeric: tabular-nums;
}

.opening {
  display: flex;
  align-items: center;
  background: radial-gradient(circle at 87% 18%, rgba(117, 214, 107, 0.42) 0%, rgba(117, 214, 107, 0) 18%), linear-gradient(118deg, #fff9ee 0%, #fff9ee 65%, #ff5a1f 65.1%, #ff7a33 100%);
}
.opening-copy {
  position: relative;
  z-index: 3;
  width: 58%;
  display: grid;
  gap: var(--spacing-md);
}
.opening-eyebrow {
  color: var(--accent-deep);
  font-size: var(--fs-caption) !important;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.opening h1 {
  max-width: 61.25rem;
  font-size: var(--fs-display);
  font-weight: 750;
  line-height: 1.02;
  letter-spacing: -0.035em;
}
.opening-lead {
  max-width: 36ch;
  font-size: var(--fs-subheading) !important;
  font-weight: 650;
  line-height: 1.2 !important;
  letter-spacing: -0.012em;
}
.opening-proof {
  width: max-content;
  max-width: 100%;
  padding: 0.875rem 1.5rem;
  border: 0.1875rem solid var(--text);
  border-radius: var(--rounded-pill);
  background: var(--surface);
  font-size: var(--fs-caption);
  font-weight: 700;
  box-shadow: var(--shadow-paper);
}
.opening-art {
  position: absolute;
  z-index: 2;
  inset-inline-end: -2%;
  inset-block: 8% 2%;
  width: 43%;
  display: grid;
  place-items: center;
}
.opening-art img {
  width: min(48rem, 95%);
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 2rem 3rem rgba(24, 26, 22, 0.2));
}
.seed, .closing-seed { position: absolute; border-radius: 50%; background: var(--particle); }
.seed-a { width: 0.8rem; height: 0.8rem; inset: 14% 12% auto auto; }
.seed-b { width: 1.1rem; height: 1.1rem; inset: 23% 8% auto auto; }
.seed-c { width: 0.55rem; height: 0.55rem; inset: 34% 16% auto auto; }

.capability { background: var(--background); }
.capability:nth-of-type(4n + 3) { background: linear-gradient(145deg, var(--background-alt) 0%, var(--background) 72%); }
.copy-block, .capability-content, .split-copy, .data-copy, .process-heading, .crop-copy { display: grid; gap: clamp(1rem, 1.46vw, 1.75rem); }

.capability-large-numeral {
  display: grid;
  grid-template-columns: 0.31fr 0.69fr;
  gap: clamp(2rem, 3.75vw, 4.5rem);
  align-items: center;
}
.capability-large-numeral.reverse { grid-template-columns: 0.69fr 0.31fr; }
.capability-large-numeral.reverse .capability-number { grid-column: 2; grid-row: 1; text-align: end; }
.capability-large-numeral.reverse .capability-content { grid-column: 1; grid-row: 1; }
.capability-number {
  color: var(--primary);
  font-family: var(--font-display);
  font-size: clamp(9rem, 16.7vw, 20rem);
  font-weight: 800;
  line-height: 0.82;
  letter-spacing: -0.08em;
  font-variant-numeric: tabular-nums;
  transform: translateX(-0.08em);
}
.capability-large-numeral.reverse .capability-number { transform: translateX(0.08em); }
.capability-content { position: relative; z-index: 2; align-content: center; max-width: 76rem; }
.capability-type { color: var(--primary-deep); font-size: var(--fs-caption) !important; font-weight: 700; }
.capability-large-numeral .visual {
  position: absolute;
  z-index: -1;
  inset-inline-end: -2rem;
  inset-block-end: 2rem;
  width: min(34rem, 31vw);
  min-height: 15rem;
  opacity: 0.17;
}
.capability-large-numeral.reverse .visual { inset-inline: -1rem auto; }
.peach { background: linear-gradient(145deg, var(--background-alt) 0%, var(--background) 72%); }

.visual {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  color: var(--text);
  font-size: clamp(1.5rem, 2.5vw, 3rem);
}
.visual > i { font-size: clamp(4rem, 6vw, 7.5rem); }
.visual span { font-size: var(--fs-caption); font-weight: 700; }
.visual-shop, .visual-files, .visual-spa, .visual-menu { flex-wrap: wrap; }
.pixel-stack { display: grid; grid-template-columns: repeat(3, 2rem); align-items: end; gap: 0.25rem; }
.pixel-stack b { display: block; aspect-ratio: 1; background: var(--primary); border: 0.15rem solid var(--text); }
.pixel-stack b:nth-child(4), .pixel-stack b:nth-child(5) { transform: translateY(-2.25rem); background: var(--accent); }
.table-plan { display: grid; grid-template-columns: repeat(2, 2.5rem); gap: 1rem; }
.table-plan b { aspect-ratio: 1; border: 0.25rem solid currentColor; border-radius: 50%; }
.user-vault { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.5rem; padding: 1rem; border: 0.25rem solid currentColor; border-radius: var(--rounded-large); }

.capability-split-use-case {
  display: grid;
  grid-template-columns: 1.22fr 0.98fr;
  padding: 0;
}
.capability-split-use-case.reverse-split { grid-template-columns: 0.98fr 1.22fr; }
.capability-split-use-case.reverse-split .split-visual { grid-column: 2; grid-row: 1; }
.capability-split-use-case.reverse-split .split-copy { grid-column: 1; grid-row: 1; }
.split-visual {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 100svh;
  padding: var(--slide-padding-y) var(--spacing-xl) calc(var(--slide-padding-y) + var(--control-height));
  background: var(--background-alt);
  overflow: hidden;
}
.split-copy {
  position: relative;
  justify-content: center;
  align-content: center;
  padding: var(--slide-padding-y) var(--slide-padding-x) calc(var(--slide-padding-y) + var(--control-height)) var(--spacing-xl);
}
.reverse-split .split-copy { padding-inline: var(--slide-padding-x) var(--spacing-xl); }
.kanban-track { position: absolute; inset: 12% 8%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.kanban-track span { padding: 1rem; border-radius: var(--rounded-medium); background: var(--surface); font-size: var(--fs-caption); font-weight: 700; text-align: center; box-shadow: var(--shadow-paper); }
.visual-kanban > i { color: var(--primary); font-size: clamp(12rem, 22vw, 26rem); opacity: 0.2; }
.moving-ticket { position: absolute; z-index: 2; display: flex; align-items: center; gap: 1rem; padding: 1.5rem 2rem; border: 0.1875rem solid var(--text); border-radius: var(--rounded-medium); background: var(--surface); font-size: var(--fs-caption); font-weight: 700; box-shadow: var(--shadow-punch); transform: rotate(-4deg); }
.visual-ar > i { font-size: clamp(18rem, 28vw, 34rem); color: var(--primary); opacity: 0.22; }
.ar-object { position: absolute; padding: 2rem; border-radius: var(--rounded-large); background: var(--surface); box-shadow: var(--shadow-punch); }
.ar-object i { font-size: clamp(6rem, 10vw, 11rem); color: var(--accent-deep); }
.scan-line { position: absolute; width: 55%; height: 0.3rem; background: var(--accent); box-shadow: 0 0 0 0.5rem rgba(67, 183, 73, 0.15); }
.visual-audio { background: linear-gradient(145deg, var(--dark-green), #245d39); color: var(--code-text); }
.visual-audio > i { position: absolute; font-size: clamp(18rem, 30vw, 36rem); color: var(--particle); opacity: 0.16; }
.record { position: relative; display: grid; place-items: center; width: clamp(12rem, 19vw, 22rem); aspect-ratio: 1; border-radius: 50%; background: repeating-radial-gradient(circle, var(--text) 0 0.5rem, #30352e 0.55rem 1rem); border: 1rem solid var(--primary); box-shadow: var(--shadow-soft); }
.record i { padding: 1.2rem; border-radius: 50%; background: var(--surface); color: var(--text); font-size: 3rem; }
.playlist-lines { position: absolute; inset-inline-end: 7%; inset-block-end: 10%; display: grid; gap: 1rem; width: 35%; }
.playlist-lines span { height: 0.75rem; border-radius: var(--rounded-pill); background: var(--particle); }
.playlist-lines span:nth-child(2) { width: 72%; }
.playlist-lines span:nth-child(3) { width: 48%; }
.visual-market > i { position: absolute; font-size: clamp(18rem, 28vw, 34rem); color: var(--primary); opacity: 0.2; }
.market-link { position: relative; display: flex; align-items: center; gap: 1rem; padding: 2rem; border-radius: var(--rounded-large); background: var(--surface); box-shadow: var(--shadow-punch); }
.market-link i { font-size: clamp(3rem, 5vw, 6rem); }
.market-link span { width: clamp(2rem, 4vw, 5rem); height: 0.3rem; background: var(--accent); }

.capability-process-flow {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: clamp(2rem, 3.5vw, 4.25rem);
  align-content: center;
  background: linear-gradient(145deg, var(--background-alt), var(--background) 72%);
}
.process-heading { position: relative; align-content: start; padding-inline-end: 5rem; }
.process-heading h2 { max-width: 60ch; }
.process-heading > p:not(.example) { max-width: 75ch; }
.process-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0.6rem, 1.5vw, 1.75rem);
  min-height: 16rem;
}
.process-node {
  flex: 1 1 0;
  align-self: stretch;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 1rem;
  min-width: 0;
  padding: clamp(1rem, 1.8vw, 2rem);
  border: 0.125rem solid var(--divider);
  border-radius: var(--rounded-medium);
  background: var(--surface);
  box-shadow: var(--shadow-paper);
  text-align: center;
}
.process-node.start { border-top: 0.5rem solid var(--primary); }
.process-node.finish { border-top: 0.5rem solid var(--accent); }
.process-node i { font-size: clamp(3rem, 4.5vw, 5.5rem); color: var(--primary-deep); }
.process-node.finish i { color: var(--accent-deep); }
.process-node strong { font-size: clamp(1rem, 1.65vw, 2rem); line-height: 1.2; }
.process-arrow { flex: 0 0 auto; color: var(--accent-deep); font-size: clamp(1.75rem, 2.5vw, 3rem); }
.education-flow .process-node { min-height: 12rem; }
.poll-visual {
  position: relative;
  display: grid;
  gap: 1.25rem;
  align-content: center;
  width: min(70rem, 90%);
  margin-inline: auto;
  padding: clamp(1.5rem, 2.5vw, 3rem);
  border-radius: var(--rounded-large);
  background: var(--surface);
  box-shadow: var(--shadow-paper);
}
.poll-visual > div { display: grid; grid-template-columns: 8rem 1fr; align-items: center; gap: 1rem; }
.poll-visual span { font-size: var(--fs-caption); font-weight: 700; }
.poll-visual b { display: block; height: 1.3rem; border-radius: var(--rounded-pill); background: var(--primary); }
.poll-visual .vote-high { width: 82%; }
.poll-visual .vote-mid { width: 58%; background: var(--accent); }
.poll-visual .vote-low { width: 36%; background: var(--primary-deep); }
.poll-visual > i { position: absolute; inset: -2rem -2rem auto auto; padding: 1rem; border-radius: 50%; background: var(--accent); font-size: 3rem; }
.social-ripple { position: relative; min-height: 20rem; }
.post-core, .reaction { position: absolute; display: grid; place-items: center; border-radius: 50%; border: 0.25rem solid var(--text); background: var(--surface); box-shadow: var(--shadow-paper); }
.post-core { inset: 50% auto auto 50%; width: 12rem; aspect-ratio: 1; transform: translate(-50%, -50%); font-size: var(--fs-caption); font-weight: 700; }
.post-core i { font-size: 4rem; color: var(--primary); }
.reaction { width: 6rem; aspect-ratio: 1; font-size: 2.7rem; color: var(--accent-deep); }
.reaction.like { inset: 4% auto auto 22%; }
.reaction.comment { inset: 12% 24% auto auto; }
.reaction.live { inset: auto 18% 4% auto; }

.capability-data-abstraction {
  display: grid;
  grid-template-columns: 0.42fr 0.58fr;
  gap: clamp(2rem, 3.75vw, 4.5rem);
  align-items: center;
}
.capability-data-abstraction.mirrored { grid-template-columns: 0.58fr 0.42fr; }
.capability-data-abstraction.mirrored .data-copy { grid-column: 2; grid-row: 1; }
.capability-data-abstraction.mirrored > :last-child { grid-column: 1; grid-row: 1; }
.data-copy { position: relative; z-index: 2; }
.data-constellation, .wishlist-orbit, .crm-funnel, .live-radar {
  position: relative;
  min-height: min(65vh, 43rem);
}
.data-orbit {
  position: absolute;
  display: grid;
  place-items: center;
  gap: 0.6rem;
  width: 10rem;
  aspect-ratio: 1;
  border: 0.15rem solid var(--divider);
  border-radius: 50%;
  background: var(--surface);
  box-shadow: var(--shadow-paper);
  text-align: center;
}
.data-orbit::after { content: ""; position: absolute; z-index: -1; width: 8rem; height: 0.25rem; background: var(--accent); transform-origin: left center; }
.data-orbit i { color: var(--primary); font-size: 3.25rem; }
.data-orbit span { font-size: 1rem; font-weight: 700; }
.hero-orbit { inset: 50% auto auto 50%; width: 16rem; transform: translate(-50%, -50%); border: 0.35rem solid var(--primary); background: var(--background-alt); }
.hero-orbit i { font-size: 5rem; }
.hero-orbit::after { display: none; }
.orbit-a { inset: 5% auto auto 4%; }
.orbit-a::after { inset: 70% auto auto 84%; transform: rotate(26deg); }
.orbit-b { inset: 2% 5% auto auto; }
.orbit-b::after { inset: 72% 70% auto auto; transform: rotate(150deg); }
.orbit-c { inset: auto 9% 4% auto; }
.orbit-c::after { inset: 20% 78% auto auto; transform: rotate(205deg); }
.booking-constellation { display: grid; place-items: center; }
.calendar-disc { display: grid; place-items: center; gap: 1rem; width: min(24rem, 62%); aspect-ratio: 1; border: 0.4rem solid var(--primary); border-radius: 50%; background: var(--surface); box-shadow: var(--shadow-soft); font-size: var(--fs-subheading); font-weight: 700; }
.calendar-disc i { font-size: clamp(5rem, 8vw, 9rem); color: var(--primary); }
.timer-ring { position: absolute; inset: 3% 7% auto auto; display: grid; place-items: center; width: 10rem; aspect-ratio: 1; border: 0.5rem dashed var(--accent); border-radius: 50%; background: var(--background-alt); }
.timer-ring i { font-size: 4rem; }
.admin-mark { position: absolute; inset: auto auto 7% 2%; padding: 1rem 1.5rem; border: 0.1875rem solid var(--text); border-radius: var(--rounded-pill); background: var(--surface); font-size: var(--fs-caption); font-weight: 700; box-shadow: var(--shadow-punch); }
.wishlist-orbit::before, .live-radar::before { content: ""; position: absolute; inset: 12%; border: 0.25rem dashed var(--accent); border-radius: 50%; }
.wish-core, .wish-item, .radar-core, .radar-item { position: absolute; display: grid; place-items: center; background: var(--surface); border: 0.1875rem solid var(--text); box-shadow: var(--shadow-paper); }
.wish-core { inset: 50% auto auto 50%; width: 14rem; aspect-ratio: 1; border-radius: 50%; transform: translate(-50%, -50%); color: var(--primary); font-size: 6rem; }
.wish-item { width: 7rem; aspect-ratio: 1; border-radius: var(--rounded-medium); font-size: 3rem; }
.wish-item.book { inset: 5% auto auto 5%; }
.wish-item.phones { inset: 8% 4% auto auto; }
.wish-item.share { inset: auto 8% 3% auto; color: var(--accent-deep); }
.crm-funnel { display: grid; align-content: center; gap: 1rem; }
.funnel-stage { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 7rem; padding: 1.5rem 2rem; border: 0.1875rem solid var(--text); background: var(--surface); font-size: var(--fs-subheading); font-weight: 700; box-shadow: var(--shadow-paper); }
.funnel-stage i { font-size: 3.5rem; }
.funnel-stage.first { width: 100%; border-radius: var(--rounded-large) var(--rounded-large) var(--rounded-small) var(--rounded-small); border-top: 0.6rem solid var(--primary); }
.funnel-stage.second { width: 76%; margin-inline: auto; background: var(--background-alt); }
.funnel-stage.third { width: 52%; margin-inline: auto; border-radius: var(--rounded-small) var(--rounded-small) var(--rounded-large) var(--rounded-large); border-bottom: 0.6rem solid var(--accent); }
.live-radar::after { content: ""; position: absolute; inset: 28%; border: 0.2rem solid var(--divider); border-radius: 50%; }
.radar-core { z-index: 2; inset: 50% auto auto 50%; width: 13rem; aspect-ratio: 1; border-radius: 50%; transform: translate(-50%, -50%); background: var(--dark-green); color: var(--code-text); font-size: var(--fs-subheading); font-weight: 700; }
.radar-core i { font-size: 4rem; color: var(--particle); }
.radar-item { z-index: 3; display: flex; gap: 0.65rem; width: max-content; padding: 1rem 1.4rem; border-radius: var(--rounded-pill); font-size: var(--fs-caption); font-weight: 700; }
.radar-item.item-a { inset: 4% auto auto 2%; }
.radar-item.item-b { inset: 11% 2% auto auto; }
.radar-item.item-c { inset: auto 8% 2% auto; }

.capability-full-bleed-statement {
  display: flex;
  align-items: center;
  gap: var(--spacing-xl);
}
.capability-full-bleed-statement .statement-copy { width: 66%; }
.capability-full-bleed-statement h2 { max-width: 26ch; font-size: clamp(2.35rem, 4.15vw, 5rem); line-height: 1.06; }
.orange-statement { background: linear-gradient(135deg, var(--primary), #ff7a33); }
.light-statement { background: linear-gradient(145deg, var(--background-alt), var(--background) 72%); }
.light-statement::before { content: ""; position: absolute; z-index: -1; inset: -20% auto -30% -10%; width: 45%; border-radius: 45% 55% 65% 35%; background: var(--primary); opacity: 0.14; transform: rotate(18deg); }
.green-statement { background: linear-gradient(135deg, var(--dark-green), #245d39); color: var(--code-text); }
.green-statement .corner-number { color: var(--particle); }
.statement-icons, .portfolio-stack, .builder-art { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 2rem; }
.statement-icons i, .portfolio-stack i, .builder-art i { display: grid; place-items: center; width: 7rem; aspect-ratio: 1; border: 0.1875rem solid var(--text); border-radius: var(--rounded-medium); background: var(--surface); color: var(--text); font-size: 3.5rem; box-shadow: var(--shadow-punch); }
.statement-inset {
  position: absolute;
  inset-inline-end: var(--slide-padding-x);
  inset-block-end: calc(var(--slide-padding-y) + var(--control-height));
  width: min(33rem, 34vw);
  display: grid;
  gap: 1.25rem;
  padding: clamp(1.25rem, 1.8vw, 2.1rem);
  border-radius: var(--rounded-medium);
  background: var(--background);
  color: var(--text);
  box-shadow: var(--shadow-punch);
}
.statement-inset p { font-size: clamp(0.95rem, 1.03vw, 1.24rem); }
.resume-sheets { position: relative; width: min(34rem, 80%); min-height: 13rem; margin-top: 2rem; }
.resume-sheets span { position: absolute; width: 15rem; padding: 1.25rem; border: 0.1875rem solid var(--text); border-radius: var(--rounded-medium); background: var(--surface); font-size: var(--fs-caption); font-weight: 700; box-shadow: var(--shadow-paper); }
.resume-sheets span:nth-child(1) { inset: 0 auto auto 0; transform: rotate(-4deg); }
.resume-sheets span:nth-child(2) { inset: 3rem auto auto 8rem; transform: rotate(3deg); }
.resume-sheets span:nth-child(3) { inset: 7rem auto auto 2rem; transform: rotate(-1deg); }
.resume-sheets i { position: absolute; inset: 1rem 0 auto auto; font-size: 7rem; color: var(--primary); }
.route-art { display: flex; align-items: center; gap: 1rem; margin-top: 2rem; color: var(--particle); font-size: 4rem; }
.route-art span { width: 7rem; border-top: 0.3rem dashed currentColor; }
.green-statement .statement-inset { background: var(--background); }

.capability-visual-crop {
  display: grid;
  grid-template-columns: 0.43fr 0.57fr;
  align-items: center;
  background: var(--surface);
}
.crop-copy { position: relative; z-index: 2; }
.watermark-number { position: absolute; z-index: -1; inset: -8rem auto auto -4rem; color: var(--primary); font-family: var(--font-display); font-size: clamp(9rem, 15vw, 18rem); font-weight: 800; line-height: 1; opacity: 0.11; }
.crop-art { position: absolute; inset: 8% -6% -8% auto; width: 60%; border-radius: var(--rounded-hero) 0 0 0; background: var(--background-alt); box-shadow: var(--shadow-soft); overflow: hidden; }
.three-d-art { display: grid; place-items: center; background: radial-gradient(circle at 45% 40%, var(--particle), transparent 26%), linear-gradient(145deg, var(--dark-green), #245d39); }
.wire-cube { position: relative; width: min(24rem, 45%); aspect-ratio: 1; transform: rotate(30deg) skew(-8deg); border: 0.45rem solid var(--code-text); }
.wire-cube::before, .wire-cube::after, .wire-cube span { content: ""; position: absolute; inset: 14%; border: 0.25rem solid var(--primary); }
.wire-cube::after { inset: 28%; border-color: var(--particle); }
.wire-cube span:nth-child(1) { inset: 42%; border-color: var(--code-text); }
.three-d-art > i { position: absolute; inset: auto 12% 12% auto; padding: 1.3rem; border-radius: 50%; background: var(--surface); color: var(--text); font-size: 4rem; }
.timer-art { display: grid; place-items: center; background: linear-gradient(145deg, var(--background-alt), var(--surface)); }
.time-face { display: grid; place-items: center; width: min(28rem, 62%); aspect-ratio: 1; border: 1rem solid var(--primary); border-radius: 50%; background: var(--surface); box-shadow: var(--shadow-punch); }
.time-face span { font-family: var(--font-display); font-size: clamp(3rem, 6vw, 7rem); font-variant-numeric: tabular-nums; }
.time-face i { font-size: 4rem; color: var(--accent-deep); }
.time-project, .time-task { position: absolute; padding: 1rem 1.5rem; border: 0.1875rem solid var(--text); border-radius: var(--rounded-pill); background: var(--surface); font-size: var(--fs-caption); font-weight: 700; }
.time-project { inset: 12% auto auto 8%; }
.time-task { inset: auto 10% 12% auto; }
.presentation-art { display: grid; place-items: center; background: linear-gradient(145deg, var(--dark-green), #245d39); }
.deck-sheet { display: grid; place-items: center; width: min(28rem, 62%); aspect-ratio: 16 / 10; border: 0.3rem solid var(--code-text); border-radius: var(--rounded-large); background: var(--background); box-shadow: 1.5rem 1.5rem 0 var(--primary); }
.deck-sheet i { color: var(--text); font-size: 9rem; }
.export { position: absolute; display: grid; place-items: center; width: 8rem; aspect-ratio: 1; border: 0.2rem solid var(--text); border-radius: var(--rounded-medium); background: var(--surface); color: var(--text); font-size: 4rem; box-shadow: var(--shadow-punch); }
.export.pdf { inset: 8% auto auto 8%; color: var(--primary-deep); }
.export.html { inset: auto 7% 8% auto; color: var(--accent-deep); }

.breadth-map { display: grid; grid-template-rows: auto 1fr; gap: var(--spacing-xl); background: linear-gradient(145deg, var(--background-alt), var(--background) 72%); }
.breadth-heading { display: grid; gap: 1.5rem; padding-inline-end: 6rem; }
.breadth-heading h2 { max-width: 26ch; font-size: clamp(2.4rem, 4vw, 4.8rem); }
.breadth-heading p { max-width: 58ch; }
.territories { position: relative; display: grid; grid-template-columns: 42fr 33fr 25fr; gap: 1.25rem; min-height: 22rem; }
.territory { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: flex-end; gap: 0.8rem; min-width: 0; padding: clamp(1.4rem, 2.2vw, 2.6rem); border-radius: var(--rounded-large); overflow: hidden; }
.territory i { position: absolute; inset: 1.5rem 1.5rem auto auto; font-size: clamp(3rem, 5vw, 6rem); opacity: 0.85; }
.territory h3 { font-size: clamp(1.65rem, 2.5vw, 3rem); line-height: 1.1; }
.territory p { font-size: clamp(0.95rem, 1.1vw, 1.3rem); }
.territory-sites { background: var(--surface); border: 0.15rem solid var(--divider); box-shadow: var(--shadow-paper); }
.territory-landing { background: var(--background-alt); border: 0.15rem solid var(--primary); }
.territory-decks { background: var(--primary); color: var(--text); }
.growth-line { position: absolute; z-index: 3; inset: 50% 5% auto; display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: center; pointer-events: none; }
.growth-line::before { content: ""; position: absolute; inset-inline: 0; height: 0.35rem; border-radius: var(--rounded-pill); background: var(--accent); transform: rotate(-3deg); }
.growth-line span { z-index: 1; width: 1.25rem; aspect-ratio: 1; justify-self: center; border: 0.25rem solid var(--surface); border-radius: 50%; background: var(--accent-deep); }

.closing-beyond-list { display: flex; align-items: center; background: linear-gradient(135deg, var(--dark-green), #245d39); color: var(--code-text); }
.closing-copy { position: relative; z-index: 3; display: grid; gap: var(--spacing-md); width: min(68rem, 72%); }
.closing-mark { color: var(--particle); font-size: var(--fs-caption) !important; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.closing-beyond-list h2 { max-width: 18ch; color: var(--code-text); font-size: var(--fs-display); line-height: 1.03; }
.closing-beyond-list .support { max-width: 42ch; color: var(--code-text); font-size: var(--fs-subheading); opacity: 0.9; }
.closing-cta { width: max-content; display: inline-flex; align-items: center; gap: 0.75rem; margin-top: 1rem; padding: 1rem 1.5rem; border: 0.1875rem solid var(--text); border-radius: var(--rounded-pill); background: var(--primary); color: var(--text); font-size: var(--fs-caption); font-weight: 800; text-decoration: none; box-shadow: var(--shadow-punch); transition: transform 180ms var(--ease), opacity 180ms var(--ease); }
.closing-cta:hover { transform: translateY(-0.2rem); }
.closing-cta:active { transform: scale(0.96); }
.closing-root { position: absolute; z-index: 1; inset: auto -7rem -19rem auto; width: clamp(22rem, 30vw, 35rem); height: clamp(35rem, 54vw, 49rem); border-radius: 52% 48% 68% 32%; background: var(--primary); transform: rotate(22deg); }
.closing-leaves { position: absolute; z-index: 2; inset: 8% 7% auto auto; width: 21rem; height: 16rem; }
.closing-leaves span { position: absolute; width: 5rem; height: 13rem; border-radius: 70% 30% 70% 30%; background: var(--particle); }
.closing-leaves span:nth-child(1) { inset: 1rem auto auto 1rem; transform: rotate(-35deg); }
.closing-leaves span:nth-child(2) { inset: 0 auto auto 8rem; transform: rotate(4deg); }
.closing-leaves span:nth-child(3) { inset: 2rem 0 auto auto; transform: rotate(38deg); }
.closing-seed.seed-1 { width: 0.8rem; height: 0.8rem; inset: 18% 32% auto auto; }
.closing-seed.seed-2 { width: 1.2rem; height: 1.2rem; inset: 27% 26% auto auto; }
.closing-seed.seed-3 { width: 0.6rem; height: 0.6rem; inset: 38% 20% auto auto; }
.closing-seed.seed-4 { width: 0.9rem; height: 0.9rem; inset: 45% 13% auto auto; }

.deck-controls {
  position: fixed;
  z-index: 50;
  inset: auto 50% max(1rem, env(safe-area-inset-bottom)) auto;
  transform: translateX(50%);
  display: grid;
  grid-template-columns: 3.25rem auto minmax(6rem, 14rem) 3.25rem;
  align-items: center;
  gap: 0.6rem;
  min-height: var(--control-height);
  padding: 0.5rem;
  border: 0.125rem solid rgba(24, 26, 22, 0.2);
  border-radius: var(--rounded-pill);
  background: rgba(255, 249, 238, 0.92);
  box-shadow: var(--shadow-soft);
  backdrop-filter: blur(1rem);
}
.control-button, .overview-button, .dialog-close {
  border: 0;
  color: var(--text);
  cursor: pointer;
  transition: transform 150ms var(--ease), opacity 150ms var(--ease), background-color 150ms var(--ease);
}
.control-button { display: grid; place-items: center; width: 3.25rem; aspect-ratio: 1; border-radius: 50%; background: var(--surface); font-size: 1.5rem; }
.control-button:hover, .dialog-close:hover { background: var(--background-alt); }
.control-button:active, .overview-button:active, .dialog-close:active { transform: scale(0.96); }
.control-button:disabled { opacity: 0.32; cursor: not-allowed; }
.overview-button { display: grid; justify-items: start; min-width: 8.5rem; padding: 0.35rem 0.75rem; border-radius: var(--rounded-pill); background: transparent; }
#slide-counter { font-family: var(--font-code); font-weight: 700; font-variant-numeric: tabular-nums; }
.overview-label { color: var(--text-muted); font-size: 0.8rem; font-weight: 600; }
.deck-controls progress { width: 100%; height: 0.45rem; border: 0; border-radius: var(--rounded-pill); overflow: hidden; background: var(--divider); }
.deck-controls progress::-webkit-progress-bar { background: var(--divider); }
.deck-controls progress::-webkit-progress-value { background: var(--primary); }
.deck-controls progress::-moz-progress-bar { background: var(--primary); }

.overview-dialog {
  width: min(72rem, calc(100% - 2rem));
  max-height: min(52rem, calc(100svh - 2rem));
  padding: 0;
  border: 0.1875rem solid var(--text);
  border-radius: var(--rounded-large);
  background: var(--background);
  color: var(--text);
  box-shadow: var(--shadow-punch);
  overflow: hidden;
}
.overview-dialog::backdrop { background: rgba(24, 26, 22, 0.66); backdrop-filter: blur(0.35rem); }
.overview-head { position: sticky; z-index: 2; inset-block-start: 0; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.5rem 2rem; background: var(--background-alt); border-bottom: 0.125rem solid var(--divider); }
.overview-head p { margin: 0; color: var(--accent-deep); font-weight: 700; }
.overview-head h2 { margin: 0.25rem 0 0; font-family: var(--font-display); font-size: clamp(1.5rem, 3vw, 2.6rem); }
.dialog-close { display: grid; place-items: center; width: 3rem; aspect-ratio: 1; border-radius: 50%; background: var(--surface); font-size: 1.5rem; }
.overview-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; max-height: calc(100svh - 10rem); padding: 1.25rem; overflow-y: auto; overscroll-behavior: contain; }
.overview-link { display: grid; grid-template-columns: 3.2rem 1fr; gap: 1rem; align-items: start; min-height: 4.5rem; padding: 1rem; border: 0.125rem solid var(--divider); border-radius: var(--rounded-medium); background: var(--surface); text-decoration: none; transition: transform 160ms var(--ease), border-color 160ms var(--ease), background-color 160ms var(--ease); }
.overview-link:hover { transform: translateY(-0.15rem); border-color: var(--primary); }
.overview-link[aria-current="step"] { border-color: var(--accent-deep); background: var(--background-alt); }
.overview-index { color: var(--primary-deep); font-family: var(--font-code); font-weight: 700; }
.overview-name { font-weight: 700; line-height: 1.25; }

:focus-visible { outline: 0.2rem solid var(--accent-deep); outline-offset: 0.2rem; }

@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
  .js .reveal { opacity: 0; transform: translateY(1.25rem); transition: opacity 420ms var(--ease), transform 420ms var(--ease); }
  .js .slide.is-visible .reveal { opacity: 1; transform: translateY(0); }
  .js .slide.is-visible .reveal:nth-child(2) { transition-delay: 70ms; }
  .js .slide.is-visible .reveal:nth-child(3) { transition-delay: 140ms; }
  .js .moving-ticket { animation: ticket-drift 5s var(--ease) infinite alternate; }
  .js .record { animation: record-turn 12s linear infinite; }
  .js .scan-line { animation: scan 3.2s var(--ease) infinite alternate; }
  .js .radar-core i, .js .poll-visual > i { animation: pulse 2.4s var(--ease) infinite; }
  @keyframes ticket-drift { to { transform: translate(3rem, 1rem) rotate(2deg); } }
  @keyframes record-turn { to { transform: rotate(360deg); } }
  @keyframes scan { from { transform: translateY(-7rem); } to { transform: translateY(7rem); } }
  @keyframes pulse { 50% { transform: scale(1.12); opacity: 0.78; } }
}

@media (min-width: 64rem) and (min-height: 42rem) {
  html { scroll-snap-type: y proximity; }
}

@media (max-width: 80rem) {
  .slide h2 { font-size: clamp(1.5rem, 2.3vw, 2.25rem); }
  .slide p { font-size: clamp(1rem, 1.35vw, 1.2rem); }
  .capability-full-bleed-statement h2 { font-size: clamp(2.2rem, 4vw, 3.8rem); }
  .statement-inset { width: min(31rem, 38vw); }
  .capability-large-numeral .visual { opacity: 0.11; }
}

@media (max-width: 64rem) {
  :root { --slide-padding-x: 2.25rem; --slide-padding-y: 3rem; }
  .slide { min-height: auto; padding-bottom: 8rem; }
  .opening { min-height: 100svh; }
  .opening-copy { width: 65%; }
  .opening-art { width: 42%; }
  .capability-large-numeral { grid-template-columns: 0.26fr 0.74fr; }
  .capability-split-use-case, .capability-split-use-case.reverse-split { grid-template-columns: 1fr; }
  .capability-split-use-case .split-copy, .capability-split-use-case.reverse-split .split-copy { grid-column: 1; grid-row: 1; padding: var(--slide-padding-y) var(--slide-padding-x) 3rem; }
  .capability-split-use-case .split-visual, .capability-split-use-case.reverse-split .split-visual { grid-column: 1; grid-row: 2; min-height: 32rem; padding-bottom: 8rem; }
  .capability-data-abstraction, .capability-data-abstraction.mirrored { grid-template-columns: 1fr; align-content: center; }
  .capability-data-abstraction .data-copy, .capability-data-abstraction.mirrored .data-copy { grid-column: 1; grid-row: 1; padding-inline-end: 3rem; }
  .capability-data-abstraction > :last-child, .capability-data-abstraction.mirrored > :last-child { grid-column: 1; grid-row: 2; min-height: 28rem; }
  .capability-full-bleed-statement { align-items: flex-start; flex-direction: column; }
  .capability-full-bleed-statement .statement-copy { width: 100%; padding-inline-end: 4rem; }
  .statement-inset { position: static; width: min(48rem, 100%); margin-top: 1rem; }
  .capability-visual-crop { grid-template-columns: 1fr; align-content: start; }
  .crop-copy { width: 70%; }
  .crop-art { position: relative; inset: auto; width: calc(100% + var(--slide-padding-x)); min-height: 34rem; margin: 3rem calc(var(--slide-padding-x) * -1) -8rem 22%; border-radius: var(--rounded-hero) 0 0 0; }
  .territories { min-height: 28rem; }
  .education-flow { flex-wrap: wrap; }
  .education-flow .process-node { flex-basis: 38%; }
  .education-flow .process-arrow { flex-basis: 4%; }
}

@media (max-width: 47.99rem) {
  :root { --slide-padding-x: 1.25rem; --slide-padding-y: 2rem; --control-height: 4rem; }
  html { scroll-snap-type: none; }
  .slide { min-height: auto; padding-bottom: 7.5rem; overflow: clip; }
  .slide h2, .capability-full-bleed-statement h2 { font-size: clamp(1.45rem, 7.1vw, 2.1rem); line-height: 1.14; }
  .slide p { font-size: 1rem; line-height: 1.56; }
  .corner-number { position: static; display: block; margin-bottom: 0.35rem; font-size: 0.95rem; }
  .opening { min-height: 100svh; align-items: flex-start; padding-top: max(3.5rem, env(safe-area-inset-top)); background: radial-gradient(circle at 72% 16%, rgba(117, 214, 107, 0.35), transparent 18%), linear-gradient(158deg, var(--background) 0 68%, var(--primary) 68.2% 100%); }
  .opening-copy { width: 100%; gap: 1.2rem; }
  .opening h1 { max-width: 9ch; font-size: clamp(3rem, 15.5vw, 5rem); }
  .opening-lead { max-width: 24ch; font-size: 1.55rem !important; }
  .opening-proof { font-size: 0.95rem; }
  .opening-art { inset: auto -17% 2% auto; width: 76%; opacity: 0.92; }
  .seed-a { inset: auto 8% 30% auto; }
  .seed-b { inset: auto 18% 25% auto; }
  .seed-c { inset: auto 5% 18% auto; }
  .capability-large-numeral, .capability-large-numeral.reverse { display: block; }
  .capability-large-numeral .capability-number, .capability-large-numeral.reverse .capability-number { position: absolute; z-index: -1; inset: 1rem -0.25rem auto auto; color: var(--primary); font-size: 11rem; opacity: 0.11; transform: none; }
  .capability-content { padding-top: 1rem; }
  .capability-large-numeral .visual, .capability-large-numeral.reverse .visual { position: relative; inset: auto; width: 100%; min-height: 9rem; margin-top: 2rem; opacity: 0.2; }
  .capability-split-use-case .split-copy, .capability-split-use-case.reverse-split .split-copy { padding: 2rem 1.25rem 2.5rem; }
  .capability-split-use-case .split-visual, .capability-split-use-case.reverse-split .split-visual { min-height: 22rem; padding: 2rem 1.25rem 7.5rem; }
  .kanban-track { grid-template-columns: 1fr; inset: 1.5rem; }
  .kanban-track span { text-align: start; }
  .visual-kanban > i { font-size: 15rem; }
  .moving-ticket { font-size: 0.95rem; }
  .record { width: 12rem; }
  .playlist-lines { width: 46%; }
  .process-heading { padding-inline-end: 0; }
  .process-row, .education-flow { flex-direction: column; align-items: stretch; gap: 0.75rem; }
  .process-node, .education-flow .process-node { min-height: 9rem; flex-basis: auto; }
  .process-arrow, .education-flow .process-arrow { flex-basis: auto; text-align: center; transform: rotate(90deg); }
  .poll-visual { width: 100%; }
  .poll-visual > div { grid-template-columns: 4.5rem 1fr; }
  .social-ripple { min-height: 20rem; }
  .post-core { width: 10rem; }
  .reaction { width: 5rem; }
  .capability-data-abstraction .data-copy, .capability-data-abstraction.mirrored .data-copy { padding-inline-end: 0; }
  .capability-data-abstraction > :last-child, .capability-data-abstraction.mirrored > :last-child { min-height: 22rem; }
  .data-orbit { width: 6.5rem; }
  .hero-orbit { width: 10rem; }
  .data-orbit i { font-size: 2.25rem; }
  .hero-orbit i { font-size: 3.25rem; }
  .data-orbit span { font-size: 0.75rem; }
  .data-orbit::after { width: 4rem; }
  .calendar-disc { width: 13rem; }
  .timer-ring { width: 6.5rem; }
  .admin-mark { font-size: 0.9rem; }
  .wish-core { width: 9rem; }
  .wish-item { width: 5rem; font-size: 2.1rem; }
  .funnel-stage { min-height: 5.5rem; padding: 1rem; font-size: 1.3rem; }
  .funnel-stage i { font-size: 2.25rem; }
  .radar-core { width: 9rem; font-size: 1.25rem; }
  .radar-item { font-size: 0.82rem; }
  .capability-full-bleed-statement { gap: 2rem; }
  .capability-full-bleed-statement .statement-copy { padding-inline-end: 0; }
  .statement-icons i, .portfolio-stack i, .builder-art i { width: 4.5rem; font-size: 2.2rem; }
  .statement-inset { padding: 1.25rem; box-shadow: 0.4rem 0.4rem 0 var(--text); }
  .resume-sheets { width: 100%; }
  .resume-sheets span { width: 11rem; font-size: 0.9rem; }
  .resume-sheets span:nth-child(2) { inset-inline-start: 5rem; }
  .resume-sheets i { font-size: 5rem; }
  .route-art { font-size: 2.4rem; gap: 0.35rem; }
  .route-art span { width: 2.5rem; }
  .crop-copy { width: 100%; }
  .watermark-number { inset: -4rem -1rem auto auto; font-size: 10rem; }
  .crop-art { width: calc(100% + 1.25rem); min-height: 22rem; margin: 2.5rem -1.25rem -7.5rem 0; border-radius: var(--rounded-large) 0 0 0; }
  .time-face { width: 13rem; border-width: 0.6rem; }
  .time-face span { font-size: 3rem; }
  .deck-sheet { width: 15rem; }
  .deck-sheet i { font-size: 5rem; }
  .export { width: 5rem; font-size: 2.5rem; }
  .breadth-heading { padding-inline-end: 0; }
  .breadth-heading h2 { font-size: clamp(2rem, 9vw, 3rem); }
  .territories { grid-template-columns: 1fr; min-height: 0; }
  .territory { min-height: 14rem; }
  .territory-sites { min-height: 18rem; }
  .territory-landing { min-height: 15rem; }
  .territory-decks { min-height: 12rem; }
  .growth-line { inset: 7% auto 7% 2rem; grid-template-columns: 1fr; grid-template-rows: repeat(3, 1fr); }
  .growth-line::before { inset-block: 0; inset-inline: auto; width: 0.35rem; height: 100%; transform: none; }
  .closing-beyond-list { min-height: 100svh; align-items: flex-start; padding-top: 4rem; }
  .closing-copy { width: 100%; }
  .closing-beyond-list h2 { max-width: 9ch; font-size: clamp(2.75rem, 13vw, 4.4rem); }
  .closing-beyond-list .support { max-width: 25ch; font-size: 1.45rem; }
  .closing-cta { max-width: 100%; font-size: 1rem; }
  .closing-root { inset: auto -10rem -22rem auto; width: 24rem; height: 38rem; opacity: 0.9; }
  .closing-leaves { inset: auto -3rem 15rem auto; transform: scale(0.65); }
  .deck-controls { grid-template-columns: 2.9rem auto minmax(3.5rem, 7rem) 2.9rem; width: calc(100% - 1rem); min-height: 3.75rem; padding: 0.35rem; }
  .control-button { width: 2.9rem; }
  .overview-button { min-width: 5rem; padding-inline: 0.4rem; }
  .overview-label { display: none; }
  .overview-list { grid-template-columns: 1fr; padding: 0.75rem; }
  .overview-head { padding: 1rem; }
  .overview-link { grid-template-columns: 2.75rem 1fr; }
}

@media (max-width: 23rem) {
  .opening h1 { font-size: 2.75rem; }
  .opening-lead { font-size: 1.3rem !important; }
  .deck-controls { grid-template-columns: 2.75rem auto 3.5rem 2.75rem; }
  .deck-controls progress { width: 3.5rem; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}

@media (forced-colors: active) {
  .deck-controls, .process-node, .overview-link, .statement-inset, .territory, .closing-cta { border: 0.15rem solid ButtonText; }
  .growth-line::before, .poll-visual b { background: Highlight; }
}

@media print {
  @page { size: 16in 9in; margin: 0; }
  html, body { background: var(--background); print-color-adjust: exact; -webkit-print-color-adjust: exact; }
  .deck-controls, .overview-dialog, .skip-link, .sr-only { display: none !important; }
  .slide { width: 16in; min-height: 9in; height: 9in; padding: 0.72in 0.94in; break-after: page; page-break-after: always; overflow: hidden; }
  .slide:last-child { break-after: auto; page-break-after: auto; }
  .split-visual { min-height: 9in; }
}