@font-face {
  font-family: Geist;
  src: url("static/fonts/GeistVariable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url("static/fonts/GeistVariable-Italic.woff2") format("woff2");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Geist Mono";
  src: url("static/fonts/GeistMonoVariable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --accent: #0984e3;
  --ink: #2d3436;
  --canvas: #f5f6fa;
  --risk: #d63031;
  --zadast-col: #eaf2ff;
  --muted-card: #f1f2f6;
  --gray-50: #f7f7f7;
  --gray-100: #eeeeef;
  --gray-150: #dfe0e2;
  --gray-200: #d3d5d9;
  --gray-300: #c5c8ce;
  --gray-400: #9aa1ac;
  --gray-500: #7b818d;
  --gray-600: #545d6c;
  --gray-700: #364153;
  --gray-800: #243042;
  --gray-900: #1c222d;
  --gray-950: #111418;
  --blue-50: #e9f7ff;
  --blue-100: #caebff;
  --blue-400: #4babff;
  --blue-500: #1c91ff;
  --blue-700: #0a6cc6;
  --green-50: #fefff0;
  --green-200: #e2f78c;
  --green-600: #418b5c;
  --green-700: #277644;
  --rose-50: #fff1f7;
  --rose-200: #ffc3df;
  --rose-500: #e14322;
  --golden-50: #fffae0;
  --golden-100: #ffefa8;
  --golden-400: #ffbe2c;
  --golden-500: #ffaa0d;
  --golden-600: #f09517;
  --dark: #020617;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  height: 100%;
  background: var(--gray-950);
  color: var(--gray-900);
  font-family: Geist, ui-sans-serif, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}

button, a { font-family: inherit; }

.viewport {
  width: 100vw;
  height: 100vh;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #0b0e12;
}

.stage-wrap {
  position: relative;
  overflow: hidden;
  width: 1920px;
  height: 1080px;
  background: #fff;
}

.stage {
  width: 1920px;
  height: 1080px;
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: 0 0;
  background: #fff;
}

.slide {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  padding: 48px 72px 56px;
  background: #fff;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 0;
}
.slide.on {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 1;
}
.slide:not(.on) {
  content-visibility: hidden;
}
.split .col.copy {
  flex: 1 1 50%;
  max-width: 52%;
}
.split .panel {
  flex: 0 1 48%;
  max-width: 48%;
}
.slide.dark { background: var(--dark); color: #fff; }
.slide.cream { background: var(--gray-50); }

.top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 28px;
  flex-shrink: 0;
}
.logo { height: 40px; width: auto; display: block; }
.slide.dark .logo { filter: invert(1); }
.top-meta {
  font-family: "Geist Mono", ui-monospace, monospace;
  font-size: 13px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--gray-500);
}
.slide.dark .top-meta { color: rgba(255,255,255,.45); }

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 32px;
  padding: 0 14px;
  width: fit-content;
  border-radius: 999px;
  background: var(--blue-100);
  color: var(--blue-700);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: 18px;
}
.eyebrow .dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--blue-500);
}
.eyebrow.dark {
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.72);
  border: 1px solid rgba(255,255,255,.1);
}
.eyebrow.dark .dot { background: var(--blue-400); }

h1 {
  font-size: 68px;
  font-weight: 600;
  letter-spacing: -.04em;
  line-height: .96;
  max-width: 16ch;
}
h2 {
  font-size: 42px;
  font-weight: 600;
  letter-spacing: -.035em;
  line-height: 1.1;
  max-width: 18em;
}
.product-slide h2 { font-size: 40px; max-width: none; }
h3 {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -.02em;
}

.lead {
  margin-top: 16px;
  font-size: 22px;
  line-height: 1.45;
  color: var(--gray-600);
  max-width: 36ch;
}
.slide.dark .lead { color: rgba(255,255,255,.7); }

.body { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.row {
  display: flex;
  flex-direction: row;
  gap: 40px;
  align-items: stretch;
  flex: 1 1 0;
  min-height: 0;
  min-width: 0;
}
.col {
  flex: 1 1 0;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.col.copy { justify-content: center; }
.col.copy.start { justify-content: flex-start; }
.center { justify-content: center; }

.panel {
  position: relative;
  border-radius: 28px;
  overflow: hidden;
  flex: 1.05 1 0;
  min-width: 0;
  min-height: 0;
  padding: 0;
}
.panel > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: contain;
  object-position: center;
}
.panel.art > img {
  inset: 28px;
  width: calc(100% - 56px);
  height: calc(100% - 56px);
  object-fit: contain;
}
.panel.cover > img {
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 82% 56%;
}
.panel.shot > img {
  inset: 36px;
  width: calc(100% - 72px);
  height: calc(100% - 72px);
  object-fit: contain;
  object-position: center;
}
.panel.shot.fill {
  background: #d5e0e8;
}
.panel.shot.fill > img {
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 28%;
}
.rose, .tile.rose, .panel.rose { background: var(--rose-50); }
.green, .tile.green, .panel.green { background: var(--green-50); }
.blue, .tile.blue, .panel.blue { background: var(--blue-50); }
.gold, .tile.gold, .panel.gold { background: var(--golden-50); }
.gray, .tile.gray, .panel.gray { background: var(--gray-50); }

.slide > .grid3 {
  flex: 1 1 0;
  min-height: 0;
  align-content: stretch;
}
.grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.grid3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 18px; }
.grid4 { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 16px; }
.surfaces {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 18px;
  flex: 1 1 0;
  min-height: 0;
  margin-top: 20px;
}

.tile {
  border-radius: 24px;
  padding: 28px 28px 26px;
  min-height: 0;
  min-width: 0;
}
.tile h3 { margin: 10px 0 12px; font-size: 24px; }
.tile p { font-size: 18px; line-height: 1.45; color: var(--gray-600); }
.slide.dark .tile p { color: rgba(255,255,255,.62); }

.k {
  font-family: "Geist Mono", ui-monospace, monospace;
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 500;
}
.k.blue { color: var(--blue-500); background: transparent; }
.k.rose { color: var(--rose-500); background: transparent; }
.k.green { color: var(--green-600); background: transparent; }
.k.gold { color: var(--golden-600); background: transparent; }

.stat {
  font-size: 48px;
  font-weight: 600;
  letter-spacing: -.04em;
  line-height: 1;
}
.stat.phrase {
  font-size: 28px;
  line-height: 1.15;
  letter-spacing: -.03em;
}

.quote {
  border-left: 2px solid rgba(28,34,45,.15);
  padding-left: 22px;
  margin-top: auto;
  flex-shrink: 0;
}
.quote p { font-size: 20px; line-height: 1.4; max-width: 40ch; letter-spacing: -.005em; }
.quote .who {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
}
.quote .who img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}
.quote span { font-size: 14px; color: var(--gray-500); }

.steps {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 18px;
  margin-top: 28px;
  flex: 1 1 0;
  min-height: 0;
  align-content: stretch;
}
.steps.four {
  grid-template-columns: repeat(4, 1fr);
  flex: 1 1 0;
}
.step {
  padding: 28px 24px 32px;
  border-top: 0;
  border-radius: 24px;
  background: var(--gray-50);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
}
.step .n {
  font-family: "Geist Mono", monospace;
  font-size: 48px;
  font-weight: 600;
  letter-spacing: -.04em;
  line-height: 1;
  color: var(--gray-900);
  margin-bottom: 22px;
}
.step:nth-child(1) { background: var(--blue-50); }
.step:nth-child(2) { background: var(--golden-50); }
.step:nth-child(3) { background: var(--green-50); }
.step:nth-child(4) { background: var(--rose-50); }
.step:nth-child(5) { background: var(--gray-50); border: 1px solid var(--gray-100); }
.step h3 { font-size: 28px; margin-bottom: 14px; }
.step p { font-size: 20px; color: var(--gray-600); line-height: 1.45; }

.list { list-style: none; margin-top: 12px; }
.list li {
  font-size: 21px;
  padding: 16px 0;
  border-bottom: 1px solid var(--gray-100);
  max-width: 24em;
}

.hero-copy {
  flex: 0 0 42%;
  width: 42%;
  max-width: 42%;
  min-width: 0;
  padding-right: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.logos {
  display: flex;
  gap: 36px;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 32px;
  opacity: .7;
}
.logos img { height: 28px; width: auto; }

.tools {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
}
.tool {
  background: #fff;
  border-radius: 18px;
  height: 88px;
  display: grid;
  place-items: center;
  border: 1px solid var(--gray-100);
}
.tool img { height: 32px; width: auto; }

.models {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}
.model {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 58px;
  padding: 0 20px 0 12px;
  border-radius: 16px;
  background: var(--gray-50);
  border: 1px solid var(--gray-100);
  font-size: 18px;
  font-weight: 500;
}
.model img { width: 32px; height: 32px; object-fit: contain; }

.plan {
  border-radius: 28px;
  padding: 36px;
  flex: 1 1 0;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.plan.featured { background: var(--blue-50); }
.plan.ent { background: var(--gray-950); color: #fff; }
.plan.ent p { color: rgba(255,255,255,.65); }
.plan ul { list-style: none; margin-top: 20px; }
.plan li { font-size: 17px; line-height: 1.5; padding: 7px 0; color: var(--gray-600); }
.plan.ent li { color: rgba(255,255,255,.72); }
.plan li::before { content: "✓  "; color: var(--green-600); font-weight: 600; }
.plan.ent li::before { color: var(--green-200); }
.price {
  font-size: 36px;
  font-weight: 600;
  letter-spacing: -.03em;
  margin: 8px 0 4px;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  padding: 0 22px;
  border-radius: 14px;
  font-weight: 500;
  font-size: 16px;
  text-decoration: none;
  background: var(--gray-900);
  color: #fff;
}
.btn.hi { background: var(--blue-500); }
.btn.ghost {
  background: transparent;
  color: #fff;
  border: 1px solid rgba(255,255,255,.18);
}
.cta-row { display: flex; gap: 12px; margin-top: 36px; flex-wrap: wrap; }

.cta-body {
  align-items: center;
  text-align: center;
  justify-content: center;
  gap: 4px;
}
.cta-body .metrics { margin-top: 40px; padding-top: 0; }
.metrics {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0;
  max-width: 900px;
  width: 100%;
}
.metrics > div {
  padding: 0 32px;
  text-align: center;
  border-left: 1px solid rgba(255,255,255,.1);
}
.metrics > div:first-child { border-left: 0; }

.italic { font-style: italic; font-weight: 400; }

.faces {
  display: flex;
  gap: 16px;
}
.face {
  flex: 1;
  background: var(--gray-50);
  border-radius: 20px;
  padding: 18px;
  text-align: left;
}
.face img,
.face-pic {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  object-fit: cover;
  margin-bottom: 12px;
  background: var(--gray-150);
}
.face-pic {
  display: grid;
  place-items: center;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -.02em;
  background: var(--blue-100);
  color: var(--blue-700);
}
.face strong { display: block; font-size: 16px; }
.face em { font-style: normal; font-size: 13px; color: var(--gray-500); }

.badge-row {
  display: flex;
  gap: 18px;
  align-items: center;
  margin-top: 18px;
}
.badge-row img { height: 56px; width: auto; }

.chrome {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  min-width: 0;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid var(--gray-150);
}
.chrome-bar {
  height: 40px;
  background: var(--gray-50);
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  font-size: 12px;
  color: var(--gray-500);
  font-family: "Geist Mono", monospace;
}
.dots { display: flex; gap: 6px; margin-right: 10px; }
.dots i { width: 10px; height: 10px; border-radius: 50%; display: block; }
.dots i:nth-child(1) { background: #ff5f57; }
.dots i:nth-child(2) { background: #febc2e; }
.dots i:nth-child(3) { background: #28c840; }
.chrome img {
  width: 100%;
  flex: 1 1 0;
  object-fit: contain;
  min-height: 0;
  min-width: 0;
  background: var(--gray-50);
}
.chrome .tile { flex: 0 0 auto; }

.progress {
  position: fixed;
  left: 0; right: 0; bottom: 0;
  height: 3px;
  background: rgba(255,255,255,.08);
  z-index: 20;
}
.progress > i {
  display: block;
  height: 100%;
  background: var(--blue-500);
  width: 0;
  transition: width .28s ease;
}

.hint {
  position: fixed;
  right: 24px;
  bottom: 18px;
  z-index: 21;
  font-family: "Geist Mono", monospace;
  font-size: 11px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: rgba(255,255,255,.4);
}

.hud {
  position: fixed;
  left: 24px;
  bottom: 16px;
  z-index: 21;
  display: flex;
  gap: 8px;
}
.hud button {
  height: 32px;
  padding: 0 12px;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(17,20,24,.7);
  color: rgba(255,255,255,.7);
  font-size: 11px;
  letter-spacing: .06em;
  text-transform: uppercase;
  cursor: pointer;
  font-family: "Geist Mono", monospace;
}
.hud button:hover { color: #fff; background: rgba(28,145,255,.35); }

.notes {
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 30;
  background: #111418;
  color: #fff;
  padding: 20px 80px 36px;
  transform: translateY(100%);
  transition: transform .22s ease;
  border-top: 1px solid rgba(255,255,255,.08);
}
.notes.open { transform: translateY(0); }
.notes .k { color: var(--blue-400); margin-bottom: 8px; }
.notes p { font-size: 18px; line-height: 1.45; max-width: 90ch; color: rgba(255,255,255,.82); }

.overview {
  position: fixed;
  inset: 0;
  z-index: 40;
  background: #0b0e12;
  display: none;
  padding: 40px;
  overflow: auto;
}
.overview.open { display: block; }
.overview h4 {
  color: #fff;
  font-size: 18px;
  margin-bottom: 20px;
  font-weight: 500;
}
.thumbs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  --thumb-scale: 0.2;
}
.thumb {
  aspect-ratio: 16/9;
  border-radius: 12px;
  background: #111;
  cursor: pointer;
  overflow: hidden;
  border: 2px solid transparent;
  color: #fff;
  padding: 0;
  text-align: left;
  position: relative;
  display: block;
  width: 100%;
}
.thumb.on { border-color: var(--blue-500); }
.thumb-clip {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.thumb-scale {
  width: 1920px;
  height: 1080px;
  transform-origin: top left;
  transform: scale(var(--thumb-scale));
}
.thumb-scale .slide {
  position: absolute !important;
  inset: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  content-visibility: visible !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
.thumb-label {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: 28px 12px 10px;
  background: linear-gradient(transparent, rgba(0, 0, 0, .82));
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -.01em;
}
.thumb-label .n {
  font-family: "Geist Mono", monospace;
  font-size: 11px;
  color: rgba(255,255,255,.55);
  margin-right: 8px;
}

.agents {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 22px;
  flex: 0 0 auto;
}
.agent {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #fff;
  border: 1px solid var(--gray-100);
  border-radius: 16px;
  padding: 10px 12px;
  min-width: 0;
}
.agent img { width: 36px; height: 36px; flex-shrink: 0; }
.agent strong { display: block; font-size: 14px; white-space: normal; }
.agent span { font-size: 12px; color: var(--gray-500); }

.agent-poster {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  padding: 32px;
  align-content: center;
}
.agent-poster-card {
  background: #fff;
  border-radius: 22px;
  padding: 24px 22px 22px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 200px;
  box-shadow: 0 12px 32px rgba(28, 34, 45, .07);
}
.agent-poster-card img {
  position: static;
  width: 52px;
  height: 52px;
  inset: auto;
  object-fit: contain;
}
.agent-poster-card strong {
  font-size: 24px;
  letter-spacing: -.02em;
}
.agent-poster-card span {
  font-size: 16px;
  line-height: 1.4;
  color: var(--gray-600);
}

.split h2 { font-size: 38px; max-width: 14em; }
.cover-bleed {
  display: flex;
  padding: 0;
  color: #fff;
}
.cover-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 0;
}
.cover-shade {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(105deg, rgba(2, 6, 23, .92) 0%, rgba(2, 6, 23, .78) 42%, rgba(2, 6, 23, .22) 100%);
}
.cta-shade {
  background: linear-gradient(100deg, rgba(2, 6, 23, .94) 0%, rgba(2, 6, 23, .82) 46%, rgba(2, 6, 23, .4) 100%);
}
.cover-bleed .top,
.cover-bleed .hero-copy {
  position: relative;
  z-index: 2;
}
.cover-bleed .top {
  padding: 48px 72px 0;
  margin-bottom: 0;
}
.cover-bleed .hero-copy {
  flex: 1;
  width: auto;
  max-width: none;
  padding: 40px 72px 72px;
  justify-content: flex-end;
}
.cover-bleed h1 {
  max-width: 16em;
  font-size: 52px;
  color: #fff;
}
.cover-bleed .lead {
  max-width: 28em;
}
.cover-kpis {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 14px;
  margin-top: 22px;
  max-width: 1080px;
}
.cover-kpis > div {
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 18px;
  padding: 18px 20px 20px;
}
.cover-kpis .ico {
  width: 28px;
  height: 28px;
  display: block;
  margin-bottom: 12px;
  color: rgba(255, 255, 255, .72);
}
.cover-kpis .ico-char {
  display: block;
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 12px;
  color: rgba(255, 255, 255, .72);
}
.cover-kpis strong {
  display: block;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -.03em;
  line-height: 1.1;
}
.cover-kpis span:not(.ico-char) {
  display: block;
  margin-top: 8px;
  font-size: 15px;
  line-height: 1.35;
  color: rgba(255, 255, 255, .62);
}
.mechanic {
  list-style: none;
  padding: 0;
  margin-top: 18px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1 1 0;
  min-height: 0;
}
.mechanic li {
  list-style: none;
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 16px;
  align-items: start;
  background: var(--gray-50);
  border-radius: 18px;
  padding: 12px 18px;
  flex: 1 1 0;
  min-height: 0;
}
.mechanic li::marker { content: none; }
.mechanic .n {
  font-family: "Geist Mono", monospace;
  font-size: 36px;
  font-weight: 600;
  letter-spacing: -.04em;
  color: var(--blue-500);
  line-height: 1;
  padding-top: 0;
}
.mechanic h3 { font-size: 20px; margin: 0 0 4px; }
.mechanic p { font-size: 16px; line-height: 1.4; color: var(--gray-600); margin: 0; }
.kpi-strip {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
  margin-top: 18px;
  flex: 0 0 auto;
}
.kpi-strip > div {
  background: var(--blue-50);
  border-radius: 20px;
  padding: 20px 24px;
}
.kpi-strip strong {
  display: block;
  font-size: 22px;
  letter-spacing: -.02em;
  margin-bottom: 6px;
}
.kpi-strip span { font-size: 16px; color: var(--gray-600); }
.tam {
  display: grid;
  grid-template-columns: 1.15fr 1fr 1fr;
  gap: 18px;
  flex: 1 1 0;
  min-height: 0;
  margin-top: 24px;
}
.tam-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 32px 30px;
}
.tam-card .k { font-size: 18px; }
.tam-card .stat {
  font-size: 44px;
  margin: 14px 0 16px;
}
.tam-card p { font-size: 18px; }
.econ {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 18px;
  flex: 1 1 0;
  min-height: 0;
  margin-top: 24px;
}
.econ .tile {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 32px 30px;
}
.econ .k { font-size: 18px; }
.econ .stat {
  font-size: 52px;
  margin: 16px 0 18px;
}
.econ p { font-size: 19px; color: var(--gray-600); }
.hygiene {
  margin-top: 18px;
  padding: 22px 28px;
  border-radius: 20px;
  background: var(--gray-50);
  font-size: 20px;
  line-height: 1.45;
  color: var(--gray-600);
  flex-shrink: 0;
  text-align: left;
}
.cover-bleed .lead {
  max-width: 28em;
  color: rgba(255, 255, 255, .72);
}
.cta-copy h1 { max-width: 13em; font-size: 56px; }
.cta-bleed .cta-row { margin-top: 28px; }

.fine {
  margin-top: 18px;
  font-size: 16px;
  line-height: 1.4;
  color: var(--gray-500);
  flex-shrink: 0;
}
.fine.limits {
  display: flex;
  gap: 16px;
  align-items: baseline;
  margin-top: 12px;
  padding: 12px 18px;
  border-radius: 16px;
  background: var(--gray-50);
  font-size: 15px;
  color: var(--gray-600);
}
.fine.limits .k {
  flex: 0 0 auto;
  color: var(--gray-500);
}

.bars {
  flex: 1 1 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 24px;
}
.bar {
  flex: 1 1 0;
  display: grid;
  grid-template-columns: 200px minmax(260px, 0.9fr) 1.2fr;
  gap: 24px;
  align-items: center;
  padding: 0 40px;
  border-radius: 24px;
  min-height: 0;
}
.bar .k { font-size: 16px; }
.bar:has(.num) {
  grid-template-columns: 180px minmax(280px, 0.9fr) 1.2fr;
}
.bar .num {
  font-size: 56px;
  font-weight: 600;
  letter-spacing: -.06em;
  line-height: .9;
  text-transform: none;
}
.bar h3 {
  font-size: 28px;
  margin: 0;
  letter-spacing: -.03em;
  line-height: 1.15;
}
.bar p {
  font-size: 22px;
  line-height: 1.4;
  color: var(--gray-600);
  margin: 0;
  max-width: 32em;
}
.bar p.dense {
  font-size: 18px;
  line-height: 1.4;
}

.fill-tiles {
  flex: 1 1 0;
  align-content: stretch;
}
.fill-tiles .tile {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
  padding: 28px 32px 32px;
}
.fill-tiles .tile .k {
  font-size: 22px;
  letter-spacing: .05em;
  margin-bottom: 16px;
}
.fill-tiles .tile h3 {
  font-size: 28px;
  margin: 0 0 12px;
}
.fill-tiles .tile p { font-size: 19px; }
.fill-tiles .tile .stat.phrase {
  font-size: 34px;
  margin: 4px 0 14px;
}

.matrix-wrap {
  flex: 1 1 0;
  min-height: 0;
  margin-top: 8px;
  display: flex;
}
.matrix-wrap .matrix {
  flex: 1;
  margin-top: 0;
}
.matrix {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
  font-size: 20px;
}
.matrix th,
.matrix td {
  padding: 16px 18px;
  text-align: left;
  border-bottom: 1px solid var(--gray-100);
  vertical-align: middle;
}
.matrix tbody tr { height: 20%; }
.matrix th {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--gray-500);
  padding-bottom: 18px;
}
.matrix tbody td:first-child {
  font-size: 16px;
  line-height: 1.3;
  font-weight: 600;
  max-width: 22em;
}
.matrix .no { color: var(--gray-400); }
.matrix .mid { color: var(--golden-600); font-weight: 500; }
.matrix .yes { color: var(--green-700); font-weight: 600; }
.matrix th.hi,
.matrix td.hi {
  background: var(--blue-50);
}
.matrix th.hi { color: var(--blue-700); }
.matrix td.hi { color: var(--blue-700); font-weight: 700; }

.price {
  font-variant-numeric: tabular-nums;
}

.bars.quant .bar {
  grid-template-columns: 240px minmax(260px, 1.2fr) 220px;
  align-items: center;
  overflow: visible;
}
.bars.quant .bar .k {
  white-space: nowrap;
  letter-spacing: .04em;
  overflow: visible;
  padding-right: 16px;
}
.bars.quant .bar > div:nth-child(2) h3 {
  margin-bottom: 8px;
}
.bars.quant .bar p {
  font-size: 18px;
}
.bars.quant.four {
  gap: 8px;
  margin-top: 12px;
}
.bars.quant.four .bar {
  padding: 0 28px;
}
.bars.quant.four .bar h3 {
  font-size: 22px;
}
.bars.quant.four .bar p {
  font-size: 16px;
}
.bars.quant.four .bar-metric {
  font-size: 32px;
}
.bar-metric {
  font-size: 40px;
  font-weight: 600;
  letter-spacing: -.04em;
  line-height: 1;
  color: var(--gray-900);
  text-align: right;
}
.bar-metric span {
  display: block;
  margin-top: 8px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.3;
  color: var(--gray-500);
}
.mechanic-time {
  flex-shrink: 0;
  margin-top: 14px;
  padding: 14px 18px;
  border-radius: 16px;
  background: var(--blue-50);
  color: var(--blue-700);
  font-size: 16px;
  line-height: 1.35;
  font-weight: 500;
}
.payoff {
  flex-shrink: 0;
  margin-top: 12px;
  padding: 12px 20px;
  border-radius: 16px;
  background: var(--green-50);
  color: var(--green-700);
  font-size: 17px;
  line-height: 1.35;
  font-weight: 500;
}
.slide:has(.payoff) .bars {
  margin-top: 14px;
  gap: 10px;
}
.slide:has(.payoff) .spine,
.slide:has(.payoff) .layer-flow { margin-top: 18px; }
.gain {
  flex: 1 1 0;
  min-height: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 22px;
}
.gain article {
  border-radius: 24px;
  padding: 26px 28px;
  min-height: 0;
}
.gain-ico {
  width: 32px;
  height: 32px;
  display: block;
  margin-bottom: 8px;
}
.gain article.blue .gain-ico { color: var(--blue-500); }
.gain article.gold .gain-ico { color: var(--golden-600); }
.gain article.rose .gain-ico { color: var(--rose-500); }
.gain article.green .gain-ico { color: var(--green-600); }
.gain h3 {
  font-size: 26px;
  letter-spacing: -.03em;
  margin: 10px 0 12px;
  line-height: 1.15;
}
.disclaimer-block {
  flex-shrink: 0;
  margin-top: 14px;
  padding: 16px 22px;
  border-radius: 16px;
  background: var(--golden-50);
  border: 1px solid var(--golden-100);
  color: var(--gray-900);
  font-size: 18px;
  line-height: 1.4;
  font-weight: 600;
}
.gain p {
  margin: 0;
  font-size: 18px;
  line-height: 1.4;
  color: var(--gray-600);
}
.gain.biz-gain article {
  display: flex;
  flex-direction: column;
  padding: 22px 26px 20px;
}
.gain.biz-gain .gain-ico { margin-bottom: 4px; }
.gain.biz-gain h3 {
  font-size: 24px;
  margin: 6px 0 8px;
}
.gain.biz-gain p {
  font-size: 16px;
  margin-bottom: 10px;
}
.gain.biz-gain ul {
  margin: 0;
  padding-left: 1.15em;
  font-size: 16px;
  line-height: 1.4;
  color: var(--gray-700);
  flex: 1 1 auto;
}
.gain.biz-gain li + li { margin-top: 4px; }
.doors {
  flex: 1 1 0;
  min-height: 0;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
  margin-top: 22px;
}
.doors article {
  border-radius: 22px;
  padding: 22px 18px 20px;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.doors.now,
.doors article.now {
  box-shadow: inset 0 0 0 2px rgba(28, 145, 255, .35);
}
.doors h3 {
  font-size: 24px;
  letter-spacing: -.03em;
  margin: 10px 0 12px;
}
.doors p {
  margin: 0;
  font-size: 16px;
  line-height: 1.35;
  color: var(--gray-600);
}
.doors.six {
  grid-template-columns: repeat(6, 1fr);
  gap: 12px;
}
.doors.six article {
  padding: 18px 14px 16px;
}
.doors.six h3 {
  font-size: 20px;
  margin: 8px 0 10px;
}
.doors.six p {
  font-size: 14px;
  line-height: 1.35;
}
.doors.ten {
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: 1fr 1fr;
  gap: 12px;
  margin-top: 16px;
}
.doors.ten article {
  padding: 16px 16px 14px;
}
.doors.ten h3 {
  font-size: 22px;
  margin: 8px 0 8px;
}
.doors.ten p {
  font-size: 15px;
  line-height: 1.35;
}
.industries {
  flex: 1 1 0;
  min-height: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr 1fr;
  gap: 14px;
  margin-top: 18px;
}
.industries article {
  border-radius: 22px;
  padding: 20px 22px 16px;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.industries h3 {
  font-size: 24px;
  letter-spacing: -.03em;
  margin: 6px 0 8px;
  line-height: 1.15;
}
.industries p {
  margin: 0 0 10px;
  font-size: 16px;
  line-height: 1.35;
  color: var(--gray-600);
}
.industries ul {
  margin: 0;
  padding-left: 1.15em;
  font-size: 16px;
  line-height: 1.4;
  color: var(--gray-700);
  flex: 1 1 auto;
}
.industries li + li { margin-top: 4px; }
.industries .guarantee {
  padding-top: 12px;
}
.case-slot {
  margin-top: 10px;
  padding: 10px 14px;
  border-radius: 12px;
  font-size: 15px;
  line-height: 1.35;
}
.report-strip .case-slot {
  background: transparent;
  border: 1px dashed rgba(255,255,255,.35);
  color: rgba(255,255,255,.78);
}
.rights-gain {
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 20px;
  margin-top: 28px;
}
.rights-gain article {
  min-height: 0;
  padding: 32px 36px 28px;
  display: flex;
  flex-direction: column;
}
.rights-head {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 22px;
}
.rights-gain .n {
  flex-shrink: 0;
  width: 72px;
  height: 72px;
  display: grid;
  place-items: center;
  border-radius: 20px;
  background: #fff;
  font-family: Geist, ui-sans-serif, system-ui, sans-serif;
  font-size: 36px;
  font-weight: 600;
  letter-spacing: -.05em;
  line-height: 1;
  color: var(--blue-500);
  margin: 0;
}
.rights-gain article.gold .n { color: var(--golden-600); }
.rights-gain article.green .n { color: var(--green-700); }
.rights-gain .k {
  font-size: 20px;
  letter-spacing: .12em;
  font-weight: 600;
}
.rights-gain h3 {
  font-size: 32px;
  margin: 0 0 12px;
  line-height: 1.12;
}
.rights-gain p {
  font-size: 19px;
  line-height: 1.4;
  max-width: none;
  margin-bottom: 16px;
}
.rights-gain ul {
  margin: 0;
  padding-left: 1.2em;
  font-size: 19px;
  line-height: 1.5;
  color: var(--gray-700);
  flex: 1 1 auto;
}
.rights-gain li + li { margin-top: 8px; }
.rights-gain .guarantee {
  font-size: 15px;
  letter-spacing: .06em;
  padding-top: 20px;
}
.ent-line {
  flex-shrink: 0;
  margin-top: 14px;
  padding: 12px 20px;
  border-radius: 16px;
  background: var(--gray-50);
  font-size: 16px;
  line-height: 1.4;
  color: var(--gray-700);
}
.ent-line strong { font-weight: 650; }
.slide:has(.ent-line) .gain {
  margin-top: 14px;
  gap: 12px;
}
.slide:has(.ent-line) .gain article {
  padding: 20px 24px;
}
.slide:has(.ent-line) .gain h3 {
  font-size: 24px;
  margin: 8px 0 8px;
}
.slide:has(.ent-line) .gain p {
  font-size: 16px;
}
.ladder {
  flex: 1 1 0;
  min-height: 0;
  display: grid;
  grid-template-columns: 1fr 1.15fr 1fr;
  gap: 16px;
  margin-top: 18px;
  position: relative;
}
.ladder article {
  border-radius: 24px;
  padding: 26px 24px 24px;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.ladder .n {
  font-family: "Geist Mono", ui-monospace, monospace;
  font-size: 18px;
  font-weight: 600;
  color: var(--blue-500);
  margin-bottom: 8px;
}
.ladder.ent .n,
.ladder article.ent .n { color: #9FDBFF; }
.ladder h3 {
  font-size: 26px;
  letter-spacing: -.03em;
  margin: 6px 0 10px;
}
.ladder .price {
  font-size: 32px;
  margin: 4px 0 10px;
}
.ladder p {
  margin: 0;
  font-size: 16px;
  line-height: 1.4;
  color: var(--gray-600);
}
.ladder-note {
  margin-top: 12px !important;
  font-size: 14px !important;
  color: var(--gray-500) !important;
}
.ladder article.ent {
  background: var(--gray-950);
  color: #fff;
}
.ladder article.ent .k { color: #9FDBFF; }
.ladder article.ent p,
.ladder article.ent .ladder-note { color: rgba(255,255,255,.7) !important; }
.ladder article.ent .price { color: #fff; }
.slide:has(.payoff) .tam { margin-top: 16px; }
.bar.calc-bar {
  grid-template-columns: 140px minmax(220px, .7fr) 1.4fr;
  align-items: center;
}
.calc {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 16px;
  min-width: 0;
}
.calc label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--gray-500);
}
.calc input {
  height: 48px;
  border: 1px solid var(--gray-200);
  border-radius: 12px;
  padding: 0 14px;
  font: inherit;
  font-size: 22px;
  font-weight: 600;
  color: var(--gray-900);
  background: #fff;
  width: 100%;
}
.calc-out {
  grid-column: 1 / -1;
  font-size: 18px !important;
  color: var(--gray-700) !important;
  max-width: none !important;
}
.calc-out strong { font-weight: 700; color: var(--gray-900); }
.calc-fine {
  grid-column: 1 / -1;
  font-size: 14px !important;
  color: var(--gray-500) !important;
  max-width: none !important;
}
.calc-formula {
  grid-column: 1 / -1;
  margin: 0;
  padding: 10px 14px;
  border-radius: 12px;
  background: #fff;
  font-family: "Geist Mono", ui-monospace, monospace;
  font-size: 14px !important;
  font-weight: 500;
  letter-spacing: -.01em;
  color: var(--gray-700) !important;
  max-width: none !important;
}
.flag-card {
  margin-top: 22px;
  padding: 22px 24px;
  border-radius: 20px;
  background: var(--blue-50);
}
.flag-card strong {
  display: block;
  font-size: 28px;
  letter-spacing: -.03em;
  margin-bottom: 8px;
}
.flag-card span {
  font-size: 18px;
  line-height: 1.4;
  color: var(--gray-600);
}
.agent-showcase {
  display: flex !important;
  flex-direction: column;
  gap: 14px;
  padding: 28px;
}
.agent-showcase:has(.op-frames) {
  padding: 12px;
  gap: 8px;
}
.agent-demo {
  flex: 1 1 0;
  min-height: 0;
  border-radius: 22px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 12px 32px rgba(28, 34, 45, .08);
  position: relative;
}
.demo-badge {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 1;
  height: 28px;
  padding: 0 12px;
  border-radius: 999px;
  background: var(--gray-950);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
}
.agent-demo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
  background: #fff;
}
.demo-cap {
  flex-shrink: 0;
  font-size: 15px;
  color: var(--gray-600);
  padding: 0 4px;
}
.sys-group {
  margin-top: 18px;
}
.sys-group .k {
  color: var(--gray-500);
  margin-bottom: 2px;
}
.sys-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 8px;
}
.alt-gloss {
  margin-top: 10px;
  font-size: 18px;
  line-height: 1.4;
  color: var(--gray-600);
  max-width: 46em;
}
.sys-pills span {
  height: 44px;
  display: inline-flex;
  align-items: center;
  padding: 0 16px;
  border-radius: 999px;
  background: var(--gray-50);
  border: 1px solid var(--gray-100);
  font-size: 16px;
  font-weight: 500;
}
.pipe-col .sys-pills span,
.pipe-col.mid .sys-pills span {
  background: #fff;
}
.sys-pills.compact {
  gap: 8px;
}
.sys-pills.compact span {
  height: 34px;
  padding: 0 12px;
  font-size: 14px;
}
.fill-tiles.stack {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
}
.sys-pills.models { margin-top: 8px; }
.pilot-track {
  flex-shrink: 0;
  margin: 16px 0 6px;
}
.pilot-track-bar {
  height: 8px;
  border-radius: 99px;
  background: var(--gray-100);
  overflow: hidden;
}
.pilot-track-bar i {
  display: block;
  height: 100%;
  width: 100%;
  background: linear-gradient(90deg, var(--blue-500), var(--green-600));
}
.pilot-track-labels {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 10px;
  font-size: 14px;
  color: var(--gray-500);
  font-weight: 500;
}
.steps.weeks { margin-top: 12px; }
.steps.weeks .step .n {
  font-size: 36px;
  margin-bottom: 14px;
  color: var(--blue-500);
}
.matrix td {
  text-align: center;
}
.matrix tbody td:first-child {
  text-align: left;
}
.matrix .mark {
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  margin: 0 8px 0 0;
  background: var(--gray-300);
  font-size: 0;
  line-height: 0;
  vertical-align: 1px;
}
.matrix td.yes .mark,
.matrix td.hi .mark,
.matrix td.no .mark,
.matrix td.mid .mark {
  color: transparent;
}
.roles {
  flex: 1 1 0;
  min-height: 0;
}
.roles .tile .stat.phrase { font-size: 26px; margin: 4px 0 10px; }
.roles .tile p { font-size: 16px; }
.report-strip {
  flex-shrink: 0;
  margin-top: 16px;
  padding: 22px 28px 24px;
  border-radius: 22px;
  background: var(--gray-950);
  color: #fff;
}
.report-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255,255,255,.12);
}
.report-strip .k { color: var(--blue-400); margin-bottom: 0; }
.report-head span {
  font-size: 15px;
  color: rgba(255,255,255,.5);
}
.report-cols {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}
.report-cols strong {
  display: block;
  font-size: 24px;
  letter-spacing: -.03em;
}
.report-cols span {
  display: block;
  margin-top: 6px;
  font-size: 15px;
  color: rgba(255,255,255,.62);
}
.report-strip > p {
  margin-top: 14px;
  font-size: 16px;
  color: rgba(255,255,255,.7);
  line-height: 1.4;
}
.econ.pair {
  grid-template-columns: 1fr 1fr;
  flex: 0 0 auto;
  min-height: 0;
}
.econ.pair .tile { padding: 24px 28px; }
.econ.pair .stat { font-size: 44px; margin: 10px 0 12px; }
.stop-banner {
  flex: 1 1 0;
  min-height: 0;
  margin-top: 16px;
  padding: 32px 40px;
  border-radius: 28px;
  background: var(--green-50);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.stop-banner .stat {
  font-size: 96px;
  letter-spacing: -.06em;
  margin: 8px 0 12px;
  color: var(--green-700);
}
.stop-banner p {
  font-size: 28px;
  line-height: 1.25;
  color: var(--gray-800);
  max-width: 22em;
  font-weight: 500;
}
.cta-form {
  display: grid;
  grid-template-columns: 1fr 1fr 1.1fr auto;
  gap: 10px;
  margin-top: 28px;
  max-width: 980px;
  align-items: stretch;
}
.cta-form input {
  height: 52px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 14px;
  padding: 0 16px;
  font: inherit;
  font-size: 16px;
  color: #fff;
  background: rgba(255,255,255,.08);
}
.cta-form input::placeholder { color: rgba(255,255,255,.45); }
.cta-form .btn { height: 52px; border: 0; cursor: pointer; }

.bars.essence {
  gap: 10px;
  margin-top: 16px;
}
.bars.essence .bar {
  padding: 0 28px;
  grid-template-columns: 120px minmax(220px, 0.9fr) 1.3fr;
}
.bars.essence .bar:nth-child(3) { flex: 1.45 1 0; }
.bars.essence .bar:nth-child(3) h3 + p {
  font-weight: 600;
  color: var(--gray-800);
  font-size: 17px;
}
.bars.essence .bar h3 { font-size: 24px; }
.bars.essence .bar p { font-size: 17px; line-height: 1.35; }

.pipe-where {
  flex-shrink: 0;
  margin-top: 10px;
  padding: 10px 20px;
  border-radius: 18px;
  background: var(--rose-50);
  display: flex;
  gap: 20px;
  align-items: baseline;
}
.pipe-where .k { color: var(--rose-500); flex: 0 0 auto; }
.pipe-where p {
  margin: 0;
  font-size: 17px;
  line-height: 1.4;
  color: var(--gray-700);
}

.tam.quad {
  grid-template-columns: 1fr 1fr;
}
.tam.quad .tam-card { padding: 24px 26px; }
.tam.quad .stat { font-size: 36px; margin: 10px 0 12px; }
.tam.quad .tam-card p { font-size: 16px; }

.plans-row {
  margin-top: 16px;
  align-items: stretch;
}

.cta-check {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 4px;
  font-size: 16px;
  color: rgba(255, 255, 255, .78);
  cursor: pointer;
  user-select: none;
}
.cta-form input[type="checkbox"] {
  width: 18px;
  height: 18px;
  padding: 0;
  border: 0;
  background: transparent;
  accent-color: var(--blue-500);
  flex-shrink: 0;
}
.cta-bleed .cta-row { margin-top: 14px; }
.cta-copy h1 { max-width: 14em; font-size: 48px; }

.cover-hero {
  background: #020617;
}
.hero-shade {
  background: radial-gradient(80% 80% at 80% 40%, rgba(28, 145, 255, .18), transparent 55%),
    linear-gradient(105deg, rgba(2, 6, 23, .98) 0%, rgba(2, 6, 23, .92) 56%, rgba(2, 6, 23, .88) 100%);
}
.cover-hero .cover-row {
  position: relative;
  z-index: 2;
  padding: 8px 72px 56px;
}
.cover-hero .col.copy {
  justify-content: center;
  max-width: none;
  flex: 1 1 50%;
}
.cover-hero h1 {
  max-width: 16em;
  font-size: 40px;
  line-height: 1.08;
}
.hero-kpis {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  max-width: none;
  margin-top: 28px;
  align-items: stretch;
}
.hero-kpis .accent {
  background: var(--accent);
  border-color: var(--accent);
  padding: 18px 18px 20px;
}
.hero-kpis .accent strong {
  font-size: 24px;
  line-height: 1.15;
  letter-spacing: -.03em;
  color: #fff;
}
.hero-kpis .accent span:not(.ico-char) {
  color: rgba(255, 255, 255, .9);
  font-size: 15px;
}
.hero-kpis .quiet {
  background: rgba(255, 255, 255, .04);
  border-color: rgba(255, 255, 255, .08);
  padding: 16px 16px 18px;
}
.hero-kpis .quiet strong {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  color: rgba(255, 255, 255, .88);
}
.hero-kpis .quiet span:not(.ico-char) {
  color: rgba(255, 255, 255, .5);
  font-size: 13px;
}
.cover-points {
  list-style: none;
  margin: 20px 0 0;
  padding: 0;
  max-width: 34em;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.cover-points li {
  position: relative;
  padding-left: 18px;
  font-size: 18px;
  line-height: 1.4;
  color: rgba(255, 255, 255, .78);
}
.cover-points li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--accent);
}
.legal-line {
  flex-shrink: 0;
  margin-top: 12px;
  font-size: 14px;
  line-height: 1.35;
  color: var(--gray-500);
  letter-spacing: .01em;
}
.bars.quant.pain .bar {
  grid-template-columns: 180px minmax(280px, 1.2fr) minmax(260px, .9fr);
}
.bars.quant.pain .bar-metric {
  color: var(--risk);
  font-size: 22px;
  letter-spacing: -.03em;
  line-height: 1.2;
  text-align: left;
}
.bars.quant.pain .bar-metric span {
  color: var(--gray-500);
}
.bars.quant.pain .bar.first {
  box-shadow: inset 3px 0 0 var(--risk);
}
.pain-scope {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 14px 18px;
  flex-wrap: wrap;
  margin-top: 12px;
  padding: 12px 20px;
  border-radius: 16px;
  background: var(--gray-50);
}
.pain-scope .k {
  color: var(--gray-500);
  margin: 0;
}
.pain-scope ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.pain-scope li {
  height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid var(--gray-100);
  display: inline-flex;
  align-items: center;
  font-size: 15px;
  font-weight: 600;
}
.pain-scope small {
  margin-left: auto;
  font-size: 14px;
  color: var(--gray-500);
}
.doors.ten {
  gap: 16px;
}
.doors.ten article {
  border-radius: 8px;
}
.doors.ten article.now {
  background: var(--accent);
  color: #fff;
  box-shadow: none;
}
.doors.ten article.now .k {
  color: rgba(255, 255, 255, .8);
}
.doors.ten article.now p {
  color: rgba(255, 255, 255, .92);
}
.doors.ten article.later {
  background: var(--muted-card);
  color: rgba(45, 52, 54, .6);
  box-shadow: none;
}
.doors.ten article.later .k {
  color: rgba(45, 52, 54, .42);
}
.doors.ten article.later h3 {
  color: rgba(45, 52, 54, .72);
}
.doors.ten article.later p {
  color: rgba(45, 52, 54, .55);
}
.matrix .no,
.matrix .mid,
.matrix .yes {
  color: var(--ink);
  font-weight: 500;
}
.matrix th.hi,
.matrix td.hi {
  background: var(--zadast-col);
}
.matrix th.hi {
  color: var(--accent);
}
.matrix td.hi {
  color: var(--ink);
  font-weight: 600;
}
.matrix .mark {
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  margin-right: 8px;
  background: var(--gray-300);
  vertical-align: 1px;
}
.matrix td.yes .mark { background: var(--gray-400); }
.matrix td.no .mark { background: var(--gray-200); }
.matrix td.mid .mark { background: var(--gray-300); }
.matrix td.hi .mark { background: var(--accent); }
.matrix td.hi {
  font-weight: 700;
}
.cover-live {
  flex: 0 1 46%;
  max-width: 46%;
  min-width: 0;
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 28px;
  padding: 20px 20px 16px;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: flex-start;
}
.ui-mock {
  background: #fff;
  color: #1c222d;
  border-radius: 18px;
  padding: 16px 18px 18px;
  flex: 0 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.cover-bleed .ui-mock {
  color: #1c222d;
}
.ui-head strong {
  display: block;
  font-size: 22px;
  letter-spacing: -.03em;
  color: #1c222d;
}
.ui-head small {
  display: block;
  margin-top: 4px;
  font-size: 13px;
  color: #7b818d;
}
.ui-mock header strong {
  display: block;
  font-size: 22px;
  letter-spacing: -.03em;
}
.ui-mock header small {
  display: block;
  margin-top: 4px;
  font-size: 13px;
  color: var(--gray-500);
}
.ui-bubble {
  margin: 14px 0 12px auto;
  max-width: 92%;
  background: var(--blue-50);
  color: var(--gray-900);
  border-radius: 16px 16px 4px 16px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 500;
}
.ui-agent {
  background: var(--gray-50);
  border-radius: 16px;
  padding: 14px 16px 16px;
}
.ui-who {
  font-weight: 700;
  margin-bottom: 8px;
}
.ui-agent > p:not(.ui-who) {
  font-size: 15px;
  line-height: 1.35;
  color: var(--gray-600);
  margin: 0;
}
.ui-rows { margin: 10px 0 0; }
.ui-rows > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0;
  border-top: 1px solid #eeeeef;
  font-size: 14px;
}
.ui-rows span { color: #7b818d; }
.ui-rows b { font-weight: 600; text-align: right; color: #1c222d; }
.ui-agent dl { margin: 10px 0 0; }
.ui-agent dl > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0;
  border-top: 1px solid var(--gray-100);
  font-size: 14px;
}
.ui-agent dt { color: var(--gray-500); }
.ui-agent dd { font-weight: 600; text-align: right; }
.ui-btn {
  display: inline-block;
  margin-top: 12px;
  background: var(--blue-50);
  color: var(--blue-700);
  padding: 8px 14px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 13px;
}
.cover-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  list-style: none;
  margin-top: auto;
  padding-top: 12px;
}
.cover-steps > * {
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  padding: 8px 4px;
  border-radius: 10px;
  background: rgba(255,255,255,.08);
  color: rgba(255,255,255,.62);
}
.cover-steps .on,
.cover-steps li.on {
  background: rgba(28, 145, 255, .4);
  color: #fff;
}
.cover-live .demo-badge {
  position: static;
  align-self: flex-start;
  margin-bottom: 16px;
}
.cover-live .k,
.demo-reel .k {
  color: var(--blue-400);
}
.live-stage,
.reel-stage {
  position: relative;
  flex: 1 1 0;
  min-height: 360px;
}
.live-stage article,
.reel-stage article {
  position: absolute;
  inset: 0;
  opacity: 0;
  padding: 8px 4px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.live-stage h3,
.reel-stage h3 {
  font-size: 32px;
  margin: 8px 0 12px;
  letter-spacing: -.03em;
}
.live-from {
  font-size: 15px;
  color: var(--blue-400);
  font-weight: 600;
  margin: 8px 0 0;
}
.live-stage p,
.reel-stage p {
  font-size: 18px;
  line-height: 1.4;
  color: rgba(255, 255, 255, .7);
  max-width: 22em;
}
.slide.on .live-stage article:nth-child(1) { animation: live-fade 16s 0s infinite; }
.slide.on .live-stage article:nth-child(2) { animation: live-fade 16s 4s infinite; }
.slide.on .live-stage article:nth-child(3) { animation: live-fade 16s 8s infinite; }
.slide.on .live-stage article:nth-child(4) { animation: live-fade 16s 12s infinite; }
.slide.on .live-dots li:nth-child(1) { animation: live-dot 16s 0s infinite; }
.slide.on .live-dots li:nth-child(2) { animation: live-dot 16s 4s infinite; }
.slide.on .live-dots li:nth-child(3) { animation: live-dot 16s 8s infinite; }
.slide.on .live-dots li:nth-child(4) { animation: live-dot 16s 12s infinite; }
@keyframes live-fade {
  0%, 22% { opacity: 1; }
  28%, 100% { opacity: 0; }
}
@keyframes live-dot {
  0%, 22% { background: #fff; }
  28%, 100% { background: rgba(255, 255, 255, .25); }
}
.live-dots {
  display: flex;
  gap: 8px;
  list-style: none;
  margin: 16px 0 0;
  padding: 0;
}
.live-dots li {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .25);
}
.bar-note {
  margin-top: 8px !important;
  font-size: 15px !important;
}
.scene {
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.scene li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: #fff;
  border-radius: 14px;
  padding: 10px 12px;
  font-size: 15px;
  line-height: 1.3;
  font-weight: 500;
}
.scene b {
  color: var(--blue-500);
  font-family: "Geist Mono", ui-monospace, monospace;
  font-size: 14px;
}

.spine {
  flex: 1 1 0;
  min-height: 0;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
  margin-top: 26px;
}
.spine article {
  position: relative;
  border-radius: 22px;
  padding: 22px 18px 20px;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.spine article:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 36px;
  right: -12px;
  width: 10px;
  height: 3px;
  background: var(--blue-400);
}
.spine article:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 32px;
  right: -16px;
  border: 5px solid transparent;
  border-left-color: var(--blue-400);
}
.spine .n {
  font-family: "Geist Mono", ui-monospace, monospace;
  font-size: 18px;
  font-weight: 600;
  color: var(--blue-500);
  margin-bottom: 8px;
}
.spine-ico {
  width: 28px;
  height: 28px;
  color: var(--blue-500);
  margin: 0 0 10px;
  flex-shrink: 0;
}
.spine article.gold .spine-ico { color: var(--golden-600); }
.spine article.green .spine-ico { color: var(--green-600); }
.spine article.rose .spine-ico { color: var(--rose-500); }
.spine article.gray .spine-ico { color: var(--gray-600); }
.spine h3 {
  font-size: 22px;
  margin: 0 0 10px;
  letter-spacing: -.03em;
}
.spine p {
  font-size: 15px;
  line-height: 1.4;
  color: var(--gray-600);
  margin: 0;
}
.layer-flow {
  list-style: none;
  flex: 1 1 0;
  min-height: 0;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  margin-top: 28px;
  position: relative;
  padding-top: 8px;
}
.layer-flow::before {
  content: "";
  position: absolute;
  top: 36px;
  left: 7%;
  right: 7%;
  height: 4px;
  background: var(--gray-150);
  z-index: 0;
}
.layer-flow li {
  position: relative;
  z-index: 1;
  border-radius: 22px;
  padding: 16px 16px 20px;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.layer-flow li.blue { background: var(--blue-50); }
.layer-flow li.gold { background: var(--golden-50); }
.layer-flow li.green { background: var(--green-50); }
.layer-flow li.rose { background: var(--rose-50); }
.layer-flow li.gray { background: var(--gray-50); }
.lf-num {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #fff;
  border: 3px solid var(--blue-500);
  box-shadow: 0 0 0 4px #fff;
  display: grid;
  place-items: center;
  font-family: "Geist Mono", ui-monospace, monospace;
  font-size: 13px;
  font-weight: 700;
  color: var(--blue-700);
  margin: 0 auto 14px;
}
.layer-flow li.gold .lf-num { border-color: var(--golden-500); color: var(--golden-600); }
.layer-flow li.green .lf-num { border-color: var(--green-600); color: var(--green-700); }
.layer-flow li.rose .lf-num { border-color: var(--rose-500); color: var(--rose-500); }
.layer-flow li.gray .lf-num { border-color: var(--gray-400); color: var(--gray-700); }
.layer-flow .spine-ico {
  width: 36px;
  height: 36px;
  margin: 0 auto 12px;
}
.layer-flow h3 {
  font-size: 22px;
  margin: 0 0 10px;
  letter-spacing: -.03em;
  text-align: center;
}
.layer-flow p {
  font-size: 15px;
  line-height: 1.4;
  color: var(--gray-600);
  margin: 0;
  text-align: center;
}
.layer-flow .guarantee { text-align: center; }
.layer-flow li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 28px;
  right: -10px;
  z-index: 2;
  border: 7px solid transparent;
  border-left-color: var(--gray-400);
}
.guarantee {
  margin-top: auto;
  padding-top: 16px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--gray-900);
}

.now-split {
  flex: 0 0 auto;
  min-height: 0;
  display: grid;
  grid-template-columns: 1.15fr .95fr;
  gap: 16px;
  margin-top: 18px;
}
.now-risk,
.now-econ {
  border-radius: 24px;
  padding: 22px 24px 20px;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.now-risk { background: var(--rose-50); }
.now-econ { background: var(--golden-50); }
.now-split h3 {
  font-size: 24px;
  margin: 8px 0 12px;
  letter-spacing: -.03em;
}
.now-risk ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 0;
}
.now-risk li {
  font-size: 17px;
  line-height: 1.35;
  color: var(--gray-700);
  padding-left: 16px;
  position: relative;
}
.now-risk li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--rose-500);
}
.now-econ .calc { margin-top: 4px; }
.now-compare {
  flex: 1 1 0;
  min-height: 0;
  display: grid;
  grid-template-columns: 1.45fr .9fr;
  gap: 16px;
  margin-top: 16px;
}
.now-compare .vs {
  display: flex;
  flex-direction: column;
  min-height: 0;
  padding: 16px 18px 18px;
}
.now-compare .vs.now { background: var(--rose-50); }
.now-compare .vs.then { background: var(--blue-100); }
.chaos-map {
  flex: 1 1 0;
  min-height: 0;
  display: grid;
  grid-template-columns: 1fr 40px 1fr;
  grid-template-rows: auto 1fr auto 1fr auto;
  grid-template-areas:
    "s1 a12 s2"
    ".  .   a23"
    "s4 a34 s3"
    "a45 .  ."
    "s5 .   .";
  gap: 0 6px;
  margin-top: 8px;
  align-items: center;
}
.cz {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #fff;
  border: 1px solid var(--rose-200);
  border-radius: 14px;
  padding: 10px 14px;
  min-height: 52px;
  align-self: center;
}
.cz i {
  flex: 0 0 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--rose-50);
  color: var(--rose-500);
  font-family: "Geist Mono", ui-monospace, monospace;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  display: grid;
  place-items: center;
}
.cz span {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -.02em;
}
.cz b {
  margin-left: auto;
  color: var(--rose-500);
  font-size: 16px;
  font-weight: 800;
}
.cz-1 { grid-area: s1; }
.cz-2 { grid-area: s2; }
.cz-3 { grid-area: s3; }
.cz-4 { grid-area: s4; }
.cz-5 { grid-area: s5; }
.cz-arr {
  position: relative;
}
.cz-arr.a12 { grid-area: a12; }
.cz-arr.a23 { grid-area: a23; }
.cz-arr.a34 { grid-area: a34; }
.cz-arr.a45 { grid-area: a45; }
.cz-arr.h::before {
  content: "";
  position: absolute;
  left: 2px;
  right: 10px;
  top: 50%;
  height: 3px;
  margin-top: -1px;
  background: var(--rose-500);
  border-radius: 99px;
}
.cz-arr.h::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -6px;
  border: 7px solid transparent;
  border-left-color: var(--rose-500);
}
.cz-arr.h.left::before {
  left: 10px;
  right: 2px;
}
.cz-arr.h.left::after {
  right: auto;
  left: 0;
  border-left-color: transparent;
  border-right-color: var(--rose-500);
}
.cz-arr.v {
  align-self: stretch;
}
.cz-arr.v::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 8px;
  left: 50%;
  width: 3px;
  margin-left: -1px;
  background: var(--rose-500);
  border-radius: 99px;
}
.cz-arr.v::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -6px;
  border: 7px solid transparent;
  border-top-color: var(--rose-500);
}
.straight-path {
  list-style: none;
  flex: 1 1 0;
  min-height: 0;
  display: grid;
  grid-template-rows: 1fr 1fr 1fr;
  gap: 10px;
  margin-top: 8px;
  position: relative;
  align-items: center;
}
.straight-path::before {
  content: "";
  position: absolute;
  left: 24px;
  top: 12%;
  bottom: 12%;
  width: 3px;
  background: var(--green-600);
  border-radius: 99px;
}
.straight-path li {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 12px;
  background: #fff;
  border-radius: 14px;
  padding: 12px 16px;
  min-height: 56px;
  align-self: center;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -.02em;
  box-shadow: 0 0 0 3px rgba(65, 139, 92, .18);
}
.straight-path li i {
  flex: 0 0 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--green-200);
  color: var(--green-700);
  font-family: "Geist Mono", ui-monospace, monospace;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  display: grid;
  place-items: center;
}
.vs.then em {
  display: block;
  margin-top: 10px;
  font-style: normal;
  font-size: 14px;
  color: var(--gray-600);
}
.ui-shot {
  margin: 0;
  flex: 1 1 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.ui-shot img {
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
  max-height: 460px;
  object-fit: contain;
  object-position: top center;
  border-radius: 14px;
  background: #fff;
}
.ui-shot figcaption {
  font-size: 13px;
  color: rgba(255,255,255,.55);
  margin-top: 8px;
}
.shot-reel .ui-mock.shot-fill {
  flex: 1 1 0;
  min-height: 0;
  justify-content: flex-start;
}
.shot-reel .ui-mock.shot-fill .ui-head strong { font-size: 26px; }
.shot-reel .ui-mock.shot-fill .ui-bubble {
  font-size: 18px;
  padding: 12px 16px;
  margin: 18px 0 16px auto;
  flex-shrink: 0;
}
.shot-reel .ui-mock.shot-fill .ui-agent {
  flex: 1 1 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 16px 18px 18px;
}
.shot-reel .ui-mock.shot-fill .ui-who { font-size: 17px; }
.shot-reel .ui-mock.shot-fill .ui-agent > p:not(.ui-who) { font-size: 16px; }
.shot-reel .ui-mock.shot-fill .ui-rows { margin-top: auto; }
.shot-reel .ui-mock.shot-fill .ui-rows > div { font-size: 15px; padding: 10px 0; }
.shot-reel .ui-mock.shot-fill .ui-btn {
  margin-top: 14px;
  padding: 10px 16px;
  font-size: 14px;
  align-self: flex-start;
}
.shot-beats {
  list-style: none;
  display: grid;
  gap: 6px;
  margin-top: 12px;
  flex-shrink: 0;
  font-size: 14px;
  color: rgba(255,255,255,.82);
}
.shot-beats li {
  display: flex;
  gap: 8px;
  align-items: baseline;
}
.shot-beats b {
  color: var(--blue-400);
  font-family: "Geist Mono", ui-monospace, monospace;
}
.cta-form .cta-send {
  height: 56px;
  padding: 0 28px;
  font-size: 18px;
  font-weight: 700;
  background: #fff;
  color: var(--gray-950);
  box-shadow: 0 10px 28px rgba(255, 255, 255, .28);
}
.tam-card .stat.phrase {
  font-size: 26px;
  line-height: 1.2;
  margin: 14px 0 16px;
}

.demo-reel {
  flex: 1 1 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  background: #111418;
  border-radius: 22px;
  padding: 20px 20px 16px;
  color: #fff;
  position: relative;
}
.demo-reel .demo-badge { position: static; margin-bottom: 8px; }
.reel-stage { min-height: 0; }
.reel-stage article { color: #fff; justify-content: flex-start; padding: 12px 4px 0; }
.reel-stage h3 { font-size: 28px; }
.reel-box {
  margin-top: 18px;
  padding: 16px 18px;
  border-radius: 16px;
  background: rgba(255, 255, 255, .08);
  font-size: 16px;
  line-height: 1.4;
  color: rgba(255, 255, 255, .82);
}
.slide.on .reel-stage article:nth-child(1) { animation: live-fade 12s 0s infinite; }
.slide.on .reel-stage article:nth-child(2) { animation: live-fade 12s 4s infinite; }
.slide.on .reel-stage article:nth-child(3) { animation: live-fade 12s 8s infinite; }
.demo-reel .live-dots li:nth-child(4) { display: none; }
.slide.on .demo-reel .live-dots li:nth-child(1) { animation: live-dot 12s 0s infinite; }
.slide.on .demo-reel .live-dots li:nth-child(2) { animation: live-dot 12s 4s infinite; }
.slide.on .demo-reel .live-dots li:nth-child(3) { animation: live-dot 12s 8s infinite; }

.pipe-tri {
  grid-template-columns: 1fr 1fr 1fr;
}
.pipe-tri .pipe-col.mid { background: var(--blue-50); }
.pipe-tri .pipe-col h3 {
  font-size: 22px;
  margin: 6px 0 10px;
}
.pipe-hint {
  font-size: 15px;
  color: var(--gray-600);
  margin: -6px 0 12px;
  line-height: 1.35;
}
.who-strip {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px;
  margin-top: 14px;
  flex-shrink: 0;
}
.who-strip > div {
  background: var(--gray-50);
  border-radius: 16px;
  padding: 14px 16px;
}
.who-strip strong {
  display: block;
  font-size: 16px;
  margin-bottom: 4px;
}
.who-strip span {
  font-size: 14px;
  line-height: 1.35;
  color: var(--gray-600);
}
.week-line { margin-top: 18px; }

@media (prefers-reduced-motion: reduce) {
  .slide.on .live-stage article,
  .slide.on .reel-stage article,
  .slide.on .live-dots li { animation: none; }
  .slide.on .live-stage article:first-child,
  .slide.on .reel-stage article:first-child { opacity: 1; }
}

.flow-arr {
  flex: 0 0 20px;
  width: 20px;
  height: 2px;
  background: var(--gray-200);
  position: relative;
}
.flow-arr::after {
  content: "";
  position: absolute;
  right: -2px;
  top: -4px;
  border: 5px solid transparent;
  border-left-color: var(--gray-200);
}
.cover-flow {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 22px;
  max-width: 760px;
}
.cover-flow .flow-node {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 50px;
  padding: 0 16px 0 12px;
  border-radius: 14px;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .14);
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}
.cover-flow .flow-node.hi {
  background: rgba(28, 145, 255, .3);
  border-color: rgba(75, 171, 255, .5);
}
.cover-flow svg {
  width: 22px;
  height: 22px;
  display: block;
  flex-shrink: 0;
}
.cover-flow .flow-arr {
  background: rgba(255, 255, 255, .4);
}
.cover-flow .flow-arr::after {
  border-left-color: rgba(255, 255, 255, .4);
}

.rule-flow {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
  min-width: 0;
}
.rule-once {
  background: #fff;
  border-radius: 16px;
  padding: 12px 16px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  box-shadow: 0 8px 20px rgba(28, 34, 45, .05);
}
.rule-once span {
  display: block;
  margin-top: 4px;
  font-size: 13px;
  font-weight: 500;
  color: var(--gray-500);
}
.rule-many {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  max-width: 184px;
}
.rule-many b {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: #fff;
  display: grid;
  place-items: center;
  font-size: 16px;
  font-weight: 600;
  box-shadow: 0 8px 20px rgba(28, 34, 45, .05);
}
.rule-many span {
  width: 100%;
  font-size: 13px;
  color: var(--gray-500);
  font-weight: 500;
}

.flow-path {
  flex: 1 1 0;
  min-height: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
  margin-top: 28px;
}
.flow-path article {
  position: relative;
  border-radius: 24px;
  padding: 26px 24px 28px;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.flow-path article:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 58px;
  right: -18px;
  width: 16px;
  height: 3px;
  background: var(--blue-400);
}
.flow-path article:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 53px;
  right: -23px;
  border: 6px solid transparent;
  border-left-color: var(--blue-400);
}
.flow-path .n {
  font-family: "Geist Mono", ui-monospace, monospace;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -.03em;
  color: var(--blue-500);
}
.flow-path svg {
  width: 40px;
  height: 40px;
  margin: 18px 0 16px;
}
.flow-path .blue svg { color: var(--blue-500); }
.flow-path .gold svg { color: var(--golden-600); }
.flow-path .green svg { color: var(--green-600); }
.flow-path .rose svg { color: var(--rose-500); }
.flow-path h3 {
  font-size: 26px;
  margin: 0 0 10px;
}
.flow-path p {
  font-size: 17px;
  line-height: 1.4;
  color: var(--gray-600);
  margin: 0;
}

.vs-flow {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  min-width: 0;
}
.vs {
  border-radius: 16px;
  padding: 12px 14px 14px;
  background: #fff;
  min-width: 0;
}
.vs.then {
  background: var(--blue-100);
}
.vs .k {
  margin-bottom: 8px;
}
.vs-apps {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.vs-apps span {
  height: 28px;
  padding: 0 8px;
  border-radius: 8px;
  background: var(--gray-100);
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  font-weight: 600;
  color: var(--gray-700);
}
.vs.then strong {
  display: block;
  font-size: 18px;
  letter-spacing: -.02em;
}
.vs.then span {
  display: block;
  margin-top: 2px;
  font-size: 13px;
  color: var(--gray-600);
}

.demo-beat {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  margin: 0;
  padding: 14px 12px 12px;
  list-style: none;
  background: linear-gradient(180deg, transparent, rgba(17, 20, 24, .78));
}
.demo-beat li {
  min-height: 44px;
  padding: 8px 6px;
  border-radius: 10px;
  background: rgba(255, 255, 255, .14);
  color: rgba(255, 255, 255, .62);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
  display: grid;
  place-items: center;
}
.slide.on .demo-beat li:nth-child(1) { animation: demo-beat 8s 0s infinite; }
.slide.on .demo-beat li:nth-child(2) { animation: demo-beat 8s 2s infinite; }
.slide.on .demo-beat li:nth-child(3) { animation: demo-beat 8s 4s infinite; }
.slide.on .demo-beat li:nth-child(4) { animation: demo-beat 8s 6s infinite; }
@keyframes demo-beat {
  0%, 22% {
    background: #fff;
    color: var(--gray-900);
  }
  28%, 100% {
    background: rgba(255, 255, 255, .14);
    color: rgba(255, 255, 255, .62);
  }
}
@media (prefers-reduced-motion: reduce) {
  .slide.on .demo-beat li { animation: none; }
  .slide.on .demo-beat li:first-child {
    background: #fff;
    color: var(--gray-900);
  }
}

.pipe-lead {
  max-width: 42em;
  margin-bottom: 4px;
}
.pipe {
  flex: 1 1 0;
  min-height: 0;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 14px;
  margin-top: 14px;
  align-items: stretch;
}
.pipe-col,
.pipe-agent {
  border-radius: 24px;
  padding: 18px 18px 20px;
  min-width: 0;
  background: var(--gray-50);
  display: flex;
  flex-direction: column;
}
.pipe-col.write { background: var(--green-50); }
.pipe-col h3,
.pipe-agent strong {
  display: block;
  font-size: 24px;
  letter-spacing: -.03em;
  margin: 8px 0 14px;
}
.pipe-col .sys-pills { margin-top: 0; }
.src-groups {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 2px;
}
.src-lab {
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--gray-500);
  margin-bottom: 6px;
}
.pipe-col.write ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1 1 0;
  justify-content: space-between;
}
.pipe-col.write li {
  min-height: 40px;
  display: flex;
  align-items: center;
  padding: 8px 14px;
  border-radius: 999px;
  background: #fff;
  font-size: 15px;
  font-weight: 500;
}
.pipe-more {
  margin-top: auto;
  padding-top: 12px;
  font-size: 14px;
  line-height: 1.35;
  color: var(--gray-600);
}
.pipe-mid {
  display: flex;
  align-items: center;
  gap: 10px;
}
.pipe-mid .flow-arr {
  background: var(--blue-400);
  height: 3px;
  flex-basis: 24px;
  width: 24px;
}
.pipe-mid .flow-arr::after {
  border-left-color: var(--blue-400);
}
.pipe-agent {
  width: 340px;
  background: var(--blue-50);
  text-align: center;
}
.pipe-agent .k { color: var(--blue-500); }
.pipe-agent span {
  display: block;
  margin-top: -8px;
  margin-bottom: 14px;
  font-size: 15px;
  color: var(--gray-600);
}
.pipe-agent .sys-pills {
  justify-content: center;
  margin-top: 0;
}
.pipe-meta {
  grid-template-columns: 1fr 1fr;
  margin-top: 10px;
  gap: 12px;
}
.pipe-meta > div { padding: 14px 18px; }
.pipe-meta strong { font-size: 18px; margin-bottom: 4px; }
.pipe-meta span { font-size: 14px; }

.week-line {
  flex: 1 1 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  margin-top: 28px;
}
.week-line-track {
  height: 6px;
  margin: 18px 10% 0;
  border-radius: 99px;
  background: var(--gray-100);
}
.week-line-track i {
  display: block;
  height: 100%;
  width: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--blue-500), var(--green-600));
}
.week-line-items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  flex: 1 1 0;
  min-height: 0;
  margin-top: -28px;
}
.week-line-items > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 0;
}
.week-dot {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--blue-500);
  color: #fff;
  display: grid;
  place-items: center;
  font-family: "Geist Mono", ui-monospace, monospace;
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 16px 22px;
  box-shadow: 0 0 0 8px #fff;
}
.week-card {
  flex: 1 1 0;
  width: 100%;
  min-height: 0;
  background: var(--gray-50);
  border-radius: 22px;
  padding: 22px 22px 24px;
}
.week-card .k {
  color: var(--blue-500);
  margin-bottom: 8px;
}
.week-card h3 {
  font-size: 28px;
  margin: 0 0 10px;
}
.week-card p {
  font-size: 18px;
  line-height: 1.4;
  color: var(--gray-600);
}

.report-mock .report-cols > div {
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 18px;
  padding: 16px 18px 18px;
}
.report-mock svg {
  width: 22px;
  height: 22px;
  color: rgba(255, 255, 255, .45);
  display: block;
}
.report-mock em {
  display: block;
  margin: 10px 0 6px;
  font-style: normal;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .45);
  line-height: 1.15;
}
.report-mock em small {
  display: inline;
  margin-left: 6px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  color: rgba(255, 255, 255, .45);
}
.op-frames {
  flex: 1 1 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px;
}
.op-frames article {
  background: #111418;
  border-radius: 16px;
  padding: 10px 12px 12px;
  min-height: 0;
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
}
.op-frames article.focus { flex: 1.35 1 0; }
.op-frames > article > b {
  color: rgba(255, 255, 255, .5);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.ui-mock.mini {
  flex: 1 1 0;
  padding: 12px 14px 14px;
  min-height: 0;
}
.ui-mock.mini .ui-head strong { font-size: 16px; }
.ui-mock.mini .ui-head small { font-size: 12px; }
.ui-mock.mini .ui-bubble {
  font-size: 14px;
  margin: 10px 0 0 auto;
  padding: 8px 12px;
}
.ui-mock.mini .ui-who { font-size: 14px; margin-bottom: 4px; }
.ui-sub {
  font-size: 13px;
  line-height: 1.35;
  color: var(--gray-600);
  margin: 0 0 8px;
}
.ui-mock.mini .ui-rows > div { font-size: 13px; padding: 6px 0; }
.ui-mock.mini .ui-btn {
  margin-top: 8px;
  padding: 6px 12px;
  font-size: 12px;
}
.ui-mock.mini.done { background: var(--green-50); }
.gantt {
  flex: 1 1 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
}
.gantt-axis,
.gantt-row {
  display: grid;
  grid-template-columns: 110px minmax(280px, 1.35fr) 1fr;
  gap: 16px;
  align-items: center;
}
.gantt-axis {
  padding: 0 18px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--gray-500);
}
.gantt-axis > div {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  text-align: center;
}
.gantt-row {
  background: var(--gray-50);
  border-radius: 16px;
  padding: 12px 18px;
}
.gantt-row strong {
  font-size: 18px;
  letter-spacing: -.02em;
}
.gantt-track {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  height: 22px;
  background: var(--gray-100);
  border-radius: 8px;
  overflow: hidden;
}
.gantt-track i {
  display: block;
  grid-column: var(--col) / span 1;
  height: 100%;
  background: var(--blue-500);
  border-radius: 8px;
}
.gantt-row.last .gantt-track i { background: var(--green-600); }
.gantt-row p {
  margin: 0;
  font-size: 15px;
  line-height: 1.35;
  color: var(--gray-600);
}
.minute-def {
  flex-shrink: 0;
  margin-top: 14px;
  padding: 14px 20px;
  border-radius: 16px;
  background: var(--blue-50);
  font-size: 16px;
  line-height: 1.4;
  color: var(--gray-700);
}
.minute-def strong { color: var(--gray-900); }
.report-mock .report-cols strong { font-size: 20px; }

@media print {
  .viewport { height: auto; display: block; background: #fff; overflow: visible; }
  .stage-wrap { width: 100% !important; height: auto !important; overflow: visible; position: relative; }
  .stage { transform: none !important; width: 100%; height: auto; position: relative; }
  .stage-wrap { width: 100% !important; height: auto !important; overflow: visible; }
  .slide {
    position: relative;
    opacity: 1 !important;
    visibility: visible !important;
    content-visibility: visible !important;
    height: 100vh;
    page-break-after: always;
    break-after: page;
  }
  .progress, .hint, .hud, .notes, .overview { display: none !important; }
}