/* RESPONSIVE SYSTEM */

@media (max-width: 1023px) {
    .corp-nav,
    .desktop-only {
        display: none !important;
    }
    
    .mobile-toggle {
        display: flex !important;
    }
}

@media (max-width: 767px) {
    :root {
        --space-6: 1.5rem;
        --space-8: 2rem;
        --space-10: 3rem;
        --space-12: 4rem;
    }
    
    .container {
        padding: 0 var(--space-4);
    }
    
    .grid-2,
    .grid-3,
    .grid-4 {
        grid-template-columns: 1fr;
        gap: var(--space-5);
    }
    
    .bento-card {
        padding: var(--space-5);
    }
    
    .bento-card[style*="grid-column: span 2"],
    .bento-card[style*="grid-column: span 3"] {
        grid-column: span 1 !important;
    }
    
    .hero {
        padding: 100px 0 var(--space-8);
        min-height: auto;
    }
    
    h1 {
        font-size: clamp(2rem, 8vw, 3.5rem);
    }
    
    h2 {
        font-size: clamp(1.5rem, 6vw, 2.5rem);
    }
    
    .hero-desc {
        font-size: 1rem;
    }
    
    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--space-5);
    }
    
    .footer-grid {
        grid-template-columns: 1fr !important;
        gap: var(--space-6);
    }
    
    .corp-header {
        height: 70px;
    }
    
    .mobile-menu {
        top: 70px;
    }
    
    .mobile-menu.open {
        height: calc(100vh - 70px);
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .grid-3 {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .footer-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .mobile-toggle {
        display: none !important;
    }
}

@media (min-width: 1440px) {
    .container {
        max-width: 1400px;
    }
}

@media (min-width: 1920px) {
    .container {
        max-width: 1600px;
        padding: 0 var(--space-10);
    }
}