/* ==========================================================
   Responsive – Mobile First Breakpoints
   ========================================================== */

@media (min-width: 480px) {
  .services__grid { gap: 20px; }
}

@media (min-width: 768px) {
  .section { padding: 88px 0; }

  .header__phone { display: flex; }
  .header__cta { padding: 10px 18px; min-height: 42px; font-size: .9rem; }

  .hero__bg {
    background:
      linear-gradient(90deg, rgba(255,255,255,.97) 0%, rgba(255,255,255,.85) 45%, rgba(255,255,255,.45) 100%),
      url('../img/hero.webp') center/cover no-repeat;
  }

  .hero__inner {
    grid-template-columns: 1.1fr 0.9fr;
    gap: 48px;
    align-items: center;
    padding-top: 64px;
    padding-bottom: 88px;
  }
  .hero__note { display: block; }
  .hero__form-card { padding: 32px 28px; }

  .trustbar__inner { grid-template-columns: repeat(4, 1fr); }

  .services__grid { grid-template-columns: repeat(3, 1fr); }

  .cta-banner__inner {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 44px 40px;
    flex-wrap: wrap;
  }

  .steps__grid { grid-template-columns: repeat(2, 1fr); gap: 32px 24px; }

  .testimonials__grid { grid-template-columns: repeat(3, 1fr); }

  .guarantee__card {
    flex-direction: row;
    align-items: center;
    gap: 32px;
    padding: 44px 40px;
  }
  .guarantee__text { flex: 1; }

  .footer__inner { grid-template-columns: 1.4fr 1fr 1fr 1fr; }

  .sticky-cta { display: none; }
}

@media (min-width: 1024px) {
  .header__nav { display: flex; }
  .header__logo img { width: 170px; }

  .services__grid { grid-template-columns: repeat(6, 1fr); }
  .service-card { padding: 28px 12px; }
  .service-card p { font-size: .8rem; }

  .steps__grid { grid-template-columns: repeat(4, 1fr); }
}

@media (min-width: 1280px) {
  .hero__inner { gap: 72px; }
  .service-card { padding: 32px 16px; }
}