@media (max-width: 768px) {
  section { padding: 60px 0; }
  .hero { padding: 110px 0 60px !important; }
  .hero-inner { grid-template-columns: 1fr !important; text-align: center; }
  .hero p { margin-inline: auto; }
  .hero-buttons { justify-content: center; }
}