@media (max-width: 1024px) {
  body .footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
  body .footer-grid { grid-template-columns: 1fr; }
  body .footer-bottom { flex-direction: column; gap: 16px; text-align: center; }
}
@media (max-width: 480px) {
  body .footer-grid { gap: 32px; }
}