.home-page .stats-bar {
    --home-stat-panel: rgba(255,255,255,.9);
    --home-stat-solid: #fff;
    --home-stat-text: #0a1735;
    --home-stat-muted: #64748b;
    --home-stat-line: rgba(23,46,84,.12);
    --home-stat-shadow: 0 20px 56px rgba(31,65,116,.13);
    position: relative;
    z-index: 15;
    margin: 0;
    padding: 28px 0;
    overflow: hidden;
    border: 0;
    background:
        radial-gradient(circle at 12% 50%,rgba(22,119,255,.08),transparent 22rem),
        radial-gradient(circle at 88% 50%,rgba(115,72,255,.08),transparent 22rem),
        var(--bg);
    backdrop-filter: none;
}

[data-theme="dark"] .home-page .stats-bar {
    --home-stat-panel: rgba(13,29,59,.9);
    --home-stat-solid: #102244;
    --home-stat-text: #f8fbff;
    --home-stat-muted: #aebbd1;
    --home-stat-line: rgba(156,185,229,.16);
    --home-stat-shadow: 0 22px 62px rgba(0,0,0,.34);
}

.home-page .stats-bar::before {
    top: 0;
    height: 3px;
    background: linear-gradient(90deg,#05b9ff,#7348ff,#ed4d96,#ff9017);
}

.home-page .stats-bar::after {
    position: absolute;
    inset: auto 8% -90px auto;
    width: 230px;
    height: 230px;
    border: 1px solid color-mix(in srgb,#7348ff 15%,transparent);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.home-page .stats-strip {
    position: relative;
    z-index: 1;
    display: grid;
    width: min(100% - 48px,1210px);
    max-width: 1210px;
    margin: 0 auto;
    padding: 8px;
    grid-template-columns: repeat(6,minmax(0,1fr));
    gap: 8px;
    overflow: visible;
    border: 1px solid var(--home-stat-line);
    border-radius: 22px;
    background: color-mix(in srgb,var(--home-stat-panel) 82%,transparent);
    box-shadow: var(--home-stat-shadow);
    backdrop-filter: blur(24px);
}

.home-page .stat-card {
    --stat-tone: #1677ff;
    position: relative;
    display: grid;
    min-width: 0;
    min-height: 126px;
    padding: 16px 13px;
    grid-template-columns: 46px minmax(0,1fr);
    gap: 11px;
    align-content: center;
    align-items: center;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 16px;
    color: var(--home-stat-text);
    background: var(--home-stat-solid);
    box-shadow: 0 7px 20px rgba(31,65,116,.055);
    animation: none;
    transition: transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease;
}

.home-page .stat-card:nth-child(1) { --stat-tone:#09aee8; }
.home-page .stat-card:nth-child(2) { --stat-tone:#7348ff; }
.home-page .stat-card:nth-child(3) { --stat-tone:#ff9017; }
.home-page .stat-card:nth-child(4) { --stat-tone:#168bff; }
.home-page .stat-card:nth-child(5) { --stat-tone:#ed4d96; }
.home-page .stat-card:nth-child(6) { --stat-tone:#24a968; }

.home-page .stat-card::before {
    top: 0;
    left: 18px;
    right: 18px;
    width: auto;
    height: 3px;
    border-radius: 0 0 999px 999px;
    background: var(--stat-tone);
    opacity: .65;
    transform: none;
}

.home-page .stat-card::after {
    position: absolute;
    right: -34px;
    bottom: -45px;
    width: 95px;
    height: 95px;
    border-radius: 50%;
    background: color-mix(in srgb,var(--stat-tone) 8%,transparent);
    content: "";
}

.home-page .stat-card:hover {
    z-index: 2;
    border-color: color-mix(in srgb,var(--stat-tone) 36%,var(--home-stat-line));
    background: color-mix(in srgb,var(--stat-tone) 5%,var(--home-stat-solid));
    box-shadow: 0 18px 38px color-mix(in srgb,var(--stat-tone) 13%,transparent);
    transform: translateY(-4px);
}

.home-page .stat-card .stat-icon,
.home-page .stat-card:nth-child(n) .stat-icon {
    display: grid;
    width: 46px;
    height: 46px;
    margin: 0;
    place-items: center;
    border: 1px solid color-mix(in srgb,var(--stat-tone) 15%,transparent);
    border-radius: 13px;
    color: var(--stat-tone);
    font-size: 1.05rem;
    background: color-mix(in srgb,var(--stat-tone) 12%,transparent);
    box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--stat-tone) 7%,transparent);
}

.home-page .stat-content { position: relative; z-index: 1; min-width: 0; gap: 6px; }
.home-page .stat-content p {
    overflow: hidden;
    color: var(--home-stat-muted);
    font-size: .63rem;
    font-weight: 800;
    letter-spacing: .055em;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.home-page .stat-value { min-width: 0; gap: 5px; flex-wrap: wrap; }
.home-page .stat-value strong {
    color: var(--home-stat-text);
    font-family: "Space Grotesk",Inter,sans-serif;
    font-size: clamp(1.25rem,1.8vw,1.55rem);
    font-weight: 800;
    letter-spacing: -.035em;
}
.home-page .stat-value small { color: var(--stat-tone); font-size: .58rem; font-weight: 800; letter-spacing: .04em; }

@media (max-width: 1180px) {
    .home-page .stats-strip { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .home-page .stat-card { min-width: 0; border: 1px solid transparent !important; }
}

@media (max-width: 760px) {
    .home-page .stats-bar { padding: 20px 0; }
    .home-page .stats-strip { width: min(100% - 24px,1210px); grid-template-columns: repeat(2,minmax(0,1fr)); padding: 6px; gap: 6px; border-radius: 18px; }
    .home-page .stat-card { min-height: 112px; padding: 13px 10px; grid-template-columns: 40px minmax(0,1fr); gap: 9px; border-radius: 13px; }
    .home-page .stat-card .stat-icon, .home-page .stat-card:nth-child(n) .stat-icon { width: 40px; height: 40px; border-radius: 11px; font-size: .92rem; }
}

@media (max-width: 390px) {
    .home-page .stats-strip { grid-template-columns: 1fr; }
    .home-page .stat-card { min-height: 92px; }
}

@media (prefers-reduced-motion: reduce) {
    .home-page .stat-card { transition: none; }
}