@media (max-width: 760px) {
  body:has(.hb-proto-frame) button[aria-label="Help"] {
    bottom: 92px !important;
  }
}

/* Landing heroes: the copy and the photo share the row. */
@media (min-width: 981px) {
  .fpl .lv4 .v4-hero .v4-split {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr);
    gap: 48px;
  }
  .fpl .lv4 .v4-hero h1 {
    font-size: clamp(38px, 3.4vw, 52px);
    margin-bottom: 16px;
  }
  .fpl .lv4 .v4-hero .v4-lead {
    margin-bottom: 22px;
  }
  .fpl .lv4 .v4-heroimg .v4-ph {
    aspect-ratio: 4 / 3.8;
  }

  .fpl .lv4 .v4-ohero .v4-split {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr);
    gap: 48px;
  }
  .fpl .lv4 .v4-ohero h1 {
    font-size: clamp(36px, 3.2vw, 48px);
  }
  .fpl .lv4 .v4-duo {
    height: 580px;
  }
  .fpl .lv4 .v4-duo .v4-a {
    top: 8px;
    width: 94%;
    height: 72%;
  }
  .fpl .lv4 .v4-duo .v4-a img {
    height: 100%;
    object-fit: cover;
    object-position: center top;
  }
}

/* Onboarding Back / Continue stay on screen while the step scrolls. */
@media (min-width: 640px) {
  .fp-step-bar {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    bottom: 16px !important;
    width: min(640px, calc(100vw - 32px));
    transform: translateX(-50%);
    z-index: 40;
    margin-top: 0 !important;
  }
  body:has(.fp-step-bar) {
    padding-bottom: 112px;
  }
}