/* Versioned separately so phones with an older immutable Next.js CSS asset load this fix. */
@media (max-width: 767px) {
  .landing-demo-jump-shell {
    right: 0 !important;
    left: 0 !important;
    bottom: max(7.25rem, calc(env(safe-area-inset-bottom, 0px) + 6.5rem)) !important;
    width: 100% !important;
    justify-content: center !important;
    padding-inline: 1rem !important;
  }

  .landing-live-scroll-step--pitch .hero-slide-actions {
    left: 1rem !important;
    right: 1rem !important;
    width: auto !important;
  }

  .landing-live-scroll-step--pitch .hero-web-savings {
    width: min(100%, 22rem) !important;
    min-height: 44px !important;
    margin-top: 0.65rem !important;
    gap: 0.55rem !important;
    padding: 0.55rem 0.75rem !important;
    border-radius: 1rem !important;
  }

  .landing-live-scroll-step--pitch .hero-web-savings-detail {
    display: none !important;
  }
}