/*
|--------------------------------------------------------------------------
| BLUEZONE HOME AUDIT V4
|--------------------------------------------------------------------------
| Fully isolated.
|--------------------------------------------------------------------------
*/

.bza-audit-v4 {
    position: relative;
    width: 100%;
    padding: 82px 20px;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 82% 12%,
            rgba(103, 76, 224, 0.12),
            transparent 32%
        ),
        radial-gradient(
            circle at 12% 85%,
            rgba(42, 101, 255, 0.07),
            transparent 28%
        ),
        #f8f9fd;
}


.bza-audit-v4::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.32;
    background-image:
        linear-gradient(
            rgba(28, 32, 55, 0.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(28, 32, 55, 0.035) 1px,
            transparent 1px
        );
    background-size: 40px 40px;
}


.bza-audit-v4__shell {
    position: relative;
    z-index: 2;
    width: min(1040px, 100%);
    margin: 0 auto;
}


.bza-audit-v4__desktop {
    width: 100%;
}


.bza-audit-v4__heading {
    max-width: 790px;
    margin: 0 auto;
    text-align: center;
}


.bza-audit-v4__badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 13px;
    margin-bottom: 18px;
    border: 1px solid rgba(92, 68, 218, 0.13);
    border-radius: 999px;
    color: #644ade;
    background: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    font-weight: 800;
}


.bza-audit-v4__badge-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #674fe0;
    box-shadow:
        0 0 0 4px rgba(103, 79, 224, 0.11);
}


.bza-audit-v4__heading h2 {
    margin: 0;
    color: #141625;
    font-size: clamp(42px, 4vw, 62px);
    line-height: 1.1;
    letter-spacing: -1.7px;
    font-weight: 900;
}


.bza-audit-v4__heading h2 span {
    color: #654bdd;
}


.bza-audit-v4__heading p {
    max-width: 760px;
    margin: 22px auto 0;
    color: #656a7b;
    font-size: 17px;
    line-height: 1.95;
    font-weight: 500;
}


.bza-audit-v4__card {
    position: relative;
    width: min(720px, 100%);
    margin: 37px auto 0;
    padding: 30px;
    border: 1px solid rgba(57, 48, 125, 0.10);
    border-radius: 28px;
    background:
        rgba(255, 255, 255, 0.94);
    box-shadow:
        0 28px 70px rgba(42, 37, 77, 0.12);
}


.bza-audit-v4__card-head {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 24px;
    text-align: right;
}


.bza-audit-v4__scanner-mini {
    width: 50px;
    height: 50px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 15px;
    color: #fff;
    background:
        linear-gradient(
            135deg,
            #7159e3,
            #5038c7
        );
    box-shadow:
        0 12px 25px rgba(82, 57, 199, 0.25);
}


.bza-audit-v4__scanner-mini svg {
    width: 25px;
    height: 25px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}


.bza-audit-v4__card-head span {
    display: block;
    color: #999dac;
    font-size: 10px;
    letter-spacing: 1px;
    font-weight: 800;
    text-transform: uppercase;
}


.bza-audit-v4__card-head strong {
    display: block;
    margin-top: 3px;
    color: #191b29;
    font-size: 22px;
    font-weight: 900;
}


.bza-audit-v4__form label {
    display: block;
    margin-bottom: 8px;
    color: #373a49;
    font-size: 13px;
    font-weight: 800;
}


.bza-audit-v4__input {
    display: flex;
    align-items: center;
    height: 61px;
    overflow: hidden;
    border: 1.5px solid #e0e2eb;
    border-radius: 16px;
    background: #fff;
    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}


.bza-audit-v4__input:focus-within {
    border-color: #6a50db;
    box-shadow:
        0 0 0 4px rgba(106, 80, 219, 0.10);
}


.bza-audit-v4__input span {
    width: 55px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    color: #8b8f9e;
}


.bza-audit-v4__input svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}


.bza-audit-v4__input input {
    width: 100%;
    min-width: 0;
    height: 59px;
    padding: 0 16px;
    border: 0;
    outline: 0;
    background: transparent;
    color: #202230;
    direction: ltr;
    text-align: left;
    font: inherit;
    font-size: 16px;
}


.bza-audit-v4__input input::placeholder {
    color: #b2b5c1;
}


.bza-audit-v4__submit {
    width: 100%;
    height: 61px;
    margin-top: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 0;
    border-radius: 16px;
    cursor: pointer;
    color: #fff;
    background:
        linear-gradient(
            135deg,
            #6c53df,
            #4f38c8
        );
    box-shadow:
        0 16px 30px rgba(78, 55, 195, 0.25);
    font: inherit;
    font-size: 15px;
    font-weight: 900;
}


.bza-audit-v4__submit svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    transform: scaleX(-1);
}


.bza-audit-v4__error {
    margin-top: 7px;
    color: #d94444;
    font-size: 12px;
    font-weight: 700;
}


.bza-audit-v4__trust {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px 20px;
    margin-top: 17px;
    color: #868a99;
    font-size: 11px;
    font-weight: 700;
}


.bza-audit-v4__features {
    width: min(720px, 100%);
    margin: 20px auto 0;
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap: 12px;
}


.bza-audit-v4__feature {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 76px;
    padding: 13px 16px;
    border: 1px solid rgba(34, 38, 62, 0.07);
    border-radius: 17px;
    background:
        rgba(255, 255, 255, 0.82);
    box-shadow:
        0 10px 30px rgba(35, 37, 60, 0.04);
}


.bza-audit-v4__feature-icon {
    width: 44px;
    height: 44px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: #634add;
    background: #f3f0ff;
}


.bza-audit-v4__feature-icon svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}


.bza-audit-v4__feature strong {
    display: block;
    color: #222432;
    font-size: 14px;
    font-weight: 900;
}


.bza-audit-v4__feature span {
    display: block;
    margin-top: 3px;
    color: #9b9eac;
    font-size: 10px;
    font-weight: 800;
}


/*
|--------------------------------------------------------------------------
| MOBILE HERO TRIGGER
|--------------------------------------------------------------------------
*/

.bza-audit-v4__mobile-trigger {
    display: none;
}


/*
|--------------------------------------------------------------------------
| MODAL
|--------------------------------------------------------------------------
*/

.bza-audit-v4__modal {
    display: none;
}


.bza-audit-v4__button-spinner {
    display: none;
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    border: 2px solid rgba(255,255,255,.35);
    border-top-color: #fff;
    border-radius: 50%;
    animation:
        bza-audit-v4-spin
        .75s linear infinite;
}


@keyframes bza-audit-v4-spin {
    to {
        transform: rotate(360deg);
    }
}


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

@media (max-width: 680px) {

    .bza-audit-v4 {
        display: none;
    }


    .bza-audit-v4__mobile-trigger {
        width: 100%;
        min-height: 52px;
        margin:
            0 0 12px;
        padding:
            0 17px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        border: 0;
        border-radius: 14px;
        cursor: pointer;
        color: #fff;
        background:
            linear-gradient(
                135deg,
                #2378f4,
                #145de4
            );
        box-shadow:
            0 12px 25px rgba(24, 101, 227, 0.24);
        font: inherit;
        font-size: 14px;
        font-weight: 900;
    }


    .bza-audit-v4__mobile-trigger-icon {
        width: 27px;
        height: 27px;
        display: grid;
        place-items: center;
        border-radius: 9px;
        background:
            rgba(255,255,255,.16);
    }


    .bza-audit-v4__mobile-trigger-icon svg {
        width: 17px;
        height: 17px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
    }


    .bza-audit-v4__mobile-trigger-arrow {
        font-size: 17px;
        line-height: 1;
    }


    .bza-audit-v4__modal {
        position: fixed;
        z-index: 999999;
        inset: 0;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        transition:
            opacity .25s ease,
            visibility .25s ease;
    }


    .bza-audit-v4__modal.is-open {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
    }


    .bza-audit-v4__modal-backdrop {
        position: absolute;
        inset: 0;
        background:
            rgba(12, 17, 31, 0.56);
        backdrop-filter: blur(7px);
    }


    .bza-audit-v4__modal-card {
        position: relative;
        z-index: 2;
        width: 100%;
        max-height: 92vh;
        overflow-y: auto;
        padding:
            27px 19px 25px;
        border-radius:
            27px 27px 0 0;
        background:
            linear-gradient(
                180deg,
                #ffffff,
                #f8f9ff
            );
        box-shadow:
            0 -30px 70px rgba(10, 15, 35, .20);
        text-align: center;
        transform:
            translateY(45px);
        transition:
            transform .3s ease;
    }


    .bza-audit-v4__modal.is-open
    .bza-audit-v4__modal-card {
        transform:
            translateY(0);
    }


    .bza-audit-v4__close {
        position: absolute;
        top: 14px;
        left: 15px;
        width: 34px;
        height: 34px;
        display: grid;
        place-items: center;
        border: 0;
        border-radius: 50%;
        cursor: pointer;
        color: #5f6371;
        background: #f0f1f6;
        font-size: 24px;
        line-height: 1;
    }


    .bza-audit-v4__scan-animation {
        width: 92px;
        height: 92px;
        margin:
            3px auto 16px;
        display: grid;
        place-items: center;
    }


    .bza-audit-v4__scan-ring {
        position: relative;
        width: 82px;
        height: 82px;
        display: grid;
        place-items: center;
        overflow: hidden;
        border:
            2px solid rgba(38, 117, 244, .15);
        border-radius: 50%;
        color: #1d6ce9;
        background:
            radial-gradient(
                circle,
                #fff 45%,
                #edf5ff 100%
            );
        box-shadow:
            0 15px 35px rgba(33, 108, 229, .15);
    }


    .bza-audit-v4__scan-ring::before {
        content: "";
        position: absolute;
        inset: -2px;
        border:
            3px solid transparent;
        border-top-color:
            #2378f4;
        border-right-color:
            #2378f4;
        border-radius: 50%;
        animation:
            bza-audit-v4-ring
            2s linear infinite;
    }


    .bza-audit-v4__scan-ring svg {
        position: relative;
        z-index: 3;
        width: 34px;
        height: 34px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }


    .bza-audit-v4__scan-hand {
        position: absolute;
        z-index: 2;
        width: 30px;
        height: 2px;
        left: 50%;
        top: 50%;
        transform-origin: left center;
        background:
            linear-gradient(
                90deg,
                #2378f4,
                transparent
            );
        animation:
            bza-audit-v4-radar
            1.7s linear infinite;
    }


    @keyframes bza-audit-v4-ring {
        to {
            transform:
                rotate(360deg);
        }
    }


    @keyframes bza-audit-v4-radar {
        to {
            transform:
                rotate(360deg);
        }
    }


    .bza-audit-v4__modal-kicker {
        display: block;
        color: #2474ee;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: 1px;
        text-transform: uppercase;
    }


    .bza-audit-v4__modal-card h3 {
        margin:
            6px 0 0;
        color: #161927;
        font-size: 26px;
        font-weight: 900;
    }


    .bza-audit-v4__modal-card p {
        max-width: 330px;
        margin:
            10px auto 21px;
        color: #737786;
        font-size: 13px;
        line-height: 1.8;
    }


    .bza-audit-v4__mobile-input {
        height: 57px;
        display: flex;
        align-items: center;
        overflow: hidden;
        border:
            1.5px solid #dde1eb;
        border-radius: 15px;
        background: #fff;
    }


    .bza-audit-v4__mobile-input:focus-within {
        border-color:
            #2378f4;
        box-shadow:
            0 0 0 4px rgba(35, 120, 244, .09);
    }


    .bza-audit-v4__mobile-input svg {
        width: 20px;
        height: 20px;
        margin:
            0 16px;
        flex: 0 0 auto;
        fill: none;
        stroke: #7e8495;
        stroke-width: 1.6;
        stroke-linecap: round;
        stroke-linejoin: round;
    }


    .bza-audit-v4__mobile-input input {
        width: 100%;
        min-width: 0;
        height: 55px;
        padding:
            0 14px;
        border: 0;
        outline: 0;
        color: #202332;
        background: transparent;
        direction: ltr;
        text-align: left;
        font: inherit;
        font-size: 16px;
    }


    .bza-audit-v4__mobile-submit {
        width: 100%;
        height: 57px;
        margin-top: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
        border: 0;
        border-radius: 15px;
        color: #fff;
        cursor: pointer;
        background:
            linear-gradient(
                135deg,
                #2378f4,
                #145de4
            );
        box-shadow:
            0 14px 27px rgba(22, 98, 226, .24);
        font: inherit;
        font-size: 14px;
        font-weight: 900;
    }


    .bza-audit-v4__mobile-submit:disabled {
        cursor: wait;
        opacity: .90;
    }


    .bza-audit-v4__mobile-trust {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 8px 13px;
        margin-top: 15px;
        color: #858a98;
        font-size: 10px;
        font-weight: 700;
    }


    .bza-audit-v4__modal.is-scanning
    .bza-audit-v4__scan-ring {
        box-shadow:
            0 15px 40px rgba(35, 120, 244, .28);
    }


    .bza-audit-v4__modal.is-scanning
    .bza-audit-v4__scan-ring::before {
        animation-duration:
            .65s;
    }


    .bza-audit-v4__modal.is-scanning
    .bza-audit-v4__scan-hand {
        animation-duration:
            .75s;
    }


    html.bza-audit-v4-modal-open {
        overflow: hidden;
    }

}

/* BLUEZONE_AUDIT_DESKTOP_REFERENCE_V5_START */

/*
|--------------------------------------------------------------------------
| DESKTOP ONLY
|--------------------------------------------------------------------------
| Important:
| Nothing below applies below 681px.
| Existing mobile button, popup and scanner animation remain untouched.
|--------------------------------------------------------------------------
*/

@media (min-width: 681px) {

    .bza-audit-v4 {
        padding:
            68px 28px 74px;
        background:
            radial-gradient(
                circle at 50% 5%,
                rgba(111, 86, 229, 0.09),
                transparent 31%
            ),
            radial-gradient(
                circle at 12% 78%,
                rgba(38, 110, 245, 0.055),
                transparent 27%
            ),
            #fafbfe;
    }


    .bza-audit-v4::before {
        opacity: 0.22;
        background-size:
            46px 46px;
    }


    .bza-audit-v4__shell {
        width:
            min(
                1240px,
                100%
            );
    }


    /*
    |--------------------------------------------------------------------------
    | HEADING
    |--------------------------------------------------------------------------
    */

    .bza-audit-v4__heading {
        max-width:
            1050px;
    }


    .bza-audit-v4__badge {
        margin-bottom:
            25px;
        padding:
            9px 17px;
        border-color:
            rgba(101, 75, 221, 0.12);
        background:
            rgba(247, 245, 255, 0.88);
        color:
            #6249da;
        font-size:
            13px;
    }


    .bza-audit-v4__heading h2 {
        font-size:
            clamp(
                48px,
                4.45vw,
                72px
            );
        line-height:
            1.08;
        letter-spacing:
            -2px;
    }


    .bza-audit-v4__heading h2 span {
        color:
            #694fe2;
    }


    .bza-audit-v4__heading p {
        max-width:
            940px;
        margin-top:
            22px;
        color:
            #767c90;
        font-size:
            18px;
        line-height:
            1.9;
    }


    /*
    |--------------------------------------------------------------------------
    | MAIN AUDIT CARD
    |--------------------------------------------------------------------------
    */

    .bza-audit-v4__card {
        width:
            min(
                1040px,
                100%
            );
        margin-top:
            38px;
        padding:
            30px 32px 25px;
        border:
            1px solid
            rgba(
                71,
                76,
                113,
                0.09
            );
        border-radius:
            30px;
        background:
            rgba(
                255,
                255,
                255,
                0.96
            );
        box-shadow:
            0 30px 80px
            rgba(
                40,
                44,
                84,
                0.09
            );
    }


    .bza-audit-v4__card-head {
        justify-content:
            flex-start;
        margin-bottom:
            20px;
        text-align:
            right;
    }


    .bza-audit-v4__scanner-mini {
        width:
            59px;
        height:
            59px;
        border-radius:
            17px;
        color:
            #6049e3;
        background:
            linear-gradient(
                145deg,
                #f1eeff,
                #e5e0ff
            );
        box-shadow:
            0 12px 30px
            rgba(
                91,
                68,
                215,
                0.12
            );
    }


    .bza-audit-v4__scanner-mini svg {
        width:
            29px;
        height:
            29px;
        stroke-width:
            1.9;
    }


    .bza-audit-v4__card-head span {
        color:
            #9095a8;
        font-size:
            11px;
    }


    .bza-audit-v4__card-head strong {
        margin-top:
            1px;
        font-size:
            25px;
    }


    /*
    |--------------------------------------------------------------------------
    | HORIZONTAL FORM LIKE REFERENCE
    |--------------------------------------------------------------------------
    */

    .bza-audit-v4__form {
        display:
            grid;
        grid-template-columns:
            minmax(
                0,
                1fr
            )
            290px;
        grid-template-areas:
            "field action"
            "error error";
        gap:
            12px 14px;
        align-items:
            center;
    }


    .bza-audit-v4__form label {
        display:
            none;
    }


    .bza-audit-v4__input {
        grid-area:
            field;
        height:
            67px;
        border-radius:
            17px;
        border-color:
            #dfe3ed;
    }


    .bza-audit-v4__input span {
        width:
            61px;
    }


    .bza-audit-v4__input svg {
        width:
            22px;
        height:
            22px;
    }


    .bza-audit-v4__input input {
        height:
            65px;
        font-size:
            17px;
        font-weight:
            600;
    }


    .bza-audit-v4__submit {
        grid-area:
            action;
        height:
            67px;
        margin-top:
            0;
        border-radius:
            17px;
        font-size:
            16px;
        background:
            linear-gradient(
                135deg,
                #7658ee,
                #4931ce
            );
        box-shadow:
            0 15px 30px
            rgba(
                82,
                56,
                201,
                0.23
            );
    }


    .bza-audit-v4__submit:hover {
        transform:
            translateY(-1px);
        box-shadow:
            0 18px 36px
            rgba(
                82,
                56,
                201,
                0.29
            );
    }


    .bza-audit-v4__error {
        grid-area:
            error;
        margin:
            -2px 2px 0;
    }


    /*
    |--------------------------------------------------------------------------
    | TRUST ROW
    |--------------------------------------------------------------------------
    */

    .bza-audit-v4__trust {
        position:
            relative;
        margin-top:
            22px;
        padding-top:
            21px;
        gap:
            0;
        border-top:
            1px solid
            #eef0f5;
    }


    .bza-audit-v4__trust span {
        min-width:
            210px;
        padding:
            0 30px;
        color:
            #747a8e;
        font-size:
            13px;
        font-weight:
            800;
        text-align:
            center;
    }


    .bza-audit-v4__trust span
    + span {
        border-right:
            1px solid
            #e8eaf1;
    }


    /*
    |--------------------------------------------------------------------------
    | FOUR CARDS — ONE ROW
    |--------------------------------------------------------------------------
    */

    .bza-audit-v4__features {
        width:
            min(
                1180px,
                100%
            );
        margin-top:
            24px;
        grid-template-columns:
            repeat(
                4,
                minmax(
                    0,
                    1fr
                )
            );
        gap:
            15px;
    }


    .bza-audit-v4__feature {
        min-height:
            170px;
        padding:
            20px 18px;
        flex-direction:
            column;
        justify-content:
            center;
        gap:
            12px;
        border-radius:
            20px;
        text-align:
            center;
        background:
            rgba(
                255,
                255,
                255,
                0.92
            );
        box-shadow:
            0 12px 34px
            rgba(
                38,
                42,
                71,
                0.045
            );
        transition:
            transform
            .2s ease,
            box-shadow
            .2s ease;
    }


    .bza-audit-v4__feature:hover {
        transform:
            translateY(
                -3px
            );
        box-shadow:
            0 17px 38px
            rgba(
                38,
                42,
                71,
                0.075
            );
    }


    .bza-audit-v4__feature-icon {
        width:
            57px;
        height:
            57px;
        margin:
            0 auto;
        border-radius:
            17px;
    }


    .bza-audit-v4__feature-icon svg {
        width:
            28px;
        height:
            28px;
        stroke-width:
            2;
    }


    .bza-audit-v4__feature strong {
        font-size:
            16px;
    }


    .bza-audit-v4__feature span {
        margin-top:
            5px;
        font-size:
            11px;
    }


    /*
    |--------------------------------------------------------------------------
    | INDIVIDUAL ICON ACCENTS
    |--------------------------------------------------------------------------
    */

    .bza-audit-v4__feature:nth-child(1)
    .bza-audit-v4__feature-icon {
        color:
            #6149df;
        background:
            #eeeaff;
    }


    .bza-audit-v4__feature:nth-child(2)
    .bza-audit-v4__feature-icon {
        color:
            #16aa77;
        background:
            #e4f8ef;
    }


    .bza-audit-v4__feature:nth-child(3)
    .bza-audit-v4__feature-icon {
        color:
            #1873e8;
        background:
            #e7f1ff;
    }


    .bza-audit-v4__feature:nth-child(4)
    .bza-audit-v4__feature-icon {
        color:
            #f07835;
        background:
            #fff0e7;
    }

}


/*
|--------------------------------------------------------------------------
| SMALL DESKTOP / TABLET LANDSCAPE
|--------------------------------------------------------------------------
*/

@media (
    min-width: 681px
)
and (
    max-width: 900px
) {

    .bza-audit-v4__form {
        grid-template-columns:
            minmax(
                0,
                1fr
            )
            240px;
    }


    .bza-audit-v4__features {
        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            );
    }

}

/* BLUEZONE_AUDIT_DESKTOP_REFERENCE_V5_END */

/* BLUEZONE_AUDIT_DESKTOP_V6_START */

@media (min-width: 901px) {

    /*
    |--------------------------------------------------------------------------
    | SECTION PROPORTIONS
    |--------------------------------------------------------------------------
    */

    .bza-audit-v4 {
        padding:
            56px 28px 66px;
    }


    .bza-audit-v4__shell {
        width:
            min(
                1220px,
                100%
            );
    }


    /*
    |--------------------------------------------------------------------------
    | TITLE — SMALLER + ONE LINE
    |--------------------------------------------------------------------------
    */

    .bza-audit-v4__heading {
        max-width:
            1180px;
    }


    .bza-audit-v4__badge {
        margin-bottom:
            18px;
    }


    .bza-audit-v4__heading h2 {
        max-width:
            none;
        margin:
            0 auto;
        font-size:
            clamp(
                38px,
                3.2vw,
                50px
            );
        line-height:
            1.18;
        letter-spacing:
            -1.1px;
        white-space:
            nowrap;
    }


    .bza-audit-v4__heading h2 span {
        display:
            inline;
    }


    .bza-audit-v4__heading p {
        max-width:
            900px;
        margin-top:
            15px;
        font-size:
            16px;
        line-height:
            1.8;
    }


    /*
    |--------------------------------------------------------------------------
    | CARD + FEATURES SAME WIDTH
    |--------------------------------------------------------------------------
    */

    .bza-audit-v4__card,
    .bza-audit-v4__features {
        width:
            min(
                1180px,
                100%
            );
    }


    .bza-audit-v4__card {
        margin-top:
            30px;
        padding:
            25px 30px 22px;
        border-radius:
            26px;
    }


    /*
    |--------------------------------------------------------------------------
    | CARD HEADER
    |--------------------------------------------------------------------------
    */

    .bza-audit-v4__card-head {
        min-height:
            76px;
        margin-bottom:
            17px;
        gap:
            15px;
    }


    .bza-audit-v4__card-head strong {
        font-size:
            24px;
    }


    .bza-audit-v4__card-head span {
        font-size:
            10px;
    }


    /*
    |--------------------------------------------------------------------------
    | ACTIVE SCANNER / GAUGE
    |--------------------------------------------------------------------------
    */

    .bza-audit-v4__scanner-mini {
        position:
            relative;
        width:
            70px;
        height:
            70px;
        overflow:
            hidden;
        border-radius:
            50%;
        color:
            #5d46e0;
        background:
            radial-gradient(
                circle,
                #ffffff 43%,
                #f0edff 100%
            );
        border:
            2px solid
            rgba(
                98,
                73,
                222,
                0.13
            );
        box-shadow:
            0 12px 30px
            rgba(
                88,
                63,
                211,
                0.15
            );
    }


    .bza-audit-v4__scanner-mini::before {
        content:
            "";
        position:
            absolute;
        inset:
            -2px;
        border:
            3px solid transparent;
        border-top-color:
            #674fe7;
        border-right-color:
            #674fe7;
        border-radius:
            50%;
        animation:
            bza-audit-v6-ring
            1.7s linear infinite;
    }


    .bza-audit-v4__scanner-mini::after {
        content:
            "";
        position:
            absolute;
        z-index:
            2;
        left:
            50%;
        top:
            50%;
        width:
            26px;
        height:
            2px;
        transform-origin:
            left center;
        background:
            linear-gradient(
                90deg,
                rgba(
                    102,
                    78,
                    228,
                    0.95
                ),
                transparent
            );
        animation:
            bza-audit-v6-radar
            1.35s linear infinite;
    }


    .bza-audit-v4__scanner-mini svg {
        position:
            relative;
        z-index:
            3;
        width:
            29px;
        height:
            29px;
    }


    @keyframes bza-audit-v6-ring {

        to {
            transform:
                rotate(360deg);
        }

    }


    @keyframes bza-audit-v6-radar {

        to {
            transform:
                rotate(360deg);
        }

    }


    /*
    |--------------------------------------------------------------------------
    | FORM PROPORTIONS
    |--------------------------------------------------------------------------
    */

    .bza-audit-v4__form {
        grid-template-columns:
            minmax(
                0,
                1fr
            )
            320px;
        gap:
            14px;
    }


    .bza-audit-v4__input,
    .bza-audit-v4__submit {
        height:
            64px;
    }


    .bza-audit-v4__input input {
        height:
            62px;
    }


    .bza-audit-v4__submit {
        font-size:
            16px;
    }


    /*
    |--------------------------------------------------------------------------
    | TRUST
    |--------------------------------------------------------------------------
    */

    .bza-audit-v4__trust {
        margin-top:
            18px;
        padding-top:
            18px;
    }


    .bza-audit-v4__trust span {
        min-width:
            190px;
        font-size:
            12px;
    }


    /*
    |--------------------------------------------------------------------------
    | FOUR CARDS
    |--------------------------------------------------------------------------
    */

    .bza-audit-v4__features {
        margin-top:
            18px;
        grid-template-columns:
            repeat(
                4,
                minmax(
                    0,
                    1fr
                )
            );
        gap:
            14px;
    }


    .bza-audit-v4__feature {
        min-height:
            138px;
        padding:
            17px 15px;
        gap:
            10px;
        border-radius:
            19px;
    }


    .bza-audit-v4__feature-icon {
        width:
            52px;
        height:
            52px;
        border-radius:
            15px;
    }


    .bza-audit-v4__feature-icon svg {
        width:
            25px;
        height:
            25px;
    }


    .bza-audit-v4__feature strong {
        font-size:
            15px;
    }


    .bza-audit-v4__feature span {
        margin-top:
            3px;
        font-size:
            10px;
    }

}


/*
|--------------------------------------------------------------------------
| DESKTOP SAFETY FOR NARROW LAPTOPS
|--------------------------------------------------------------------------
*/

@media (
    min-width: 901px
)
and (
    max-width: 1100px
) {

    .bza-audit-v4__heading h2 {
        font-size:
            38px;
    }


    .bza-audit-v4__form {
        grid-template-columns:
            minmax(
                0,
                1fr
            )
            270px;
    }

}

/* BLUEZONE_AUDIT_DESKTOP_V6_END */