.vof-stats {
    padding: 100px 0;
    background: var(--bg);
}

.vof-stats__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.vof-stats__card {
    background: var(--surface);
    padding: 40px 28px;
    border-radius: var(--radius-lg);
    text-align: center;
    border: 1px solid var(--border-light);
    transition: transform 0.3s, box-shadow 0.3s;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.vof-stats__card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0,0,0,0.04);
}

.vof-stats__num {
    font-family: var(--font-mono);
    font-size: 3rem;
    font-weight: 500;
    display: block;
    letter-spacing: -0.05em;
    color: var(--ink);
    line-height: 1;
}

.vof-stats__suffix {
    font-family: var(--font-mono);
    font-size: 1.25rem;
    color: var(--accent);
    font-weight: 500;
}

.vof-stats__label {
    font-family: var(--font-mono);
    font-size: 0.6875rem;
    color: var(--muted);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    display: block;
}

@media (max-width: 1024px) {
    .vof-stats__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
    .vof-stats { padding: 64px 0; }
    .vof-stats__grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .vof-stats__card { padding: 28px 16px; }
    .vof-stats__num { font-size: 2.25rem; }
}