/*
 * EAIT lead-generation pages.
 *
 * Existing brand colours: ink, mist, cyan and violet. The cyan-to-violet
 * gradient is restricted to the established signal rule and primary action.
 * Typography inherits the active EAIT theme to avoid another font download.
 */

:root {
	--eait-ink: #11111c;
	--eait-copy: #343443;
	--eait-muted: #646474;
	--eait-line: #d9dbe5;
	--eait-mist: #f5f6fa;
	--eait-white: #ffffff;
	--eait-cyan: #10c2fe;
	--eait-violet: #4d3594;
	--eait-violet-dark: #38256f;
	--eait-error: #b42318;
	--eait-success: #217a4a;
}

.eait-leadgen,
.eait-leadgen-bridge {
	box-sizing: border-box;
}

.eait-leadgen {
	width: 100%;
	margin: 0 auto;
	padding: clamp(124px, 8vw, 136px) max(18px, calc((100% - 1240px) / 2)) clamp(64px, 8vw, 112px);
	color: var(--eait-copy);
	font: inherit;
	line-height: 1.65;
}

.eait-leadgen *,
.eait-leadgen *::before,
.eait-leadgen *::after,
.eait-leadgen-bridge *,
.eait-leadgen-bridge *::before,
.eait-leadgen-bridge *::after {
	box-sizing: border-box;
}

.eait-leadgen h1,
.eait-leadgen h2,
.eait-leadgen h3,
.eait-leadgen-bridge h2 {
	margin-top: 0;
	color: var(--eait-ink);
	font-family: inherit;
	letter-spacing: -0.02em;
	text-transform: none;
}

.eait-leadgen h1 {
	max-width: 19ch;
	margin-bottom: 24px;
	font-size: clamp(2.25rem, calc(1rem + 3.5vw), 4rem);
	line-height: 1.02;
}

.eait-leadgen h2,
.eait-leadgen-bridge h2 {
	margin-bottom: 18px;
	font-size: clamp(1.55rem, 2.8vw, 2.35rem);
	line-height: 1.16;
}

.eait-leadgen h3 {
	margin-bottom: 12px;
	font-size: clamp(1.15rem, 1.8vw, 1.4rem);
	line-height: 1.25;
}

.eait-leadgen p,
.eait-leadgen li,
.eait-leadgen-bridge p {
	font-size: clamp(1rem, 1.25vw, 1.125rem);
}

.eait-leadgen a {
	text-underline-offset: 0.18em;
}

.eait-leadgen a:focus-visible,
.eait-leadgen button:focus-visible,
.eait-leadgen input:focus-visible,
.eait-leadgen textarea:focus-visible,
.eait-leadgen summary:focus-visible,
.eait-leadgen-bridge a:focus-visible {
	outline: 3px solid var(--eait-ink);
	outline-offset: 3px;
	box-shadow: 0 0 0 6px var(--eait-white);
}

.eait-leadgen-breadcrumbs {
	margin-bottom: 48px;
	color: var(--eait-muted);
	font-size: 0.92rem;
}

.eait-leadgen-breadcrumbs ol {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.eait-leadgen-breadcrumbs li + li::before {
	margin-right: 8px;
	content: "/";
	color: #999aa7;
}

.eait-leadgen .eait-leadgen-breadcrumbs li {
	margin: 0 !important;
	font-size: 0.92rem;
	line-height: 1.5;
}

.eait-leadgen-breadcrumbs a {
	color: inherit;
}

.eait-leadgen-hero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1.7fr) minmax(260px, 0.7fr);
	gap: clamp(36px, 7vw, 96px);
	align-items: end;
	padding-bottom: clamp(48px, 8vw, 96px);
	border-bottom: 1px solid var(--eait-line);
}

.eait-leadgen-hero::before {
	position: absolute;
	top: -28px;
	left: 0;
	width: 88px;
	height: 4px;
	background: linear-gradient(90deg, var(--eait-cyan), #943fd0);
	content: "";
}

.eait-leadgen-lede {
	max-width: 66ch;
	margin: 0;
	font-size: clamp(1.15rem, 1.7vw, 1.42rem) !important;
	line-height: 1.55;
}

.eait-leadgen-hero__note {
	align-self: center;
	padding: 20px 0 2px 22px;
	border-left: 3px solid var(--eait-violet);
	color: var(--eait-muted);
}

.eait-leadgen-hero__note p {
	margin: 0;
	font-size: 0.98rem;
}

.eait-leadgen-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 16px 22px;
	align-items: center;
	margin-top: 30px;
}

.eait-leadgen-button,
.eait-leadgen a.eait-leadgen-button,
.eait-leadgen-bridge a.eait-leadgen-button {
	display: inline-flex;
	min-height: 48px;
	align-items: center;
	justify-content: center;
	padding: 12px 20px;
	border: 1px solid var(--eait-violet);
	border-radius: 6px;
	background: var(--eait-violet);
	color: var(--eait-white);
	font: inherit;
	font-weight: 700;
	line-height: 1.25;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 160ms ease, border-color 160ms ease;
}

.eait-leadgen-button:hover,
.eait-leadgen a.eait-leadgen-button:hover,
.eait-leadgen-bridge a.eait-leadgen-button:hover {
	border-color: var(--eait-violet-dark);
	background: var(--eait-violet-dark);
	color: var(--eait-white);
}

.eait-leadgen-button[disabled] {
	cursor: wait;
	opacity: 0.64;
}

.eait-leadgen-text-link,
.eait-leadgen a.eait-leadgen-text-link {
	color: var(--eait-violet);
	font-weight: 700;
}

.eait-leadgen-text-button {
	min-height: 44px;
	padding: 8px 0;
	border: 0;
	border-bottom: 1px solid currentcolor;
	border-radius: 0;
	background: transparent;
	color: var(--eait-violet);
	font: inherit;
	font-weight: 700;
	cursor: pointer;
}

.eait-leadgen-sections {
	display: grid;
}

.eait-leadgen-section {
	padding: clamp(48px, 8vw, 92px) 0;
	border-bottom: 1px solid var(--eait-line);
}

.eait-leadgen-section > p {
	max-width: 76ch;
	margin: 0;
}

.eait-leadgen-list {
	display: grid;
	gap: 16px;
	max-width: 82ch;
	margin: 28px 0 0;
	padding-left: 1.35em;
}

ol.eait-leadgen-list {
	gap: 22px;
}

ol.eait-leadgen-list li {
	padding-left: 10px;
}

.eait-leadgen-list > li,
.eait-leadgen-grid-list > li,
.eait-scorecard-results li {
	margin: 0 !important;
}

.eait-leadgen-grid-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0;
	margin: 32px 0 0;
	padding: 0;
	border-top: 1px solid var(--eait-line);
	list-style: none;
}

.eait-leadgen-grid-list li {
	min-height: 112px;
	padding: 24px 28px 24px 0;
	border-bottom: 1px solid var(--eait-line);
}

.eait-leadgen-grid-list li:nth-child(odd) {
	padding-right: 32px;
}

.eait-leadgen-grid-list li:nth-child(even) {
	padding-left: 32px;
	border-left: 1px solid var(--eait-line);
}

.eait-leadgen-grid-list > li:last-child:nth-child(odd) {
	grid-column: 1 / -1;
}

.eait-leadgen-faq details {
	max-width: 880px;
	border-top: 1px solid var(--eait-line);
}

.eait-leadgen-faq details:last-child {
	border-bottom: 1px solid var(--eait-line);
}

.eait-leadgen-faq summary {
	position: relative;
	list-style: none;
	padding: 20px 36px 20px 0;
	color: var(--eait-ink);
	font-size: 1.08rem;
	font-weight: 700;
	cursor: pointer;
}

.eait-leadgen-faq summary::-webkit-details-marker {
	display: none;
}

.eait-leadgen-faq summary::after {
	position: absolute;
	top: 50%;
	right: 0;
	color: var(--eait-violet);
	content: "+";
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1;
	transform: translateY(-50%);
}

.eait-leadgen-faq details[open] summary::after {
	content: "–";
}

.eait-leadgen-faq details p {
	max-width: 72ch;
	margin: 0;
	padding: 0 36px 24px 0;
}

.eait-leadgen-final {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 32px;
	align-items: center;
	margin-top: clamp(56px, 9vw, 104px);
	padding: clamp(30px, 5vw, 52px);
	border-left: 4px solid var(--eait-cyan);
	background: var(--eait-ink);
	color: #e8e9f0;
}

.eait-leadgen-final h2 {
	color: var(--eait-white);
}

.eait-leadgen-final p {
	max-width: 62ch;
	margin: 0;
}

.eait-leadgen-bridge {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 28px;
	align-items: center;
	width: min(calc(100% - 40px), 1080px);
	margin: clamp(48px, 7vw, 88px) auto;
	padding: clamp(26px, 4vw, 42px);
	border: 1px solid var(--eait-line);
	border-left: 4px solid var(--eait-cyan);
	background: var(--eait-white);
	color: var(--eait-copy);
}

.eait-leadgen-bridge h2 {
	font-size: clamp(1.4rem, 2.3vw, 2rem);
}

.eait-leadgen-bridge p {
	max-width: 62ch;
	margin: 0;
}

.eait-leadgen-bridge .eait-leadgen-actions {
	justify-content: flex-end;
	margin-top: 0;
}

/* Scorecard */

.eait-scorecard {
	display: grid;
	gap: 0;
	margin-top: clamp(48px, 8vw, 88px);
}

.eait-scorecard fieldset {
	margin: 0;
	padding: clamp(26px, 4vw, 42px) 0;
	border: 0;
	border-bottom: 1px solid var(--eait-line);
}

.eait-scorecard fieldset:first-child {
	border-top: 1px solid var(--eait-line);
}

.eait-scorecard legend {
	max-width: 80ch;
	margin: 0 0 20px;
	padding: 0 0 0 2.5em;
	color: var(--eait-ink);
	font-size: clamp(1.08rem, 1.5vw, 1.3rem);
	font-weight: 700;
	line-height: 1.4;
}

.eait-scorecard legend span {
	display: inline-block;
	min-width: 2.5em;
	margin-left: -2.5em;
	color: var(--eait-violet);
	font-variant-numeric: tabular-nums;
}

.eait-scorecard-options {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

.eait-scorecard-options label {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	min-height: 68px;
	margin: 0 !important;
	padding: 14px;
	border: 1px solid var(--eait-line);
	border-radius: 6px;
	background: var(--eait-white);
	color: var(--eait-copy);
	font-size: 0.97rem;
	line-height: 1.45;
	cursor: pointer;
}

.eait-scorecard-options label:has(input:checked) {
	border-color: var(--eait-violet);
	background: #f5f3fb;
}

.eait-scorecard-options input {
	width: 18px;
	height: 18px;
	flex: 0 0 auto;
	margin: 2px 0 0;
	accent-color: var(--eait-violet);
}

.eait-scorecard > .eait-leadgen-button {
	justify-self: start;
	margin-top: 30px;
}

.eait-scorecard-results,
.eait-scorecard-contact,
.eait-leadgen-confirmation {
	margin-top: clamp(48px, 8vw, 88px);
	padding: clamp(28px, 5vw, 52px);
	border: 1px solid var(--eait-line);
	border-top: 4px solid var(--eait-violet);
	background: var(--eait-mist);
}

.eait-scorecard-results[hidden],
.eait-scorecard-contact[hidden] {
	display: none;
}

.eait-scorecard-total {
	margin: 0 0 16px;
}

.eait-scorecard-total strong {
	color: var(--eait-violet);
	font-size: clamp(2rem, 5vw, 3.75rem);
	font-variant-numeric: tabular-nums;
	line-height: 1;
}

.eait-scorecard-results ul {
	display: grid;
	gap: 10px;
	max-width: 74ch;
	padding-left: 1.3em;
}

.eait-scorecard-contact__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px 24px;
}

.eait-scorecard-contact__grid > p {
	margin: 0;
}

.eait-scorecard-contact .wpcf7-form .eait-scorecard-contact__grid label {
	display: block;
	margin: 0;
	color: var(--eait-ink);
	font-weight: 700;
}

.eait-scorecard-contact .wpcf7-form .eait-scorecard-contact__grid label > br {
	display: none;
}

.eait-scorecard-contact .wpcf7-form .eait-scorecard-contact__grid label > .wpcf7-form-control-wrap {
	margin-top: 8px;
}

.eait-scorecard-contact__full {
	grid-column: 1 / -1;
}

.eait-scorecard-contact .wpcf7-form-control-wrap {
	display: block;
	width: 100%;
}

.eait-scorecard-contact .wpcf7 .hidden-fields-container {
	display: none !important;
}

.eait-scorecard-contact input:not([type="submit"]):not([type="checkbox"]):not([type="hidden"]),
.eait-scorecard-contact textarea {
	width: 100%;
	min-height: 50px;
	margin: 0;
	padding: 11px 12px;
	border: 1px solid #bfc2cf;
	border-radius: 6px;
	background: var(--eait-white);
	color: var(--eait-ink);
	font: inherit;
	font-weight: 400;
	box-shadow: none;
}

.eait-scorecard-contact textarea {
	min-height: 140px;
	resize: vertical;
}

.eait-scorecard-marketing {
	display: flex !important;
	grid-template-columns: none !important;
	gap: 12px !important;
	align-items: flex-start;
	max-width: 760px;
	margin: 26px 0 0;
	padding: 18px;
	border: 1px solid var(--eait-line);
	background: var(--eait-white);
	font-weight: 400 !important;
}

.eait-scorecard-marketing input {
	width: 20px;
	height: 20px;
	flex: 0 0 auto;
	min-height: 0;
	margin-top: 2px;
	accent-color: var(--eait-violet);
}

.eait-scorecard-marketing .wpcf7-list-item {
	margin: 0;
}

.eait-scorecard-contact .wpcf7-form .eait-scorecard-marketing label {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	margin: 0;
	font-weight: 400;
}

.eait-scorecard-contact .wpcf7-spinner {
	vertical-align: middle;
}

.eait-scorecard-contact .wpcf7-response-output {
	margin: 18px 0 0;
	padding: 12px 14px;
	border-width: 2px;
	font-size: 0.95rem;
}

.eait-scorecard-privacy,
.eait-form-status,
.eait-optional {
	color: var(--eait-muted);
	font-size: 0.92rem !important;
	font-weight: 400;
}

.eait-form-status {
	min-height: 1.5em;
	margin: 14px 0 0;
}

.eait-form-status[data-state="error"] {
	color: var(--eait-error);
}

.eait-form-status[data-state="success"] {
	color: var(--eait-success);
}

.eait-honeypot {
	position: absolute !important;
	left: -10000px !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}

.eait-leadgen-noscript {
	margin: 32px 0;
	padding: 18px;
	border-left: 4px solid var(--eait-error);
	background: #fff2f0;
}

.eait-leadgen-confirmation {
	max-width: 840px;
}

.home .elementor-11 .elementor-element.elementor-element-69afafa .promo-banner .wrapper-content-banner {
	display: grid;
	grid-template-rows: 2fr 1fr;
	align-items: center;
	padding: 0 12px !important;
}

.home .elementor-11 .elementor-element.elementor-element-69afafa .promo-banner .wrapper-content-banner > .content-banner {
	grid-row: 2;
}

.home .elementor-element-69afafa .banner-title {
	line-height: 1.2 !important;
	white-space: nowrap;
}

@media (min-width: 1280px) {
	.home .elementor-element-69afafa .banner-title {
		font-size: 18px !important;
	}

	.home .elementor-element-69afafa .elementor-element-8bda0e8 .banner-title {
		font-size: clamp(15px, calc(1.25vw - 1px), 17px) !important;
	}
}

@media (min-width: 768px) and (max-width: 1279px) {
	.home .elementor-element-69afafa > .elementor-container {
		max-width: 600px !important;
		flex-wrap: wrap;
		gap: 15px;
	}

	.home .elementor-element-69afafa > .elementor-container > .elementor-column {
		flex: 0 0 calc(50% - 7.5px);
		width: calc(50% - 7.5px) !important;
	}

	.home .elementor-element-69afafa .banner-title {
		font-size: 18px !important;
	}

	.home .elementor-element-69afafa .elementor-element-8bda0e8 .banner-title {
		font-size: 16px !important;
	}
}

@media (max-width: 767px) {
	.home .elementor-element-69afafa .banner-title {
		font-size: 18px !important;
	}

	.home .elementor-element-69afafa .elementor-element-8bda0e8 .banner-title {
		font-size: 17px !important;
	}
}

@media (max-width: 1024px) {
	.eait-leadgen {
		padding-inline: clamp(24px, 4vw, 40px);
	}

	.eait-leadgen-hero .eait-leadgen-actions {
		flex-wrap: nowrap;
	}

	.eait-leadgen-hero .eait-leadgen-text-link {
		min-width: 0;
	}
}

@media (max-width: 820px) {
	.eait-leadgen-hero,
	.eait-leadgen-final,
	.eait-leadgen-bridge {
		grid-template-columns: minmax(0, 1fr);
	}

	.eait-leadgen-hero {
		align-items: start;
	}

	.eait-leadgen-hero__note {
		max-width: 64ch;
	}

	.eait-leadgen-bridge .eait-leadgen-actions {
		justify-content: flex-start;
	}
}

@media (min-width: 641px) and (max-width: 820px) {
	.eait-leadgen-final > .eait-leadgen-button {
		width: auto;
		justify-self: start;
	}
}

@media (max-width: 700px) {
	.eait-scorecard-options {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 640px) {
	.eait-leadgen {
		padding-inline: 18px;
	}

	.eait-leadgen-breadcrumbs li:last-child {
		display: none;
	}

	.eait-leadgen-grid-list,
	.eait-scorecard-contact__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.eait-leadgen-grid-list li,
	.eait-leadgen-grid-list li:nth-child(odd),
	.eait-leadgen-grid-list li:nth-child(even) {
		min-height: 0;
		padding: 20px 0;
		border-left: 0;
	}

	.eait-leadgen-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.eait-leadgen-button {
		width: 100%;
	}

	.eait-leadgen-actions > .eait-leadgen-text-link {
		align-self: center;
	}

	.eait-leadgen-final {
		padding: 28px 22px;
	}

	.eait-scorecard-results,
	.eait-scorecard-contact,
	.eait-leadgen-confirmation {
		padding: 26px 20px;
	}

	.eait-scorecard-contact__full {
		grid-column: auto;
	}
}

@media (max-width: 360px) {
	.home .elementor-element-69afafa .banner-title {
		font-size: 17px !important;
	}

	.home .elementor-element-69afafa .elementor-element-8bda0e8 .banner-title {
		font-size: 16px !important;
	}
}

@media (max-width: 340px) {
	.home .elementor-element-69afafa .elementor-element-8bda0e8 .banner-title {
		font-size: 15px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.eait-leadgen-button {
		transition: none;
	}
}

@media print {
	.eait-leadgen-actions,
	.eait-scorecard-contact,
	.eait-leadgen-bridge {
		display: none !important;
	}

	.eait-leadgen {
		width: 100%;
		padding: 0;
	}
}