[data-class="cmkt-page"][data-cmktp-page="pos"],
[data-class="cmkt-page"][data-cmktp-page="pos"] * {
  box-sizing: border-box;
}

[data-class="cmkt-page"][data-cmktp-page="pos"] {
  /* Brand */
  --cmktp-pos-teal: #0a7e76;
  --cmktp-pos-teal-deep: #086660;
  --cmktp-pos-black: #000000;
  --cmktp-pos-paper: #ffffff;
  --cmktp-pos-ink: #101828;
  --cmktp-pos-ink-hero: #010101;
  --cmktp-pos-ink-lead: #072c2a;
  --cmktp-pos-body: #737373;
  --cmktp-pos-body-cool: #475467;
  --cmktp-pos-frame: #d9d9d9;
  --cmktp-pos-panel-sage: #d3e6cb;

  /* Surfaces. The page gradient is on the wrapper when it carries
     data-cmktp-pos-parent="1" (top of file); everything here that isn't paper or black
     is transparent over it. */
  --cmktp-pos-grad-tag: linear-gradient(90deg, #bfefc0 0%, #e8f95b 100%);
  --cmktp-pos-grad-ai-text: linear-gradient(
    104.26deg,
    #050d0b 0%,
    #0f332d 51.86%,
    #134940 95.37%
  );
  --cmktp-pos-shadow-xs:
    inset 0 -2px #00000014, inset 0 2px #ffffff0d, 0 1px 2px #10182829;

  /* Type. The system UI font stack: no font files, CDNs or Webflow font settings needed. */
  --cmktp-pos-font-sans:
    system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  --cmktp-pos-font-ui:
    system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  --cmktp-pos-font-serif:
    system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;

  --cmktp-pos-gutter: 2rem;

  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden; /* Safari < 16 fallback for clip */
  overflow-x: clip;
  font-family: var(--cmktp-pos-font-sans);
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  font-style: normal;
  text-align: left;
  text-transform: none;
  text-decoration: none;
  color: var(--cmktp-pos-ink);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  isolation: isolate;
}

[data-class="cmkt-page"][data-cmktp-page="pos"] img {
  display: block;
  max-width: none;
  border: 0;
}

/* ---------- Primitives ---------- */

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-shell"] {
  width: 100%;
  max-width: 80rem;
  margin: 0 auto;
  padding: 0 var(--cmktp-pos-gutter);
}

[data-class="cmkt-page"][data-cmktp-page="pos"] [data-class~="cmktp-pos-btn"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 60px;
  margin: 0;
  padding: 16px 24px;
  border: 0;
  border-radius: 0.5rem;
  font-family: var(--cmktp-pos-font-sans);
  font-size: 18px;
  line-height: 1.5;
  font-weight: 600;
  white-space: nowrap;
  text-decoration: none;
  color: var(--cmktp-pos-paper);
  background-color: var(--cmktp-pos-teal);
  box-shadow: var(--cmktp-pos-shadow-xs);
  cursor: pointer;
  transition: all 0.3s;
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-btn"]:hover {
  color: var(--cmktp-pos-paper);
  background-color: var(--cmktp-pos-teal-deep);
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-btn"]:focus-visible {
  outline: 2px solid var(--cmktp-pos-teal);
  outline-offset: 3px;
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-btn-onblack"]:focus-visible {
  outline-color: var(--cmktp-pos-paper);
}

[data-class="cmkt-page"][data-cmktp-page="pos"] p {
  text-wrap: pretty;
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-nowrap"] {
  white-space: nowrap;
}

/* ---------- Hero ---------- */

[data-class="cmkt-page"][data-cmktp-page="pos"] [data-class~="cmktp-pos-hero"] {
  display: block;
  background-image: linear-gradient(134deg, #feef7c 0%, #5cd3cb 100%);
}

/* Transparent over the page gradient; the band under the video switches to black at
   the line the Figma black rectangle starts (74.17% of the band). */
[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-hero-glow"] {
  padding-top: 3rem;
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-hero-head"] {
  text-align: center;
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-hero-kicker"] {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: var(--cmktp-pos-black);
}

[data-class="cmkt-page"][data-cmktp-page="pos"] [data-class~="cmktp-pos-h1"] {
  margin: 11px 0 0;
  font-family: var(--cmktp-pos-font-sans);
  font-size: 65px;
  line-height: 68px;
  font-weight: 600;
  color: var(--cmktp-pos-ink-hero);
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-hero-lead"] {
  max-width: 918px;
  margin: 20px auto 0;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  color: var(--cmktp-pos-ink-lead);
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-hero-band"] {
  margin-top: 44.5px;
  background-image: linear-gradient(
    180deg,
    transparent 74.17%,
    var(--cmktp-pos-black) 74.17%
  );
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-video"] {
  position: relative;
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: 5.66px solid var(--cmktp-pos-frame);
  border-radius: 16.16px;
  box-shadow: 0 0 16.16px rgba(0, 0, 0, 0.7);
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-video-media"] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-hero-proof"] {
  padding: 3rem 0 2rem;
  color: var(--cmktp-pos-paper);
  background-color: var(--cmktp-pos-black);
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-actions"] {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 24px;
  max-width: 880px;
  margin: 0 auto;
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-rating"] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
  color: var(--cmktp-pos-paper);
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-rating-end"] {
  align-items: flex-end;
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-stars"] {
  display: inline-flex;
  width: 126px;
  height: 22px;
  color: var(--cmktp-pos-paper);
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-rating-txt"] {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: var(--cmktp-pos-font-ui);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  white-space: nowrap;
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-rating-mark"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 26px;
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-trusted"] {
  max-width: calc(768px + (var(--cmktp-pos-gutter) * 2));
  margin: 94px auto 0;
  padding: 0 var(--cmktp-pos-gutter);
  font-family: var(--cmktp-pos-font-serif);
  font-size: 49px;
  line-height: 44px;
  font-weight: 400;
  text-align: center;
  color: var(--cmktp-pos-paper);
}

/* Infinite logo marquee. The track holds the logo set twice back to back; animating it
   from 0 to -50% of its own width loops seamlessly because both halves are identical
   (each tile carries its trailing gap as margin, so the halves measure exactly equal). */
/* Sits on the shell's content box (80rem less the gutter each side; one set is 2415px
   wide, so a half always covers the wall). The gutter is applied as the wall's width
   rather than padding, because overflow clips at the padding edge and the moving strip
   would otherwise still run through the gutter. The mask only engages past 1440, where
   the strip would otherwise hard-cut mid-screen. */
[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-logowall"] {
  width: calc(100% - (var(--cmktp-pos-gutter) * 2));
  max-width: calc(80rem - (var(--cmktp-pos-gutter) * 2));
  margin: 37px auto 0;
  overflow: hidden;
}

@media (min-width: 1441px) {
  [data-class="cmkt-page"][data-cmktp-page="pos"]
    [data-class~="cmktp-pos-logowall"] {
    -webkit-mask-image: linear-gradient(
      90deg,
      transparent,
      #000 8%,
      #000 92%,
      transparent
    );
    mask-image: linear-gradient(
      90deg,
      transparent,
      #000 8%,
      #000 92%,
      transparent
    );
  }
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-logowall"]:focus-visible {
  outline: 2px solid var(--cmktp-pos-paper);
  outline-offset: -2px;
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-logotrack"] {
  display: flex;
  width: max-content;
  margin: 0;
  padding: 0;
  list-style: none;
  animation: cmktp-pos-marquee 60s linear infinite;
}

/* Pause for pointer (hover), keyboard (the wall is focusable) and touch (tap focuses). */
[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-logowall"]:hover
  [data-class~="cmktp-pos-logotrack"],
[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-logowall"]:focus-within
  [data-class~="cmktp-pos-logotrack"] {
  animation-play-state: paused;
}

[data-class="cmkt-page"][data-cmktp-page="pos"] [data-class~="cmktp-pos-logo"] {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 166px;
  height: 73px;
  margin: 0 6.5px 0 0;
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-logo-img"] {
  height: auto;
}

@keyframes cmktp-pos-marquee {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-50%, 0, 0);
  }
}

/* Reduced motion: a static, centred wall of the 14 logos (duplicates removed). */
@media (prefers-reduced-motion: reduce) {
  [data-class="cmkt-page"][data-cmktp-page="pos"]
    [data-class~="cmktp-pos-logotrack"] {
    flex-wrap: wrap;
    justify-content: center;
    width: auto;
    animation: none;
  }
  [data-class="cmkt-page"][data-cmktp-page="pos"]
    [data-class~="cmktp-pos-logo"][aria-hidden="true"] {
    display: none;
  }
}

/* ---------- Features intro ("Trust that follows you into the store") ---------- */

/* Same width as the rows: full-bleed up to 80rem, then contained with gradient either side. */
[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-features"] {
  display: block;
  max-width: 80rem;
  margin: 0 auto;
  padding: 5rem 0 5rem;
  text-align: center;
  background-color: var(--cmktp-pos-paper);
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-eyebrow"] {
  margin: 0;
  font-family: var(--cmktp-pos-font-ui);
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: var(--cmktp-pos-teal);
}

[data-class="cmkt-page"][data-cmktp-page="pos"] [data-class~="cmktp-pos-h2"] {
  margin: 12px 0 0;
  font-family: var(--cmktp-pos-font-sans);
  font-size: 48px;
  line-height: 70px;
  font-weight: 600;
  color: var(--cmktp-pos-ink);
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-features-lead"] {
  margin: 16px 0 0;
  font-family: var(--cmktp-pos-font-ui);
  font-size: 16px;
  line-height: 24px;
  color: var(--cmktp-pos-body-cool);
}

/* The illustration is transparent; its sage panel is painted here. Figma underlay:
   #D3E6CB, square, full width, from 13.12% down (art pokes above it onto paper). */
[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-features-figure"] {
  position: relative;
  max-width: 1216px;
  margin: 64px auto 0;
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-features-figure"]::before {
  content: "";
  position: absolute;
  top: 13.12%;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--cmktp-pos-panel-sage);
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-features-art"] {
  position: relative;
  width: 100%;
  height: auto;
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-features-cta"] {
  margin-top: 64px;
}

/* ---------- Feature rows ---------- */

/* Desktop row: two equal columns, full-bleed up to 80rem, then contained with the page
   gradient showing either side (no gutter: the copy's own padding keeps text off the
   edges). The media column's height comes from the panel
   ratio (Figma panel 720 x 700); the copy column can grow it. Rows have no background
   of their own: the media column is transparent over the page gradient, and the copy
   column paints paper.
   Paint order: copy paper (z 0) < break-out art (z 1) < copy content (z 2), so art can
   overflow onto the paper while text always stays on top. */
[data-class="cmkt-page"][data-cmktp-page="pos"] [data-class~="cmktp-pos-row"] {
  --cmktp-pos-ratio: 97.22%;
  /* Spill: how far the art breaks out of its panel towards the copy, as a fraction of
     the media width (Figma crop overflow / 720). Drives the art's size and offset. */
  --cmktp-pos-spill: 0;
  --cmktp-pos-art-w: calc((1 + var(--cmktp-pos-spill)) * 100%);
  --cmktp-pos-art-x: calc(var(--cmktp-pos-spill) * -100%);
  /* Copy is centred in the part of its column the art leaves free: the art spills
     spill x 100% into the column (the media column is as wide as the copy column, so
     % works for both; it resolves on the copy's padding). The text keeps its preferred
     measure where there's room; otherwise both sides fall back to the minimum gap. */
  --cmktp-pos-copy-measure: 30rem;
  --cmktp-pos-copy-gap: 3rem;
  --cmktp-pos-copy-side: max(
    var(--cmktp-pos-copy-gap),
    (100% - var(--cmktp-pos-spill) * 100% - var(--cmktp-pos-copy-measure)) / 2
  );
  --cmktp-pos-copy-outer: var(--cmktp-pos-copy-side);
  --cmktp-pos-copy-inner: calc(
    var(--cmktp-pos-spill) * 100% + var(--cmktp-pos-copy-side)
  );
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  position: relative;
  max-width: 80rem;
  margin: 0 auto;
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-row-copy"] {
  position: relative;
  grid-row: 1;
  grid-column: 1;
  padding: 19% var(--cmktp-pos-copy-inner) 13% var(--cmktp-pos-copy-outer);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* The copy's paper, on a pseudo so it paints under the break-out art (see paint order). */
[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-row-copy"]::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--cmktp-pos-paper);
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-row-copy"]
  > * {
  position: relative;
  z-index: 2;
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-row-media"] {
  position: relative;
  z-index: 1;
  grid-row: 1;
  grid-column: 2;
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-row-media"]::before {
  content: "";
  display: block;
  padding-top: var(--cmktp-pos-ratio);
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-row-art"] {
  position: absolute;
  top: 50%;
  left: var(--cmktp-pos-art-x);
  width: var(--cmktp-pos-art-w);
  height: auto;
  transform: translateY(-50%);
  pointer-events: none;
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-row-media-left"] {
  --cmktp-pos-art-x: 0%;
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-row-media-left"]
  [data-class~="cmktp-pos-row-copy"] {
  grid-column: 2;
  padding-right: var(--cmktp-pos-copy-outer);
  padding-left: var(--cmktp-pos-copy-inner);
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-row-media-left"]
  [data-class~="cmktp-pos-row-media"] {
  grid-column: 1;
}

/* Per-row spill (Figma crop overflow / 720). Shelf has none. */
[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-row-banners"] {
  --cmktp-pos-spill: 0.16;
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-row-collection"] {
  --cmktp-pos-spill: 0.09;
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-row-receipt"] {
  --cmktp-pos-spill: 0.04;
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-row-mirror"] {
  --cmktp-pos-spill: 0.07;
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-row-rfid"] {
  --cmktp-pos-ratio: 96.39%;
  --cmktp-pos-spill: 0.2;
}

/* Row copy. Sizes are the Figma values at 1440 scaled with the column (50vw / 720),
   clamped so they never exceed the design or drop below readable minimums. */
[data-class="cmkt-page"][data-cmktp-page="pos"] [data-class~="cmktp-pos-tags"] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 13px;
  margin: 0;
}

[data-class="cmkt-page"][data-cmktp-page="pos"] [data-class~="cmktp-pos-tag"] {
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 1.62px 13px;
  border-radius: 3px;
  font-size: clamp(14px, 1.11vw, 16px);
  line-height: 1.5;
  font-weight: 600;
  white-space: nowrap;
  color: var(--cmktp-pos-black);
  background-image: var(--cmktp-pos-grad-tag);
}

[data-class="cmkt-page"][data-cmktp-page="pos"] [data-class~="cmktp-pos-ai"] {
  display: flex;
  align-items: center;
  gap: 5.52px;
  width: max-content;
  margin: clamp(32px, 3.7vw, 53.25px) 0 0;
  padding: 2.76px 8.28px;
  border-radius: 5.52px;
  background-image: var(--cmktp-pos-grad-tag);
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-ai-icon"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-ai-txt"] {
  font-size: 20.5px;
  line-height: 30.75px;
  font-weight: 700;
  color: #0f332d;
  background-image: var(--cmktp-pos-grad-ai-text);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-row-title"] {
  margin: clamp(32px, 3.7vw, 53.25px) 0 0;
  font-family: var(--cmktp-pos-font-sans);
  font-weight: 600;
  color: var(--cmktp-pos-ink);
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-ai"]
  + [data-class~="cmktp-pos-row-title"] {
  margin-top: 13px;
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-row-kicker"] {
  display: block;
  font-size: clamp(17px, 1.32vw, 19px);
  line-height: 1.26;
  font-weight: 400;
  color: var(--cmktp-pos-black);
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-row-name"] {
  display: block;
  margin-top: 0.09em;
  font-size: clamp(44px, 4.31vw, 62px);
  line-height: 1.03;
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-row-rfid"]
  [data-class~="cmktp-pos-row-name"] {
  margin-top: 0.21em;
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-row-body"] {
  margin-top: 13px;
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-row-body"]
  p {
  margin: 0;
  font-size: clamp(16px, 1.39vw, 20px);
  line-height: 1.4;
  color: var(--cmktp-pos-body);
}

[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-row-body"]
  p
  + p {
  margin-top: 1em;
}

/* ---------- Tablet / mobile ---------- */

@media (max-width: 991px) {
  [data-class="cmkt-page"][data-cmktp-page="pos"]
    [data-class~="cmktp-pos-features"] {
    width: 100%;
    max-width: none;
    padding-bottom: 0px;
  }

  [data-class="cmkt-page"][data-cmktp-page="pos"] [data-class~="cmktp-pos-h1"] {
    font-size: 52px;
    line-height: 56px;
  }

  [data-class="cmkt-page"][data-cmktp-page="pos"]
    [data-class~="cmktp-pos-hero-lead"] {
    max-width: 640px;
    font-size: 18px;
    line-height: 26px;
  }

  [data-class="cmkt-page"][data-cmktp-page="pos"]
    [data-class~="cmktp-pos-hero-band"] {
    margin-top: 40px;
  }

  [data-class="cmkt-page"][data-cmktp-page="pos"]
    [data-class~="cmktp-pos-trusted"] {
    margin-top: 72px;
    font-size: 40px;
    line-height: 44px;
  }

  [data-class="cmkt-page"][data-cmktp-page="pos"] [data-class~="cmktp-pos-h2"] {
    font-size: 40px;
    line-height: 52px;
  }

  [data-class="cmkt-page"][data-cmktp-page="pos"]
    [data-class~="cmktp-pos-features-figure"] {
    margin-top: 48px;
  }

  [data-class="cmkt-page"][data-cmktp-page="pos"]
    [data-class~="cmktp-pos-features-cta"] {
    margin-top: 48px;
  }

  /* Rows stack: copy first, then the full composite (panel + break-out art) full-bleed. */
  [data-class="cmkt-page"][data-cmktp-page="pos"]
    [data-class~="cmktp-pos-row"] {
    display: block;
    padding: 0 var(--cmktp-pos-gutter);
  }

  [data-class="cmkt-page"][data-cmktp-page="pos"]
    [data-class~="cmktp-pos-row-copy"] {
    margin: 0 auto;
    padding: 3rem 0rem 3rem;
  }

  /* Stacked, the row's gutter padding aligns the copy, so the copy has no side padding
     (the media-left rule sets its sides from these). */
  [data-class="cmkt-page"][data-cmktp-page="pos"]
    [data-class~="cmktp-pos-row"] {
    --cmktp-pos-copy-inner: 0;
    --cmktp-pos-copy-outer: 0;
  }

  /* Stacked rows are full-bleed: the copy is a full-width paper band (the wrapper clips
     the overflow) and the art runs past the row's gutter to both page edges. */
  [data-class="cmkt-page"][data-cmktp-page="pos"]
    [data-class~="cmktp-pos-row-copy"]::before {
    left: -100vw;
    right: -100vw;
  }

  [data-class="cmkt-page"][data-cmktp-page="pos"]
    [data-class~="cmktp-pos-row-media"] {
    margin: 0 calc(-1 * var(--cmktp-pos-gutter));
  }

  [data-class="cmkt-page"][data-cmktp-page="pos"]
    [data-class~="cmktp-pos-row-media"]::before {
    content: none;
  }

  [data-class="cmkt-page"][data-cmktp-page="pos"]
    [data-class~="cmktp-pos-row-art"] {
    position: static;
    width: 100%;
    transform: none;
  }

  [data-class="cmkt-page"][data-cmktp-page="pos"]
    [data-class~="cmktp-pos-tag"] {
    font-size: 15px;
  }

  [data-class="cmkt-page"][data-cmktp-page="pos"] [data-class~="cmktp-pos-ai"],
  [data-class="cmkt-page"][data-cmktp-page="pos"]
    [data-class~="cmktp-pos-row-title"] {
    margin-top: 28px;
  }

  [data-class="cmkt-page"][data-cmktp-page="pos"]
    [data-class~="cmktp-pos-row-kicker"] {
    font-size: 18px;
  }

  [data-class="cmkt-page"][data-cmktp-page="pos"]
    [data-class~="cmktp-pos-row-name"] {
    font-size: 52px;
  }

  [data-class="cmkt-page"][data-cmktp-page="pos"]
    [data-class~="cmktp-pos-row-body"] {
    max-width: none;
    margin-top: 16px;
  }

  [data-class="cmkt-page"][data-cmktp-page="pos"]
    [data-class~="cmktp-pos-row-body"]
    p {
    font-size: 18px;
    line-height: 1.5;
  }
}

@media (max-width: 767px) {
  [data-class="cmkt-page"][data-cmktp-page="pos"] {
    --cmktp-pos-gutter: 1rem;
  }

  [data-class="cmkt-page"][data-cmktp-page="pos"]
    [data-class~="cmktp-pos-hero-kicker"] {
    font-size: 15px;
    line-height: 22px;
  }

  [data-class="cmkt-page"][data-cmktp-page="pos"] [data-class~="cmktp-pos-h1"] {
    margin-top: 8px;
    font-size: 38px;
    line-height: 42px;
  }

  [data-class="cmkt-page"][data-cmktp-page="pos"]
    [data-class~="cmktp-pos-hero-lead"] {
    margin-top: 16px;
    font-size: 17px;
    line-height: 25px;
  }

  [data-class="cmkt-page"][data-cmktp-page="pos"]
    [data-class~="cmktp-pos-hero-band"] {
    margin-top: 32px;
  }

  [data-class="cmkt-page"][data-cmktp-page="pos"]
    [data-class~="cmktp-pos-video"] {
    border-width: 4px;
    border-radius: 12px;
  }

  /* CTA first, then both ratings, all centred. */
  [data-class="cmkt-page"][data-cmktp-page="pos"]
    [data-class~="cmktp-pos-actions"] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
  }

  [data-class="cmkt-page"][data-cmktp-page="pos"]
    [data-class~="cmktp-pos-actions"]
    [data-class~="cmktp-pos-btn"] {
    order: -1;
  }

  [data-class="cmkt-page"][data-cmktp-page="pos"]
    [data-class~="cmktp-pos-rating"],
  [data-class="cmkt-page"][data-cmktp-page="pos"]
    [data-class~="cmktp-pos-rating-end"] {
    align-items: center;
  }

  [data-class="cmkt-page"][data-cmktp-page="pos"]
    [data-class~="cmktp-pos-trusted"] {
    margin-top: 56px;
    font-size: 32px;
    line-height: 36px;
  }

  [data-class="cmkt-page"][data-cmktp-page="pos"]
    [data-class~="cmktp-pos-logowall"] {
    margin-top: 28px;
  }

  [data-class="cmkt-page"][data-cmktp-page="pos"]
    [data-class~="cmktp-pos-logo"] {
    width: 140px;
    height: 64px;
  }

  [data-class="cmkt-page"][data-cmktp-page="pos"]
    [data-class~="cmktp-pos-logo-img"] {
    transform: scale(0.84);
  }

  [data-class="cmkt-page"][data-cmktp-page="pos"] [data-class~="cmktp-pos-h2"] {
    font-size: 32px;
    line-height: 40px;
  }

  [data-class="cmkt-page"][data-cmktp-page="pos"]
    [data-class~="cmktp-pos-features-figure"],
  [data-class="cmkt-page"][data-cmktp-page="pos"]
    [data-class~="cmktp-pos-features-cta"] {
    margin-top: 32px;
  }

  [data-class="cmkt-page"][data-cmktp-page="pos"]
    [data-class~="cmktp-pos-row-copy"] {
    padding-top: 56px;
    padding-bottom: 32px;
  }

  [data-class="cmkt-page"][data-cmktp-page="pos"] [data-class~="cmktp-pos-ai"],
  [data-class="cmkt-page"][data-cmktp-page="pos"]
    [data-class~="cmktp-pos-row-title"] {
    margin-top: 24px;
  }

  [data-class="cmkt-page"][data-cmktp-page="pos"]
    [data-class~="cmktp-pos-row-kicker"] {
    font-size: 17px;
  }

  [data-class="cmkt-page"][data-cmktp-page="pos"]
    [data-class~="cmktp-pos-row-name"] {
    font-size: 40px;
  }

  [data-class="cmkt-page"][data-cmktp-page="pos"]
    [data-class~="cmktp-pos-row-body"]
    p {
    font-size: 17px;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-class="cmkt-page"][data-cmktp-page="pos"]
    [data-class~="cmktp-pos-btn"] {
    transition: none;
  }
}

/* ---------- Design v2 additions (webflow-embed-update.html) ---------- */

/* Hero "Coming soon" pill (replaces the text kicker). Figma 8155:22712. */
[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-hero-badge"] {
  display: inline-flex;
  align-items: center;
  margin: 0 0 17px;
  padding: 7.36px 22.07px;
  border: 1.84px solid var(--cmktp-pos-paper);
  border-radius: 999px;
  font-size: 16.55px;
  line-height: 25.75px;
  font-weight: 600;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--cmktp-pos-paper);
  background-image: linear-gradient(
    145.77deg,
    #050d0b 0%,
    #0f332d 51.86%,
    #134940 95.37%
  );
  box-shadow:
    0 3.68px 18.39px rgba(0, 0, 0, 0.25),
    0 0.92px 1.84px rgba(16, 24, 40, 0.05);
}

/* v2 hero lead: regular-weight body copy instead of the semibold lead. */
[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-hero-lead-plain"] {
  max-width: 887px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: var(--cmktp-pos-black);
}

@media (max-width: 767px) {
  [data-class="cmkt-page"][data-cmktp-page="pos"]
    [data-class~="cmktp-pos-hero-badge"] {
    margin-bottom: 12px;
    padding: 6px 18px;
    font-size: 14px;
    line-height: 22px;
  }
}

/* v2 photo rows: opaque photos with no break-out, so the photo covers the whole media
   column (which the copy can make taller than the 720 x 700 panel) instead of floating
   centred over the gradient. */
[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-row-photo"]
  [data-class~="cmktp-pos-row-art"] {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: none;
}

@media (max-width: 991px) {
  [data-class="cmkt-page"][data-cmktp-page="pos"]
    [data-class~="cmktp-pos-row-photo"]
    [data-class~="cmktp-pos-row-art"] {
    height: auto;
  }
}

/* v2 photo rows: wider title-to-body gap (Figma: 35px at 1440). The clamp floor keeps
   ~24px on tablet/mobile, so no breakpoint overrides are needed. */
[data-class="cmkt-page"][data-cmktp-page="pos"]
  [data-class~="cmktp-pos-row-body-v2"] {
  margin-top: 20px;
}