@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400..800&display=swap');

/* Deck refresh. A Swiss editorial layer on top of the exported deck styles.
   Loaded last. It keeps every class and attribute that nav.js and motion.js use.
   Grid: 1600 x 900 slide. 32px margins. A 58px header row (eyebrow, mark, hairline).
   Titles start at 120px. */

/* Tokens. web.css sets the old tokens on body, so override them there. */
body[data-deck] {
  --r-paper: #f1e7dd;
  --r-oxblood: #490506;
  --r-sun: #ffd437;
  --r-amber: #e9831c;
  --r-flame: #ec4322;
  --r-muted: rgb(73 5 6 / 64%);
  --r-rule: rgb(73 5 6 / 18%);
  --r-paper-muted: rgb(241 231 221 / 62%);
  --r-paper-rule: rgb(241 231 221 / 22%);
  --r-glow: radial-gradient(
    circle,
    var(--r-sun) 0,
    #f7a92a 26%,
    var(--r-amber) 42%,
    rgb(233 131 28 / 0) 70%
  );

  /* Type scale. Every size on a slide comes from this list. */
  --t-display: 120px; /* statement slides */
  --t-figure: 104px; /* the one big number on a slide */
  --t-title: 72px; /* slide titles */
  --t-figure-s: 48px; /* secondary numbers */
  --t-heading: 32px; /* panel and block headings */
  --t-lead: 22px; /* intro lines, vendor names */
  --t-body: 18px; /* body text, list items */
  --t-eyebrow: 14px; /* the section name in the header row */
  --t-label: 13px; /* category labels, captions, footnotes */

  --font-body: 'Manrope', Arial, sans-serif;
  --font-heading: 'Manrope', Arial, sans-serif;
  --sand: var(--r-paper);
  --bone: var(--r-paper);
  --ink: var(--r-oxblood);
  --ember: var(--r-flame);
  --muted-text: var(--r-muted);
  --detail-text: var(--r-muted);
  --paper: none;

  background: var(--r-paper);
  color: var(--r-oxblood);
  font-family: var(--font-body);
}

/* Frame: flat, square, one hairline. */
body[data-deck] .stage {
  border-radius: 0;
  box-shadow: 0 0 0 1px var(--r-rule);
}
body[data-deck] .deck-progress {
  height: 3px;
  background: var(--r-flame);
}

/* Wordmark: the same Percolate mark, recolored to Oxblood. */
body[data-deck] .deck-brand {
  color: var(--r-oxblood);
}
body[data-deck] .deck-brand a {
  font-weight: 600;
}
body[data-deck] .deck-brand img {
  object-position: -9999px 0;
  background: currentColor;
  -webkit-mask: url('/brand/percolate-mark-ember.svg') center / contain
    no-repeat;
  mask: url('/brand/percolate-mark-ember.svg') center / contain no-repeat;
}

/* Navigation. */
body[data-deck] .deck-nav {
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.12em;
}
body[data-deck] .deck-nav button {
  border-color: var(--r-rule);
  background: transparent;
  color: var(--r-oxblood);
}
body[data-deck] .deck-nav button:hover:not(:disabled) {
  border-color: var(--r-oxblood);
  background: var(--r-oxblood);
  color: var(--r-paper);
}

/* Slides: base type. */
.slide.v10 {
  background: var(--r-paper);
  color: var(--r-oxblood);
}
.slide.v10 h1,
.slide.v10 h2 {
  font-family: var(--font-heading);
  font-weight: 800;
  letter-spacing: -0.045em;
}
.slide.v10 h3 {
  font-family: var(--font-body);
}
.slide.v10 em {
  color: var(--r-flame);
}
.slide.v10 .folio {
  font: 600 var(--t-label) / 1 var(--font-body);
  letter-spacing: 0.1em;
  opacity: 0.6;
}


/* Grounds. Slides opt in with a class. */
.slide.v10.r-oxblood {
  background: var(--r-oxblood);
  color: var(--r-paper);
}
.slide.v10.r-oxblood em {
  color: var(--r-sun);
}

/* ---------- System: slides that opt in with .r-sys ---------- */
.slide.v10.r-sys {
  padding: 120px 32px 32px;
}
.slide.v10.r-sys h1,
.slide.v10.r-sys h2 {
  position: relative;
  z-index: 1;
  font-size: var(--t-title);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.025em;
}
.slide.v10.r-sys .folio {
  display: none;
}
/* Small caps label. Used for eyebrows, category names and axis labels. */
.r-label,
.slide.v10.r-sys .r-caps {
  font: 600 var(--t-label) / 1 var(--font-body);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

/* Header row: section name on the left, the Percolate mark on the right, one hairline. */
.r-label {
  font-size: var(--t-eyebrow);
  position: absolute;
  z-index: 3;
  top: 0;
  left: 32px;
  right: 32px;
  display: flex;
  align-items: center;
  height: 58px;
  padding-top: 4px;
  box-sizing: border-box;
  border-bottom: 1px solid var(--r-rule);
}
.r-label::after {
  content: '';
  width: 36px;
  height: 20px;
  margin-left: auto;
  background: currentColor;
  -webkit-mask: url('/brand/percolate-mark-ember.svg') center / contain
    no-repeat;
  mask: url('/brand/percolate-mark-ember.svg') center / contain no-repeat;
}
.r-oxblood .r-label {
  border-color: var(--r-paper-rule);
}

/* Film grain over glow slides, so the gradients read as light, not as bands. */
.slide.v10.r-grain::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  mix-blend-mode: soft-light;
  opacity: 0.42;
}

/* ---------- 01 Opening: a statement over a sunset. ---------- */
.slide.v10.opening10 {
  display: block;
  background:
    linear-gradient(
      to top,
      rgb(236 67 34 / 55%) 0,
      rgb(200 45 25 / 34%) 12%,
      rgb(140 22 14 / 14%) 26%,
      rgb(73 5 6 / 0) 44%
    ),
    var(--r-oxblood);
}
/* The sun: eased stops, then a wide blur for a soft, progressive edge. */
.slide.v10.opening10::before {
  content: '';
  position: absolute;
  left: 760px;
  top: 520px;
  width: 1100px;
  height: 1100px;
  border-radius: 50%;
  background: radial-gradient(
    closest-side,
    #fff1b8 0,
    #ffe27a 12%,
    var(--r-sun) 26%,
    #fbbf3a 40%,
    #f29a2c 54%,
    #ea7424 66%,
    rgb(236 67 34 / 72%) 77%,
    rgb(180 34 20 / 38%) 87%,
    rgb(110 12 10 / 12%) 94%,
    rgb(73 5 6 / 0) 100%
  );
  filter: blur(36px);
}
.slide.v10.r-sys.opening10 h1 {
  font-size: var(--t-display);
  line-height: 1;
  letter-spacing: -0.04em;
}
.slide.v10.opening10 h1 > span + span {
  margin-top: 0;
}

/* ---------- 03 Execution Gap: title and intro on top, tool table below, sun panel. ---------- */
.slide.v10.tools10 {
  display: grid;
  grid-template-columns: 1fr 1fr 340px;
  grid-template-rows: auto 1fr auto;
  column-gap: 32px;
}
.slide.v10.tools10 h2 {
  grid-column: 1;
  grid-row: 1;
}
.slide.v10.tools10 h2 em {
  display: block;
}
.slide.v10.tools10 .execution-intro10 {
  grid-column: 2;
  grid-row: 1;
  align-self: start;
  margin: 14px 0 0;
  padding-top: 16px;
  border-top: 1px solid var(--r-rule);
  color: var(--r-muted);
  font-size: var(--t-lead);
  line-height: 1.4;
}
.slide.v10.tools10 .execution-layout10 {
  display: contents;
}
.slide.v10.tools10 .landscape10 {
  grid-column: 1 / 3;
  grid-row: 3;
  gap: 48px 32px;
}
.slide.v10.tools10 .landscape10 article {
  height: auto;
  border: 0;
  border-top: 1px solid var(--r-oxblood);
  border-radius: 0;
  background: none;
}
.slide.v10.tools10 .landscape10 h3 {
  padding: 14px 0 20px;
  background: none;
  border: 0;
  font-size: var(--t-label);
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.slide.v10.tools10 .vendors10 {
  gap: 14px;
  padding: 0;
}
.slide.v10.tools10 .vendor10 {
  height: 30px;
  gap: 12px;
  font-size: var(--t-lead);
  font-weight: 500;
  letter-spacing: -0.01em;
}
.slide.v10.tools10 .vendor10 img {
  width: 26px;
  height: 26px;
}
.slide.v10.tools10 .vendor10.wordmark10 img {
  width: auto;
  height: auto;
  max-width: 150px;
  max-height: 25px;
}
/* The panel starts under the header hairline and bleeds to the edge. */
.slide.v10.tools10 .execution-pain10 {
  position: relative;
  grid-column: 3;
  grid-row: 1 / 4;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin: -61px -32px -32px 0;
  padding: 0 32px 32px;
  overflow: hidden;
  border: 0;
  background: var(--r-sun);
}
.slide.v10.tools10 .execution-pain10::before {
  content: '';
  position: absolute;
  top: -220px;
  left: -30px;
  width: 340px;
  height: 340px;
  border: 60px solid var(--r-oxblood);
  border-radius: 50%;
}
.slide.v10.tools10 .execution-pain10 h3 {
  margin-bottom: 32px;
  font-size: var(--t-heading);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.02em;
}
.slide.v10.tools10 .execution-pain10 h3 em {
  color: inherit;
  font-weight: 400;
}
.slide.v10.tools10 .execution-pain10 p {
  margin: 0;
  padding: 12px 0;
  border-top: 1px solid var(--r-rule);
  font-size: var(--t-body);
  line-height: 1.35;
}

/* ---------- 13 Opportunity: three suns on one horizon. ---------- */
.slide.v10.opportunity10 h2 em {
  display: block;
}
.slide.v10.opportunity10 .market10 {
  position: absolute;
  inset: 0;
  width: auto;
  height: auto;
  margin: 0;
}
.slide.v10.opportunity10 .market-grid10,
.slide.v10.opportunity10 .axis-y10 {
  display: none;
}
/* The horizon the three circles sit on. */
.slide.v10.opportunity10 .market10::after {
  content: '';
  position: absolute;
  left: 32px;
  right: 32px;
  top: 812px;
  border-top: 1px solid var(--r-paper-rule);
}
.slide.v10.opportunity10 .axis-x10,
.slide.v10.opportunity10 .market-foot10 {
  left: 32px;
  right: auto;
  bottom: auto;
  color: var(--r-paper-muted);
  text-align: left;
}
.slide.v10.opportunity10 .axis-x10 {
  top: 834px;
  font: 600 var(--t-label) / 1 var(--font-body);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.slide.v10.opportunity10 .market-foot10 {
  top: 856px;
  font: 400 var(--t-label) / 1.3 var(--font-body);
}
.slide.v10.opportunity10 .bubble10 {
  isolation: isolate;
  border: 0;
  background: none;
}
.slide.v10.opportunity10 .bubble10::before {
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 50%;
}
.slide.v10.opportunity10 .bubble10 span {
  margin-bottom: 14px;
  font-size: var(--t-label);
  font-weight: 600;
  letter-spacing: 0.1em;
}
.slide.v10.opportunity10 .bubble10 strong {
  font-weight: 600;
  letter-spacing: -0.035em;
}
.slide.v10.opportunity10 .bubble10 p {
  margin-top: 12px;
  font-size: var(--t-body);
  line-height: 1.3;
}
.slide.v10.opportunity10 .early10 {
  left: 120px;
  top: 592px;
  width: 220px;
  height: 220px;
  box-shadow: inset 0 0 0 1px var(--r-paper-muted);
  color: var(--r-paper);
}
.slide.v10.opportunity10 .early10 strong {
  font-size: var(--t-heading);
}
.slide.v10.opportunity10 .mid10 {
  left: 420px;
  top: 472px;
  width: 340px;
  height: 340px;
  color: var(--r-oxblood);
}
.slide.v10.opportunity10 .mid10::before {
  inset: -18px;
  background: radial-gradient(
    closest-side,
    #f6a531 0,
    var(--r-amber) 58%,
    #e3651f 76%,
    rgb(200 45 25 / 45%) 88%,
    rgb(73 5 6 / 0) 100%
  );
  filter: blur(6px);
}
.slide.v10.opportunity10 .mid10 strong {
  font-size: var(--t-figure-s);
}
.slide.v10.opportunity10 .broad10 {
  left: 860px;
  top: 172px;
  width: 640px;
  height: 640px;
  color: var(--r-oxblood);
}
/* The big sun: a bright core, a long amber falloff, and a blurred red halo. */
.slide.v10.opportunity10 .broad10::before {
  inset: -70px;
  background: radial-gradient(
    closest-side,
    #fff0b0 0,
    #ffe27a 18%,
    var(--r-sun) 36%,
    #fbbd39 50%,
    #f29a2c 60%,
    #ea7424 67%,
    rgb(236 67 34 / 60%) 75%,
    rgb(170 30 20 / 26%) 86%,
    rgb(73 5 6 / 0) 100%
  );
  filter: blur(22px);
}
.slide.v10.opportunity10 .broad10 strong {
  font-size: var(--t-figure);
}
.slide.v10.opportunity10 .broad10 p {
  font-size: var(--t-lead);
}

/* Grounds: yellow. */
.slide.v10.r-sun {
  background: var(--r-sun);
  color: var(--r-oxblood);
}
.slide.v10.r-sun em {
  color: var(--r-oxblood);
  font-weight: 400;
}

/* ---------- 02 Team: title column, two founder columns with photos. ---------- */
.slide.v10.team10 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 32px;
  overflow: hidden;
}
.slide.v10.team10 h2 {
  grid-column: 1;
  grid-row: 1;
}
.slide.v10.team10 h2 em {
  display: block;
}
/* A flame sun rising behind the title column. */
.slide.v10.team10::before {
  content: '';
  position: absolute;
  left: -140px;
  bottom: -330px;
  width: 660px;
  height: 660px;
  border-radius: 50%;
  background: var(--r-flame);
}
.slide.v10.team10 .founders {
  display: contents;
}
.slide.v10.team10 .founders article {
  grid-row: 1;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.slide.v10.team10 .founders article:first-child {
  grid-column: 2;
}
.slide.v10.team10 .founders article + article {
  grid-column: 3;
}
.slide.v10.team10 .founder-heading {
  display: flex;
  flex-direction: column;
}
.slide.v10.team10 .founder-heading > img,
.slide.v10.team10 .founders article + article .founder-heading > img {
  width: 100%;
  height: 300px;
  border: 0;
  object-fit: cover;
  object-position: 50% 25%;
  transform: none;
}
.slide.v10.team10 .founder-heading h3 {
  margin: 20px 0 28px;
  font-size: var(--t-heading);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.02em;
}
.slide.v10.team10 .founder-heading h3 a {
  text-decoration-color: var(--r-rule);
}
.slide.v10.team10 .career {
  gap: 0;
}
.slide.v10.team10 .career p {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  column-gap: 16px;
  padding: 14px 0;
  border-top: 1px solid var(--r-rule);
  border-bottom: 0;
}
.slide.v10.team10 .career-logo,
.slide.v10.team10 .career-logo[alt],
.slide.v10.team10 .career-logo.augment-logo,
.slide.v10.team10 .career-logo.okera-logo {
  grid-column: 1;
  width: 150px;
  height: 26px;
  margin: 0 0 8px;
}
.slide.v10.team10 .career span {
  grid-column: 1;
  margin: 0;
  color: var(--r-muted);
  font-size: var(--t-body);
}
.slide.v10.team10 .career strong {
  grid-column: 2;
  grid-row: 1 / 3;
  align-self: center;
  margin: 0;
  color: var(--r-flame);
  font-size: var(--t-lead);
  font-weight: 600;
  white-space: nowrap;
}

/* ---------- 04 Learning Gap: dark, the broken loop on the right. ---------- */
.slide.v10.learning-gap10 {
  display: grid;
  grid-template-columns: 1fr 900px;
  grid-template-rows: auto 1fr;
  column-gap: 32px;
  isolation: isolate;
}
.slide.v10.learning-gap10 h2 {
  grid-column: 1;
  grid-row: 1;
}
.slide.v10.learning-gap10 h2 em {
  display: block;
}
.slide.v10.learning-gap10 .learning10 {
  display: contents;
}
.slide.v10.learning-gap10 .broken-loop10 {
  grid-column: 2;
  grid-row: 1 / 3;
  align-self: end;
  margin-bottom: 8px;
}
/* A low amber glow inside the loop. */
.slide.v10.learning-gap10 .broken-loop10::before {
  content: '';
  position: absolute;
  z-index: -1;
  left: 150px;
  top: 10px;
  width: 560px;
  height: 560px;
  border-radius: 50%;
  background: radial-gradient(
    closest-side,
    rgb(233 131 28 / 42%) 0,
    rgb(236 67 34 / 22%) 45%,
    rgb(140 22 14 / 8%) 75%,
    rgb(73 5 6 / 0) 100%
  );
  filter: blur(20px);
}
.slide.v10.learning-gap10 .broken-stroke10[data-loss-arc='0'] {
  stroke: var(--r-sun);
}
.slide.v10.learning-gap10 .broken-stroke10[data-loss-arc='1'] {
  stroke: var(--r-amber);
}
.slide.v10.learning-gap10 .broken-stroke10[data-loss-arc='2'] {
  stroke: var(--r-flame);
}
.slide.v10.learning-gap10 .missing-return10 {
  stroke: var(--r-paper);
  stroke-opacity: 0.35;
}
.slide.v10.learning-gap10 [data-loss-gap] path {
  stroke: var(--r-sun);
}
.slide.v10.learning-gap10 .loop-label10 span {
  color: var(--r-sun);
  font-size: var(--t-label);
  font-weight: 600;
  letter-spacing: 0.1em;
}
.slide.v10.learning-gap10 .loop-label10 h3 {
  font-size: var(--t-lead);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.01em;
}
.slide.v10.learning-gap10 .loop-label10 p {
  color: var(--r-paper-muted);
  font-size: var(--t-body);
}
.slide.v10.learning-gap10 .lost-packet10 {
  border: 1px solid var(--r-paper-rule);
  border-radius: 0;
  background: var(--r-oxblood);
  color: var(--r-paper);
  font-size: var(--t-body);
}
.slide.v10.learning-gap10 .loop-center10 {
  color: var(--r-paper-muted);
  font-size: var(--t-body);
}
.slide.v10.learning-gap10 .loop-center10 strong {
  color: var(--r-sun);
  font-size: var(--t-heading);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.02em;
}
.slide.v10.learning-gap10 .lost-gap-label10 {
  color: var(--r-sun);
  font-size: var(--t-body);
  font-weight: 600;
}
.slide.v10.learning-gap10 .learning-loss10 {
  grid-column: 1;
  grid-row: 2;
  align-self: end;
  padding: 16px 0 0;
  border: 0;
  border-top: 1px solid var(--r-paper-rule);
}
.slide.v10.learning-gap10 .learning-loss10 h3 {
  margin-bottom: 24px;
  font-family: var(--font-body);
  font-size: var(--t-heading);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.02em;
}
.slide.v10.learning-gap10 .learning-loss10 p {
  margin: 0;
  padding: 12px 0;
  border-top: 1px solid var(--r-paper-rule);
  font-size: var(--t-body);
}

/* ---------- 05 More agents: stack on top, lessons in an oxblood band. ---------- */
.slide.v10.augment10 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto 1fr;
  column-gap: 32px;
}
.slide.v10.augment10 h2 {
  grid-column: 1;
  grid-row: 1;
}
.slide.v10.augment10 h2 em {
  display: block;
}
.slide.v10.augment10 .v8-experience-layout {
  display: contents;
}
.slide.v10.augment10 .v8-mini-stack {
  grid-column: 2;
  grid-row: 1;
  margin-top: 14px;
}
.slide.v10.augment10 .v8-mini-caption {
  margin: 0;
  padding: 16px 0 12px;
  border-top: 1px solid var(--r-rule);
  color: var(--r-oxblood);
  font: 600 var(--t-label) / 1 var(--font-body);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.slide.v10.augment10 .v8-mini-stack article,
.slide.v10.augment10 .v8-mini-stack .mini-execution,
.slide.v10.augment10 .v8-mini-stack .mini-context {
  display: grid;
  grid-template-columns: 220px 1fr;
  align-items: center;
  gap: 16px;
  min-height: 0;
  margin: 0;
  padding: 14px 0;
  border-top: 1px solid var(--r-rule);
  border-radius: 0;
  background: none;
}
.slide.v10.augment10 .v8-mini-stack h3 {
  font-size: var(--t-body);
  font-weight: 600;
}
.slide.v10.augment10 .v8-mini-stack article > div,
.slide.v10.augment10 .v8-mini-stack .mini-execution > div,
.slide.v10.augment10 .v8-mini-stack .mini-context > div {
  margin: 0;
  gap: 20px;
}
.slide.v10.augment10 .v8-mini-stack article img,
.slide.v10.augment10 .v8-mini-stack .mini-context img {
  width: 100px;
  height: 22px;
}
.slide.v10.augment10 .v8-mini-stack article span {
  font-size: var(--t-body);
}
.slide.v10.augment10 .v8-mini-stack article span img {
  width: 20px;
  height: 20px;
}
.slide.v10.augment10 .v8-mini-stack p:not(.v8-mini-caption) {
  font-size: var(--t-body);
  color: var(--r-muted);
}
.slide.v10.augment10 .v8-lessons {
  grid-column: 1 / 3;
  grid-row: 2;
  align-self: end;
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 32px;
  margin: 0 -32px -32px;
  padding: 32px;
  min-height: 260px;
  box-sizing: border-box;
  background: var(--r-oxblood);
  color: var(--r-paper);
}
.slide.v10.augment10 .v8-lessons > h3 {
  color: var(--r-paper);
  font: 600 var(--t-label) / 1 var(--font-body);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.slide.v10.augment10 .v8-lessons ol {
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  margin: 0;
}
.slide.v10.augment10 .v8-lessons li {
  flex-direction: column;
  gap: 40px;
  padding-top: 16px;
  border-top: 1px solid var(--r-paper-rule);
}
.slide.v10.augment10 .v8-lessons li > span {
  color: var(--r-sun);
  font-size: var(--t-figure-s);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.03em;
}
.slide.v10.augment10 .v8-lessons li p {
  font-size: var(--t-heading);
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: -0.02em;
}
.slide.v10.augment10 .v8-lessons strong {
  color: var(--r-sun);
  font-weight: 600;
}

/* ---------- 06 Marketers: full yellow. Their edge versus the busywork. ---------- */
.slide.v10.edge10 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto 1fr;
  column-gap: 32px;
  overflow: hidden;
}
.slide.v10.edge10 h2 {
  grid-column: 1 / 3;
  grid-row: 1;
}
.slide.v10.edge10 h2 em {
  display: block;
}
/* An oxblood half disc, cropped by the right edge. */
.slide.v10.edge10::before {
  content: '';
  position: absolute;
  right: -260px;
  top: 120px;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  background: var(--r-oxblood);
}
.slide.v10.edge10 .edge-columns10 {
  display: contents;
}
.slide.v10.edge10 .edge-strengths10 {
  grid-column: 1;
  grid-row: 2;
  align-self: end;
}
.slide.v10.edge10 .edge-not10 {
  grid-column: 2;
  grid-row: 2;
  align-self: end;
}
.slide.v10.edge10 .edge-label10,
.slide.v10.edge10 .edge-not10 > p {
  margin: 0;
  padding-bottom: 14px;
  color: var(--r-oxblood);
  font: 600 var(--t-label) / 1 var(--font-body);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.slide.v10.edge10 .edge-trio10 {
  gap: 0;
}
.slide.v10.edge10 .edge-trio10 article {
  height: auto;
  gap: 24px;
  padding: 18px 0;
  border: 0;
  border-top: 1px solid var(--r-oxblood);
  border-radius: 0;
  background: none;
}
.slide.v10.edge10 .edge-trio10 svg {
  width: 40px;
  height: 40px;
  color: var(--r-oxblood);
}
.slide.v10.edge10 .edge-trio10 h3 {
  font-size: var(--t-title);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.03em;
}
.slide.v10.edge10 .edge-not10 > div {
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
}
.slide.v10.edge10 .edge-not10 span {
  padding: 14px 0;
  border-top: 1px solid var(--r-rule);
  color: var(--r-muted);
  font-size: var(--t-lead);
  text-decoration: line-through;
  text-decoration-thickness: 1px;
}
.slide.v10.edge10 .edge-not10 span + span {
  border-top: 1px solid var(--r-rule);
}

/* ---------- 07 Platform: the tool sprawl, then the Percolate stack as color bands. ---------- */
.slide.v10.platform-compare10 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto 1fr;
  column-gap: 32px;
}
.slide.v10.platform-compare10 h2 {
  grid-column: 1 / 3;
  grid-row: 1;
  font-size: var(--t-title);
}
.slide.v10.platform-compare10 .platform-compare-scene10 {
  grid-column: 1 / 3;
  grid-row: 2;
  align-self: end;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  margin: 0;
}
.slide.v10.platform-compare10 .current-solution10 {
  padding-top: 0;
}
.slide.v10.platform-compare10 .current-solution10 > p:first-child {
  margin: 0 0 20px;
  padding-top: 16px;
  border-top: 1px solid var(--r-rule);
  color: var(--r-oxblood);
  font: 600 var(--t-label) / 1 var(--font-body);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.slide.v10.platform-compare10 .current-vendors10 {
  gap: 20px;
}
.slide.v10.platform-compare10 .current-vendors10 article {
  height: 110px;
  border: 0;
  border-top: 1px solid var(--r-oxblood);
  border-radius: 0;
  background: none;
}
.slide.v10.platform-compare10 .current-vendors10 h3 {
  padding: 10px 0;
  border: 0;
  font-size: var(--t-label);
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.slide.v10.platform-compare10 .current-vendors10 .vendors10 {
  padding: 8px 0;
}
.slide.v10.platform-compare10 .current-vendors10 .vendor10 {
  align-items: flex-start;
  font-size: var(--t-body);
}
.slide.v10.platform-compare10 .current-question10 {
  position: static;
  width: auto;
  margin-top: 28px;
  padding-top: 16px;
  border-top: 1px solid var(--r-rule);
  text-align: left;
}
.slide.v10.platform-compare10 .current-question10 strong {
  color: var(--r-flame);
  font: 600 var(--t-heading) / 1.1 var(--font-body);
  letter-spacing: -0.02em;
}
.slide.v10.platform-compare10 .current-question10 span {
  font-size: var(--t-lead);
}
.slide.v10.platform-compare10 .percolate-boundary10 {
  gap: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
}
.slide.v10.platform-compare10 .boundary-logo10 {
  position: static;
  width: 150px;
  height: 30px;
  margin: 0 0 20px;
  padding: 0;
  transform: none;
  object-position: -9999px 0;
  background: var(--r-oxblood);
  -webkit-mask: url('/deck/assets/percolate-cover-logo-ember.svg') left center /
    contain no-repeat;
  mask: url('/deck/assets/percolate-cover-logo-ember.svg') left center / contain
    no-repeat;
}
.slide.v10.platform-compare10 .percolate-boundary10 .platform-layer10 {
  min-height: 0;
  padding: 24px;
  border-radius: 0;
}
.slide.v10.platform-compare10 .percolate-boundary10 .platform-layer10 > span,
.slide.v10.platform-compare10 .action-head10 > span {
  font-size: var(--t-lead);
  font-weight: 600;
  letter-spacing: -0.01em;
}
.slide.v10.platform-compare10 .percolate-boundary10 .platform-layer10 > p {
  margin-top: 4px;
  font-size: var(--t-body);
}
.slide.v10.platform-compare10 .system-action10 {
  box-shadow: inset 0 0 0 1px var(--r-oxblood);
  background: none;
}
.slide.v10.platform-compare10 .action-head10 > em {
  color: var(--r-muted);
  font-size: var(--t-label);
  font-weight: 500;
}
.slide.v10.platform-compare10 .action-first10 {
  border-radius: 0;
  background: var(--r-sun);
  box-shadow: none;
}
.slide.v10.platform-compare10 .action-first10 > span,
.slide.v10.platform-compare10 .action-later10 > span {
  font-size: var(--t-label);
}
.slide.v10.platform-compare10 .action-channels10 svg {
  color: var(--r-oxblood);
}
.slide.v10.platform-compare10 .runtime10 {
  background: var(--r-sun);
}
.slide.v10.platform-compare10 .context10 {
  background: var(--r-amber);
}
.slide.v10.platform-compare10 .data10 {
  background: var(--r-oxblood);
  color: var(--r-paper);
}

/* ---------- 08 Demo: dark, the film framed by a glow. ---------- */
.slide.v10.demo10 {
  display: grid;
  grid-template-columns: 1fr 1000px;
  grid-template-rows: auto 1fr auto;
  column-gap: 32px;
  isolation: isolate;
}
.slide.v10.demo10 h2 {
  grid-column: 1;
  grid-row: 1;
}
.slide.v10.demo10 h2 em {
  display: block;
}
.slide.v10.demo10 .demo-preview-link {
  position: relative;
  grid-column: 2;
  grid-row: 1 / 4;
  align-self: end;
  width: 1000px;
  height: 562px;
  margin: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
}
.slide.v10.demo10 .demo-preview-link::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: -120px -160px -200px -160px;
  border-radius: 50%;
  background: radial-gradient(
    closest-side,
    rgb(255 212 55 / 55%) 0,
    rgb(233 131 28 / 42%) 40%,
    rgb(236 67 34 / 20%) 68%,
    rgb(73 5 6 / 0) 100%
  );
  filter: blur(30px);
}
.slide.v10.demo10 .demo-watch10 {
  grid-column: 1;
  grid-row: 3;
  margin: 0;
  padding-top: 16px;
  width: 100%;
  border-top: 1px solid var(--r-paper-rule);
  color: var(--r-sun);
  font: 600 var(--t-lead) / 1 var(--font-body);
  text-decoration: none;
}

/* ---------- 09 Self-learning loop: a full dusk gradient. ---------- */
.slide.v10.self-loop10 {
  background: linear-gradient(
    180deg,
    #ec4322 0,
    #ed5a24 18%,
    #ec7424 38%,
    #f0952b 58%,
    #f8b832 80%,
    var(--r-sun) 100%
  );
  color: var(--r-oxblood);
}
.slide.v10.self-loop10 h2 em {
  display: block;
  color: var(--r-paper);
}
.slide.v10.self-loop10 .r-label {
  border-color: rgb(73 5 6 / 25%);
}
.slide.v10.self-loop10 .compound-story {
  left: 32px;
  top: auto;
  bottom: 32px;
  width: 440px;
  padding-top: 16px;
  border-top: 1px solid rgb(73 5 6 / 30%);
}
.slide.v10.self-loop10 .compound-story h3 {
  font: 600 var(--t-heading) / 1.1 var(--font-body);
  letter-spacing: -0.02em;
}
.slide.v10.self-loop10 .compound-story h3 em {
  color: var(--r-paper);
}
.slide.v10.self-loop10 .compound-story > p {
  margin-top: 20px;
  color: var(--r-oxblood);
  font-size: var(--t-body);
  line-height: 1.4;
}
.slide.v10.self-loop10 .compound-cycle {
  left: 640px;
  top: 150px;
  transform: scale(1.04);
}
.slide.v10.self-loop10 .compound-ring circle {
  stroke: rgb(73 5 6 / 12%);
}
.slide.v10.self-loop10 .compound-ring [data-loop-arc='0'] {
  stroke: var(--r-oxblood);
}
.slide.v10.self-loop10 .compound-ring [data-loop-arc='1'] {
  stroke: rgb(73 5 6 / 72%);
}
.slide.v10.self-loop10 .compound-ring [data-loop-arc='2'] {
  stroke: rgb(73 5 6 / 48%);
}
.slide.v10.self-loop10 .compound-ring [data-loop-arc='3'] {
  stroke: var(--r-paper);
}
.slide.v10.self-loop10 .compound-arrow {
  fill: var(--r-oxblood);
}
.slide.v10.self-loop10 .compound-step > span {
  color: var(--r-oxblood);
  font-size: var(--t-label);
  font-weight: 600;
  letter-spacing: 0.1em;
}
.slide.v10.self-loop10 .compound-step h3 {
  font-size: var(--t-lead);
  font-weight: 600;
}
.slide.v10.self-loop10 .compound-step p {
  color: rgb(73 5 6 / 72%);
  font-size: var(--t-body);
}

/* Percolate core: the same four layers on every slide. */
.slide.v10.r-sys .compound-core > strong {
  color: inherit;
  font: 600 var(--t-lead) / 1.2 var(--font-body);
  letter-spacing: -0.01em;
}
.slide.v10.r-sys .compound-core > div {
  border-radius: 0;
  font-size: var(--t-body);
  font-weight: 600;
}
.slide.v10.r-sys .core-recommend {
  background: var(--r-paper);
  color: var(--r-oxblood);
}
.slide.v10.r-sys .core-insight {
  background: var(--r-sun);
  color: var(--r-oxblood);
}
.slide.v10.r-sys .core-context {
  background: var(--r-amber);
  color: var(--r-oxblood);
}
.slide.v10.r-sys .core-data {
  background: var(--r-oxblood);
  color: var(--r-paper);
}
.slide.v10.r-sys.team-loop10 .core-recommend {
  background: var(--r-flame);
  color: var(--r-paper);
}

/* ---------- 10 Team loop: paper, the shared core in color. ---------- */
.slide.v10.team-loop10 h2 em {
  display: block;
}
.slide.v10.team-loop10 .team-diagram10 {
  left: 100px;
  top: 230px;
}
.slide.v10.team-loop10 .team-track10 {
  stroke: rgb(73 5 6 / 8%);
}
.slide.v10.team-loop10 .team-arc10[stroke='#BF4306'] {
  stroke: var(--r-flame);
}
.slide.v10.team-loop10 .team-arc10[stroke='#7295A3'] {
  stroke: var(--r-amber);
}
.slide.v10.team-loop10 .team-arc10[stroke='#558B7C'] {
  stroke: var(--r-sun);
}
.slide.v10.team-loop10 .team-arc10[stroke='#AC8061'] {
  stroke: var(--r-oxblood);
}
.slide.v10.team-loop10 .team-lane10.team-in10 {
  stroke: var(--r-flame);
}
.slide.v10.team-loop10 .team-lane10.team-out10 {
  stroke: var(--r-oxblood);
}
.slide.v10.team-loop10 .team-head10.team-in10 {
  fill: var(--r-flame);
}
.slide.v10.team-loop10 .team-head10.team-out10 {
  fill: var(--r-oxblood);
}
.slide.v10.team-loop10 .team-lane-label10 {
  font-size: var(--t-label);
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.slide.v10.team-loop10 .team-lane-label10.team-in10 {
  color: var(--r-flame);
}
.slide.v10.team-loop10 .team-lane-label10.team-out10 {
  color: var(--r-oxblood);
}
.slide.v10.team-loop10 .team-campaign10 h3 {
  font: 600 var(--t-lead) / 1.15 var(--font-body);
}
.slide.v10.team-loop10 .team-campaign10 p,
.slide.v10.team-loop10 .team-core-label10 {
  color: var(--r-muted);
  font-size: var(--t-body);
}
.slide.v10.team-loop10 .team-payoff10 {
  position: absolute;
  left: 32px;
  right: 32px;
  bottom: 32px;
  margin: 0;
  padding-top: 16px;
  border-top: 1px solid var(--r-rule);
  color: var(--r-muted);
  font-size: var(--t-lead);
}
.slide.v10.team-loop10 .team-payoff10 strong {
  color: var(--r-oxblood);
  font-weight: 600;
}

/* ---------- 11 Partners: four partners on a yellow band. ---------- */
.slide.v10.partners10 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto 1fr;
  column-gap: 32px;
}
.slide.v10.partners10 h2 {
  grid-column: 1;
  grid-row: 1;
}
.slide.v10.partners10 h2 em {
  display: block;
}
.slide.v10.partners10 .partners-lead10 {
  grid-column: 2;
  grid-row: 1;
  align-self: start;
  margin: 14px 0 0;
  padding-top: 16px;
  border-top: 1px solid var(--r-rule);
  color: var(--r-muted);
  font-size: var(--t-lead);
}
.slide.v10.partners10 .partners-grid10 {
  position: static;
  grid-column: 1 / 3;
  grid-row: 2;
  align-self: end;
  gap: 0;
  margin: 0 -32px -32px;
  background: var(--r-sun);
}
.slide.v10.partners10 .partners-grid10 article {
  min-height: 400px;
  padding: 32px;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
.slide.v10.partners10 .partners-grid10 article + article {
  border-left: 1px solid var(--r-rule);
}
.slide.v10.partners10 .partner-logos10 img {
  width: 56px;
  height: 56px;
  box-shadow: none;
}
.slide.v10.partners10 .partners-grid10 h3 {
  margin-top: 24px;
  font: 600 var(--t-heading) / 1.1 var(--font-body);
  letter-spacing: -0.02em;
}
.slide.v10.partners10 .partner-person10 {
  border-top: 1px solid var(--r-rule);
}
.slide.v10.partners10 .partner-person10 strong {
  font-size: var(--t-body);
  font-weight: 600;
}
.slide.v10.partners10 .partner-person10 small {
  color: var(--r-muted);
  font-size: var(--t-label);
}
.slide.v10.partners10 .partner-photo10 {
  width: 48px;
  height: 48px;
  box-shadow: none;
  filter: grayscale(1) contrast(1.05);
}

/* ---------- 12 ICP: the deal chart, the plan figures on yellow. ---------- */
.slide.v10.icp-market10 {
  display: grid;
  grid-template-columns: 1fr 520px;
  grid-template-rows: auto 1fr auto;
  column-gap: 32px;
}
.slide.v10.icp-market10 h2 {
  grid-column: 1 / 3;
  grid-row: 1;
  font-size: var(--t-title);
  line-height: 1.1;
}
.slide.v10.icp-market10 h2 em {
  display: block;
}
.slide.v10.icp-market10 .icp-market-body10 {
  display: contents;
}
.slide.v10.icp-market10 .icp-funding10 {
  grid-column: 1;
  grid-row: 2;
  align-self: end;
}
.slide.v10.icp-market10 .icp-funding10 > p {
  margin-bottom: 24px;
  padding-top: 16px;
  border-top: 1px solid var(--r-rule);
  color: var(--r-oxblood);
  font: 600 var(--t-label) / 1 var(--font-body);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.slide.v10.icp-market10 .icp-funding10 svg {
  width: 760px;
  height: 380px;
}
.slide.v10.icp-market10 .icp-funding10 rect {
  rx: 0;
  fill: rgb(73 5 6 / 14%);
}
.slide.v10.icp-market10 .icp-funding10 rect[fill='#BF4306'] {
  fill: var(--r-flame);
}
.slide.v10.icp-market10 .icp-funding10 text {
  fill: var(--r-oxblood);
  font-size: var(--t-lead);
}
.slide.v10.icp-market10 .icp-funding10 .gtm-svg-highlight {
  font-size: var(--t-heading);
  font-weight: 600;
}
.slide.v10.icp-market10 .icp-funding10 .gtm-svg-small {
  fill: var(--r-muted);
  font-size: var(--t-body);
}
.slide.v10.icp-market10 .icp-potential10 {
  grid-column: 2;
  grid-row: 2 / 4;
  align-self: end;
  gap: 0;
  margin: 0 -32px -32px 0;
  padding: 32px;
  border: 0;
  background: var(--r-sun);
}
.slide.v10.icp-market10 .icp-potential10 > div {
  padding: 16px 0 28px;
  border-top: 1px solid var(--r-rule);
}
.slide.v10.icp-market10 .icp-potential10 strong {
  color: var(--r-oxblood);
  font: 600 var(--t-figure) / 1 var(--font-body);
  letter-spacing: -0.04em;
}
.slide.v10.icp-market10 .icp-potential10 p {
  margin-top: 12px;
  font-size: var(--t-lead);
}
.slide.v10.icp-market10 .icp-potential10 span {
  color: var(--r-muted);
  font-size: var(--t-body);
}
.slide.v10.icp-market10 .icp-foot10 {
  position: static;
  grid-column: 1;
  grid-row: 3;
  margin-top: 24px;
  color: var(--r-muted);
  font-size: var(--t-label);
}
.slide.v10.self-loop10 .compound-story h3 em {
  color: inherit;
  font-weight: 400;
}

/* ---------- Cover: the dusk photo, warmed, with the wordmark low and large. ---------- */
.slide.v10.cover-v7 {
  display: block;
}
.slide.v10.cover-v7::before {
  background:
    linear-gradient(
      180deg,
      rgb(73 5 6 / 0) 0,
      rgb(73 5 6 / 10%) 40%,
      rgb(73 5 6 / 55%) 78%,
      rgb(73 5 6 / 80%) 100%
    ),
    radial-gradient(
      ellipse 70% 50% at 70% 100%,
      rgb(233 131 28 / 45%) 0,
      rgb(236 67 34 / 0) 100%
    );
}
.slide.v10.cover-v7 > img {
  position: absolute;
  left: 32px;
  bottom: 40px;
  width: 640px;
}
.slide.v10.cover-v7 .r-label {
  color: var(--r-paper);
  border-color: var(--r-paper-rule);
}

/* ---------- 14 Raise: yellow. The gate and the unlocked plan. ---------- */
.slide.v10.raise10 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto 1fr auto;
  column-gap: 32px;
}
.slide.v10.raise10 h2 {
  grid-column: 1 / 3;
  grid-row: 1;
  font-size: var(--t-title);
}
.slide.v10.raise10 h2 em {
  font-weight: 600;
}
.slide.v10.raise10 .raise-decoy10 {
  grid-column: 1;
  grid-row: 2;
  margin: 0;
}
.slide.v10.raise10 .raise-decoy10 strong {
  color: var(--r-oxblood);
  font: 600 var(--t-display) / 1 var(--font-body);
}
.slide.v10.raise10 .raise-decoy10 h3 {
  font-size: var(--t-heading);
}
.slide.v10.raise10 .raise-decoy10 p {
  color: var(--r-muted);
  font-size: var(--t-lead);
}
body[data-deck] .deck-gate {
  border-radius: 0;
  background: var(--r-paper);
  box-shadow: 0 0 0 1px var(--r-oxblood);
}
body[data-deck] .deck-gate-kicker {
  color: var(--r-oxblood);
  font-weight: 600;
}
body[data-deck] .deck-gate h2 {
  font: 600 26px/1.15 var(--font-body);
  letter-spacing: -0.02em;
}
body[data-deck] .deck-gate input {
  border-color: var(--r-rule);
  border-radius: 0;
  background: #fff;
}
body[data-deck] .deck-gate button {
  border-radius: 0;
  background: var(--r-oxblood);
  color: var(--r-paper);
  font-weight: 600;
}
body[data-deck] .deck-gate-error {
  color: var(--r-flame);
}
.slide.v10.raise10 .raise10-layout {
  display: contents;
}
.slide.v10.raise10 .raise10-ask {
  grid-column: 1;
  grid-row: 2;
  align-self: end;
}
.slide.v10.raise10 .raise10-ask > strong {
  display: block;
  color: var(--r-oxblood);
  font: 600 var(--t-display) / 1 var(--font-body);
  letter-spacing: -0.04em;
}
.slide.v10.raise10 .raise10-ask h3 {
  margin: 16px 0 8px;
  font: 600 var(--t-heading) / 1.1 var(--font-body);
}
.slide.v10.raise10 .raise10-ask > p {
  color: var(--r-muted);
  font-size: var(--t-body);
}
.slide.v10.raise10 .raise10-ask > div {
  grid-template-columns: 160px 1fr;
  gap: 12px 24px;
  margin-top: 28px;
  padding-top: 16px;
  border-top: 1px solid var(--r-oxblood);
}
.slide.v10.raise10 .raise10-ask b {
  font-size: var(--t-heading);
  font-weight: 600;
}
.slide.v10.raise10 .raise10-ask > div span {
  color: var(--r-muted);
  font-size: var(--t-body);
}
.slide.v10.raise10 .raise10-proofs {
  grid-column: 2;
  grid-row: 2;
  align-self: end;
  padding: 0;
  border: 0;
}
.slide.v10.raise10 .raise10-proofs article {
  margin: 0;
  padding: 16px 0 24px;
  border-top: 1px solid var(--r-oxblood);
}
.slide.v10.raise10 .raise10-proofs article > span {
  color: var(--r-oxblood);
  font-size: var(--t-label);
  font-weight: 600;
  letter-spacing: 0.1em;
}
.slide.v10.raise10 .raise10-proofs h3 {
  margin: 10px 0 6px;
  font: 600 var(--t-heading) / 1.1 var(--font-body);
  letter-spacing: -0.02em;
}
.slide.v10.raise10 .raise10-proofs p {
  color: var(--r-muted);
  font-size: var(--t-body);
}
.slide.v10.raise10 .raise10-bottom {
  position: static;
  grid-column: 1 / 3;
  grid-row: 3;
  margin-top: 32px;
  padding-top: 16px;
  border-top: 1px solid var(--r-oxblood);
  color: var(--r-oxblood);
  font-size: var(--t-lead);
  font-weight: 600;
}

/* ---------- 15 Closing: the full Dawn gradient, the sun at the horizon. ---------- */
.slide.v10.closing10 {
  padding: 120px 32px 32px;
  background:
    radial-gradient(
      ellipse 60% 55% at 72% 112%,
      #fff1b8 0,
      var(--r-sun) 22%,
      rgb(247 169 42 / 70%) 48%,
      rgb(233 131 28 / 0) 100%
    ),
    linear-gradient(
      180deg,
      #e23d22 0,
      #e8501f 25%,
      #ec6a22 50%,
      #f08a28 75%,
      #f5a52d 100%
    );
  color: var(--r-oxblood);
}
.slide.v10.closing10 .closing-premise10 {
  color: var(--r-oxblood);
  font-size: var(--t-heading);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.02em;
}
.slide.v10.closing10 h2,
.slide.v10.closing10 h2 > span {
  color: var(--r-oxblood);
}
.slide.v10.closing10 h2 {
  margin-top: 48px;
  font: 600 var(--t-display) / 1 var(--font-body);
  letter-spacing: -0.04em;
}
.slide.v10.closing10 h2 em {
  color: var(--r-paper);
  font-size: inherit;
  line-height: inherit;
}
.slide.v10.closing10 h2 > span {
  font-size: inherit;
  line-height: inherit;
}
.slide.v10.closing10 > img {
  left: auto;
  right: 32px;
  bottom: 40px;
  width: 260px;
  margin: 0;
  filter: brightness(0) saturate(100%) invert(8%) sepia(60%) saturate(5000%)
    hue-rotate(352deg) brightness(70%);
}
.slide.v10.closing10 .folio {
  display: none;
}

/* ---------- Appendix divider. ---------- */
.slide.v10.appendix-v7 {
  display: block;
}
.slide.v10.r-sys.appendix-v7 h2 {
  position: absolute;
  left: 32px;
  bottom: 24px;
  font-size: var(--t-display);
  line-height: 1;
  letter-spacing: -0.04em;
}
.slide.v10.cover-v7 {
  background: #18364b url('/images/hero-studies/analog-vellum-v1.jpg') center /
    cover;
}
.slide.v10.closing10,
.slide.v10.closing10 .closing-message10 {
  display: block;
  text-align: left;
}
.slide.v10.closing10 .closing-message10 {
  max-width: none;
  margin: 0;
}

/* ---------- Appendix: the same frame, quieter. Smaller titles, square, no shadows. ---------- */
.slide.v10.r-sys.r-appendix h2 {
  font-size: var(--t-figure-s);
  line-height: 1.1;
}
.slide.v10.r-appendix *,
.slide.v10.r-appendix *::before {
  border-radius: 0 !important;
  box-shadow: none !important;
}
.slide.v10.r-appendix .cg-avatar {
  border-radius: 50% !important;
}
.slide.v10.r-appendix .cgC-graph,
.slide.v10.r-appendix .price-future10,
.slide.v10.r-appendix .abm-percolate10 {
  background: var(--r-oxblood);
  color: var(--r-paper);
}
.slide.v10.r-appendix .price-future10 .price-tag10 {
  background: var(--r-sun);
  color: var(--r-oxblood);
}
.slide.v10.r-appendix .price-future10 em {
  color: var(--r-sun);
}
.slide.v10.r-appendix .cgC-learned {
  background: rgb(255 212 55 / 16%);
  border-color: rgb(255 212 55 / 45%);
}

/* ---------- Noise. One grain texture for the whole deck. ---------- */
body[data-deck] {
  --r-noise: url('/deck/assets/noise-grain.png');
}
/* Grain under the type, over the ground and the shapes, as on the cover.
   The slide is its own stacking context, so z-index -1 sits above the slide's
   background but below its content. Trial on the first slides. */
.slide.v10.r-noise {
  isolation: isolate;
}
.slide.v10.r-noise::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: var(--r-noise);
  mix-blend-mode: overlay;
  opacity: 0.65;
}
.slide.v10.r-noise:not(.r-oxblood)::after {
  opacity: 0.55;
}
/* Shapes drawn with ::before go under the grain. */
.slide.v10.r-noise::before {
  z-index: -1;
}
/* Panels are content, so they carry the grain in their own background. */
.slide.v10.r-noise .execution-pain10 {
  background: var(--r-noise), var(--r-sun);
  background-blend-mode: overlay, normal;
}

/* ---------- Cover: three panels of light, the lockup, one line split across the slide. ---------- */
/* Each panel is a column of light: an ellipse anchored on its right edge, so it is
   brightest at the right and fades to oxblood at the left, the top and the bottom. */
.slide.v10.cover-v7 {
  display: block;
  padding: 0;
  background-color: var(--r-oxblood);
  background-image:
    radial-gradient(
      ellipse 180px 480px at 100% 51%,
      #f69829 0,
      #e48422 18%,
      #c96b1c 36%,
      #9f4514 53%,
      #7d290f 71%,
      #5a1008 82%,
      #4f0a07 91%,
      rgb(73 5 6 / 0) 100%
    ),
    radial-gradient(
      ellipse 425px 560px at 100% 52%,
      #ffd132 0,
      #ffcf32 9%,
      #ffc32f 24%,
      #ffb22f 35%,
      #fea52c 47%,
      #ee8d24 59%,
      #d17320 68%,
      #b0561a 75%,
      #8a3311 81%,
      #76240c 85%,
      #5a1008 92%,
      rgb(73 5 6 / 0) 100%
    ),
    radial-gradient(
      ellipse 665px 560px at 100% 52%,
      #ffd636 0,
      #ffd535 23%,
      #ffc533 38%,
      #ffb12d 45%,
      #ff9e29 57%,
      #f89929 69%,
      #de7f22 77%,
      #bf611a 82%,
      #9b4214 86%,
      #5a1008 92%,
      rgb(73 5 6 / 0) 100%
    );
  background-size:
    652px 100%,
    370px 100%,
    578px 100%;
  background-position:
    0 0,
    652px 0,
    1022px 0;
  background-repeat: no-repeat;
  color: #fff;
}
.slide.v10.cover-v7::before {
  z-index: 0;
  background: var(--r-noise);
  mix-blend-mode: overlay;
  opacity: 0.65;
}
.slide.v10.cover-v7::after {
  display: none;
}
.slide.v10.cover-v7 > img {
  position: absolute;
  z-index: 1;
  bottom: auto;
  height: auto;
  filter: none;
}
/* The mark file has 4px of padding around the shape, so it sits 8px out. */
.slide.v10.cover-v7 > .cover-mark {
  left: 40px;
  top: 26px;
  width: 422px;
}
.slide.v10.cover-v7 > .cover-word {
  left: 518px;
  top: 42px;
  width: 1012px;
}
.slide.v10.cover-v7 .cover-tagline {
  position: absolute;
  z-index: 1;
  top: 282px;
  right: 68px;
  margin: 0;
  color: #1f0102;
  font: 600 36px/1.08 var(--font-body);
  letter-spacing: -0.02em;
  text-align: right;
}
.slide.v10.cover-v7 .cover-statement {
  position: absolute;
  z-index: 1;
  left: 48px;
  right: 30px;
  bottom: 30px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin: 0;
  color: #fff;
  font: 500 132px/0.85 var(--font-body);
  letter-spacing: -0.035em;
}
.slide.v10.cover-v7 .cover-statement > span {
  display: block;
}

/* ---------- Ribbon illustration: a band that wraps around circles, with drafting lines. ---------- */
.slide.v10:has(> .r-ribbon) {
  isolation: isolate;
}
.r-ribbon {
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 1600px;
  height: 900px;
  pointer-events: none;
}
.r-ribbon path,
.r-ribbon circle {
  fill: none;
}
.r-ribbon-band {
  stroke-linejoin: round;
}
.r-ribbon-line {
  stroke: var(--r-oxblood);
  stroke-width: 3;
}
.r-ribbon-guide {
  stroke: var(--r-oxblood);
  stroke-width: 1.25;
}
.r-ribbon-dash {
  stroke: var(--r-oxblood);
  stroke-width: 1.5;
  stroke-dasharray: 6 6;
}
.r-ribbon .r-ribbon-dot {
  fill: var(--r-oxblood);
}

/* ---------- 02 Team, v2: each founder sits in the eye of a bend. ---------- */
.slide.v10.team10::before {
  content: none;
}
.slide.v10.team10 .founders article {
  align-self: end;
  justify-content: flex-end;
}
.slide.v10.team10 .founder-heading > img,
.slide.v10.team10 .founders article + article .founder-heading > img {
  position: absolute;
  top: 192px;
  width: 196px;
  height: 196px;
  border-radius: 50%;
  object-position: 50% 30%;
}
.slide.v10.team10 .founders article:first-child .founder-heading > img {
  left: 702px;
}
.slide.v10.team10 .founders article + article .founder-heading > img {
  left: 1224px;
}
.slide.v10.team10 .founder-heading h3 {
  margin: 0 0 20px;
}
.slide.v10.team10 .career {
  background: var(--r-paper);
}

/* ---------- 06 Marketers, v2: a hairpin of the ribbon; two columns that compare. ---------- */
.slide.v10.edge10::before {
  content: none;
}
.slide.v10.edge10 .edge-columns10 {
  display: grid;
  grid-column: 1 / 3;
  grid-row: 2;
  align-self: end;
  grid-template-columns: 1fr 1fr;
  column-gap: 32px;
  margin: 0;
}
.slide.v10.edge10 .edge-strengths10,
.slide.v10.edge10 .edge-not10 {
  grid-column: auto;
  grid-row: auto;
  display: flex;
  flex-direction: column;
}
.slide.v10.edge10 .edge-trio10,
.slide.v10.edge10 .edge-not10 > div {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.slide.v10.edge10 .edge-trio10 article,
.slide.v10.edge10 .edge-not10 span {
  flex: 1;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.slide.v10.edge10 .edge-trio10 article:last-child,
.slide.v10.edge10 .edge-not10 span:last-child {
  border-bottom: 1px solid var(--r-oxblood);
}
.slide.v10.edge10 .edge-not10 span {
  border-top-color: var(--r-oxblood);
}
.slide.v10.edge10 .edge-strengths10,
.slide.v10.edge10 .edge-not10 {
  align-self: stretch;
}
.slide.v10.edge10 .edge-not10 > p {
  margin: 0;
}

/* ---------- 04 Learning Gap, v2: the slide 9 ring style, same place and scale. ---------- */
.slide.v10.learning-gap10 .broken-loop10 {
  position: absolute;
  left: 649px;
  top: 187px;
  margin: 0;
  transform: scale(1.09);
  transform-origin: 0 0;
}
.slide.v10.learning-gap10 .broken-loop10::before {
  content: none;
}
.slide.v10.learning-gap10 .loop-track10 {
  stroke: rgb(241 231 221 / 8%);
}
.slide.v10.learning-gap10 .loop-label10 span {
  display: block;
  margin-bottom: 8px;
}
.slide.v10.learning-gap10 .broken-loop10 {
  grid-area: auto;
}

/* ---------- 05 More agents, v2: title and the Augment stack left; lessons in an oxblood column. ---------- */
.slide.v10.augment10 {
  grid-template-columns: 1fr 520px;
  grid-template-rows: auto 1fr;
}
.slide.v10.augment10 .v8-mini-stack {
  grid-column: 1;
  grid-row: 2;
  align-self: end;
  margin: 0;
}
.slide.v10.augment10 .v8-mini-stack article,
.slide.v10.augment10 .v8-mini-stack .mini-execution,
.slide.v10.augment10 .v8-mini-stack .mini-context {
  grid-template-columns: 260px 1fr;
  padding: 22px 0;
}
.slide.v10.augment10 .v8-mini-stack h3 {
  font-size: var(--t-lead);
}
.slide.v10.augment10 .v8-mini-stack article img,
.slide.v10.augment10 .v8-mini-stack .mini-context img {
  width: 120px;
  height: 26px;
}
.slide.v10.augment10 .v8-mini-stack article span,
.slide.v10.augment10 .v8-mini-stack p:not(.v8-mini-caption) {
  font-size: var(--t-body);
}
.slide.v10.augment10 .v8-lessons {
  grid-column: 2;
  grid-row: 1 / 3;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 0;
  margin: -61px -32px -32px 0;
  padding: 61px 32px 32px;
}
.slide.v10.augment10 .v8-lessons > h3 {
  padding-top: 20px;
}
.slide.v10.augment10 .v8-lessons ol {
  grid-template-columns: 1fr;
  gap: 0;
}
.slide.v10.augment10 .v8-lessons li {
  flex-direction: row;
  align-items: baseline;
  gap: 24px;
  padding: 24px 0 32px;
}
.slide.v10.augment10 .v8-lessons li > span {
  flex: 0 0 72px;
}

/* ---------- 07 Platform, v2: two matched boxes, current solution versus Percolate. ---------- */
.slide.v10.platform-compare10 .platform-compare-scene10 {
  align-items: stretch;
}
.slide.v10.platform-compare10 .current-solution10,
.slide.v10.platform-compare10 .percolate-boundary10 {
  display: flex;
  flex-direction: column;
  padding: 24px;
  border: 1px solid var(--r-oxblood);
  box-sizing: border-box;
}
.slide.v10.platform-compare10 .current-solution10 {
  background: rgb(73 5 6 / 4%);
}
/* Both boxes open with a name at the same size: a heading on the left, the logo on the right. */
.slide.v10.platform-compare10 .current-solution10 > p:first-child {
  height: 30px;
  margin: 0 0 24px;
  padding: 0;
  border: 0;
  font: 600 var(--t-heading) / 30px var(--font-body);
  letter-spacing: -0.02em;
  text-transform: none;
}
.slide.v10.platform-compare10 .boundary-logo10 {
  margin-bottom: 24px;
}
.slide.v10.platform-compare10 .current-question10 {
  margin-top: auto;
  padding-top: 16px;
}
/* Eight channels on one even grid: the first three highlighted, the rest later. */
.slide.v10.platform-compare10 .action-channels10 {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 0;
  margin-top: 16px;
}
.slide.v10.platform-compare10 .action-first10,
.slide.v10.platform-compare10 .action-later10 {
  display: grid;
  grid-template-columns: subgrid;
  gap: 0;
  margin: 0;
  padding: 10px 0;
}
.slide.v10.platform-compare10 .action-first10 {
  grid-column: span 3;
}
.slide.v10.platform-compare10 .action-later10 {
  grid-column: span 5;
}
.slide.v10.platform-compare10 .action-first10 > span,
.slide.v10.platform-compare10 .action-later10 > span {
  justify-self: center;
}
.slide.v10.platform-compare10 .platform-compare-scene10 {
  align-self: stretch;
  margin-top: 40px;
}
.slide.v10.platform-compare10 .platform-compare-scene10 {
  align-self: end;
  margin-top: 32px;
}
.slide.v10.platform-compare10 .current-solution10,
.slide.v10.platform-compare10 .percolate-boundary10 {
  padding: 20px;
}
.slide.v10.platform-compare10 .current-solution10 > p:first-child,
.slide.v10.platform-compare10 .boundary-logo10 {
  margin-bottom: 16px;
}
.slide.v10.platform-compare10 .percolate-boundary10 .platform-layer10 {
  padding: 16px 20px;
}
.slide.v10.platform-compare10 .percolate-boundary10 .system-action10 {
  min-height: 0;
  padding: 16px 20px 12px;
}

/* ---------- 08 Demo, v2: the film centered on the slide's height. ---------- */
.slide.v10.demo10 .demo-preview-link {
  position: absolute;
  grid-area: auto;
  right: 32px;
  top: 169px;
}

/* ---------- 12 ICP, v2: two equal halves; both hairlines start on the same line. ---------- */
.slide.v10.icp-market10 {
  grid-template-columns: 1fr 1fr;
}
.slide.v10.icp-market10 .icp-funding10 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 32px;
}
.slide.v10.icp-market10 .icp-funding10 svg {
  width: 100%;
  height: auto;
}
.slide.v10.icp-market10 .icp-potential10 {
  grid-row: 2 / 4;
  align-self: stretch;
  align-content: start;
  margin-top: 0;
}
.slide.v10.icp-market10 .icp-potential10 > div {
  padding-bottom: 40px;
}

/* ---------- 14 Raise, v2: the ask in an oxblood box, the plan beside it. ---------- */
.slide.v10.raise10 .raise10-ask {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 32px;
  background: var(--r-oxblood);
  color: var(--r-paper);
}
.slide.v10.raise10 .raise10-ask > strong {
  color: var(--r-sun);
}
.slide.v10.raise10 .raise10-ask > p,
.slide.v10.raise10 .raise10-ask > div span {
  color: var(--r-paper-muted);
}
.slide.v10.raise10 .raise10-ask > div {
  border-color: var(--r-paper-rule);
}
.slide.v10.raise10 .raise10-proofs {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.slide.v10.raise10 .raise10-layout + .raise10-bottom,
.slide.v10.raise10 .raise10-bottom {
  margin-top: 24px;
}
.slide.v10.raise10 .raise10-ask,
.slide.v10.raise10 .raise10-proofs {
  margin-top: 40px;
}
.slide.v10.demo10 {
  grid-template-columns: 1fr 880px;
}
.slide.v10.demo10 .demo-preview-link {
  top: 202px;
  width: 880px;
  height: 495px;
}

/* ---------- Grain, v2: finer. One noise pixel per device pixel on a 2x screen. ---------- */
.slide.v10.r-noise::after,
.slide.v10.cover-v7::before {
  background-size: 128px 128px;
}
.slide.v10.r-noise::after {
  opacity: 0.6;
}
.slide.v10.closing10.r-noise::after {
  opacity: 0.5;
}

/* ---------- 02 Team, v3: the bends sit lower, closer to the names. ---------- */
.slide.v10.team10 .founder-heading > img,
.slide.v10.team10 .founders article + article .founder-heading > img {
  top: 279px;
  width: 186px;
  height: 186px;
}
.slide.v10.team10 .founders article:first-child .founder-heading > img {
  left: 707px;
}
.slide.v10.team10 .founders article + article .founder-heading > img {
  left: 1229px;
}

/* ---------- 03 Execution Gap, v3: a ribbon hairpin replaces the ring. ---------- */
.slide.v10.tools10 .execution-pain10::before {
  content: none;
}
.r-ribbon.r-ribbon-panel {
  z-index: auto;
  width: 100%;
  height: 100%;
}

/* ---------- 05 More agents, v3: two balanced halves, both start on one line. ---------- */
.slide.v10.augment10 {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto 1fr;
}
.slide.v10.augment10 .v8-mini-caption {
  border-top: 0;
  padding-top: 0;
  padding-bottom: 16px;
}
.slide.v10.augment10 .v8-mini-stack {
  grid-row: 2;
  align-self: start;
  margin-top: 56px;
}
.slide.v10.augment10 .v8-lessons {
  grid-row: 2;
  align-self: stretch;
  justify-content: flex-start;
  margin: 24px -32px -32px 0;
  padding: 32px;
}
.slide.v10.augment10 .v8-lessons > h3 {
  padding: 0 0 16px;
}
.slide.v10.augment10 .v8-lessons li {
  align-items: baseline;
  gap: 16px;
  padding: 22px 0;
}
.slide.v10.augment10 .v8-lessons li > span {
  flex: 0 0 48px;
  font-size: var(--t-lead);
}
.slide.v10.augment10 .v8-lessons li p {
  font-size: var(--t-lead);
  line-height: 1.3;
}

/* ---------- 09 Loop, v2: the long title holds the left column. ---------- */
.slide.v10.self-loop10 h2 {
  max-width: 600px;
}
.slide.v10.self-loop10 h2 em {
  display: inline;
}
.r-nowrap {
  white-space: nowrap;
}

/* ---------- 08 Demo, v3: the title on one line, the film centered below it. ---------- */
.slide.v10.demo10 h2 {
  grid-column: 1 / 3;
}
.slide.v10.demo10 .demo-preview-link {
  left: 390px;
  right: auto;
  top: 222px;
  width: 820px;
  height: 461px;
}
.slide.v10.demo10 h2 em {
  display: inline;
}

/* ---------- 09 Loop, v3: set line breaks for an even rag. ---------- */
.slide.v10.self-loop10 h2 {
  max-width: none;
}

/* ---------- 08 Demo, v4: title left, film right, centered on the slide's height. ---------- */
.slide.v10.demo10 {
  grid-template-columns: 1fr 760px;
}
.slide.v10.demo10 h2 {
  grid-column: 1;
}
.slide.v10.demo10 .demo-preview-link {
  left: auto;
  right: 32px;
  top: 236px;
  width: 760px;
  height: 428px;
}

/* ---------- 05 More agents, v4: both halves fill the slide to the bottom margin. ---------- */
.slide.v10.augment10 .v8-mini-stack {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  margin-top: 56px;
}
.slide.v10.augment10 .v8-mini-stack article,
.slide.v10.augment10 .v8-mini-stack .mini-execution,
.slide.v10.augment10 .v8-mini-stack .mini-context {
  flex: 1;
  padding: 0;
}
.slide.v10.augment10 .v8-mini-stack article:last-child {
  border-bottom: 1px solid var(--r-rule);
}
.slide.v10.augment10 .v8-lessons ol {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.slide.v10.augment10 .v8-lessons li {
  flex: 1;
  align-items: center;
  padding: 0;
}
.slide.v10.augment10 .v8-lessons li:last-child {
  border-bottom: 1px solid var(--r-paper-rule);
}

/* ---------- 08 Demo, v5: everything centered; the film large. ---------- */
.slide.v10.demo10 {
  display: block;
  text-align: center;
}
.slide.v10.demo10 h2 {
  text-align: center;
}
.slide.v10.demo10 .demo-preview-link {
  left: 260px;
  right: auto;
  top: 222px;
  width: 1080px;
  height: 608px;
}
.slide.v10.demo10 .demo-watch10 {
  position: absolute;
  left: 50%;
  bottom: 36px;
  width: auto;
  padding: 0;
  border: 0;
  transform: translateX(-50%);
}
.slide.v10.demo10 .demo-preview-link {
  left: 300px;
  top: 236px;
  width: 1000px;
  height: 562px;
}
.slide.v10.demo10 .demo-watch10 {
  bottom: 40px;
}

/* ---------- 03 Execution Gap, v4: an amber panel; the ribbon in oxblood. ---------- */
.slide.v10.tools10 .execution-pain10 {
  background: var(--r-amber);
  color: var(--r-oxblood);
}
.slide.v10.tools10 .execution-pain10 p {
  border-top-color: rgb(73 5 6 / 25%);
}

/* ---------- Title highlights: one weight everywhere, only the color changes. ----------
   Paper: flame. Oxblood: yellow. Gradients: paper. Yellow: deep flame, for contrast. */
.slide.v10 h1 em,
.slide.v10 h2 em {
  font-weight: inherit;
}
.slide.v10.r-sun h1 em,
.slide.v10.r-sun h2 em {
  color: #c8361c;
  font-weight: inherit;
}

/* ---------- 11 Partners, v2: an amber band, like the slide 3 panel. ---------- */
.slide.v10.partners10 .partners-grid10 {
  background: var(--r-amber);
}
.slide.v10.partners10 .partners-grid10 article + article,
.slide.v10.partners10 .partner-person10 {
  border-color: rgb(73 5 6 / 25%);
}
.slide.v10.partners10 .partner-person10 small {
  color: rgb(73 5 6 / 72%);
}

/* ---------- Panels on paper slides use the same orange as the title highlight. ---------- */
.slide.v10.tools10 .execution-pain10,
.slide.v10.partners10 .partners-grid10 {
  background: var(--r-flame);
  color: var(--r-oxblood);
}

/* ---------- 03 Execution Gap, v5: oxblood panel, flame ribbon, paper drafting lines. ---------- */
.slide.v10.tools10 .execution-pain10 {
  background: var(--r-oxblood);
  color: var(--r-paper);
}
.slide.v10.tools10 .execution-pain10 h3 em {
  color: var(--r-flame);
}
.slide.v10.tools10 .execution-pain10 p {
  border-top-color: var(--r-paper-rule);
}
.slide.v10.tools10 .execution-pain10 .r-ribbon-line,
.slide.v10.tools10 .execution-pain10 .r-ribbon-guide,
.slide.v10.tools10 .execution-pain10 .r-ribbon-dash {
  stroke: rgb(241 231 221 / 55%);
}
.slide.v10.tools10 .execution-pain10 .r-ribbon .r-ribbon-dot {
  fill: var(--r-paper);
}

/* ---------- 11 Partners, v3: an oxblood band; paper type. ---------- */
.slide.v10.partners10 .partners-grid10 {
  background: var(--r-oxblood);
  color: var(--r-paper);
}
.slide.v10.partners10 .partners-grid10 article + article,
.slide.v10.partners10 .partner-person10 {
  border-color: var(--r-paper-rule);
}
.slide.v10.partners10 .partner-person10 small {
  color: var(--r-paper-muted);
}

/* =====================================================================
   PolySans for titles and display text. Trial fonts: loaded with local()
   from this machine only, so no font file ships with the site. Anyone
   without PolySans installed sees Manrope.
   ===================================================================== */
@font-face {
  font-family: 'PolySans Deck';
  src: local('PolySans Trial Slim'), local('PolySansTrial-Slim');
  font-weight: 300;
}
@font-face {
  font-family: 'PolySans Deck';
  src: local('PolySans Trial Neutral'), local('PolySansTrial-Neutral');
  font-weight: 400;
}
@font-face {
  font-family: 'PolySans Deck';
  src: local('PolySans Trial Median'), local('PolySansTrial-Median');
  font-weight: 600;
}
@font-face {
  font-family: 'PolySans Deck';
  src: local('PolySans Trial Bulky'), local('PolySansTrial-Bulky');
  font-weight: 700;
}
body[data-deck] {
  --font-display: 'PolySans Deck', 'Manrope', Arial, sans-serif;
}
/* Titles, statements and the big figures. Body, labels and h3 stay Manrope. */
.slide.v10 h1,
.slide.v10 h2,
.slide.v10.r-sys h1,
.slide.v10.r-sys h2,
.slide.v10.closing10 h2,
.slide.v10.cover-v7 .cover-statement,
.slide.v10.opportunity10 .bubble10 strong,
.slide.v10.icp-market10 .icp-potential10 strong,
.slide.v10.raise10 .raise10-ask > strong,
.slide.v10.raise10 .raise-decoy10 strong {
  font-family: var(--font-display);
  letter-spacing: -0.02em;
}
/* Display statements: -2% tracking in PolySans, the same on the opening and the closing. */
.slide.v10.r-sys.opening10 h1 {
  letter-spacing: -0.02em;
}


/* Mono trial. A copy of the deck, loaded after refresh.css.
   Light slides are #EDEDF0 with black and greys for all type and hairlines.
   Color grounds are oxblood or the one dusk gradient (slides 9 and 15).
   Color appears only as accents: flame for highlighted words, and the dusk
   gradient's stops for illustrations, charts, diagrams and glows. */

body[data-deck] {
  --m-bg: #ededf0;
  --m-black: #111111;
  --m-text: #2b2b2e;
  --m-muted: #6b6b72;
  --m-rule: #c9c9cf;
  --m-fill: #dcdce1;
  --m-panel: #1e1e21;
  --m-panel-2: #3a3a3f;
  --m-oxblood: #490506;
  --m-flame: #ec4322;

  /* The dusk gradient. Its four stops are the only colors used for accents. */
  --m-g1: #e23d22;
  --m-g2: #e8501f;
  --m-g3: #ec6a22;
  --m-g4: #f5a52d;
  --m-dusk:
    radial-gradient(
      ellipse 60% 55% at 72% 112%,
      #fff1b8 0,
      #ffd437 22%,
      rgb(247 169 42 / 70%) 48%,
      rgb(233 131 28 / 0) 100%
    ),
    linear-gradient(
      180deg,
      var(--m-g1) 0,
      var(--m-g2) 25%,
      var(--m-g3) 50%,
      #f08a28 75%,
      var(--m-g4) 100%
    );

  /* The deck's tokens, remapped. Oxblood was text and surface; here it is
     text (black). Oxblood grounds and dark panels are set below. */
  --r-paper: var(--m-bg);
  --r-oxblood: var(--m-black);
  --r-muted: var(--m-muted);
  --r-rule: var(--m-rule);
  --r-flame: var(--m-flame);
  --r-amber: var(--m-g3);
  --r-sun: var(--m-g4);
  --r-paper-muted: rgb(255 255 255 / 66%);
  --r-paper-rule: rgb(255 255 255 / 20%);

  background: var(--m-bg);
  color: var(--m-black);
}

/* ---------- Light slides: #EDEDF0, black titles, grey text and hairlines. ---------- */
.slide.v10,
.slide.v10.r-sun {
  background: var(--m-bg);
  color: var(--m-text);
}
.slide.v10 h1,
.slide.v10 h2 {
  color: var(--m-black);
}
.slide.v10 em,
.slide.v10.r-sun h1 em,
.slide.v10.r-sun h2 em {
  color: var(--m-flame);
}

/* Hairlines that used the old dark token: grey. */
.slide.v10.tools10 .landscape10 article,
.slide.v10.edge10 .edge-trio10 article,
.slide.v10.edge10 .edge-trio10 article:last-child,
.slide.v10.edge10 .edge-not10 span,
.slide.v10.edge10 .edge-not10 span:last-child,
.slide.v10.platform-compare10 .current-vendors10 article,
.slide.v10.platform-compare10 .current-solution10,
.slide.v10.platform-compare10 .percolate-boundary10,
.slide.v10.raise10 .raise10-proofs article,
.slide.v10.raise10 .raise10-bottom {
  border-color: var(--m-rule);
}
.slide.v10.platform-compare10 .system-action10 {
  box-shadow: inset 0 0 0 1px var(--m-rule);
}

/* ---------- Oxblood grounds: white and greys; flame highlights. ---------- */
.slide.v10.r-oxblood {
  background: var(--m-oxblood);
  color: rgb(255 255 255 / 86%);
}
.slide.v10.r-oxblood h1,
.slide.v10.r-oxblood h2 {
  color: #ffffff;
}
.slide.v10.r-oxblood em {
  color: var(--m-flame);
}

/* ---------- Gradient grounds: the dusk, with black type and white highlights. ---------- */
.slide.v10.self-loop10,
.slide.v10.closing10 {
  background: var(--m-dusk);
  color: var(--m-black);
}
.slide.v10.self-loop10 h2 em,
.slide.v10.self-loop10 .compound-story h3 em,
.slide.v10.closing10 h2 em {
  color: #ffffff;
}
.slide.v10.closing10 h2,
.slide.v10.closing10 h2 > span,
.slide.v10.closing10 .closing-premise10 {
  color: var(--m-black);
}
.slide.v10.closing10 > img {
  filter: brightness(0);
}
.slide.v10.self-loop10 .r-label,
.slide.v10.self-loop10 .compound-story {
  border-color: rgb(17 17 17 / 22%);
}
.slide.v10.self-loop10 .compound-step p,
.slide.v10.self-loop10 .compound-story > p {
  color: rgb(17 17 17 / 72%);
}
.slide.v10.self-loop10 .compound-ring circle {
  stroke: rgb(17 17 17 / 10%);
}
.slide.v10.self-loop10 .compound-ring [data-loop-arc='1'] {
  stroke: rgb(17 17 17 / 72%);
}
.slide.v10.self-loop10 .compound-ring [data-loop-arc='2'] {
  stroke: rgb(17 17 17 / 45%);
}

/* ---------- Dark panels: near black, white type, flame accents. ---------- */
.slide.v10.augment10 .v8-lessons,
.slide.v10.tools10 .execution-pain10,
.slide.v10.partners10 .partners-grid10,
.slide.v10.icp-market10 .icp-potential10,
.slide.v10.raise10 .raise10-ask,
.slide.v10.platform-compare10 .data10,
.slide.v10.r-appendix .cgC-graph,
.slide.v10.r-appendix .price-future10,
.slide.v10.r-appendix .abm-percolate10,
.slide.v10.learning-gap10 .lost-packet10,
body[data-deck] .deck-gate button,
body[data-deck] .deck-nav button:hover:not(:disabled) {
  background: var(--m-panel);
  color: #ffffff;
}
.slide.v10.icp-market10 .icp-potential10 strong,
.slide.v10.icp-market10 .icp-potential10 p {
  color: #ffffff;
}
.slide.v10.icp-market10 .icp-potential10 span {
  color: rgb(255 255 255 / 62%);
}
.slide.v10.icp-market10 .icp-potential10 > div {
  border-color: rgb(255 255 255 / 20%);
}
.slide.v10.augment10 .v8-lessons li > span,
.slide.v10.augment10 .v8-lessons strong,
.slide.v10.tools10 .execution-pain10 h3 em,
.slide.v10.raise10 .raise10-ask > strong {
  color: var(--m-flame);
}
.slide.v10.tools10 .execution-pain10 p {
  border-top-color: rgb(255 255 255 / 20%);
}
.slide.v10.r-ribbon-panel .r-ribbon-line,
.slide.v10.tools10 .execution-pain10 .r-ribbon-line,
.slide.v10.tools10 .execution-pain10 .r-ribbon-guide,
.slide.v10.tools10 .execution-pain10 .r-ribbon-dash {
  stroke: rgb(255 255 255 / 55%);
}
.slide.v10.tools10 .execution-pain10 .r-ribbon .r-ribbon-dot {
  fill: #ffffff;
}

/* ---------- Diagrams: greys for structure; the gradient for the accent. ---------- */
.slide.v10.platform-compare10 .current-solution10 {
  background: var(--m-fill);
}
.slide.v10.platform-compare10 .action-first10 {
  background: linear-gradient(90deg, var(--m-g1), var(--m-g4));
  color: #ffffff;
}
.slide.v10.platform-compare10 .action-first10 svg {
  color: #ffffff;
}
.slide.v10.platform-compare10 .runtime10 {
  background: var(--m-fill);
  color: var(--m-black);
}
.slide.v10.platform-compare10 .context10 {
  background: var(--m-panel-2);
  color: #ffffff;
}
.slide.v10.platform-compare10 .current-question10 strong {
  color: var(--m-flame);
}
.slide.v10.r-sys .core-recommend,
.slide.v10.r-sys.team-loop10 .core-recommend {
  background: linear-gradient(90deg, var(--m-g1), var(--m-g4));
  color: #ffffff;
}
.slide.v10.r-sys .core-insight {
  background: #ffffff;
  color: var(--m-black);
}
.slide.v10.r-sys .core-context {
  background: var(--m-panel-2);
  color: #ffffff;
}
.slide.v10.r-sys .core-data {
  background: var(--m-panel);
  color: #ffffff;
}
.slide.v10.team-loop10 .team-track10 {
  stroke: rgb(17 17 17 / 7%);
}
.slide.v10.team-loop10 .team-arc10[stroke='#BF4306'] {
  stroke: var(--m-g1);
}
.slide.v10.team-loop10 .team-arc10[stroke='#7295A3'] {
  stroke: var(--m-g2);
}
.slide.v10.team-loop10 .team-arc10[stroke='#558B7C'] {
  stroke: var(--m-g3);
}
.slide.v10.team-loop10 .team-arc10[stroke='#AC8061'] {
  stroke: var(--m-g4);
}
.slide.v10.team-loop10 .team-lane10.team-in10,
.slide.v10.team-loop10 .team-head10.team-in10 {
  stroke: var(--m-flame);
  fill: var(--m-flame);
}
.slide.v10.team-loop10 .team-lane10.team-out10 {
  stroke: var(--m-black);
}
.slide.v10.team-loop10 .team-head10.team-out10 {
  fill: var(--m-black);
}
.slide.v10.team-loop10 .team-lane-label10.team-in10 {
  color: var(--m-flame);
}
.slide.v10.team-loop10 .team-lane-label10.team-out10 {
  color: var(--m-black);
}
.slide.v10.learning-gap10 .broken-stroke10[data-loss-arc='0'] {
  stroke: var(--m-g4);
}
.slide.v10.learning-gap10 .broken-stroke10[data-loss-arc='1'] {
  stroke: var(--m-g3);
}
.slide.v10.learning-gap10 .broken-stroke10[data-loss-arc='2'] {
  stroke: var(--m-g1);
}
.slide.v10.learning-gap10 .loop-label10 span,
.slide.v10.learning-gap10 .lost-gap-label10,
.slide.v10.learning-gap10 .loop-center10 strong {
  color: var(--m-flame);
}
.slide.v10.learning-gap10 [data-loss-gap] path {
  stroke: var(--m-flame);
}

/* ---------- Charts: grey bars, the latest year in flame. ---------- */
.slide.v10.icp-market10 .icp-funding10 rect {
  fill: var(--m-rule);
}
.slide.v10.icp-market10 .icp-funding10 rect[fill='#BF4306'] {
  fill: var(--m-flame);
}

/* ---------- Glows: built from the gradient's stops. ---------- */
.slide.v10.opening10 {
  background: var(--m-oxblood);
}
.slide.v10.opening10::before {
  background: radial-gradient(
    closest-side,
    #fff1b8 0,
    var(--m-g4) 22%,
    #f08a28 38%,
    var(--m-g3) 52%,
    var(--m-g2) 64%,
    rgb(226 61 34 / 55%) 76%,
    rgb(73 5 6 / 0) 100%
  );
}
.slide.v10.opportunity10 .broad10::before {
  background: radial-gradient(
    closest-side,
    #fff1b8 0,
    var(--m-g4) 34%,
    #f08a28 52%,
    var(--m-g3) 64%,
    rgb(232 80 31 / 60%) 76%,
    rgb(226 61 34 / 22%) 88%,
    rgb(73 5 6 / 0) 100%
  );
}
.slide.v10.opportunity10 .mid10::before {
  background: radial-gradient(
    closest-side,
    #f08a28 0,
    var(--m-g3) 55%,
    var(--m-g2) 76%,
    rgb(226 61 34 / 45%) 88%,
    rgb(73 5 6 / 0) 100%
  );
}

/* ---------- Ribbon drafting lines on light slides: black. ---------- */
.slide.v10.team10 .r-ribbon-line,
.slide.v10.team10 .r-ribbon-guide,
.slide.v10.team10 .r-ribbon-dash,
.slide.v10.edge10 .r-ribbon-line,
.slide.v10.edge10 .r-ribbon-guide,
.slide.v10.edge10 .r-ribbon-dash {
  stroke: var(--m-black);
}
.slide.v10.team10 .r-ribbon .r-ribbon-dot,
.slide.v10.edge10 .r-ribbon .r-ribbon-dot {
  fill: var(--m-black);
}
.slide.v10.edge10 .edge-trio10 svg {
  color: var(--m-flame);
}
.slide.v10.edge10 .edge-label10,
.slide.v10.edge10 .edge-not10 > p {
  color: var(--m-black);
}
.slide.v10.edge10 .edge-not10 span {
  color: var(--m-muted);
}
.slide.v10.edge10 .r-label {
  border-color: var(--m-rule);
}

/* ---------- Raise gate and appendix cards: neutral. ---------- */
body[data-deck] .deck-gate {
  background: #f7f7f9;
  box-shadow: 0 0 0 1px var(--m-rule);
}
.slide.v10.r-appendix .cgC-card,
.slide.v10.r-appendix .cgC-group li,
.slide.v10.r-appendix .price-today10,
.slide.v10.r-appendix .price-path10 li,
.slide.v10.r-appendix .abm-steps10 article {
  background: #f7f7f9;
  border-color: var(--m-rule);
}
.slide.v10.r-appendix .cgC-group li {
  color: var(--m-black);
}
.slide.v10.r-appendix .price-future10 .price-tag10 {
  background: var(--m-flame);
  color: #ffffff;
}
.slide.v10.r-appendix .cgC-learned {
  background: rgb(255 255 255 / 8%);
  border-color: rgb(255 255 255 / 18%);
}

/* =====================================================================
   Round 2.
   ===================================================================== */
body[data-deck] {
  /* Oxblood with organic pools of black, set in the corner away from the light. */
  --m-night:
    radial-gradient(ellipse 62% 58% at 6% 4%, #070102 0, rgb(7 1 2 / 88%) 34%, rgb(7 1 2 / 0) 72%),
    radial-gradient(ellipse 34% 48% at 34% -6%, rgb(5 0 1 / 70%) 0, rgb(5 0 1 / 0) 70%),
    radial-gradient(ellipse 30% 40% at -4% 52%, rgb(5 0 1 / 62%) 0, rgb(5 0 1 / 0) 70%),
    radial-gradient(ellipse 22% 26% at 46% 22%, rgb(20 2 3 / 40%) 0, rgb(20 2 3 / 0) 70%),
    var(--m-oxblood);
  /* The Percolate stack, the same four layers wherever it appears. */
  --m-stack-1: #fde4c2;
  --m-stack-2: var(--m-g4);
  --m-stack-3: var(--m-g1);
  --m-stack-4: var(--m-oxblood);
}

/* ---------- 01 Opening and 08 Demo: the night ground. ---------- */
.slide.v10.opening10,
.slide.v10.demo10 {
  background: var(--m-night);
}

/* ---------- 02 Team: the whole title in black. ---------- */
.slide.v10.team10 h2 em {
  color: var(--m-black);
}

/* ---------- 04 Learning Gap: light ground; color only in the ring. ---------- */
.slide.v10.learning-gap10 {
  color: var(--m-text);
}
.slide.v10.learning-gap10 .broken-stroke10[data-loss-arc='0'] {
  stroke: url(#lg-arc0);
}
.slide.v10.learning-gap10 .broken-stroke10[data-loss-arc='1'] {
  stroke: url(#lg-arc1);
}
.slide.v10.learning-gap10 .broken-stroke10[data-loss-arc='2'] {
  stroke: url(#lg-arc2);
}
.slide.v10.learning-gap10 .loop-track10 {
  stroke: rgb(17 17 17 / 6%);
}
.slide.v10.learning-gap10 .missing-return10 {
  stroke: var(--m-muted);
  stroke-opacity: 0.6;
}
.slide.v10.learning-gap10 .loop-label10 span,
.slide.v10.learning-gap10 .loop-label10 p,
.slide.v10.learning-gap10 .loop-center10,
.slide.v10.learning-gap10 .lost-gap-label10 {
  color: var(--m-muted);
}
.slide.v10.learning-gap10 .loop-label10 h3,
.slide.v10.learning-gap10 .loop-center10 strong,
.slide.v10.learning-gap10 .learning-loss10 h3 em {
  color: var(--m-black);
}
.slide.v10.learning-gap10 .lost-packet10 {
  background: #f7f7f9;
  border-color: var(--m-rule);
  color: var(--m-black);
}
.slide.v10.learning-gap10 .learning-loss10,
.slide.v10.learning-gap10 .learning-loss10 p {
  border-color: var(--m-rule);
}

/* ---------- 05 More agents: the lessons on the dusk gradient, in oxblood. ---------- */
.slide.v10.augment10 .v8-lessons {
  background: var(--m-dusk);
  color: var(--m-oxblood);
}
.slide.v10.augment10 .v8-lessons > h3,
.slide.v10.augment10 .v8-lessons li > span,
.slide.v10.augment10 .v8-lessons strong {
  color: var(--m-oxblood);
}
.slide.v10.augment10 .v8-lessons li,
.slide.v10.augment10 .v8-lessons li:last-child {
  border-color: rgb(73 5 6 / 25%);
}

/* ---------- 07 Platform: the stack in color; the tools split by the question. ---------- */
.slide.v10.platform-compare10 .system-action10 {
  background: var(--m-stack-1);
  color: var(--m-oxblood);
  box-shadow: none;
}
.slide.v10.platform-compare10 .system-action10 .action-head10 > em,
.slide.v10.platform-compare10 .action-channels10 svg {
  color: var(--m-oxblood);
}
.slide.v10.platform-compare10 .action-first10 {
  background: rgb(245 165 45 / 45%);
  color: var(--m-oxblood);
}
.slide.v10.platform-compare10 .action-first10 svg {
  color: var(--m-oxblood);
}
.slide.v10.platform-compare10 .runtime10 {
  background: var(--m-stack-2);
  color: var(--m-oxblood);
}
.slide.v10.platform-compare10 .context10 {
  background: var(--m-stack-3);
  color: #ffffff;
}
.slide.v10.platform-compare10 .data10 {
  background: var(--m-stack-4);
  color: #ffffff;
}
/* Left: two rows of tools with the question set between them. */
.slide.v10.platform-compare10 .current-solution10 {
  position: relative;
}
.slide.v10.platform-compare10 .current-vendors10 {
  grid-template-rows: auto auto;
  row-gap: 120px;
}
.slide.v10.platform-compare10 .current-vendors10 article {
  height: 112px;
  border: 1px solid var(--m-rule);
  background: rgb(255 255 255 / 35%);
}
.slide.v10.platform-compare10 .current-vendors10 h3 {
  padding: 10px 12px;
  border-bottom: 1px solid var(--m-rule);
}
.slide.v10.platform-compare10 .current-vendors10 .vendors10 {
  justify-items: center;
  padding: 10px 12px;
}
.slide.v10.platform-compare10 .current-question10 {
  position: absolute;
  left: 20px;
  right: 20px;
  top: 50%;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
  transform: translateY(-18%);
}

/* ---------- 09 and 15: on the dusk gradient, every word is oxblood. ---------- */
.slide.v10.self-loop10,
.slide.v10.self-loop10 h2,
.slide.v10.self-loop10 h2 em,
.slide.v10.self-loop10 .compound-story h3,
.slide.v10.self-loop10 .compound-story h3 em,
.slide.v10.self-loop10 .compound-story > p,
.slide.v10.self-loop10 .compound-step > span,
.slide.v10.self-loop10 .compound-step h3,
.slide.v10.self-loop10 .compound-step p,
.slide.v10.self-loop10 .compound-core > strong,
.slide.v10.closing10,
.slide.v10.closing10 h2,
.slide.v10.closing10 h2 > span,
.slide.v10.closing10 h2 em,
.slide.v10.closing10 .closing-premise10 {
  color: var(--m-oxblood);
}
.slide.v10.self-loop10 .compound-step p,
.slide.v10.self-loop10 .compound-story > p {
  opacity: 0.8;
}
.slide.v10.self-loop10 .r-label,
.slide.v10.self-loop10 .compound-story {
  border-color: rgb(73 5 6 / 25%);
}
.slide.v10.closing10 > img {
  filter: brightness(0) saturate(100%) invert(8%) sepia(60%) saturate(5000%) hue-rotate(352deg) brightness(70%);
}

/* The ring on 09 and the arcs on 10: four oxblood tones. */
.slide.v10.self-loop10 .compound-ring circle {
  stroke: rgb(73 5 6 / 10%);
}
.slide.v10.self-loop10 .compound-ring [data-loop-arc='0'] {
  stroke: var(--m-oxblood);
}
.slide.v10.self-loop10 .compound-ring [data-loop-arc='1'] {
  stroke: rgb(73 5 6 / 75%);
}
.slide.v10.self-loop10 .compound-ring [data-loop-arc='2'] {
  stroke: rgb(73 5 6 / 50%);
}
.slide.v10.self-loop10 .compound-ring [data-loop-arc='3'] {
  stroke: rgb(73 5 6 / 28%);
}
.slide.v10.self-loop10 .compound-arrow {
  fill: var(--m-oxblood);
}
.slide.v10.team-loop10 .team-arc10[stroke='#BF4306'] {
  stroke: var(--m-oxblood);
}
.slide.v10.team-loop10 .team-arc10[stroke='#7295A3'] {
  stroke: rgb(73 5 6 / 75%);
}
.slide.v10.team-loop10 .team-arc10[stroke='#558B7C'] {
  stroke: rgb(73 5 6 / 50%);
}
.slide.v10.team-loop10 .team-arc10[stroke='#AC8061'] {
  stroke: rgb(73 5 6 / 28%);
}

/* The Percolate core on 09 and 10: the stack colors, all solid. */
.slide.v10.r-sys .core-recommend,
.slide.v10.r-sys.team-loop10 .core-recommend {
  background: var(--m-stack-1);
  color: var(--m-oxblood);
}
.slide.v10.r-sys .core-insight {
  background: var(--m-stack-2);
  color: var(--m-oxblood);
}
.slide.v10.r-sys .core-context {
  background: var(--m-stack-3);
  color: #ffffff;
}
.slide.v10.r-sys .core-data {
  background: var(--m-stack-4);
  color: #ffffff;
}

/* ---------- 10 Team loop: lanes are lines, never filled shapes. ---------- */
.slide.v10.team-loop10 .team-lane10,
.slide.v10.team-loop10 .team-lane10.team-in10,
.slide.v10.team-loop10 .team-lane10.team-out10 {
  fill: none;
}
.slide.v10.team-loop10 .team-lane10.team-in10 {
  stroke: var(--m-flame);
}
.slide.v10.team-loop10 .team-head10.team-in10 {
  fill: var(--m-flame);
  stroke: none;
}

/* ---------- 13 Opportunity: on black. ---------- */
.slide.v10.r-oxblood.opportunity10 {
  background: #0e0e10;
}
.slide.v10.opportunity10 .broad10::before,
.slide.v10.opportunity10 .mid10::before {
  filter: blur(18px);
}

/* ---------- 14 Raise: no color in the title; the ask box spreads top to bottom. ---------- */
.slide.v10.raise10 h2 em {
  color: var(--m-black);
}
.slide.v10.raise10 .raise10-ask {
  justify-content: space-between;
}
/* The gap between the two tool rows runs 179px to 299px from the box top. */
.slide.v10.platform-compare10 .current-question10 {
  top: 204px;
  transform: none;
}

/* =====================================================================
   Round 3.
   ===================================================================== */
/* 01 and 08: plain oxblood again. */
.slide.v10.opening10,
.slide.v10.demo10 {
  background: var(--m-oxblood);
}
/* Cover: oxblood under the three columns of light. */
.slide.v10.cover-v7 {
  background-color: var(--m-oxblood);
}
/* 13: oxblood. */
.slide.v10.r-oxblood.opportunity10 {
  background: var(--m-oxblood);
}
/* 12 and 14: the panels take the dusk gradient, with oxblood type. */
.slide.v10.icp-market10 .icp-potential10,
.slide.v10.raise10 .raise10-ask {
  background: var(--m-dusk);
  color: var(--m-oxblood);
}
.slide.v10.icp-market10 .icp-potential10 strong,
.slide.v10.icp-market10 .icp-potential10 p,
.slide.v10.icp-market10 .icp-potential10 span,
.slide.v10.raise10 .raise10-ask > strong,
.slide.v10.raise10 .raise10-ask h3,
.slide.v10.raise10 .raise10-ask > p,
.slide.v10.raise10 .raise10-ask b,
.slide.v10.raise10 .raise10-ask > div span {
  color: var(--m-oxblood);
}
.slide.v10.icp-market10 .icp-potential10 span,
.slide.v10.raise10 .raise10-ask > p,
.slide.v10.raise10 .raise10-ask > div span {
  opacity: 0.8;
}
.slide.v10.icp-market10 .icp-potential10 > div,
.slide.v10.raise10 .raise10-ask > div {
  border-color: rgb(73 5 6 / 25%);
}
/* Starting channels: the highlight hugs Email, Ads and Landing pages with equal padding
   on both sides. The later channels share the remaining width evenly. */
.slide.v10.platform-compare10 .action-channels10 {
  display: flex;
  align-items: stretch;
  gap: 0;
}
.slide.v10.platform-compare10 .action-first10 {
  display: flex;
  gap: 26px;
  padding: 10px 22px;
}
.slide.v10.platform-compare10 .action-later10 {
  display: flex;
  flex: 1;
  justify-content: space-around;
  padding: 10px 0 10px 12px;
}
/* Cover tagline: bottom-right corner, white, 1.5x the earlier 36px. */
.slide.v10.cover-v7 .cover-tagline {
  top: auto;
  bottom: 64px;
  right: 68px;
  color: #ffffff;
  font-size: 54px;
}
/* Design partners: three cards for now. */
.slide.v10.partners10 .partners-grid10 {
  grid-template-columns: repeat(3, 1fr);
}