/* Outer carousel CTAs only; the two embedded demo documents are independent. */
body.page-gratis-backdrop-only .gratis-carousel .gratis-slide > .gratis-slide__next {
  font-family: var(--g3-sans, "Jost", sans-serif);
  font-size: 18px;
  font-weight: 800;
  line-height: 1.2 !important;
  letter-spacing: .09em;
  text-transform: uppercase;
  translate: 0 var(--gratis-cta-offset, 0px);
}
@media (min-width: 601px) {
  body.page-gratis-backdrop-only .gratis-carousel .gratis-slide > .gratis-slide__next { font-size: 20px; }
}

/* Shared outer-carousel scale. The embedded phone demos live in separate documents. */
body.page-gratis-backdrop-only .gratis-carousel article.gratis-slide > h1 {
  font-size: 48px !important;
}
body.page-gratis-backdrop-only .gratis-carousel article.gratis-slide > :is(.gratis-slide__next, .gift-cta) {
  box-sizing: border-box;
  height: 60px !important;
  min-height: 60px !important;
  flex: 0 0 60px !important;
}
@media (max-width: 600px) {
  body.page-gratis-backdrop-only .gratis-carousel article.gratis-slide > h1 {
    font-size: 32px !important;
  }
  body.page-gratis-backdrop-only .gratis-carousel article.gratis-slide > :is(.gratis-slide__next, .gift-cta) {
    height: 56px !important;
    min-height: 56px !important;
    flex-basis: 56px !important;
  }
  body.page-gratis-backdrop-only article:is(.gratis-slide--profile, .gratis-slide--panel) {
    grid-template-rows: 26px max-content calc(var(--gratis-demo-width) * 800 / 390) 17px 56px;
  }
  body.page-gratis-backdrop-only article:is(.gratis-slide--profile, .gratis-slide--panel) > .gratis-slide__next {
    height: 56px !important;
    min-height: 56px !important;
  }
  /* The removed hint formerly set this minimum grid-column width. */
  body.page-gratis-backdrop-only .gratis-carousel .gratis-slide--profile > .gratis-profile-next {
    width: min(calc(100vw - 36px), max(var(--gratis-demo-width), 316.3671875px));
  }
}