/* ==========================================================================
   Layout: Stats Row  (.pb-sr)
   Centered heading + row of stat cards with hover shadow + border dividers.
   ========================================================================== */

.pb-sr {
    padding: 100px 0;
}

/* ── Head ─────────────────────────────────────────────────────────────────── */

.pb-sr__head {
    text-align: center;
    margin-bottom: 64px;
}

.pb-sr__label {
font-family: var(--font-family);
font-weight: 500;
font-size: 15px;
line-height: 160%;
letter-spacing: 0.05em;
text-transform: uppercase;
color: var(--text-base);
    margin: 0 0 24px;
}

.pb-sr__heading {
font-family: var(--second-family);
font-weight: 550;
font-size: 36px;
line-height: 128%;
letter-spacing: -0.02em;
text-align: center;
background: linear-gradient(169deg, rgba(0, 5, 25, 0.9) 0%, #000519 50%, rgba(0, 5, 25, 0.9) 100%);
background-clip: text;
max-width: 400px;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
    margin: 0 auto 60px auto;
}

/* ── List ─────────────────────────────────────────────────────────────────── */

.pb-sr__list {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

/* ── Item ─────────────────────────────────────────────────────────────────── */

.pb-sr__item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: center;
    padding:  60px 18px;
    border-right: 1px solid var(--base-border-black, rgba(18, 23, 51, 0.10));
    transition: box-shadow 0.25s ease, background 0.25s ease;
    cursor: default;
}

.pb-sr__item:last-child {
    border-right: none;
}

.pb-sr__item:hover {
box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.01), 0 6px 17px 0 rgba(0, 0, 0, 0.01), 0 15px 40px 0 rgba(0, 0, 0, 0.02);
background: var(--base-white);
}

/* ── Value ────────────────────────────────────────────────────────────────── */

.pb-sr__value {
font-family: var(--second-family);
font-weight: 550;
font-size: 36px;
line-height: 128%;
letter-spacing: -0.02em;
color: var(--text-base);
margin-bottom: 8px;
text-align: center;
display: block;
width: 100%;
}

.pb-sr__value--accent {
}

/* ── Description ──────────────────────────────────────────────────────────── */

.pb-sr__desc {
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
line-height: 150%;
letter-spacing: 0.01em;
text-align: center;
color: var(--text-base);
text-align: center;
display: block;
width: 100%;
}
.pb-sr__item:hover .pb-sr__value{
    color: var(--brand-blue-500);
}
/* ── Responsive ───────────────────────────────────────────────────────────── */

@media (max-width: 991px) {
    .pb-sr__list {
        flex-wrap: wrap;
    }

    .pb-sr__item {
        flex: 1 1 calc(50% - 1px);
        border-right: 1px solid var(--base-border-black, rgba(18, 23, 51, 0.10));
        border-bottom: 1px solid var(--base-border-black, rgba(18, 23, 51, 0.10));
    }

    .pb-sr__item:nth-child(2n) {
        border-right: none;
    }

    .pb-sr__item:nth-last-child(-n+2):not(:has(~ .pb-sr__item:nth-last-child(-n+2))) {
        border-bottom: none;
    }
}

@media (max-width: 768px) {
    .pb-sr {
        padding: 60px 0;
    }

    .pb-sr__head {
        margin-bottom: 40px;
    }

    .pb-sr__label {
        font-size: 12px;
        line-height: 133%;
        letter-spacing: 0.05em;
        margin-bottom: 16px;
    }

    .pb-sr__heading {
        font-size: 32px;
        margin-bottom: 0;
    }

    /* 2-column grid */
    .pb-sr__list {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .pb-sr__item {
        flex: 0 0 50%;
        align-items: center;
        padding: 40px 16px;
        border-right: 1px solid var(--base-border-black, rgba(18, 23, 51, 0.10));
        border-bottom: 1px solid var(--base-border-black, rgba(18, 23, 51, 0.10));
    }

    /* Right column — no right border */
    .pb-sr__item:nth-child(2n) {
        border-right: none;
    }

    /* Last row — no bottom border */
    .pb-sr__item:nth-last-child(-n+2) {
        border-bottom: none;
    }

    /* Value — always blue on mobile */
    .pb-sr__value {
        font-size: 44px;
        line-height: 118%;
        letter-spacing: -0.02em;
        color: var(--brand-blue-500);
    }

    .pb-sr__desc {
        font-size: 14px;
        line-height: 157%;
        letter-spacing: 0.01em;
        color: var(--text-bold);
    }
    .pb-sr__head{
        font-size: 28px;
line-height: 129%;
letter-spacing: -0.02em;
margin-bottom: 24px;
    }
    .pb-sr__value{
        font-size: 22px;
line-height: 136%;
letter-spacing: -0.02em;
    }
    .pb-sr__desc{
        font-size: 14px;
line-height: 157%;
letter-spacing: 0.02em;
    }
    .pb-sr__item{
        padding: 16px;
    }
}