.eai-division-home { color: #0b1b2b; overflow: hidden; }
.eai-division-home .elementor-container { max-width: 1220px; }
.eai-division-hero { min-height: clamp(480px, 70vh, 760px); display: flex; align-items: flex-end; }
.eai-division-hero__content { max-width: 820px; padding: 150px 0 92px; color: #fff; position: relative; z-index: 1; }
.eai-division-hero__title .elementor-heading-title { color: #fff !important; font-size: clamp(54px, 8vw, 112px); line-height: .94; letter-spacing: -.06em; font-weight: 600; }
.eai-division-hero__copy, .eai-division-hero__copy p { color: rgba(255,255,255,.84) !important; max-width: 680px; font-size: clamp(18px, 1.7vw, 24px); line-height: 1.55; }
.eai-division-eyebrow .elementor-heading-title, .eai-division-breadcrumb { color: #8fe8f5 !important; font-size: 11px; letter-spacing: .16em; text-transform: uppercase; }
.eai-division-breadcrumb a { color: #fff; }
.eai-division-button .elementor-button { margin-top: 24px; background: #75d8e7; color: #092031; padding: 15px 24px; border-radius: 0; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; font-weight: 700; transition: transform .25s ease, background .25s ease; }
.eai-division-button .elementor-button:hover { background: #fff; transform: translateY(-3px); }
.eai-division-capabilities { padding: clamp(90px, 10vw, 150px) 0; background: #f5f9fb; }
.eai-division-section-title .elementor-heading-title { margin: 0 0 15px; font-size: clamp(42px, 6vw, 82px); line-height: .98; letter-spacing: -.06em; }
.eai-division-section-copy { max-width: 640px; color: #637687; font-size: 17px; line-height: 1.7; }
.eai-division-cards { display: flex; gap: 14px; margin-top: 48px; }
.eai-division-card { flex: 1; min-height: 255px; padding: 30px 28px; background: #fff; border: 1px solid rgba(11,27,43,.12); transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.eai-division-card:hover { transform: translateY(-8px); border-color: rgba(13,143,202,.35); box-shadow: 0 24px 60px rgba(16,58,82,.12); }
.eai-division-card__index { color: #0d8fca; font-size: 12px; letter-spacing: .12em; }
.eai-division-card__title .elementor-heading-title { margin: 42px 0 10px; font-size: 24px; line-height: 1.12; letter-spacing: -.03em; }
.eai-division-card__copy, .eai-division-card__copy p { color: #637687; font-size: 14px; line-height: 1.65; }
.eai-division-cta { padding: clamp(70px, 9vw, 120px) 0; background: #dff4f7; }
.eai-division-cta__content { text-align: center; }
.eai-division-cta__title .elementor-heading-title { margin: 0 0 14px; font-size: clamp(38px, 5vw, 68px); letter-spacing: -.055em; }
.eai-division-cta__copy { color: #637687; font-size: 17px; }
.eai-division-button--dark .elementor-button { background: #0b1b2b; color: #fff; }
@media (max-width: 767px) {
	.eai-division-hero { min-height: 520px; }
	.eai-division-hero__content { padding: 130px 22px 64px; }
	.eai-division-cards { display: block; }
	.eai-division-card { margin-top: 14px; min-height: 0; }
	.eai-division-capabilities, .eai-division-cta { padding-left: 22px; padding-right: 22px; }
}

/* EagleAI gateway tone refinement: a richer blue-grey canvas adds depth to
 * the light premium entry experience without changing the panel imagery or
 * hover/scroll interactions. */
body.is-division-gateway {
	background: #dce8ee;
}
body.is-division-gateway .experience-gateway {
	background:
		radial-gradient(circle at 50% -18%, rgba(255, 255, 255, .62), transparent 45%),
		#dce8ee;
}
body.is-division-gateway .experience-panel {
	background: linear-gradient(160deg, #d9e6ed, #cbdbe4);
	border-right-color: rgba(7, 49, 74, .2);
}
body.is-division-gateway .experience-panel__shade {
	background:
		linear-gradient(180deg, rgba(220, 232, 238, 0) 18%, rgba(220, 232, 238, .2) 44%, rgba(220, 232, 238, .76) 73%, rgba(220, 232, 238, .98) 94%, #dce8ee 100%),
		linear-gradient(90deg, rgba(7, 49, 74, .08), transparent 68%);
}