@media (max-width: 1024px) {
    section { padding: 4rem 1.5rem; }
    .section-header { margin-bottom: 3rem; }
    .section-header h2 { font-size: clamp(1.5rem, 3vw, 2.5rem); }
    .hero { 
        padding-top: 70px; 
        min-height: auto;
        max-height: 100vh;
        background-size: 
            100% 100%,
            contain;
    }
    .hero h1 { font-size: clamp(2rem, 5vw, 4rem); }
    .contact-content { grid-template-columns: 1fr; gap: 2rem; }
}

@media (max-width: 768px) {
    .nav-container { padding: 0.8rem 1rem; }
    .logo { font-size: 1.1rem; }
    .logo-img { height: 28px; width: 28px; }
    .nav-links { display: none; }
    .nav-cta { padding: 0.5rem 1rem; font-size: 0.85rem; }
    
    .hero {
        padding-top: 70px;
        min-height: 85vh;
        max-height: 100vh;
        background-size: 
            100% 100%,
            contain;
    }
    .hero::after, .hero::before { width: 300px; height: 300px; }
    .hero h1 { font-size: 1.8rem; margin-bottom: 1rem; }
    .hero p { font-size: 1rem; margin-bottom: 1.5rem; }
    .hero-buttons { flex-direction: column; gap: 0.8rem; margin-bottom: 2rem; }
    .btn-primary, .btn-secondary { width: 100%; padding: 0.9rem 1.5rem; font-size: 0.95rem; }
    .hero-stats { flex-direction: column; gap: 1.5rem; }
    .stat-item h3 { font-size: 2rem; }
    .stat-item p { font-size: 0.9rem; }
    
    section { padding: 3rem 1rem; }
    .section-header h2 { font-size: 1.8rem; }
    .section-header p { font-size: 1rem; }
    
    .services-grid, .industries-grid, .tech-grid, .why-grid, .testimonials-grid, .process-timeline {
        grid-template-columns: 1fr;
    }
    
    .service-card, .industry-card, .why-card, .tech-category, .testimonial-card {
        padding: 1.5rem;
    }
    
    .service-card h3, .industry-card h3, .why-card h3, .tech-category h3 { font-size: 1rem; }
    .service-card p, .industry-card p, .why-card p { font-size: 0.9rem; }
    
    .process-step { padding: 1.5rem 1rem; }
    .contact-form { padding: 1.5rem; }
    .form-group input, .form-group textarea, .form-group select { padding: 0.7rem; font-size: 0.9rem; }
    .contact-info h3 { font-size: 1.2rem; margin-bottom: 1.5rem; }
    .contact-info-item { margin-bottom: 1.5rem; }
    .industry-tags { gap: 0.3rem; }
    .tag { padding: 0.2rem 0.6rem; font-size: 0.7rem; }
    .why-card .icon { font-size: 2.5rem; margin-bottom: 1rem; }
    .service-icon { font-size: 2rem; }
}

@media (max-width: 480px) {
    .nav-container { padding: 0.6rem 0.8rem; }
    .logo { font-size: 1rem; }
    .logo-img { height: 24px; width: 24px; }
    
    .hero {
        padding-top: 60px;
        min-height: 75vh;
        max-height: 100vh;
        background-size: 
            100% 100%,
            contain;
    }
    .hero::after, .hero::before { width: 200px; height: 200px; }
    .hero h1 { font-size: 1.5rem; margin-bottom: 0.8rem; line-height: 1.2; }
    .hero p { font-size: 0.95rem; margin-bottom: 1.2rem; }
    .hero-buttons { gap: 0.6rem; margin-bottom: 1.5rem; }
    .btn-primary, .btn-secondary { padding: 0.8rem 1.2rem; font-size: 0.9rem; border-radius: 6px; }
    .hero-stats { gap: 1rem; }
    .stat-item h3 { font-size: 1.8rem; }
    .stat-item p { font-size: 0.85rem; }
    
    section { padding: 2rem 0.8rem; }
    .section-header { margin-bottom: 2rem; }
    .section-header h2 { font-size: 1.5rem; }
    .section-header p { font-size: 0.95rem; }
    
    .service-card, .industry-card, .why-card, .tech-category, .testimonial-card {
        padding: 1.2rem;
    }
    
    .service-card h3, .industry-card h3 { font-size: 0.95rem; }
    .service-card p, .industry-card p, .why-card p { font-size: 0.85rem; line-height: 1.5; }
    .service-icon { font-size: 1.8rem; margin-bottom: 0.8rem; }
    .why-card .icon { font-size: 2rem; margin-bottom: 0.8rem; }
    .tech-list { gap: 0.6rem; }
    .tech-tag { padding: 0.4rem 0.8rem; font-size: 0.8rem; }
    .process-step { padding: 1rem; }
    .step-number { width: 45px; height: 45px; font-size: 1.2rem; margin: 0 auto 0.8rem; }
    .process-step h3 { font-size: 0.95rem; margin-bottom: 0.6rem; }
    .process-step p { font-size: 0.8rem; }
    
    .contact-form { padding: 1.2rem; }
    .form-group { margin-bottom: 1rem; }
    .form-group label { font-size: 0.85rem; }
    .form-group input, .form-group textarea, .form-group select { padding: 0.6rem; font-size: 0.9rem; }
    .form-group textarea { min-height: 100px; }
    
    .contact-info h3 { font-size: 1.1rem; margin-bottom: 1.2rem; }
    .contact-info-item { margin-bottom: 1.2rem; }
    .contact-info-item h4 { font-size: 0.95rem; }
    .contact-info-item p { font-size: 0.85rem; }
    
    .testimonial-card { padding: 1.2rem; }
    .testimonial-text { font-size: 0.85rem; }
    .testimonial-author { font-size: 0.9rem; }
    .testimonial-role { font-size: 0.8rem; }
    
    footer { padding: 1.5rem 0.8rem; font-size: 0.85rem; }
}