@media (max-width:768px) {
  .header-container { flex-direction:column; align-items:flex-start; gap:15px; }
  .main-nav { flex-direction:column; gap:10px; }
  .hero h1 { font-size:28px; }
  .hero-buttons { flex-direction:column; gap:10px; }
  .footer-container { flex-direction:column; align-items:flex-start; }
}