.elementor-element.elementor-widget.elementor-widget-seerpower_solutions_hero,
.elementor-widget-seerpower_solutions_hero > .elementor-widget-container {
	width: 100%;
	max-width: none;
	margin: 0;
	margin-block: 0;
	padding: 0;
	align-self: stretch;
	background: transparent;
	transform: none;
	--kit-widget-spacing: 0px;
	--widgets-spacing: 0px;
}
/*
 * Elementor Containers can retain a 10px vertical default even when the
 * widget itself has no spacing. Clear only the boundary touched by the Hero:
 * top when it is the first Elementor child, bottom when it is the last. The
 * JS-added classes support editor mutations; :has() prevents a first-paint
 * seam on current browsers.
 */
.elementor-element.e-con.seer-solutions-hero-container-host--first,
.elementor-element.e-con:has(> .elementor-widget-seerpower_solutions_hero:first-child),
.e-con-inner.seer-solutions-hero-container-host--first,
.e-con-inner:has(> .elementor-widget-seerpower_solutions_hero:first-child),
.elementor-widget-wrap.seer-solutions-hero-container-host--first,
.elementor-widget-wrap:has(> .elementor-widget-seerpower_solutions_hero:first-child) {
	--padding-block-start: 0px;
	--padding-top: 0px;
	padding-block-start: 0;
}

.elementor-element.e-con.seer-solutions-hero-container-host--last,
.elementor-element.e-con:has(> .elementor-widget-seerpower_solutions_hero:last-child),
.e-con-inner.seer-solutions-hero-container-host--last,
.e-con-inner:has(> .elementor-widget-seerpower_solutions_hero:last-child),
.elementor-widget-wrap.seer-solutions-hero-container-host--last,
.elementor-widget-wrap:has(> .elementor-widget-seerpower_solutions_hero:last-child) {
	--padding-block-end: 0px;
	--padding-bottom: 0px;
	padding-block-end: 0;
}

.elementor-widget-seerpower_solutions_hero > .elementor-widget-container > .seer-solutions-hero-section,
.elementor-widget-seerpower_solutions_hero > .seer-solutions-hero-section {
	margin: 0;
	padding: 0;
	background: transparent;
}

.seer-solutions-hero-section {
	--seer-solutions-hero-background: var(--seer-navy-deep);
	--seer-solutions-hero-title: var(--seer-white);
	--seer-solutions-hero-body: var(--seer-bg-cool);
	--seer-solutions-hero-accent: var(--seer-orange);
	--seer-solutions-hero-title-size: clamp(58px, 3.55vw, 72px);
	--seer-solutions-hero-body-size: 18px;
	--seer-solutions-hero-display: var(--seer-font-display);
	--seer-solutions-hero-body-face: var(--seer-font-body);
	margin: 0;
	padding: 0;
	color: var(--seer-solutions-hero-body);
	background: transparent;
	font-family: var(--seer-solutions-hero-body-face);
}

.seer-solutions-hero-section *,
.seer-solutions-hero-section *::before,
.seer-solutions-hero-section *::after {
	box-sizing: border-box;
}

.seer-solutions-hero-stage {
	position: relative;
	width: 100%;
	max-width: none;
	margin-inline: 0;
	overflow: hidden;
	background: var(--seer-solutions-hero-background);
}

.seer-solutions-hero-stage::after {
	position: absolute;
	right: 40px;
	bottom: 28px;
	z-index: 2;
	width: 86px;
	height: 1px;
	background: rgba(255, 255, 255, .44);
	box-shadow: 0 -7px 0 -3px var(--seer-solutions-hero-accent);
	content: "";
}

.seer-solutions-hero-copy {
	position: relative;
	z-index: 2;
	width: min(calc(50% - 40px), 720px);
	margin-right: 0;
	/* Horizontal rail comes from the shared Hero system. */
	margin-left: max(var(--seer-hero-gutter, 40px), calc((100% - var(--seer-hero-container, 1440px)) / 2));
	text-align: left;
}

.seer-solutions-hero-eyebrow {
	display: flex;
	margin: 0 0 28px;
	align-items: center;
	gap: 12px;
	color: var(--seer-solutions-hero-accent);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .16em;
	line-height: 1.2;
	text-transform: uppercase;
}

.elementor-widget-seerpower_solutions_hero .seer-solutions-hero-eyebrow {
	font-family: var(--font-sans);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: .16em;
	text-transform: uppercase;
}

.seer-solutions-hero-eyebrow::before {
	display: none;
	content: none;
}

.seer-solutions-hero-copy h1 {
	max-width: 820px;
	margin: 0 0 32px;
	color: var(--seer-solutions-hero-title);
	font-family: var(--seer-solutions-hero-display);
	font-size: clamp(58px, 3.8vw, 76px);
	font-weight: 600;
	letter-spacing: -0.02em;
	line-height: 1.05;
	text-align: left;
	white-space: normal;
}

.seer-solutions-hero-intro {
	max-width: 640px;
	margin: 0;
	padding-left: 0;
	color: rgba(255, 255, 255, 0.82);
	border-left: 0;
	font-size: 18px;
	line-height: 1.55;
	text-align: left;
}

.seer-solutions-hero-intro > :first-child { margin-top: 0; }
.seer-solutions-hero-intro > :last-child { margin-bottom: 0; }

.seer-solutions-hero-actions {
	display: flex;
	gap: 30px;
	margin-top: 36px;
	align-items: center;
	justify-content: flex-start;
}

.seer-solutions-hero-button {
	display: inline-flex;
	min-height: 52px;
	padding: 0 26px;
	align-items: center;
	justify-content: center;
	color: var(--seer-white);
	border: 1px solid transparent;
	border-radius: 6px;
	font-family: var(--font-sans, var(--seer-font-body, Arial, sans-serif));
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .08em;
	text-transform: uppercase;
	font-synthesis: none;
	text-align: center;
	text-decoration: none;
	transition: transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease;
}

.elementor-widget-seerpower_solutions_hero .seer-solutions-hero-button--primary {
	font-family: var(--font-sans, var(--seer-font-body, Arial, sans-serif)) !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	letter-spacing: .08em !important;
	text-transform: uppercase !important;
	font-synthesis: none;
}

.elementor-widget-seerpower_solutions_hero .seer-solutions-hero-button--secondary {
	min-height: 52px;
	padding: 0 2px;
	font-family: var(--font-sans, var(--seer-font-body, Arial, sans-serif)) !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	letter-spacing: .08em !important;
	text-transform: uppercase !important;
	font-synthesis: none;
}

.seer-solutions-hero-button--primary { background: var(--seer-solutions-hero-accent); border-color: var(--seer-solutions-hero-accent); }
.seer-solutions-hero-button--secondary { color: var(--seer-solutions-hero-accent); background: transparent; border-color: transparent; }
.seer-solutions-hero-button--secondary::after { content: "→"; margin-left: 8px; }
.seer-solutions-hero-button:hover { transform: translateY(-1px); }
.seer-solutions-hero-button--primary:hover { color: var(--seer-white); background: var(--seer-orange-hover); border-color: var(--seer-orange-hover); }
.seer-solutions-hero-button--secondary:hover { color: var(--seer-orange-hover); background: transparent; border-color: transparent; }
.seer-solutions-hero-button:focus-visible { outline: 3px solid rgba(244, 90, 20, .62); outline-offset: 3px; }

.seer-solutions-hero-media {
	position: absolute;
	inset: 0 0 0 44%;
	margin: 0;
	overflow: hidden;
}

.seer-solutions-hero-media::after {
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, var(--seer-solutions-hero-background) 0%, rgba(3, 30, 49, .97) 13%, rgba(3, 30, 49, .58) 34%, rgba(3, 30, 49, .08) 67%), linear-gradient(0deg, rgba(3, 30, 49, .2), transparent 45%);
	content: "";
}

.seer-solutions-hero-media > img.seer-solutions-hero-image {
	display: block;
	width: 100% !important;
	max-width: none !important;
	height: 100% !important;
	object-fit: cover;
	object-position: center;
}

@media (max-width: 1199px) {
	.seer-solutions-hero-section {
		--seer-solutions-hero-title-size: 52px;
		--seer-solutions-hero-body-size: 18px;
	}

	.seer-solutions-hero-copy {
		width: 48%;
		margin-left: 32px;
	}
}

@media (max-width: 767px) {
	.seer-solutions-hero-section {
		--seer-solutions-hero-title-size: clamp(38px, 10.5vw, 44px);
		--seer-solutions-hero-body-size: 15px;
	}

	.seer-solutions-hero-stage::after { display: none; }

	.seer-solutions-hero-copy {
		width: calc(100% - 40px);
		margin: 0 auto;
	}

	.seer-solutions-hero-copy h1 {
		max-width: 350px;
		margin-bottom: 22px;
		font-size: var(--seer-solutions-hero-title-size);
		line-height: 1.01;
		white-space: normal;
	}

	.seer-solutions-hero-intro { padding-left: 18px; }

	.seer-solutions-hero-actions {
		display: grid;
		gap: 12px;
	}

	.seer-solutions-hero-button { width: 100%; }

	.seer-solutions-hero-media::after {
		background: linear-gradient(180deg, rgba(3, 30, 49, .35), transparent 42%);
	}

	.seer-solutions-hero-media > img.seer-solutions-hero-image { object-position: 67% center; }
}

@media (prefers-reduced-motion: reduce) {
	.seer-solutions-hero-button { transition: none; }
}

/* Desktop shared container rail (1440). Vertical pad stays on Standard tokens. */
@media (min-width: 1200px) {
	.seer-solutions-hero-section { --seer-solutions-hero-title-size: clamp(58px, 3.55vw, 72px); }
	.seer-solutions-hero-copy { width: min(calc(50% - 40px), 720px); margin-left: max(40px, calc((100% - 1440px) / 2)); }
	.seer-solutions-hero-copy h1 { max-width: 820px; font-size: clamp(58px, 3.55vw, 72px); line-height: 1.05; white-space: normal; }
}

/* Native Elementor support strip. Position and size are owned by hero-system.css. */
.seer-solutions-hero-section { position: relative; overflow: visible; }
.seer-solutions-hero-support-strip { color: var(--seer-navy-deep); }
.seer-solutions-hero-support-item { display: flex; min-width: 0; padding: 22px 28px; align-items: center; gap: 16px; }
.seer-solutions-hero-support-item + .seer-solutions-hero-support-item { border-left: 1px solid var(--seer-border); }
.seer-solutions-hero-support-icon { width: 60px; height: 60px; flex: 0 0 60px; object-fit: contain; }
.seer-solutions-hero-support-item > p { min-width: 0; margin: 0; }
.seer-solutions-hero-support-item strong { display: block; color: var(--seer-navy-deep); font-family: var(--seer-font-body, Helvetica, Arial, sans-serif); font-size: 18px; font-weight: 600; line-height: 1.2; }
.seer-solutions-hero-support-item span { display: block; margin-top: 5px; color: var(--seer-text-muted); font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 15px; line-height: 1.35; }

@media (max-width: 900px) {
	.seer-solutions-hero-support-item:nth-child(3) { border-top: 1px solid var(--seer-border); border-left: 0; }
	.seer-solutions-hero-support-item:nth-child(4) { border-top: 1px solid var(--seer-border); }
}
@media (max-width: 767px) {
	.seer-solutions-hero-support-item { min-height: 104px; padding: 16px 14px; gap: 10px; }
	.seer-solutions-hero-support-icon { width: 42px; height: 42px; flex-basis: 42px; }
	.seer-solutions-hero-support-item strong { font-size: 14px; line-height: 1.25; }
	.seer-solutions-hero-support-item span { margin-top: 4px; font-size: 11px; line-height: 1.35; }
}