/* Shared homepage polish: clear mobile navigation and protect key content from the chat launcher. */
.modern-site .hero-copy .eyebrow {
    text-shadow: 0 1px 12px rgba(0, 0, 0, 0.68);
}

@media (max-width: 900px) {
    .modern-site nav {
        background-color: rgba(255, 250, 242, 0.99) !important;
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
    }
}

.modern-site:has(nav.open) .maya-webchat {
    visibility: hidden !important;
    pointer-events: none !important;
}

.modern-site .maya-webchat__launcher {
    transition: transform 140ms cubic-bezier(0.23, 1, 0.32, 1) !important;
}

.modern-site .maya-webchat__launcher:active {
    transform: scale(0.97) !important;
}

@media (min-width: 1181px) {
    .modern-site .maya-webchat__launcher {
        width: 60px !important;
        height: 60px !important;
        padding: 0 !important;
        right: 22px !important;
        top: 108px !important;
        bottom: auto !important;
        border-radius: 50% !important;
        justify-content: center !important;
    }

    .modern-site .maya-webchat__launcher-text,
    .modern-site .maya-webchat__badge {
        display: none !important;
    }

    .modern-site:not(.home-hero-visible) .maya-webchat__launcher {
        top: auto !important;
        bottom: 96px !important;
    }
}

@media (max-width: 1180px) {
    .modern-site .maya-webchat__launcher {
        bottom: calc(96px + env(safe-area-inset-bottom)) !important;
    }

    .modern-site:not(.home-ui-ready) .maya-webchat__launcher,
    .modern-site.home-hero-visible .maya-webchat__launcher {
        visibility: hidden !important;
        pointer-events: none !important;
    }
}

@media (max-width: 680px) {
    .modern-site .hero-proof {
        flex-direction: row !important;
        align-items: center !important;
        gap: 0.4rem !important;
        margin-top: 0.85rem !important;
        width: 100% !important;
        max-width: calc(100vw - 28px) !important;
        min-width: 0 !important;
    }

    .modern-site .hero-proof span {
        width: auto !important;
        max-width: calc(100vw - 28px) !important;
        flex: 0 1 auto !important;
        padding: 0.35rem 0.5rem !important;
        font-size: clamp(0.68rem, 3.1vw, 0.74rem) !important;
        line-height: 1.35 !important;
        text-align: center !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .modern-site .maya-webchat__launcher {
        transition: none !important;
    }
}