/* --- Dedicated Tablet Landscape / Mini Laptops Responsiveness (768px - 1024px landscape) --- */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    
    /* Global Typography & Spacing */
    h1, .headtitle { font-size: 4rem !important; margin: 30px 0 !important; }
    h2 { font-size: 2.2rem !important; }
    h3 { font-size: 1.8rem !important; }
    p { font-size: 1rem !important; }
    
    section { padding: 80px 0 !important; }
    .container { max-width: 95% !important; padding: 0 40px !important; }

    /* Header & Navigation */
    .floating-header {
        width: 90% !important;
        top: 20px !important;
    }
    
    .navbar-container {
        height: 70px !important;
        padding: 0 25px !important;
    }
    
    .logo { height: 45px !important; }
    
    .nav-links ul { gap: 15px !important; }
    .nav-links ul li a { font-size: 13px !important; }
    
    .btn-get-in-touch {
        padding: 8px 15px !important;
        font-size: 13px !important;
    }

    /* Hero Section */
    .hero {
        padding-top: 160px !important;
        min-height: auto !important;
    }
    
    .hero-content h2 {
        font-size: 2.2rem !important;
    }
    
    .hero-bottom-left h3 {
        font-size: 1.4rem !important;
        transform: none !important;
        max-width: 500px !important;
    }

    /* Feature Cards - 3 Columns */
    .feature-cards {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 20px !important;
    }
    
    .card { padding: 30px 20px !important; }
    .card h4 { font-size: 18px !important; }

    /* Vision & Mission */
    .vision-mission {
        gap: 40px !important;
    }
    
    .vm-item h4 { font-size: 18px !important; }

    /* Stats Section */
    .stats-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 30px !important;
    }
    
    .stat-value { font-size: 40px !important; }
    .stat-card { min-height: 220px !important; }

    /* Services Section - 3 Columns */
    .services-header h2 { font-size: 36px !important; }
    
    .s-card {
        flex: 0 0 calc(33.33% - 20px) !important;
        height: 420px !important;
    }
    
    .s-card.wide {
        flex: 0 0 calc(50% - 15px) !important;
    }
    
    .s-card-top h3 { font-size: 20px !important; }

    /* Project Stack Section */
    .stack-item {
        flex-direction: row !important;
        height: 450px !important;
    }
    
    .image-side { width: 50% !important; height: 100% !important; }
    .info-side { width: 50% !important; padding: 40px !important; }

    /* Footer Optimization */
    .footer-big-brand { font-size: 120px !important; }
    .footer-hero-text { font-size: 48px !important; }
    
    .footer-nav-grid {
        gap: 30px !important;
    }
}