@media (max-width: 720px) {
  body:has(.if-site) {
    overflow-x: hidden;
  }

  body:has(.if-site) header nav {
    max-width: 100vw;
  }

  .if-site {
    width: 100%;
    max-width: 100vw;
    overflow-x: hidden;
  }

  .if-hero-content {
    width: calc(100vw - 40px);
    max-width: calc(100vw - 40px);
  }

  .if-hero-content h1 {
    max-width: 100%;
    font-size: clamp(2.5rem, 10.6vw, 3.15rem);
    letter-spacing: -0.055em;
  }

  .if-hero-support,
  .if-actions,
  .if-button {
    max-width: 100%;
  }
}