/* ========================================================================
   MYSOFTINDIA MOBILE RESPONSIVE ADAPTATION LAYERS
======================================================================== */

@media (max-width: 1024px) {
    html { font-size: 15px; }
    .hero-container, .contact-container { grid-template-columns: 1fr; gap: 48px; }
    .hero-content { text-align: center; }
    .hero-badge { margin: 0 auto 24px auto; }
    .hero-actions { justify-content: center; }
    .about-container { grid-template-columns: 1fr; gap: 40px; }
    .about-content .section-title { text-align: center; }
    .about-text { text-align: center; }
}

@media (max-width: 768px) {
    section { padding: 75px 0; }
    .services-grid, .benefits-grid, .testimonials-grid { grid-template-columns: 1fr; gap: 24px; }
    .tech-grid { grid-template-columns: 1fr; }
    .stats-container { grid-template-columns: 1fr 1fr; gap: 32px; }
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }

    /* Mobile Hamburger Menu Overlays */
    .menu-toggle { display: flex; }
    .nav-links {
        position: absolute;
        top: 80px;
        left: 0;
        width: 100%;
        background-color: var(--bg-secondary);
        border-bottom: 1px solid var(--border-color);
        flex-direction: column;
        padding: 40px 24px;
        gap: 24px;
        transform: translateY(-110%);
        opacity: 0;
        visibility: hidden;
        transition: var(--transition-smooth);
        z-index: 999;
    }

    .nav-links.mobile-menu-active {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
    }

    .menu-toggle.open-state .hamburger-bar:nth-child(1) { transform: translateY(8px) rotate(45deg); }
    .menu-toggle.open-state .hamburger-bar:nth-child(2) { opacity: 0; }
    .menu-toggle.open-state .hamburger-bar:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
}

@media (max-width: 480px) {
    .top-header { display: none; }
    .hero-title { font-size: 2.4rem; }
    .product-card { padding: 24px; }
    .product-features { grid-template-columns: 1fr; }
    .stats-container { grid-template-columns: 1fr; }
    .logos-wrapper { flex-wrap: wrap; justify-content: center; }
    .footer-grid { grid-template-columns: 1fr; }
}