.workloop-deck-root,
.workloop-deck-root body {
  --deck-accent: var(--bfds-primary);
  --deck-accent-soft: var(--bfds-primary-02);
  --deck-accent-faint: var(--bfds-primary-01);
  --deck-panel: var(--bfds-background-08);
  --deck-panel-strong: var(--bfds-background-09);
  --deck-border: var(--bfds-border);
  --deck-border-strong: var(--bfds-primary-04);
  --deck-muted: var(--bfds-text-08);
  --deck-soft: var(--bfds-background-01);
  --deck-stage-padding-x: 88px;
  width: 100%;
  height: 100%;
  min-height: 100%;
  overflow: hidden;
}

.workloop-deck-root body {
  background:
    linear-gradient(115deg, var(--bfds-primary-01), transparent 28%),
    linear-gradient(245deg, var(--bfds-background-02), transparent 32%),
    linear-gradient(180deg, var(--bfds-background-solid-0) 0%, var(--bfds-background-solid-1) 54%, var(--bfds-background-solid-0) 100%);
  color: var(--bfds-text);
  font-family: var(--fontFamily);
}

.workloop-deck {
  --deck-grid-x: 0;
  --deck-grid-y: 0;
  background:
    linear-gradient(115deg, var(--bfds-primary-01), transparent 28%),
    linear-gradient(245deg, var(--bfds-background-02), transparent 32%),
    linear-gradient(180deg, var(--bfds-background-solid-0) 0%, var(--bfds-background-solid-1) 54%, var(--bfds-background-solid-0) 100%);
  position: relative;
  width: 100%;
  height: 100%;
  isolation: isolate;
}

.workloop-deck::before {
  content: "";
  position: fixed;
  inset: -72vmax;
  z-index: 0;
  pointer-events: none;
  background:
    repeating-linear-gradient(0deg, transparent 0 63px, var(--bfds-border-subtle) 63px 64px),
    repeating-linear-gradient(-58.91deg, transparent 0 63px, var(--bfds-border-subtle) 63px 64px);
  background-position:
    calc(72vmax + (var(--deck-grid-x) * 1vw)) calc(72vmax + (var(--deck-grid-y) * 1vh)),
    calc(72vmax + (var(--deck-grid-x) * 1vw)) calc(72vmax + (var(--deck-grid-y) * 1vh));
  background-repeat: no-repeat;
  background-size: auto, auto;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.22), rgba(0, 0, 0, 0.84) 30%, rgba(0, 0, 0, 0.18));
  transition: background-position 1.05s cubic-bezier(0.26, 0.86, 0.44, 0.985);
}

.workloop-deck__chrome {
  position: fixed;
  top: 30px;
  left: 38px;
  right: 38px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  pointer-events: none;
}

.workloop-deck__chrome .workloop-logo {
  flex: 0 0 auto;
  width: 154px;
  height: 21px;
  opacity: 0;
  transition: opacity 420ms ease;
}

.workloop-deck--chrome-visible .workloop-deck__chrome .workloop-logo {
  opacity: 0.78;
}

.workloop-deck__kicker {
  min-height: 1em;
  max-width: min(50vw, 520px);
  color: var(--deck-accent);
  font: 800 15px/1.1 var(--fontFamily);
  letter-spacing: 0.12em;
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  text-transform: uppercase;
  transition: opacity 180ms ease;
  white-space: nowrap;
}

.workloop-deck__kicker--changing,
.workloop-deck__kicker--empty {
  opacity: 0;
}

.workloop-deck__theme-toggle {
  position: fixed;
  right: 118px;
  bottom: 25px;
  z-index: 31;
  min-height: 24px;
}

.workloop-deck__theme-toggle .bfds-toggle-track {
  background-color: var(--bfds-background-08);
  box-shadow: inset 0 0 0 1px var(--deck-border);
  backdrop-filter: blur(12px);
}

.workloop-deck__theme-toggle .bfds-toggle-thumb {
  background-color: var(--bfds-background-solid-0);
  box-shadow: var(--bfds-shadow-sm);
}

.workloop-reveal.reveal {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  color: var(--bfds-text);
  font-family: var(--fontFamily);
  text-wrap: pretty;
}

.workloop-reveal.reveal .slides {
  text-align: left;
}

.workloop-reveal.reveal .slides section {
  box-sizing: border-box;
  min-height: 100%;
  padding: 104px var(--deck-stage-padding-x) 72px;
}

.workloop-reveal.reveal h1,
.workloop-reveal.reveal h2 {
  max-width: 980px;
  margin: 0 0 28px;
  color: var(--bfds-text);
  font-family: var(--marketingFontFamily);
  font-size: 70px;
  font-weight: 400;
  line-height: 0.96;
  letter-spacing: 0;
  text-transform: none;
  text-wrap: balance;
}

.workloop-reveal.reveal h1 {
  font-size: 86px;
}

.workloop-reveal.reveal p,
.workloop-reveal.reveal li {
  max-width: 900px;
  color: var(--deck-muted);
  font-size: 30px;
  line-height: 1.28;
}

.workloop-reveal.reveal strong {
  color: var(--bfds-text);
}

.workloop-reveal.reveal a {
  color: var(--deck-accent);
  text-decoration-color: var(--bfds-primary-04);
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.16em;
}

.workloop-reveal.reveal ol,
.workloop-reveal.reveal ul {
  display: grid;
  gap: 18px;
  margin: 34px 0 0;
  padding-left: 1.1em;
}

.workloop-reveal.reveal .controls,
.workloop-reveal.reveal .progress {
  color: var(--deck-accent);
}

.workloop-reveal.reveal .deck-kicker {
  display: none;
}

.workloop-reveal.reveal .deck-logo-animation {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 40px;
}

.workloop-reveal.reveal .deck-logo-animation .workloop-logo-animation {
  opacity: 0;
  transform: scale(0.94);
  transform-origin: center;
  transition:
    opacity 700ms ease,
    transform 700ms cubic-bezier(0.22, 1, 0.36, 1),
    width var(--workloop-logo-animation-duration)
      var(--workloop-logo-animation-easing);
  vertical-align: top;
}

.workloop-reveal.reveal .deck-logo-animation .deck-logo-animation__mark--entered {
  opacity: 1;
  transform: scale(1);
}

/* Only hide the intro copy when the slide actually carries the logo animation
   that reveals it again; otherwise the slide would stay permanently blank. */
.workloop-reveal.reveal .deck-slide--intro:has(.deck-logo-animation) > h2,
.workloop-reveal.reveal .deck-slide--intro:has(.deck-logo-animation) > p {
  opacity: 0;
  transform: translateY(12px);
  transition:
    opacity 420ms ease,
    transform 420ms ease;
}

.workloop-reveal.reveal .deck-slide--intro.deck-slide--intro-text-visible > h2,
.workloop-reveal.reveal .deck-slide--intro.deck-slide--intro-text-visible > p {
  opacity: 1;
  transform: translateY(0);
}

.workloop-reveal.reveal .deck-slide--intro.deck-slide--intro-text-visible > p {
  transition-delay: 180ms;
}

.workloop-reveal.reveal .deck-split {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: 56px;
  align-items: center;
}

.workloop-reveal.reveal .deck-split h3,
.workloop-reveal.reveal .deck-card h3 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 12px;
  color: var(--bfds-text);
  font-family: var(--fontFamily);
  font-size: 24px;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: 0;
  text-transform: none;
}

.workloop-reveal.reveal .deck-point-icon {
  display: inline-flex;
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--bfds-primary-04);
  border-radius: calc(10px * var(--corner-radius-scale, 1));
  corner-shape: squircle;
  background: var(--bfds-primary-01);
  color: var(--deck-accent);
}

.workloop-reveal.reveal .deck-point-icon svg {
  display: block;
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.workloop-reveal.reveal .deck-callout,
.workloop-reveal.reveal .deck-card,
.workloop-reveal.reveal .deck-metric,
.workloop-reveal.reveal .deck-proof {
  border: 1px solid var(--deck-border);
  border-radius: calc(16px * var(--corner-radius-scale, 1));
  corner-shape: squircle;
  background:
    linear-gradient(180deg, var(--deck-soft), transparent 58%),
    var(--deck-panel);
  box-shadow: var(--bfds-shadow-md);
  box-sizing: border-box;
  backdrop-filter: blur(16px);
}

.workloop-reveal.reveal .deck-callout {
  border-color: var(--deck-border-strong);
  padding: 34px 36px;
}

.workloop-reveal.reveal .deck-card-grid {
  display: grid;
  gap: 16px;
  margin: 30px 0 0;
}

.workloop-reveal.reveal .deck-card-grid--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.workloop-reveal.reveal .deck-card-grid--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.workloop-reveal.reveal .deck-card {
  position: relative;
  overflow: hidden;
  min-height: 206px;
  padding: 24px;
}

.workloop-reveal.reveal .deck-card--columns {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  min-height: 188px;
  padding: 0;
}

.workloop-reveal.reveal .deck-card--columns > div {
  padding: 28px 30px;
}

.workloop-reveal.reveal .deck-card--columns > div + div {
  border-left: 1px solid var(--deck-border);
}

.workloop-reveal.reveal .deck-trust-ladder {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  margin: 38px 0 30px;
}

.workloop-reveal.reveal .deck-trust-ladder::before {
  content: "";
  position: absolute;
  left: 8%;
  right: 8%;
  top: 31px;
  height: 2px;
  background: linear-gradient(90deg, var(--bfds-border-subtle), var(--deck-accent), var(--bfds-border-subtle));
  opacity: 0.7;
}

.workloop-reveal.reveal .deck-trust-stage {
  border-color: var(--deck-border-strong);
  background:
    linear-gradient(135deg, var(--deck-accent-faint), transparent 46%),
    linear-gradient(180deg, var(--deck-soft), transparent 58%),
    var(--deck-panel);
  min-height: 190px;
  padding: 72px 26px 26px;
}

.workloop-reveal.reveal .deck-trust-icon {
  position: absolute;
  top: 20px;
  left: 26px;
  display: inline-flex;
  z-index: 2;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  color: var(--deck-accent);
}

.workloop-reveal.reveal .deck-trust-icon svg {
  display: block;
  width: 26px;
  height: 26px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.workloop-reveal.reveal .deck-compare {
  display: grid;
  grid-template-columns: minmax(260px, 1.15fr) repeat(3, minmax(0, 1fr));
  margin: 30px 0 0;
  overflow: hidden;
  border: 1px solid var(--deck-border);
  border-radius: calc(16px * var(--corner-radius-scale, 1));
  corner-shape: squircle;
  background:
    linear-gradient(180deg, var(--deck-soft), transparent 58%),
    var(--deck-panel);
  box-shadow: var(--bfds-shadow-md);
}

.workloop-reveal.reveal .deck-compare__cell {
  display: flex;
  min-height: 58px;
  align-items: center;
  justify-content: center;
  border-top: 1px solid var(--deck-border);
  border-left: 1px solid var(--deck-border);
  box-sizing: border-box;
  color: var(--deck-muted);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.15;
  padding: 12px 16px;
  text-align: center;
}

.workloop-reveal.reveal .deck-compare__cell:nth-child(-n + 4) {
  border-top: 0;
}

.workloop-reveal.reveal .deck-compare__cell:nth-child(4n + 1) {
  border-left: 0;
}

.workloop-reveal.reveal .deck-compare__cell--blank {
  background: var(--bfds-background-005);
}

.workloop-reveal.reveal .deck-compare__head {
  color: var(--bfds-text);
  font-size: 24px;
  font-weight: 900;
}

.workloop-reveal.reveal .deck-compare__head--workloop,
.workloop-reveal.reveal .deck-compare__cell--workloop {
  background: linear-gradient(135deg, var(--deck-accent-faint), transparent 64%);
}

.workloop-reveal.reveal .deck-compare__head--workloop {
  color: var(--deck-accent);
}

.workloop-reveal.reveal .deck-compare__feature {
  justify-content: flex-start;
  color: var(--bfds-text);
  font-size: 23px;
  font-weight: 800;
  text-align: left;
}

.workloop-reveal.reveal .deck-compare__mark {
  display: inline-flex;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-size: 24px;
  font-weight: 900;
  line-height: 1;
}

.workloop-reveal.reveal .deck-compare__mark--yes {
  color: var(--deck-accent);
}

.workloop-reveal.reveal .deck-compare__mark svg {
  display: block;
  width: 28px;
  height: 28px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.workloop-reveal.reveal .deck-compare__mark--partial {
  color: var(--bfds-text-06);
}

.workloop-reveal.reveal .deck-compare__mark--no {
  color: var(--bfds-text-04);
}

.workloop-reveal.reveal .deck-category-shift,
.workloop-reveal.reveal .deck-model,
.workloop-reveal.reveal .deck-expansion,
.workloop-reveal.reveal .deck-team {
  display: grid;
  gap: 20px;
  margin-top: 10px;
}

.workloop-reveal.reveal .deck-category-shift {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-right: auto;
  margin-bottom: 18px;
  margin-left: auto;
  max-width: 980px;
}

.workloop-reveal.reveal .deck-model {
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
  max-width: 1040px;
}

.workloop-reveal.reveal .deck-expansion {
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
  max-width: 1040px;
}

.workloop-reveal.reveal .deck-team {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  max-width: 900px;
}

.workloop-reveal.reveal .deck-category,
.workloop-reveal.reveal .deck-model__price,
.workloop-reveal.reveal .deck-model__loop,
.workloop-reveal.reveal .deck-expansion__card,
.workloop-reveal.reveal .deck-team__member {
  border: 1px solid var(--deck-border);
  border-radius: calc(16px * var(--corner-radius-scale, 1));
  corner-shape: squircle;
  background:
    linear-gradient(180deg, var(--deck-soft), transparent 62%),
    var(--deck-panel);
  box-shadow: var(--bfds-shadow-md);
  box-sizing: border-box;
}

.workloop-reveal.reveal .deck-category {
  position: relative;
  min-height: 250px;
  padding: 28px 30px;
}

.workloop-reveal.reveal .deck-category--workloop,
.workloop-reveal.reveal .deck-model__price,
.workloop-reveal.reveal .deck-expansion__card--wide {
  border-color: var(--bfds-primary-04);
  background:
    linear-gradient(135deg, var(--deck-accent-faint), transparent 48%),
    linear-gradient(180deg, var(--deck-soft), transparent 62%),
    var(--deck-panel-strong);
}

.workloop-reveal.reveal .deck-category__icon {
  display: inline-flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  color: var(--deck-accent);
}

.workloop-reveal.reveal .deck-category__icon svg {
  display: block;
  width: 44px;
  height: 44px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.workloop-reveal.reveal .deck-category__icon-fill {
  fill: currentColor;
  stroke: none;
}

.workloop-reveal.reveal .deck-category__label,
.workloop-reveal.reveal .deck-model__price span,
.workloop-reveal.reveal .deck-expansion__card span {
  display: block;
  color: var(--deck-accent);
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
}

.workloop-reveal.reveal .deck-category__label {
  margin: 0 0 8px;
}

.workloop-reveal.reveal .deck-category h3,
.workloop-reveal.reveal .deck-expansion__card h3 {
  margin: 0;
  color: var(--bfds-text);
  font-family: var(--marketingFontFamily);
  font-weight: 400;
}

.workloop-reveal.reveal .deck-category h3 {
  font-size: 44px;
  line-height: 0.98;
}

.workloop-reveal.reveal .deck-category ul {
  display: grid;
  gap: 8px;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}

.workloop-reveal.reveal .deck-category li {
  color: var(--deck-muted);
  font-size: 22px;
  line-height: 1.16;
}

.workloop-reveal.reveal .deck-shift-punchline,
.workloop-reveal.reveal .deck-shift-aside {
  max-width: none;
  margin: 10px auto 0;
  text-align: center;
}

.workloop-reveal.reveal .deck-shift-punchline {
  color: var(--bfds-text);
  font-size: 30px;
  font-weight: 700;
}

.workloop-reveal.reveal .deck-shift-punchline span {
  color: var(--deck-accent);
}

.workloop-reveal.reveal .deck-shift-aside {
  color: var(--bfds-text);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}

.workloop-reveal.reveal .deck-roadmap {
  position: relative;
  width: min(100%, 1040px);
  height: 384px;
  margin: 8px 0 0;
}

.workloop-reveal.reveal .deck-roadmap__curve {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 150px;
  overflow: visible;
}

.workloop-reveal.reveal .deck-roadmap__curve path {
  fill: none;
  stroke: color-mix(in srgb, var(--deck-accent) 68%, var(--bfds-text));
  stroke-linecap: round;
  stroke-width: 5;
}

.workloop-reveal.reveal .deck-roadmap__milestone {
  position: absolute;
  display: grid;
  width: 226px;
  min-height: 158px;
  align-content: start;
  padding: 18px 18px 16px;
  border: 1px solid var(--deck-border);
  border-radius: calc(16px * var(--corner-radius-scale, 1));
  corner-shape: squircle;
  background:
    linear-gradient(180deg, var(--deck-soft), transparent 64%),
    color-mix(in srgb, var(--deck-panel) 92%, transparent);
  box-shadow: var(--bfds-shadow-md);
  box-sizing: border-box;
}

.workloop-reveal.reveal .deck-roadmap__milestone::before {
  content: "";
  position: absolute;
  top: var(--roadmap-dot-top);
  left: 50%;
  width: 22px;
  height: 22px;
  border: 3px solid var(--bfds-surface);
  border-radius: 999px;
  background: var(--deck-accent);
  box-shadow: 0 0 0 6px color-mix(in srgb, var(--deck-accent) 14%, transparent);
  box-sizing: border-box;
  transform: translateX(-50%);
}

.workloop-reveal.reveal .deck-roadmap__milestone--one {
  --roadmap-dot-top: -125px;
  top: 236px;
  left: 0;
}

.workloop-reveal.reveal .deck-roadmap__milestone--two {
  --roadmap-dot-top: -101px;
  top: 160px;
  left: 274px;
}

.workloop-reveal.reveal .deck-roadmap__milestone--three {
  --roadmap-dot-top: -107px;
  top: 132px;
  left: 548px;
}

.workloop-reveal.reveal .deck-roadmap__milestone--five {
  --roadmap-dot-top: -102px;
  top: 104px;
  right: 0;
  border-color: var(--bfds-primary-04);
  background:
    linear-gradient(135deg, var(--deck-accent-faint), transparent 52%),
    linear-gradient(180deg, var(--deck-soft), transparent 64%),
    var(--deck-panel-strong);
}

.workloop-reveal.reveal .deck-roadmap__milestone span {
  color: var(--deck-accent);
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
}

.workloop-reveal.reveal .deck-roadmap__milestone strong {
  margin: 9px 0 8px;
  color: var(--bfds-text);
  font-size: 25px;
  font-weight: 850;
  line-height: 1;
}

.workloop-reveal.reveal .deck-roadmap__milestone p {
  margin: 0;
  color: var(--deck-muted);
  font-size: 16px;
  line-height: 1.18;
}

.workloop-reveal.reveal .deck-ux-placeholder {
  width: min(100%, 1040px);
  margin-top: 18px;
  overflow: hidden;
  border: 1px solid var(--deck-border-strong);
  border-radius: calc(18px * var(--corner-radius-scale, 1));
  corner-shape: squircle;
  background:
    linear-gradient(135deg, var(--deck-accent-faint), transparent 38%),
    var(--deck-panel-strong);
  box-shadow: var(--bfds-shadow-lg);
}

.workloop-reveal.reveal .deck-ux-placeholder__chrome {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 54px;
  padding: 0 24px;
  border-bottom: 1px solid var(--deck-border);
  background: color-mix(in srgb, var(--bfds-background-solid-0) 72%, transparent);
}

.workloop-reveal.reveal .deck-ux-placeholder__chrome span {
  width: 11px;
  height: 11px;
  border-radius: 999px;
  background: var(--deck-accent);
  opacity: 0.42;
}

.workloop-reveal.reveal .deck-ux-placeholder__chrome strong {
  margin-left: 8px;
  color: var(--deck-muted);
  font-size: 18px;
  font-weight: 800;
}

.workloop-reveal.reveal .deck-ux-placeholder__body {
  display: grid;
  min-height: 360px;
  grid-template-columns: 220px minmax(0, 1fr);
}

.workloop-reveal.reveal .deck-ux-placeholder__sidebar {
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 26px 20px;
  border-right: 1px solid var(--deck-border);
  background: color-mix(in srgb, var(--deck-soft) 72%, transparent);
}

.workloop-reveal.reveal .deck-ux-placeholder__sidebar span {
  display: block;
  padding: 12px 14px;
  border-radius: calc(10px * var(--corner-radius-scale, 1));
  background: color-mix(in srgb, var(--bfds-background-solid-0) 72%, transparent);
  color: var(--deck-muted);
  font-size: 18px;
  font-weight: 800;
}

.workloop-reveal.reveal .deck-ux-placeholder__main {
  display: grid;
  align-content: center;
  justify-items: center;
  padding: 44px;
  text-align: center;
}

.workloop-reveal.reveal .deck-ux-placeholder__main > span {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border: 1px dashed var(--deck-border-strong);
  border-radius: calc(999px * var(--corner-radius-scale, 1));
  color: var(--deck-accent);
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
}

.workloop-reveal.reveal .deck-ux-placeholder__main strong {
  display: block;
  margin: 24px 0 12px;
  color: var(--bfds-text);
  font-family: var(--marketingFontFamily);
  font-size: 48px;
  font-weight: 400;
  line-height: 0.98;
}

.workloop-reveal.reveal .deck-ux-placeholder__main p {
  max-width: 620px;
  margin: 0;
  color: var(--deck-muted);
  font-size: 24px;
  line-height: 1.18;
}

.workloop-reveal.reveal .deck-model__price {
  display: grid;
  min-height: 276px;
  align-content: end;
  padding: 30px;
}

.workloop-reveal.reveal .deck-model__price > strong {
  display: block;
  margin: 18px 0 16px;
  color: var(--deck-accent);
  font-family: var(--marketingFontFamily);
  font-size: 108px;
  font-weight: 400;
  line-height: 0.82;
}

.workloop-reveal.reveal .deck-model__price p,
.workloop-reveal.reveal .deck-model__loop p,
.workloop-reveal.reveal .deck-expansion__card p,
.workloop-reveal.reveal .deck-team__member p {
  margin: 0;
  color: var(--deck-muted);
}

.workloop-reveal.reveal .deck-model__price p {
  font-size: 24px;
  line-height: 1.22;
}

.workloop-reveal.reveal .deck-model__tam {
  margin-top: 24px;
  padding-top: 22px;
  border-top: 1px solid var(--deck-border);
}

.workloop-reveal.reveal .deck-model__tam strong {
  display: block;
  color: var(--deck-accent);
  font-family: var(--marketingFontFamily);
  font-size: 64px;
  font-weight: 400;
  line-height: 0.86;
}

.workloop-reveal.reveal .deck-model__tam span {
  display: block;
  margin-top: 10px;
  color: var(--deck-muted);
  font-size: 20px;
  line-height: 1.16;
}

.workloop-reveal.reveal .deck-model__loop {
  display: grid;
  gap: 0;
  overflow: hidden;
}

.workloop-reveal.reveal .deck-model__loop div {
  display: grid;
  grid-template-columns: 46px minmax(0, 0.9fr) minmax(0, 1.35fr);
  gap: 18px;
  align-items: center;
  min-height: 92px;
  padding: 14px 24px;
}

.workloop-reveal.reveal .deck-model__loop div + div {
  border-top: 1px solid var(--deck-border);
}

.workloop-reveal.reveal .deck-model__loop span {
  display: inline-flex;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: var(--deck-accent);
  color: var(--bfds-primary-content);
  font-size: 18px;
  font-weight: 900;
}

.workloop-reveal.reveal .deck-model__loop strong {
  color: var(--bfds-text);
  font-size: 24px;
  font-weight: 850;
  line-height: 1.08;
}

.workloop-reveal.reveal .deck-model__loop p {
  font-size: 20px;
  line-height: 1.2;
}

.workloop-reveal.reveal .deck-expansion__card {
  min-height: 270px;
  padding: 30px;
}

.workloop-reveal.reveal .deck-expansion__card h3 {
  margin: 16px 0;
  font-size: 52px;
  line-height: 0.94;
}

.workloop-reveal.reveal .deck-expansion__card p {
  font-size: 24px;
  line-height: 1.24;
}

.workloop-reveal.reveal .deck-expansion__line {
  max-width: none;
  margin: 20px 0 0;
  color: var(--bfds-text);
  font-size: 30px;
  font-weight: 700;
  text-align: left;
}

.workloop-reveal.reveal .deck-team__member {
  overflow: hidden;
}

.workloop-reveal.reveal .deck-team__member img {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}

.workloop-reveal.reveal .deck-team__member:first-child img,
.workloop-reveal.reveal .deck-team__member:last-child img {
  object-position: center 34%;
}

.workloop-reveal.reveal .deck-team__member h3 {
  margin: 18px 20px 6px;
  color: var(--bfds-text);
  font-family: var(--fontFamily);
  font-size: 24px;
  font-weight: 850;
  line-height: 1.06;
}

.workloop-reveal.reveal .deck-team__member p {
  margin: 0 20px 20px;
  font-size: 19px;
  line-height: 1.22;
}

.workloop-reveal.reveal .deck-team__proof {
  max-width: 900px;
  margin: 18px 0 0;
  color: var(--deck-muted);
  font-size: 22px;
  font-weight: 400;
  line-height: 1.24;
}

.workloop-reveal.reveal .deck-slide--ask {
  display: grid !important;
  align-content: center;
}

.workloop-reveal.reveal .deck-slide--ask .deck-ask-headline {
  display: flex;
  align-items: end;
  gap: 28px;
  margin: 0 0 30px;
}

.workloop-reveal.reveal .deck-slide--ask .deck-ask-headline strong {
  display: block;
  color: var(--deck-accent);
  font-family: var(--marketingFontFamily);
  font-size: 126px;
  font-weight: 400;
  line-height: 0.78;
}

.workloop-reveal.reveal .deck-slide--ask .deck-ask-headline span {
  display: block;
  max-width: none;
  margin: 0 0 8px;
  color: var(--bfds-text);
  font-size: 34px;
  font-weight: 850;
  line-height: 1;
}

.workloop-reveal.reveal .deck-slide--ask .deck-ask-subhead {
  max-width: none;
  margin: -12px 0 20px;
  color: var(--bfds-text);
  font-size: 28px;
  font-weight: 800;
  line-height: 1.12;
}

.workloop-reveal.reveal .deck-ask-backer-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin: 0 0 28px;
}

.workloop-reveal.reveal .deck-ask-backer {
  display: grid;
  grid-template-rows: 148px auto auto auto;
  align-items: start;
  min-height: 316px;
  padding: 20px;
  border: 1px solid var(--deck-border);
  border-radius: calc(16px * var(--corner-radius-scale, 1));
  corner-shape: squircle;
  background:
    linear-gradient(180deg, var(--deck-soft), transparent 58%),
    var(--deck-panel);
  box-shadow: var(--bfds-shadow-md);
  box-sizing: border-box;
}

.workloop-reveal.reveal .deck-ask-backer > img {
  display: block;
  justify-self: center;
  width: 148px;
  height: 148px;
  object-fit: cover;
  object-position: center top;
  filter: grayscale(1);
}

.workloop-reveal.reveal .deck-ask-backer__portrait {
  display: grid;
  align-self: end;
  justify-self: center;
  width: 148px;
  height: 148px;
  place-items: end center;
  overflow: hidden;
}

.workloop-reveal.reveal .deck-ask-backer__portrait img {
  display: block;
  width: 148px;
  height: 148px;
  filter: grayscale(1);
  object-fit: cover;
  object-position: center top;
  transform-origin: 50% 28%;
}

.workloop-reveal.reveal .deck-ask-backer__portrait--sean img {
  transform: translateY(5px) scale(0.88);
}

.workloop-reveal.reveal .deck-ask-backer__portrait--jared img {
  transform: translate(-5px, 9px) scale(1.2);
  transform-origin: 54% 22%;
}

.workloop-reveal.reveal .deck-ask-backer__portrait--austen img {
  transform: translateY(8px) scale(1);
}

.workloop-reveal.reveal .deck-ask-backer--fund img {
  align-self: center;
  width: 170px;
  height: 58px;
  object-fit: contain;
  object-position: center;
}

.workloop-reveal.reveal .deck-pioneer-mark {
  display: grid;
  align-self: center;
  justify-self: center;
  gap: 13px;
  width: 96px;
}

.workloop-reveal.reveal .deck-pioneer-mark i {
  display: block;
  height: 10px;
  background: var(--bfds-text);
  opacity: 0.86;
}

.workloop-reveal.reveal .deck-ask-backer strong {
  display: block;
  margin-top: 14px;
  color: var(--bfds-text);
  font-size: 27px;
  font-weight: 900;
  line-height: 1.04;
  text-align: center;
}

.workloop-reveal.reveal .deck-ask-backer p {
  max-width: none;
  margin: 12px 0 0;
  color: var(--bfds-text);
  font-size: 20px;
  line-height: 1.16;
  text-align: center;
}

.workloop-reveal.reveal .deck-ask-backer span {
  display: block;
  margin-top: 16px;
  color: var(--bfds-text-06);
  font-size: 23px;
  font-weight: 900;
  letter-spacing: 0.01em;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}

.workloop-reveal.reveal .deck-slide--ask > p:not(.deck-kicker) {
  max-width: 1020px;
  color: var(--deck-muted);
  font-size: 24px;
  line-height: 1.18;
}

.workloop-reveal.reveal .deck-gap-punchline {
  max-width: 1040px;
  margin: 26px 0 0;
  color: var(--deck-muted);
  font-size: 27px;
  font-weight: 400;
  line-height: 1.18;
}

.workloop-reveal.reveal .deck-card p,
.workloop-reveal.reveal .deck-callout p,
.workloop-reveal.reveal .deck-step p,
.workloop-reveal.reveal .deck-proof p {
  margin: 0;
  font-size: 23px;
  line-height: 1.3;
}

.workloop-reveal.reveal .deck-metric {
  display: grid;
  align-content: end;
  min-height: 310px;
  padding: 32px;
}

.workloop-reveal.reveal .deck-metric strong {
  display: block;
  color: var(--deck-accent);
  font-family: var(--marketingFontFamily);
  font-size: 112px;
  font-weight: 400;
  line-height: 0.82;
}

.workloop-reveal.reveal .deck-metric--stat {
  min-height: 0;
  align-content: center;
  padding: 38px 40px;
}

.workloop-reveal.reveal .deck-metric span {
  display: block;
  margin-top: 18px;
  color: var(--deck-muted);
  font-size: 26px;
  line-height: 1.18;
}

.workloop-reveal.reveal .deck-revenue-chart {
  display: grid; grid-template-columns: minmax(0, 0.3fr) minmax(0, 0.7fr);
  gap: 20px; align-items: stretch; margin: 24px 0 18px;
  border: 1px solid var(--deck-border-strong);
  border-radius: calc(16px * var(--corner-radius-scale, 1));
  corner-shape: squircle;
  background: linear-gradient(135deg, var(--deck-accent-faint), transparent 34%),
    linear-gradient(180deg, var(--deck-soft), transparent 62%), var(--deck-panel-strong);
  box-shadow: var(--bfds-shadow-lg); box-sizing: border-box; padding: 24px 28px 18px;
}

.workloop-reveal.reveal .deck-revenue-chart__summary {
  display: grid; align-content: center;
}

.workloop-reveal.reveal .deck-revenue-chart__summary strong {
  display: block; color: var(--deck-accent); font-family: var(--marketingFontFamily);
  font-size: 88px; font-weight: 400; line-height: 0.86;
}

.workloop-reveal.reveal .deck-revenue-chart__summary span {
  display: block; margin-top: 12px; color: var(--deck-muted);
  font-size: 24px; line-height: 1.16;
}

.workloop-reveal.reveal .deck-revenue-chart__proof {
  display: grid;
  gap: 12px;
  margin: 24px 0 0;
  padding: 0;
  color: var(--bfds-text);
  font-size: 26px;
  font-weight: 400;
  line-height: 1.28;
  list-style: none;
}

.workloop-reveal.reveal .deck-revenue-chart__proof li {
  position: relative;
  padding-left: 22px;
}

.workloop-reveal.reveal .deck-revenue-chart__proof li::before {
  content: "";
  position: absolute;
  top: 0.48em;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--deck-accent);
}

.workloop-reveal.reveal .deck-revenue-chart__svg {
  display: block; height: 240px; overflow: visible; width: 100%;
}

.workloop-reveal.reveal .deck-revenue-chart__grid-line line {
  stroke: var(--bfds-border-subtle); stroke-width: 1;
}

.workloop-reveal.reveal .deck-revenue-chart__grid-line text,
.workloop-reveal.reveal .deck-revenue-chart__point text {
  fill: var(--bfds-text-06); font-family: var(--fontFamily);
  font-size: 18px; font-weight: 700; text-anchor: middle;
}

.workloop-reveal.reveal .deck-revenue-chart__grid-line text {
  text-anchor: end;
}

.workloop-reveal.reveal .deck-revenue-chart__area {
  fill: var(--bfds-primary-02);
}

.workloop-reveal.reveal .deck-revenue-chart__line {
  fill: none; stroke: var(--deck-accent); stroke-linecap: round;
  stroke-linejoin: round; stroke-width: 6;
}

.workloop-reveal.reveal .deck-revenue-chart__point circle {
  fill: var(--bfds-background-solid-0); stroke: var(--deck-accent); stroke-width: 5;
}

.workloop-reveal.reveal .deck-steps {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px; margin: 50px 0 30px;
}

.workloop-reveal.reveal .deck-step {
  position: relative; min-height: 112px; padding: 54px 20px 16px;
  border: 1px solid var(--deck-border);
  border-radius: calc(16px * var(--corner-radius-scale, 1));
  corner-shape: squircle;
  background: linear-gradient(180deg, var(--deck-soft), transparent 58%), var(--deck-panel);
  box-shadow: var(--bfds-shadow-md);
}

.workloop-reveal.reveal .deck-step:not(:last-child)::after {
  content: ""; position: absolute; top: -20px; left: 41px; z-index: 2;
  width: calc(100% + 18px); height: 48px; border-top: 2px solid var(--deck-accent);
  border-radius: 100% 100% 0 0; pointer-events: none; opacity: 0.72;
}

.workloop-reveal.reveal .deck-step span {
  display: inline-flex; position: absolute; top: -19px; left: 22px; z-index: 3;
  width: 38px; height: 38px; align-items: center; justify-content: center;
  border-radius: 999px; background: var(--deck-accent);
  box-shadow: 0 0 0 6px var(--bfds-background-solid-0);
  color: var(--bfds-primary-content); font-size: 18px; font-weight: 900;
}

.workloop-reveal.reveal .deck-step strong {
  display: block; margin-bottom: 10px; color: var(--bfds-text);
  font-size: 28px; font-weight: 900; line-height: 1.02;
}

.workloop-reveal.reveal .deck-steps--execution .deck-step {
  min-height: 150px; padding-top: 50px;
}

.workloop-reveal.reveal .deck-quote {
  width: min(100%, 920px); margin: 34px 0; border: 0;
  border-left: 6px solid var(--deck-accent); color: var(--bfds-text);
  font-family: var(--marketingFontFamily); font-size: 68px;
  font-style: normal; font-weight: 400; line-height: 0.96;
  padding: 6px 0 8px 34px;
}

.workloop-reveal.reveal .deck-quote .deck-quote-subject {
  font-size: 1.45em; line-height: 0.88;
}

.workloop-reveal.reveal .deck-proof {
  padding: 28px 32px;
}
.workloop-reveal.reveal .deck-proof strong {
  display: block; margin-bottom: 8px; color: var(--bfds-text); font-size: 24px;
}

.workloop-reveal.reveal .deck-slide--center {
  display: grid !important;
  align-content: center;
  justify-items: start;
}

.workloop-reveal.reveal .deck-slide--center h2 {
  max-width: 1050px;
  font-size: 88px;
  line-height: 0.9;
}

.workloop-reveal.reveal .deck-slide--center > p:not(.deck-kicker) {
  max-width: 900px;
  font-size: 33px;
}

.workloop-reveal.reveal .deck-slide--intro {
  justify-items: center;
  text-align: center;
}

.workloop-reveal.reveal .deck-slide--intro h2,
.workloop-reveal.reveal .deck-slide--intro > p:not(.deck-kicker) {
  margin-left: auto;
  margin-right: auto;
}

.workloop-reveal.reveal .deck-slide--intro .deck-logo-animation {
  justify-content: center;
}

.workloop-reveal.reveal .deck-slide--compare {
  display: grid !important;
  align-content: center;
}

.workloop-reveal.reveal .deck-slide--compare h2 {
  margin-bottom: 10px;
  text-align: left;
}

.workloop-reveal.reveal .deck-slide--compare .deck-compare {
  width: min(100%, 1040px);
  margin: 10px 0 0;
}

.workloop-reveal.reveal .deck-slide--roadmap,
.workloop-reveal.reveal .deck-slide--shift {
  display: grid !important;
  align-content: center;
}

.workloop-reveal.reveal .deck-slide--roadmap h2 {
  max-width: 1100px;
  margin-bottom: 8px;
  text-align: left;
}

.workloop-reveal.reveal .deck-slide--shift h2 {
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.workloop-reveal.reveal .deck-slide--model,
.workloop-reveal.reveal .deck-slide--expansion,
.workloop-reveal.reveal .deck-slide--team {
  display: grid !important;
  align-content: center;
}

.workloop-reveal.reveal .deck-slide--model h2,
.workloop-reveal.reveal .deck-slide--expansion h2,
.workloop-reveal.reveal .deck-slide--team h2 {
  margin-bottom: 10px;
  text-align: left;
}

.workloop-reveal.reveal .deck-slide--expansion h2 {
  max-width: 1100px;
}

.workloop-reveal.reveal .deck-slide--right {
  text-align: right;
}

.workloop-reveal.reveal .deck-slide--right h1,
.workloop-reveal.reveal .deck-slide--right h2,
.workloop-reveal.reveal .deck-slide--right p {
  margin-left: auto;
}

.workloop-reveal.reveal .deck-slide--traction {
  padding-top: 92px;
}

.workloop-reveal.reveal .deck-slide--traction h2 {
  margin-bottom: 18px;
  font-size: 62px;
}

.workloop-reveal.reveal .deck-slide--traction .deck-revenue-chart {
  grid-template-columns: minmax(0, 0.36fr) minmax(0, 0.64fr);
  margin: 24px 0 0;
  padding: 28px 24px 24px 32px;
}

.workloop-reveal.reveal .deck-slide--traction .deck-revenue-chart__summary strong {
  font-size: 76px;
}

.workloop-reveal.reveal .deck-slide--traction .deck-revenue-chart__summary span {
  font-size: 22px;
}

.workloop-reveal.reveal .deck-slide--traction .deck-revenue-chart__proof {
  gap: 10px;
  font-size: 23px;
  line-height: 1.22;
}

.workloop-reveal.reveal .deck-slide--traction .deck-revenue-chart__svg {
  height: 460px;
}

.workloop-reveal.reveal .deck-slide--traction .deck-card-grid {
  margin: 16px 0 0;
}

.workloop-reveal.reveal .deck-slide--traction .deck-card,
.workloop-reveal.reveal .deck-slide--traction .deck-metric {
  min-height: 168px;
  padding: 22px;
}

.workloop-reveal.reveal .deck-slide--traction .deck-metric strong {
  font-size: 72px;
}

.workloop-reveal.reveal .deck-slide--traction .deck-metric span,
.workloop-reveal.reveal .deck-slide--traction .deck-card p {
  font-size: 22px;
}

/* Dense slides carry more blocks than the default rhythm allows. These trims
   keep them inside the 720px slide box. Desktop only: the mobile stylesheet
   already tunes these components for a 375px-wide slide, and these selectors
   would otherwise outrank it. */
@media (min-width: 701px) {
  .workloop-reveal.reveal .deck-slide--dense h2 {
    margin-bottom: 14px;
    font-size: 56px;
  }

  .workloop-reveal.reveal .deck-slide--dense > p:not(.deck-kicker) {
    margin-top: 18px;
    margin-bottom: 18px;
    font-size: 26px;
  }

  .workloop-reveal.reveal .deck-slide--dense .deck-card-grid,
  .workloop-reveal.reveal .deck-slide--dense .deck-category-shift,
  .workloop-reveal.reveal .deck-slide--dense .deck-team {
    margin-top: 18px;
  }

  .workloop-reveal.reveal .deck-slide--dense .deck-gap-punchline {
    margin-top: 18px;
    font-size: 24px;
  }

  .workloop-reveal.reveal .deck-slide--dense .deck-category {
    min-height: 0;
    padding: 24px 26px;
  }

  .workloop-reveal.reveal .deck-slide--dense .deck-category h3 {
    font-size: 38px;
  }

  .workloop-reveal.reveal .deck-slide--dense .deck-category ul {
    margin-top: 18px;
  }

  .workloop-reveal.reveal .deck-slide--dense .deck-category li {
    font-size: 20px;
  }

  .workloop-reveal.reveal .deck-slide--dense .deck-metric--stat {
    padding: 28px 30px;
  }

  .workloop-reveal.reveal .deck-slide--dense .deck-metric strong {
    font-size: 84px;
  }

  .workloop-reveal.reveal .deck-slide--dense .deck-metric span {
    margin-top: 12px;
    font-size: 22px;
  }

  .workloop-reveal.reveal .deck-slide--dense .deck-team {
    max-width: 820px;
  }
}

/* .deck-metric strong is the big number, but these labels are strongs nested
   inside the caption span. Keep them inline at caption size. */
.workloop-reveal.reveal .deck-metric span strong,
.workloop-reveal.reveal .deck-slide--dense .deck-metric span strong,
.workloop-reveal.reveal .deck-slide--traction .deck-metric span strong {
  display: inline;
  color: var(--bfds-text);
  font-family: inherit;
  font-size: inherit;
  font-weight: 850;
  line-height: inherit;
}

.workloop-deck-gate {
  display: grid;
  min-height: 100%;
  place-items: center;
  padding: 32px;
  box-sizing: border-box;
}

.workloop-deck-gate__panel {
  width: min(100%, 440px);
  border: 1px solid var(--bfds-border);
  border-radius: calc(16px * var(--corner-radius-scale, 1));
  corner-shape: squircle;
  background: var(--bfds-background-solid-0);
  box-shadow: var(--bfds-shadow-lg);
  box-sizing: border-box;
  padding: 30px;
}

.workloop-deck-gate__eyebrow {
  margin: 34px 0 12px;
  color: var(--bfds-primary);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.workloop-deck-gate h1 {
  margin: 0;
  font-family: var(--marketingFontFamily);
  font-size: 44px;
  font-weight: 400;
  line-height: 0.98;
  text-wrap: balance;
}

.workloop-deck-gate p {
  margin: 16px 0 0;
  color: var(--bfds-text-06);
  line-height: 1.5;
}

.workloop-deck-gate__error {
  color: var(--bfds-danger-text, var(--bfds-text)) !important;
}

.workloop-deck-gate__form {
  display: grid;
  gap: 10px;
  margin-top: 24px;
}

.workloop-deck-gate__form label {
  color: var(--bfds-text-08);
  font-size: 13px;
  font-weight: 700;
}

.workloop-deck-gate__form input {
  width: 100%;
  min-height: 44px;
  border: 1px solid var(--bfds-border);
  border-radius: calc(10px * var(--corner-radius-scale, 1));
  background: var(--bfds-background-01);
  color: var(--bfds-text);
  box-sizing: border-box;
  font: 600 16px/1.2 var(--fontFamily);
  padding: 0 12px;
}

.workloop-deck-gate__form button {
  min-height: 44px;
  border: 1px solid var(--bfds-primary);
  border-radius: calc(10px * var(--corner-radius-scale, 1));
  background: var(--bfds-primary);
  color: var(--bfds-primary-content);
  cursor: pointer;
  font: 800 14px/1 var(--fontFamily);
}

.workloop-deck-gate__form button:disabled,
.workloop-deck-gate__form input:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

@media (max-width: 700px) {
  .workloop-deck-root,
  .workloop-deck-root body {
    --deck-stage-padding-x: 22px;
  }

  .workloop-deck__chrome {
    top: 18px;
    left: 20px;
    right: 20px;
    gap: 16px;
  }

  .workloop-deck__chrome .workloop-logo {
    width: 118px;
    height: 16px;
  }

  .workloop-deck__kicker {
    max-width: 44vw;
    font-size: 10px;
    letter-spacing: 0.08em;
  }

  .workloop-deck__theme-toggle {
    right: 128px;
    bottom: 18px;
    width: auto !important;
    min-width: 0;
    justify-content: flex-start;
    transform: none;
  }

  .workloop-deck__theme-toggle .bfds-toggle-wrapper {
    width: auto;
  }

  .workloop-reveal.reveal .slides section {
    display: grid !important;
    min-height: 100%;
    align-content: center;
    box-sizing: border-box;
    overflow: hidden;
    padding: 64px var(--deck-stage-padding-x) 58px;
  }

  .workloop-reveal.reveal h1,
  .workloop-reveal.reveal h2 {
    max-width: 100%;
    margin-bottom: 16px;
    font-size: 34px;
    line-height: 0.98;
  }

  .workloop-reveal.reveal h1 {
    font-size: 42px;
  }

  .workloop-reveal.reveal p,
  .workloop-reveal.reveal li {
    max-width: 100%;
    font-size: 17px;
    line-height: 1.22;
  }

  .workloop-reveal.reveal ol,
  .workloop-reveal.reveal ul {
    gap: 8px;
    margin-top: 14px;
  }

  .workloop-reveal.reveal .deck-logo-animation {
    margin-bottom: 28px;
  }

  .workloop-reveal.reveal .deck-logo-animation .workloop-logo-animation {
    --workloop-logo-animation-collapsed-width: 64px !important;
    --workloop-logo-animation-expanded-width: 306px !important;
    --workloop-logo-animation-right-start-offset: 484px !important;
  }

  .workloop-reveal.reveal .deck-logo-animation .workloop-logo-animation__logo {
    width: 306px;
    height: 32px !important;
  }

  .workloop-reveal.reveal .deck-slide--center h2 {
    font-size: 39px;
    line-height: 0.94;
  }

  .workloop-reveal.reveal .deck-slide--center > p:not(.deck-kicker) {
    font-size: 18px;
  }

  .workloop-reveal.reveal .deck-split {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .workloop-reveal.reveal .deck-callout {
    padding: 18px;
  }

  .workloop-reveal.reveal .deck-roadmap {
    display: grid;
    height: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 2px;
  }

  .workloop-reveal.reveal .deck-roadmap__curve {
    display: none;
  }

  .workloop-reveal.reveal .deck-roadmap__milestone {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    width: auto;
    min-height: 136px;
    padding: 13px;
  }

  .workloop-reveal.reveal .deck-roadmap__milestone::before {
    display: none;
  }

  .workloop-reveal.reveal .deck-roadmap__milestone span {
    font-size: 10px;
  }

  .workloop-reveal.reveal .deck-roadmap__milestone strong {
    margin: 6px 0;
    font-size: 17px;
  }

  .workloop-reveal.reveal .deck-roadmap__milestone p {
    font-size: 12px;
    line-height: 1.16;
  }

  .workloop-reveal.reveal .deck-ux-placeholder {
    margin-top: 4px;
  }

  .workloop-reveal.reveal .deck-ux-placeholder__chrome {
    min-height: 34px;
    padding: 0 12px;
  }

  .workloop-reveal.reveal .deck-ux-placeholder__chrome span {
    width: 8px;
    height: 8px;
  }

  .workloop-reveal.reveal .deck-ux-placeholder__chrome strong {
    font-size: 12px;
  }

  .workloop-reveal.reveal .deck-ux-placeholder__body {
    min-height: 250px;
    grid-template-columns: 1fr;
  }

  .workloop-reveal.reveal .deck-ux-placeholder__sidebar {
    display: flex;
    gap: 6px;
    padding: 10px;
    border-right: 0;
    border-bottom: 1px solid var(--deck-border);
  }

  .workloop-reveal.reveal .deck-ux-placeholder__sidebar span {
    flex: 1;
    padding: 8px;
    font-size: 11px;
    text-align: center;
  }

  .workloop-reveal.reveal .deck-ux-placeholder__main {
    padding: 24px 16px;
  }

  .workloop-reveal.reveal .deck-ux-placeholder__main > span {
    min-height: 32px;
    font-size: 10px;
  }

  .workloop-reveal.reveal .deck-ux-placeholder__main strong {
    margin: 14px 0 8px;
    font-size: 25px;
  }

  .workloop-reveal.reveal .deck-ux-placeholder__main p {
    font-size: 14px;
  }

  .workloop-reveal.reveal .deck-card-grid {
    gap: 10px;
    margin-top: 14px;
  }

  .workloop-reveal.reveal .deck-gap-punchline {
    margin-top: 14px;
    font-size: 16px;
    line-height: 1.18;
  }

  .workloop-reveal.reveal .deck-card-grid--two,
  .workloop-reveal.reveal .deck-card-grid--three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .workloop-reveal.reveal .deck-card,
  .workloop-reveal.reveal .deck-metric,
  .workloop-reveal.reveal .deck-proof {
    min-height: 0;
    padding: 14px;
  }

  .workloop-reveal.reveal .deck-card h3,
  .workloop-reveal.reveal .deck-split h3 {
    gap: 8px;
    margin-bottom: 7px;
    font-size: 16px;
  }

  .workloop-reveal.reveal .deck-card p,
  .workloop-reveal.reveal .deck-callout p,
  .workloop-reveal.reveal .deck-step p,
  .workloop-reveal.reveal .deck-proof p {
    font-size: 14px;
    line-height: 1.18;
  }

  .workloop-reveal.reveal .deck-point-icon {
    width: 24px;
    height: 24px;
    border-radius: calc(8px * var(--corner-radius-scale, 1));
  }

  .workloop-reveal.reveal .deck-point-icon svg {
    width: 15px;
    height: 15px;
  }

  .workloop-reveal.reveal .deck-card--columns {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .workloop-reveal.reveal .deck-card--columns > div {
    padding: 12px 14px;
  }

  .workloop-reveal.reveal .deck-card--columns > div + div {
    border-left: 0;
    border-top: 1px solid var(--deck-border);
  }

  .workloop-reveal.reveal .deck-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 10px;
    margin: 34px 0 18px;
  }

  .workloop-reveal.reveal .deck-step {
    min-height: 84px;
    padding: 38px 12px 12px;
  }

  .workloop-reveal.reveal .deck-step:not(:last-child)::after {
    display: none;
  }

  .workloop-reveal.reveal .deck-step span {
    top: -15px;
    left: 12px;
    width: 30px;
    height: 30px;
    font-size: 15px;
    box-shadow: 0 0 0 5px var(--bfds-background-solid-0);
  }

  .workloop-reveal.reveal .deck-step strong {
    margin-bottom: 6px;
    font-size: 17px;
    line-height: 1.04;
  }

  .workloop-reveal.reveal .deck-steps--execution .deck-step {
    min-height: 104px;
    padding-top: 34px;
  }

  .workloop-reveal.reveal .deck-trust-ladder {
    grid-template-columns: 1fr;
    gap: 8px;
    margin: 18px 0 14px;
  }

  .workloop-reveal.reveal .deck-trust-ladder::before {
    display: none;
  }

  .workloop-reveal.reveal .deck-trust-stage {
    min-height: 0;
    padding: 12px 14px 12px 52px;
  }

  .workloop-reveal.reveal .deck-trust-icon {
    top: 14px;
    left: 14px;
    width: 24px;
    height: 24px;
  }

  .workloop-reveal.reveal .deck-trust-icon svg {
    width: 23px;
    height: 23px;
  }

  .workloop-reveal.reveal .deck-slide--traction {
    padding-top: 58px;
  }

  .workloop-reveal.reveal .deck-slide--traction h2 {
    margin-bottom: 10px;
    font-size: 35px;
  }

  .workloop-reveal.reveal .deck-slide--traction .deck-revenue-chart {
    grid-template-columns: 1fr;
    gap: 8px;
    margin: 8px 0 10px;
    padding: 14px;
  }

  .workloop-reveal.reveal .deck-slide--traction .deck-revenue-chart__summary {
    grid-template-columns: auto 1fr;
    gap: 12px;
    align-items: end;
  }

  .workloop-reveal.reveal .deck-slide--traction .deck-revenue-chart__summary strong {
    font-size: 45px;
  }

  .workloop-reveal.reveal .deck-slide--traction .deck-revenue-chart__summary span {
    margin-top: 0;
    font-size: 14px;
  }

  .workloop-reveal.reveal .deck-slide--traction .deck-revenue-chart__proof {
    grid-column: 1 / -1;
    gap: 5px;
    margin-top: 8px;
    font-size: 15px;
  }

  .workloop-reveal.reveal .deck-slide--traction .deck-revenue-chart__proof li {
    padding-left: 15px;
  }

  .workloop-reveal.reveal .deck-slide--traction .deck-revenue-chart__proof li::before {
    width: 6px;
    height: 6px;
  }

  .workloop-reveal.reveal .deck-slide--traction .deck-revenue-chart__svg {
    height: 256px;
  }

  .workloop-reveal.reveal .deck-slide--traction .deck-card-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 10px;
  }

  .workloop-reveal.reveal .deck-slide--traction .deck-card,
  .workloop-reveal.reveal .deck-slide--traction .deck-metric {
    min-height: 128px;
    padding: 12px;
  }

  .workloop-reveal.reveal .deck-slide--traction .deck-card h3 {
    font-size: 15px;
  }

  .workloop-reveal.reveal .deck-slide--traction .deck-card p {
    font-size: 12px;
  }

  .workloop-reveal.reveal .deck-slide--traction .deck-metric strong {
    font-size: 46px;
  }

  .workloop-reveal.reveal .deck-slide--traction .deck-metric span {
    font-size: 13px;
  }

  .workloop-reveal.reveal .deck-metric strong {
    font-size: 58px;
  }

  .workloop-reveal.reveal .deck-metric span {
    margin-top: 10px;
    font-size: 16px;
  }

  .workloop-reveal.reveal .deck-slide--compare h2,
  .workloop-reveal.reveal .deck-slide--shift h2,
  .workloop-reveal.reveal .deck-slide--model h2,
  .workloop-reveal.reveal .deck-slide--expansion h2,
  .workloop-reveal.reveal .deck-slide--team h2 {
    margin-bottom: 10px;
    font-size: 34px;
    text-align: left;
  }

  .workloop-reveal.reveal .deck-compare {
    grid-template-columns: minmax(104px, 1.45fr) repeat(3, minmax(0, 1fr));
    width: 100%;
    margin-top: 8px;
  }

  .workloop-reveal.reveal .deck-compare__cell {
    min-height: 38px;
    padding: 6px 5px;
    font-size: 11px;
  }

  .workloop-reveal.reveal .deck-compare__head,
  .workloop-reveal.reveal .deck-compare__feature {
    font-size: 11px;
  }

  .workloop-reveal.reveal .deck-compare__mark {
    width: 20px;
    height: 20px;
    font-size: 18px;
  }

  .workloop-reveal.reveal .deck-compare__mark svg {
    width: 20px;
    height: 20px;
  }

  .workloop-reveal.reveal .deck-category-shift,
  .workloop-reveal.reveal .deck-model,
  .workloop-reveal.reveal .deck-expansion,
  .workloop-reveal.reveal .deck-team {
    gap: 10px;
    margin-top: 6px;
  }

  .workloop-reveal.reveal .deck-category-shift,
  .workloop-reveal.reveal .deck-model,
  .workloop-reveal.reveal .deck-expansion {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .workloop-reveal.reveal .deck-model {
    grid-template-columns: 1fr;
  }

  .workloop-reveal.reveal .deck-category {
    min-height: 208px;
    padding: 16px;
  }

  .workloop-reveal.reveal .deck-category__icon,
  .workloop-reveal.reveal .deck-category__icon svg {
    width: 30px;
    height: 30px;
  }

  .workloop-reveal.reveal .deck-category__icon {
    margin-bottom: 10px;
  }

  .workloop-reveal.reveal .deck-category__label,
  .workloop-reveal.reveal .deck-model__price span,
  .workloop-reveal.reveal .deck-expansion__card span {
    font-size: 11px;
    letter-spacing: 0.06em;
  }

  .workloop-reveal.reveal .deck-category h3 {
    font-size: 27px;
  }

  .workloop-reveal.reveal .deck-category ul {
    gap: 5px;
    margin-top: 12px;
  }

  .workloop-reveal.reveal .deck-category li {
    font-size: 13px;
  }

  .workloop-reveal.reveal .deck-shift-punchline {
    margin-top: 10px;
    font-size: 17px;
  }

  .workloop-reveal.reveal .deck-shift-aside {
    margin-top: 8px;
    font-size: 13px;
  }

  .workloop-reveal.reveal .deck-model__price {
    min-height: 0;
    padding: 14px 16px;
  }

  .workloop-reveal.reveal .deck-model__price strong {
    margin: 8px 0 8px;
    font-size: 46px;
  }

  .workloop-reveal.reveal .deck-model__price p {
    font-size: 14px;
  }

  .workloop-reveal.reveal .deck-model__loop div {
    grid-template-columns: 28px 1fr;
    gap: 8px;
    min-height: 0;
    padding: 10px;
  }

  .workloop-reveal.reveal .deck-model__loop span {
    width: 24px;
    height: 24px;
    font-size: 12px;
  }

  .workloop-reveal.reveal .deck-model__loop strong {
    font-size: 15px;
  }

  .workloop-reveal.reveal .deck-model__loop p {
    grid-column: 2;
    font-size: 12px;
  }

  .workloop-reveal.reveal .deck-expansion__card {
    min-height: 250px;
    padding: 16px;
  }

  .workloop-reveal.reveal .deck-expansion__card h3 {
    margin: 12px 0;
    font-size: 30px;
  }

  .workloop-reveal.reveal .deck-expansion__card p {
    font-size: 14px;
  }

  .workloop-reveal.reveal .deck-expansion__line {
    margin-top: 12px;
    font-size: 17px;
  }

  .workloop-reveal.reveal .deck-team {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .workloop-reveal.reveal .deck-team__member {
    display: grid;
    grid-template-columns: 92px 1fr;
    grid-template-rows: 1fr auto auto 1fr;
    gap: 0 14px;
    align-items: center;
    height: 108px;
    padding: 0 14px 0 0;
    overflow: hidden;
  }

  .workloop-reveal.reveal .deck-team__member img {
    grid-row: 1 / -1;
    align-self: stretch;
    width: 92px;
    height: 100%;
    aspect-ratio: auto;
    object-fit: cover;
    border-radius: 0;
  }

  .workloop-reveal.reveal .deck-team__member h3 {
    align-self: end;
    grid-column: 2;
    grid-row: 2;
    margin: 0 0 4px;
    font-size: 17px;
  }

  .workloop-reveal.reveal .deck-team__member p {
    align-self: start;
    grid-column: 2;
    grid-row: 3;
    margin: 0;
    font-size: 13px;
    line-height: 1.18;
  }

  .workloop-reveal.reveal .deck-team__proof {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.18;
  }

  .workloop-reveal.reveal .deck-slide--ask .deck-ask-headline {
    display: grid;
    gap: 8px;
    margin-bottom: 16px;
  }

  .workloop-reveal.reveal .deck-slide--ask .deck-ask-headline strong {
    font-size: 64px;
  }

  .workloop-reveal.reveal .deck-slide--ask .deck-ask-headline span {
    margin: 0;
    font-size: 21px;
  }

  .workloop-reveal.reveal .deck-slide--ask .deck-ask-subhead {
    margin: -6px 0 10px;
    font-size: 16px;
  }

  .workloop-reveal.reveal .deck-ask-backer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 14px;
  }

  .workloop-reveal.reveal .deck-ask-backer {
    grid-template-rows: 72px auto auto auto;
    min-height: 174px;
    padding: 10px;
  }

  .workloop-reveal.reveal .deck-ask-backer > img {
    width: 72px;
    height: 72px;
  }

  .workloop-reveal.reveal .deck-ask-backer__portrait {
    width: 72px;
    height: 72px;
  }

  .workloop-reveal.reveal .deck-ask-backer__portrait img {
    width: 72px;
    height: 72px;
  }

  .workloop-reveal.reveal .deck-ask-backer__portrait--sean img {
    transform: translateY(3px) scale(0.88);
  }

  .workloop-reveal.reveal .deck-ask-backer__portrait--jared img {
    transform: translate(-2px, 4px) scale(1.2);
  }

  .workloop-reveal.reveal .deck-ask-backer__portrait--austen img {
    transform: translateY(4px) scale(1);
  }

  .workloop-reveal.reveal .deck-ask-backer--fund img {
    width: 92px;
    height: 34px;
  }

  .workloop-reveal.reveal .deck-pioneer-mark {
    gap: 7px;
    width: 54px;
  }

  .workloop-reveal.reveal .deck-pioneer-mark i {
    height: 5px;
  }

  .workloop-reveal.reveal .deck-ask-backer strong {
    margin-top: 8px;
    font-size: 15px;
  }

  .workloop-reveal.reveal .deck-ask-backer p {
    margin-top: 5px;
    font-size: 11px;
  }

  .workloop-reveal.reveal .deck-ask-backer span {
    margin-top: 7px;
    font-size: 11px;
  }

  .workloop-reveal.reveal .deck-slide--ask > p:not(.deck-kicker) {
    font-size: 14px;
  }

  .workloop-reveal.reveal .deck-quote {
    width: 100%;
    margin: 18px 0;
    font-size: 35px;
    padding-left: 18px;
  }
}