/* ============ Responsive ============ */

/* Tablet & below */
@media (max-width: 900px) {
  :root { --container-pad: 22px; }

  .nav__links { display: none; }
  .nav__cta,
  .nav .lang { display: none; }
  .burger { display: inline-flex; }

  .hero__inner {
    grid-template-columns: 1fr;
    gap: 36px;
    padding-block: 64px 72px;
  }
  .hero__visual { max-width: 420px; margin-inline: auto; width: 100%; }

  .services,
  .cases,
  .faq { padding-block: 72px 64px; }

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

  .cases__head { flex-direction: column; align-items: flex-start; }
  .cases__grid { grid-template-columns: 1fr; }

  .footer__grid { grid-template-columns: 1fr 1fr; gap: 32px; }
}

/* Phone */
@media (max-width: 560px) {
  :root { --container-pad: 16px; }

  .hero__visual { display: none; }
  .hero__stats { gap: 16px; flex-wrap: wrap; }

  .services__grid { grid-template-columns: 1fr; }
  .footer__grid { grid-template-columns: 1fr; }

  .hero__cta .btn,
  .ctaband__cta .btn { flex: 1 1 auto; }
}