/* Responsive adjustments for max-width 1200, 768, 480 */

@media (max-width: 1200px) {
    :root {
        --container-width: 960px;
    }
}

@media (max-width: 768px) {
    :root {
        --nav-height: 70px;
        --section-gap: 3rem;
    }

    .nav-links {
        display: none; /* Mobile menu active logic handled by JS later if needed */
        position: absolute;
        top: var(--nav-height);
        left: 0;
        width: 100%;
        background: var(--clr-bg-surface);
        flex-direction: column;
        padding: 2rem;
        border-bottom: 1px solid var(--clr-border);
    }
    
    .nav-links.active {
        display: flex;
    }

    .mobile-menu-btn {
        display: flex;
    }

    .hero-title {
        font-size: 2.5rem;
    }

    .hero-actions {
        flex-direction: column;
    }

    .footer-content {
        flex-direction: column;
        gap: 2rem;
    }
    
    .footer-links {
        flex-direction: column;
        gap: 2rem;
    }
}

@media (max-width: 480px) {
    .hero-title {
        font-size: 2rem;
    }
    
    .glow-1 {
        width: 200px;
        height: 200px;
    }
}