/* EagleAI shared closing experience and header contact control. */

.eai-site-footer {
	--eai-footer-ink: #f2f7fb;
	--eai-footer-muted: rgba(219, 232, 239, .64);
	--eai-footer-line: rgba(194, 226, 237, .16);
	--eai-footer-cyan: #72eff8;
	--eai-footer-pink: #f23c9e;
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(circle at 11% 8%, rgba(25, 211, 230, .12), transparent 28%),
		radial-gradient(circle at 91% 18%, rgba(242, 60, 158, .13), transparent 29%),
		#050a12;
	color: var(--eai-footer-ink);
	font-family: EaglePoppins, Poppins, sans-serif;
}

.eai-site-footer::before {
	content: '';
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-image: linear-gradient(rgba(145, 214, 226, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(145, 214, 226, .035) 1px, transparent 1px);
	background-size: 58px 58px;
	mask-image: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, .45) 54%, transparent 100%);
}

.eai-footer-shell {
	position: relative;
	z-index: 1;
	width: min(calc(100% - clamp(40px, 8vw, 160px)), 1660px);
	margin: 0 auto;
	padding: clamp(78px, 9vw, 150px) 0 26px;
}

.eai-footer-cta { padding-bottom: clamp(72px, 8vw, 126px); }
.eai-footer-cta__meta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: clamp(42px, 6vw, 78px); color: var(--eai-footer-cyan); font-size: 10px; font-weight: 700; letter-spacing: .2em; }
.eai-footer-index { color: rgba(220, 236, 241, .4); }
.eai-footer-cta__body { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(260px, .75fr); gap: clamp(40px, 10vw, 180px); align-items: end; }
.eai-footer-cta h2 { max-width: 760px; margin: 0; color: var(--eai-footer-ink); font-family: EagleClash, ClashDisplay, sans-serif; font-size: clamp(36px, 5.5vw, 88px); font-weight: 500; line-height: .78; letter-spacing: -.08em; }
.eai-footer-cta h2 em { font-style: normal; background: linear-gradient(104deg, var(--eai-footer-cyan), #d3d8ff 44%, #f3a4dc 88%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.eai-footer-cta__aside { max-width: 370px; padding-bottom: 4px; }
.eai-footer-cta__aside p { margin: 0; color: var(--eai-footer-muted); font-size: 15px; line-height: 1.7; }
.eai-footer-cta__button { display: inline-flex; align-items: center; justify-content: space-between; gap: 30px; min-width: 230px; min-height: 58px; margin-top: 30px; padding: 0 18px 0 23px; border: 1px solid rgba(255, 255, 255, .18); border-radius: 999px; background: linear-gradient(105deg, #d30082, #ff3d82 48%, #ff873e); color: #fff; font-size: 11px; font-weight: 700; letter-spacing: .08em; box-shadow: 0 18px 45px rgba(239, 61, 155, .2); transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease; }
.eai-footer-cta__button b { display: grid; width: 31px; height: 31px; place-items: center; border: 1px solid rgba(255, 255, 255, .36); border-radius: 50%; font-size: 15px; font-weight: 400; transition: transform .35s ease, background-color .35s ease; }
.eai-footer-cta__button:hover { transform: translateY(-4px); border-color: rgba(255, 255, 255, .6); box-shadow: 0 24px 55px rgba(239, 61, 155, .32); color: #fff; }
.eai-footer-cta__button:hover b { transform: translate(3px, -3px); background: rgba(255, 255, 255, .16); }
.eai-footer-rule { height: 1px; background: linear-gradient(90deg, var(--eai-footer-line), rgba(114, 239, 248, .34), var(--eai-footer-line)); }

.eai-footer-grid { display: grid; grid-template-columns: minmax(240px, 1.3fr) repeat(3, minmax(150px, .7fr)); gap: clamp(30px, 5vw, 100px); padding: clamp(58px, 7vw, 104px) 0 clamp(70px, 8vw, 124px); }
.eai-footer-brand { max-width: 330px; }
.eai-footer-logo { display: inline-flex; align-items: center; min-height: 60px; margin-bottom: 26px; padding: 8px 15px; border: 1px solid rgba(211, 239, 244, .18); border-radius: 16px; background: rgba(255, 255, 255, .95); }
.eai-footer-logo img { display: block; width: auto; max-width: 126px; max-height: 48px; }
.eai-footer-brand p { margin: 0 0 26px; color: var(--eai-footer-muted); font-size: 13px; line-height: 1.75; }
.eai-footer-coordinates { color: rgba(219, 232, 239, .42); font-size: 9px; font-weight: 700; letter-spacing: .16em; }
.eai-footer-label { display: block; margin-bottom: 22px; color: rgba(220, 236, 241, .45); font-size: 10px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.eai-footer-menu { display: grid; gap: 13px; margin: 0; padding: 0; list-style: none; }
.eai-footer-menu li { margin: 0; padding: 0; }
.eai-footer-menu a, .eai-footer-contact-link, .eai-footer-text-link { display: inline-flex; align-items: center; gap: 9px; color: var(--eai-footer-ink); font-size: 13px; line-height: 1.35; text-decoration: none; transition: color .25s ease, transform .25s ease; }
.eai-footer-menu a span, .eai-footer-text-link span { color: var(--eai-footer-cyan); font-size: 13px; transition: transform .25s ease; }
.eai-footer-menu a:hover, .eai-footer-contact-link:hover, .eai-footer-text-link:hover { color: var(--eai-footer-cyan); transform: translateX(3px); }
.eai-footer-menu a:hover span, .eai-footer-text-link:hover span { transform: translate(3px, -3px); }
.eai-footer-connect { display: flex; flex-direction: column; align-items: flex-start; }
.eai-footer-contact-link { margin-bottom: 10px; color: var(--eai-footer-cyan); }
.eai-footer-text-link { margin-top: 17px; color: var(--eai-footer-ink); font-size: 11px; letter-spacing: .03em; }
.eai-footer-socials { display: flex; gap: 8px; margin-top: 30px; }
.eai-footer-socials a { display: grid; width: 32px; height: 32px; place-items: center; border: 1px solid var(--eai-footer-line); border-radius: 50%; color: var(--eai-footer-ink); font-size: 11px; font-weight: 700; text-decoration: none; transition: background-color .25s ease, border-color .25s ease, color .25s ease, transform .25s ease; }
.eai-footer-socials a:hover { transform: translateY(-3px); border-color: var(--eai-footer-cyan); background: var(--eai-footer-cyan); color: #061019; }
.eai-footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-top: 20px; border-top: 1px solid var(--eai-footer-line); color: rgba(219, 232, 239, .47); font-size: 10px; letter-spacing: .02em; }
.eai-footer-bottom p { margin: 0; }
.eai-footer-bottom a { color: inherit; text-decoration: none; transition: color .25s ease; }
.eai-footer-bottom a:hover { color: var(--eai-footer-cyan); }
.eai-footer-legal { display: flex; gap: 22px; }

/* Header contact control: prevent the old two-line label and give it a clear
 * pill/arrow rhythm at every desktop breakpoint. */
.eai-header-contact { display: inline-flex !important; align-items: center; justify-content: center; gap: 10px; min-width: 126px !important; width: auto !important; height: 56px !important; min-height: 56px !important; padding: 0 18px !important; white-space: nowrap !important; line-height: 1 !important; }
.eai-header-contact span { display: block; white-space: nowrap; }
.eai-header-contact b { display: none; }

@media (max-width: 991px) {
	.eai-footer-shell { width: min(calc(100% - 44px), 720px); }
	.eai-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.eai-footer-brand { grid-column: 1 / -1; max-width: 510px; }
}

@media (max-width: 640px) {
	.eai-footer-shell { width: calc(100% - 36px); padding-top: 74px; }
	.eai-footer-cta__meta { margin-bottom: 42px; font-size: 8px; letter-spacing: .15em; }
	.eai-footer-cta__body { grid-template-columns: 1fr; gap: 38px; }
	.eai-footer-cta h2 { font-size: clamp(32px, 10vw, 50px); }
	.eai-footer-cta__aside { max-width: 330px; }
	.eai-footer-grid { grid-template-columns: 1fr 1fr; gap: 46px 22px; padding: 58px 0 70px; }
	.eai-footer-brand { grid-column: 1 / -1; }
	.eai-footer-bottom { align-items: flex-start; flex-direction: column; gap: 14px; }
	.eai-footer-legal { gap: 16px; }
	.eai-header-contact { min-width: 116px !important; height: 50px !important; min-height: 50px !important; padding: 0 13px !important; font-size: 9px !important; }
}

@media (prefers-reduced-motion: reduce) {
	.eai-site-footer *, .eai-header-contact * { transition-duration: .001ms !important; animation-duration: .001ms !important; }
}
/* DroneCraft closing experience: keep the shared footer visibly darker than
 * the light page surfaces while retaining the navy/gold brand language. */
body.division-drone-manufacturing .eai-site-footer {
	--eai-footer-ink: #f2f7fb;
	--eai-footer-muted: rgba(219, 232, 239, .68);
	--eai-footer-line: rgba(194, 226, 237, .18);
	--eai-footer-cyan: #72d9ee;
	--eai-footer-pink: #d2a12a;
	background: radial-gradient(circle at 11% 8%, rgba(25, 125, 165, .2), transparent 28%), radial-gradient(circle at 91% 18%, rgba(210, 161, 42, .14), transparent 29%), #071521;
	color: var(--eai-footer-ink);
}
body.division-drone-manufacturing .eai-site-footer:before { background-image: linear-gradient(rgba(114, 217, 238, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(114, 217, 238, .05) 1px, transparent 1px); }
body.division-drone-manufacturing .eai-footer-cta h2 em { background: linear-gradient(104deg, #72d9ee, #fff 48%, #d2a12a 90%); -webkit-background-clip: text; background-clip: text; color: transparent; }
body.division-drone-manufacturing .eai-footer-cta__button { background: linear-gradient(105deg, #0d2947, #176e9f 52%, #d2a12a); color: #fff; border-color: rgba(255, 255, 255, .2); box-shadow: 0 18px 45px rgba(8, 123, 193, .24); }
body.division-drone-manufacturing .eai-footer-cta__button:hover { color: #fff; border-color: rgba(255, 255, 255, .52); box-shadow: 0 24px 55px rgba(8, 123, 193, .32); }
body.division-drone-manufacturing .eai-footer-logo { border-color: rgba(211, 239, 244, .18); box-shadow: 0 12px 30px rgba(0, 0, 0, .2); }
body.division-drone-manufacturing .eai-footer-label,
body.division-drone-manufacturing .eai-footer-index,
body.division-drone-manufacturing .eai-footer-coordinates,
body.division-drone-manufacturing .eai-footer-bottom { color: rgba(219, 232, 239, .54); }
body.division-drone-manufacturing .eai-footer-menu a:hover,
body.division-drone-manufacturing .eai-footer-contact-link:hover,
body.division-drone-manufacturing .eai-footer-text-link:hover,
body.division-drone-manufacturing .eai-footer-bottom a:hover { color: var(--eai-footer-cyan); }
body.division-drone-manufacturing .eai-footer-socials a:hover { background: var(--eai-footer-cyan); color: #fff; }
