/* ==========================================================================
   Digital Allo — premium header and mega menu
   Loaded after every other header layer (style.css, reference-theme.css,
   brand-colors.css, menu-premium.css, submenu-brand.css).

   The markup and the JS contract are untouched: theme.js still toggles
   `.is-open` on `.da-mega` and `aria-expanded` on `.da-mega-toggle`, and the
   mobile drawer still keys off `.da-nav.is-open`. This file only changes how
   those states look, so the existing behaviour and accessibility hooks survive.

   Panels keep their display:none / display:grid toggle rather than being
   animated from `visibility`, so a closed panel is never focusable or
   clickable. The entrance is a keyframe animation, which fires when the
   element becomes displayed.
   ========================================================================== */

:root {
	--dah-navy: #081633;
	--dah-navy-2: #0c1f45;
	--dah-line: rgba(140, 178, 255, .18);
	--dah-text: #e8eeff;
	--dah-muted: #a9c0e8;
	--dah-grad: linear-gradient(110deg, var(--da-brand-blue, #1677e8), var(--da-brand-indigo, #5146c7) 58%, var(--da-brand-magenta, #d633a6));
	--dah-ease: cubic-bezier(.2, .8, .3, 1);
}

/* Final readability pass for the Digital Marketing catalogue. This stylesheet
 * is the last header layer, so it must own the catalogue surface and text
 * contrast instead of inheriting the older dark mega-menu defaults. */
body nav#da-nav .da-mega.da-mega--marketing {
	background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
	border-color: rgba(22, 119, 232, .2) !important;
	color: #091333 !important;
}
body nav#da-nav .da-mega--marketing .da-mega__group {
	background: #ffffff !important;
	border-color: rgba(22, 119, 232, .16) !important;
	color: #172750 !important;
}
body nav#da-nav .da-mega--marketing .da-mega__group > b {
	color: #5146c7 !important;
}
body nav#da-nav .da-mega--marketing .da-mega__group a,
body nav#da-nav .da-mega--marketing .da-mega__group a:visited,
body nav#da-nav .da-mega--marketing .da-mega__group a:hover,
body nav#da-nav .da-mega--marketing .da-mega__group a:focus-visible {
	color: #172750 !important;
	background: transparent !important;
	text-shadow: none !important;
	opacity: 1 !important;
}
body nav#da-nav .da-mega--marketing .da-mega__group a:hover,
body nav#da-nav .da-mega--marketing .da-mega__group a:focus-visible {
	background: linear-gradient(100deg, rgba(22, 119, 232, .1), rgba(214, 51, 166, .08)) !important;
	border-color: rgba(22, 119, 232, .2) !important;
}
body nav#da-nav .da-mega--marketing .da-mega__group a > span {
	display: inline-flex !important;
	visibility: visible !important;
	opacity: 1 !important;
}
body nav#da-nav .da-mega--marketing .da-mega__group a > span:not(.da-mega__icon) {
	display: block !important;
}
body nav#da-nav .da-mega--marketing .da-mega__group strong {
	display: block !important;
	color: #172750 !important;
	visibility: visible !important;
	opacity: 1 !important;
}
body nav#da-nav .da-mega--marketing .da-mega__group small {
	display: block !important;
	color: #52698f !important;
	visibility: visible !important;
	opacity: 1 !important;
}
body nav#da-nav .da-mega--marketing .da-mega__footer {
	background: linear-gradient(90deg, #eef9fb, #f7f1ff) !important;
	color: #243657 !important;
}
body nav#da-nav .da-mega--marketing .da-mega__footer > span {
	color: #243657 !important;
	opacity: 1 !important;
}
body nav#da-nav .da-mega--marketing .da-mega__cta,
body nav#da-nav .da-mega--marketing .da-mega__cta:visited,
body nav#da-nav .da-mega--marketing .da-mega__cta:hover,
body nav#da-nav .da-mega--marketing .da-mega__cta:focus-visible {
	color: #ffffff !important;
	background: linear-gradient(100deg, #1677e8, #5146c7 58%, #d633a6) !important;
	opacity: 1 !important;
}

@media (max-width: 1279px) {
	body nav#da-nav .da-mega--marketing .da-mega__group {
	background: rgba(9, 19, 51, .94) !important;
	border-color: rgba(159, 192, 255, .25) !important;
	color: #ffffff !important;
	}
	body nav#da-nav .da-mega--marketing .da-mega__group a,
	body nav#da-nav .da-mega--marketing .da-mega__group a:visited,
	body nav#da-nav .da-mega--marketing .da-mega__group strong {
	color: #ffffff !important;
	}
	body nav#da-nav .da-mega--marketing .da-mega__group small {
	color: #c7d7f5 !important;
	}
}

/* ------------------------------------------------------------------ shell */

body .da-header {
	position: sticky;
	top: 0;
	z-index: 100;
	background: linear-gradient(180deg, rgba(8, 22, 51, .98), rgba(10, 26, 60, .96)) !important;
	border-bottom: 1px solid var(--dah-line) !important;
	box-shadow: 0 10px 30px rgba(4, 12, 38, .22) !important;
	backdrop-filter: blur(16px);
	transition: box-shadow .35s var(--dah-ease), background .35s var(--dah-ease);
}

/* A hairline of brand colour along the very top of the page. */
body .da-header::before {
	content: "";
	position: absolute;
	inset: 0 0 auto 0;
	height: 2px;
	background: var(--dah-grad);
	opacity: .9;
}

/* Condensed state once the page scrolls (class set in header-premium.js). */
body .da-header.is-scrolled {
	box-shadow: 0 16px 40px rgba(4, 12, 38, .4) !important;
	background: linear-gradient(180deg, rgba(6, 17, 42, .99), rgba(8, 22, 51, .98)) !important;
}
body .da-header.is-scrolled .da-header-row { min-height: 68px; }

body .da-header-row {
	min-height: 78px;
	transition: min-height .35s var(--dah-ease);
}

body .da-brand img { transition: transform .35s var(--dah-ease); }
body .da-brand:hover img { transform: scale(1.03); }

/* ------------------------------------------------------------- nav items */

body .da-nav > ul { gap: 2px; }

body .da-nav > ul > li > a,
body .da-nav .da-mega-toggle {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 10px 14px !important;
	border: 0 !important;
	border-radius: 10px !important;
	background: transparent !important;
	color: var(--dah-text) !important;
	font-weight: 700 !important;
	letter-spacing: -.01em;
	transition: color .25s var(--dah-ease), background-color .25s var(--dah-ease);
}

/* The AI navigation label is intentionally longer; keep it on one line so
 * the underline and dropdown trigger retain the same geometry as its peers. */
body .da-nav .da-mega-toggle--ai { white-space: nowrap; letter-spacing: -.015em; }

/* Gradient underline that grows from the centre. */
body .da-nav > ul > li > a::after,
body .da-nav .da-mega-toggle::after {
	content: "";
	position: absolute;
	left: 14px;
	right: 14px;
	bottom: 4px;
	height: 2px;
	border-radius: 2px;
	background: var(--dah-grad);
	transform: scaleX(0);
	transform-origin: center;
	transition: transform .35s var(--dah-ease);
}

body .da-nav > ul > li > a:hover,
body .da-nav > ul > li > a:focus-visible,
body .da-nav .da-mega-toggle:hover,
body .da-nav .da-mega-toggle:focus-visible,
body .da-nav .da-mega-toggle[aria-expanded="true"] {
	color: #fff !important;
	background: rgba(255, 255, 255, .07) !important;
}

body .da-nav > ul > li > a:hover::after,
body .da-nav > ul > li > a:focus-visible::after,
body .da-nav .da-mega-toggle:hover::after,
body .da-nav .da-mega-toggle:focus-visible::after,
body .da-nav .da-mega-toggle[aria-expanded="true"]::after { transform: scaleX(1); }

/* The chevron is the last text node in the toggle; rotate it when open. */
body .da-nav .da-mega-toggle > span[aria-hidden] {
	display: inline-block;
	font-size: 15px;
	line-height: 1;
	transition: transform .3s var(--dah-ease);
}
body .da-nav .da-mega-toggle[aria-expanded="true"] > span[aria-hidden] { transform: rotate(180deg); }

/* ------------------------------------------------------------ mega panel */

body .da-header .da-mega {
	padding: 22px !important;
	border: 1px solid var(--dah-line) !important;
	border-radius: 20px !important;
	background:
		radial-gradient(620px 240px at 12% -10%, rgba(22, 119, 232, .22), transparent 60%),
		radial-gradient(520px 220px at 92% 0%, rgba(214, 51, 166, .16), transparent 62%),
		linear-gradient(180deg, rgba(9, 22, 54, .99), rgba(7, 18, 48, .99)) !important;
	box-shadow: 0 30px 70px rgba(3, 10, 30, .55) !important;
	gap: 18px !important;
}

/* Gradient hairline across the top edge of the panel. */
body .da-mega::before {
	content: "";
	position: absolute;
	left: 22px;
	right: 22px;
	top: 0;
	height: 2px;
	border-radius: 2px;
	background: var(--dah-grad);
	opacity: .85;
}

body .da-mega.is-open { animation: dah-mega-in .28s var(--dah-ease) both; }
@keyframes dah-mega-in {
	from { opacity: 0; transform: translateX(-50%) translateY(-8px); }
	to   { opacity: 1; transform: translateX(-50%) translateY(0); }
}

/* Columns */
body .da-header .da-mega > div {
	padding: 16px !important;
	border: 1px solid rgba(140, 178, 255, .12) !important;
	border-radius: 14px !important;
	background: rgba(255, 255, 255, .03) !important;
	transition: border-color .3s var(--dah-ease), background-color .3s var(--dah-ease);
}
body .da-mega > div:hover { border-color: rgba(140, 178, 255, .26) !important; background: rgba(255, 255, 255, .05) !important; }

body .da-header .da-mega b {
	display: flex !important;
	align-items: center;
	gap: 9px;
	margin: 0 0 12px !important;
	color: #9fc0ff !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	letter-spacing: .14em !important;
	text-transform: uppercase !important;
}
body .da-mega b::before {
	content: "";
	width: 22px;
	height: 3px;
	border-radius: 3px;
	background: var(--dah-grad);
	flex: 0 0 auto;
}

body .da-mega ul { margin: 0; padding: 0; list-style: none; }
body .da-mega li { margin: 0 0 2px; }

body .da-header .da-mega a {
	position: relative;
	display: flex !important;
	align-items: center;
	gap: 10px;
	padding: 9px 12px 9px 26px !important;
	border-radius: 10px !important;
	color: var(--dah-muted) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	transition: color .22s var(--dah-ease), background-color .22s var(--dah-ease), transform .22s var(--dah-ease);
}

/* A gradient dot that grows into view on hover. */
body .da-mega a::before {
	content: "";
	position: absolute;
	left: 11px;
	top: 50%;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-radius: 50%;
	background: var(--dah-grad);
	transform: scale(0);
	transition: transform .25s var(--dah-ease);
}

body .da-mega a:hover,
body .da-mega a:focus-visible {
	color: #fff !important;
	background: rgba(255, 255, 255, .08) !important;
	transform: translateX(3px);
}
body .da-mega a:hover::before,
body .da-mega a:focus-visible::before { transform: scale(1); }

/* Keep submenu text independent from the legacy animated marker.  The older
 * menu layer grows a vertical pseudo-element on hover; because these links
 * contain a direct text node, that marker can paint over the first character
 * when multiple header layers are cached or reordered.  The hover surface is
 * enough feedback on its own, so remove the marker and keep the text fixed. */
body .da-header .da-mega a,
body .da-header .da-mega a:hover,
body .da-header .da-mega a:focus-visible {
	padding-left: 12px !important;
	text-indent: 0 !important;
	transform: none !important;
	white-space: normal !important;
}

body .da-header .da-mega a::before,
body .da-header .da-mega a:hover::before,
body .da-header .da-mega a:focus-visible::before {
	content: none !important;
	display: none !important;
}

/* ------------------------------------------------------------------- CTA */

body .da-contact {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	min-height: 48px;
	padding: 12px 20px !important;
	border-radius: 999px !important;
	background-image: var(--dah-grad) !important;
	color: #fff !important;
	font-weight: 800 !important;
	box-shadow: 0 14px 30px rgba(23, 92, 255, .32) !important;
	transition: transform .28s var(--dah-ease), box-shadow .28s var(--dah-ease);
}
body .da-contact::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(120deg, transparent 20%, rgba(255, 255, 255, .38) 50%, transparent 80%);
	transform: translateX(-120%);
	transition: transform .7s var(--dah-ease);
}
body .da-contact:hover,
body .da-contact:focus-visible { transform: translateY(-2px); box-shadow: 0 20px 40px rgba(23, 92, 255, .42) !important; }
body .da-contact:hover::after,
body .da-contact:focus-visible::after { transform: translateX(120%); }
body .da-contact span { transition: transform .28s var(--dah-ease); }
body .da-contact:hover span { transform: translateX(3px); }

/* --------------------------------------------------------------- burger */

body .da-menu {
	border: 1px solid var(--dah-line) !important;
	border-radius: 12px !important;
	background: rgba(255, 255, 255, .06) !important;
	transition: background-color .25s var(--dah-ease), border-color .25s var(--dah-ease);
}
body .da-menu:hover { background: rgba(255, 255, 255, .12) !important; }
body .da-menu span {
	background: #fff !important;
	transition: transform .3s var(--dah-ease), opacity .2s var(--dah-ease);
}
body .da-menu[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
body .da-menu[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
body .da-menu[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* ------------------------------------------------------- mobile drawer */

@media (max-width: 1279px) {
	body .da-nav {
		background: linear-gradient(180deg, var(--dah-navy), var(--dah-navy-2)) !important;
		border-top: 1px solid var(--dah-line);
	}
	body .da-nav > ul > li > a,
	body .da-nav .da-mega-toggle {
		min-height: 52px;
		padding: 14px 12px !important;
		border-radius: 12px !important;
		font-size: 16px !important;
	}
	/* The centred underline reads oddly on a full-width row. */
	body .da-nav > ul > li > a::after,
	body .da-nav .da-mega-toggle::after { display: none; }

	body .da-mega {
		padding: 8px 0 14px !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}
	body .da-mega::before { display: none; }
	body .da-mega.is-open { animation: dah-mega-drop .26s var(--dah-ease) both; }
	@keyframes dah-mega-drop {
		from { opacity: 0; transform: translateY(-6px); }
		to   { opacity: 1; transform: none; }
	}
	body .da-mega > div { background: rgba(255, 255, 255, .04) !important; }
	body .da-mega a { min-height: 46px; font-size: 15px !important; }
}

/* -------------------------------------------------------- reduced motion */

@media (prefers-reduced-motion: reduce) {
	body .da-header,
	body .da-header-row,
	body .da-nav > ul > li > a,
	body .da-nav .da-mega-toggle,
	body .da-mega a,
	body .da-contact,
	body .da-menu span { transition: none !important; }
	body .da-mega.is-open { animation: none !important; }
	body .da-contact:hover { transform: none; }
	body .da-mega a:hover { transform: none; }
}

/* An earlier layer uppercased the dropdown toggles while the plain links stayed
   in sentence case, so "DIGITAL MARKETING" sat beside "Hire a Techie". One case
   and one size across every top-level item. */
body .da-nav > ul > li > a,
body .da-nav .da-mega-toggle {
	text-transform: none !important;
	font-size: 14.5px !important;
}

/* Mobile drawer, matched to the weight the earlier header layers use. Without
   the extra .da-header the rows kept their old mixed heights (36–75px, several
   under the 44px touch minimum) and the burger did not animate. */
@media (max-width: 1279px) {
	body .da-header .da-nav > ul > li > a,
	body .da-header .da-nav .da-mega-toggle {
		min-height: 52px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		width: 100% !important;
		padding: 14px 14px !important;
	}
	body .da-header .da-mega a { min-height: 46px !important; }

	body .da-header .da-menu[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg) !important; }
	body .da-header .da-menu[aria-expanded="true"] span:nth-child(2) { opacity: 0 !important; }
	body .da-header .da-menu[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg) !important; }
}

/* Fresh mobile mega-menu panels. These intentionally use unique class names
 * so the desktop mega-menu rules cannot override them. */
@media (max-width: 1279px) {
	body .da-mobile-drawer .da-mobile-drawer__toggle {
		display: flex !important; align-items: center !important; justify-content: space-between !important;
		width: 100% !important; min-height: 56px !important; padding: 16px !important; box-sizing: border-box !important;
		border: 1px solid rgba(159,192,255,.2) !important; border-radius: 14px !important;
		background: rgba(255,255,255,.055) !important; color: #f4f7ff !important; font: inherit !important;
		font-size: 16px !important; font-weight: 800 !important; text-align: left !important; cursor: pointer !important;
	}
	body .da-mobile-drawer .da-mobile-drawer__toggle[aria-expanded="true"] {
		background: linear-gradient(110deg,rgba(23,119,232,.9),rgba(81,70,199,.9)) !important;
		border-color: rgba(255,255,255,.7) !important;
	}
	body .da-mobile-drawer .da-mobile-drawer__toggle b {
		margin-left: auto !important; color: #a9c0e8 !important; font-size: 17px !important; line-height: 1 !important;
		transition: transform .22s ease !important;
	}
	body .da-mobile-drawer .da-mobile-drawer__toggle[aria-expanded="true"] b { color: #fff !important; transform: rotate(180deg) !important; }
	body .da-mobile-drawer .da-mobile-panel {
		display: none !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important;
		margin: 8px 0 0 !important; padding: 10px !important; box-sizing: border-box !important;
		border: 1px solid rgba(159,192,255,.2) !important; border-radius: 16px !important;
		background: rgba(2,10,32,.42) !important; overflow: visible !important; position: static !important;
	}
	body .da-mobile-drawer .da-mobile-panel.is-open { display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; }
	body .da-mobile-drawer .da-mobile-panel section {
		display: block !important; width: 100% !important; min-width: 0 !important; height: auto !important; max-height: none !important;
		padding: 12px !important; box-sizing: border-box !important; border: 1px solid rgba(159,192,255,.2) !important;
		border-radius: 12px !important; background: rgba(20,39,87,.62) !important; overflow: visible !important;
	}
	body .da-mobile-drawer .da-mobile-panel h3 { margin: 0 0 8px !important; padding: 0 0 8px !important; border-bottom: 1px solid rgba(159,192,255,.16) !important; color: #9fc0ff !important; font-size: 10px !important; letter-spacing: .14em !important; text-transform: uppercase !important; }
	body .da-mobile-drawer .da-mobile-panel ul { display: grid !important; grid-template-columns: 1fr !important; gap: 2px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; overflow: visible !important; }
	body .da-mobile-drawer .da-mobile-panel li { display: block !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; }
	body .da-mobile-drawer .da-mobile-panel a { display: flex !important; align-items: center !important; width: 100% !important; min-height: 42px !important; padding: 10px !important; box-sizing: border-box !important; border-radius: 9px !important; color: #dce7ff !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.3 !important; white-space: normal !important; overflow: visible !important; }
	body .da-mobile-drawer .da-mobile-panel a:hover,
	body .da-mobile-drawer .da-mobile-panel a:focus-visible { background: rgba(23,119,232,.24) !important; color: #fff !important; transform: none !important; }
}

/* Final palette guard: legacy header layers used a warm brown/gold gradient
 * on the dropdown triggers. Keep every menu trigger on the Digital Allo
 * blue-indigo-magenta system, including hover, keyboard focus, and open. */
body .da-header .da-nav .da-mega-toggle,
body .da-header .da-nav .da-mega-toggle:visited {
	background: rgba(23, 92, 255, .12) !important;
	border: 1px solid rgba(140, 178, 255, .55) !important;
	color: var(--dah-text) !important;
}

body .da-header .da-nav .da-mega-toggle:hover,
body .da-header .da-nav .da-mega-toggle:focus-visible,
body .da-header .da-nav .da-mega-toggle[aria-expanded="true"] {
	background: var(--dah-grad) !important;
	border-color: rgba(255, 255, 255, .72) !important;
	color: #fff !important;
	box-shadow: 0 10px 24px rgba(23, 92, 255, .24) !important;
}

/* Mobile drawer layout: keep the primary navigation as the first vertical
 * layer, prevent mega panels from creating a horizontal scrollbar, and make
 * every expanded panel fit the viewport width. */
@media (max-width: 1279px) {
	body .da-header .da-nav {
		--da-mobile-header-height: 86px;
		display: none !important;
		position: fixed !important;
		top: var(--da-mobile-header-height) !important;
		right: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		width: 100% !important;
		height: calc(100vh - var(--da-mobile-header-height)) !important;
		height: calc(100dvh - var(--da-mobile-header-height)) !important;
		min-height: 0 !important;
		max-width: 100vw !important;
		box-sizing: border-box !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		padding: 12px 14px 32px !important;
	}

	body .da-header .da-nav.is-open {
		display: block !important;
	}

	body .da-header .da-nav > ul {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		width: 100% !important;
		min-width: 0 !important;
	}

	body .da-header .da-nav > ul > li,
	body .da-header .da-nav > ul > li > a,
	body .da-header .da-nav > ul > li > button {
		width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
	}

	body .da-header .da-nav .da-mega,
	body .da-header .da-nav .da-mega--areas,
	body .da-header .da-nav .da-mega.is-open,
	body .da-header .da-nav .da-mega--areas.is-open {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
		overflow-x: hidden !important;
	}

	body .da-header .da-nav .da-mega--areas.is-open,
	body .da-header .da-nav .da-mega:not(.da-mega--areas).is-open {
		grid-template-columns: 1fr !important;
	}
}

@media (max-width: 650px) {
	body .da-header .da-nav {
		--da-mobile-header-height: 72px;
	}
}

/* Phone-width submenu repair: desktop mega-menu columns are too narrow for
 * service names on a phone. Stack each category and keep every link readable. */
@media (max-width: 600px) {
	body .da-header .da-nav .da-mega.is-open {
		display: block !important;
		grid-template-columns: 1fr !important;
		width: 100% !important;
	}

	body .da-header .da-nav .da-mega.is-open > div {
		display: block !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}

	body .da-header .da-nav .da-mega.is-open ul,
	body .da-header .da-nav .da-mega.is-open ul[style] {
		display: block !important;
		columns: 1 !important;
		column-count: 1 !important;
		width: 100% !important;
	}

	body .da-header .da-nav .da-mega.is-open li {
		display: block !important;
		width: 100% !important;
	}

	body .da-header .da-nav .da-mega.is-open a {
		min-height: 44px !important;
		padding: 11px 10px !important;
		white-space: normal !important;
		word-break: normal !important;
	}
}

/* =======================================================================
 * Mobile navigation redesign
 * A focused, single-column drawer with a clear hierarchy and one primary
 * conversion action. Scoped below the desktop breakpoint so the desktop
 * mega menu remains unchanged.
 * ======================================================================= */
@media (max-width: 1279px) {
	body .da-header .da-nav {
		z-index: 120 !important;
		padding: 24px 18px calc(32px + env(safe-area-inset-bottom)) !important;
		background:
			radial-gradient(520px 260px at 100% 0%, rgba(81, 70, 199, .28), transparent 68%),
			linear-gradient(180deg, #071633 0%, #0b1f48 58%, #101b43 100%) !important;
		border-top: 1px solid rgba(159, 192, 255, .2) !important;
		box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 24px 70px rgba(2, 9, 29, .45) !important;
		overscroll-behavior: contain;
		-webkit-overflow-scrolling: touch;
	}

	body .da-header .da-nav::before {
		content: "EXPLORE DIGITAL ALLO";
		display: block;
		margin: 0 4px 16px;
		padding-bottom: 14px;
		border-bottom: 1px solid rgba(159, 192, 255, .18);
		color: #a9c0e8;
		font-size: 11px;
		font-weight: 900;
		letter-spacing: .16em;
	}

	body .da-header .da-nav > ul {
		gap: 8px !important;
	}

	body .da-header .da-nav > ul > li {
		position: relative;
		margin: 0 !important;
		padding: 0 !important;
	}

	body .da-header .da-nav > ul > li > a,
	body .da-header .da-nav .da-mega-toggle {
		min-height: 56px !important;
		padding: 16px 16px !important;
		border: 1px solid rgba(159, 192, 255, .2) !important;
		border-radius: 14px !important;
		background: rgba(255, 255, 255, .055) !important;
		color: #f4f7ff !important;
		font-size: 16px !important;
		font-weight: 800 !important;
		line-height: 1.2 !important;
		box-shadow: 0 6px 18px rgba(2, 9, 29, .12) !important;
		transition: background-color .22s var(--dah-ease), border-color .22s var(--dah-ease), transform .22s var(--dah-ease), box-shadow .22s var(--dah-ease) !important;
	}

	body .da-header .da-nav > ul > li > a:hover,
	body .da-header .da-nav > ul > li > a:focus-visible,
	body .da-header .da-nav .da-mega-toggle:hover,
	body .da-header .da-nav .da-mega-toggle:focus-visible,
	body .da-header .da-nav .da-mega-toggle[aria-expanded="true"] {
		background: linear-gradient(110deg, rgba(23, 119, 232, .9), rgba(81, 70, 199, .9)) !important;
		border-color: rgba(255,255,255,.68) !important;
		box-shadow: 0 12px 26px rgba(23, 92, 255, .25) !important;
		color: #fff !important;
		transform: translateY(-1px);
	}

	body .da-header .da-nav .da-mega-toggle > span[aria-hidden] {
		margin-left: auto;
		color: #9fc0ff !important;
		font-size: 19px !important;
		transition: transform .25s var(--dah-ease), color .25s var(--dah-ease) !important;
	}

	body .da-header .da-nav .da-mega-toggle[aria-expanded="true"] > span[aria-hidden] {
		color: #fff !important;
		transform: rotate(180deg);
	}

	body .da-header .da-nav .da-mega.is-open {
		margin: 0 0 2px !important;
		padding: 10px 0 2px !important;
		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
	}

	body .da-header .da-nav .da-mega.is-open > div {
		margin: 0 0 10px !important;
		padding: 12px !important;
		border: 1px solid rgba(159, 192, 255, .18) !important;
		border-radius: 12px !important;
		background: rgba(2, 10, 32, .26) !important;
	}

	body .da-header .da-nav .da-mega b {
		margin: 0 0 6px !important;
		padding: 0 4px 8px !important;
		border-bottom: 1px solid rgba(159, 192, 255, .14) !important;
		color: #9fc0ff !important;
		font-size: 10px !important;
	}

	body .da-header .da-nav .da-mega a {
		min-height: 46px !important;
		padding: 12px 10px !important;
		border-radius: 9px !important;
		color: #dce7ff !important;
		font-size: 15px !important;
		line-height: 1.3 !important;
	}

	body .da-header .da-nav .da-mega a:hover,
	body .da-header .da-nav .da-mega a:focus-visible {
		background: rgba(23, 119, 232, .22) !important;
		color: #fff !important;
		transform: none !important;
	}

	body .da-header .da-nav > ul > li.da-mobile-cta {
		margin-top: 8px !important;
		padding-top: 16px !important;
		border-top: 1px solid rgba(159, 192, 255, .18) !important;
	}

	body .da-header .da-nav .da-mobile-cta .da-contact {
		display: flex !important;
		align-items: center;
		justify-content: center;
		width: 100%;
		min-height: 54px;
		box-sizing: border-box;
		border-radius: 14px !important;
		font-size: 16px !important;
		box-shadow: 0 14px 30px rgba(23, 92, 255, .32) !important;
	}

	body .da-header .da-nav .da-mobile-cta .da-contact:hover,
	body .da-header .da-nav .da-mobile-cta .da-contact:focus-visible {
		transform: translateY(-2px) !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	body .da-header .da-nav > ul > li > a,
	body .da-header .da-nav .da-mega-toggle,
	body .da-header .da-nav .da-mega-toggle > span[aria-hidden],
	body .da-header .da-nav .da-mobile-cta .da-contact {
		transition: none !important;
		transform: none !important;
	}
}

/* Skip-to-content link. It sits on every page and is the first thing a keyboard
   user reaches, but its label had drifted to a muted grey-purple on white
   (2.84:1). Brand ink on white, with the focus state made unmistakable. */
body .da-skip {
	background: #fff !important;
	color: var(--da-brand-ink, #101a3b) !important;
	font-weight: 800 !important;
	border: 3px solid var(--da-brand-blue, #1677e8) !important;
	border-radius: 10px !important;
}
body .da-skip:focus,
body .da-skip:focus-visible {
	transform: none !important;
	box-shadow: 0 12px 30px rgba(4, 12, 38, .3) !important;
	outline: 3px solid var(--da-brand-magenta, #d633a6) !important;
	outline-offset: 2px !important;
}

/* The CTA cloned into the drawer is mobile-only. Keep the desktop header
 * limited to its original single Contact Us action. */
body .da-header .da-nav > ul > li.da-mobile-cta {
	display: none !important;
}

@media (max-width: 1279px) {
	body .da-header .da-nav > ul > li.da-mobile-cta {
		display: block !important;
	}
}

/* Cascade guard for submenu-brand.css: its desktop grid has higher selector
 * specificity, so explicitly replace it at phone widths. Every category and
 * every link gets a full-width readable row. */
@media (max-width: 600px) {
	body nav#da-nav .da-mega.is-open,
	body nav#da-nav .da-mega--areas.is-open {
		display: block !important;
		grid-template-columns: 1fr !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	body nav#da-nav .da-mega.is-open > div,
	body nav#da-nav .da-mega--areas.is-open > div {
		display: block !important;
		width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
		margin: 0 0 10px !important;
	}

	body nav#da-nav .da-mega.is-open ul,
	body nav#da-nav .da-mega--areas.is-open ul {
		display: block !important;
		grid-template-columns: 1fr !important;
		columns: 1 !important;
		column-count: 1 !important;
		width: 100% !important;
	}

	body nav#da-nav .da-mega.is-open li,
	body nav#da-nav .da-mega--areas.is-open li {
		display: block !important;
		width: 100% !important;
		margin: 0 !important;
	}

	body nav#da-nav .da-mega.is-open a,
	body nav#da-nav .da-mega--areas.is-open a,
	body nav#da-nav .da-mega.is-open a:visited,
	body nav#da-nav .da-mega--areas.is-open a:visited {
		display: flex !important;
		width: 100% !important;
		min-height: 44px !important;
		box-sizing: border-box !important;
		white-space: normal !important;
		word-break: normal !important;
	}
}

@media (max-width: 1279px) {
	body.da-lock {
		overflow: hidden !important;
	}

	body.da-lock .da-chat {
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
		transform: translateY(10px) !important;
	}
}

/* Fresh isolated mobile drawer. It does not reuse the legacy nav grid, so
 * desktop submenu rules cannot distort phone layouts. */
body .da-mobile-drawer { display: none; }

@media (max-width: 1279px) {
	body .da-header .da-nav { display: none !important; }
	body .da-header .da-mobile-drawer {
		--da-mobile-header-height: 86px;
		position: fixed; z-index: 130; top: var(--da-mobile-header-height); right: 0; bottom: 0; left: 0;
		display: none; width: 100%; height: calc(100dvh - var(--da-mobile-header-height)); box-sizing: border-box;
		padding: 22px 16px calc(24px + env(safe-area-inset-bottom)); overflow-x: hidden; overflow-y: auto;
		background: radial-gradient(460px 240px at 100% 0%,rgba(81,70,199,.3),transparent 68%),linear-gradient(180deg,#071633,#0a1b40 58%,#111a3e);
		box-shadow: 0 24px 70px rgba(2,9,29,.5), inset 0 1px 0 rgba(255,255,255,.08); overscroll-behavior: contain;
	}
	body .da-header.is-menu-open .da-mobile-drawer { display: block; animation: da-mobile-drawer-in .25s cubic-bezier(.2,.8,.3,1) both; }
	@keyframes da-mobile-drawer-in { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: none; } }
	body .da-mobile-drawer__top { padding: 0 4px 18px; border-bottom: 1px solid rgba(159,192,255,.2); }
	body .da-mobile-drawer__top span { display: block; color: #a9c0e8; font-size: 11px; font-weight: 900; letter-spacing: .16em; }
	body .da-mobile-drawer__top small { display: block; margin-top: 6px; color: #7893c4; font-size: 13px; line-height: 1.4; }
	body .da-mobile-drawer__list { display: flex !important; flex-direction: column !important; gap: 8px !important; width: 100% !important; margin: 16px 0 0 !important; padding: 0 !important; list-style: none !important; }
	body .da-mobile-drawer__list > li { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; }
	body .da-mobile-drawer__list > li > a,
	body .da-mobile-drawer__list > li > .da-mega-toggle {
		display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important;
		min-height: 56px !important; box-sizing: border-box !important; padding: 16px !important; border: 1px solid rgba(159,192,255,.2) !important;
		border-radius: 14px !important; background: rgba(255,255,255,.055) !important; color: #f4f7ff !important;
		font-size: 16px !important; font-weight: 800 !important; line-height: 1.25 !important; text-decoration: none !important;
	}
	body .da-mobile-drawer__list > li > a:hover,
	body .da-mobile-drawer__list > li > a:focus-visible,
	body .da-mobile-drawer__list > li > .da-mega-toggle:hover,
	body .da-mobile-drawer__list > li > .da-mega-toggle:focus-visible,
	body .da-mobile-drawer__list > li > .da-mega-toggle[aria-expanded="true"] { background: linear-gradient(110deg,rgba(23,119,232,.9),rgba(81,70,199,.9)) !important; border-color: rgba(255,255,255,.7) !important; color: #fff !important; }
	body .da-mobile-drawer__list .da-mega-toggle > span[aria-hidden] { margin-left: auto; color: #a9c0e8 !important; font-size: 18px !important; transition: transform .22s ease; }
	body .da-mobile-drawer__list .da-mega-toggle[aria-expanded="true"] > span[aria-hidden] { color: #fff !important; transform: rotate(180deg); }
	body .da-mobile-drawer__list .da-mega { display: none !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; margin: 0 !important; padding: 10px 0 2px !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
	body .da-mobile-drawer__list .da-mega.is-open { display: block !important; }
	body .da-mobile-drawer__list .da-mega > div { display: block !important; width: 100% !important; box-sizing: border-box !important; margin: 0 0 10px !important; padding: 14px !important; border: 1px solid rgba(159,192,255,.2) !important; border-radius: 13px !important; background: rgba(2,10,32,.3) !important; }
	body .da-mobile-drawer__list .da-mega b { display: flex !important; align-items: center !important; gap: 8px !important; margin: 0 0 8px !important; padding: 0 0 10px !important; border-bottom: 1px solid rgba(159,192,255,.14) !important; color: #9fc0ff !important; font-size: 10px !important; line-height: 1.25 !important; letter-spacing: .14em !important; }
	body .da-mobile-drawer__list .da-mega ul { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; columns: 1 !important; column-count: 1 !important; list-style: none !important; }
	body .da-mobile-drawer__list .da-mega li { display: block !important; width: 100% !important; margin: 0 !important; }
	body .da-mobile-drawer__list .da-mega a,
	body .da-mobile-drawer__list .da-mega a:visited { display: flex !important; align-items: center !important; width: 100% !important; min-height: 44px !important; box-sizing: border-box !important; padding: 11px 10px !important; border-radius: 9px !important; color: #dce7ff !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.3 !important; white-space: normal !important; word-break: normal !important; }
	body .da-mobile-drawer__list .da-mega a:hover,
	body .da-mobile-drawer__list .da-mega a:focus-visible { background: rgba(23,119,232,.24) !important; color: #fff !important; transform: none !important; }
	body .da-mobile-drawer__cta { display: flex; align-items: center; justify-content: space-between; min-height: 56px; margin-top: 16px; padding: 16px; box-sizing: border-box; border: 1px solid rgba(255,255,255,.55); border-radius: 14px; background: linear-gradient(110deg,#1677e8,#5146c7 58%,#d633a6); color: #fff; font-size: 16px; font-weight: 900; text-decoration: none; box-shadow: 0 14px 30px rgba(23,92,255,.3); }
	body .da-mobile-drawer__cta b { font-size: 20px; line-height: 1; }
}

@media (max-width: 650px) {
	body .da-header .da-mobile-drawer { --da-mobile-header-height: 72px; }
}

@media (prefers-reduced-motion: reduce) {
	body .da-header.is-menu-open .da-mobile-drawer,
	body .da-mobile-drawer__list .da-mega-toggle > span[aria-hidden] { animation: none !important; transition: none !important; }
}

/* Final isolation guard: legacy submenu rules set absolute positioning,
 * max-heights, and nested scrolling. None of those rules belong inside the
 * fresh mobile drawer. */
@media (max-width: 1279px) {
	body .da-header .da-mobile-drawer .da-mega,
	body .da-header .da-mobile-drawer .da-mega.is-open {
		position: static !important;
		inset: auto !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		grid-template-columns: 1fr !important;
		grid-auto-flow: row !important;
		overflow: visible !important;
		transform: none !important;
		visibility: visible !important;
	}

	body .da-header .da-mobile-drawer .da-mega.is-open {
		display: block !important;
		opacity: 1 !important;
	}

	body .da-header .da-mobile-drawer .da-mega > div {
		position: static !important;
		height: auto !important;
		max-height: none !important;
		overflow: visible !important;
		transform: none !important;
	}

	body .da-header .da-mobile-drawer .da-mega ul,
	body .da-header .da-mobile-drawer .da-mega li,
	body .da-header .da-mobile-drawer .da-mega a {
		position: static !important;
		height: auto !important;
		max-height: none !important;
		overflow: visible !important;
		float: none !important;
	}

	body .da-header .da-mobile-drawer .da-mobile-drawer__cta,
	body .da-header .da-mobile-drawer .da-mobile-drawer__cta:hover,
	body .da-header .da-mobile-drawer .da-mobile-drawer__cta:focus-visible,
	body .da-header .da-mobile-drawer .da-mobile-drawer__cta span,
	body .da-header .da-mobile-drawer .da-mobile-drawer__cta b {
		color: #fff !important;
		text-shadow: none !important;
		opacity: 1 !important;
		visibility: visible !important;
	}
}
/* End-of-file marker for the final marketing menu cascade. */
/* Compact desktop alignment: keep every navigation item visible down to the
 * fit-tested desktop breakpoint, while preserving the tablet/mobile drawer. */
@media (min-width:1280px){
	body .da-header-row{gap:12px!important}
	body .da-brand img{max-width:154px!important}
	body .da-nav{min-width:0!important}
	body .da-nav>ul{gap:0!important;flex-wrap:nowrap!important}
	body .da-nav>ul>li{flex:0 0 auto!important}
	body .da-nav>ul>li>a,
	body .da-nav .da-mega-toggle{white-space:nowrap!important;flex-wrap:nowrap!important;padding-inline:8px!important;font-size:13px!important;line-height:1.1!important;text-align:center!important}
	body .da-contact,
	body .da-contact span{white-space:nowrap!important}
	body .da-contact{padding-inline:14px!important}
}
@media (min-width:1280px) and (max-width:1399px){
	body .da-header-row{grid-template-columns:120px minmax(0,1fr) auto!important;gap:8px!important}
	body .da-brand{width:120px!important;min-width:120px!important}
	body .da-brand img{max-width:120px!important}
	body .da-nav>ul>li>a,
	body .da-nav .da-mega-toggle{padding-inline:6px!important;font-size:12px!important}
	body .da-contact{padding-inline:11px!important;font-size:12px!important}
}
body nav#da-nav .da-mega.da-mega--marketing .da-mega__group{background:#fff!important;color:#172750!important;border-color:rgba(22,119,232,.16)!important}
body nav#da-nav .da-mega.da-mega--marketing .da-mega__group a,body nav#da-nav .da-mega.da-mega--marketing .da-mega__group a:visited{color:#172750!important;background:transparent!important;text-shadow:none!important;opacity:1!important}
body nav#da-nav .da-mega.da-mega--marketing .da-mega__group a:hover,body nav#da-nav .da-mega.da-mega--marketing .da-mega__group a:focus-visible{color:#091333!important;background:linear-gradient(100deg,rgba(22,119,232,.1),rgba(214,51,166,.08))!important;border-color:rgba(22,119,232,.2)!important}
body nav#da-nav .da-mega.da-mega--marketing .da-mega__group a>span{display:inline-flex!important;visibility:visible!important;opacity:1!important}
body nav#da-nav .da-mega.da-mega--marketing .da-mega__group a>span:not(.da-mega__icon){display:block!important}
body nav#da-nav .da-mega.da-mega--marketing .da-mega__group a{justify-content:flex-start!important;align-items:center!important;gap:12px!important;box-sizing:border-box!important}
body nav#da-nav .da-mega.da-mega--marketing .da-mega__group a>.da-mega__icon{width:28px!important;min-width:28px!important;max-width:28px!important;flex:0 0 28px!important;margin:0!important}
body nav#da-nav .da-mega.da-mega--marketing .da-mega__group a>span:not(.da-mega__icon){flex:1 1 auto!important;width:auto!important;min-width:0!important;margin:0!important;text-align:left!important}
body nav#da-nav .da-mega.da-mega--marketing .da-mega__group strong,body nav#da-nav .da-mega.da-mega--marketing .da-mega__group small{margin-left:0!important;text-align:left!important}
body nav#da-nav .da-mega.da-mega--marketing .da-mega__group strong{display:block!important;color:#172750!important;visibility:visible!important;opacity:1!important}
body nav#da-nav .da-mega.da-mega--marketing .da-mega__group small{display:block!important;color:#52698f!important;visibility:visible!important;opacity:1!important}
body nav#da-nav .da-mega.da-mega--marketing .da-mega__footer{background:linear-gradient(90deg,#eef9fb,#f7f1ff)!important;color:#243657!important}
body nav#da-nav .da-mega.da-mega--marketing .da-mega__footer>span{color:#243657!important;opacity:1!important}
body nav#da-nav .da-mega.da-mega--marketing .da-mega__footer{box-sizing:border-box!important;padding-left:18px!important;padding-right:18px!important;min-width:0!important}
body nav#da-nav .da-mega.da-mega--marketing .da-mega__footer>span{flex:1 1 auto!important;min-width:0!important}
body nav#da-nav .da-mega.da-mega--marketing .da-mega__cta{flex:0 0 auto!important;margin:0!important}
/* Use one controlled decorative mark for every service item. Text glyphs such
 * as G, f, arrows, and AI have different metrics and were causing the icon
 * contents to appear clipped or misaligned. */
body nav#da-nav .da-mega.da-mega--marketing .da-mega__group a::before{display:none!important;content:none!important}
body nav#da-nav .da-mega.da-mega--marketing .da-mega__icon{position:relative!important;display:inline-grid!important;place-items:center!important;overflow:hidden!important;box-sizing:border-box!important;font-size:0!important;line-height:0!important;text-indent:0!important;text-align:center!important}
body nav#da-nav .da-mega.da-mega--marketing .da-mega__icon::before{content:""!important;display:block!important;width:8px!important;height:8px!important;border:1.5px solid #fff!important;border-radius:50%!important;opacity:.95!important;transform:none!important}
body nav#da-nav .da-mega.da-mega--marketing .da-mega__icon::after{content:""!important;display:block!important;position:absolute!important;width:12px!important;height:1.5px!important;border-radius:999px!important;background:#fff!important;opacity:.95!important;transform:rotate(45deg)!important}
/* Icons are intentionally removed from the Digital Marketing submenu. Keep
 * the text column flush and aligned after the decorative elements disappear. */
body nav#da-nav .da-mega.da-mega--marketing .da-mega__icon{display:none!important;visibility:hidden!important;opacity:0!important;position:absolute!important;width:0!important;height:0!important;min-width:0!important;max-width:0!important;flex:0 0 0!important;margin:0!important;padding:0!important;border:0!important;background:none!important}
body nav#da-nav .da-mega.da-mega--marketing .da-mega__group a{gap:0!important}
body nav#da-nav .da-mega.da-mega--marketing .da-mega__cta,body nav#da-nav .da-mega.da-mega--marketing .da-mega__cta:visited,body nav#da-nav .da-mega.da-mega--marketing .da-mega__cta:hover,body nav#da-nav .da-mega.da-mega--marketing .da-mega__cta:focus-visible{color:#fff!important;background:linear-gradient(100deg,#1677e8,#5146c7 58%,#d633a6)!important;opacity:1!important}
@media(max-width:1279px){body nav#da-nav .da-mega.da-mega--marketing .da-mega__group{background:rgba(9,19,51,.94)!important;border-color:rgba(159,192,255,.25)!important;color:#fff!important}body nav#da-nav .da-mega.da-mega--marketing .da-mega__group a,body nav#da-nav .da-mega.da-mega--marketing .da-mega__group a:visited,body nav#da-nav .da-mega.da-mega--marketing .da-mega__group strong{color:#fff!important}body nav#da-nav .da-mega.da-mega--marketing .da-mega__group small{color:#c7d7f5!important}}
/* Shared premium treatment for the IT Services and Service Areas mega menus. */
body nav#da-nav .da-mega.da-mega--utility{width:min(1160px,calc(100vw - 40px))!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;padding:18px!important;background:linear-gradient(135deg,#f5fbff,#fbf6ff)!important;border:1px solid rgba(22,119,232,.16)!important;border-radius:22px!important;box-shadow:0 24px 60px rgba(23,39,80,.18)!important}
body nav#da-nav .da-mega.da-mega--utility>div:not(.da-mega__footer){min-width:0!important;padding:22px 20px!important;background:#fff!important;color:#172750!important;border:1px solid rgba(22,119,232,.16)!important;border-radius:16px!important;box-shadow:0 12px 24px rgba(23,39,80,.06)!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important}
body nav#da-nav .da-mega.da-mega--utility>div:not(.da-mega__footer):hover{transform:translateY(-3px)!important;border-color:rgba(214,51,166,.36)!important;box-shadow:0 18px 30px rgba(23,39,80,.12)!important}
body nav#da-nav .da-mega.da-mega--utility b{display:flex!important;align-items:center!important;gap:9px!important;margin:0 0 15px!important;color:#5146c7!important;font-size:12px!important;letter-spacing:.12em!important;text-transform:uppercase!important}
body nav#da-nav .da-mega.da-mega--utility b:before{content:""!important;width:20px!important;height:2px!important;background:linear-gradient(90deg,#1677e8,#d633a6)!important}
body nav#da-nav .da-mega.da-mega--utility ul{display:grid!important;gap:4px!important;margin:0!important;padding:0!important;list-style:none!important}
body nav#da-nav .da-mega.da-mega--utility li{margin:0!important}
body nav#da-nav .da-mega.da-mega--utility li>a,body nav#da-nav .da-mega.da-mega--utility li>a:visited{display:block!important;padding:9px 8px!important;color:#172750!important;background:transparent!important;border-radius:10px!important;text-decoration:none!important;transition:background .18s ease,transform .18s ease,color .18s ease!important}
body nav#da-nav .da-mega.da-mega--utility li>a:hover,body nav#da-nav .da-mega.da-mega--utility li>a:focus-visible{color:#172750!important;background:linear-gradient(100deg,rgba(22,119,232,.1),rgba(214,51,166,.08))!important;transform:translateX(3px)!important}
body nav#da-nav .da-mega.da-mega--utility li>a strong{display:block!important;color:#172750!important;font-size:13px!important;line-height:1.25!important}
body nav#da-nav .da-mega.da-mega--utility li>a small{display:block!important;margin-top:3px!important;color:#52698f!important;font-size:11px!important;line-height:1.35!important}
body nav#da-nav .da-mega.da-mega--utility .da-mega__footer{grid-column:1/-1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;min-width:0!important;padding:16px 18px!important;background:linear-gradient(90deg,#eef9fb,#f7f1ff)!important;color:#243657!important;border:1px solid rgba(22,119,232,.12)!important;border-radius:14px!important}
body nav#da-nav .da-mega.da-mega--utility .da-mega__footer>span{flex:1 1 auto!important;color:#243657!important;font-size:13px!important}
body nav#da-nav .da-mega.da-mega--utility .da-mega__cta{flex:0 0 auto!important;padding:11px 16px!important;color:#fff!important;background:linear-gradient(100deg,#1677e8,#5146c7 58%,#d633a6)!important;border:0!important;border-radius:999px!important;text-decoration:none!important;box-shadow:0 10px 20px rgba(22,119,232,.18)!important}
@media(max-width:1279px){body nav#da-nav .da-mega.da-mega--utility{grid-template-columns:1fr!important;max-height:70vh!important;overflow:auto!important}body nav#da-nav .da-mega.da-mega--utility .da-mega__footer{align-items:stretch!important;flex-direction:column!important}body nav#da-nav .da-mega.da-mega--utility .da-mega__cta{align-self:flex-start!important}}
@media (max-width:1279px){
 body .da-header .da-mobile-drawer .da-mobile-panel a{display:block!important;min-height:52px!important;padding:10px 12px!important}
 body .da-header .da-mobile-drawer .da-mobile-panel a strong{display:block!important;color:#f4f7ff!important;font-size:14px!important;line-height:1.3!important}
 body .da-header .da-mobile-drawer .da-mobile-panel a small{display:block!important;margin-top:3px!important;color:#a9c0e8!important;font-size:11px!important;font-weight:500!important;line-height:1.35!important}
 body .da-header .da-mobile-drawer .da-mobile-panel a:hover strong,body .da-header .da-mobile-drawer .da-mobile-panel a:focus-visible strong{color:#fff!important}
}
@media (max-width:1279px){body .da-header .da-mobile-drawer .da-mobile-panel a,body .da-header .da-mobile-drawer .da-mobile-panel a:visited,body .da-header .da-mobile-drawer .da-mobile-panel a:hover,body .da-header .da-mobile-drawer .da-mobile-panel a:focus-visible{text-decoration:none!important}}