@media (max-width: 768px) {
    .hero-title { font-size: 2.5rem; }
    .nav-menu { display: none; flex-direction: column; width: 100%; }
    .nav-menu.active { display: flex; }
    .mobile-menu-toggle { display: flex; }
    .hero-stats { flex-direction: column; gap: 1.5rem; }
    .footer-content { grid-template-columns: 1fr; }
}