.snapshot-pill {
	display: flex; 
	align-items: center; 
	justify-content: space-between;
	width: 100%; 
	max-width: 950px; 
	margin: 0 auto; 
	padding: 40px 50px; 
	
	/* HYBRID GLASS STYLE */
	background: rgba(255, 255, 255, 0.08); 
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	border: 1px solid rgba(255, 255, 255, 0.15); 
	border-radius: 32px; 
	box-shadow: 
		inset 0 0 20px rgba(255, 255, 255, 0.05),
		0 10px 30px rgba(0, 0, 0, 0.3);
}

.snapshot-item {
	display: flex;
	flex-direction: column;
}

.snap-label { 
	font-size: 12px; 
	text-transform: uppercase; 
	color: var(--uncan-yellow);
	font-weight: 700; 
	letter-spacing: 0.1em;
	line-height: 1;
	margin-bottom: 4px;
}

.snap-value { 
	font-size: 32px;
	color: white; 
	font-weight: 700; 
	display: block; 
	line-height: 1;
}

.snap-value small { 
	font-size: 14px; 
	font-weight: 400;
}

.snap-divider { 
	width: 1px; 
	height: 40px; 
	background: rgba(255,255,255,0.2); 
	margin: 0 20px; 
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
	.snapshot-pill { 
		padding: 20px 30px;
		flex-direction: column; 
		border-radius: 24px; 
		padding: 30px; 
		gap: 20px; 
		text-align: center;
	}
	.snap-value { 
		font-size: 24px; 
	}
}

@media (max-width: 767px) {
	.snap-divider { 
		width: 40px; 
		height: 1px; 
		margin: 10px auto;
	}
}