/* ===================== Responsive ===================== */
@media (max-width: 980px) {
  .hero__grid { grid-template-columns: 1fr; gap: var(--s-8); text-align: center; }
  .hero__media { order: -1; }
  .hero__cta-row, .hero__stats { justify-content: center; }
  .footer__grid { grid-template-columns: 1fr 1fr; }
  .grid-4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 860px) {
  .nav { position: fixed; inset: 68px 0 auto 0; flex-direction: column; align-items: stretch; gap: 0; background: #fff; border-bottom: 1px solid var(--gray-200); box-shadow: var(--sh-md); padding: var(--s-3) var(--s-6) var(--s-6); visibility: hidden; opacity: 0; transform: translateY(-10px); pointer-events: none; transition: opacity .22s ease, transform .22s ease, visibility .22s; }
  .nav.open { visibility: visible; opacity: 1; transform: none; pointer-events: auto; }
  .nav a { padding: 13px 4px; border-bottom: 1px solid var(--gray-100); }
  .nav__cta { margin-top: var(--s-3); justify-content: center; }
  .nav-toggle { display: flex; }
  .nav-toggle.open span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
  .nav-toggle.open span:nth-child(2) { opacity: 0; }
  .nav-toggle.open span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
}
@media (max-width: 720px) {
  :root { --section-y: 52px; }
  body { font-size: 16px; }
  .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }
  .footer__grid { grid-template-columns: 1fr; gap: var(--s-6); }
  .cta-band { padding: var(--s-8) var(--s-5); }
  .step { padding-left: 60px; }
  .ing { flex-direction: row; }
  .promobar__inner { gap: 6px var(--s-5); font-size: .82rem; }
  .guarantee { flex-direction: column; text-align: center; }
  .guarantee__seal { margin: 0 auto; }
}
@media (max-width: 460px) {
  .ing__img { width: 64px; height: 64px; }
  .pricebox__new { font-size: 2.4rem; }
}