@media (max-width: 768px) {
    .nav-links, .nav-actions { display: none; }
    .mobile-menu-toggle { display: block; }
    .hero-title { font-size: 2.5rem; }
    .hero-subtitle { font-size: 1.5rem; }
    .footer-content { flex-direction: column; gap: 20px; text-align: center; }
    .footer-links { display: flex; flex-direction: column; gap: 10px; }
    .hero-buttons { display: flex; flex-direction: column; gap: 15px; }
}