@media (max-width: 768px) {
  header { padding: 16px 5%; }
  .hero { padding: 60px 16px 40px; }
}

@media (max-width: 600px) {
  .hero p { font-size: 1rem; }
  .client-card { padding: 28px 18px; }
  .modal-box { padding: 20px; }
}