/* ==========================================================================
   Trust Stats Section
   Layout: trust_stats
   Ported from HTML/index.html lines 98-103, 357-365. rem→px at 16px base.
   ========================================================================== */

section.trust-stats {
    background: var(--color-blue);
    color: #eaf0fb;
    /* Cancel .flexible-section default vertical padding — this band uses the HTML value. */
    padding-top: 46px;
    padding-bottom: 36px;
}

.trust-stats .section-heading-wrap {
    margin-bottom: 24px;
}
.trust-stats .section-heading-wrap .eyebrow {
    color: var(--color-green);
}
.trust-stats .section-heading-wrap-heading {
    color: var(--color-white);
    font-size: 32px;
    line-height: 1.2;
    margin: 8px 0 0;
}

.trust-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
    text-align: center;
}

.trust-stat-num {
    font-size: 38px;
    font-size: clamp(1.875rem, 1.4519rem + 0.7692vw, 2.375rem);
    font-weight: 800;
    color: var(--color-white);
    line-height: 1.1;
}

.trust-stat-lbl {
    font-size: 16px;
    opacity: .86;
    color: #eaf0fb;
    margin-top: 10px;
}

/* Auto-fit for non-4 counts. */
.trust-stats-grid[data-count="1"] { grid-template-columns: 1fr; }
.trust-stats-grid[data-count="2"] { grid-template-columns: repeat(2, 1fr); }
.trust-stats-grid[data-count="3"] { grid-template-columns: repeat(3, 1fr); }
.trust-stats-grid[data-count="5"] { grid-template-columns: repeat(5, 1fr); }
.trust-stats-grid[data-count="6"] { grid-template-columns: repeat(3, 1fr); }
.trust-stats-grid[data-count="7"],
.trust-stats-grid[data-count="8"] { grid-template-columns: repeat(4, 1fr); }


@media (max-width: 1360px) {
    .trust-stats-grid[data-count="6"] { grid-template-columns: repeat(3, 1fr); }
    .trust-stats-grid[data-count="5"] { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 920px) {
    .trust-stats-grid[data-count="6"] { grid-template-columns: repeat(2, 1fr); }
    .trust-stats-grid[data-count="5"] { grid-template-columns: repeat(2, 1fr); }
    .trust-stats-grid{
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .trust-stats-grid,
    .trust-stats-grid[data-count="3"],
    .trust-stats-grid[data-count="5"],
    .trust-stats-grid[data-count="6"],
    .trust-stats-grid[data-count="7"],
    .trust-stats-grid[data-count="8"] {
        grid-template-columns: repeat(1, 1fr);
        gap: 18px;
    }
}