/* Responsive Styles */

/* 1440px and up (Large Desktop) */
@media (min-width: 1440px) {
    :root {
        --container-max-width: 1320px;
    }
}

/* 1024px to 1439px (Desktop/Small Desktop) */
@media (max-width: 1200px) {
    .footer-grid {
        grid-template-columns: 2fr 1fr 1fr 1fr;
    }
    .contact-col {
        grid-column: 1 / -1;
    }
    
    .stats-banner {
        padding: 2rem;
    }
    
    .case-studies-container {
        grid-template-columns: 250px 1fr;
        gap: 2rem;
    }
}

@media (max-width: 1024px) {
    :root {
        --fs-h1: 3.5rem;
        --fs-h2: 2.5rem;
        --space-xl: 4rem;
    }

    .hero-container {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 4rem;
    }

    .hero-content {
        margin: 0 auto;
    }

    .hero-actions {
        justify-content: center;
    }

    .hero-reviews {
        justify-content: center;
    }

    .services-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 2rem;
    }

    .services-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .case-studies-container {
        grid-template-columns: 1fr;
    }

    .testimonials-track {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .testimonial-card:nth-child(3) {
        display: none;
    }

    .process-timeline {
        grid-template-columns: repeat(3, 1fr);
        gap: 2rem 1rem;
    }
    
    .process-connector { display: none; }
    
    .footer-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .brand-col {
        grid-column: 1 / -1;
    }
    
    .stats-banner {
        flex-wrap: wrap;
        gap: 2rem;
        justify-content: center;
    }
    
    .stat-divider {
        display: none;
    }
}

/* 768px to 1023px (Tablet) */
@media (max-width: 768px) {
    :root {
        --fs-h1: 3rem;
        --fs-h2: 2.25rem;
        --space-lg: 3rem;
    }

    /* Header & Nav */
    .mobile-menu-toggle { display: block; }
    .header-actions .btn { display: none; }

    .main-nav {
        position: fixed;
        top: 80px;
        left: -100%;
        width: 100%;
        height: calc(100vh - 80px);
        background: var(--color-white);
        flex-direction: column;
        align-items: center;
        padding-top: 2rem;
        transition: left var(--transition-normal);
        border-top: 1px solid var(--color-border);
    }
    
    .main-nav.active { left: 0; }
    .nav-list { flex-direction: column; text-align: center; gap: 1.5rem; }
    
    /* Mobile Toggle Animation */
    .mobile-menu-toggle.active span:nth-child(1) { transform: rotate(45deg); top: 11px; }
    .mobile-menu-toggle.active span:nth-child(2) { opacity: 0; }
    .mobile-menu-toggle.active span:nth-child(3) { transform: rotate(-45deg); top: 11px; }

    /* Process */
    .process-timeline { grid-template-columns: repeat(2, 1fr); }

    /* Case Studies */
    .case-grid { grid-template-columns: repeat(2, 1fr); }

    /* CTA Banner */
    .cta-banner {
        padding: 3rem 2rem;
        text-align: center;
        flex-direction: column;
    }
    
    .cta-content { margin: 0 auto; }
    
    .cta-illustration {
        position: relative;
        right: 0;
        bottom: 0;
        margin-top: 2rem;
    }
    
    .rocket-img { height: 250px; }
    
    .footer-grid { grid-template-columns: repeat(2, 1fr); }
}

/* 480px to 767px (Large Mobile) */
@media (max-width: 480px) {
    :root {
        --fs-h1: 2.5rem;
        --fs-h2: 2rem;
        --space-xl: 3rem;
        --space-lg: 2rem;
    }
    
    .hero-image-wrapper { height: 400px; }
    .stat-float-card { transform: scale(0.7); }
    .float-tl { top: -10%; left: -10%; }
    .float-tr { top: 0; right: -10%; }
    .float-bl { bottom: 0; left: -10%; }
    .float-br { bottom: -10%; right: -10%; }
    
    .hero-actions { flex-direction: column; width: 100%; }
    .hero-actions .btn { width: 100%; }
    
    .brands-grid { justify-content: center; }
    
    .services-grid { grid-template-columns: 1fr; }
    
    .stats-banner { flex-direction: column; text-align: center; }
    
    .process-timeline { grid-template-columns: 1fr; }
    
    .case-grid { grid-template-columns: 1fr; }
    
    .testimonials-wrapper { flex-direction: column; }
    .slider-btn { display: none; }
    .testimonials-track { grid-template-columns: 1fr; }
    .testimonial-card:nth-child(2) { display: none; }
    
    .footer-grid { grid-template-columns: 1fr; }
}

/* 320px to 479px (Small Mobile) */
@media (max-width: 320px) {
    :root {
        --fs-h1: 2rem;
        --fs-h2: 1.75rem;
        --container-padding: 0 1rem;
    }
    
    .btn { padding: 0.8rem 1.5rem; font-size: 0.9rem; }
    .stat-float-card { display: none; }
}