/**
 * Shared Elevate Analytics section
 * Used on: Planning, Driver Scheduling, Real-Time Visibility
 * Scoped to .elevate-analytics only — does not affect other sections.
 */

.elevate-analytics {
	--ea-bg: #222222;
	--ea-title: #ffffff;
	--ea-accent: var(--sphere-orange, #e54225);
	--ea-text: rgba(255, 255, 255, 0.78);
	--ea-pad-y: clamp(4.5rem, 8vw, 6rem);
	--ea-title-size: 50px;
	--ea-text-size: 19px;
	--ea-btn-size: 19px;
	--ea-text-line: 1.7;
	--ea-pattern-opacity: 0.55;
	--ea-divider-w: 2.5rem;
	--ea-divider-h: 2px;
	--ea-divider-gap: 1.25rem;

	position: relative;
	overflow: hidden;
	background: var(--ea-bg);
	padding-top: var(--ea-pad-y);
	padding-bottom: var(--ea-pad-y);
	text-align: center;
}

.elevate-analytics__pattern {
	position: absolute;
	inset: 0;
	background-image: var(--elevate-analytics-pattern);
	background-size: cover;
	background-position: center;
	opacity: var(--ea-pattern-opacity);
	pointer-events: none;
}

.elevate-analytics__inner {
	position: relative;
	z-index: 1;
}

.elevate-analytics__title {
	margin: 0 0 1.25rem;
	font-size: var(--ea-title-size);
	line-height: 1.15;
	font-weight: 700;
	color: var(--ea-title);
}

.elevate-analytics__title-accent {
	color: var(--ea-accent);
}

.elevate-analytics__divider {
	display: block;
	width: var(--ea-divider-w);
	height: var(--ea-divider-h);
	margin: var(--ea-divider-gap) auto 0;
	background: var(--ea-accent);
	border-radius: 999px;
}

.elevate-analytics__text {
	margin: 15px auto 2rem;
	padding: 0 7rem;
	font-size: 24px !important;
	line-height: var(--ea-text-line);
	color: var(--ea-text);
}

.elevate-analytics__cta {
	margin: 0;
}

.elevate-analytics__cta .btn {
	font-size: var(--ea-btn-size);
}

@media (max-width: 991.98px) {
	.elevate-analytics {
		--ea-pad-y: 2.75rem;
	}

	.elevate-analytics__text {
		padding-left: 0;
		padding-right: 0;
	}
}