.stats-section {
display: flex;
justify-content: center;
align-items: center;
gap: 3rem;
padding: 4rem 2rem;
background: var(--color-text);
flex-wrap: wrap;
@media (max-width: 900px) {
gap: 2rem;
padding: 3rem 1.5rem;
}
}
.stat-item {
text-align: center;
@media (max-width: 900px) {
flex: 1;
min-width: 120px;
}
}
.stat-number {
display: block;
font-size: clamp(3rem, 8vw, 5rem);
font-weight: var(--font-weight-extrabold);
color: var(--color-white);
line-height: 1;
letter-spacing: var(--letter-spacing-tight);
}
.stat-label {
display: block;
font-size: 0.85rem;
font-weight: var(--font-weight-medium);
color: rgba(255, 255, 255, 0.5);
text-transform: uppercase;
letter-spacing: 0.1em;
margin-top: 0.5rem;
}
.stat-divider {
width: 1px;
height: 60px;
background: rgba(255, 255, 255, 0.15);
@media (max-width: 900px) {
display: none;
}
} .stat-number .stat-prefix {
font-size: 0.4em;
font-weight: 600;
opacity: 0.78;
letter-spacing: 0.02em;
margin-right: 0.1em;
vertical-align: 0.18em;
}