/* =========================================================================
   cmktp-boost — Boost mini site lander
   All selectors are scoped to the single page wrapper. Nothing here can
   style, inherit into, or leak out to the host Webflow document.
   ========================================================================= */

/* --- Scoped box-sizing reset (the only permitted universal selector) ----- */
[data-class="cmkt-page"][data-cmktp-page="boost"],
[data-class="cmkt-page"][data-cmktp-page="boost"] *,
[data-class="cmkt-page"][data-cmktp-page="boost"] *::before,
[data-class="cmkt-page"][data-cmktp-page="boost"] *::after {
  box-sizing: border-box;
}

/* --- Wrapper: tokens + explicit inherited fundamentals ------------------- */
[data-class="cmkt-page"][data-cmktp-page="boost"] {
  /* Brand families first so the live host resolves them; the
     artboard's outlined text matches "Be Vietnam Pro" most closely of the
     20 families tested, and that is what local parity was measured against. */
  --cmktp-boost-font: Gilroy, "Sofia Pro", "Be Vietnam Pro", "Segoe UI",
    system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;

  --cmktp-boost-bg: #0d0908;
  --cmktp-boost-ink: #ffffff;
  --cmktp-boost-muted: #9fb3ae;
  /* expert job titles, set explicitly rather than taken from the export */
  --cmktp-boost-role: #b7b7b7;
  --cmktp-boost-peach: #f4b9a4;
  --cmktp-boost-coral: #eb7b62;
  --cmktp-boost-coral-soft: rgba(235, 123, 98, 0.45);
  --cmktp-boost-coral-faint: rgba(235, 123, 98, 0.22);
  --cmktp-boost-hair: rgba(255, 255, 255, 0.1);
  --cmktp-boost-field: rgba(0, 0, 0, 0.3);

  --cmktp-boost-stage-a: #78301d;
  --cmktp-boost-stage-b: #45180f;
  --cmktp-boost-stage-c: #250e0a;
  --cmktp-boost-card-a: #5a2313;
  --cmktp-boost-card-b: #33130c;
  --cmktp-boost-card-c: #230d09;

  --cmktp-boost-gutter: 32px;
  --cmktp-boost-dwell: 6000ms;

  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  overflow: hidden;
  isolation: isolate;
  background-color: var(--cmktp-boost-bg);
  color: var(--cmktp-boost-ink);
  font-family: var(--cmktp-boost-font);
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
  text-align: left;
  text-transform: none;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
}

/* Ambient background glows (pure CSS gradients, no image files) */
[data-class="cmkt-page"][data-cmktp-page="boost"]::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    radial-gradient(38% 46% at 96% 6%, rgba(140, 58, 36, 0.2) 0%, rgba(140, 58, 36, 0) 100%),
    radial-gradient(30% 34% at 4% 88%, rgba(120, 46, 30, 0.14) 0%, rgba(120, 46, 30, 0) 100%),
    radial-gradient(24% 28% at 78% 96%, rgba(232, 131, 106, 0.1) 0%, rgba(232, 131, 106, 0) 100%);
}


/* --- Explicit element normalisation, addressed only by data-class --------
   Regenerated from the embed's own token list, so no semantic element can
   fall through to a host tag rule. */
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-header"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-brand"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-brand-fallback"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-main"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-shell"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-col-left"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-pill"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-pill-dot"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-pill-text"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-h1"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-h1-a"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-h1-b"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-subhead"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-formcard"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-form-title"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-form"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-field"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-label"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-input"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-consent"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-checkbox"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-consent-text"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-hidden"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-submit"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-form-status"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-col-right"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-stage"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-stage-labels"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-stage-title"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-stage-count"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-stage-count-now"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-track"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-slide"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-portrait"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-portrait-ring"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-portrait-bg"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-portrait-cut"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-portrait-cut-brancoy"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-agency-logo"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-agency-logo-brancoy"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-pane"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-quote"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-quote-lead"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-quote-accent"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-attribution"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-attr-name"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-attr-role"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-rule"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-portrait-cut-tag"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-agency-logo-tag"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-portrait-cut-radikal"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-agency-logo-radikal"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-portrait-cut-s49"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-agency-logo-s49"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-controls"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-selectors"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-selector-item"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-selector"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-selector-logo"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-selector-logo-brancoy"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-selector-name"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-selector-role"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-selector-cue"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-selector-logo-tag"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-selector-logo-radikal"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-selector-logo-s49"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-arrows"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-arrow"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-arrow-glyph"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-rail"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-rail-fill"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-defs"] {



  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  list-style: none;
  text-decoration: none;
  font: inherit;
  color: inherit;
  letter-spacing: inherit;
  text-transform: none;
}

/* Form controls inherit the page type stack explicitly */
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-input"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-submit"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-checkbox"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-selector"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-arrow"] {
  font: inherit;
  font-family: var(--cmktp-boost-font);
  -webkit-appearance: none;
  appearance: none;
}

/* Visible keyboard focus everywhere */
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-input"]:focus-visible,
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-submit"]:focus-visible,
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-checkbox"]:focus-visible,
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-selector"]:focus-visible,
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-arrow"]:focus-visible {
  outline: 2px solid var(--cmktp-boost-coral);
  outline-offset: 3px;
  border-radius: 4px;
}

/* ======================= HEADER ======================= */
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-header"] {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 62px;
  width: 100%;
  max-width: 80rem;
  margin: 0 auto;
  padding: 0 var(--cmktp-boost-gutter);
  border-bottom: 1px solid var(--cmktp-boost-coral-faint);
}

/* --- Boost brand mark (injected vector, text fallback if it fails) ------- */
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-brand"] {
  display: block;
  height: 26px;
  aspect-ratio: 451 / 150;
  color: var(--cmktp-boost-ink);
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.01em;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-brand"] > svg {
  display: block;
  width: auto;
  height: 100%;
  overflow: visible;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-brand"][data-cmktp-boost-filled="1"] [data-class~="cmktp-boost-brand-fallback"] {
  display: none;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-brand-fallback"] {
  display: block;
}







/* ======================= LAYOUT SHELL ======================= */
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-main"] {
  position: relative;
  z-index: 1;
  display: block;
  padding: 0 var(--cmktp-boost-gutter) 86px;
  width: 100%;
  max-width: 80rem;
  margin: 0 auto;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-shell"] {
  display: grid;
  grid-template-columns: 520fr 780fr;
  column-gap: 48px;
  row-gap: 56px;
  align-items: start;
  max-width: 1348px;
  margin: 0 auto;
  padding-top: 88.5px;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-col-left"] {
  display: block;
  min-width: 0;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-col-right"] {
  display: block;
  min-width: 0;
  margin-top: 0.5px;
}

/* ======================= LEFT: PITCH + FORM ======================= */
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-pill"] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 31px;
  padding: 0 14px;
  border: 1px solid var(--cmktp-boost-coral-soft);
  border-radius: 999px;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-pill-dot"] {
  display: block;
  flex: 0 0 auto;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--cmktp-boost-coral);
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-pill-text"] {
  font-size: 11px;
  font-weight: 600;
  line-height: 17px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--cmktp-boost-peach);
  white-space: nowrap;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-h1"] {
  display: block;
  margin-top: 20px;
  font-size: 50px;
  font-weight: 700;
  line-height: 56px;
  letter-spacing: -0.015em;
  color: var(--cmktp-boost-ink);
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-h1-a"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-h1-b"] {
  display: block;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-h1-b"] {
  color: var(--cmktp-boost-coral);
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-subhead"] {
  display: block;
  max-width: 400px;
  margin-top: 20px;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  color: var(--cmktp-boost-muted);
}


[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-formcard"] {
  display: block;
  margin-top: 20px;
  padding: 26px;
  border-radius: 16px;
  box-shadow: inset 0 0 0 1px var(--cmktp-boost-coral-faint);
  background-image: linear-gradient(
    152deg,
    var(--cmktp-boost-card-a) 0%,
    var(--cmktp-boost-card-b) 58%,
    var(--cmktp-boost-card-c) 100%
  );
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-form-title"] {
  display: block;
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  color: var(--cmktp-boost-ink);
}


[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-form"] {
  display: block;
  margin-top: 10px;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-field"] {
  display: block;
  margin-top: 10px;
}

/* Cloudflare renders its own iframe into this element; only outer spacing is
   ours to set. */
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-turnstile"] {
  display: none;
}

/* Labels are visually replaced by the designed placeholder text but remain
   available to assistive technology. */
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-label"] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-input"] {
  display: block;
  width: 100%;
  height: 47px;
  padding: 0 14px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 8px;
  background-color: var(--cmktp-boost-field);
  font-size: 14px;
  font-weight: 400;
  line-height: 45px;
  color: var(--cmktp-boost-ink);
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-input"]::placeholder {
  color: rgba(255, 255, 255, 0.62);
  opacity: 1;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-input"]:hover {
  border-color: rgba(255, 255, 255, 0.3);
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-input"]:focus {
  border-color: var(--cmktp-boost-coral);
  outline: none;
}

/* Autofill: Chromium paints its own background via a UA-internal shorthand that
   background-color cannot beat, so the field colour is restored with an inset
   shadow spread over the box instead. text-fill-color carries the glyph colour
   because autofill overrides plain color, and the long transition delay keeps
   both from being repainted after the value lands. */
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-input"]:-webkit-autofill,
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-input"]:-webkit-autofill:hover,
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-input"]:-webkit-autofill:focus,
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-input"]:-webkit-autofill:active {
  -webkit-text-fill-color: var(--cmktp-boost-ink);
  caret-color: var(--cmktp-boost-ink);
  -webkit-box-shadow: inset 0 0 0 1000px var(--cmktp-boost-field);
  box-shadow: inset 0 0 0 1000px var(--cmktp-boost-field);
  -webkit-transition: background-color 8640000s ease-out 8640000s;
  transition: background-color 8640000s ease-out 8640000s;
  font-size: 14px;
  font-weight: 400;
}

/* Firefox exposes the same state under a standard selector and does respond to
   background-color directly. */
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-input"]:autofill,
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-input"]:autofill:hover,
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-input"]:autofill:focus {
  background-color: var(--cmktp-boost-field);
  color: var(--cmktp-boost-ink);
  -webkit-text-fill-color: var(--cmktp-boost-ink);
  border-color: rgba(255, 255, 255, 0.18);
}

/* The focus border must still win once an autofilled field is focused. */
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-input"]:-webkit-autofill:focus,
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-input"]:autofill:focus {
  border-color: var(--cmktp-boost-coral);
  outline: none;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-consent"] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 14px 0px;
}

/* appearance:none removes the native tick, so the checked mark is drawn here as
   two borders of an empty box rotated into an L — no SVG or image file needed.
   position:relative anchors that pseudo-element to the control. */
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-checkbox"] {
  position: relative;
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 3px;
  background-color: var(--cmktp-boost-field);
  cursor: pointer;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-checkbox"]:hover {
  border-color: rgba(255, 255, 255, 0.7);
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-checkbox"]:checked {
  border-color: var(--cmktp-boost-coral);
  background-color: var(--cmktp-boost-coral);
}

/* The tick: an empty box showing only its left and bottom borders, rotated into
   a checkmark. The scoped reset applies border-box to pseudo-elements too, so
   the borders sit inside these dimensions — width/height are the stroke lengths
   PLUS the 2px border, giving visible arms of 7px and 3.5px. Centred with a
   small optical lift because a rotated L sits low in its own bounding box. */
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-checkbox"]::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 45%;
  width: 9px;
  height: 5.5px;
  border-left: 2px solid #2a0f08;
  border-bottom: 2px solid #2a0f08;
  border-radius: 1px;
  transform: translate(-50%, -50%) rotate(-45deg);
  opacity: 0;
  pointer-events: none;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-checkbox"]:checked::after {
  opacity: 1;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-consent-text"] {
  display: block;
  font-size: 11px;
  font-weight: 400;
  line-height: 17px;
  color: rgba(255, 255, 255, 0.72);
  cursor: pointer;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-submit"] {
  display: block;
  width: 100%;
  height: 53px;
  margin-top: 20px;
  border-radius: 10px;
  background-color: var(--cmktp-boost-coral);
  color: #2a0f08;
  font-size: 16px;
  font-weight: 600;
  line-height: 53px;
  letter-spacing: 0.01em;
  text-align: center;
  cursor: pointer;
  transition: background-color 160ms ease, transform 160ms ease;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-submit"]:hover {
  background-color: #f4b9a4;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-submit"]:active {
  transform: translateY(1px);
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-submit"]:disabled {
  opacity: 0.55;
  cursor: default;
}


/* Confirmation banner. It sits inside the formcard, so the panel is kept light:
   a translucent coral wash plus a hairline, which reads as nested against the
   card's own gradient instead of competing with it. The left accent bar gives
   it the shape of a status notice rather than another card. */
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-form-status"] {
  display: none;
  margin-top: 14px;
  padding: 11px 14px 11px 13px;
  border: 1px solid var(--cmktp-boost-coral-soft);
  border-radius: 8px;
  background-color: rgba(235, 123, 98, 0.12);
  font-size: 12.5px;
  font-weight: 500;
  line-height: 18px;
  color: var(--cmktp-boost-peach);
}

[data-class="cmkt-page"][data-cmktp-page="boost"][data-cmktp-boost-sent="true"] [data-class~="cmktp-boost-form-status"] {
  display: block;
}

/* ======================= RIGHT: STAGE + CAROUSEL ======================= */
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-stage"] {
  container-type: inline-size;
  display: block;
  width: 100%;
  aspect-ratio: 780 / 556;
  padding: 3.0769% 3.8462% 3.3333%;
  border-radius: 20px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.14);
  background-image: linear-gradient(
    148deg,
    var(--cmktp-boost-stage-a) 0%,
    var(--cmktp-boost-stage-b) 46%,
    var(--cmktp-boost-stage-c) 100%
  );
  overflow: hidden;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-stage-labels"] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 2.2222%;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-stage-title"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-stage-count"] {
  font-size: 1.5278cqw;
  font-weight: 600;
  line-height: 2.2222cqw;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--cmktp-boost-peach);
  white-space: nowrap;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-stage-count"] {
  color: rgba(255, 255, 255, 0.65);
  font-variant-numeric: tabular-nums;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-track"] {
  container-type: inline-size;
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 720 / 474;
  overflow: hidden;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-slide"] {
  position: absolute;
  inset: 0;
  display: block;
  transform: translateX(calc((var(--cmktp-boost-i) - var(--cmktp-boost-a, 0)) * 100%));
  opacity: 0;
  visibility: hidden;
  transition: transform 720ms cubic-bezier(0.22, 0.61, 0.36, 1),
    opacity 480ms ease;
  will-change: transform;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-cmktp-slide="tag"]     { --cmktp-boost-i: 0; }
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-cmktp-slide="radikal"] { --cmktp-boost-i: 1; }
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-cmktp-slide="s49"]     { --cmktp-boost-i: 2; }
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-cmktp-slide="brancoy"] { --cmktp-boost-i: 3; }

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-cmktp-boost-active="0"] { --cmktp-boost-a: 0; }
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-cmktp-boost-active="1"] { --cmktp-boost-a: 1; }
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-cmktp-boost-active="2"] { --cmktp-boost-a: 2; }
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-cmktp-boost-active="3"] { --cmktp-boost-a: 3; }

/* Adjacent slides stay rendered so the roll reads as continuous movement. */
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-slide"][data-cmktp-boost-near="true"] {
  visibility: visible;
  opacity: 0.28;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-slide"][data-cmktp-boost-current="true"] {
  visibility: visible;
  opacity: 1;
}

/* No-JS fallback: the first slide is fully visible and readable. */
[data-class="cmkt-page"][data-cmktp-page="boost"]:not([data-cmktp-boost-ready="true"]) [data-cmktp-slide="tag"] {
  visibility: visible;
  opacity: 1;
}









/* --- Portrait: circle photo + 3.6869px ring + egg-clipped cut-out ------- */
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-portrait"] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
}

/* the ring band, centred on the photo circle's edge */
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-portrait"]::after {
  content: "";
  position: absolute;
  left: 0.000049%;
  top: 26.680707%;
  z-index: 2;
  width: 33.049431%;
  aspect-ratio: 1;
  border: 0.512069cqw solid var(--cmktp-boost-peach);
  border-radius: 50%;
  pointer-events: none;
}

/* the photo circle */
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-portrait-ring"] {
  position: absolute;
  left: 0.256083%;
  top: 27.069620%;
  z-index: 1;
  display: block;
  width: 32.537361%;
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
  /* the artboard backs the photo circle with a flat disc; it only shows
     through where a portrait is a transparent cut-out (S49) */
  background-color: #d9d9d9;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-portrait-bg"],
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-portrait-cut"] {
  position: absolute;
  display: block;
  max-width: none;
  object-fit: fill;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-portrait-cut"] {
  z-index: 3;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-cmktp-slide="brancoy"] [data-class~="cmktp-boost-portrait-bg"] {
  left: -76.857703%;
  top: -60.872160%;
  width: 253.715785%;
  height: 299.638153%;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-portrait-cut-brancoy"] {
  left: -25.401130%;
  top: -3.855490%;
  width: 83.851653%;
  height: 150.423313%;
  clip-path: url(#cmktp-boost-portrait-brancoy);
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-cmktp-slide="tag"] [data-class~="cmktp-boost-portrait-bg"] {
  left: -28.411052%;
  top: -24.570305%;
  width: 188.223600%;
  height: 282.405250%;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-portrait-cut-tag"] {
  left: -9.389722%;
  top: 14.345992%;
  width: 62.207145%;
  height: 141.772453%;
  clip-path: url(#cmktp-boost-portrait-tag);
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-cmktp-slide="radikal"] [data-class~="cmktp-boost-portrait-bg"] {
  left: -20.755643%;
  top: -34.763448%;
  width: 157.701405%;
  height: 279.751850%;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-portrait-cut-radikal"] {
  left: -6.859631%;
  top: 9.228858%;
  width: 52.119569%;
  height: 140.440276%;
  clip-path: url(#cmktp-boost-portrait-radikal);
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-cmktp-slide="s49"] [data-class~="cmktp-boost-portrait-bg"] {
  left: -19.268242%;
  top: -29.613326%;
  width: 151.984242%;
  height: 151.984729%;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-portrait-cut-s49"] {
  left: -6.368045%;
  top: 11.935991%;
  width: 50.230143%;
  height: 76.298786%;
  clip-path: url(#cmktp-boost-portrait-s49);
}

/* --- Agency wordmarks (injected SVG, artboard clip boxes) --------------- */
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-agency-logo"] {
  position: absolute;
  z-index: 4;
  display: block;
  color: var(--cmktp-boost-ink);
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-agency-logo"] > svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-agency-logo-brancoy"] {
  left: 41.613333%;
  top: 6.309241%;
  width: 24.671528%;
  height: 5.723186%;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-agency-logo-tag"] {
  left: 41.250000%;
  top: 6.309241%;
  width: 14.861111%;
  height: 7.855696%;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-agency-logo-radikal"] {
  left: 42.083333%;
  top: 5.485232%;
  width: 19.583333%;
  height: 10.337553%;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-agency-logo-s49"] {
  left: 42.177083%;
  top: 6.962025%;
  width: 24.305556%;
  height: 5.785148%;
}

/* --- Rules (exact stroke geometry from the export) ---------------------- */
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-rule"] {
  position: absolute;
  left: 8.593194%;
  top: 58.755274%;
  z-index: 0;
  display: block;
  width: 89.740139%;
  height: 0.277778cqw;
  border-radius: 999px;
  background-color: var(--cmktp-boost-peach);
}

/* --- Selector strip logos ---------------------------------------------- */


/* --- Injected clip-path definitions are never visible ------------------- */
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-defs"] {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
}

/* --- Accessible names for the icon-only selector buttons --------------- */

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-pane"] {
  position: absolute;
  left: 42.083%;
  top: 0;
  display: block;
  width: 57.778%;
  height: 100%;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-quote"] {
  position: absolute;
  left: 0;
  width: 100%;
  font-size: 4.1667cqw;
  font-weight: 600;
  line-height: 5cqw;
  letter-spacing: -0.012em;
  color: var(--cmktp-boost-ink);
  quotes: none;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-cmktp-slide="brancoy"] [data-class~="cmktp-boost-quote"] { top: 39.054%; }
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-cmktp-slide="tag"]     [data-class~="cmktp-boost-quote"] { top: 31.46%; }
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-cmktp-slide="radikal"] [data-class~="cmktp-boost-quote"] { top: 25.643%; }
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-cmktp-slide="s49"]     [data-class~="cmktp-boost-quote"] { top: 16.529%; }

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-quote-lead"] {
  color: var(--cmktp-boost-ink);
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-quote-accent"] {
  color: var(--cmktp-boost-coral);
}

/* The artboard paints the accent with a userSpaceOnUse gradient spanning the
   pane (x 303 -> 719). Clipping the pane-width gradient to the quote's own
   glyphs reproduces that exactly; the lead spans are painted back to white. */
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-quote"] {
    background-image: linear-gradient(
      90deg,
      var(--cmktp-boost-coral) 0%,
      var(--cmktp-boost-peach) 100%
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-quote-lead"] {
    -webkit-text-fill-color: var(--cmktp-boost-ink);
  }

  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-quote-accent"] {
    -webkit-text-fill-color: transparent;
  }
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-attribution"] {
  position: absolute;
  left: 0;
  top: 62.526%;
  width: 100%;
}

/* The amended artboard moves the short white rule up to y 354.938, directly
   under the attribution, where it previously sat below the read-link. */
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-attribution"]::after {
  content: "";
  position: absolute;
  left: 0.092548%;
  top: 8.133611cqw;
  width: 34.988942%;
  height: 0.138889cqw;
  background-color: var(--cmktp-boost-ink);
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-attr-name"] {
  display: block;
  font-size: 2.013889cqw;
  font-weight: 600;
  line-height: 3.194444cqw;
  color: var(--cmktp-boost-ink);
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-attr-role"] {
  display: block;
  margin-top: 0;
  font-size: 1.6667cqw;
  font-weight: 400;
  line-height: 2.5cqw;
  color: var(--cmktp-boost-role);
}







/* ======================= CONTROLS + PROGRESS RAIL ======================= */
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-controls"] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin-top: 32px;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-selectors"] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 24px;
  align-items: start;
  min-width: 0;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-selector-item"] {
  display: block;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-selector"] {
  display: block;
  width: 100%;
  padding: 0;
  text-align: left;
  cursor: pointer;
  opacity: 0.42;
  transition: opacity 200ms ease;
}

/* Every wordmark is normalised into the same 22px-tall box and scaled to fit
   inside it, so the four marks read at one weight regardless of their very
   different native aspect ratios. */
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-selector-logo"] {
  display: flex;
  align-items: center;
  width: 100%;
  height: 30px;
  margin-bottom: 12px;
  color: var(--cmktp-boost-ink);
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-selector-logo"] > svg {
  display: block;
  width: 100%;
  overflow: visible;
}

/* Per-mark heights solved so all four wordmarks carry the same ink area —
   equal optical presence, which equal box heights alone do not give (Radikal
   carries a tagline, TAG is a compact bold wordmark). Each letterboxes
   left-aligned inside the shared 30px row. */

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-selector-logo-brancoy"] > svg {
  height: 22.83px;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-selector-logo-tag"] > svg {
  height: 22.41px;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-selector-logo-radikal"] > svg {
  height: 28.55px;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-selector-logo-s49"] > svg {
  height: 18px;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-selector-name"] {
  display: block;
  font-size: 12px;
  font-weight: 600;
  line-height: 17px;
  color: var(--cmktp-boost-ink);
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-selector-role"] {
  display: block;
  margin-top: 1px;
  font-size: 10.5px;
  font-weight: 400;
  line-height: 15px;
  color: var(--cmktp-boost-role);
}

/* action wording for assistive tech only */
[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-selector-cue"] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-selector"]:hover {
  opacity: 0.78;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-selector"][aria-current="true"] {
  opacity: 1;
}



[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-arrows"] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  margin-top: -6px;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-arrow"] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 50%;
  color: var(--cmktp-boost-ink);
  cursor: pointer;
  transition: border-color 180ms ease, background-color 180ms ease;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-arrow"]:hover {
  border-color: var(--cmktp-boost-coral);
  background-color: rgba(235, 123, 98, 0.14);
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-arrow-glyph"] {
  display: block;
  font-size: 15px;
  line-height: 20px;
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-rail"] {
  position: relative;
  display: block;
  width: 100%;
  height: 2px;
  margin-top: 20px;
  overflow: hidden;
  background-color: var(--cmktp-boost-hair);
}

[data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-rail-fill"] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 2px;
  transform: scaleX(0);
  transform-origin: left center;
  background-color: var(--cmktp-boost-coral);
}

@keyframes cmktp-boost-rail-0 { from { transform: scaleX(0);    } to { transform: scaleX(0.25); } }
@keyframes cmktp-boost-rail-1 { from { transform: scaleX(0.25); } to { transform: scaleX(0.5);  } }
@keyframes cmktp-boost-rail-2 { from { transform: scaleX(0.5);  } to { transform: scaleX(0.75); } }
@keyframes cmktp-boost-rail-3 { from { transform: scaleX(0.75); } to { transform: scaleX(1);    } }

[data-class="cmkt-page"][data-cmktp-page="boost"][data-cmktp-boost-active="0"] [data-class~="cmktp-boost-rail-fill"] { animation: cmktp-boost-rail-0 var(--cmktp-boost-dwell) linear forwards; }
[data-class="cmkt-page"][data-cmktp-page="boost"][data-cmktp-boost-active="1"] [data-class~="cmktp-boost-rail-fill"] { animation: cmktp-boost-rail-1 var(--cmktp-boost-dwell) linear forwards; }
[data-class="cmkt-page"][data-cmktp-page="boost"][data-cmktp-boost-active="2"] [data-class~="cmktp-boost-rail-fill"] { animation: cmktp-boost-rail-2 var(--cmktp-boost-dwell) linear forwards; }
[data-class="cmkt-page"][data-cmktp-page="boost"][data-cmktp-boost-active="3"] [data-class~="cmktp-boost-rail-fill"] { animation: cmktp-boost-rail-3 var(--cmktp-boost-dwell) linear forwards; }

[data-class="cmkt-page"][data-cmktp-page="boost"][data-cmktp-boost-paused="true"] [data-class~="cmktp-boost-rail-fill"] {
  animation-play-state: paused;
}

/* ======================= RESPONSIVE ======================= */
/* The supplied artboard is desktop-only (1440 x 900) and declares no
   breakpoints. Everything below is additive so the page works on narrower
   viewports; the >=1440px rendering is the artboard-faithful one. */

@media (max-width: 1200px) {
  /* Stacked layout: both columns share one measure so the form always matches
     the stage width instead of sitting narrow beside it. */
  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-shell"] {
    grid-template-columns: minmax(0, 1fr);
    max-width: 780px;
    padding-top: 56px;
  }

  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-col-left"] {
    max-width: none;
  }

  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-h1"] {
    font-size: 44px;
    line-height: 50px;
  }
}

@media (max-width: 760px) {
  [data-class="cmkt-page"][data-cmktp-page="boost"] {
    --cmktp-boost-gutter: 16px;
  }

  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-h1"] {
    font-size: 36px;
    line-height: 42px;
  }

  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-formcard"] {
    padding: 20px;
  }

  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-portrait"] {
    position: relative;
    width: 100%;
    height: 190px;
  }

  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-portrait"]::after {
    left: calc(50% - 67.0387px);
    top: 48.9613px;
    width: 134.0774px;
    border-width: 2.0774px;
  }

  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-portrait-ring"] {
    left: calc(50% - 66.0000px);
    top: 50.0000px;
    width: 132.0000px;
  }

  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-portrait-cut-brancoy"] {
    left: calc(50% - 66.0000px + -104.0881px);
    top: -32.5940px;
    width: 340.1757px;
    height: 401.7470px;
  }
  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-portrait-cut-tag"] {
    left: calc(50% - 66.0000px + -39.1318px);
    top: 16.0180px;
    width: 252.3666px;
    height: 378.6425px;
  }
  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-portrait-cut-radikal"] {
    left: calc(50% - 66.0000px + -28.8676px);
    top: 2.3513px;
    width: 211.4426px;
    height: 375.0845px;
  }
  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-portrait-cut-s49"] {
    left: calc(50% - 66.0000px + -26.8733px);
    top: 9.5815px;
    width: 203.7774px;
    height: 203.7770px;
  }

  /* Stage: release the artboard ratio; the current slide flows so the
     track can size itself to the tallest quote. */
  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-stage"] {
    aspect-ratio: auto;
    padding: 20px;
    border-radius: 16px;
  }

  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-stage-labels"] {
    margin-bottom: 16px;
  }

  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-stage-title"],
  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-stage-count"] {
    font-size: 10px;
    line-height: 16px;
    letter-spacing: 0.14em;
  }

  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-track"] {
    aspect-ratio: auto;
    min-height: 0;
  }

  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-slide"][data-cmktp-boost-current="true"] {
    position: relative;
    inset: auto;
    display: flex;
    flex-direction: column;
  }

  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-agency-logo"] { order: 2; }

  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-rule"] { order: 3; }
  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-pane"] { order: 4; }

  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-slide"][data-cmktp-boost-near="true"] {
    visibility: hidden;
    opacity: 0;
  }



  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-agency-logo"] {
    position: static;
    left: auto;
    top: auto;
    width: auto;
    height: 22px;
    margin: 10px auto 0;
  }

  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-agency-logo-brancoy"] {
    aspect-ratio: 177.635 / 27.1279;
  }

  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-agency-logo-tag"] {
    aspect-ratio: 107 / 37.236;
  }

  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-agency-logo-radikal"] {
    aspect-ratio: 141 / 49;
  }

  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-agency-logo-s49"] {
    aspect-ratio: 175 / 27.4216;
  }

  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-rule"] {
    position: static;
    left: auto;
    top: auto;
    width: 100%;
    height: 2px;
    margin: 18px 0 0;
  }

  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-pane"] {
    position: static;
    left: auto;
    top: auto;
    width: 100%;
    height: auto;
    margin-top: 18px;
    text-align: center;
  }

  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-quote"],
  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-cmktp-slide="brancoy"] [data-class~="cmktp-boost-quote"],
  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-cmktp-slide="tag"] [data-class~="cmktp-boost-quote"],
  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-cmktp-slide="radikal"] [data-class~="cmktp-boost-quote"],
  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-cmktp-slide="s49"] [data-class~="cmktp-boost-quote"] {
    position: static;
    top: auto;
    font-size: 20px;
    line-height: 27px;
    text-align: center;
  }

  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-attribution"] {
    position: relative;
    top: auto;
    margin-top: 16px;
    padding-bottom: 20px;
    text-align: center;
  }

  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-attribution"]::after {
    left: 50%;
    top: auto;
    bottom: 0;
    width: 120px;
    height: 1px;
    margin-left: -60px;
  }

  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-attr-name"] {
    font-size: 14px;
    line-height: 20px;
  }

  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-attr-role"] {
    margin-top: 2px;
    font-size: 11px;
    line-height: 16px;
  }



  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-controls"] {
    flex-direction: column;
    align-items: stretch;
    gap: 18px;
    margin-top: 22px;
  }

  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-selectors"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 18px;
    justify-items: stretch;
  }

  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-selector-logo"] {
    height: 26px;
    margin-bottom: 10px;
  }

  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-selector-logo-brancoy"] > svg {
    height: 19.41px;
  }

  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-selector-logo-tag"] > svg {
    height: 19.05px;
  }

  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-selector-logo-radikal"] > svg {
    height: 24.27px;
  }

  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-selector-logo-s49"] > svg {
    height: 15.3px;
  }


  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-arrows"] {
    justify-content: flex-end;
  }



  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-rail"] {
    margin-top: 20px;
  }

}

/* ======================= REDUCED MOTION ======================= */
@media (prefers-reduced-motion: reduce) {
  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-slide"] {
    transition: opacity 1ms linear;
  }

  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-slide"][data-cmktp-boost-near="true"] {
    visibility: hidden;
    opacity: 0;
  }

  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-rail-fill"] {
    animation: none;
  }

  [data-class="cmkt-page"][data-cmktp-page="boost"][data-cmktp-boost-active="0"] [data-class~="cmktp-boost-rail-fill"] { animation: none; transform: scaleX(0.25); }
  [data-class="cmkt-page"][data-cmktp-page="boost"][data-cmktp-boost-active="1"] [data-class~="cmktp-boost-rail-fill"] { animation: none; transform: scaleX(0.5);  }
  [data-class="cmkt-page"][data-cmktp-page="boost"][data-cmktp-boost-active="2"] [data-class~="cmktp-boost-rail-fill"] { animation: none; transform: scaleX(0.75); }
  [data-class="cmkt-page"][data-cmktp-page="boost"][data-cmktp-boost-active="3"] [data-class~="cmktp-boost-rail-fill"] { animation: none; transform: scaleX(1);    }

  [data-class="cmkt-page"][data-cmktp-page="boost"] [data-class~="cmktp-boost-submit"] {
    transition: none;
  }
}