/* Shared gradient overlay — a scrim that fades to nothing along one axis.
   SOURCE OF TRUTH: templates/partials/gradient-overlay.css

   Consumers position the layer themselves (z-index, stacking context) and
   describe the gradient entirely through custom properties, so the same shape
   serves a vertical scrim under hero text and a horizontal panel beside a
   column of content. Nothing here hardcodes a brand value.

     --tw-go-angle     gradient direction        (default: to top)
     --tw-go-color     the scrim color           (default: #000000)
     --tw-go-strength  its opacity, 0-100        (default: 100)
     --tw-go-solid     where the fade starts     (default: 0%)
     --tw-go-fade      where it reaches nothing  (default: 100%)

   Class names are intentionally unsuffixed: the markup is identical across
   components by design. Each generated copy is anchored to its Elementor widget
   wrapper for site-CSS specificity. */

.elementor-widget-key_features_27559 .tw-gradient-overlay,
.elementor-widget-key-features_27559 .tw-gradient-overlay {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(
			var(--tw-go-angle, to top),
			color-mix(in srgb, var(--tw-go-color, #000000) calc(var(--tw-go-strength, 100) * 1%), transparent) 0%,
			color-mix(in srgb, var(--tw-go-color, #000000) calc(var(--tw-go-strength, 100) * 1%), transparent) var(--tw-go-solid, 0%),
			/* Midpoint stop eases the ramp so the fade does not read as a band. */
			color-mix(in srgb, var(--tw-go-color, #000000) calc(var(--tw-go-strength, 100) * 0.55%), transparent) calc((var(--tw-go-solid, 0%) + var(--tw-go-fade, 100%)) / 2),
			transparent var(--tw-go-fade, 100%));
}

/* color-mix is widely supported, but both the strength and the midpoint stop
   are refinements — fall back to a straight two-stop fade at full strength
   where it is unavailable. */
@supports not (background: color-mix(in srgb, red 50%, transparent)) {
	.elementor-widget-key_features_27559 .tw-gradient-overlay,
	.elementor-widget-key-features_27559 .tw-gradient-overlay {
		background: linear-gradient(
				var(--tw-go-angle, to top),
				var(--tw-go-color, #000000) 0%,
				var(--tw-go-color, #000000) var(--tw-go-solid, 0%),
				transparent var(--tw-go-fade, 100%));
	}
}