/* Mobile < 768px */
@media (max-width: 767px) {
  body::before,
  body::after {
    display: none;
  }

  .noise-overlay {
    display: none;
  }

  .footer {
    padding-bottom: calc(var(--space-8) + 70px);
  }
}

/* Tablet 768-1023 */
@media (min-width: 768px) and (max-width: 1023px) {
  .questions-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .services-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .services-grid > :first-child {
    grid-column: 1 / -1;
    max-width: 60%;
    margin: 0 auto;
  }
}

/* Small phones */
@media (max-width: 430px) {
  .hero-subtitle {
    font-size: 15px;
  }

  .btn-primary {
    padding: 16px 28px;
    font-size: 12px;
    width: 100%;
  }

  .btn-secondary {
    padding: 14px 24px;
    font-size: 12px;
    width: 100%;
  }

  .hero-cta .btn-primary,
  .hero-cta .btn-secondary {
    width: auto;
  }
}

@media (max-width: 359px) {
  .hero h1 {
    font-size: 40px;
  }

  :root {
    --container-padding: 16px;
  }
}