@font-face {
  font-family: "Inter FireDash";
  src: url("assets/fonts/inter-latin-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  color-scheme: dark;
  --font-sans: "Inter FireDash", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --canvas: #070a0e;
  --canvas-rgb: 7 10 14;
  --surface-1: #0c1118;
  --surface-2: #111821;
  --surface-3: #18212c;
  --surface-glass: rgb(10 15 21 / 76%);
  --text: #f4f6f8;
  --text-soft: #b7c0ca;
  --text-muted: #778493;
  --line: rgb(255 255 255 / 11%);
  --line-strong: rgb(255 255 255 / 20%);
  --accent: #ff3b2f;
  --accent-2: #ff8a2f;
  --accent-soft: rgb(255 59 47 / 13%);
  --info: #47b8ff;
  --success: #25c484;
  --warning: #ffb547;
  --critical: #ff4d3f;
  --shadow: 0 30px 80px rgb(0 0 0 / 42%);
  --shadow-soft: 0 18px 44px rgb(0 0 0 / 24%);
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-xl: 32px;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --header-h: 72px;
  --footer-h: 70px;
  --gutter: clamp(28px, 5vw, 104px);
  --content-max: 1720px;
}

:root[data-theme="light"] {
  color-scheme: light;
  --canvas: #eef2f5;
  --canvas-rgb: 238 242 245;
  --surface-1: #ffffff;
  --surface-2: #e5eaee;
  --surface-3: #d5dde3;
  --surface-glass: rgb(255 255 255 / 90%);
  --text: #111820;
  --text-soft: #35414d;
  --text-muted: #62707d;
  --line: rgb(17 32 44 / 13%);
  --line-strong: rgb(17 32 44 / 24%);
  --accent: #c92d25;
  --accent-2: #d86422;
  --accent-soft: rgb(201 45 37 / 9%);
  --info: #126d98;
  --success: #126b49;
  --warning: #86520c;
  --critical: #ae2922;
  --shadow: 0 28px 76px rgb(18 34 47 / 14%);
  --shadow-soft: 0 14px 34px rgb(18 34 47 / 9%);
}

*, *::before, *::after { box-sizing: border-box; }

html, body { width: 100%; height: 100%; margin: 0; min-height: 100%; }

html { background: var(--canvas); scroll-behavior: auto; }

body {
  overflow: hidden;
  font-family: var(--font-sans);
  background: var(--canvas);
  color: var(--text);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

button, a, input, textarea, select { font: inherit; }
button { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
img { display: block; max-width: 100%; }
.icon-sprite { position: fixed; width: 0; height: 0; overflow: hidden; }

button:focus-visible, a:focus-visible, [tabindex]:focus-visible {
  outline: 3px solid #ff7066;
  outline: 3px solid color-mix(in srgb, var(--accent), white 18%);
  outline-offset: 4px;
}

.skip-link {
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 1000;
  transform: translateY(-140%);
  padding: 10px 14px;
  border-radius: 8px;
  background: var(--surface-1);
  color: var(--text);
  text-decoration: none;
  box-shadow: var(--shadow-soft);
}
.skip-link:focus { transform: translateY(0); }

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.ambient-canvas,
.ambient-wash,
.ambient-grain {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.ambient-canvas { z-index: 0; opacity: .72; }
.ambient-wash {
  z-index: 0;
  background:
    radial-gradient(circle at 84% 18%, rgb(255 72 45 / 8%), transparent 32%),
    radial-gradient(circle at 12% 84%, rgb(38 118 170 / 7%), transparent 36%),
    linear-gradient(112deg, transparent 0 43%, rgb(255 255 255 / 1.5%) 43.2% 43.35%, transparent 43.6%);
  transition: background 700ms var(--ease-out), opacity 500ms ease;
}
.ambient-grain {
  z-index: 1;
  opacity: .045;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
  mix-blend-mode: soft-light;
}
:root[data-theme="light"] .ambient-canvas { opacity: .17; }
:root[data-theme="light"] .ambient-grain { opacity: .018; mix-blend-mode: multiply; }
:root[data-theme="light"] .ambient-wash {
  background:
    radial-gradient(circle at 86% 15%, rgb(205 57 43 / 8%), transparent 29%),
    radial-gradient(circle at 10% 88%, rgb(30 111 152 / 7%), transparent 34%),
    linear-gradient(112deg, transparent 0 43%, rgb(23 25 29 / 1.5%) 43.2% 43.35%, transparent 43.6%);
}
body[data-scene="network"] .ambient-wash { background: radial-gradient(circle at 78% 42%, rgb(45 149 198 / 13%), transparent 31%), radial-gradient(circle at 18% 72%, rgb(255 82 46 / 7%), transparent 34%); }
body[data-scene="secure"] .ambient-wash { background: radial-gradient(circle at 52% 56%, rgb(37 196 132 / 10%), transparent 31%), radial-gradient(circle at 88% 16%, rgb(255 82 46 / 6%), transparent 26%); }
body[data-scene="resources"] .ambient-wash { background: radial-gradient(circle at 76% 28%, rgb(62 164 214 / 12%), transparent 29%), radial-gradient(circle at 18% 82%, rgb(255 138 47 / 7%), transparent 32%); }
:root[data-theme="light"] body[data-scene="network"] .ambient-wash { background: radial-gradient(circle at 78% 42%, rgb(18 111 158 / 12%), transparent 31%), radial-gradient(circle at 18% 72%, rgb(201 45 37 / 8%), transparent 34%); }
:root[data-theme="light"] body[data-scene="secure"] .ambient-wash { background: radial-gradient(circle at 52% 56%, rgb(20 112 77 / 10%), transparent 31%), radial-gradient(circle at 88% 16%, rgb(201 45 37 / 7%), transparent 26%); }

.deck-header {
  position: fixed;
  z-index: 80;
  top: 0;
  left: 0;
  right: 0;
  height: var(--header-h);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 24px;
  padding: 0 clamp(18px, 2.8vw, 54px);
  border-bottom: 1px solid var(--line);
  background: color-mix(in srgb, var(--canvas) 76%, transparent);
  backdrop-filter: blur(22px) saturate(135%);
  -webkit-backdrop-filter: blur(22px) saturate(135%);
  transition: background 300ms ease, border-color 300ms ease;
}

.deck-brand {
  justify-self: start;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--text);
  text-decoration: none;
}
.deck-brand__mark {
  position: relative;
  display: grid;
  place-items: center;
  width: 36px;
  height: 42px;
  overflow: hidden;
}
.deck-brand__mark img { width: 33px; height: auto; filter: drop-shadow(0 5px 14px rgb(255 54 30 / 28%)); }
.deck-brand__name { font-size: 16px; font-weight: 780; letter-spacing: -.035em; }
.deck-brand__meta {
  margin-left: 4px;
  padding-left: 14px;
  border-left: 1px solid var(--line-strong);
  color: var(--text-muted);
  font-size: 11px;
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: .08em;
}

.deck-status {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--text-soft);
  font-size: 11px;
  font-weight: 680;
  text-transform: uppercase;
  letter-spacing: .12em;
}
.status-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--success); box-shadow: 0 0 0 5px color-mix(in srgb, var(--success) 13%, transparent); }
.deck-tools { justify-self: end; display: flex; align-items: center; gap: 4px; }

.icon-button,
.nav-button {
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  cursor: pointer;
  transition: background 180ms ease, border-color 180ms ease, transform 180ms ease;
}
.icon-button:hover, .nav-button:hover { background: var(--surface-2); border-color: var(--line); }
.icon-button:active, .nav-button:active { transform: translateY(1px); }
.icon-button svg, .nav-button svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
#overviewButton svg path, .icon-pause path, .icon-play path { fill: currentColor; stroke: none; }
.icon-play, .icon-moon { display: none; }
:root[data-motion="paused"] .icon-pause { display: none; }
:root[data-motion="paused"] .icon-play { display: block; }
:root[data-theme="light"] .icon-sun { display: none; }
:root[data-theme="light"] .icon-moon { display: block; }

.deck {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100vh;
  height: var(--deck-height, 100svh);
  overflow: hidden;
}

.deck-track {
  display: flex;
  width: max-content;
  height: 100%;
  will-change: transform;
  transform: translate3d(0, 0, 0);
  transition: transform 780ms var(--ease-out);
}

.slide {
  position: relative;
  flex: 0 0 var(--deck-width, 100vw);
  width: var(--deck-width, 100vw);
  height: 100vh;
  height: var(--deck-height, 100svh);
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--line-strong) transparent;
  isolation: isolate;
}
.slide::before {
  content: "";
  position: absolute;
  inset: var(--header-h) 0 var(--footer-h);
  z-index: -1;
  opacity: .3;
  background-image: linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);
  background-size: 80px 80px;
  mask-image: linear-gradient(to bottom, transparent, #000 16%, #000 78%, transparent);
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 16%, #000 78%, transparent);
}
.slide::after {
  content: attr(data-title);
  position: absolute;
  z-index: -1;
  right: clamp(24px, 4vw, 76px);
  bottom: calc(var(--footer-h) + 18px);
  color: color-mix(in srgb, var(--text) 2.5%, transparent);
  font-size: clamp(54px, 7vw, 132px);
  font-weight: 800;
  letter-spacing: -.07em;
  white-space: nowrap;
  pointer-events: none;
}
:root[data-theme="light"] .slide::before { opacity: .18; }
:root[data-theme="light"] .slide::after { color: rgb(23 25 29 / 3.5%); }
:root[data-build="v4"] .slide::after { display: none; }
:root[data-theme="light"] .deck-header,
:root[data-theme="light"] .deck-footer { background: rgb(238 242 245 / 90%); box-shadow: 0 8px 30px rgb(18 34 47 / 6%); }

.slide__inner {
  position: relative;
  width: min(100%, var(--content-max));
  min-height: 100%;
  margin: 0 auto;
  padding: calc(var(--header-h) + clamp(34px, 5vh, 70px)) var(--gutter) calc(var(--footer-h) + clamp(28px, 4vh, 54px));
}

.eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 20px;
  color: var(--text-muted);
  font-family: var(--font-mono);
  font-size: clamp(10px, .72vw, 13px);
  line-height: 1.4;
  font-weight: 650;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.eyebrow__index { color: var(--accent); }
.eyebrow__index::after { content: ""; display: inline-block; width: 30px; height: 1px; margin-left: 11px; vertical-align: middle; background: currentColor; opacity: .72; }

h1, h2, h3, p { text-wrap: pretty; }
h1, h2, h3 { margin: 0; }
h1, h2 { font-weight: 580; line-height: .98; letter-spacing: -.055em; }
h1 { max-width: 1050px; font-size: clamp(54px, 6.15vw, 118px); }
h2 { font-size: clamp(44px, 4.7vw, 88px); }
h1 em, h2 em { color: var(--accent); font-style: normal; font-weight: 720; }
h3 { letter-spacing: -.035em; }

.section-heading { max-width: 820px; }
.section-heading > p:last-child,
.lede {
  max-width: 720px;
  margin: 26px 0 0;
  color: var(--text-soft);
  font-size: clamp(16px, 1.3vw, 24px);
  line-height: 1.55;
}
.section-heading--wide { max-width: 1200px; }
.section-heading--inline {
  max-width: none;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
  align-items: end;
  gap: 70px;
}
.section-heading--inline > p:last-child { margin-bottom: 6px; }

.reveal { opacity: 1; transform: none; }
.slide.is-active .reveal { animation: reveal-in 780ms var(--ease-out) forwards; }
.slide.is-active .reveal--delay { animation-delay: 130ms; }
.slide.is-active .reveal--delay-2 { animation-delay: 240ms; }
@keyframes reveal-in {
  from { opacity: 0; transform: translate3d(0, 22px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

.speaker-notes { display: none; }

/* Cover */
.slide--cover, .slide--closing { --text: #f7f8fa; --text-soft: #c6cdd4; --text-muted: #8d98a3; --line: rgb(255 255 255 / 12%); --line-strong: rgb(255 255 255 / 20%); color: var(--text); }
.slide--cover::before, .slide--closing::before { display: none; }
.cover-image, .closing-bg {
  position: absolute;
  inset: 0;
  z-index: -2;
  overflow: hidden;
  background: linear-gradient(90deg, rgb(4 7 10 / 98%) 0%, rgb(4 7 10 / 84%) 43%, rgb(4 7 10 / 37%) 74%, rgb(4 7 10 / 72%) 100%), url("assets/brand/operations-center-v3.jpg") 50% 50% / cover no-repeat;
  transform: translateZ(0);
}
.cover-image::before, .closing-bg::before {
  content: "";
  position: absolute;
  inset: -22%;
  background: radial-gradient(ellipse at 73% 45%, rgb(78 176 225 / 10%), transparent 22%), linear-gradient(112deg, transparent 42%, rgb(255 113 59 / 7%) 49%, transparent 56%);
  animation: scene-light-drift 14s ease-in-out infinite alternate;
  will-change: opacity, transform;
}
.cover-image::after, .closing-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgb(0 0 0 / 24%), transparent 35%, rgb(0 0 0 / 72%));
}
@keyframes scene-light-drift {
  from { opacity: .48; transform: translate3d(-1.2%, .4%, 0); }
  to { opacity: .88; transform: translate3d(1.2%, -.4%, 0); }
}
.slide__inner--cover {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(350px, .8fr);
  align-items: end;
  gap: 80px;
}
.cover-copy { align-self: center; padding-top: 4vh; }
.cover-copy h1 em { display: block; }
.cover-actions { display: flex; align-items: center; gap: 24px; margin-top: 38px; }
.text-button {
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding: 0 20px;
  border: 1px solid var(--line-strong);
  border-radius: 9px;
  background: rgb(255 255 255 / 4%);
  color: var(--text);
  font-size: 14px;
  font-weight: 680;
  cursor: pointer;
}
.text-button--primary { border-color: var(--accent); background: var(--accent); color: white; box-shadow: 0 12px 34px rgb(255 57 44 / 24%); }
.text-button:hover { transform: translateY(-1px); }
.key-hint { color: var(--text-muted); font-size: 12px; }
kbd { min-width: 24px; display: inline-grid; place-items: center; margin: 0 2px; padding: 3px 5px; border: 1px solid var(--line-strong); border-bottom-width: 2px; border-radius: 5px; background: rgb(255 255 255 / 5%); font-family: var(--font-mono); font-size: 10px; }
.cover-proof { align-self: end; margin-bottom: 5px; }
.live-tag { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 16px; color: var(--text-soft); font-size: 11px; font-weight: 650; letter-spacing: .08em; text-transform: uppercase; }
.live-tag > span, .live-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--success); box-shadow: 0 0 0 6px rgb(37 196 132 / 12%); }
.signal-grid { display: grid; grid-template-columns: 1fr 1fr; margin: 0; border-top: 1px solid var(--line-strong); border-left: 1px solid var(--line-strong); background: rgb(3 7 11 / 46%); backdrop-filter: blur(14px); }
.signal-grid > div { min-height: 102px; padding: 20px; border-right: 1px solid var(--line-strong); border-bottom: 1px solid var(--line-strong); }
.signal-grid dt { color: white; font-size: clamp(17px, 1.4vw, 26px); font-weight: 700; letter-spacing: -.04em; }
.signal-grid dd { margin: 7px 0 0; color: var(--text-muted); font-size: 11px; line-height: 1.35; text-transform: uppercase; letter-spacing: .06em; }

/* Problem */
.friction-layout { display: grid; grid-template-columns: minmax(500px, .9fr) minmax(440px, 1.1fr); gap: clamp(56px, 7vw, 130px); align-items: center; margin-top: clamp(34px, 5vh, 66px); }
[data-slide="02"] .section-heading { max-width: 1200px; }
[data-slide="02"] .section-heading h2 { font-size: clamp(44px, 4.15vw, 78px); }
.friction-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.friction-list li { display: grid; grid-template-columns: 48px 1fr; gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.friction-list li > span { color: var(--accent); font-family: var(--font-mono); font-size: 11px; padding-top: 4px; }
.friction-list strong { display: block; font-size: clamp(15px, 1.1vw, 20px); }
.friction-list p { margin: 5px 0 0; color: var(--text-muted); font-size: clamp(12px, .85vw, 15px); line-height: 1.45; }
.fragmentation-visual { position: relative; min-height: 392px; display: grid; grid-template-columns: minmax(270px, .92fr) minmax(240px, 1.08fr); gap: 20px; padding: 18px; border: 1px solid var(--line-strong); border-radius: var(--radius-lg); background: color-mix(in srgb, var(--surface-1) 68%, transparent); box-shadow: var(--shadow-soft); }
.source-grid { display: grid; grid-template-rows: repeat(4, 1fr); gap: 8px; }
.source-grid article { position: relative; min-width: 0; display: grid; grid-template-columns: 42px 1fr; align-items: center; gap: 12px; padding: 11px 13px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-1); }
.source-grid article::after { content: ""; position: absolute; right: -21px; top: 50%; width: 20px; border-top: 1px dashed var(--line-strong); }
.source-grid svg { width: 38px; height: 38px; padding: 8px; border-radius: 9px; background: var(--surface-2); fill: none; stroke: var(--accent); stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }
.source-grid span { min-width: 0; display: grid; grid-template-columns: 1fr auto; align-items: baseline; gap: 2px 8px; }
.source-grid small { grid-column: 1 / -1; color: var(--text-muted); font-family: var(--font-mono); font-size: 8px; text-transform: uppercase; letter-spacing: .09em; }
.source-grid strong { font-size: 13px; }.source-grid em { overflow: hidden; color: var(--text-muted); font-family: var(--font-mono); font-size: 8px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.context-gap { position: relative; display: flex; flex-direction: column; justify-content: center; padding: clamp(20px, 2vw, 34px); overflow: hidden; border: 1px solid color-mix(in srgb, var(--accent) 52%, var(--line)); border-radius: 14px; background: radial-gradient(circle at 80% 15%, var(--accent-soft), transparent 42%), var(--surface-1); }
.context-gap::after { content: ""; position: absolute; right: -90px; bottom: -100px; width: 250px; height: 250px; border: 1px dashed var(--line-strong); border-radius: 50%; animation: slow-spin 34s linear infinite; }
.context-gap__icon { width: 48px; height: 48px; display: grid; place-items: center; margin-bottom: 22px; border: 1px solid var(--line-strong); border-radius: 12px; background: var(--accent-soft); }
.context-gap__icon svg { width: 25px; height: 25px; fill: none; stroke: var(--accent); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.context-gap > small { color: var(--accent); font-family: var(--font-mono); font-size: 8px; text-transform: uppercase; letter-spacing: .11em; }
.context-gap > strong { margin-top: 9px; font-size: clamp(21px, 1.7vw, 30px); line-height: 1.05; letter-spacing: -.04em; }
.context-gap > p { max-width: 31ch; margin: 12px 0 0; color: var(--text-muted); font-size: 11px; line-height: 1.5; }
.context-gap > div { position: relative; z-index: 2; display: grid; grid-template-columns: 28px 1fr; align-items: center; gap: 10px; margin-top: 24px; padding-top: 14px; border-top: 1px solid var(--line); }
.context-gap > div > svg { width: 25px; height: 25px; fill: none; stroke: var(--warning); stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }.context-gap > div span { display: flex; flex-direction: column; gap: 3px; }.context-gap > div b { font-size: 10px; }.context-gap > div small { color: var(--text-muted); font-size: 8px; }

/* Flow */
.operation-flow { display: grid; grid-template-columns: repeat(6, 1fr); margin-top: clamp(42px, 6vh, 72px); border-top: 1px solid var(--line-strong); }
.operation-flow article { position: relative; min-width: 0; padding: 27px 18px 24px 0; border-bottom: 1px solid var(--line); }
.operation-flow article::before { content: ""; position: absolute; top: -4px; left: 0; width: 7px; height: 7px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 6px var(--accent-soft); }
.operation-flow article:not(:last-child)::after { content: "→"; position: absolute; top: 39px; right: 13px; color: var(--line-strong); }
.operation-flow span { color: var(--text-muted); font-family: var(--font-mono); font-size: 10px; }
.operation-flow article > svg { width: 42px; height: 42px; display: block; margin-top: 18px; padding: 9px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-1); fill: none; stroke: var(--accent); stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }
.operation-flow strong { display: block; margin-top: 14px; font-size: clamp(16px, 1.15vw, 21px); }
.operation-flow p { margin: 7px 0 0; max-width: 175px; color: var(--text-muted); font-size: 10px; line-height: 1.45; }
.solution-proof { display: grid; grid-template-columns: .86fr 1.14fr; gap: 70px; align-items: end; margin-top: clamp(34px, 5vh, 62px); }
.solution-proof blockquote { margin: 0; color: var(--text); font-size: clamp(22px, 2.1vw, 38px); font-weight: 580; letter-spacing: -.04em; }
.solution-proof blockquote small { display: block; margin-bottom: 10px; color: var(--accent); font-family: var(--font-mono); font-size: 8px; font-weight: 650; text-transform: uppercase; letter-spacing: .12em; }
.solution-proof > div { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.solution-proof > div span { display: inline-flex; align-items: center; gap: 7px; padding: 9px 11px; border: 1px solid var(--line); color: var(--text-soft); font-size: 9px; text-transform: uppercase; letter-spacing: .07em; }
.solution-proof > div svg { width: 15px; height: 15px; fill: none; stroke: var(--accent); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }

.capability-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin-top: clamp(34px, 5vh, 58px);
  border: 1px solid var(--line-strong);
  background: var(--line);
  box-shadow: var(--shadow-soft);
}
.capability-grid article {
  position: relative;
  min-height: 190px;
  display: grid;
  grid-template-columns: 66px minmax(0, 1fr);
  align-items: center;
  gap: 22px;
  padding: clamp(22px, 2vw, 34px);
  background: var(--surface-1);
}
.capability-grid article:nth-child(3),
.capability-grid article:nth-child(5) { background: linear-gradient(135deg, var(--surface-1), var(--accent-soft)); }
.capability-grid article > span { position: absolute; top: 14px; right: 16px; color: var(--text-muted); font-family: var(--font-mono); font-size: 9px; }
.capability-grid article > svg { width: 62px; height: 62px; padding: 14px; border: 1px solid var(--line-strong); border-radius: 16px; background: var(--accent-soft); fill: none; stroke: var(--accent); stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }
.capability-grid strong { display: block; font-size: clamp(20px, 1.5vw, 28px); letter-spacing: -.035em; }
.capability-grid p { margin: 9px 0 0; color: var(--text-muted); font-size: 12px; line-height: 1.5; }
.capability-thesis { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: clamp(24px, 3.5vh, 42px); color: var(--text-muted); font-size: 11px; text-transform: uppercase; letter-spacing: .07em; }
.capability-thesis i { width: clamp(30px, 4vw, 80px); height: 1px; background: var(--line-strong); }
.capability-thesis strong { color: var(--accent); font-weight: 720; }

/* Product screens */
.slide__inner--product { display: grid; grid-template-columns: minmax(340px, .64fr) minmax(620px, 1.36fr); gap: clamp(54px, 6vw, 110px); align-items: center; }
.compact-facts { margin: 38px 0 0; border-top: 1px solid var(--line); }
.compact-facts > div { display: grid; grid-template-columns: 30px 1fr; column-gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--line); }
.compact-facts svg { grid-row: 1 / 3; width: 28px; height: 28px; padding: 5px; border-radius: 7px; background: var(--accent-soft); fill: none; stroke: var(--accent); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.compact-facts dt { color: var(--text); font-size: 13px; font-weight: 680; }
.compact-facts dd { margin: 5px 0 0; color: var(--text-muted); font-size: 12px; line-height: 1.4; }
.product-stage { margin: 0; perspective: 1400px; }
.screen-frame { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; border: 1px solid var(--line-strong); border-radius: var(--radius-md); background: #07101b; box-shadow: var(--shadow); cursor: zoom-in; }
.product-stage .screen-frame { transform: rotateY(-3deg) rotateX(1deg); transform-origin: center; }
.screen-frame img { width: 100%; height: auto; }
.screen-frame::after { content: ""; position: absolute; inset: 0; background: linear-gradient(115deg, rgb(255 255 255 / 8%), transparent 18% 82%, rgb(255 255 255 / 4%)); pointer-events: none; }
.screen-frame__bar { position: absolute; top: 0; left: 0; right: 0; display: flex; align-items: center; gap: 5px; height: 29px; padding: 0 10px; background: rgb(3 7 11 / 84%); border-bottom: 1px solid rgb(255 255 255 / 8%); backdrop-filter: blur(10px); }
.screen-frame__bar i { width: 5px; height: 5px; border-radius: 50%; background: rgb(255 255 255 / 20%); }
.screen-frame__bar b { margin-left: 7px; color: rgb(255 255 255 / 52%); font-family: var(--font-mono); font-size: 8px; font-weight: 500; letter-spacing: .05em; }
.product-stage figcaption { display: flex; align-items: center; gap: 10px; margin-top: 16px; color: var(--text-muted); font-size: 11px; }
.product-stage--capture { min-width: 0; }
.product-capture { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; border: 1px solid var(--line-strong); border-radius: var(--radius-md); background: #07111a; color: #f7f9fb; box-shadow: var(--shadow); cursor: zoom-in; text-align: left; }
.product-capture::after { content: ""; position: absolute; inset: 0; border: 1px solid rgb(255 255 255 / 7%); border-radius: inherit; pointer-events: none; }
.product-capture img { width: 100%; aspect-ratio: 1.347; object-fit: cover; object-position: top center; transition: transform 520ms var(--ease-out); }
.product-capture:hover img { transform: scale(1.015); }
.product-capture__status, .product-capture__zoom { position: absolute; z-index: 2; display: inline-flex; align-items: center; gap: 8px; padding: 8px 10px; border: 1px solid rgb(255 255 255 / 14%); border-radius: 7px; background: rgb(3 8 12 / 82%); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); color: rgb(255 255 255 / 72%); font-family: var(--font-mono); font-size: 8px; text-transform: uppercase; letter-spacing: .07em; }
.product-capture__status { top: 14px; left: 14px; }
.product-capture__status i { width: 6px; height: 6px; border-radius: 50%; background: var(--success); box-shadow: 0 0 0 5px rgb(37 196 132 / 12%); }
.product-capture__zoom { right: 14px; bottom: 14px; }
.product-capture__zoom svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }

/* HTML-native product visualizations */
.live-console {
  overflow: hidden;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius-md);
  background: #09111b;
  color: #edf3f7;
  box-shadow: var(--shadow);
  transform: rotateY(-2.5deg) rotateX(.8deg);
  transform-origin: center;
}
.live-console__header { height: 42px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 22px; padding: 0 14px; border-bottom: 1px solid rgb(255 255 255 / 8%); background: #0d1723; }
.live-console__header > span { display: flex; align-items: center; gap: 7px; font-size: 10px; font-weight: 760; }.live-console__header > span img { width: 14px; height: 18px; object-fit: contain; }.live-console__header nav { display: flex; align-items: center; gap: 18px; color: rgb(255 255 255 / 34%); font-size: 7px; text-transform: uppercase; letter-spacing: .07em; }.live-console__header nav b { color: #fff; }.live-console__header > small { display: flex; align-items: center; gap: 7px; color: rgb(255 255 255 / 48%); font-size: 7px; }.live-console__header > small em { width: 5px; height: 5px; border-radius: 50%; background: #25c484; box-shadow: 0 0 0 4px rgb(37 196 132 / 10%); }
.live-console__kpis { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; padding: 10px; background: rgb(255 255 255 / 4%); }.live-console__kpis > span { min-height: 70px; display: grid; grid-template-columns: 1fr auto; align-content: center; gap: 5px 8px; padding: 10px 11px; background: #101b28; border: 1px solid rgb(255 255 255 / 6%); }.live-console__kpis small { grid-column: 1 / -1; color: rgb(255 255 255 / 40%); font-size: 6px; text-transform: uppercase; letter-spacing: .07em; }.live-console__kpis b { font-family: var(--font-mono); font-size: 18px; letter-spacing: -.05em; }.live-console__kpis i { align-self: end; color: #51ca95; font-size: 6px; font-style: normal; text-align: right; }
.live-console__body { display: grid; grid-template-columns: minmax(0, 1fr) 195px; min-height: 390px; padding: 0 10px 10px; gap: 10px; }
.live-map { position: relative; overflow: hidden; min-height: 390px; border: 1px solid rgb(255 255 255 / 7%); background: #0a121b url("assets/brand/tactical-map.svg") center / cover no-repeat; }
.live-map::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 63% 41%, rgb(255 55 38 / 24%), transparent 19%), linear-gradient(135deg, rgb(6 13 21 / 9%), rgb(6 13 21 / 78%)); }.live-map__grid { position: absolute; inset: 0; background-image: linear-gradient(rgb(255 255 255 / 3%) 1px, transparent 1px), linear-gradient(90deg, rgb(255 255 255 / 3%) 1px, transparent 1px); background-size: 38px 38px; }.live-map__scan { position: absolute; left: 65%; top: 43%; width: 430px; aspect-ratio: 1; border-radius: 50%; transform: translate(-50%, -50%); background: conic-gradient(transparent 0 84%, rgb(255 76 46 / 14%) 100%); animation: slow-spin 11s linear infinite; }
.live-map > svg { position: absolute; inset: 0; width: 100%; height: 100%; }.live-map > svg path { fill: none; stroke: rgb(73 176 220 / 22%); stroke-width: 1.2; stroke-dasharray: 5 7; }
.map-zone { position: absolute; border: 1px solid rgb(255 83 50 / 24%); border-radius: 50%; background: radial-gradient(circle, rgb(255 72 43 / 13%), transparent 65%); }.map-zone--a { width: 170px; height: 130px; left: 51%; top: 24%; transform: rotate(-12deg); }.map-zone--b { width: 120px; height: 95px; left: 25%; top: 56%; border-color: rgb(255 171 62 / 20%); background: radial-gradient(circle, rgb(255 171 62 / 10%), transparent 65%); }
.map-marker, .map-unit { position: absolute; z-index: 3; }.map-marker { min-width: 88px; padding: 7px 8px 7px 14px; border: 1px solid rgb(255 255 255 / 13%); background: rgb(6 10 15 / 80%); backdrop-filter: blur(7px); }.map-marker > i { position: absolute; left: -5px; top: calc(50% - 5px); width: 9px; height: 9px; border-radius: 50%; background: #ff493a; box-shadow: 0 0 0 7px rgb(255 73 58 / 13%); }.map-marker b { display: block; font-family: var(--font-mono); font-size: 7px; }.map-marker small { display: block; margin-top: 3px; color: rgb(255 255 255 / 42%); font-size: 6px; }.map-marker--critical { left: 61%; top: 33%; }.map-marker--warning { left: 26%; top: 58%; }.map-marker--warning > i { background: #ffae42; box-shadow: 0 0 0 7px rgb(255 174 66 / 11%); }
.map-unit { padding: 5px 7px; border: 1px solid rgb(80 184 231 / 37%); background: rgb(5 24 35 / 84%); color: #79d6ff; font-family: var(--font-mono); font-size: 6px; }.map-unit--1 { left: 16%; top: 28%; }.map-unit--2 { right: 19%; bottom: 27%; }.map-unit--3 { left: 44%; bottom: 20%; }
.live-map footer { position: absolute; z-index: 4; left: 10px; right: 10px; bottom: 9px; display: flex; gap: 13px; padding: 7px 9px; background: rgb(6 11 17 / 74%); color: rgb(255 255 255 / 45%); font-size: 6px; }.live-map footer span { display: flex; align-items: center; gap: 5px; }.live-map footer span:last-child { margin-left: auto; }
.legend-critical, .legend-resource, .legend-warning { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #ff493a; }.legend-resource { background: #52bce9; }.legend-warning { background: #ffae42; }
.live-queue { border: 1px solid rgb(255 255 255 / 7%); background: #0d1722; }.live-queue > header { height: 37px; display: flex; align-items: center; justify-content: space-between; padding: 0 11px; border-bottom: 1px solid rgb(255 255 255 / 7%); font-size: 8px; }.live-queue > header span { min-width: 20px; padding: 3px 5px; background: rgb(255 255 255 / 5%); color: rgb(255 255 255 / 55%); font-family: var(--font-mono); text-align: center; }.live-queue article { display: grid; grid-template-columns: 5px 1fr auto; gap: 8px; align-items: center; padding: 12px 9px; border-bottom: 1px solid rgb(255 255 255 / 6%); }.live-queue article > i, .alerts-panel article > i { width: 4px; height: 28px; border-radius: 2px; }.tone-critical { background: #ff493a; }.tone-warning { background: #ffae42; }.tone-info { background: #4dbcf0; }.tone-neutral { background: #718195; }.live-queue article b { display: block; font-size: 7px; }.live-queue article small { display: block; margin-top: 4px; color: rgb(255 255 255 / 36%); font-size: 6px; }.live-queue time { color: rgb(255 255 255 / 45%); font-family: var(--font-mono); font-size: 6px; }

.command-stage { display: grid; grid-template-columns: 1.08fr .92fr; gap: 18px; margin-top: clamp(32px, 4.2vh, 54px); }
.command-map, .dispatch-board { min-width: 0; overflow: hidden; border: 1px solid var(--line-strong); border-radius: var(--radius-sm); background: #09121c; color: #edf3f7; box-shadow: var(--shadow-soft); }
.command-map > header, .dispatch-board > header { height: 40px; display: flex; align-items: center; justify-content: space-between; padding: 0 13px; border-bottom: 1px solid rgb(255 255 255 / 7%); background: #0f1925; font-size: 9px; font-weight: 700; }.command-map > header div { display: flex; gap: 5px; }.command-map > header i { padding: 4px 6px; border: 1px solid rgb(255 255 255 / 8%); color: rgb(255 255 255 / 40%); font-size: 6px; font-style: normal; font-weight: 500; }.command-map > header i:nth-child(2), .command-map > header i:nth-child(3) { border-color: rgb(255 77 53 / 28%); color: #ff8b72; background: rgb(255 77 53 / 8%); }
.command-map__canvas { position: relative; height: 350px; overflow: hidden; background: #09131c url("assets/brand/tactical-map.svg") center / cover no-repeat; }.command-map__canvas::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 62% 43%, rgb(255 68 38 / 24%), transparent 21%), linear-gradient(120deg, rgb(3 12 19 / 8%), rgb(3 12 19 / 72%)); }.topography { position: absolute; inset: 0; background-image: repeating-radial-gradient(ellipse at 60% 45%, transparent 0 38px, rgb(255 255 255 / 2.5%) 39px 40px); transform: scale(1.4); }.command-map__canvas svg { position: absolute; inset: 0; width: 100%; height: 100%; }.command-map__canvas svg path { fill: none; stroke: rgb(76 180 225 / 20%); stroke-width: 1.4; stroke-dasharray: 5 8; }.heat { position: absolute; width: 90px; aspect-ratio: 1; border-radius: 50%; filter: blur(1px); background: radial-gradient(circle, rgb(255 53 30 / 31%), rgb(255 95 31 / 9%) 35%, transparent 68%); animation: heat-pulse 3.8s ease-in-out infinite; }.heat--1 { left: 57%; top: 27%; }.heat--2 { left: 23%; top: 55%; width: 70px; animation-delay: -1.2s; }.heat--3 { right: 9%; bottom: 8%; width: 54px; animation-delay: -2.1s; }
.command-pin, .command-unit { position: absolute; z-index: 3; font-family: var(--font-mono); }.command-pin { display: flex; align-items: center; gap: 6px; padding: 6px 8px; border: 1px solid rgb(255 255 255 / 14%); background: rgb(5 10 15 / 80%); font-size: 7px; }.command-pin i { width: 6px; height: 6px; border-radius: 50%; background: #ff4a37; box-shadow: 0 0 0 5px rgb(255 74 55 / 13%); }.command-pin--1 { left: 57%; top: 35%; }.command-pin--2 { left: 23%; top: 62%; }.command-pin--2 i { background: #ffad42; box-shadow: 0 0 0 5px rgb(255 173 66 / 10%); }.command-unit { padding: 5px 7px; border: 1px solid rgb(79 182 228 / 40%); background: rgb(4 22 33 / 85%); color: #78d5ff; font-size: 6px; }.command-unit--1 { left: 12%; top: 28%; }.command-unit--2 { right: 17%; bottom: 20%; }.command-unit--3 { left: 46%; bottom: 15%; }
.command-map > footer { height: 35px; display: flex; align-items: center; gap: 13px; padding: 0 12px; border-top: 1px solid rgb(255 255 255 / 7%); color: rgb(255 255 255 / 42%); font-size: 6px; }.command-map > footer span { display: flex; align-items: center; gap: 5px; }.command-map > footer b { margin-left: auto; font-family: var(--font-mono); font-size: 6px; font-weight: 500; }
.dispatch-board > header b { display: flex; align-items: center; gap: 6px; color: rgb(255 255 255 / 47%); font-family: var(--font-mono); font-size: 6px; font-weight: 500; }.dispatch-board > header b i { width: 5px; height: 5px; border-radius: 50%; background: #25c484; }
.dispatch-columns { display: grid; grid-template-columns: repeat(4, minmax(110px, 1fr)); gap: 6px; height: 385px; padding: 8px; overflow: hidden; }.dispatch-columns section { min-width: 0; padding: 7px; border: 1px solid rgb(255 255 255 / 6%); background: #0c1621; }.dispatch-columns h3 { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; padding-bottom: 7px; border-bottom: 1px solid rgb(255 255 255 / 6%); font-size: 7px; letter-spacing: 0; }.dispatch-columns h3 b { color: rgb(255 255 255 / 38%); font-family: var(--font-mono); font-size: 6px; }.dispatch-card { position: relative; margin-bottom: 6px; padding: 9px 8px; border: 1px solid rgb(255 255 255 / 7%); border-left: 2px solid #4aa9d4; background: #101c28; }.dispatch-card.is-critical { border-left-color: #ff493a; }.dispatch-card.is-warning { border-left-color: #ffad42; }.dispatch-card small { color: rgb(255 255 255 / 35%); font-family: var(--font-mono); font-size: 5px; }.dispatch-card strong { display: block; margin-top: 7px; font-size: 7px; line-height: 1.25; }.dispatch-card p { margin: 5px 0 0; color: rgb(255 255 255 / 38%); font-size: 6px; }.dispatch-card > i { display: inline-block; margin-top: 8px; padding: 3px 5px; background: rgb(255 73 58 / 11%); color: #ff8e7e; font-size: 5px; font-style: normal; text-transform: uppercase; }
@keyframes heat-pulse { 0%,100% { transform: scale(.88); opacity: .75; } 50% { transform: scale(1.18); opacity: 1; } }

.resource-panels { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: clamp(34px, 5vh, 62px); }
.resource-panel { min-width: 0; overflow: hidden; border: 1px solid var(--line-strong); border-radius: var(--radius-sm); background: color-mix(in srgb, var(--surface-1) 82%, transparent); box-shadow: var(--shadow-soft); }.resource-panel > header { height: 46px; display: flex; align-items: center; justify-content: space-between; padding: 0 15px; border-bottom: 1px solid var(--line); color: var(--text-muted); font-family: var(--font-mono); font-size: 8px; text-transform: uppercase; letter-spacing: .07em; }.resource-panel > header b { display: flex; align-items: center; gap: 6px; color: var(--text-soft); font-size: 7px; font-weight: 500; }.resource-panel > header b i { width: 5px; height: 5px; border-radius: 50%; background: var(--success); }
.vehicle-schematic { min-height: 245px; display: grid; grid-template-columns: 1fr .78fr; align-items: center; gap: 20px; padding: 24px; }.vehicle-body { position: relative; display: grid; place-items: center; width: 100%; aspect-ratio: 1.45; border: 1px solid var(--line-strong); border-radius: 12px 20px 9px 9px; background: linear-gradient(150deg, var(--surface-3), var(--surface-1)); box-shadow: inset 0 -18px 25px rgb(0 0 0 / 16%); }.vehicle-body::before { content: ""; position: absolute; left: 14%; right: 14%; top: 20%; height: 28%; border-radius: 7px; background: linear-gradient(130deg, rgb(93 164 194 / 28%), rgb(22 42 54 / 70%)); border: 1px solid var(--line); }.vehicle-body > i { position: absolute; bottom: -10px; width: 24px; height: 24px; border: 5px solid var(--surface-3); border-radius: 50%; background: var(--canvas); }.vehicle-body > i:first-child { left: 16%; }.vehicle-body > i:nth-child(2) { right: 16%; }.vehicle-body b { z-index: 1; margin-top: 34%; padding: 4px 7px; background: var(--accent); color: white; font-family: var(--font-mono); font-size: 8px; }
.vehicle-schematic dl { margin: 0; }.vehicle-schematic dl > div { padding: 10px 0; border-top: 1px solid var(--line); }.vehicle-schematic dt { color: var(--text-muted); font-size: 8px; text-transform: uppercase; letter-spacing: .06em; }.vehicle-schematic dd { margin: 5px 0 0; font-size: 11px; font-weight: 650; }
.thermal-feed { position: relative; min-height: 245px; overflow: hidden; background: radial-gradient(circle at 63% 50%, #fffbc1 0 3%, #ffb900 6%, #ff431d 13%, #aa174c 24%, #37136f 38%, #081333 62%); }.thermal-feed::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgb(255 255 255 / 7%) 1px, transparent 1px), linear-gradient(90deg, rgb(255 255 255 / 7%) 1px, transparent 1px); background-size: 28px 28px; }.thermal-blob { position: absolute; left: 18%; bottom: 15%; width: 42%; height: 35%; border-radius: 53% 47% 60% 40%; background: radial-gradient(circle at 62% 40%, #fffaa8, #ff7b20 28%, #d11d46 54%, transparent 70%); filter: blur(5px); animation: thermal-shift 5s ease-in-out infinite; }.thermal-cross { position: absolute; left: 50%; top: 50%; width: 50px; height: 50px; transform: translate(-50%,-50%); border: 1px solid rgb(255 255 255 / 43%); border-radius: 50%; }.thermal-cross::before, .thermal-cross::after { content: ""; position: absolute; background: rgb(255 255 255 / 58%); }.thermal-cross::before { width: 70px; height: 1px; left: -11px; top: 24px; }.thermal-cross::after { width: 1px; height: 70px; left: 24px; top: -11px; }.thermal-data { position: absolute; color: rgb(255 255 255 / 72%); font-family: var(--font-mono); font-size: 7px; }.thermal-data--a { left: 10px; top: 11px; }.thermal-data--b { right: 10px; top: 11px; }.thermal-data--c { right: 10px; bottom: 12px; }.thermal-feed > strong { position: absolute; left: 10px; bottom: 10px; padding: 4px 6px; background: rgb(0 0 0 / 48%); color: white; font-family: var(--font-mono); font-size: 6px; }
.team-roster { min-height: 245px; padding: 18px; }.team-roster > div { display: grid; grid-template-columns: 1fr auto 7px; align-items: center; gap: 10px; padding: 14px 0; border-bottom: 1px solid var(--line); }.team-roster span { font-size: 10px; font-weight: 650; }.team-roster b { color: var(--text-muted); font-family: var(--font-mono); font-size: 8px; }.team-roster i { width: 7px; height: 7px; border-radius: 50%; }.team-roster .ready { background: var(--success); box-shadow: 0 0 0 5px color-mix(in srgb, var(--success) 9%, transparent); }.team-roster .partial { background: var(--warning); box-shadow: 0 0 0 5px color-mix(in srgb, var(--warning) 9%, transparent); }
.resource-panel > footer { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; height: 48px; padding: 0 15px; border-top: 1px solid var(--line); color: var(--text-muted); font-size: 8px; }.resource-panel > footer > i { height: 3px; overflow: hidden; border-radius: 3px; background: var(--surface-3); }.resource-panel > footer > i b { display: block; height: 100%; background: linear-gradient(90deg, var(--accent), var(--accent-2)); }.resource-panel > footer strong { color: var(--text-soft); font-family: var(--font-mono); font-size: 8px; }
@keyframes thermal-shift { 0%,100% { transform: translate(-4px,2px) scale(.96); } 50% { transform: translate(7px,-5px) scale(1.08); } }

.intelligence-console { display: grid; grid-template-columns: 1.15fr .85fr; gap: 12px; }
.weather-panel, .alerts-panel, .report-panel { min-width: 0; overflow: hidden; border: 1px solid var(--line-strong); border-radius: var(--radius-sm); background: color-mix(in srgb, var(--surface-1) 82%, transparent); box-shadow: var(--shadow-soft); }.weather-panel { grid-row: 1 / 3; }.weather-panel > header, .alerts-panel > header, .report-panel > header { min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 0 15px; border-bottom: 1px solid var(--line); }.weather-panel > header div { display: flex; flex-direction: column; gap: 3px; }.weather-panel > header span, .alerts-panel > header span, .report-panel > header span { font-size: 10px; font-weight: 700; }.weather-panel > header small { color: var(--text-muted); font-size: 7px; }.weather-panel > header b { padding: 5px 7px; background: color-mix(in srgb, var(--warning) 11%, transparent); color: var(--warning); font-size: 7px; text-transform: uppercase; letter-spacing: .06em; }
.weather-now { display: grid; grid-template-columns: .7fr 1.3fr; gap: 18px; padding: 24px 20px; }.weather-now > strong { display: flex; flex-direction: column; justify-content: center; font-family: var(--font-mono); font-size: clamp(38px, 4vw, 68px); line-height: 1; letter-spacing: -.08em; }.weather-now > strong small { margin-top: 9px; color: var(--text-muted); font-family: var(--font-sans); font-size: 8px; font-weight: 500; letter-spacing: .02em; }.weather-now dl { display: grid; grid-template-columns: 1fr 1fr; margin: 0; }.weather-now dl > div { padding: 11px; border-left: 1px solid var(--line); border-bottom: 1px solid var(--line); }.weather-now dt { color: var(--text-muted); font-size: 7px; text-transform: uppercase; letter-spacing: .06em; }.weather-now dd { margin: 6px 0 0; font-family: var(--font-mono); font-size: 11px; }
.risk-regions { padding: 0 18px 18px; }.risk-regions > span { display: grid; grid-template-columns: 90px 1fr 52px; align-items: center; gap: 9px; padding: 10px 0; border-top: 1px solid var(--line); }.risk-regions b { font-size: 8px; }.risk-regions > span > i { height: 4px; overflow: hidden; background: var(--surface-3); }.risk-regions > span > i em { display: block; height: 100%; background: linear-gradient(90deg, var(--warning), var(--accent)); }.risk-regions small { color: var(--text-muted); font-size: 7px; text-align: right; }
.alerts-panel > header b, .report-panel > header b { color: var(--text-muted); font-family: var(--font-mono); font-size: 7px; font-weight: 500; }.alerts-panel article { display: grid; grid-template-columns: 4px 1fr auto; align-items: center; gap: 9px; padding: 11px 13px; border-bottom: 1px solid var(--line); }.alerts-panel article > i { height: 24px; }.alerts-panel article b { display: block; font-size: 8px; }.alerts-panel article small { display: block; margin-top: 4px; color: var(--text-muted); font-size: 6px; }.alerts-panel article > span { color: var(--text-muted); font-family: var(--font-mono); font-size: 6px; text-transform: uppercase; }
.report-panel { padding-bottom: 12px; }.report-value { display: flex; align-items: end; justify-content: space-between; padding: 13px 15px 6px; }.report-value strong { font-family: var(--font-mono); font-size: 23px; letter-spacing: -.06em; }.report-value small { color: var(--success); font-size: 6px; }.mini-bars { height: 70px; display: flex; align-items: end; gap: 6px; padding: 8px 15px 0; }.mini-bars i { flex: 1; min-height: 5px; background: color-mix(in srgb, var(--info) 42%, var(--surface-3)); }.mini-bars .is-current { background: var(--accent); }

.proof-console { grid-column: 2; grid-row: 1 / 3; overflow: hidden; border: 1px solid var(--line-strong); border-radius: var(--radius-md); background: color-mix(in srgb, var(--surface-1) 88%, transparent); box-shadow: var(--shadow); }.proof-console > header { height: 58px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; border-bottom: 1px solid var(--line); }.proof-console > header div { display: flex; flex-direction: column; gap: 4px; }.proof-console > header span { font-size: 11px; font-weight: 700; }.proof-console > header small { color: var(--text-muted); font-size: 8px; }.proof-console > header > b { display: flex; align-items: center; gap: 7px; color: var(--success); font-family: var(--font-mono); font-size: 8px; text-transform: uppercase; letter-spacing: .06em; }.proof-console > header > b i { width: 6px; height: 6px; border-radius: 50%; background: var(--success); box-shadow: 0 0 0 5px color-mix(in srgb, var(--success) 10%, transparent); }
.proof-console__score { display: grid; grid-template-columns: 150px 1fr; align-items: center; gap: 24px; padding: 24px 20px; border-bottom: 1px solid var(--line); background: linear-gradient(100deg, var(--accent-soft), transparent); }.proof-console__score > span { display: flex; flex-direction: column; }.proof-console__score > span strong { color: var(--accent); font-size: 42px; line-height: .9; letter-spacing: -.07em; }.proof-console__score > span small { margin-top: 7px; color: var(--text-muted); font-size: 8px; text-transform: uppercase; letter-spacing: .07em; }.proof-console__score > div b { font-size: 11px; }.proof-console__score > div > i { display: block; height: 5px; margin-top: 10px; overflow: hidden; background: var(--surface-3); }.proof-console__score > div > i em { display: block; height: 100%; background: linear-gradient(90deg, var(--accent), var(--accent-2)); }.proof-console__score > div small { display: block; margin-top: 8px; color: var(--text-muted); font-size: 7px; }
.proof-console__timeline { padding: 6px 20px; }.proof-console__timeline article { display: grid; grid-template-columns: 14px 1fr auto; align-items: center; gap: 12px; min-height: 60px; border-bottom: 1px solid var(--line); }.proof-console__timeline article > span { position: relative; width: 9px; height: 9px; border: 1px solid var(--line-strong); border-radius: 50%; background: var(--surface-1); }.proof-console__timeline article > span::after { content: ""; position: absolute; left: 3px; top: 9px; width: 1px; height: 50px; background: var(--line); }.proof-console__timeline article:last-child > span::after { display: none; }.proof-console__timeline .is-done > span { border-color: var(--success); background: var(--success); }.proof-console__timeline .is-current > span { border-color: var(--accent); box-shadow: 0 0 0 5px var(--accent-soft); }.proof-console__timeline article div { display: flex; flex-direction: column; gap: 4px; }.proof-console__timeline small { color: var(--text-muted); font-size: 7px; text-transform: uppercase; letter-spacing: .07em; }.proof-console__timeline b { font-size: 9px; }.proof-console__timeline article > i { color: var(--text-muted); font-family: var(--font-mono); font-size: 7px; font-style: normal; text-transform: uppercase; }.proof-console__timeline .is-done > i { color: var(--success); }.proof-console__timeline .is-current > i { color: var(--accent); }
.proof-console > footer { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); }.proof-console > footer span { padding: 13px 16px; border-right: 1px solid var(--line); color: var(--text-muted); font-size: 7px; }.proof-console > footer span:last-child { border-right: 0; }.proof-console > footer b { display: block; margin-bottom: 4px; color: var(--text); font-family: var(--font-mono); font-size: 11px; }

.duo-stage { display: grid; grid-template-columns: 1.35fr .65fr; gap: clamp(20px, 2.5vw, 40px); align-items: center; margin-top: clamp(32px, 5vh, 64px); }
.duo-stage figure { margin: 0; min-width: 0; }
.duo-stage__secondary .screen-frame img { width: 158%; max-width: none; transform: translateX(-18%); }
.duo-stage figcaption { display: flex; flex-direction: column; gap: 4px; margin-top: 12px; }
.duo-stage figcaption b { font-size: 14px; }
.duo-stage figcaption span { color: var(--text-muted); font-size: 11px; }
.slide-proof-row, .data-source-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 26px; }
[data-slide="05"] .slide__inner { padding-bottom: calc(var(--footer-h) + 16px); }
.slide-proof-row span, .data-source-row span { padding: 8px 11px; border-left: 2px solid var(--accent); background: var(--surface-1); color: var(--text-soft); font-size: 10px; text-transform: uppercase; letter-spacing: .07em; }

/* Modules */
.module-matrix { display: grid; grid-template-columns: repeat(6, 1fr); margin-top: clamp(34px, 5vh, 68px); border-top: 1px solid var(--line-strong); border-left: 1px solid var(--line); }
.module-matrix article { min-width: 0; padding: 24px clamp(14px, 1.35vw, 26px); border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: color-mix(in srgb, var(--surface-1) 42%, transparent); }
.module-matrix article:nth-child(3), .module-matrix article:nth-child(6) { background: color-mix(in srgb, var(--accent-soft) 42%, transparent); }
.module-matrix__num { color: var(--accent); font-family: var(--font-mono); font-size: 10px; }
.module-matrix__icon { display: block; width: 38px; height: 38px; margin-top: 20px; fill: none; stroke: var(--text-soft); stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }
.module-matrix h3 { margin-top: 16px; font-size: clamp(16px, 1.28vw, 23px); }
.module-matrix p { min-height: 38px; margin: 9px 0 20px; color: var(--text-muted); font-size: 11px; line-height: 1.45; }
.module-matrix ul { list-style: none; margin: 0; padding: 0; }
.module-matrix li { padding: 8px 0; border-top: 1px solid var(--line); color: var(--text-soft); font-size: 11px; }

/* Resources */
.resource-gallery { gap: 18px; }
.resource-photo-card { min-width: 0; overflow: hidden; border: 1px solid var(--line-strong); border-radius: var(--radius-md); background: #0b1118; color: #f4f6f8; box-shadow: var(--shadow-soft); transition: transform 420ms var(--ease-out), border-color 220ms ease, box-shadow 420ms var(--ease-out); }
.resource-photo-card:hover { transform: translateY(-6px); border-color: rgb(255 82 55 / 54%); box-shadow: 0 28px 70px rgb(0 0 0 / 30%); }
.resource-photo-card figure { position: relative; min-height: 280px; margin: 0; overflow: hidden; }
.resource-photo-card figure > img { width: 100%; height: 280px; object-fit: cover; transition: transform 1.1s var(--ease-out), filter 500ms ease; }
.resource-photo-card:hover figure > img { transform: scale(1.035); }
.resource-photo-card:nth-child(1) figure > img { object-position: 44% center; }
.resource-photo-card:nth-child(2) figure > img { object-position: 65% center; }
.resource-photo-card:nth-child(3) figure > img { object-position: center; }
.resource-photo-card__veil { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 24%, rgb(4 7 10 / 15%) 50%, rgb(4 7 10 / 93%) 100%); }
.resource-photo-card figcaption { position: absolute; z-index: 2; left: 18px; right: 18px; bottom: 17px; display: flex; align-items: center; gap: 12px; }
.resource-photo-card figcaption svg { width: 48px; height: 48px; padding: 10px; border: 1px solid rgb(255 255 255 / 22%); border-radius: 12px; fill: none; stroke: #fff; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); background: rgb(7 11 16 / 48%); }
.resource-photo-card figcaption div { min-width: 0; }
.resource-photo-card figcaption small { display: block; color: rgb(255 255 255 / 58%); font-family: var(--font-mono); font-size: 8px; text-transform: uppercase; letter-spacing: .08em; }
.resource-photo-card figcaption b { display: block; margin-top: 5px; font-size: 15px; line-height: 1.25; }
.resource-photo-card > footer { min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 16px; border-top: 1px solid rgb(255 255 255 / 9%); color: rgb(255 255 255 / 50%); font-size: 8px; }
.resource-photo-card > footer span { display: flex; align-items: center; gap: 7px; }.resource-photo-card > footer span i { width: 6px; height: 6px; border-radius: 50%; background: #25c484; box-shadow: 0 0 0 5px rgb(37 196 132 / 10%); }.resource-photo-card > footer strong { color: rgb(255 255 255 / 78%); font-size: 8px; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; }
.resource-photo-card.is-featured { border-color: rgb(255 75 49 / 38%); }
.screen-triptych { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: clamp(36px, 5vh, 62px); }
.screen-triptych figure { margin: 0; min-width: 0; border: 1px solid var(--line); background: var(--surface-1); box-shadow: var(--shadow-soft); }
.screen-triptych button, .intelligence-stage button, .proof-screen button { width: 100%; display: block; padding: 0; border: 0; background: #07101b; cursor: zoom-in; overflow: hidden; }
.screen-triptych img { width: 100%; transition: transform 450ms var(--ease-out); }
.screen-triptych button:hover img { transform: scale(1.018); }
.screen-triptych figcaption { display: flex; gap: 12px; align-items: center; padding: 15px 16px; border-top: 1px solid var(--line); }
.screen-triptych figcaption > span { color: var(--accent); font-family: var(--font-mono); font-size: 10px; }
.screen-triptych figcaption div { display: flex; flex-direction: column; gap: 3px; }
.screen-triptych figcaption b { font-size: 13px; }
.screen-triptych figcaption small { color: var(--text-muted); font-size: 10px; }
.resource-connection { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 30px; color: var(--text-soft); font-family: var(--font-mono); font-size: 10px; text-transform: uppercase; letter-spacing: .07em; }
.resource-connection i, .business-thesis i, .pilot-path i { width: clamp(28px, 4vw, 76px); height: 1px; background: var(--line-strong); }
.resource-connection b { margin-left: 14px; padding: 8px 11px; background: var(--accent); color: white; font-family: var(--font-sans); font-size: 10px; }

/* Intelligence */
.intelligence-layout { display: grid; grid-template-columns: minmax(340px, .68fr) minmax(640px, 1.32fr); gap: clamp(56px, 6vw, 110px); align-items: center; }
.decision-sequence { display: flex; align-items: center; gap: 10px; margin-top: 34px; color: var(--text-soft); font-family: var(--font-mono); font-size: 9px; text-transform: uppercase; letter-spacing: .07em; }
.decision-sequence i { flex: 1; height: 1px; background: var(--line-strong); }
.intelligence-stage { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.intelligence-stage figure { margin: 0; border: 1px solid var(--line); background: var(--surface-1); }
.intelligence-stage__main { grid-column: 1 / -1; }
.intelligence-stage__main img { aspect-ratio: 16/7.5; object-fit: cover; object-position: top; }
.intelligence-stage > figure:not(.intelligence-stage__main) img { aspect-ratio: 16/6.2; object-fit: cover; object-position: top; }
.intelligence-stage figcaption { display: flex; justify-content: space-between; gap: 18px; align-items: baseline; padding: 10px 13px; border-top: 1px solid var(--line); }
.intelligence-stage figcaption b { font-size: 12px; }
.intelligence-stage figcaption span { color: var(--text-muted); font-size: 9px; text-align: right; }

/* Predictive */
.predictive-layout { display: grid; grid-template-columns: minmax(390px, .72fr) minmax(600px, 1.28fr); grid-template-rows: 1fr auto; column-gap: clamp(60px, 7vw, 140px); align-items: center; }
.predictive-callout { margin-top: 38px; padding: 18px 0 18px 18px; border-left: 2px solid var(--accent); }
.predictive-callout span { display: block; color: var(--accent); font-family: var(--font-mono); font-size: 9px; text-transform: uppercase; letter-spacing: .11em; }
.predictive-callout strong { display: block; margin-top: 7px; font-size: 16px; }
.risk-visual { position: relative; width: min(100%, 760px); aspect-ratio: 1.25; justify-self: end; overflow: hidden; border: 1px solid var(--line-strong); border-radius: var(--radius-lg); background: #091017 url("assets/brand/tactical-map.svg") center / cover no-repeat; box-shadow: var(--shadow); }
.risk-visual::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 64% 36%, rgb(255 50 32 / 30%), transparent 18%), radial-gradient(circle at 38% 58%, rgb(255 145 48 / 19%), transparent 17%), linear-gradient(135deg, rgb(5 10 15 / 18%), rgb(5 10 15 / 75%)); }
.risk-grid { position: absolute; inset: 0; background-image: linear-gradient(rgb(255 255 255 / 4%) 1px, transparent 1px), linear-gradient(90deg, rgb(255 255 255 / 4%) 1px, transparent 1px); background-size: 44px 44px; }
.radar-sweep { position: absolute; left: 47%; top: 42%; width: 110%; aspect-ratio: 1; transform-origin: center; transform: translate(-50%, -50%); border-radius: 50%; background: conic-gradient(from 10deg, transparent 0 82%, rgb(255 69 45 / 0%) 82%, rgb(255 69 45 / 18%) 100%); animation: slow-spin 8s linear infinite; }
.risk-zone { position: absolute; z-index: 3; display: flex; flex-direction: column; min-width: 90px; padding: 10px 12px 9px; border: 1px solid rgb(255 255 255 / 18%); background: rgb(7 11 16 / 78%); color: white; backdrop-filter: blur(9px); }
.risk-zone::before { content: ""; position: absolute; width: 16px; height: 16px; border: 2px solid var(--accent); border-radius: 50%; box-shadow: 0 0 0 12px rgb(255 59 47 / 12%), 0 0 30px rgb(255 59 47 / 30%); }
.risk-zone b { font-family: var(--font-mono); font-size: 15px; }.risk-zone small { margin-top: 2px; color: rgb(255 255 255 / 58%); font-size: 8px; text-transform: uppercase; letter-spacing: .07em; }
.risk-zone--1 { left: 57%; top: 23%; }.risk-zone--1::before { left: -34px; bottom: -23px; }
.risk-zone--2 { left: 28%; top: 49%; }.risk-zone--2::before { right: -29px; top: -22px; border-color: var(--warning); box-shadow: 0 0 0 10px rgb(255 181 71 / 10%); }
.risk-zone--3 { right: 8%; bottom: 18%; }.risk-zone--3::before { left: -30px; top: -14px; border-color: var(--info); box-shadow: 0 0 0 9px rgb(71 184 255 / 10%); }
.resource-node { position: absolute; z-index: 3; padding: 7px 9px; border: 1px solid rgb(112 208 255 / 55%); background: rgb(4 20 31 / 84%); color: #92ddff; font-family: var(--font-mono); font-size: 8px; }
.resource-node--1 { left: 12%; bottom: 14%; }.resource-node--2 { right: 13%; bottom: 10%; }
.risk-visual > svg { position: absolute; z-index: 2; inset: 0; width: 100%; height: 100%; }
.route { fill: none; stroke: #72d5ff; stroke-width: 2; stroke-dasharray: 6 7; animation: route-flow 2s linear infinite; }
.route--2 { stroke: #ff8b4b; animation-delay: -1s; }
.forecast-brief { position: absolute; z-index: 6; left: 18px; right: 18px; bottom: 48px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.forecast-brief article { min-width: 0; display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 9px; align-items: center; padding: 10px; border: 1px solid rgb(255 255 255 / 12%); background: rgb(5 11 17 / 86%); color: #f5f8fb; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.forecast-brief svg { width: 32px; height: 32px; padding: 7px; border: 1px solid rgb(255 255 255 / 13%); border-radius: 8px; fill: none; stroke: #ff6b4c; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }
.forecast-brief span { min-width: 0; }
.forecast-brief small, .forecast-brief b, .forecast-brief em { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.forecast-brief small { color: rgb(255 255 255 / 42%); font-family: var(--font-mono); font-size: 6px; text-transform: uppercase; letter-spacing: .07em; }
.forecast-brief b { margin-top: 4px; font-size: 8px; }
.forecast-brief em { margin-top: 3px; color: #ffad57; font-size: 6px; font-style: normal; }
.risk-legend { position: absolute; z-index: 4; left: 18px; bottom: 16px; display: flex; gap: 16px; color: rgb(255 255 255 / 68%); font-size: 8px; text-transform: uppercase; letter-spacing: .05em; }
.risk-legend span { display: flex; align-items: center; gap: 5px; }.risk-legend i { width: 7px; height: 7px; border-radius: 50%; }.risk-low { background: var(--info); }.risk-medium { background: var(--warning); }.risk-high { background: var(--critical); }
.data-source-row { grid-column: 1 / -1; justify-content: center; margin-top: 0; padding-top: 24px; }
.data-source-row--icons span { display: inline-flex; align-items: center; gap: 8px; }
.data-source-row--icons svg { width: 18px; height: 18px; fill: none; stroke: var(--accent); stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }
@keyframes slow-spin { to { transform: rotate(360deg); } }
@keyframes route-flow { to { stroke-dashoffset: -26; } }

/* Platform */
.platform-layout { display: grid; grid-template-columns: minmax(380px, .76fr) minmax(580px, 1.24fr); grid-template-rows: 1fr auto; gap: 24px clamp(64px, 8vw, 150px); align-items: center; }
.plain-checks { list-style: none; margin: 34px 0 0; padding: 0; }
.plain-checks li { position: relative; padding: 10px 0 10px 24px; border-top: 1px solid var(--line); color: var(--text-soft); font-size: 13px; }
.plain-checks li::before { content: ""; position: absolute; left: 0; top: 15px; width: 7px; height: 7px; border: 1px solid var(--accent); transform: rotate(45deg); }
.tenant-orbit { position: relative; justify-self: end; width: min(100%, 680px); aspect-ratio: 1.16; }
.tenant-orbit > svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.tenant-orbit ellipse { fill: none; stroke: var(--line-strong); stroke-width: 1; stroke-dasharray: 5 7; }
.tenant-core, .tenant { position: absolute; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; border: 1px solid var(--line-strong); background: var(--surface-glass); backdrop-filter: blur(12px); box-shadow: var(--shadow-soft); }
.tenant-core { left: 50%; top: 50%; width: 184px; aspect-ratio: 1; transform: translate(-50%, -50%); border-radius: 50%; }
.tenant-core img { width: 66px; height: 84px; object-fit: contain; filter: drop-shadow(0 14px 24px rgb(255 66 39 / 24%)); }.tenant-core strong { margin-top: 8px; font-size: 18px; }.tenant-core small, .tenant small { margin-top: 3px; color: var(--text-muted); font-size: 9px; text-transform: uppercase; letter-spacing: .08em; }
.tenant { width: 116px; height: 88px; }.tenant > svg { width: 28px; height: 28px; margin-bottom: 7px; fill: none; stroke: var(--accent); stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }.tenant b { font-size: 12px; }.tenant--1 { left: 4%; top: 39%; }.tenant--2 { left: 28%; top: 1%; }.tenant--3 { right: 12%; top: 11%; }.tenant--4 { right: 0; bottom: 21%; }.tenant--5 { left: 28%; bottom: -1%; }
.stack-strip { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); }
.stack-strip span { padding: 14px 18px; border-right: 1px solid var(--line); color: var(--text-muted); font-size: 10px; }
.stack-strip span:last-child { border-right: 0; }.stack-strip b { display: block; margin-bottom: 5px; color: var(--text); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }

/* Security */
.security-layout { display: grid; grid-template-columns: 1fr; grid-template-rows: auto 1fr auto; gap: 24px; align-items: center; }
.security-layout .section-heading { grid-column: 1; max-width: 1180px; }
.security-layout .section-heading h2 { font-size: clamp(42px, 4.25vw, 78px); }
.trust-engine { position: relative; min-height: 390px; overflow: hidden; border: 1px solid var(--line-strong); border-radius: var(--radius-lg); background: radial-gradient(circle at center, var(--accent-soft), color-mix(in srgb, var(--surface-1) 72%, transparent) 45%, transparent 72%); box-shadow: var(--shadow-soft); }
.trust-core { position: absolute; z-index: 3; left: 50%; top: 50%; width: 250px; min-height: 190px; display: flex; flex-direction: column; align-items: center; justify-content: center; transform: translate(-50%, -50%); padding: 22px; border: 1px solid color-mix(in srgb, var(--accent) 62%, var(--line)); border-radius: 24px; background: var(--surface-glass); text-align: center; backdrop-filter: blur(18px); box-shadow: 0 22px 70px color-mix(in srgb, var(--accent) 12%, transparent); }
.trust-core > svg { width: 46px; height: 46px; margin-bottom: 13px; fill: none; stroke: var(--accent); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.trust-core small { color: var(--accent); font-family: var(--font-mono); font-size: 8px; text-transform: uppercase; letter-spacing: .1em; }.trust-core strong { margin-top: 6px; font-size: 18px; }.trust-core p { max-width: 27ch; margin: 8px 0 0; color: var(--text-muted); font-size: 10px; line-height: 1.45; }
.trust-node { position: absolute; z-index: 3; width: 228px; min-height: 74px; display: flex; align-items: center; gap: 12px; padding: 13px 14px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface-glass); backdrop-filter: blur(14px); box-shadow: var(--shadow-soft); }
.trust-node > svg { width: 31px; height: 31px; flex: 0 0 auto; padding: 6px; border-radius: 8px; background: var(--accent-soft); fill: none; stroke: var(--accent); stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }.trust-node span { min-width: 0; }.trust-node b { display: block; font-size: 12px; }.trust-node small { display: block; margin-top: 4px; color: var(--text-muted); font-size: 8px; line-height: 1.25; }
.trust-node--identity { left: 4%; top: 8%; }.trust-node--rbac { right: 4%; top: 7%; }.trust-node--tenant { left: 2%; bottom: 8%; }.trust-node--audit { right: 2%; bottom: 7%; }.trust-node--runtime { left: 50%; bottom: 2%; transform: translateX(-50%); }
.trust-links { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; }.trust-links path { fill: none; stroke: var(--line-strong); stroke-width: 1; stroke-dasharray: 5 7; animation: route-flow 3.4s linear infinite; }
.trust-outcomes { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line-strong); border-bottom: 1px solid var(--line); }
.trust-outcomes span { padding: 14px 18px; border-right: 1px solid var(--line); }.trust-outcomes span:last-child { border-right: 0; }.trust-outcomes b { display: block; font-size: 11px; }.trust-outcomes small { display: block; margin-top: 4px; color: var(--text-muted); font-size: 8px; text-transform: uppercase; letter-spacing: .06em; }
.security-rail { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line-strong); border-left: 1px solid var(--line); }
.security-rail article { min-height: 150px; display: grid; grid-template-columns: 34px 1fr; gap: 8px; padding: 20px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: color-mix(in srgb, var(--surface-1) 54%, transparent); }
.security-rail article > span { color: var(--accent); font-family: var(--font-mono); font-size: 9px; }
.security-rail strong { font-size: 14px; }.security-rail p { margin: 9px 0 0; color: var(--text-muted); font-size: 11px; line-height: 1.45; }
.security-proof { display: flex; flex-direction: column; align-items: center; gap: 24px; }
.shield-pulse { position: relative; display: grid; place-items: center; width: 130px; height: 150px; }
.shield-pulse::before, .shield-pulse::after { content: ""; position: absolute; inset: 12px 0; border: 1px solid var(--accent); border-radius: 46% 46% 52% 52% / 35% 35% 66% 66%; opacity: .35; animation: shield-pulse 2.8s ease-out infinite; }
.shield-pulse::after { animation-delay: 1.4s; }.shield-pulse img { width: 76px; z-index: 1; }
.security-proof p { display: flex; flex-direction: column; align-items: center; gap: 5px; margin: 0; color: var(--text-muted); font-family: var(--font-mono); font-size: 9px; text-transform: uppercase; letter-spacing: .08em; }.security-proof p i { color: var(--accent); font-style: normal; }
@keyframes shield-pulse { 0% { transform: scale(.8); opacity: .42; } 100% { transform: scale(1.32); opacity: 0; } }

/* Market */
.market-layout { display: grid; grid-template-columns: minmax(360px, .72fr) minmax(650px, 1.28fr); gap: clamp(60px, 8vw, 145px); align-items: center; }
.market-layout blockquote { margin: 38px 0 0; padding: 18px 0 18px 18px; border-left: 2px solid var(--accent); color: var(--text); font-size: 17px; line-height: 1.4; }
.sector-map { display: grid; grid-template-columns: 1fr 1.1fr 1fr; grid-template-rows: repeat(3, auto); align-items: center; gap: 12px 16px; }
.sector-map article { position: relative; min-height: 88px; padding: 13px 14px 13px 46px; border: 1px solid var(--line); background: color-mix(in srgb, var(--surface-1) 68%, transparent); }
.sector-map article > svg { position: absolute; left: 13px; top: 15px; width: 22px; height: 22px; padding: 3px; border-radius: 6px; background: var(--accent-soft); fill: none; stroke: var(--accent); stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }.sector-map article > span { color: var(--accent); font-family: var(--font-mono); font-size: 8px; }.sector-map article b { display: block; margin-top: 8px; font-size: 11px; }.sector-map article small { display: block; margin-top: 4px; color: var(--text-muted); font-size: 9px; line-height: 1.35; }
.sector-core { grid-column: 2; grid-row: 1 / 4; align-self: stretch; display: flex; flex-direction: column; justify-content: center; padding: 28px; border: 1px solid var(--accent); background: radial-gradient(circle at center, var(--accent-soft), var(--surface-1)); text-align: center; }
.sector-core b { font-size: clamp(24px, 2.1vw, 38px); line-height: .98; letter-spacing: -.05em; }.sector-core small { margin-top: 16px; color: var(--text-muted); font-family: var(--font-mono); font-size: 9px; line-height: 1.5; text-transform: uppercase; letter-spacing: .08em; }
.sector-map article:nth-of-type(1), .sector-map article:nth-of-type(3), .sector-map article:nth-of-type(5) { grid-column: 1; }.sector-map article:nth-of-type(2), .sector-map article:nth-of-type(4), .sector-map article:nth-of-type(6) { grid-column: 3; }.sector-map article:nth-of-type(1), .sector-map article:nth-of-type(2) { grid-row: 1; }.sector-map article:nth-of-type(3), .sector-map article:nth-of-type(4) { grid-row: 2; }.sector-map article:nth-of-type(5), .sector-map article:nth-of-type(6) { grid-row: 3; }.sector-map article:nth-of-type(7), .sector-map article:nth-of-type(8) { display: none; }

/* Business */
.business-layout { display: grid; grid-template-columns: minmax(360px, .66fr) minmax(680px, 1.34fr); grid-template-rows: 1fr auto; gap: 24px clamp(60px, 7vw, 130px); align-items: center; }
.revenue-layers { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--line-strong); border-left: 1px solid var(--line); }
.revenue-layers article { min-height: 190px; padding: 22px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: color-mix(in srgb, var(--surface-1) 62%, transparent); }
.revenue-layers article:first-child { background: color-mix(in srgb, var(--accent-soft) 40%, var(--surface-1)); }
.revenue-layers article > svg { width: 34px; height: 34px; display: block; margin-bottom: 16px; padding: 7px; border-radius: 9px; background: var(--accent-soft); fill: none; stroke: var(--accent); stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }
.revenue-layers article > span { color: var(--accent); font-family: var(--font-mono); font-size: 9px; text-transform: uppercase; letter-spacing: .1em; }
.revenue-layers h3 { margin-top: 12px; font-size: 19px; }.revenue-layers p { margin: 10px 0 0; color: var(--text-muted); font-size: 11px; line-height: 1.5; }.revenue-layers small { display: block; margin-top: 16px; color: var(--text-soft); font-size: 9px; text-transform: uppercase; letter-spacing: .06em; }
.business-thesis { grid-column: 1 / -1; display: flex; align-items: center; justify-content: center; gap: 14px; padding-top: 22px; border-top: 1px solid var(--line); color: var(--text-muted); font-size: 10px; text-transform: uppercase; letter-spacing: .06em; }.business-thesis strong { color: var(--text); }.business-thesis b { padding: 8px 10px; background: var(--accent); color: white; font-size: 9px; }

/* Proof */
.proof-layout { display: grid; grid-template-columns: .88fr 1.12fr; grid-template-rows: auto 1fr; gap: 22px clamp(50px, 5vw, 96px); align-items: center; }
.proof-layout .section-heading h2 { font-size: clamp(40px, 3.5vw, 62px); }
.proof-layout .section-heading > p:last-child { font-size: clamp(14px, 1.05vw, 19px); }
.proof-layout .section-heading { grid-row: 1; }.proof-ledger { grid-row: 2; display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--line-strong); }
.proof-ledger article { position: relative; padding: 15px 18px 15px 38px; border-bottom: 1px solid var(--line); }.proof-ledger article:nth-child(odd) { padding-right: 24px; }.proof-ledger article:nth-child(even) { padding-left: 62px; border-left: 1px solid var(--line); }
.proof-ledger article > svg { position: absolute; left: 0; top: 16px; width: 25px; height: 25px; padding: 5px; border-radius: 7px; background: var(--accent-soft); fill: none; stroke: var(--accent); stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }.proof-ledger article:nth-child(even) > svg { left: 24px; }
.proof-ledger strong { font-size: 14px; }.proof-ledger p { margin: 5px 0 9px; color: var(--text-muted); font-size: 10px; line-height: 1.4; }.proof-ledger span { color: var(--success); font-family: var(--font-mono); font-size: 8px; text-transform: uppercase; letter-spacing: .08em; }
.proof-screen { grid-column: 2; grid-row: 1 / 3; margin: 0; border: 1px solid var(--line); background: var(--surface-1); box-shadow: var(--shadow); }.proof-screen img { width: 100%; }.proof-screen figcaption { padding: 12px 14px; border-top: 1px solid var(--line); color: var(--text-muted); font-size: 9px; text-align: right; }

/* Roadmap */
.roadmap { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: clamp(34px, 5vh, 60px); }
.roadmap article { min-height: 330px; padding: 24px; border: 1px solid var(--line); background: color-mix(in srgb, var(--surface-1) 68%, transparent); }.roadmap article.is-now { border-top: 2px solid var(--success); }.roadmap article.is-next { border-top: 2px solid var(--accent); background: color-mix(in srgb, var(--accent-soft) 35%, var(--surface-1)); }
.roadmap article header { display: flex; align-items: center; justify-content: space-between; color: var(--text-muted); font-family: var(--font-mono); font-size: 9px; text-transform: uppercase; letter-spacing: .08em; }.roadmap article header b { color: var(--accent); font-weight: 600; }.roadmap .is-now header b { color: var(--success); }
.roadmap h3 { margin-top: 44px; font-size: clamp(20px, 1.65vw, 30px); }.roadmap p { margin: 13px 0 20px; color: var(--text-muted); font-size: 12px; line-height: 1.5; }.roadmap ul { list-style: none; margin: 0; padding: 0; }.roadmap li { padding: 8px 0; border-top: 1px solid var(--line); color: var(--text-soft); font-size: 10px; }
.roadmap-line { display: flex; align-items: center; justify-content: center; gap: 14px; margin-top: 26px; color: var(--text-muted); font-family: var(--font-mono); font-size: 8px; text-transform: uppercase; letter-spacing: .07em; }.roadmap-line i { flex: 1; max-width: 90px; height: 1px; background: var(--line-strong); }.roadmap-line .is-active { color: var(--success); }

/* Partnership */
.partnership-layout { display: grid; grid-template-rows: auto 1fr auto; gap: 28px; }
.partnership-columns { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--line-strong); border-left: 1px solid var(--line); }
.partnership-columns > article { padding: 26px 32px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: color-mix(in srgb, var(--surface-1) 66%, transparent); }.partnership-columns > article:first-child { background: color-mix(in srgb, var(--surface-2) 58%, transparent); }
.partnership-columns > article > span { color: var(--accent); font-family: var(--font-mono); font-size: 9px; text-transform: uppercase; letter-spacing: .1em; }.partnership-columns h3 { margin-top: 18px; font-size: 23px; }.partnership-columns ul { list-style: none; margin: 24px 0 0; padding: 0; }.partnership-columns li { display: grid; grid-template-columns: minmax(135px, .45fr) 1fr; gap: 18px; padding: 13px 0; border-top: 1px solid var(--line); }.partnership-columns li b { font-size: 12px; }.partnership-columns li small { color: var(--text-muted); font-size: 10px; line-height: 1.4; }
.pilot-path { display: flex; align-items: center; justify-content: center; gap: 12px; color: var(--text-soft); font-size: 10px; text-transform: uppercase; letter-spacing: .06em; }.pilot-path span { display: flex; align-items: center; gap: 8px; }.pilot-path b { color: var(--accent); font-family: var(--font-mono); font-size: 9px; }

/* Closing */
.closing-bg { background: linear-gradient(90deg, rgb(4 7 10 / 98%), rgb(4 7 10 / 74%) 58%, rgb(4 7 10 / 62%)), url("assets/brand/operations-center-v3.jpg") 50% 50% / cover no-repeat; }

:root[data-motion="paused"] .cover-image::before,
:root[data-motion="paused"] .closing-bg::before,
:root[data-motion="paused"] .live-map__scan,
:root[data-motion="paused"] .radar-sweep,
:root[data-motion="paused"] .route,
:root[data-motion="paused"] .trust-links path,
:root[data-motion="paused"] .context-gap::after { animation-play-state: paused !important; }
.closing-layout { display: grid; grid-template-columns: .28fr .72fr; grid-template-rows: 1fr auto; gap: 20px 70px; align-items: center; }
.closing-mark { justify-self: center; }.closing-mark img { width: clamp(130px, 15vw, 290px); filter: drop-shadow(0 30px 65px rgb(255 55 28 / 30%)); }
.closing-copy { max-width: 980px; }.closing-copy > p:not(.eyebrow) { max-width: 720px; margin: 26px 0 0; color: var(--text-soft); font-size: clamp(17px, 1.4vw, 25px); line-height: 1.5; }
.contact-grid { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 48px; border-top: 1px solid var(--line-strong); border-left: 1px solid var(--line-strong); }.contact-grid a { min-width: 0; padding: 17px; border-right: 1px solid var(--line-strong); border-bottom: 1px solid var(--line-strong); color: white; text-decoration: none; background: rgb(5 9 13 / 45%); }.contact-grid a:hover { background: rgb(255 255 255 / 6%); }.contact-grid span { display: block; color: var(--text-muted); font-size: 8px; text-transform: uppercase; letter-spacing: .09em; }.contact-grid b { display: block; margin-top: 8px; overflow: hidden; text-overflow: ellipsis; font-size: 11px; white-space: nowrap; }
.closing-footer { grid-column: 1 / -1; display: flex; justify-content: space-between; padding-top: 18px; border-top: 1px solid var(--line); color: var(--text-muted); font-family: var(--font-mono); font-size: 8px; text-transform: uppercase; letter-spacing: .08em; }

/* Footer navigation */
.deck-progress { position: fixed; z-index: 83; left: 0; right: 0; bottom: var(--footer-h); height: 1px; background: var(--line); }
.deck-progress span { display: block; width: 0; height: 100%; background: linear-gradient(90deg, var(--accent), var(--accent-2)); transition: width 700ms var(--ease-out); }
.deck-footer { position: fixed; z-index: 82; left: 0; right: 0; bottom: 0; height: var(--footer-h); display: grid; grid-template-columns: 160px 1fr 190px; align-items: center; gap: 26px; padding: 0 clamp(18px, 2.8vw, 54px); background: color-mix(in srgb, var(--canvas) 78%, transparent); backdrop-filter: blur(22px) saturate(135%); border-top: 1px solid var(--line); }
.slide-position { display: flex; align-items: center; gap: 9px; color: var(--text-muted); font-family: var(--font-mono); font-size: 10px; }.slide-position span:first-child { color: var(--text); }.slide-position i { width: 34px; height: 1px; background: var(--line-strong); }
.chapter-progress { display: flex; align-items: center; justify-content: center; gap: 4px; }
.chapter-progress button { width: 22px; height: 22px; padding: 0; border: 0; background: transparent; cursor: pointer; }.chapter-progress button::before { content: ""; display: block; width: 100%; height: 2px; background: var(--line-strong); transition: height 180ms ease, background 180ms ease; }.chapter-progress button.is-active::before { height: 4px; background: var(--accent); }.chapter-progress button:hover::before { background: var(--text-soft); }
.nav-buttons { justify-self: end; display: flex; gap: 5px; }.nav-button { border-color: var(--line); background: var(--surface-1); }.nav-button:disabled { opacity: .36; cursor: not-allowed; }.nav-button--next { width: auto; grid-auto-flow: column; gap: 8px; padding: 0 12px 0 16px; background: var(--text); color: var(--canvas); border-color: var(--text); font-size: 11px; font-weight: 700; }.nav-button--next:hover { background: var(--text-soft); }.nav-button--next svg { width: 16px; }

/* Dialogs */
dialog { color: var(--text); }
dialog::backdrop { background: rgb(0 0 0 / 72%); backdrop-filter: blur(10px); }
.overview-dialog { width: min(1240px, calc(100vw - 40px)); max-height: calc(100svh - 40px); margin: auto; padding: 0; border: 1px solid var(--line-strong); border-radius: var(--radius-lg); background: color-mix(in srgb, var(--surface-1) 96%, transparent); box-shadow: var(--shadow); }
.dialog-head { position: sticky; z-index: 2; top: 0; display: flex; justify-content: space-between; align-items: center; padding: 22px 24px; border-bottom: 1px solid var(--line); background: var(--surface-glass); backdrop-filter: blur(18px); }.dialog-head .eyebrow { margin-bottom: 7px; }.dialog-head h2 { font-size: 24px; letter-spacing: -.03em; }
.overview-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; padding: 18px; }
.overview-card { position: relative; min-height: 150px; display: flex; flex-direction: column; justify-content: space-between; padding: 15px; overflow: hidden; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-2); color: var(--text); text-align: left; cursor: pointer; }.overview-card:hover { border-color: var(--accent); }.overview-card.is-current { box-shadow: inset 0 0 0 2px var(--accent); }.overview-card span { color: var(--accent); font-family: var(--font-mono); font-size: 9px; }.overview-card b { position: relative; z-index: 1; max-width: 90%; font-size: 15px; line-height: 1.15; }.overview-card small { color: var(--text-muted); font-size: 9px; text-transform: uppercase; letter-spacing: .07em; }.overview-card::after { content: attr(data-index); position: absolute; right: -6px; bottom: -17px; color: color-mix(in srgb, var(--text) 4%, transparent); font-size: 78px; font-weight: 800; letter-spacing: -.08em; }
.lightbox-dialog { width: min(1500px, calc(100vw - 38px)); max-height: calc(100svh - 38px); margin: auto; padding: 14px; overflow: visible; border: 1px solid rgb(255 255 255 / 18%); border-radius: var(--radius-md); background: #06090d; box-shadow: 0 40px 120px rgb(0 0 0 / 72%); }.lightbox-dialog img { width: 100%; max-height: calc(100svh - 110px); object-fit: contain; }.lightbox-dialog p { margin: 10px 2px 0; color: rgb(255 255 255 / 55%); font-family: var(--font-mono); font-size: 9px; text-align: center; text-transform: uppercase; letter-spacing: .08em; }.lightbox-close { position: absolute; z-index: 2; top: -16px; right: -16px; border-color: rgb(255 255 255 / 18%); background: #11161e; color: white; }

.notes-panel { position: fixed; z-index: 90; left: 50%; bottom: calc(var(--footer-h) + 18px); width: min(760px, calc(100vw - 32px)); transform: translate(-50%, calc(100% + 130px)); border: 1px solid var(--line-strong); border-radius: var(--radius-md); background: var(--surface-glass); box-shadow: var(--shadow); backdrop-filter: blur(22px); transition: transform 300ms var(--ease-out); }.notes-panel.is-open { transform: translate(-50%, 0); }.notes-panel header { display: flex; align-items: center; justify-content: space-between; padding: 10px 12px 10px 18px; border-bottom: 1px solid var(--line); color: var(--text-muted); font-size: 9px; text-transform: uppercase; letter-spacing: .08em; }.notes-panel p { margin: 0; padding: 16px 18px 18px; color: var(--text-soft); font-size: 14px; line-height: 1.5; }

:root[data-motion="paused"] *, :root[data-motion="paused"] *::before, :root[data-motion="paused"] *::after { animation-play-state: paused !important; }
:root[data-motion="paused"] .reveal { opacity: 1 !important; transform: none !important; animation: none !important; }

/* Responsive */
@media (max-width: 1180px) {
  :root { --gutter: clamp(24px, 4vw, 48px); }
  h1 { font-size: clamp(54px, 7vw, 78px); }
  h2 { font-size: clamp(42px, 5.6vw, 68px); }
  .deck-status { display: none; }
  .deck-header { grid-template-columns: 1fr auto; }
  .slide__inner--cover { grid-template-columns: 1fr .72fr; gap: 42px; }
  .friction-layout { grid-template-columns: .92fr 1.08fr; gap: 42px; }
  .operation-flow article { padding-right: 8px; }
  .operation-flow article:not(:last-child)::after { right: 6px; }
  .module-matrix { grid-template-columns: repeat(3, 1fr); }
  .intelligence-layout, .platform-layout, .business-layout { gap: 40px; }
  .tenant-orbit { width: 560px; }
  .market-layout { gap: 42px; }
  .security-layout { grid-template-columns: 1fr; gap: 22px; }
  .contact-grid { grid-template-columns: 1fr; }.contact-grid a { padding: 11px 14px; }
}

@media (max-width: 1100px) {
  :root { --header-h: 62px; --footer-h: 62px; }
  .deck-brand__meta, .deck-tools .icon-button:nth-child(2), .deck-tools .icon-button:nth-child(3) { display: none; }
  .deck-header { padding-inline: 16px; }
  .slide__inner { padding-inline: 24px; padding-top: calc(var(--header-h) + 34px); }
  .section-heading--inline { grid-template-columns: 1fr; gap: 12px; }
  .section-heading--inline > p:last-child { max-width: 680px; margin-top: 0; }
  .slide__inner--cover, .slide__inner--product, .friction-layout, .intelligence-layout, .predictive-layout, .platform-layout, .market-layout, .business-layout, .proof-layout { grid-template-columns: 1fr; }
  .slide__inner--cover { align-content: center; }
  .cover-copy { padding-top: 0; }
  .cover-proof { display: none; }
  .friction-layout { align-items: start; }.fragmentation-visual { min-height: 360px; }
  .operation-flow { grid-template-columns: repeat(3, 1fr); }.operation-flow article { border-bottom: 1px solid var(--line); }
  .capability-grid { grid-template-columns: 1fr 1fr; }
  .capability-grid article { min-height: 160px; }
  .capability-thesis { flex-wrap: wrap; }
  .solution-proof { grid-template-columns: 1fr; gap: 28px; }.solution-proof > div { justify-content: flex-start; }
  .slide__inner--product { align-content: center; }.product-stage .screen-frame { transform: none; }
  .live-console { transform: none; }.live-console__body { grid-template-columns: 1fr 175px; min-height: 330px; }.live-map { min-height: 330px; }
  .duo-stage { grid-template-columns: 1fr; }.duo-stage__secondary { display: none; }
  .command-stage { grid-template-columns: 1fr; }.dispatch-board { display: none; }.command-map__canvas { height: 420px; }
  .screen-triptych { grid-template-columns: 1fr 1fr; }.screen-triptych figure:last-child { display: none; }
  .resource-gallery { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(300px, 68vw); overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: inline mandatory; padding: 0 2px 12px; }.resource-photo-card { scroll-snap-align: start; }.resource-photo-card figure, .resource-photo-card figure > img { min-height: 300px; height: 300px; }
  .intelligence-layout { align-content: start; }.intelligence-stage__main img { aspect-ratio: 16/8.5; }
  .intelligence-console { margin-top: 24px; }
  .predictive-layout { grid-template-rows: auto auto auto; align-content: start; }.risk-visual { justify-self: center; width: min(100%, 650px); }.data-source-row { grid-column: 1; }
  .platform-layout { grid-template-rows: auto auto auto; align-content: start; }.tenant-orbit { justify-self: center; width: min(100%, 620px); }.stack-strip { grid-column: 1; grid-template-columns: 1fr 1fr; }.stack-strip span:nth-child(2) { border-right: 0; }.stack-strip span:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .security-layout { grid-template-columns: 1fr; }.security-layout .section-heading { grid-column: 1; }.security-proof { display: none; }
  .trust-engine { min-height: 620px; display: grid; grid-template-columns: 1fr 1fr; align-content: start; gap: 12px; padding: 18px; overflow: visible; }
  .trust-core, .trust-node { position: static; width: auto; transform: none; }
  .trust-core { grid-column: 1 / -1; min-height: 170px; }
  .trust-node { min-height: 78px; }
  .trust-node--runtime { grid-column: 1 / -1; }
  .trust-links { display: none; }
  .market-layout { align-content: start; }.sector-map { margin-top: 24px; }
  .business-layout { grid-template-rows: auto auto auto; align-content: start; }.business-thesis { grid-column: 1; }
  .proof-layout { grid-template-rows: auto auto auto; align-content: start; }.proof-layout .section-heading, .proof-ledger, .proof-screen { grid-column: 1; grid-row: auto; }.proof-screen { max-width: 700px; }
  .proof-console { grid-column: 1; grid-row: auto; max-width: 760px; }
  .roadmap article { min-height: 290px; }.roadmap h3 { margin-top: 30px; }.roadmap-line { display: none; }
  .closing-layout { grid-template-columns: .22fr .78fr; gap: 30px; }.contact-grid { margin-top: 28px; }
  .deck-footer { grid-template-columns: 90px 1fr 140px; padding-inline: 16px; }.chapter-progress button { width: 14px; }.nav-button--next span { display: none; }.nav-button--next { width: 42px; padding: 0; }
  .overview-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 640px) {
  :root { --header-h: 58px; --footer-h: 58px; }
  .deck-brand__name { font-size: 14px; }
  .deck-brand__mark { width: 26px; height: 32px; }.deck-brand__mark img { width: 23px; }
  .deck-tools .icon-button:first-child { display: grid; }.deck-tools .icon-button:last-child { display: none; }
  .icon-button, .nav-button { width: 40px; height: 40px; }
  .slide__inner { padding: calc(var(--header-h) + 28px) 20px calc(var(--footer-h) + 28px); }
  .slide::after { display: none; }
  .slide::before { background-size: 48px 48px; }
  h1 { font-size: clamp(43px, 13vw, 64px); }
  h2 { font-size: clamp(38px, 11vw, 54px); }
  .eyebrow { margin-bottom: 14px; }
  .section-heading > p:last-child, .lede { margin-top: 19px; font-size: 15px; line-height: 1.5; }
  .cover-actions { flex-direction: column; align-items: flex-start; gap: 14px; margin-top: 28px; }.cover-image { background-position: 66% center; }.cover-image::before { content: ""; position: absolute; inset: 0; background: rgb(3 6 9 / 36%); }
  .friction-layout { margin-top: 30px; }.friction-list li { grid-template-columns: 34px 1fr; padding: 12px 0; }.fragmentation-visual { display: none; }
  .operation-flow { grid-template-columns: 1fr 1fr; margin-top: 38px; }.operation-flow article { padding: 22px 12px 18px 0; }.operation-flow article:not(:last-child)::after { display: none; }.operation-flow article > svg { width: 38px; height: 38px; margin-top: 14px; }.operation-flow p { font-size: 9px; }.solution-proof { margin-top: 34px; }.solution-proof blockquote { font-size: 23px; }.solution-proof > div span { padding: 7px 8px; font-size: 8px; }
  .capability-grid { grid-template-columns: 1fr; margin-top: 28px; }
  .capability-grid article { min-height: 0; grid-template-columns: 52px minmax(0, 1fr); gap: 16px; padding: 20px; }
  .capability-grid article > svg { width: 50px; height: 50px; padding: 11px; border-radius: 13px; }
  .capability-grid strong { font-size: 20px; }
  .capability-grid p { font-size: 10px; }
  .capability-thesis { justify-content: flex-start; gap: 8px; font-size: 8px; line-height: 1.45; }
  .capability-thesis i { width: 18px; }
  .compact-facts { display: none; }.product-stage { margin-top: 26px; }.screen-frame__bar { display: none; }
  .product-capture__status { top: 8px; left: 8px; padding: 6px 8px; }
  .product-capture__zoom { right: 8px; bottom: 8px; padding: 6px 8px; }
  .live-console__header { grid-template-columns: auto 1fr; }.live-console__header nav { display: none; }.live-console__header > small { justify-self: end; }.live-console__kpis { grid-template-columns: 1fr 1fr; }.live-console__kpis > span:nth-child(n+3) { display: none; }.live-console__body { grid-template-columns: 1fr; min-height: 270px; }.live-map { min-height: 270px; }.live-queue { display: none; }.live-map__scan { width: 300px; }
  .duo-stage { margin-top: 28px; }.slide-proof-row { display: none; }
  .command-stage { margin-top: 26px; }.command-map__canvas { height: 300px; }.command-map > header div i:nth-child(n+3) { display: none; }
  .module-matrix { grid-template-columns: 1fr 1fr; margin-top: 28px; }.module-matrix article { padding: 16px; }.module-matrix h3 { margin-top: 18px; font-size: 16px; }.module-matrix p { min-height: 0; margin-bottom: 12px; }.module-matrix li { padding: 5px 0; font-size: 9px; }
  .screen-triptych { grid-template-columns: 1fr; margin-top: 28px; }.screen-triptych figure:nth-child(n+2) { display: none; }.resource-connection { justify-content: flex-start; flex-wrap: wrap; }.resource-connection i { width: 18px; }.resource-connection b { margin-left: 0; }
  .resource-gallery { grid-template-columns: none; grid-auto-columns: minmax(270px, 84vw); margin-top: 26px; }.resource-photo-card figure, .resource-photo-card figure > img { min-height: 260px; height: 260px; }.resource-photo-card figcaption { left: 14px; right: 14px; bottom: 14px; }.resource-photo-card figcaption b { font-size: 13px; }.resource-photo-card > footer { align-items: flex-start; flex-direction: column; justify-content: center; gap: 5px; }
  .intelligence-stage { grid-template-columns: 1fr; margin-top: 28px; }.intelligence-stage__main { grid-column: 1; }.intelligence-stage figure:last-child { display: none; }.decision-sequence { margin-top: 24px; }
  .intelligence-console { grid-template-columns: 1fr; }.weather-panel { grid-row: auto; }.alerts-panel { display: none; }.weather-now { padding: 18px 14px; }.report-panel { min-height: 150px; }
  .predictive-callout { margin-top: 25px; }.risk-visual { min-height: 390px; aspect-ratio: auto; margin-top: 24px; border-radius: 12px; }.risk-zone, .risk-legend { display: none; }.forecast-brief { left: 12px; right: 12px; bottom: 12px; grid-template-columns: 1fr; }.forecast-brief article { padding: 9px; }.data-source-row { justify-content: flex-start; flex-wrap: wrap; gap: 7px; padding-top: 12px; }.data-source-row span { font-size: 7px; }
  .plain-checks { margin-top: 24px; }.plain-checks li { padding-block: 8px; font-size: 11px; }.tenant-orbit { margin-top: 18px; }.tenant { width: 82px; height: 66px; }.tenant > svg { width: 20px; height: 20px; margin-bottom: 4px; }.tenant-core { width: 128px; }.tenant-core img { width: 44px; height: 56px; }.tenant-core strong { font-size: 14px; }.stack-strip { grid-template-columns: 1fr; }.stack-strip span, .stack-strip span:nth-child(2) { border-right: 0; border-bottom: 1px solid var(--line); }.stack-strip span:last-child { border-bottom: 0; }
  .security-rail { grid-template-columns: 1fr 1fr; margin-top: 26px; }.security-rail article { min-height: 130px; padding: 14px; grid-template-columns: 24px 1fr; }.security-rail strong { font-size: 11px; }.security-rail p { font-size: 9px; }
  .trust-engine { min-height: 0; grid-template-columns: 1fr; padding: 14px; }.trust-core, .trust-node--runtime { grid-column: 1; }.trust-core { min-height: 160px; }.trust-node { min-height: 70px; }.trust-outcomes { grid-template-columns: 1fr; }.trust-outcomes span { border-right: 0; border-bottom: 1px solid var(--line); }.trust-outcomes span:last-child { border-bottom: 0; }
  .market-layout blockquote { margin-top: 24px; font-size: 14px; }.sector-map { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }.sector-core { grid-column: 1 / -1; grid-row: 1; min-height: 140px; }.sector-map article:nth-of-type(n) { grid-column: auto; grid-row: auto; min-height: 76px; }.sector-map article:nth-of-type(n+5) { display: none; }
  .revenue-layers { grid-template-columns: 1fr; margin-top: 28px; }.revenue-layers article { min-height: 0; padding: 17px; }.revenue-layers article > svg { width: 30px; height: 30px; margin-bottom: 12px; }.revenue-layers h3 { margin-top: 10px; font-size: 16px; }.revenue-layers p { font-size: 10px; }.business-thesis { flex-wrap: wrap; justify-content: flex-start; }.business-thesis i { display: none; }
  .proof-ledger { grid-template-columns: 1fr; }.proof-ledger article:nth-child(even), .proof-ledger article:nth-child(odd) { padding: 12px 0 12px 36px; border-left: 0; }.proof-ledger article:nth-child(even) > svg, .proof-ledger article:nth-child(odd) > svg { left: 0; top: 13px; }.proof-screen { margin-top: 12px; }
  .proof-console { margin-top: 8px; }.proof-console__score { grid-template-columns: 90px 1fr; }.proof-console__score > span strong { font-size: 32px; }.proof-console__timeline article { min-height: 54px; }.proof-console > footer { grid-template-columns: 1fr; }.proof-console > footer span { border-right: 0; border-bottom: 1px solid var(--line); }.proof-console > footer span:last-child { border-bottom: 0; }
  .roadmap { grid-template-columns: 1fr; margin-top: 28px; }.roadmap article { min-height: 0; padding: 18px; }.roadmap article:nth-child(3) { display: none; }.roadmap h3 { margin-top: 24px; }.roadmap p { font-size: 10px; }
  .partnership-layout { gap: 22px; }.partnership-columns { grid-template-columns: 1fr; }.partnership-columns > article { padding: 18px; }.partnership-columns h3 { font-size: 18px; }.partnership-columns li { grid-template-columns: 110px 1fr; gap: 10px; }.pilot-path { flex-wrap: wrap; justify-content: flex-start; }.pilot-path i { display: none; }
  .closing-layout { grid-template-columns: 1fr; grid-template-rows: auto auto auto; align-content: center; }.closing-mark { justify-self: start; }.closing-mark img { width: 76px; }.closing-copy h2 { font-size: clamp(42px, 12vw, 58px); }.closing-copy > p:not(.eyebrow) { font-size: 14px; }.contact-grid { grid-template-columns: 1fr; }.closing-footer { grid-column: 1; flex-direction: column; gap: 6px; }
  .deck-footer { grid-template-columns: 70px 1fr 90px; gap: 10px; }.chapter-progress { display: none; }.deck-footer::before { content: attr(data-title); overflow: hidden; color: var(--text-muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }.slide-position { display: none; }
  .overview-grid { grid-template-columns: 1fr 1fr; }.overview-card { min-height: 120px; }.lightbox-dialog { padding: 8px; }
}

/* Presentation-height compaction. These four compositions carry the most
   visual evidence; compact their scenery instead of shrinking deck-wide type. */
@media (max-height: 1100px) and (min-width: 1101px) {
  #panel-03 .slide__inner,
  #panel-05 .slide__inner,
  #panel-07 .slide__inner {
    padding-top: calc(var(--header-h) + 30px);
    padding-bottom: calc(var(--footer-h) + 22px);
  }

  #panel-10 .slide__inner {
    padding-top: calc(var(--header-h) + 30px);
    padding-bottom: calc(var(--footer-h) + 6px);
  }

  #panel-03 .capability-grid { margin-top: 28px; }
  #panel-03 .capability-grid article { min-height: 166px; padding-block: 20px; }
  #panel-03 .capability-thesis { margin-top: 18px; }

  #panel-05 .command-stage { margin-top: 28px; }
  #panel-05 .command-map__canvas { height: 300px; }
  #panel-05 .dispatch-columns { height: 335px; }
  #panel-05 .slide-proof-row { margin-top: 16px; }

  #panel-07 .resource-panels { margin-top: 28px; }
  #panel-07 .resource-photo-card figure,
  #panel-07 .resource-photo-card figure > img { min-height: 230px; height: 230px; }
  #panel-07 .resource-connection { margin-top: 18px; }

  #panel-10 .plain-checks { margin-top: 24px; }
  #panel-10 .plain-checks li { padding-block: 8px; }
  #panel-10 .tenant-orbit { width: min(100%, 575px); }
  #panel-10 .stack-strip span { padding-block: 11px; }
}

@media (max-height: 760px) and (min-width: 901px) {
  :root { --header-h: 62px; --footer-h: 58px; }
  .slide__inner { padding-top: calc(var(--header-h) + 24px); padding-bottom: calc(var(--footer-h) + 22px); }
  h1 { font-size: clamp(48px, 5.3vw, 84px); } h2 { font-size: clamp(40px, 4.3vw, 68px); }
  .section-heading > p:last-child, .lede { margin-top: 18px; font-size: clamp(14px, 1.1vw, 19px); }
  .eyebrow { margin-bottom: 12px; }
  .friction-layout, .operation-flow, .module-matrix, .screen-triptych, .duo-stage, .roadmap { margin-top: 26px; }
  .operation-flow article { padding-top: 22px; }.operation-flow strong { margin-top: 10px; }
  .capability-grid { margin-top: 24px; }
  .capability-grid article { min-height: 142px; padding-block: 18px; }
  .capability-grid article > svg { width: 52px; height: 52px; padding: 12px; }
  .capability-thesis { margin-top: 18px; }
  .module-matrix article { padding-top: 15px; padding-bottom: 15px; }.module-matrix h3 { margin-top: 16px; }.module-matrix p { margin-bottom: 10px; }.module-matrix li { padding: 5px 0; }
  .roadmap article { min-height: 280px; padding: 18px; }.roadmap h3 { margin-top: 28px; }.roadmap p { margin-bottom: 12px; }
}

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

@media (forced-colors: active) {
  .ambient-canvas, .ambient-wash, .ambient-grain, .cover-image, .closing-bg { display: none; }
  .screen-frame, .module-matrix article, .security-rail article, .roadmap article, .revenue-layers article { border: 1px solid CanvasText; }
  .status-dot, .live-dot { forced-color-adjust: none; background: Highlight; }
}

@media print {
  @page { size: 16in 9in; margin: 0; }
  :root { --header-h: 0px; --footer-h: 0px; }
  body { overflow: visible; background: #070a0e; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
  .deck-header, .deck-footer, .deck-progress, .ambient-canvas, .notes-panel, dialog { display: none !important; }
  .deck { width: auto; height: auto; overflow: visible; }
  .deck-track { display: block; width: auto; height: auto; transform: none !important; }
  .slide { width: 16in; height: 9in; min-height: 9in; overflow: hidden; page-break-after: always; break-after: page; background: var(--canvas); }
  .slide__inner { width: 100%; min-height: 100%; padding: .66in .72in; }
  .reveal { opacity: 1 !important; transform: none !important; animation: none !important; }
  .slide[aria-hidden="true"] { display: block; }
}