/* ─── Hero intro — full-width banner immediately after the header ──────────── */

.bh-hero-intro {
    background:
        radial-gradient(109.72% 156.18% at 9.95% 90.59%, rgba(46, 157, 225, 0.12) 0%, rgba(46, 157, 225, 0) 45%),
        radial-gradient(66.53%  94.71%  at 70%   60%,    rgba(46, 157, 225, 0.12) 0%, rgba(46, 157, 225, 0) 70%);
    min-height: 158px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px 24px;
    gap: 16px;
}

.bh-hero-intro__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

/* Badge pill */
.bh-hero-intro__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(9, 40, 58, 0.05);
    border: 1px solid rgba(9, 40, 58, 0.2);
    border-radius: 16777216px; /* Figma pill radius */
    padding: 8px 12px;
    font-family: 'Proxima Nova', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #09283a;
    letter-spacing: normal;
    margin: 0;
}

.bh-hero-intro__heading {
    font-family: 'Proxima Nova', sans-serif;
    font-weight: 300;
    font-size: 36px;
    line-height: 1.33;
    letter-spacing: 0.01em;
    text-align: center;
    color: #1e2225;
    margin: 0;
}

.bh-hero-intro__desc {
    font-family: 'Proxima Nova', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.33;
    letter-spacing: 0.01em;
    text-align: center;
    color: #1e2225;
    margin: 0;
    max-width: 610px;
}

/* ─── Mobile ────────────────────────────────────────────────────────────────── */

@media (max-width: 767px) {
    .bh-hero-intro {
        min-height: 121px;
        padding: 20px 24px;
        gap: 12px;
    }

    .bh-hero-intro__inner {
        gap: 12px;
    }

    .bh-hero-intro__heading {
        font-size: 20px;
    }

    .bh-hero-intro__desc {
        font-size: 12px;
    }
}