/**
 * Landing / hero backgrounds — loaded as external stylesheet (style-src 'self' only).
 * Replaces inline style="" on key landing templates when CSP blocks unsafe-inline.
 */

[x-cloak] {
	display: none !important;
}

/* AWS Well-Architected Framework — hero + promo card */
.cil-landing-hero-wafr {
	background: linear-gradient(86deg, #4b126d -7.75%, rgba(75, 18, 109, 0) 26.42%),
		linear-gradient(95deg, #240c4b 1.46%, rgba(36, 12, 75, 0) 39.05%),
		linear-gradient(267deg, #3f32a4 0%, rgba(125, 109, 250, 0) 39.78%),
		radial-gradient(166.5% 161.13% at 67.33% 81.39%, #8a3f9a 0%, #240c4a 80.49%, #4c39a1 100%),
		#340e59;
	transform: translateZ(0);
	backface-visibility: hidden;
}

/* AWS OLA */
.cil-landing-hero-ola {
	background: linear-gradient(86deg, #0b0933 -7.75%, rgba(75, 18, 109, 0) 26.42%),
		linear-gradient(95deg, #240c4b 1.46%, rgba(36, 12, 75, 0) 39.05%),
		linear-gradient(267deg, #3f32a4 0%, rgba(125, 109, 250, 0) 39.78%),
		radial-gradient(166.5% 96.13% at 37.33% 81.39%, #8a3f9a 0%, #240c4a 80.49%, #4c39a1 100%),
		#340e59;
	transform: translateZ(0);
	backface-visibility: hidden;
}

/* AWS CPO — hero image */
.cil-landing-hero-aws-cpo {
	background-image: url("../images/demo/awsCPOHeroBg.png");
	background-size: cover;
	background-position: center;
	transform: translateZ(0);
	backface-visibility: hidden;
}

/* GCP CPO */
.cil-landing-hero-gcp-cpo {
	background-image: url("../images/cpo.svg");
	background-size: cover;
	background-position: center;
	transform: translateZ(0);
	backface-visibility: hidden;
}