/* ========================================================
       HERO
       ======================================================== */

    .home-hero {
        min-height: 600px;

        position: relative;

        overflow: hidden;

        isolation: isolate;

        display: flex;

        align-items: center;

        background:
            linear-gradient(
                135deg,
                #0c0d11 0%,
                #0d0c13 48%,
                #100b18 100%
            );

        color: #ffffff;
    }


    /* ========================================================
       MODERN BAVELGO AURORA
       Background only.
       ======================================================== */

    .home-hero::before,
    .home-hero::after {
        content: "";

        position: absolute;

        z-index: 0;

        pointer-events: none;

        will-change:
            transform,
            opacity;

        transform-origin: center;
    }


    /*
     * Main moving aurora.
     * Wide elliptical band rather than a small circle,
     * so the movement remains perceptible.
     */

    .home-hero::before {
        width: 1050px;
        height: 520px;

        left: -300px;
        top: -205px;

        border-radius: 45%;

        background:
            radial-gradient(
                ellipse at center,
                rgba(112, 0, 255, .44) 0%,
                rgba(112, 0, 255, .25) 28%,
                rgba(122, 38, 255, .11) 52%,
                rgba(112, 0, 255, 0) 73%
            );

        filter:
            blur(46px);

        opacity: .74;

        animation:
            bvHeroAuroraPrimary
            15s
            ease-in-out
            infinite
            alternate;
    }


    /*
     * Secondary violet light.
     * Moves from the opposite side at a different speed.
     */

    .home-hero::after {
        width: 930px;
        height: 600px;

        right: -340px;
        bottom: -330px;

        border-radius: 50%;

        background:
            radial-gradient(
                ellipse at center,
                rgba(126, 20, 255, .38) 0%,
                rgba(91, 0, 185, .22) 32%,
                rgba(112, 0, 255, .08) 55%,
                rgba(112, 0, 255, 0) 74%
            );

        filter:
            blur(54px);

        opacity: .78;

        animation:
            bvHeroAuroraSecondary
            19s
            ease-in-out
            infinite
            alternate;
    }


    @keyframes bvHeroAuroraPrimary {

        0% {
            transform:
                translate3d(
                    -70px,
                    -35px,
                    0
                )
                rotate(-8deg)
                scale(.94);

            opacity: .60;
        }

        48% {
            transform:
                translate3d(
                    150px,
                    78px,
                    0
                )
                rotate(2deg)
                scale(1.08);

            opacity: .84;
        }

        100% {
            transform:
                translate3d(
                    285px,
                    40px,
                    0
                )
                rotate(9deg)
                scale(1.02);

            opacity: .70;
        }

    }


    @keyframes bvHeroAuroraSecondary {

        0% {
            transform:
                translate3d(
                    65px,
                    55px,
                    0
                )
                rotate(7deg)
                scale(.96);

            opacity: .62;
        }

        50% {
            transform:
                translate3d(
                    -125px,
                    -85px,
                    0
                )
                rotate(-3deg)
                scale(1.09);

            opacity: .85;
        }

        100% {
            transform:
                translate3d(
                    -245px,
                    -25px,
                    0
                )
                rotate(-10deg)
                scale(1.03);

            opacity: .72;
        }

    }


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

    .home-hero-inner {
        width: 100%;

        min-height: 600px;

        position: relative;

        z-index: 2;

        padding:
            88px
            0
            92px;

        display: flex;

        align-items: center;

        justify-content: center;
    }


    .home-hero-copy {
        width: min(100%, 920px);

        margin:
            0
            auto;

        text-align: center;
    }


    /* Label */

    .home-label {
        display: inline-block;

        margin-bottom: 16px;

        color:
            #c9a4ff;

        font-family:
            Poppins,
            Arial,
            sans-serif;

        font-size: 10.5px;

        line-height: 1.3;

        font-weight: 600;

        letter-spacing: .085em;

        text-transform: uppercase;
    }


    /* ========================================================
       TITLE
       ======================================================== */

    .home-hero h1 {
        max-width: 900px;

        margin:
            0
            auto;

        color: #ffffff;

        font-family:
            Poppins,
            Arial,
            sans-serif;

        font-size:
            clamp(
                47px,
                5vw,
                68px
            );

        line-height: 1.07;

        letter-spacing: -0.042em;

        font-weight: 600;
    }


    /*
     * Desktop keeps the title flowing naturally.
     * Mobile changes these spans to explicit lines.
     */

    .home-hero-title-line {
        display: inline;
    }

    .home-hero-title-line:not(:last-child)::after {
        content: " ";
    }


    /* Subtitle */

    .home-hero-copy p {
        max-width: 630px;

        margin:
            22px
            auto
            0;

        color:
            #d0d1d6;

        font-family:
            Arial,
            Helvetica,
            sans-serif;

        font-size: 16px;

        line-height: 1.65;

        font-weight: 400;
    }


    /* ========================================================
       ACTIONS
       ======================================================== */

    .home-hero-actions {
        width: min(100%, 326px);

        margin:
            30px
            auto
            0;

        display: grid;

        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );

        gap: 10px;
    }


    .home-hero-actions
    .bv-button {
        width: 100%;

        min-height: 46px;

        padding:
            0
            16px;

        font-size: 12.5px;

        font-weight: 600;
    }


    .home-hero
    .bv-button-primary {
        border-color:
            var(--bv-brand);

        background:
            var(--bv-brand);

        color: #ffffff;
    }


    .home-hero
    .bv-button-primary:hover {
        border-color:
            var(--bv-brand-dark);

        background:
            var(--bv-brand-dark);
    }


    .home-hero
    .bv-button-secondary {
        border-color:
            #555760;

        background:
            rgba(255, 255, 255, .025);

        color: #ffffff;
    }


    .home-hero
    .bv-button-secondary:hover {
        border-color:
            #85878f;

        background:
            rgba(255, 255, 255, .055);
    }


    /* ========================================================
       TABLET
       ======================================================== */

    @media (max-width: 1050px) {

        .home-hero {
            min-height: 550px;
        }

        .home-hero-inner {
            min-height: 550px;

            padding:
                76px
                0
                80px;
        }

        .home-hero-copy {
            width:
                min(
                    100%,
                    760px
                );
        }

        .home-hero h1 {
            max-width: 750px;

            font-size:
                clamp(
                    44px,
                    6vw,
                    58px
                );
        }

    }


    /* ========================================================
       MOBILE
       ======================================================== */

    @media (max-width: 700px) {

        .home-hero {
            min-height: 490px;
        }

        .home-hero-inner {
            min-height: 490px;

            padding:
                58px
                0
                62px;
        }

        .home-hero-copy {
            width:
                min(
                    100%,
                    390px
                );

            margin:
                0
                auto;

            text-align: center;
        }

        .home-label {
            margin-bottom: 13px;

            font-size: 9.5px;
        }


        /*
         * Controlled mobile typography.
         * No browser-created random line breaks.
         */

        .home-hero h1 {
            width:
                min(
                    100%,
                    360px
                );

            max-width: none;

            margin:
                0
                auto;

            font-size:
                clamp(
                    34px,
                    9.4vw,
                    40px
                );

            line-height: 1.12;

            letter-spacing: -0.035em;
        }

        .home-hero-title-line {
            display: block;

            white-space: nowrap;
        }

        .home-hero-title-line:not(:last-child)::after {
            content: none;
        }


        /* Subtitle */

        .home-hero-copy p {
            width:
                min(
                    100%,
                    340px
                );

            max-width: none;

            margin:
                19px
                auto
                0;

            font-size: 14.5px;

            line-height: 1.6;
        }


        /* Buttons */

        .home-hero-actions {
            width:
                min(
                    100%,
                    300px
                );

            margin-top: 25px;

            gap: 8px;
        }

        .home-hero-actions
        .bv-button {
            min-height: 44px;

            padding:
                0
                10px;

            font-size: 12px;
        }


        /*
         * Aurora remains visible on mobile,
         * but stays behind the content.
         */

        .home-hero::before {
            width: 620px;
            height: 400px;

            left: -390px;
            top: -130px;

            filter:
                blur(38px);
        }

        .home-hero::after {
            width: 600px;
            height: 440px;

            right: -390px;
            bottom: -230px;

            filter:
                blur(42px);
        }

    }


    /* Extra-small screens */

    @media (max-width: 370px) {

        .home-hero h1 {
            width: 100%;

            font-size: 32px;
        }

        .home-hero-title-line {
            white-space: normal;
        }

        .home-hero-actions {
            width:
                min(
                    100%,
                    250px
                );

            grid-template-columns: 1fr;
        }

    }


    /* ========================================================
       ACCESSIBILITY
       ======================================================== */

    @media (prefers-reduced-motion: reduce) {

        .home-hero::before,
        .home-hero::after {
            animation: none;
        }

    }

    /* ========================================================
       HARDWARE
       ======================================================== */

    .home-story {
        padding:
            92px
            0;

        background: #ffffff;
    }


    /* ========================================================
       LAYOUT
       ======================================================== */

    .home-hardware-layout {
        width: min(100%, 1140px);

        margin:
            0
            auto;

        display: grid;

        grid-template-columns:
            minmax(0, 1.08fr)
            minmax(0, .92fr);

        gap: 66px;

        align-items: center;
    }


    /* ========================================================
       REAL PRODUCT VISUAL
       ======================================================== */

    .home-hardware-visual {
        width: 100%;

        position: relative;

        overflow: hidden;

        border:
            1px solid
            #e3deea;

        border-radius: 18px;

        background:
            #f8f7fa;

        box-shadow:
            0 16px 38px
            rgba(30, 22, 43, .055);
    }

    .home-hardware-image {
        width: 100%;
        height: auto;

        aspect-ratio: 3 / 2;

        display: block;

        object-fit: cover;

        object-position: center;
    }


    /* ========================================================
       COPY
       ======================================================== */

    .home-hardware-copy {
        max-width: 480px;
    }

    .home-hardware-label {
        display: block;

        margin-bottom: 11px;

        color:
            var(--bv-brand);

        font-family:
            Poppins,
            Arial,
            sans-serif;

        font-size: 11px;

        line-height: 1.3;

        font-weight: 600;

        letter-spacing: .06em;

        text-transform: uppercase;
    }

    .home-hardware-copy h2 {
        margin: 0;

        color:
            var(--bv-ink);

        font-family:
            Poppins,
            Arial,
            sans-serif;

        font-size:
            clamp(
                32px,
                3.3vw,
                43px
            );

        line-height: 1.16;

        letter-spacing: -0.035em;

        font-weight: 600;
    }

    .home-hardware-lead {
        margin:
            17px
            0
            0;

        color:
            var(--bv-muted);

        font-family:
            Arial,
            Helvetica,
            sans-serif;

        font-size: 15px;

        line-height: 1.7;

        font-weight: 400;
    }


    /* ========================================================
       BENEFITS
       ======================================================== */

    .home-hardware-list {
        margin:
            28px
            0
            0;

        padding: 0;

        display: grid;

        gap: 19px;

        list-style: none;
    }

    .home-hardware-list li {
        display: grid;

        grid-template-columns:
            24px
            minmax(0, 1fr);

        gap: 13px;

        align-items: start;
    }

    .home-hardware-list > li > span {
        width: 20px;
        height: 20px;

        margin-top: 2px;

        position: relative;

        border:
            1.5px solid
            var(--bv-brand);

        border-radius: 50%;
    }

    .home-hardware-list > li > span::before {
        content: "";

        width: 7px;
        height: 4px;

        position: absolute;

        left: 5px;
        top: 5px;

        border-left:
            1.5px solid
            var(--bv-brand);

        border-bottom:
            1.5px solid
            var(--bv-brand);

        transform:
            rotate(-45deg);
    }

    .home-hardware-list strong {
        display: block;

        color:
            var(--bv-ink);

        font-family:
            Poppins,
            Arial,
            sans-serif;

        font-size: 13px;

        line-height: 1.45;

        font-weight: 600;
    }

    .home-hardware-list p {
        margin:
            4px
            0
            0;

        color:
            var(--bv-muted);

        font-family:
            Arial,
            Helvetica,
            sans-serif;

        font-size: 12.5px;

        line-height: 1.55;

        font-weight: 400;
    }


    /* ========================================================
       CTA
       ======================================================== */

    .home-hardware-action-wrap {
        margin-top: 29px;

        display: flex;

        justify-content: center;
    }

    .home-hardware-action {
        min-width: 165px;

        justify-content: center;

        text-align: center;
    }


    /* ========================================================
       TABLET
       ======================================================== */

    @media (max-width: 1050px) {

        .home-hardware-layout {
            width:
                min(
                    100%,
                    700px
                );

            grid-template-columns: 1fr;

            gap: 38px;
        }

        .home-hardware-copy {
            width:
                min(
                    100%,
                    620px
                );

            max-width: none;

            margin:
                0
                auto;

            order: 1;
        }

        .home-hardware-visual {
            width:
                min(
                    100%,
                    650px
                );

            margin:
                0
                auto;

            order: 2;
        }

    }


    /* ========================================================
       MOBILE
       ======================================================== */

    @media (max-width: 700px) {

        .home-story {
            padding:
                58px
                0
                62px;
        }

        .home-hardware-layout {
            display: block;
        }

        .home-hardware-copy {
            width:
                min(
                    100%,
                    410px
                );

            max-width: none;

            margin:
                0
                auto;
        }

        .home-hardware-label {
            text-align: center;
        }

        .home-hardware-copy h2 {
            max-width: 360px;

            margin:
                0
                auto;

            text-align: center;

            font-size: 30px;
        }

        .home-hardware-lead {
            max-width: 365px;

            margin:
                15px
                auto
                0;

            text-align: center;

            font-size: 14px;
        }

        .home-hardware-list {
            margin-top: 25px;
        }

        .home-hardware-action-wrap {
            margin-top: 28px;

            justify-content: center;
        }


        /*
         * Marketing visual intentionally hidden on phones.
         * Mobile stays focused on content and CTA.
         */

        .home-hardware-visual {
            display: none;
        }

    }

    /* ========================================================
       RESTAURANT BENEFITS
       ======================================================== */

    .home-products {
        padding:
            82px
            0
            88px;

        background: #ffffff;
    }


    /* ========================================================
       HEADER
       ======================================================== */

    .home-benefits-head {
        max-width: 690px;

        margin:
            0
            auto
            38px;

        text-align: center;
    }

    .home-benefits-label {
        display: block;

        margin-bottom: 10px;

        color: var(--bv-brand);

        font-family:
            Poppins,
            Arial,
            sans-serif;

        font-size: 10.5px;

        line-height: 1.3;

        font-weight: 600;

        letter-spacing: .06em;

        text-transform: uppercase;
    }

    .home-benefits-head h2 {
        margin: 0;

        color: var(--bv-ink);

        font-family:
            Poppins,
            Arial,
            sans-serif;

        font-size:
            clamp(
                31px,
                3vw,
                40px
            );

        line-height: 1.18;

        letter-spacing: -0.03em;

        font-weight: 600;
    }

    .home-benefits-head p {
        max-width: 590px;

        margin:
            14px
            auto
            0;

        color: var(--bv-muted);

        font-family:
            Arial,
            Helvetica,
            sans-serif;

        font-size: 14px;

        line-height: 1.65;

        font-weight: 400;
    }


    /* ========================================================
       GRID
       ======================================================== */

    .home-benefits-grid {
        width: min(100%, 1080px);

        margin:
            0
            auto;

        display: grid;

        grid-template-columns:
            repeat(
                3,
                minmax(0, 1fr)
            );

        gap: 16px;

        align-items: stretch;
    }


    /* ========================================================
       CARD
       ======================================================== */

    .home-benefit-card {
        min-height: 390px;

        padding:
            27px
            25px
            25px;

        display: flex;

        flex-direction: column;

        border:
            1px solid
            #e4dfeb;

        border-radius: 16px;

        background:
            linear-gradient(
                180deg,
                #faf9fc 0%,
                #ffffff 76%
            );

        box-shadow:
            0 7px 22px
            rgba(34, 23, 51, .025);

        transition:
            transform .20s ease,
            border-color .20s ease,
            box-shadow .20s ease;
    }

    .home-benefit-card:hover {
        transform: translateY(-5px);

        border-color: #cbbce3;

        box-shadow:
            0 17px 36px
            rgba(41, 24, 70, .075);
    }


    /* ========================================================
       ICON
       ======================================================== */

    .home-benefit-icon {
        width: 44px;
        height: 44px;

        margin-bottom: 21px;

        position: relative;

        display: block;

        border:
            1px solid
            #ddd3ed;

        border-radius: 11px;

        background: #ffffff;

        color: var(--bv-brand);

        box-shadow:
            0 4px 12px
            rgba(48, 28, 77, .035);

        transition:
            transform .20s ease,
            background .20s ease;
    }

    .home-benefit-card:hover
    .home-benefit-icon {
        transform:
            translateY(-2px)
            scale(1.03);

        background: #f8f4ff;
    }


    /* Faster service icon */

    .home-benefit-icon.is-service::before {
        content: "";

        width: 20px;
        height: 14px;

        position: absolute;

        left: 11px;
        top: 13px;

        border:
            1.7px solid
            currentColor;

        border-radius: 4px;
    }

    .home-benefit-icon.is-service::after {
        content: "";

        width: 8px;

        position: absolute;

        left: 17px;
        top: 20px;

        border-top:
            1.7px solid
            currentColor;
    }


    /* Team icon */

    .home-benefit-icon.is-team::before {
        content: "";

        width: 9px;
        height: 9px;

        position: absolute;

        left: 16px;
        top: 8px;

        border:
            1.7px solid
            currentColor;

        border-radius: 50%;
    }

    .home-benefit-icon.is-team::after {
        content: "";

        width: 20px;
        height: 10px;

        position: absolute;

        left: 10px;
        bottom: 8px;

        border:
            1.7px solid
            currentColor;

        border-radius:
            12px
            12px
            5px
            5px;
    }


    /* Control icon */

    .home-benefit-icon.is-control::before {
        content: "";

        width: 20px;
        height: 18px;

        position: absolute;

        left: 11px;
        top: 11px;

        border-left:
            1.7px solid
            currentColor;

        border-bottom:
            1.7px solid
            currentColor;
    }

    .home-benefit-icon.is-control::after {
        content: "";

        width: 3px;
        height: 9px;

        position: absolute;

        left: 17px;
        bottom: 14px;

        background: currentColor;

        box-shadow:
            6px -5px 0 currentColor,
            12px -1px 0 currentColor;
    }


    /* ========================================================
       MAIN COPY
       ======================================================== */

    .home-benefit-card h3 {
        margin: 0;

        color: var(--bv-ink);

        font-family:
            Poppins,
            Arial,
            sans-serif;

        font-size: 19px;

        line-height: 1.35;

        font-weight: 600;
    }

    .home-benefit-summary {
        margin:
            11px
            0
            0;

        color: var(--bv-muted);

        font-family:
            Arial,
            Helvetica,
            sans-serif;

        font-size: 13.5px;

        line-height: 1.62;

        font-weight: 400;
    }


    /* ========================================================
       BENEFIT LIST
       ======================================================== */

    .home-benefit-list {
        margin:
            25px
            0
            0;

        padding:
            22px
            0
            0;

        display: grid;

        gap: 18px;

        border-top:
            1px solid
            #ece8f1;

        list-style: none;
    }

    .home-benefit-list li {
        display: grid;

        grid-template-columns:
            18px
            minmax(0, 1fr);

        gap: 11px;

        align-items: start;
    }


    /* Check */

    .home-benefit-check {
        width: 14px;
        height: 14px;

        margin-top: 3px;

        position: relative;

        display: block;
    }

    .home-benefit-check::before {
        content: "";

        width: 8px;
        height: 4px;

        position: absolute;

        left: 1px;
        top: 2px;

        border-left:
            1.7px solid
            var(--bv-brand);

        border-bottom:
            1.7px solid
            var(--bv-brand);

        transform: rotate(-45deg);
    }


    /* List copy */

    .home-benefit-list strong {
        display: block;

        margin: 0;

        color: var(--bv-ink);

        font-family:
            Poppins,
            Arial,
            sans-serif;

        font-size: 12px;

        line-height: 1.4;

        font-weight: 600;
    }

    .home-benefit-list p {
        margin:
            4px
            0
            0;

        color: var(--bv-muted);

        font-family:
            Arial,
            Helvetica,
            sans-serif;

        font-size: 12px;

        line-height: 1.5;

        font-weight: 400;
    }


    /* ========================================================
       TABLET
       ======================================================== */

    @media (max-width: 1050px) {

        .home-benefits-grid {
            width: min(100%, 720px);

            grid-template-columns:
                repeat(
                    2,
                    minmax(0, 1fr)
                );
        }

        .home-benefit-card:last-child {
            width: min(100%, 352px);

            grid-column: 1 / -1;

            justify-self: center;
        }

    }


    /* ========================================================
       MOBILE
       ======================================================== */

    @media (max-width: 700px) {

        .home-products {
            padding:
                58px
                0
                64px;
        }

        .home-benefits-head {
            width: min(100%, 410px);

            margin-bottom: 28px;
        }

        .home-benefits-head h2 {
            font-size: 29px;
        }

        .home-benefits-head p {
            font-size: 14px;
        }

        .home-benefits-grid {
            width: min(100%, 390px);

            grid-template-columns: 1fr;

            gap: 13px;
        }

        .home-benefit-card,
        .home-benefit-card:last-child {
            width: 100%;

            min-height: 0;

            grid-column: auto;

            padding:
                23px
                21px;
        }

        .home-benefit-card:hover {
            transform: translateY(-3px);
        }

        .home-benefit-icon {
            margin-bottom: 18px;
        }

        .home-benefit-card h3 {
            font-size: 18px;
        }

        .home-benefit-list {
            margin-top: 21px;

            padding-top: 19px;

            gap: 16px;
        }

    }

    /* ========================================================
       CTA
       ======================================================== */

    .home-cta {
        padding: 90px 0;
    }

    .home-cta-box {
        min-height: 260px;
        padding: 50px 56px;

        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 40px;

        border-radius:
            var(--bv-radius-lg);

        background:
            var(--bv-brand);

        color: #ffffff;
    }

    .home-cta-box h2 {
        max-width: 670px;
        margin: 0;

        color: #ffffff;

        font-size:
            clamp(
                30px,
                4vw,
                46px
            );

        line-height: 1.15;
        letter-spacing: -0.04em;
        font-weight: 700;
    }

    .home-cta-box p {
        max-width: 620px;
        margin: 15px 0 0;

        color: #ffffff;

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

    .home-cta-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 11px;
    }

    .home-cta-box
    .bv-button-secondary {
        border-color:
            rgba(255,255,255,.72);

        background: #ffffff;
        color: var(--bv-ink);
    }

    .home-cta-link {
        min-height: 46px;
        padding: 0 17px;

        display: inline-flex;
        align-items: center;

        border:
            1px solid
            rgba(255,255,255,.60);

        border-radius:
            var(--bv-radius-sm);

        color: #ffffff;

        font-family:
            Poppins,
            Arial,
            sans-serif;

        font-size: 14px;
        font-weight: 600;
    }

    /* ========================================================
       FAQ
       ======================================================== */

    .home-faq {
        padding: 92px 0;

        border-top: 1px solid var(--bv-border);

        background: #f5f7fb;
    }

    .home-faq-layout {
        display: grid;

        grid-template-columns:
            minmax(0, .78fr)
            minmax(0, 1.22fr);

        align-items: start;

        gap: 72px;
    }

    .home-faq-title {
        padding-top: 10px;
    }

    .home-faq-title h2 {
        max-width: 420px;

        margin: 0;

        color: var(--bv-ink);

        font-family:
            Poppins,
            Arial,
            sans-serif;

        font-size:
            clamp(
                32px,
                3.4vw,
                42px
            );

        line-height: 1.16;

        letter-spacing: -0.03em;

        font-weight: 600;
    }

    .home-faq-title p {
        max-width: 470px;

        margin: 20px 0 0;

        color: var(--bv-muted);

        font-family:
            Arial,
            Helvetica,
            sans-serif;

        font-size: 16px;

        line-height: 1.7;

        font-weight: 400;
    }

    .home-faq-list {
        display: grid;

        gap: 12px;
    }

    .home-faq-item {
        overflow: hidden;

        border: 1px solid #d9deea;

        border-radius: 12px;

        background: #ffffff;

        transition:
            border-color .18s ease,
            box-shadow .18s ease;
    }

    .home-faq-item:hover {
        border-color: #c9cfdd;
    }

    .home-faq-item.open {
        border-color: #c7cede;

        box-shadow:
            0 10px 28px
            rgba(18, 19, 26, .05);
    }

    .home-faq-question {
        width: 100%;

        min-height: 76px;

        padding: 0 22px;

        display: flex;

        align-items: center;

        justify-content: space-between;

        gap: 24px;

        border: 0;

        background: transparent;

        color: var(--bv-ink);

        text-align: left;

        font-family:
            Poppins,
            Arial,
            sans-serif;

        font-size: 16px;

        line-height: 1.45;

        font-weight: 600;

        cursor: pointer;
    }

    .home-faq-question:hover {
        color: var(--bv-ink);
    }

    .home-faq-chevron {
        width: 10px;

        height: 10px;

        flex: 0 0 auto;

        border-right: 2px solid currentColor;

        border-bottom: 2px solid currentColor;

        transform:
            translateY(-3px)
            rotate(45deg);

        transition:
            transform .18s ease;
    }

    .home-faq-item.open
    .home-faq-chevron {
        transform:
            translateY(3px)
            rotate(225deg);
    }

    .home-faq-answer {
        display: none;

        max-width: 720px;

        padding:
            0
            54px
            22px
            22px;

        color: var(--bv-muted);

        font-family:
            Arial,
            Helvetica,
            sans-serif;

        font-size: 14px;

        line-height: 1.7;

        font-weight: 400;
    }

    .home-faq-item.open
    .home-faq-answer {
        display: block;
    }

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

    @media (max-width: 1050px) {














        .home-faq-layout {
            grid-template-columns: 1fr;
            gap: 40px;
        }
    }

    @media (max-width: 700px) {




















        .home-story {
            padding: 65px 0;
        }







        .home-cta-box {
            padding: 35px 28px;
            flex-direction: column;
            align-items: flex-start;
        }

        .home-faq {
            padding: 65px 0 80px;
        }
    }


/* BAVELGO_FAQ_MOBILE_CENTER */

@media (max-width: 700px) {

    .home-faq-layout {
        gap: 30px;
    }

    .home-faq-title {
        padding-top: 0;
        text-align: center;
    }

    .home-faq-title h2 {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .home-faq-title p {
        max-width: 520px;
        margin-left: auto;
        margin-right: auto;

        font-family:
            Arial,
            Helvetica,
            sans-serif;

        font-size: 15px;
        line-height: 1.65;
        font-weight: 400;
    }

    .home-faq-question {
        font-family:
            Poppins,
            Arial,
            sans-serif;

        font-size: 15px;
        font-weight: 600;
    }

    .home-faq-answer {
        font-family:
            Arial,
            Helvetica,
            sans-serif;

        font-size: 14px;
        line-height: 1.7;
        font-weight: 400;
    }

}


    /* BAVELGO_HOME_THREE_CARDS_START */

.home-intro {
    padding: 82px 0 90px;

    background: #ffffff;

    border-bottom:
        1px solid var(--bv-border);
}

.home-intro .home-section-head {
    max-width: 720px;

    margin:
        0
        auto
        44px;

    text-align: center;
}

.home-section-label {
    display: block;

    margin-bottom: 11px;

    color: var(--bv-brand);

    font-family:
        Poppins,
        Arial,
        sans-serif;

    font-size: 11px;

    line-height: 1.3;

    font-weight: 600;

    letter-spacing: .06em;

    text-transform: uppercase;
}

.home-intro .home-section-head h2 {
    margin: 0;

    color: var(--bv-ink);

    font-family:
        Poppins,
        Arial,
        sans-serif;

    font-size:
        clamp(
            32px,
            3.2vw,
            42px
        );

    line-height: 1.16;

    letter-spacing: -0.035em;

    font-weight: 600;
}

.home-intro .home-section-head p {
    max-width: 630px;

    margin:
        16px
        auto
        0;

    color: var(--bv-muted);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 15px;

    line-height: 1.65;

    font-weight: 400;
}


/* Cards */

.home-operating-grid {
    width: min(100%, 1110px);

    margin:
        0
        auto;

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 18px;

    align-items: stretch;
}

.home-operating-item {
    position: relative;

    overflow: hidden;

    min-height: 420px;

    padding:
        28px
        26px
        24px;

    display: flex;

    flex-direction: column;

    border:
        1px solid
        #e2ddeb;

    border-radius: 16px;

    background: #fbfaff;

    box-shadow:
        0 8px 24px
        rgba(31, 22, 48, .035);

    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease;
}

.home-operating-item:hover {
    transform: translateY(-6px);

    border-color: #c8b9df;

    box-shadow:
        0 20px 42px
        rgba(41, 24, 70, .09);
}


/* Subtle card identities */

.home-operating-item.is-quick {
    background:
        linear-gradient(
            180deg,
            #faf8ff 0%,
            #ffffff 64%
        );
}

.home-operating-item.is-full {
    background:
        linear-gradient(
            180deg,
            #f7f9fd 0%,
            #ffffff 64%
        );
}

.home-operating-item.is-workforce {
    background:
        linear-gradient(
            180deg,
            #faf8fc 0%,
            #ffffff 64%
        );
}


/* Icon tile */

.home-operating-icon {
    width: 46px;
    height: 46px;

    margin-bottom: 22px;

    position: relative;

    display: grid;

    place-items: center;

    border:
        1px solid
        #ded4ef;

    border-radius: 11px;

    background: #ffffff;

    color: var(--bv-brand);

    box-shadow:
        0 5px 14px
        rgba(54, 29, 91, .05);

    transition:
        transform .22s ease,
        background .22s ease;
}

.home-operating-item:hover
.home-operating-icon {
    transform:
        translateY(-2px)
        scale(1.04);

    background: #f7f2ff;
}


/* Quick service icon */

.home-icon-quick {
    width: 22px;
    height: 20px;

    position: relative;

    border:
        2px solid
        currentColor;

    border-radius: 4px;
}

.home-icon-quick::before {
    content: "";

    position: absolute;

    left: 4px;
    right: 4px;
    top: 5px;

    border-top:
        2px solid
        currentColor;
}

.home-icon-quick::after {
    content: "";

    position: absolute;

    left: 4px;
    right: 4px;
    bottom: 4px;

    border-top:
        2px solid
        currentColor;
}


/* Full service icon */

.home-icon-full {
    width: 24px;
    height: 17px;

    position: relative;

    border:
        2px solid
        currentColor;

    border-radius:
        12px
        12px
        3px
        3px;
}

.home-icon-full::before {
    content: "";

    position: absolute;

    width: 2px;
    height: 7px;

    left: 9px;
    top: -8px;

    background: currentColor;
}


/* Workforce icon */

.home-icon-workforce {
    width: 22px;
    height: 22px;

    position: relative;

    border:
        2px solid
        currentColor;

    border-radius: 50%;
}

.home-icon-workforce::before {
    content: "";

    position: absolute;

    width: 8px;
    height: 8px;

    left: 5px;
    top: 3px;

    border:
        2px solid
        currentColor;

    border-radius: 50%;
}

.home-icon-workforce::after {
    content: "";

    position: absolute;

    width: 12px;
    height: 5px;

    left: 3px;
    bottom: 2px;

    border:
        2px solid
        currentColor;

    border-radius:
        8px
        8px
        4px
        4px;
}


/* Content */

.home-operating-label {
    display: block;

    margin-bottom: 11px;

    color: var(--bv-brand);

    font-family:
        Poppins,
        Arial,
        sans-serif;

    font-size: 10px;

    line-height: 1.3;

    font-weight: 600;

    letter-spacing: .055em;

    text-transform: uppercase;
}

.home-operating-item h3 {
    margin: 0;

    color: var(--bv-ink);

    font-family:
        Poppins,
        Arial,
        sans-serif;

    font-size: 19px;

    line-height: 1.35;

    font-weight: 600;
}

.home-operating-item p {
    margin: 13px 0 0;

    color: var(--bv-muted);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 13.5px;

    line-height: 1.62;

    font-weight: 400;
}


/* List */

.home-operating-types {
    margin:
        22px
        0
        24px;

    padding: 0;

    display: grid;

    gap: 8px;

    list-style: none;
}

.home-operating-types li {
    position: relative;

    padding-left: 19px;

    color: #474a53;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 13px;

    line-height: 1.4;

    font-weight: 400;
}

.home-operating-types li::before {
    content: "";

    position: absolute;

    left: 1px;
    top: 5px;

    width: 7px;
    height: 4px;

    border-left:
        1.6px solid
        var(--bv-brand);

    border-bottom:
        1.6px solid
        var(--bv-brand);

    transform: rotate(-45deg);
}


/* Bottom link */

.home-operating-link {
    margin-top: auto;

    padding-top: 18px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 15px;

    border-top:
        1px solid
        #ece8f1;

    color: var(--bv-brand);

    font-family:
        Poppins,
        Arial,
        sans-serif;

    font-size: 11.5px;

    line-height: 1.4;

    font-weight: 600;
}

.home-operating-link span {
    transition:
        transform .18s ease;
}

.home-operating-item:hover
.home-operating-link span {
    transform: translateX(4px);
}


/* Tablet */

@media (max-width: 1050px) {

    .home-operating-grid {
        width: min(100%, 760px);

        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .home-operating-item.is-workforce {
        width: min(100%, 371px);

        grid-column: 1 / -1;

        justify-self: center;
    }

}


/* Mobile */

@media (max-width: 700px) {

    .home-intro {
        padding:
            58px
            0
            64px;
    }

    .home-intro .home-section-head {
        width: min(100%, 430px);

        margin-bottom: 30px;

        padding:
            0
            6px;
    }

    .home-intro .home-section-head h2 {
        font-size: 30px;
    }

    .home-intro .home-section-head p {
        font-size: 14px;
    }

    .home-operating-grid {
        width: min(100%, 390px);

        grid-template-columns: 1fr;

        gap: 14px;
    }

    .home-operating-item,
    .home-operating-item.is-workforce {
        width: 100%;

        min-height: 0;

        grid-column: auto;

        padding:
            23px
            21px
            21px;
    }

    .home-operating-item:hover {
        transform: translateY(-3px);
    }

    .home-operating-icon {
        margin-bottom: 18px;
    }

    .home-operating-item h3 {
        font-size: 18px;
    }

}

/* BAVELGO_HOME_THREE_CARDS_END */

/* BAVELGO_HOME_GROUP_UI_2026 */

/*
|--------------------------------------------------------------------------
| Homepage refinement
|--------------------------------------------------------------------------
*/

.home-hero,
.home-intro,
.home-products,
.home-cta,
.home-faq {
    font-family:
        "Inter",
        "Aptos",
        "Segoe UI",
        Arial,
        sans-serif;
}

.home-hero {
    min-height: 520px;
    display: flex;
    align-items: center;
    background:
        radial-gradient(
            circle at 88% 20%,
            rgba(105, 35, 255, .20),
            transparent 34%
        ),
        linear-gradient(
            120deg,
            #080b14 0%,
            #0c0d18 58%,
            #16052b 100%
        );
}

.home-hero-inner {
    min-height: 520px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-hero-copy {
    width: min(820px, 100%);
    margin: 0 auto;
    text-align: center;
}

.home-label,
.home-section-label,
.home-benefits-label {
    display: inline-block;
    margin-bottom: 18px;
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.home-label {
    color: #a982ff;
}

.home-hero h1 {
    max-width: 820px;
    margin: 0 auto;
    color: #fff;
    font-size: clamp(42px, 5vw, 68px);
    line-height: 1.04;
    font-weight: 500;
    letter-spacing: -.045em;
}

.home-hero-title-line {
    display: block;
}

.home-hero-copy > p {
    max-width: 650px;
    margin: 25px auto 0;
    color: rgba(255,255,255,.72);
    font-size: 18px;
    line-height: 1.7;
    font-weight: 400;
}

.home-hero-actions {
    justify-content: center;
    margin-top: 32px;
}

.home-hero .bv-button {
    min-height: 48px;
    padding: 0 25px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
}

.home-hero-primary {
    background: #6d28d9;
    border-color: #6d28d9;
}

.home-hero-secondary {
    color: #fff;
    border-color: rgba(255,255,255,.42);
    background: transparent;
}


/*
|--------------------------------------------------------------------------
| Product introduction
|--------------------------------------------------------------------------
*/

.home-intro {
    padding-top: 96px;
    padding-bottom: 104px;
    background: #fff;
}

.home-section-head {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}

.home-section-label,
.home-benefits-label {
    color: #5b21b6;
}

.home-section-head h2,
.home-benefits-head h2,
.home-faq h2,
.home-cta h2 {
    color: #111827;
    font-weight: 500;
    letter-spacing: -.035em;
}

.home-section-head h2,
.home-benefits-head h2 {
    font-size: clamp(32px, 3.2vw, 46px);
    line-height: 1.12;
}

.home-section-head p,
.home-benefits-head > p {
    color: #667085;
    font-size: 16px;
    line-height: 1.75;
}

.home-operating-grid {
    margin-top: 56px;
    gap: 20px;
}

.home-operating-item {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #fff;
    box-shadow: none;
    transition:
        border-color .2s ease,
        transform .2s ease;
}

.home-operating-item:hover {
    transform: translateY(-2px);
    border-color: #c7cbd4;
}


/*
|--------------------------------------------------------------------------
| Icons — black, small, no backgrounds
|--------------------------------------------------------------------------
*/

.home-operating-icon,
.home-benefit-icon {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    margin-bottom: 22px;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #111827 !important;
}

.home-operating-icon *,
.home-benefit-icon *,
.home-operating-icon::before,
.home-operating-icon::after,
.home-benefit-icon::before,
.home-benefit-icon::after {
    color: #111827 !important;
    border-color: #111827 !important;
    background-color: transparent;
}

.home-operating-icon span {
    filter: grayscale(1) brightness(.12);
}

.home-operating-label {
    color: #5b21b6;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.home-operating-item h3,
.home-benefit-card h3 {
    color: #111827;
    font-weight: 500;
    letter-spacing: -.025em;
}

.home-operating-item h3 {
    font-size: 23px;
    line-height: 1.25;
}

.home-operating-item > p,
.home-benefit-summary {
    color: #667085;
    line-height: 1.65;
}

.home-operating-types li {
    color: #475467;
}

.home-operating-link {
    color: #5b21b6;
    font-weight: 500;
}


/*
|--------------------------------------------------------------------------
| Benefits
|--------------------------------------------------------------------------
*/

.home-products {
    padding-top: 104px;
    padding-bottom: 104px;
    background: #f8fafc;
}

.home-benefits-head {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.home-benefits-grid {
    margin-top: 58px;
    gap: 48px;
}

.home-benefit-card {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.home-benefit-card h3 {
    font-size: 20px;
}

.home-benefit-check {
    background: transparent !important;
}


/*
|--------------------------------------------------------------------------
| CTA
|--------------------------------------------------------------------------
*/

.home-cta {
    padding: 88px 0;
    background: #fff;
}

.home-cta-box {
    padding: 48px 54px;
    border-radius: 14px;
    background:
        radial-gradient(
            circle at 85% 20%,
            rgba(255,255,255,.12),
            transparent 34%
        ),
        linear-gradient(
            115deg,
            #4c1d95,
            #6d28d9 58%,
            #5b21b6
        );
    box-shadow: none;
}

.home-cta-box h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(30px, 3vw, 42px);
    line-height: 1.12;
}

.home-cta-box p {
    max-width: 540px;
    color: rgba(255,255,255,.78);
    font-size: 16px;
    line-height: 1.65;
}


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

.home-faq {
    background: #f8fafc;
}

.home-faq-question {
    font-weight: 500;
}

.home-faq-item {
    border-color: #e5e7eb;
    box-shadow: none;
}


/*
|--------------------------------------------------------------------------
| Responsive
|--------------------------------------------------------------------------
*/

@media (max-width: 900px) {

    .home-hero,
    .home-hero-inner {
        min-height: 470px;
    }

    .home-intro,
    .home-products {
        padding-top: 76px;
        padding-bottom: 76px;
    }

    .home-cta-box {
        padding: 38px 34px;
    }
}

@media (max-width: 640px) {

    .home-hero,
    .home-hero-inner {
        min-height: 500px;
    }

    .home-hero {
        padding: 72px 0;
    }

    .home-hero h1 {
        font-size: 40px;
        letter-spacing: -.04em;
    }

    .home-hero-copy > p {
        font-size: 16px;
    }

    .home-hero-actions {
        width: 100%;
        flex-direction: column;
    }

    .home-hero-actions .bv-button {
        width: 100%;
    }

    .home-operating-grid {
        gap: 16px;
    }

    .home-cta {
        padding: 60px 0;
    }

    .home-cta-box {
        padding: 32px 24px;
        border-radius: 12px;
    }
}

/* BAVELGO_BENEFITS_MODERN_2026 */

/*
|--------------------------------------------------------------------------
| Why Bavelgo / Benefits
|--------------------------------------------------------------------------
*/

.home-products {
    position: relative;
    overflow: hidden;
    padding: 110px 0 118px;
    background:
        radial-gradient(
            circle at 4% 8%,
            rgba(109, 40, 217, .045),
            transparent 24%
        ),
        radial-gradient(
            circle at 96% 94%,
            rgba(109, 40, 217, .035),
            transparent 26%
        ),
        #f8fafc;
}


/*
|--------------------------------------------------------------------------
| Heading
|--------------------------------------------------------------------------
*/

.home-products .home-benefits-head {
    width: min(760px, 100%);
    margin: 0 auto;
    text-align: center;
}

.home-products .home-benefits-head h2 {
    margin: 0;
    color: #101828;

    font-family:
        "Inter",
        "Aptos",
        "Segoe UI",
        Arial,
        sans-serif;

    font-size: clamp(36px, 3.5vw, 50px);
    line-height: 1.08;
    font-weight: 400;
    letter-spacing: -.045em;
}

.home-products .home-benefits-head > p {
    width: min(650px, 100%);
    margin: 20px auto 0;

    color: #667085;

    font-size: 17px;
    line-height: 1.65;
    font-weight: 400;
}


/*
|--------------------------------------------------------------------------
| Cards layout
|--------------------------------------------------------------------------
*/

.home-products .home-benefits-grid {
    width: min(1200px, 100%);
    margin: 58px auto 0;

    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 22px;
    align-items: stretch;
}


/*
|--------------------------------------------------------------------------
| Card
|--------------------------------------------------------------------------
*/

.home-products .home-benefit-card {
    position: relative;

    min-width: 0;
    padding: 36px 36px 34px;

    background: rgba(255, 255, 255, .92) !important;

    border:
        1px solid
        #e2e7ef !important;

    border-radius: 14px;

    box-shadow:
        0 1px 2px rgba(16, 24, 40, .02),
        0 8px 28px rgba(16, 24, 40, .025) !important;

    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

.home-products .home-benefit-card:hover {
    transform: translateY(-2px);

    border-color:
        #d4d9e2 !important;

    box-shadow:
        0 2px 4px rgba(16, 24, 40, .025),
        0 14px 34px rgba(16, 24, 40, .04) !important;
}


/*
|--------------------------------------------------------------------------
| Main icons
| Black / small / no background
|--------------------------------------------------------------------------
*/

.home-products .home-benefit-icon {
    display: block;

    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;

    margin: 0 0 27px;

    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background-color: transparent !important;
    box-shadow: none !important;

    color: #101828 !important;

    filter:
        grayscale(1)
        brightness(.1);
}

.home-products .home-benefit-icon::before,
.home-products .home-benefit-icon::after {
    border-color: #101828 !important;
    color: #101828 !important;
}


/*
|--------------------------------------------------------------------------
| Card typography
|--------------------------------------------------------------------------
*/

.home-products .home-benefit-card h3 {
    margin: 0;

    color: #101828;

    font-size: 23px;
    line-height: 1.25;
    font-weight: 500;
    letter-spacing: -.025em;
}

.home-products .home-benefit-summary {
    min-height: 76px;

    margin: 14px 0 0;

    color: #667085;

    font-size: 15px;
    line-height: 1.65;
    font-weight: 400;
}


/*
|--------------------------------------------------------------------------
| Divider
|--------------------------------------------------------------------------
*/

.home-products .home-benefit-list {
    margin: 24px 0 0;
    padding: 24px 0 0;

    border-top:
        1px solid
        #e4e7ec;
}


/*
|--------------------------------------------------------------------------
| Benefit rows
|--------------------------------------------------------------------------
*/

.home-products .home-benefit-list li {
    display: grid;

    grid-template-columns:
        20px
        minmax(0, 1fr);

    column-gap: 14px;

    align-items: start;

    padding: 0;
    margin: 0;
}

.home-products .home-benefit-list li + li {
    margin-top: 22px;
}

.home-products .home-benefit-list strong {
    display: block;

    margin: 0 0 5px;

    color: #101828;

    font-size: 14px;
    line-height: 1.4;
    font-weight: 600;
}

.home-products .home-benefit-list p {
    margin: 0;

    color: #667085;

    font-size: 14px;
    line-height: 1.55;
    font-weight: 400;
}


/*
|--------------------------------------------------------------------------
| Purple checks
|--------------------------------------------------------------------------
*/

.home-products .home-benefit-check {
    position: relative;

    display: block;

    width: 18px !important;
    height: 18px !important;

    margin-top: 1px;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.home-products .home-benefit-check::before {
    content: "";

    position: absolute;

    left: 3px;
    top: 2px;

    width: 8px;
    height: 4px;

    border-left:
        2px solid
        #7c3aed;

    border-bottom:
        2px solid
        #7c3aed;

    transform: rotate(-45deg);
}


/*
|--------------------------------------------------------------------------
| Tablet
|--------------------------------------------------------------------------
*/

@media (max-width: 980px) {

    .home-products {
        padding:
            88px
            0
            94px;
    }

    .home-products .home-benefits-grid {
        grid-template-columns: 1fr;
        width: min(680px, 100%);
        gap: 18px;
    }

    .home-products .home-benefit-summary {
        min-height: 0;
    }
}


/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 640px) {

    .home-products {
        padding:
            70px
            0
            74px;
    }

    .home-products .home-benefits-head {
        text-align: left;
    }

    .home-products .home-benefits-head h2 {
        font-size: 34px;
        line-height: 1.1;
    }

    .home-products .home-benefits-head > p {
        margin-top: 16px;

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

    .home-products .home-benefits-grid {
        margin-top: 40px;
    }

    .home-products .home-benefit-card {
        padding:
            28px
            25px
            29px;
    }

    .home-products .home-benefit-icon {
        margin-bottom: 22px;
    }

    .home-products .home-benefit-card h3 {
        font-size: 21px;
    }

    .home-products .home-benefit-list {
        margin-top: 22px;
        padding-top: 22px;
    }
}

/* BAVELGO_FAQ_CENTERED_2026 */

.home-faq {
    padding: 104px 0 110px;
    background: #f8fafc;
}

.home-faq .bv-container {
    display: block;
}

.home-faq .home-faq-layout {
    display: block;
}

.home-faq-title {
    width: min(700px, 100%);
    margin: 0 auto;
    text-align: center;
}

.home-faq-title h2 {
    margin: 0;

    color: #101828;

    font-family:
        "Inter",
        "Aptos",
        "Segoe UI",
        Arial,
        sans-serif;

    font-size: clamp(34px, 3.2vw, 46px);
    line-height: 1.1;
    font-weight: 400;
    letter-spacing: -.04em;
}

.home-faq-title p {
    margin: 17px auto 0;

    color: #667085;

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

.home-faq-list {
    width: min(760px, 100%);
    margin: 46px auto 0;
}

.home-faq-item {
    margin: 0 0 10px;

    overflow: hidden;

    background: #fff;

    border:
        1px solid
        #e2e7ef;

    border-radius: 10px;

    box-shadow: none;
}

.home-faq-question {
    width: 100%;
    min-height: 60px;

    padding: 17px 20px;

    color: #101828;
    background: #fff;

    font-size: 14px;
    line-height: 1.45;
    font-weight: 500;

    text-align: left;
}

.home-faq-answer {
    color: #667085;

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

@media (max-width: 640px) {

    .home-faq {
        padding:
            72px
            0
            76px;
    }

    .home-faq-title {
        text-align: left;
    }

    .home-faq-title h2 {
        font-size: 34px;
    }

    .home-faq-list {
        margin-top: 34px;
    }
}

/* BAVELGO_FAQ_APPROVED_2026 */

.home-faq {
    padding: 92px 0 96px !important;
    background: #f8fafc !important;
}

.home-faq > .bv-container {
    width: min(100% - 40px, 1180px) !important;
    max-width: 1180px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    margin-left: auto !important;
    margin-right: auto !important;
}

.home-faq-title {
    width: 100% !important;
    max-width: 760px !important;

    margin: 0 auto !important;

    text-align: center !important;
}

.home-faq-title h2 {
    max-width: none !important;

    margin: 0 auto !important;

    color: #101828 !important;

    font-family:
        "Inter",
        "Aptos",
        "Segoe UI",
        Arial,
        sans-serif;

    font-size: clamp(36px, 3.2vw, 48px) !important;
    line-height: 1.08 !important;

    font-weight: 500 !important;
    letter-spacing: -.04em !important;
}

.home-faq-title p {
    max-width: 580px !important;

    margin: 16px auto 0 !important;

    color: #667085 !important;

    font-size: 15px !important;
    line-height: 1.6 !important;

    text-align: center !important;
}

.home-faq-list {
    width: 100% !important;
    max-width: 760px !important;

    margin: 38px auto 0 !important;
}

.home-faq-item {
    width: 100% !important;

    margin: 0 0 10px !important;

    overflow: hidden;

    background: #ffffff !important;

    border: 1px solid #dfe4ec !important;
    border-radius: 9px !important;

    box-shadow: none !important;
}

.home-faq-question {
    width: 100% !important;
    min-height: 58px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    gap: 24px !important;

    padding: 16px 20px !important;

    border: 0 !important;

    color: #101828 !important;
    background: transparent !important;

    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 500 !important;

    text-align: left !important;

    cursor: pointer;
}

.home-faq-question:hover {
    background: #fbfcfe !important;
}

.home-faq-answer {
    padding: 0 20px 19px !important;

    color: #667085 !important;

    font-size: 14px !important;
    line-height: 1.65 !important;

    text-align: left !important;
}


/* Mobile */

@media (max-width: 640px) {

    .home-faq {
        padding: 68px 0 72px !important;
    }

    .home-faq > .bv-container {
        width: min(100% - 32px, 1180px) !important;
    }

    .home-faq-title {
        text-align: center !important;
    }

    .home-faq-title h2 {
        font-size: 34px !important;
    }

    .home-faq-title p {
        text-align: center !important;
    }

    .home-faq-list {
        margin-top: 32px !important;
    }
}

/* BAVELGO_HERO_CUSTOMER_2026 */

.home-hero {
    min-height: 610px !important;

    background:
        radial-gradient(
            circle at 88% 16%,
            rgba(99, 30, 190, .28),
            transparent 32%
        ),
        radial-gradient(
            circle at 10% 5%,
            rgba(83, 25, 160, .15),
            transparent 30%
        ),
        linear-gradient(
            112deg,
            #080b13 0%,
            #0d0d19 52%,
            #210541 100%
        ) !important;
}

.home-hero-inner {
    min-height: 610px !important;

    display: flex;
    align-items: center;
    justify-content: center;
}

.home-hero-copy {
    width: min(920px, 100%) !important;

    margin: 0 auto !important;

    text-align: center !important;
}

.home-hero h1 {
    max-width: 900px !important;

    margin: 0 auto !important;

    color: #ffffff !important;

    font-family:
        "Inter",
        "Aptos",
        "Segoe UI",
        Arial,
        sans-serif;

    font-size: clamp(52px, 5.2vw, 76px) !important;
    line-height: 1.03 !important;

    font-weight: 400 !important;

    letter-spacing: -.052em !important;
}

.home-hero-title-line {
    display: block;
}

.home-hero-copy > p {
    width: min(700px, 100%) !important;

    margin: 28px auto 0 !important;

    color: rgba(255, 255, 255, .70) !important;

    font-size: 18px !important;
    line-height: 1.65 !important;

    font-weight: 400 !important;
}

.home-hero-actions {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 12px;

    margin-top: 34px !important;
}

.home-hero-actions .bv-button {
    min-width: 156px;
    min-height: 50px;

    padding: 0 24px;

    border-radius: 8px !important;

    font-size: 14px;
    font-weight: 600;
}

.home-hero-primary {
    background: #6d28d9 !important;
    border-color: #6d28d9 !important;

    box-shadow: none !important;
}

.home-hero-primary:hover {
    background: #5b21b6 !important;
    border-color: #5b21b6 !important;
}

.home-hero-secondary {
    color: #ffffff !important;

    background: rgba(255, 255, 255, .025) !important;

    border:
        1px solid
        rgba(255, 255, 255, .30) !important;

    box-shadow: none !important;
}

.home-hero-secondary:hover {
    background:
        rgba(255, 255, 255, .08) !important;

    border-color:
        rgba(255, 255, 255, .48) !important;
}


/*
|--------------------------------------------------------------------------
| Hero mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 640px) {

    .home-hero,
    .home-hero-inner {
        min-height: 560px !important;
    }

    .home-hero {
        padding: 70px 0 !important;
    }

    .home-hero h1 {
        font-size: 43px !important;
        line-height: 1.06 !important;
    }

    .home-hero-copy > p {
        margin-top: 23px !important;

        font-size: 16px !important;
    }

    .home-hero-actions {
        width: 100%;

        margin-top: 29px !important;

        flex-direction: column;
    }

    .home-hero-actions .bv-button {
        width: 100%;
    }
}


/* ==========================================================
   BAVELGO HOME — FINAL MOBILE UI
   Desktop remains unchanged
   ========================================================== */

@media (max-width: 640px) {

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

    .home-hero {
        min-height: auto;
        padding:
            76px
            20px
            82px;
    }

    .home-hero-inner {
        min-height: auto;
        padding: 0;
    }

    .home-hero-copy {
        width: 100%;
        max-width: none;
        margin: 0;
        text-align: left;
    }

    .home-hero h1 {
        max-width: 560px;
        margin: 0;

        font-size: clamp(42px, 12vw, 52px);
        line-height: 0.99;
        font-weight: 400;
        letter-spacing: -2.3px;

        text-align: left;
    }

    .home-hero-title-line {
        display: inline;
    }

    .home-hero-title-line:not(:last-child)::after {
        content: " ";
    }

    .home-hero-copy > p {
        max-width: 540px;

        margin:
            28px
            0
            0;

        font-size: 17px;
        line-height: 1.6;

        text-align: left;
    }

    .home-hero-actions {
        display: flex;
        flex-direction: column;
        align-items: stretch;

        width: 100%;

        margin-top: 32px;
        gap: 11px;
    }

    .home-hero-actions .bv-button {
        width: 100%;
        min-height: 52px;

        padding:
            0
            22px;

        border-radius: 10px;

        font-size: 16px;
        font-weight: 600;
    }


    /* ------------------------------------------------------
       PRODUCTS
       ------------------------------------------------------ */

    .home-intro {
        padding:
            70px
            20px;
    }

    .home-intro .home-section-head {
        max-width: 100%;
        margin-bottom: 38px;
        text-align: left;
    }

    .home-intro .home-section-head h2 {
        font-size: 34px;
        line-height: 1.08;
        letter-spacing: -1.2px;
        text-align: left;
    }

    .home-intro .home-section-head p {
        max-width: none;
        margin-left: 0;
        margin-right: 0;

        font-size: 16px;
        line-height: 1.6;

        text-align: left;
    }

    .home-operating-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .home-operating-item,
    .home-operating-item.is-workforce {
        min-height: 0;
        padding: 25px 22px;

        border-radius: 14px;
    }

    .home-operating-icon {
        width: 25px;
        height: 25px;
        margin-bottom: 20px;
    }

    .home-operating-label {
        font-size: 11px;
        letter-spacing: 1.3px;
    }

    .home-operating-item h3 {
        margin-top: 9px;

        font-size: 25px;
        line-height: 1.12;
        letter-spacing: -0.7px;
    }

    .home-operating-item > p {
        margin-top: 14px;

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

    .home-operating-types {
        margin-top: 22px;
    }

    .home-operating-types li {
        min-height: 31px;
        font-size: 14px;
    }

    .home-operating-link {
        margin-top: 22px;
        padding-top: 17px;

        font-size: 14px;
    }


    /* ------------------------------------------------------
       BENEFITS
       ------------------------------------------------------ */

    .home-products {
        padding:
            70px
            20px;
    }

    .home-products .home-benefits-head {
        max-width: 100%;
        margin-bottom: 38px;
        text-align: left;
    }

    .home-products .home-benefits-head h2 {
        font-size: 34px;
        line-height: 1.08;
        letter-spacing: -1.2px;
        text-align: left;
    }

    .home-products .home-benefits-head > p {
        font-size: 16px;
        line-height: 1.6;
        text-align: left;
    }

    .home-products .home-benefits-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .home-products .home-benefit-card {
        padding:
            25px
            22px;

        border-radius: 14px;
    }

    .home-products .home-benefit-icon {
        width: 25px;
        height: 25px;

        margin-bottom: 20px;
    }

    .home-products .home-benefit-card h3 {
        font-size: 24px;
        line-height: 1.15;
        letter-spacing: -0.6px;
    }

    .home-products .home-benefit-summary {
        margin-top: 12px;

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

    .home-products .home-benefit-list {
        margin-top: 22px;
    }


    /* ------------------------------------------------------
       CTA
       ------------------------------------------------------ */

    .home-cta {
        padding:
            58px
            20px;
    }

    .home-cta-box {
        padding:
            32px
            24px;

        border-radius: 16px;
    }

    .home-cta-box h2 {
        font-size: 31px;
        line-height: 1.08;
        letter-spacing: -1px;
    }

    .home-cta-box p {
        font-size: 16px;
        line-height: 1.6;
    }

    .home-cta-actions {
        display: flex;
        flex-direction: column;
        align-items: stretch;

        width: 100%;
        gap: 10px;
    }

    .home-cta-actions a {
        width: 100%;
        min-height: 50px;
    }


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

    .home-faq {
        padding:
            66px
            20px
            72px;
    }

    .home-faq > .bv-container {
        width: 100%;
        max-width: 680px;
        margin: 0 auto;
        padding: 0;
    }

    .home-faq-title {
        width: 100%;
        max-width: 520px;

        margin:
            0
            auto
            30px;

        text-align: center;
    }

    .home-faq-title h2 {
        font-size: 31px;
        line-height: 1.08;
        letter-spacing: -1px;
    }

    .home-faq-title p {
        max-width: 420px;

        margin:
            12px
            auto
            0;

        font-size: 14px;
        line-height: 1.55;
    }

    .home-faq-list {
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
        gap: 9px;
    }

    .home-faq-item {
        border-radius: 10px;
    }

    .home-faq-question {
        min-height: 58px;

        padding:
            0
            17px;

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

    .home-faq-answer {
        padding:
            0
            17px;

        font-size: 14px;
        line-height: 1.6;
    }

    .home-faq-item.open .home-faq-answer {
        padding-bottom: 18px;
    }


    /* ------------------------------------------------------
       IMAGES / MEDIA
       ------------------------------------------------------ */

    .home-hero img,
    .home-intro img,
    .home-products img,
    .home-cta img {
        display: block;

        width: 100%;
        max-width: 100%;
        height: auto;

        object-fit: contain;
    }

}


@media (max-width: 380px) {

    .home-hero {
        padding:
            64px
            17px
            70px;
    }

    .home-hero h1 {
        font-size: 39px;
        letter-spacing: -1.8px;
    }

    .home-hero-copy > p {
        font-size: 16px;
    }

    .home-intro,
    .home-products,
    .home-faq {
        padding-left: 17px;
        padding-right: 17px;
    }

}