.metrics-section {
	padding: 3rem 6%;
	background: linear-gradient(135deg, rgba(75, 57, 132, 0.3) 0%, rgba(39, 35, 76, 0.5) 100%);
	border-top: 1px solid rgba(166, 111, 240, 0.15);
	border-bottom: 1px solid rgba(166, 111, 240, 0.15);
}

.metrics-grid {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4rem;
	flex-wrap: wrap;
	max-width: 1100px;
	margin: 0 auto;
}

.metric-item {
	text-align: center;
	flex: 1;
	min-width: 160px;
}

.metric-number {
	font-family: "Amazon Ember Wide", sans-serif;
	font-size: 2.2rem;
	font-weight: 700;
	color: var(--colp-yellow);
	margin-bottom: 0.4rem;
	line-height: 1.1;
}

.metric-label {
	font-size: 0.85rem;
	font-weight: 300;
	color: var(--colp-gray);
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1.4;
}

@media (max-width: 768px) {
	.metrics-section {
		padding: 2.5rem 5%;
	}

	.metrics-grid {
		gap: 2rem;
	}

	.metric-number {
		font-size: 1.8rem;
	}
}

@media (max-width: 478px) {
	.metrics-grid {
		grid-template-columns: 1fr 1fr;
		display: grid;
		gap: 1.5rem;
	}

	.metric-number {
		font-size: 1.5rem;
	}
}