@media (max-width: 991px) {
    .main-nav {
        position: absolute;
        inset: calc(100% + 12px) 1rem auto 1rem;
        display: none;
        flex-direction: column;
        background: #ffffff;
        border-radius: 20px;
        padding: 18px;
        box-shadow: 0 18px 45px rgba(17, 17, 17, 0.12);
    }

    .main-nav.is-open {
        display: flex;
    }

    .nav-toggle {
        display: inline-flex;
    }

    .btn-header {
        display: none;
    }

    .hero-grid,
    .featured-card,
    .testimonials-layout,
    .company-grid,
    .admin-grid,
    .footer-grid,
    .quote-form {
        grid-template-columns: 1fr;
    }

    .benefit-grid,
    .diff-grid,
    .quality-grid,
    .steps-grid,
    .stats-grid {
        grid-template-columns: 1fr 1fr;
    }

    .featured-side,
    .hero-scroll {
        display: none;
    }

    .admin-shell {
        grid-template-columns: 1fr;
    }

    .admin-sidebar {
        position: static;
    }
}

@media (max-width: 640px) {
    .container {
        width: min(100% - 28px, 1120px);
    }

    .hero-copy h1,
    .testimonials-cta h2,
    .section-heading h2,
    .support-section h2 {
        font-size: 2rem;
    }

    .benefit-grid,
    .diff-grid,
    .quality-grid,
    .steps-grid,
    .stats-grid {
        grid-template-columns: 1fr;
    }
}