/* Responsive Styles */

/* Tablet and below (768px) */
@media (max-width: 768px) {
    :root {
        --section-padding: var(--section-padding-mobile);
        --text-7xl: 3rem;
        --text-6xl: 2.5rem;
        --text-5xl: 2rem;
        --text-4xl: 1.75rem;
    }
    
    .container {
        padding: 0 var(--space-lg);
    }
    
    /* Navigation */
    .nav-drawer {
        width: 100%;
        left: -100%;
    }
    
    .menu-toggle {
        top: var(--space-md);
        left: var(--space-md);
    }
    
    /* Hero */
    .hero-content {
        grid-template-columns: 1fr;
        gap: var(--space-2xl);
        padding: var(--space-2xl) var(--space-lg);
    }
    
    .hero-title {
        font-size: var(--text-5xl);
    }
    
    .hero-subtitle {
        font-size: var(--text-lg);
    }
    
    .hero-cta {
        flex-direction: column;
        gap: var(--space-md);
    }
    
    .hero-cta .btn {
        width: 100%;
    }
    
    .hero-visual {
        height: 300px;
        order: -1;
    }
    
    .floating-cube {
        width: 80px;
        height: 80px;
    }
    
    .floating-cube:nth-child(2) {
        width: 100px;
        height: 100px;
    }
    
    .floating-cube:nth-child(3) {
        width: 70px;
        height: 70px;
    }
    
    /* About */
    .about-content {
        grid-template-columns: 1fr;
        gap: var(--space-3xl);
    }
    
    .about-visual {
        height: 300px;
    }
    
    .stats-grid {
        grid-template-columns: 1fr;
        gap: var(--space-lg);
    }
    
    /* Services */
    .services-grid {
        grid-template-columns: 1fr;
        gap: var(--space-xl);
    }
    
    /* Solutions */
    .solution-item {
        grid-template-columns: 1fr;
        gap: var(--space-lg);
        padding: var(--space-xl);
    }
    
    .solution-number {
        font-size: var(--text-3xl);
    }
    
    /* Contact */
    .contact-wrapper {
        grid-template-columns: 1fr;
        gap: var(--space-3xl);
    }
    
    .contact-form-wrapper {
        padding: var(--space-xl);
    }
    
    /* Footer */
    .footer-content {
        grid-template-columns: 1fr;
        gap: var(--space-3xl);
    }
    
    .footer-links {
        grid-template-columns: 1fr;
        gap: var(--space-xl);
    }
}

/* Mobile (480px and below) */
@media (max-width: 480px) {
    :root {
        --text-5xl: 1.75rem;
        --text-4xl: 1.5rem;
        --text-3xl: 1.25rem;
        --space-3xl: 3rem;
        --space-4xl: 4rem;
    }
    
    .section-title {
        font-size: var(--text-4xl);
    }
    
    .hero-title {
        font-size: var(--text-4xl);
    }
    
    .service-card {
        padding: var(--space-lg);
    }
    
    .solution-item {
        padding: var(--space-lg);
    }
    
    .contact-item {
        flex-direction: column;
        gap: var(--space-md);
    }
}

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

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
    
    .scroll-indicator {
        animation: none;
    }
    
    .floating-cube {
        animation: none;
    }
}