:root {
  --bg: #070b12;
  --surface: #0d1420;
  --surface-2: #121c2b;
  --ink: #edf6ff;
  --muted: #9fb0c3;
  --line: rgba(157, 190, 224, .20);
  --accent: #64f4d0;
  --accent-2: #8ab4ff;
  --accent-3: #ffb86b;
  --danger: #ff6b8b;
  --font-display: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Noto Sans SC', sans-serif;
  --font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Noto Sans SC', sans-serif;
  --font-mono: 'IBM Plex Mono', 'SFMono-Regular', Consolas, monospace;
}

.deck-shell {
  background:
    radial-gradient(circle at 18% 12%, rgba(100,244,208,.18), transparent 30%),
    radial-gradient(circle at 82% 18%, rgba(138,180,255,.16), transparent 28%),
    linear-gradient(135deg, #03050a, #0a101a 55%, #05070c);
}
.deck { background: #070b12; }
.slide {
  color: var(--ink);
  background:
    linear-gradient(135deg, rgba(17,27,43,.96), rgba(6,10,17,.98)),
    radial-gradient(circle at 100% 0%, rgba(100,244,208,.10), transparent 36%);
}
.slide::after { color: rgba(159,176,195,.62); }

h1 { font-family: var(--font-display); font-weight: 780; font-size: 92px; letter-spacing: -.06em; max-width: 1180px; }
h2 { font-family: var(--font-display); font-weight: 760; font-size: 62px; letter-spacing: -.045em; max-width: 1150px; }
h3 { color: var(--ink); font-weight: 720; }
p, li { color: var(--muted); }
.lede { color: #bfd0e3; font-size: 31px; max-width: 1000px; }
.meta { color: var(--accent); }
.rule { background: var(--line); }

.hero-mark {
  position: absolute;
  right: 92px;
  top: 82px;
  width: 360px;
  height: 360px;
  border: 1px solid var(--line);
  border-radius: 36px;
  background:
    linear-gradient(135deg, rgba(100,244,208,.12), transparent),
    rgba(255,255,255,.035);
  display: grid;
  place-items: center;
  box-shadow: 0 0 90px rgba(100,244,208,.10);
}
.triad-orbit { position: relative; width: 250px; height: 250px; border: 1px dashed rgba(159,176,195,.35); border-radius: 50%; }
.triad-orbit span { position: absolute; display: grid; place-items: center; width: 96px; height: 96px; border-radius: 28px; border: 1px solid var(--line); background: rgba(7,11,18,.84); color: var(--ink); font-family: var(--font-mono); font-size: 13px; text-align: center; }
.triad-orbit .a { left: 77px; top: -42px; color: var(--accent); }
.triad-orbit .b { left: -38px; bottom: 12px; color: var(--accent-2); }
.triad-orbit .c { right: -38px; bottom: 12px; color: var(--accent-3); }

.agent-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.agent-card, .dark-card, .metric-card {
  border: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
  border-radius: 28px;
  padding: 30px;
  box-shadow: 0 18px 60px rgba(0,0,0,.18);
}
.agent-card .label { font-family: var(--font-mono); font-size: 14px; color: var(--accent); margin-bottom: 18px; }
.agent-card:nth-child(2) .label { color: var(--accent-2); }
.agent-card:nth-child(3) .label { color: var(--accent-3); }
.agent-card h3 { font-size: 34px; margin-bottom: 16px; }
.agent-card p { font-size: 22px; }

.pipeline-row { display: grid; grid-template-columns: 1fr 72px 1fr 72px 1fr; gap: 18px; align-items: center; }
.node {
  min-height: 240px;
  border: 1px solid var(--line);
  border-radius: 30px;
  padding: 30px;
  background: rgba(255,255,255,.045);
}
.node .num { font-family: var(--font-mono); color: var(--accent); margin-bottom: 18px; }
.node h3 { font-size: 31px; margin-bottom: 12px; }
.arrow { color: var(--accent); font-size: 50px; text-align: center; font-family: var(--font-mono); }

.evidence-box {
  border: 1px solid var(--line);
  border-radius: 30px;
  background: rgba(255,255,255,.035);
  padding: 30px;
  min-height: 500px;
}
.evidence-box h3 { font-size: 28px; margin-bottom: 20px; color: var(--accent); }
.evidence-box ul { margin: 0; padding-left: 24px; }
.evidence-box li { font-size: 22px; margin: 14px 0; }

.command-strip { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px; }
.cmd { font-family: var(--font-mono); font-size: 18px; color: #d9fff6; border: 1px solid rgba(100,244,208,.26); border-radius: 999px; padding: 10px 14px; background: rgba(100,244,208,.075); }

.compare { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.compare .dark-card { min-height: 430px; }
.dark-card h3 { font-size: 36px; margin-bottom: 22px; }
.dark-card ul { margin: 0; padding-left: 24px; }
.dark-card li { font-size: 23px; margin: 15px 0; }

.matrix-dark { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; height: 560px; }
.matrix-dark > div { border: 1px solid var(--line); border-radius: 26px; padding: 28px; background: rgba(255,255,255,.04); }
.matrix-dark h3 { font-size: 30px; color: var(--accent); margin-bottom: 14px; }
.matrix-dark p { font-size: 22px; }

.quote-big { font-size: 78px; line-height: 1.06; letter-spacing: -.055em; max-width: 1320px; font-weight: 760; }
.caption { color: rgba(159,176,195,.72); }
.small-note { font-family: var(--font-mono); font-size: 15px; color: rgba(159,176,195,.70); }
.badge-row { display: flex; gap: 14px; flex-wrap: wrap; }
.badge { border: 1px solid var(--line); border-radius: 999px; padding: 10px 14px; color: var(--ink); background: rgba(255,255,255,.045); font-family: var(--font-mono); font-size: 14px; }

@media print {
  .slide { background: #0d1420 !important; color: #edf6ff; }
}