/* Shared mobile responsive rules for all landing pages */

html {
  -webkit-text-size-adjust: 100%;
}

body {
  overflow-x: hidden;
}

img:not(.hero-photo),
svg,
video {
  max-width: 100%;
  height: auto;
}

/* Legal / policy pages */
@media (max-width: 768px) {
  .container {
    margin: 16px !important;
    padding: 22px 20px !important;
    border-radius: 10px;
  }

  .container h1 {
    font-size: 1.75rem;
    line-height: 1.2;
  }

  .container h2 {
    font-size: 1.25rem;
    margin-top: 28px;
  }
}

@media (max-width: 480px) {
  .container {
    margin: 12px !important;
    padding: 18px 16px !important;
  }
}

/* Thank-you page */
@media (max-width: 768px) {
  .thank-you-container {
    margin: 40px 16px !important;
    padding: 28px 20px !important;
  }

  .thank-you-title {
    font-size: 1.5rem !important;
  }
}

/* Home page sections (index.html) */
@media (max-width: 768px) {
  .site-home .trust-band {
    padding: 24px 20px 28px !important;
  }

  .site-home .logos {
    flex-wrap: wrap;
    gap: 16px 20px;
  }

  .site-home .glogo,
  .site-home .meta,
  .site-home .amazon {
    font-size: 18px !important;
  }

  .site-home .process-section,
  .site-home .proof-panel,
  .site-home .confidence-panel,
  .site-home .features-wrap {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .site-home .process-section .title,
  .site-home .features-title {
    font-size: clamp(26px, 7vw, 34px) !important;
    line-height: 1.15;
  }

  .site-home .stats {
    grid-template-columns: 1fr !important;
  }

  .site-home .coming {
    text-align: center;
  }

  .site-home .coming .early {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 480px) {
  .site-home .trust-band {
    padding: 20px 16px 24px !important;
  }

  .site-home .glogo,
  .site-home .meta,
  .site-home .amazon {
    font-size: 16px !important;
  }
}