/* Stats-specific styles */
.stats {
	position: relative;
	z-index: 3;
}

.stats__grid {
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.stats__item {
	background: var(--dixital-color-surface);
	border: 1px solid var(--dixital-color-line);
	border-radius: calc(var(--dixital-radius-lg) * 1.5);
	box-shadow: var(--dixital-shadow-md);
	display: grid;
	gap: 10px;
	padding: 24px;
}

.stats__item > * {
	margin: 0;
}

.stats__item strong {
	font-family: var(--dixital-font-family-heading);
	font-size: clamp(calc(var(--dixital-font-size-heading) * 1.2), 4vw, calc(var(--dixital-font-size-hero) * 0.78));
	font-weight: 900;
	letter-spacing: -0.04em;
	line-height: 0.9;
	text-transform: uppercase;
}

.stats__item span {
	color: var(--dixital-color-muted);
	font-size: max(0.96rem, calc(var(--dixital-font-size-body) * 0.96));
	line-height: 1.65;
}

.stats__item p {
	color: #0a0a0a;
	font-size: max(0.96rem, calc(var(--dixital-font-size-body) * 0.96));
	line-height: 1.65;
}

@media (max-width: 899px) {
	.stats {
		margin-top: 0;
		padding-top: 18px;
	}

	.stats__grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 767px) {
	.stats__item {
		gap: 8px;
		padding: 20px;
	}
}