/**
 * Demo-specific presentation accents.
 */

.hitpro-demo-global-airtime .hp-hero {
	background: radial-gradient(circle at 70% 15%, rgba(14, 165, 233, .14), transparent 35%);
}

.hitpro-demo-gift-cards .hp-service-card {
	background: linear-gradient(145deg, color-mix(in srgb, var(--hp-primary) 12%, var(--hp-card)), var(--hp-card));
}

.hitpro-demo-esim-travel .hp-hero {
	background: linear-gradient(165deg, transparent 55%, color-mix(in srgb, var(--hp-secondary) 12%, transparent));
}

.hitpro-demo-dark-fintech .hp-topup-shell,
.hitpro-demo-dark-fintech .hp-dashboard-preview {
	border-color: color-mix(in srgb, var(--hp-accent) 35%, transparent);
}

.hitpro-demo-caribbean .hp-hero {
	background: radial-gradient(circle at 80% 80%, color-mix(in srgb, var(--hp-secondary) 18%, transparent), transparent 35%);
}

.hitpro-demo-reseller .hp-hero-grid {
	grid-template-columns: 1.15fr .85fr;
}

.hitpro-demo-super-app .hp-service-card {
	box-shadow: inset 0 1px rgba(255, 255, 255, .04);
}

@media (max-width: 1050px) {
	.hitpro-demo-reseller .hp-hero-grid {
		grid-template-columns: 1fr;
	}
}