/* Tablet & Small Desktop */
@media (max-width: 1024px) {
    :root {
        --space-section: 80px;
        --pad-container: 24px;
    }

    h1 { font-size: 2.75rem; }
    h2 { font-size: 2rem; }

    .hero-split { grid-template-columns: 1fr; gap: 3rem; text-align: center; }
    .hero-actions { justify-content: center; }
    
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 2rem; }
}

/* Mobile */
@media (max-width: 768px) {
    :root {
        --space-section: 60px;
        --pad-container: 16px;
    }

    h1 { font-size: 2.25rem; }
    h2 { font-size: 1.75rem; }

    .desktop-nav { display: none; }
    .nav-actions .btn-primary { display: none; }
    .mobile-toggle { display: block; z-index: 1001; }
    
    .hero-section { padding-top: 100px; min-height: 70vh; }
    
    .footer-grid { grid-template-columns: 1fr; }
    .footer-bottom { flex-direction: column; gap: 1rem; text-align: center; }

    .glass-card { padding: 1.5rem; }
    .glass-form { padding: 1.5rem; }
}