/* Mobile-first: scale up at 768px */
@media (min-width: 48em) {
  .header {
    padding: 1.8rem 4rem;
  }

  .logo {
    height: 4.2rem;
  }

  .header-phone {
    display: inline-flex;
  }

  .btn-header {
    min-height: 48px;
    padding: 1.2rem 2rem;
    font-size: 1.5rem;
  }

  .section-hero {
    padding: 10rem 0 14rem;
  }

  .section-benefits,
  .section-process,
  .section-work,
  .section-testimonials,
  .section-faq,
  .section-cta-repeat {
    padding: 14rem 0;
  }

  .hero-grid {
    grid-template-columns: 1.1fr 1fr;
    gap: 6rem;
  }

  .hero-sub {
    font-size: 2rem;
  }

  .hero-form-card {
    padding: 4rem 3.6rem;
  }

  .benefits-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 3.2rem;
  }

  .process-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 2.4rem;
  }

  .testimonials-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 3.2rem;
  }

  .cta-card {
    padding: 5.6rem 4.8rem;
  }

  .footer-list {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    gap: 3.2rem;
  }
}