@media (max-width:992px) {
    /* Navbar and .landing-hero* mobile rules now live in the inline
       critical-CSS <style> block in each landing page's <head> — removed
       here to avoid maintaining them twice. Edit the inline block if you
       need to change header/hero styling. */

    .landing-discover {
        aspect-ratio: auto;
        min-height: 0;
        padding: 50px 0 0
    }

    .landing-discover>div {
        display: flex;
        flex-direction: column
    }

    .landing-discover-bg {
        display: none
    }

    .landing-discover-content {
        order: 1;
        display: flex;
        flex-direction: column;
        margin: 0;
        max-width: 100%;
        padding: 0 0 30px
    }

    .landing-discover-content .landing-eyebrow {
        order: 1;
        padding: 0 6%;
        text-align: center
    }

    .landing-discover-content h2 {
        order: 3;
        padding: 0 6%;
        font-size: 28px
    }

    .landing-discover-content .lead {
        order: 4;
        padding: 0 6%;
        font-size: 15px;
        text-align: center
    }

    .landing-discover-content .sub,
    .landing-discover-content .highlight {
        order: 4;
        padding: 0 6%;
        max-width: none;
        font-size: 15px;
        text-align: center
    }

    .landing-discover-content .orange-btn {
        order: 4;
        align-self: center;
        width: auto;
        font-size: 14px;
        padding: 13px 26px
    }

    .landing-discover-mobile-img {
        display: block;
        order: 2;
        width: 100vw;
        max-width: none;
        padding: 0;
        border-radius: 0;
        overflow: hidden;
        margin: 20px
    }

    .landing-discover-mobile-img img {
        width: 100%;
        height: auto;
        display: block
    }

    /* .landing-hero-content and its children (badge/h1/p/primary-btn) are
       covered by the inline critical CSS block — removed here. */

    .landing-discover-content h2 {
        max-width: 100%
    }

    .landing-discover-content h2,
    .landing-logos h2,
    .landing-features-header h2,
    .landing-features-header h4,
    .landing-testimonials h2,
    .landing-faq-content h2,
    .landing-cta-content h2 {
        text-align: center
    }

    .landing-stats-inner {
        justify-content: center;
        text-align: center;
        padding: 20px 16px;
        gap: 14px
    }

    .landing-stats-label {
        max-width: 100%;
        text-align: center;
        font-size: 12px
    }

    .stat-item {
        padding: 0 20px
    }

    .stat-item strong {
        font-size: 22px
    }

    .stat-item span {
        font-size: 12px
    }

    .landing-faq-inner {
        flex-direction: column;
        gap: 30px
    }

    .landing-faq-content {
        max-width: 100%
    }

    .landing-cta-card {
        flex-direction: column;
        padding: 40px;
        gap: 35px
    }

    .landing-cta-content,
    .landing-cta-form {
        max-width: 100%;
        width: 100%
    }

    .landing-features-header h2 {
        font-size: 30px
    }

    .landing-features-panel {
        align-items: flex-start;
        gap: 12px;
        padding: 14px
    }

    .landing-features-tabs {
        flex: 0 0 56px;
        gap: 6px;
        padding: 8px 12px 8px 8px;
        max-height: 166px;
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: #cbd8e6 transparent
    }

    .landing-features-tabs::-webkit-scrollbar {
        width: 4px
    }

    .landing-features-tabs::-webkit-scrollbar-track {
        background: transparent
    }

    .landing-features-tabs::-webkit-scrollbar-thumb {
        background: #cbd8e6;
        border-radius: 4px
    }

    .feature-tab {
        padding: 12px 4px;
        justify-content: center;
        border-radius: 10px
    }

    .feature-tab span {
        gap: 0;
        font-size: 0
    }

    .feature-tab span i {
        font-size: 18px
    }

    .feature-tab .fa-arrow-right {
        display: none
    }

    .testimonial-grid {
        grid-template-columns: 1fr
    }
}

@media (max-width:992px) and (orientation:landscape) {
    .landing-features-tabs {
        max-height: none;
        overflow-y: visible
    }
}

@media (max-width:576px) {
    .landing-hero-content h1 {
        font-size: 30px
    }

    .landing-discover-content h2 {
        font-size: 22px
    }

    .stat-item {
        padding: 0 14px
    }

    .stat-item strong {
        font-size: 18px
    }

    .stat-item span {
        font-size: 11px
    }

    .landing-stats-label {
        font-size: 11px
    }

    .landing-faq-content h2 {
        font-size: 28px
    }

    .landing-cta-card {
        padding: 28px
    }

    .landing-cta-content h2 {
        font-size: 26px
    }

    .form-row {
        grid-template-columns: 1fr
    }

    .landing-features-header h2 {
        font-size: 26px
    }

    .landing-testimonials {
        padding: 50px 20px;
        border-radius: 20px
    }

    .landing-testimonials h2 {
        font-size: 28px
    }
}