/* ==========================================================================
   PREMIUM CA WEBSITE - RESPONSIVE MATRIX
   ========================================================================== */

@media (max-width: 1024px) {
    html { font-size: 15px; }
    .hero-content h1 { font-size: 3rem; }
    .section-padding { padding: 80px 5%; }
}

@media (max-width: 768px) {
    .header-nav { padding: 20px 5%; }
    
    .menu-toggle {
        display: block;
        font-size: 1.5rem;
        cursor: pointer;
        color: var(--primary);
    }
    
    body.dark-theme .menu-toggle { color: var(--text-dark); }
    
    .nav-links {
        position: fixed;
        top: 0;
        right: -100%;
        width: 80%;
        max-width: 400px;
        height: 100vh;
        background-color: var(--card-light);
        flex-direction: column;
        justify-content: center;
        box-shadow: -10px 0 30px rgba(0,0,0,0.1);
        transition: var(--transition-smooth);
    }
    
    body.dark-theme .nav-links { background-color: var(--card-dark); }
    
    .nav-links.active { right: 0; }
    
    .hero-viewport { justify-content: center; text-align: center; }
    .hero-actions { justify-content: center; flex-direction: column; }
    
    .grid-container { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
    html { font-size: 14px; }
    .hero-content h1 { font-size: 2.4rem; }
    .btn-premium { width: 100%; }
}