/* Small static-hosting additions; the visual system remains the original Webflow CSS. */
.footer_form_button:disabled {
  cursor: wait;
  opacity: 0.65;
}

.w-form-fail {
  margin-top: 1rem;
}

.w-form-fail a {
  color: inherit;
}

.navbar_navigation_menu-button:focus-visible,
.sf-thumb:focus-visible,
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
  outline: 3px solid #dbf4a4;
  outline-offset: 3px;
}

/* The App Ads landing was authored as embedded code, so it needs its own
   explicit narrow-screen scale instead of relying only on Webflow classes. */
@media screen and (max-width: 767px) {
  body .sf-page {
    --grid-margin: 1.25rem;
    --grid-gutter: 0.75rem;
  }

  body .sf-page .sf-h2 {
    font-size: clamp(3rem, 14vw, 4rem);
  }

  body .sf-page .sf-h3 {
    font-size: 1.75rem;
  }

  body .sf-page .sf-hero {
    padding-top: 7rem;
  }
}

@media screen and (max-width: 479px) {
  body .sf-page .sf-h2 {
    font-size: clamp(2.75rem, 15vw, 3.6rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
