/* ==========================================================
   FAUNA USA — V13
   Managed Employee Training
   ========================================================== */

.us-v13 .hero-v12 h1 {
    max-width: 900px;
}

.us-v13 .hero-v12 h1 strong {
    display: block;
}

.us-v13 .hero-v12-description {
    max-width: 720px;
}


/* ==========================================================
   MANAGED POSITIONING
   ========================================================== */

.managed-v13-section {
    padding: 112px 0;
    background:
        linear-gradient(
            180deg,
            #f8fafc 0%,
            #ffffff 100%
        );
}

.managed-v13-heading {
    display: grid;
    grid-template-columns:
        minmax(0, 1.1fr)
        minmax(320px, .9fr);
    gap: 72px;
    align-items: end;
    margin-bottom: 58px;
}

.managed-v13-heading h2 {
    margin: 14px 0 0;
    max-width: 720px;
    font-size: clamp(2.4rem, 4vw, 4.6rem);
    line-height: .98;
    letter-spacing: -.055em;
    color: #0b1020;
}

.managed-v13-heading h2 strong {
    display: block;
    color: #5468ff;
    font-weight: inherit;
}

.managed-v13-heading > p {
    margin: 0;
    max-width: 600px;
    font-size: 1.06rem;
    line-height: 1.8;
    color: #667085;
}

.managed-v13-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border: 1px solid #e7eaf0;
    border-radius: 28px;
    overflow: hidden;
    background: #fff;
    box-shadow:
        0 24px 80px rgba(15, 23, 42, .06);
}

.managed-v13-grid article {
    min-height: 310px;
    padding: 36px 34px 40px;
}

.managed-v13-grid article + article {
    border-left: 1px solid #e7eaf0;
}

.managed-v13-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 30px;
    margin-bottom: 54px;
    border-radius: 999px;
    background: #eef1ff;
    color: #4355db;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .08em;
}

.managed-v13-grid h3 {
    margin: 0 0 14px;
    font-size: 1.32rem;
    line-height: 1.2;
    letter-spacing: -.025em;
    color: #101828;
}

.managed-v13-grid p {
    margin: 0;
    color: #667085;
    line-height: 1.72;
}

.managed-v13-action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    margin-top: 28px;
    padding: 24px 28px;
    border-radius: 22px;
    background: #0b1020;
    color: #fff;
}

.managed-v13-action > div {
    display: grid;
    gap: 5px;
}

.managed-v13-action small {
    color: #a9b2c5;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.managed-v13-action strong {
    font-size: 1.08rem;
}


/* ==========================================================
   CONTENT READINESS
   ========================================================== */

.us-v13 .content-v12-section h2 strong {
    color: #5468ff;
    font-weight: inherit;
}

.us-v13 .content-v12-section {
    position: relative;
}

.us-v13 .content-v12-section::before {
    content: "";
    position: absolute;
    width: 360px;
    height: 360px;
    right: -140px;
    top: 60px;
    border-radius: 50%;
    background:
        radial-gradient(
            circle,
            rgba(84, 104, 255, .09),
            rgba(84, 104, 255, 0) 68%
        );
    pointer-events: none;
}


/* ==========================================================
   PRICING
   ========================================================== */

.us-v13 .pricing-launch-note-v13 {
    display: grid;
    grid-template-columns:
        minmax(220px, .7fr)
        minmax(0, 1.3fr);
    gap: 40px;
    align-items: center;
    margin: 34px 0 22px;
    padding: 24px 28px;
    border: 1px solid rgba(84, 104, 255, .18);
    border-radius: 20px;
    background: rgba(84, 104, 255, .055);
}

.us-v13 .pricing-launch-note-v13 > div {
    display: grid;
    gap: 5px;
}

.us-v13 .pricing-launch-note-v13 span {
    color: #5468ff;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.us-v13 .pricing-launch-note-v13 strong {
    color: #101828;
    font-size: 1rem;
}

.us-v13 .pricing-launch-note-v13 p {
    margin: 0;
    color: #667085;
    line-height: 1.65;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 960px) {

    .managed-v13-section {
        padding: 88px 0;
    }

    .managed-v13-heading {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .managed-v13-grid {
        grid-template-columns: 1fr;
    }

    .managed-v13-grid article {
        min-height: 0;
    }

    .managed-v13-grid article + article {
        border-left: 0;
        border-top: 1px solid #e7eaf0;
    }

    .managed-v13-number {
        margin-bottom: 32px;
    }

    .us-v13 .pricing-launch-note-v13 {
        grid-template-columns: 1fr;
        gap: 14px;
    }

}

@media (max-width: 640px) {

    .managed-v13-section {
        padding: 68px 0;
    }

    .managed-v13-heading {
        margin-bottom: 34px;
    }

    .managed-v13-heading h2 {
        font-size: clamp(2.2rem, 11vw, 3.2rem);
    }

    .managed-v13-grid {
        border-radius: 22px;
    }

    .managed-v13-grid article {
        padding: 28px 24px 30px;
    }

    .managed-v13-action {
        align-items: stretch;
        flex-direction: column;
        padding: 24px;
    }

    .managed-v13-action .button {
        width: 100%;
    }

    .us-v13 .pricing-launch-note-v13 {
        padding: 22px;
    }

}


/* ==========================================================
   FAUNA USA — V13.1
   Product clarity
   ========================================================== */


/* HERO ---------------------------------------------------- */

.us-v13 .hero-v12-copy {
    max-width: 610px;
}

.us-v13 .hero-v12 h1 {
    max-width: 610px;
    font-size: clamp(3.8rem, 5.15vw, 5.8rem);
    line-height: .92;
    letter-spacing: -.065em;
}

.us-v13 .hero-v12 h1 strong {
    display: block;
}

.us-v13 .hero-v12-lead {
    max-width: 590px;
}

.us-v13 .hero-v12-description {
    max-width: 570px;
}


/* MANAGED ------------------------------------------------- */

.us-v13 .managed-v13-section {
    padding-top: 82px;
    padding-bottom: 96px;
}

.us-v13 .managed-v13-heading {
    margin-bottom: 48px;
}

.us-v13 .managed-v13-heading h2 {
    max-width: 650px;
    font-size: clamp(2.7rem, 4vw, 4.25rem);
    line-height: .98;
}

.us-v13 .managed-v13-heading h2 strong {
    display: block;
}

.us-v13 .managed-v13-grid article {
    min-height: 285px;
}


/* LARGE DESKTOP ------------------------------------------ */

@media (min-width: 1450px) {

    .us-v13 .hero-v12 h1 {
        font-size: 5.45rem;
    }

}


/* TABLET -------------------------------------------------- */

@media (max-width: 960px) {

    .us-v13 .managed-v13-section {
        padding-top: 72px;
        padding-bottom: 78px;
    }

}


/* MOBILE -------------------------------------------------- */

@media (max-width: 640px) {

    .us-v13 .hero-v12 h1 {
        max-width: none;
        font-size: clamp(3rem, 14vw, 4rem);
        line-height: .92;
    }

    .us-v13 .managed-v13-section {
        padding-top: 58px;
        padding-bottom: 66px;
    }

}

/* ==========================================================
   FAUNA USA — V13.2 START
   Visual scale / overflow / readability
   ========================================================== */


/* ----------------------------------------------------------
   VIEWPORT / OVERFLOW
   ---------------------------------------------------------- */

html {
    max-width: 100%;
    overflow-x: hidden;
    overflow-x: clip;
}

body.us-v13 {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    overflow-x: clip;
}

.us-v13 .hero-v12,
.us-v13 .managed-v13-section,
.us-v13 .product-experience-section,
.us-v13 .operations-v12-section,
.us-v13 .content-v12-section,
.us-v13 .how-v12-section,
.us-v13 .public-pricing-section,
.us-v13 .decision-v12-section {
    max-width: 100%;
}

.us-v13 .content-v12-section {
    overflow: hidden;
    overflow: clip;
}

/*
 * Decorative glow must never enlarge the page canvas.
 */
.us-v13 .content-v12-section::before {
    right: -80px;
}

/*
 * Grid children default to min-width:auto.
 * min-width:0 prevents content from forcing
 * the overall page wider than the viewport.
 */
.us-v13 .hero-v12-grid > *,
.us-v13 .managed-v13-heading > *,
.us-v13 .managed-v13-grid > *,
.us-v13 .section-heading-v12 > *,
.us-v13 .operations-v12-grid > *,
.us-v13 .content-v12-grid > *,
.us-v13 .decision-v12-grid > *,
.us-v13 .pricing-intro > * {
    min-width: 0;
}

.us-v13 .hero-product-v12,
.us-v13 .product-stage,
.us-v13 .role-product-shell,
.us-v13 .role-screen,
.us-v13 .system-console,
.us-v13 .library-v12,
.us-v13 .pricing-ledger {
    max-width: 100%;
}

.us-v13 .browser-address,
.us-v13 .console-tenant strong {
    overflow-wrap: anywhere;
}


/* ----------------------------------------------------------
   HEADER
   ---------------------------------------------------------- */

.us-v13 .desktop-nav a,
.us-v13 .header-signin {
    font-size: 14px;
}

.us-v13 .button-small {
    font-size: 14px;
}


/* ----------------------------------------------------------
   HERO
   ---------------------------------------------------------- */

.us-v13 .hero-v12-copy {
    max-width: 600px;
}

.us-v13 .hero-v12 h1 {
    max-width: 600px;

    font-size:
        clamp(
            3.55rem,
            4.55vw,
            4.65rem
        );

    line-height: .94;
    letter-spacing: -.058em;
}

.us-v13 .hero-v12-lead {
    max-width: 570px;

    font-size: 18px;
    line-height: 1.5;
}

.us-v13 .hero-v12-description {
    max-width: 560px;

    font-size: 16px;
    line-height: 1.65;
}

.us-v13 .hero-v12-proof {
    font-size: 12px;
}


/* ----------------------------------------------------------
   KICKERS / SIGNALS
   ---------------------------------------------------------- */

.us-v13 .section-kicker-v12,
.us-v13 .section-kicker,
.us-v13 .question-kicker,
.us-v13 .signal-label {
    font-size: 11.5px;
    line-height: 1.25;

    letter-spacing: .12em;
}

.us-v13 .signal-strip .container {
    min-width: 0;
}

.us-v13 .signal-strip .container > span {
    font-size: 11.5px;
}

.us-v13 .signal-strip .container > div {
    min-width: 0;

    flex-wrap: wrap;

    row-gap: 6px;
}

.us-v13 .signal-strip strong {
    font-size: 12.5px;
}


/* ----------------------------------------------------------
   MANAGED BY FAUNA
   ---------------------------------------------------------- */

.us-v13 .managed-v13-section {
    padding-top: 66px;
    padding-bottom: 82px;
}

.us-v13 .managed-v13-heading {
    gap: 52px;
    margin-bottom: 38px;
}

.us-v13 .managed-v13-heading h2 {
    max-width: 580px;

    font-size:
        clamp(
            2.65rem,
            3.5vw,
            3.55rem
        );

    line-height: .98;
    letter-spacing: -.05em;
}

.us-v13 .managed-v13-heading > p {
    max-width: 570px;

    font-size: 16.5px;
    line-height: 1.68;
}

.us-v13 .managed-v13-grid {
    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );
}

.us-v13 .managed-v13-grid article {
    min-height: 245px;

    padding:
        30px
        32px
        34px;
}

.us-v13 .managed-v13-number {
    margin-bottom: 30px;

    font-size: 11px;
}

.us-v13 .managed-v13-grid h3 {
    margin-bottom: 12px;

    font-size: 20px;
    line-height: 1.25;
}

.us-v13 .managed-v13-grid p {
    font-size: 15.5px;
    line-height: 1.66;
}

.us-v13 .managed-v13-action {
    margin-top: 22px;
}


/* ----------------------------------------------------------
   GLOBAL SECTION TYPOGRAPHY
   ---------------------------------------------------------- */

.us-v13 .section-heading-v12 h2,
.us-v13 .operations-v12-copy h2,
.us-v13 .content-v12-section h2,
.us-v13 .decision-v12-section h2,
.us-v13 .pricing-intro h2 {
    font-size:
        clamp(
            2.45rem,
            3.35vw,
            3.45rem
        );

    line-height: 1;
    letter-spacing: -.045em;
}

.us-v13 .section-heading-v12 > p,
.us-v13 .operations-v12-copy > p,
.us-v13 .content-v12-grid
> div:first-child > p,
.us-v13 .pricing-intro p,
.us-v13 .decision-card > p {
    font-size: 16px;
    line-height: 1.68;
}


/* ----------------------------------------------------------
   PRODUCT EXPERIENCE
   ---------------------------------------------------------- */

.us-v13 .role-copy > span {
    font-size: 11px;
}

.us-v13 .role-copy h3 {
    font-size:
        clamp(
            1.65rem,
            2vw,
            2rem
        );

    line-height: 1.08;
}

.us-v13 .role-copy p,
.us-v13 .role-copy li {
    font-size: 15px;
    line-height: 1.6;
}


/* ----------------------------------------------------------
   OPERATIONS
   ---------------------------------------------------------- */

.us-v13 .operations-map article strong {
    font-size: 15px;
}

.us-v13 .operations-map article p {
    font-size: 13.5px;
    line-height: 1.55;
}

.us-v13 .operations-map article small {
    font-size: 10px;
}


/* ----------------------------------------------------------
   CONTENT LIBRARY
   ---------------------------------------------------------- */

.us-v13 .content-format-list span {
    font-size: 12px;
}

.us-v13 .content-v12-grid
> div:first-child > small {
    font-size: 12.5px;
    line-height: 1.55;
}

.us-v13 .library-v12 article strong {
    font-size: 14px;
}

.us-v13 .library-v12 article small,
.us-v13 .library-v12 article > i {
    font-size: 11.5px;
}


/* ----------------------------------------------------------
   HOW IT WORKS
   ---------------------------------------------------------- */

.us-v13 .journey-line article > span {
    font-size: 11px;
}

.us-v13 .journey-line article > strong {
    font-size: 17px;
}

.us-v13 .journey-line article > p {
    font-size: 14px;
    line-height: 1.58;
}


/* ----------------------------------------------------------
   PRICING
   ---------------------------------------------------------- */

.us-v13 .pricing-ledger-head {
    font-size: 11.5px;
}

.us-v13 .pricing-ledger-row > div:first-child strong {
    font-size: 15px;
}

.us-v13 .pricing-ledger-row > p {
    font-size: 14px;
    line-height: 1.55;
}

.us-v13 .pricing-number strong {
    font-size: 20px;
}

.us-v13 .pricing-number small {
    font-size: 11.5px;
}

.us-v13 .pricing-action {
    font-size: 13px;
}

.us-v13 .pricing-footnote {
    font-size: 12.5px;
    line-height: 1.55;
}


/* ----------------------------------------------------------
   FAQ
   ---------------------------------------------------------- */

.us-v13 .faq-question {
    font-size: 15px;
}

.us-v13 .faq-answer p {
    font-size: 14.5px;
    line-height: 1.62;
}


/* ----------------------------------------------------------
   FAUNA ADVISOR — READABILITY
   ---------------------------------------------------------- */

/*
 * Previous values were:
 * message 11px
 * prompt 8px
 * input 11px
 * footer 7px
 *
 * Those sizes are too small for a commercial UI.
 */

.fauna-advisor-dialog {
    width:
        min(
            420px,
            calc(100vw - 32px)
        );
}

.fauna-advisor-identity strong {
    font-size: 14px;
}

.fauna-advisor-identity small {
    font-size: 11px;
}

.fauna-advisor-message > div {
    font-size: 13.5px;
    line-height: 1.55;
}

.fauna-advisor-prompts {
    display: flex;

    flex-wrap: wrap;

    gap: 7px;

    overflow-x: visible;

    padding:
        0
        16px
        12px;
}

.fauna-advisor-prompts button {
    flex:
        0
        1
        auto;

    max-width: 100%;

    white-space: normal;
    overflow-wrap: anywhere;

    padding:
        8px
        11px;

    font-size: 11.5px;
    line-height: 1.25;

    text-align: left;
}

.fauna-advisor-form textarea {
    min-height: 38px;

    font-size: 13px;
    line-height: 1.45;
}

.fauna-advisor-footer {
    font-size: 9.5px;
}

.fauna-advisor-launcher-copy strong {
    font-size: 13px;
}

.fauna-advisor-launcher-copy small {
    font-size: 10px;
}

.configurator
.advisor-inline-help {
    font-size: 11.5px;
}

.configurator
.advisor-inline-help > span {
    font-size: 10px;
}


/* ----------------------------------------------------------
   DESKTOP MEDIUM
   ---------------------------------------------------------- */

@media (max-width: 1180px) {

    .us-v13 .hero-v12 h1 {
        font-size:
            clamp(
                3.35rem,
                5.3vw,
                4.2rem
            );
    }

    .us-v13 .managed-v13-heading h2 {
        font-size:
            clamp(
                2.5rem,
                4.4vw,
                3.25rem
            );
    }

}


/* ----------------------------------------------------------
   TABLET
   ---------------------------------------------------------- */

@media (max-width: 960px) {

    .us-v13 .managed-v13-section {
        padding-top: 58px;
        padding-bottom: 68px;
    }

    .us-v13 .managed-v13-heading {
        gap: 22px;
        margin-bottom: 32px;
    }

    .us-v13 .managed-v13-grid {
        grid-template-columns: 1fr;
    }

    .us-v13 .managed-v13-grid article {
        min-height: 0;
    }

    .us-v13 .managed-v13-number {
        margin-bottom: 22px;
    }

}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width: 640px) {

    .us-v13 .hero-v12 h1 {
        max-width: none;

        font-size:
            clamp(
                2.85rem,
                12.7vw,
                3.55rem
            );

        line-height: .95;
    }

    .us-v13 .hero-v12-lead {
        font-size: 17px;
    }

    .us-v13 .hero-v12-description {
        font-size: 15.5px;
    }

    .us-v13 .section-heading-v12 h2,
    .us-v13 .operations-v12-copy h2,
    .us-v13 .content-v12-section h2,
    .us-v13 .decision-v12-section h2,
    .us-v13 .pricing-intro h2,
    .us-v13 .managed-v13-heading h2 {
        font-size:
            clamp(
                2.15rem,
                10vw,
                2.75rem
            );
    }

    .us-v13 .managed-v13-section {
        padding-top: 48px;
        padding-bottom: 58px;
    }

    .us-v13 .managed-v13-grid article {
        padding:
            26px
            23px
            28px;
    }

    .fauna-advisor-dialog {
        width: 100%;
    }

    .fauna-advisor-message > div {
        font-size: 14px;
    }

    .fauna-advisor-prompts button {
        font-size: 12px;
    }

    .fauna-advisor-form textarea {
        font-size: 14px;
    }

}


/* ==========================================================
   FAUNA USA — V13.2 END
   ========================================================== */


/* ==========================================================
   FAUNA USA — V13.2.1
   Hero composition + vertical rhythm
   ========================================================== */


/* ----------------------------------------------------------
   DESKTOP HERO
   ---------------------------------------------------------- */

@media (min-width: 1101px) {

    .us-v13 .hero-v12 {
        min-height: 0;

        padding-top: 66px;
        padding-bottom: 58px;
    }

    .us-v13 .hero-v12-grid {
        grid-template-columns:
            minmax(500px, .96fr)
            minmax(0, 1.14fr);

        gap:
            clamp(
                46px,
                4vw,
                66px
            );

        align-items: center;
    }

    .us-v13 .hero-v12-copy {
        max-width: 620px;
    }

    .us-v13 .hero-v12 h1 {
        max-width: 620px;

        font-size:
            clamp(
                3.35rem,
                3.95vw,
                3.95rem
            );

        line-height: .94;
        letter-spacing: -.056em;
    }

    .us-v13 .hero-v12-lead {
        max-width: 570px;

        font-size: 17px;
        line-height: 1.5;
    }

    .us-v13 .hero-v12-description {
        max-width: 555px;

        font-size: 15.5px;
        line-height: 1.62;
    }

    .us-v13 .hero-product-v12 {
        min-width: 0;
        max-width: 100%;
    }

}


/* ----------------------------------------------------------
   LARGE DESKTOP
   Keep the headline controlled even on wide monitors.
   ---------------------------------------------------------- */

@media (min-width: 1450px) {

    .us-v13 .hero-v12 h1 {
        font-size: 3.95rem;
    }

}


/* ----------------------------------------------------------
   SECTION RHYTHM
   ---------------------------------------------------------- */

.us-v13 .managed-v13-section {
    padding-bottom: 58px;
}

.us-v13 .product-experience-section {
    padding-top: 70px;
}


/* ----------------------------------------------------------
   PREVENT OLD V13.1 LARGE-DESKTOP OVERRIDE
   ---------------------------------------------------------- */

@media (min-width: 1450px) {

    .us-v13 .hero-v12 h1 {
        font-size: 3.95rem;
    }

}


/* ==========================================================
   END V13.2.1
   ========================================================== */


/* ==========================================================
   FAUNA USA — V13.3
   Configurator + contextual Advisor
   ========================================================== */


/* ----------------------------------------------------------
   CONTEXT CARD
   ---------------------------------------------------------- */

.fauna-advisor-context-v13 {
    display: none;

    padding:
        15px
        18px
        16px;

    border-bottom:
        1px solid
        rgba(
            16,
            21,
            34,
            .08
        );

    background:
        linear-gradient(
            180deg,
            #f7f8ff 0%,
            #ffffff 100%
        );
}


.fauna-advisor-contextual-dialog
.fauna-advisor-context-v13 {
    display: block;
}


.fauna-advisor-context-kicker-v13 {
    display: block;

    margin-bottom: 5px;

    color: #4f66ff;

    font-size: 10px;
    line-height: 1.2;

    font-weight: 800;

    letter-spacing: .1em;
    text-transform: uppercase;
}


.fauna-advisor-context-v13
> strong {
    display: block;

    color: #101522;

    font-size: 15px;
    line-height: 1.3;
}


.fauna-advisor-context-v13
> p {
    margin:
        7px
        0
        0;

    color: #687386;

    font-size: 12.5px;
    line-height: 1.5;
}


.fauna-advisor-context-prompts-v13 {
    display: flex;

    flex-wrap: wrap;

    gap: 6px;

    margin-top: 12px;
}


.fauna-advisor-context-prompts-v13
button {
    max-width: 100%;

    padding:
        6px
        9px;

    border:
        1px solid
        rgba(
            79,
            102,
            255,
            .15
        );

    border-radius: 7px;

    background: #fff;

    color: #4b5870;

    font-size: 10.5px;
    line-height: 1.25;

    cursor: pointer;

    transition:
        border-color 140ms ease,
        background 140ms ease,
        color 140ms ease;
}


.fauna-advisor-context-prompts-v13
button:hover {
    border-color:
        rgba(
            79,
            102,
            255,
            .36
        );

    background: #f9faff;

    color: #304bd9;
}


/* ----------------------------------------------------------
   DESKTOP SIDECAR
   ---------------------------------------------------------- */

@media (min-width: 1100px) {

    body.fauna-advisor-contextual
    .configurator[open] {
        width:
            min(
                900px,
                calc(
                    100vw -
                    470px
                )
            );

        max-width:
            calc(
                100vw -
                470px
            );

        transform:
            translateX(
                clamp(
                    -190px,
                    -12vw,
                    -140px
                )
            );

        transition:
            transform 180ms ease,
            width 180ms ease;
    }


    .fauna-advisor-dialog
    .fauna-advisor-context-v13 {
        flex: 0 0 auto;
    }


    .fauna-advisor-dialog
    .fauna-advisor-context-v13
    + .fauna-advisor-messages {
        min-height: 0;
    }


    .fauna-advisor-contextual-dialog {
        inset:
            50%
            22px
            auto
            auto;

        width:
            min(
                400px,
                28vw
            );

        height:
            min(
                650px,
                calc(
                    100vh -
                    64px
                )
            );

        transform:
            translateY(-50%);
    }


    .fauna-advisor-contextual-dialog::backdrop {
        background:
            rgba(
                10,
                15,
                27,
                .08
            );

        backdrop-filter:
            none;
    }


    .fauna-advisor-contextual-dialog
    .fauna-advisor-panel {
        grid-template-rows:
            auto
            auto
            minmax(0, 1fr)
            auto
            auto
            auto;
    }

}


/* ----------------------------------------------------------
   TABLET
   ---------------------------------------------------------- */

@media (
    min-width: 701px
)
and (
    max-width: 1099px
) {

    .fauna-advisor-contextual-dialog {
        inset:
            50%
            20px
            auto
            auto;

        width:
            min(
                420px,
                calc(
                    100vw -
                    40px
                )
            );

        height:
            min(
                650px,
                calc(
                    100vh -
                    40px
                )
            );

        transform:
            translateY(-50%);
    }


    .fauna-advisor-contextual-dialog
    .fauna-advisor-panel {
        grid-template-rows:
            auto
            auto
            minmax(0, 1fr)
            auto
            auto
            auto;
    }

}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width: 700px) {

    .fauna-advisor-contextual-dialog {
        inset:
            auto
            0
            0
            0;

        width: 100%;

        height:
            min(
                82dvh,
                720px
            );

        transform: none;

        border-radius:
            22px
            22px
            0
            0;
    }


    .fauna-advisor-contextual-dialog::backdrop {
        background:
            rgba(
                10,
                15,
                27,
                .2
            );

        backdrop-filter:
            blur(2px);
    }


    .fauna-advisor-contextual-dialog
    .fauna-advisor-panel {
        grid-template-rows:
            auto
            auto
            minmax(0, 1fr)
            auto
            auto
            auto;

        border-radius:
            22px
            22px
            0
            0;
    }


    .fauna-advisor-context-v13 {
        padding:
            13px
            15px
            14px;
    }


    .fauna-advisor-context-prompts-v13 {
        display: none;
    }

}


/* ==========================================================
   END V13.3
   ========================================================== */


/* ==========================================================
   FAUNA USA — V13.3.1
   Header / hero breathing room
   ========================================================== */

@media (min-width: 1101px) {

    /*
     * Redistribute existing vertical space:
     *
     * Before:
     * top    66px
     * bottom 58px
     *
     * Now:
     * top    84px
     * bottom 40px
     *
     * Total height remains essentially unchanged.
     */

    .us-v13 .hero-v12 {
        padding-top: 84px;
        padding-bottom: 40px;
    }

}


/* Slightly tighter on medium desktop */

@media (min-width: 1101px) and (max-width: 1280px) {

    .us-v13 .hero-v12 {
        padding-top: 78px;
        padding-bottom: 46px;
    }

}


/* ==========================================================
   END V13.3.1
   ========================================================== */


/* ==========================================================
   FAUNA USA — V13.3.2
   Contextual Advisor should feel like a sidecar,
   not a second modal blocking the configurator.
   ========================================================== */

@media (min-width: 701px) {

    .fauna-advisor-contextual-dialog::backdrop {
        background:
            rgba(
                10,
                15,
                27,
                .025
            );

        backdrop-filter: none;
    }

    body.fauna-advisor-contextual
    .configurator[open] {
        opacity: 1;
        filter: none;
    }

}


/* Keep stronger separation on mobile */

@media (max-width: 700px) {

    .fauna-advisor-contextual-dialog::backdrop {
        background:
            rgba(
                10,
                15,
                27,
                .20
            );

        backdrop-filter:
            blur(2px);
    }

}


/* ==========================================================
   END V13.3.2
   ========================================================== */