/* =========================================================================
   R.A. Quarshie and Associates — main stylesheet (the only one).
   Design system ported from the Blunor Divorcenters build (dcenters.local):
   soft tinted grounds, layered shadows, lift-on-hover cards, pill eyebrows
   with a dot, centred section heads, photo overlays, a 3-up + peek carousel,
   a brand-gradient CTA panel and a solid brand-blue footer.
   Type: Roboto throughout (+ Roboto Mono for codes), self-hosted.
   :root values are defaults — Customizer → Q&A Design overrides the type/colour vars.
   ========================================================================= */

/* ---------- 1. Tokens ---------------------------------------------------- */
:root {
	--white: #ffffff;
	--bg: #fbfcfd;
	--bg-soft: #f3f7fc;
	--mint: #e4eef9;
	--mint-deep: #c9dcf0;
	--lav: #e7edf8;
	--blue: #00528c;
	--blue-2: #00446f;
	--blue-ink: #0b2e55;
	--sky: #3d7ebe;
	--navy: #0b192a;
	--navy-2: #0e3260;
	--ink: #101a24;
	--ink-soft: #556775;
	--muted: #647180;
	--line: #e4eaf1;
	--heading-color: #101a24;
	--brass: #b08a4e;
	--brass-text: #7d5f2c;
	--paper: var(--bg-soft);
	--mist: var(--mint);

	--shadow-sm: 0 1px 2px rgba(16, 26, 36, .04), 0 4px 12px rgba(16, 26, 36, .05);
	--shadow-md: 0 4px 12px rgba(16, 26, 36, .05), 0 16px 40px rgba(16, 26, 36, .08);
	--shadow-lg: 0 8px 24px rgba(16, 26, 36, .06), 0 32px 72px rgba(16, 26, 36, .11);
	--glow: 0 1px 2px rgba(0, 82, 140, .2), 0 8px 20px rgba(0, 82, 140, .24);
	--glow-h: 0 2px 4px rgba(0, 82, 140, .2), 0 14px 32px rgba(0, 82, 140, .32);

	--r-sm: 10px;
	--r: 16px;
	--r-lg: 24px;
	--r-xl: 32px;
	--r-full: 100px;

	--fw-head: 700;
	--fw-body: 400;
	--body-size: 16.5px;
	--lh-body: 1.65;
	--lh-head: 1.15;
	--ls-head: -0.025em;
	--head-transform: none;
	--eyebrow-size: 13px;
	--eyebrow-ls: 0em;

	--font-display: 'Roboto', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
	--font-body:    'Roboto', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
	--font-mono:    'Roboto Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

	--h1: clamp(2.25rem, 1.5rem + 2.6vw, 3.5rem);
	--h2: clamp(1.875rem, 1.45rem + 1.4vw, 2.625rem);
	--h3: clamp(1.25rem, 1.15rem + .4vw, 1.5rem);
	--h4: clamp(1.0625rem, 1rem + .25vw, 1.1875rem);
	--lead: clamp(1.0625rem, 1rem + .3vw, 1.125rem);

	--container: 1340px;
	--narrow: 820px;
	--gutter: clamp(1rem, 3vw, 2rem);
	--section-y: clamp(4rem, 6vw + 1rem, 6.5rem);

	--ease: cubic-bezier(.4, 0, .2, 1);
	--dur: 300ms;
	--header-h: 76px;
	--fi: clamp(8px, 1.4vw, 20px);
}

/* ---------- 2. Reset ----------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; overflow-x: clip; scroll-padding-top: calc(var(--header-h) + 16px); }
body { margin: 0; background: var(--white); color: var(--ink-soft); font-family: var(--font-body); font-size: var(--body-size); font-weight: var(--fw-body); line-height: var(--lh-body); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
img, svg { display: block; max-width: 100%; height: auto; }
a { color: var(--blue); text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { color: var(--blue-2); }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; background: none; border: 0; padding: 0; }
ul, ol { padding: 0; margin: 0; list-style: none; }
dl, dd, figure, blockquote { margin: 0; }
code { font-family: var(--font-mono); font-size: .92em; }
:focus-visible { outline: 2px solid var(--blue); outline-offset: 3px; }
.qaa-icon { flex: none; }

/* ---------- 3. Type ------------------------------------------------------ */
h1, h2, h3, h4, .qaa-h3, .qaa-h4 { font-family: var(--font-display); font-weight: var(--fw-head); line-height: var(--lh-head); letter-spacing: var(--ls-head); text-transform: var(--head-transform); color: var(--heading-color); margin: 0 0 .5em; text-wrap: balance; }
h1 { font-size: var(--h1); font-weight: 800; letter-spacing: -.035em; }
h2 { font-size: var(--h2); font-weight: 800; letter-spacing: -.03em; }
h3, .qaa-h3 { font-size: var(--h3); }
h4, .qaa-h4 { font-size: var(--h4); }
p { margin: 0 0 1em; text-wrap: pretty; }
.qaa-lead { font-size: var(--lead); line-height: 1.62; color: var(--ink-soft); }
.qaa-muted { color: var(--muted); }
.qaa-eyebrow { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 20px; padding: 7px 15px; border-radius: var(--r-full); background: var(--mint); color: var(--blue); font-size: var(--eyebrow-size); font-weight: 600; letter-spacing: var(--eyebrow-ls); line-height: 1.3; }
.qaa-dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; flex: none; }
.qaa-eyebrow--light { background: rgba(255, 255, 255, .14); color: #fff; }
.qaa-heading { max-width: 720px; margin-bottom: clamp(2.25rem, 4vw, 3.5rem); }
.qaa-heading__title { margin-bottom: .4em; }
.qaa-heading .qaa-lead { margin: 0; font-size: 1.125rem; }
.qaa-heading--center { text-align: center; margin-inline: auto; }
/* dcenters centres every full-width section head; heads inside split columns stay left. */
.qaa-container > .qaa-heading, .qaa-container > .qaa-rowhead > .qaa-heading { text-align: center; margin-inline: auto; }
.qaa-container > .qaa-rowhead { flex-direction: column; align-items: center; text-align: center; }
.qaa-heading--light .qaa-heading__title { color: #fff; }
.qaa-heading--light .qaa-lead { color: rgba(255, 255, 255, .72); }
.qaa-heading--light .qaa-eyebrow { background: rgba(255, 255, 255, .1); color: #a9cdf0; }
.qaa-prose p { color: var(--ink-soft); }
.qaa-prose p:last-child { margin-bottom: 0; }
.qaa-prose strong { color: var(--ink); }
.qaa-prose--lg p { font-size: 1.125rem; }
.qaa-entry h2 { font-size: var(--h3); margin-top: 1.6em; }
.qaa-entry ul, .qaa-entry ol { padding-left: 1.3em; margin-bottom: 1em; list-style: disc; }

/* ---------- 4. Layout ---------------------------------------------------- */
.qaa-container { width: 100%; max-width: var(--container); margin: 0 auto; padding-inline: var(--gutter); }
.qaa-container--narrow { max-width: var(--narrow); }
.qaa-section { padding-block: var(--section-y); }
.qaa-section--tight { padding-block: clamp(2.75rem, 4vw, 4rem); }
.qaa-bg-white { background: var(--white); }
.qaa-bg-soft, .qaa-bg-paper, .qaa-bg-mist { background: var(--bg-soft); }
.qaa-glow { background: radial-gradient(880px 480px at 6% 0%, var(--mint) 0%, transparent 60%), radial-gradient(880px 480px at 100% 104%, var(--lav) 0%, transparent 62%), var(--bg-soft); }
.qaa-skip { position: absolute; left: -9999px; top: 0; z-index: 300; padding: 12px 18px; background: var(--blue); color: #fff; border-radius: 0 0 var(--r-sm) 0; }
.qaa-skip:focus { left: 0; color: #fff; }

.qaa-split { display: grid; gap: clamp(2rem, 5vw, 4rem); align-items: center; }
.qaa-split--top { align-items: start; }
@media (min-width: 900px) { .qaa-split { grid-template-columns: 1fr 1fr; } }
.qaa-grid3 { display: grid; gap: 20px; }
@media (min-width: 760px) { .qaa-grid3 { grid-template-columns: repeat(3, 1fr); } }
.qaa-split .qaa-grid3 { grid-template-columns: 1fr; }
.qaa-grid4 { display: grid; gap: 20px; }
@media (min-width: 700px) { .qaa-grid4 { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px) { .qaa-grid4 { grid-template-columns: repeat(4, 1fr); } }
.qaa-rowhead { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 1rem 2rem; margin-bottom: clamp(1.5rem, 3vw, 2.5rem); }
.qaa-rowhead .qaa-heading { margin-bottom: 0; }
.qaa-strip { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.25rem 2rem; padding: clamp(1.5rem, 3vw, 2.25rem); border-radius: var(--r-lg); background: #fff; border: 1px solid var(--line); box-shadow: var(--shadow-sm); }
.qaa-strip h2 { margin-bottom: .25em; }
.qaa-strip p { margin: 0; color: var(--ink-soft); }

/* ---------- 5. Buttons & links ------------------------------------------- */
.qaa-btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 48px; padding: 14px 28px; border-radius: var(--r-full); border: 1.5px solid transparent; font-weight: 600; font-size: 15.5px; line-height: 1.2; text-decoration: none; white-space: nowrap; transition: all .25s var(--ease); }
.qaa-btn:hover { transform: translateY(-2px); }
.qaa-btn--lg { min-height: 54px; padding: 16px 34px; font-size: 16.5px; }
.qaa-btn--block { width: 100%; }
.qaa-btn--primary, .qaa-btn--primary:visited { background: var(--blue); color: #fff; box-shadow: var(--glow); }
.qaa-btn--primary:hover, .qaa-btn--primary:focus-visible { background: var(--blue-2); color: #fff; box-shadow: var(--glow-h); }
.qaa-btn--soft, .qaa-btn--soft:visited, .qaa-btn--outline, .qaa-btn--outline:visited { background: #fff; color: var(--ink); border-color: var(--line); box-shadow: var(--shadow-sm); }
.qaa-btn--soft:hover, .qaa-btn--outline:hover { color: var(--blue); box-shadow: var(--shadow-md); }
.qaa-btn--white, .qaa-btn--white:visited, .qaa-btn--light, .qaa-btn--light:visited { background: #fff; color: var(--blue-ink); box-shadow: 0 10px 26px rgba(0, 0, 0, .16); font-weight: 700; }
.qaa-btn--white:hover, .qaa-btn--light:hover { color: var(--blue); box-shadow: 0 14px 32px rgba(0, 0, 0, .22); }
.qaa-btn--glass, .qaa-btn--glass:visited { background: rgba(255, 255, 255, .1); color: #fff; border-color: rgba(255, 255, 255, .55); backdrop-filter: blur(6px); }
.qaa-btn--glass:hover { background: rgba(255, 255, 255, .2); color: #fff; }
.qaa-btn--outline-light, .qaa-btn--outline-light:visited { border-color: rgba(255, 255, 255, .85); color: #fff; font-size: 14px; letter-spacing: .06em; text-transform: uppercase; padding: 15px 30px; }
.qaa-btn--outline-light:hover { background: #fff; color: var(--blue); border-color: #fff; }
.qaa-btnrow { display: flex; flex-wrap: wrap; gap: 12px; }
.qaa-link { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; text-decoration: none; color: var(--blue); transition: gap .2s var(--ease); }
.qaa-link:hover { gap: 11px; }
.qaa-link--light, .qaa-link--light:hover { color: #fff; }

/* ---------- 6. Placeholders (client facts still owed) -------------------- */
.qaa-ph { display: inline-flex; align-items: center; gap: 6px; padding: 2px 8px; border: 1.5px dashed #c98a00; border-radius: 6px; background: #fff7e0; color: #6b4a00; font: 600 .78rem/1.5 var(--font-body); letter-spacing: 0; text-transform: none; vertical-align: middle; }
.qaa-ph::before { content: "Placeholder"; padding: 0 5px; border-radius: 3px; background: #c98a00; color: #fff; font-size: .68rem; letter-spacing: .06em; text-transform: uppercase; }

/* ---------- 7. Header ---------------------------------------------------- */
.qaa-header { position: sticky; top: 0; z-index: 200; background: rgba(255, 255, 255, .82); backdrop-filter: saturate(180%) blur(16px); -webkit-backdrop-filter: saturate(180%) blur(16px); border-bottom: 1px solid transparent; transition: border-color .3s, box-shadow .3s, background .3s; }
.qaa-header.is-stuck { border-bottom-color: var(--line); box-shadow: 0 4px 24px rgba(16, 26, 36, .05); }
.qaa-header__bar { display: flex; align-items: center; gap: 24px; min-height: var(--header-h); }
.qaa-header__actions { display: flex; align-items: center; gap: 12px; margin-left: auto; }
.qaa-header__cta { display: none; min-height: 44px; padding: 11px 22px; font-size: 15px; }
@media (min-width: 600px) { .qaa-header__cta { display: inline-flex; } }
.qaa-header__phone { display: none; align-items: center; gap: 7px; color: var(--ink); font-weight: 600; font-size: 15px; text-decoration: none; white-space: nowrap; }
.qaa-header__phone .qaa-icon { color: var(--blue); }
@media (min-width: 1360px) { .qaa-header__phone { display: inline-flex; } }

.qaa-brand { display: inline-flex; flex-direction: column; align-items: stretch; text-decoration: none; color: var(--ink); flex: none; line-height: 1; }
.qaa-brand:hover { color: var(--ink); }
.qaa-brand__img { max-height: 54px; width: auto; }
.qaa-brand__name { font: 800 1.35rem/1 var(--font-body); letter-spacing: .015em; text-transform: uppercase; white-space: nowrap; }
.qaa-brand__sub { display: flex; align-items: center; gap: 8px; margin-top: 5px; font: 500 .66rem/1 var(--font-body); letter-spacing: .32em; text-transform: uppercase; color: var(--blue); white-space: nowrap; }
.qaa-brand__sub::before, .qaa-brand__sub::after { content: ""; flex: 1; height: 1.5px; background: currentColor; clip-path: polygon(0 50%, 100% 0, 100% 100%); }
.qaa-brand__sub::after { clip-path: polygon(0 0, 100% 50%, 0 100%); }
.qaa-brand--light, .qaa-brand--light:hover { color: #fff; }
.qaa-brand--light .qaa-brand__sub { color: #cfe2f5; }
@media (max-width: 380px) { .qaa-brand__name { font-size: 1.15rem; } }

.qaa-nav { display: none; margin-left: auto; }
.qaa-nav .menu { display: flex; align-items: center; gap: 4px; }
.qaa-nav .menu > li { position: relative; }
.qaa-nav .menu > li > a { display: inline-flex; align-items: center; gap: 6px; padding: 9px 14px; border-radius: 9px; color: var(--ink-soft); font-weight: 500; font-size: 15px; text-decoration: none; white-space: nowrap; transition: .2s; }
.qaa-nav .menu > li > a:hover { color: var(--ink); background: var(--bg-soft); }
.qaa-nav .menu > li.current-menu-item > a, .qaa-nav .menu > li.current-menu-ancestor > a { color: var(--blue); background: var(--mint); }
.qaa-nav .menu-item-has-children > a::after { content: ""; width: 6px; height: 6px; margin-top: -3px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); opacity: .6; }
.qaa-nav .sub-menu { position: absolute; top: calc(100% + 6px); left: 0; min-width: 270px; padding: 8px; background: #fff; border: 1px solid var(--line); border-radius: var(--r); box-shadow: var(--shadow-lg); opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity .2s var(--ease), transform .2s var(--ease), visibility .2s; }
.qaa-nav .sub-menu::before { content: ""; position: absolute; left: 0; right: 0; top: -8px; height: 8px; }
.qaa-nav .menu-item-has-children:hover > .sub-menu, .qaa-nav .menu-item-has-children:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; }
.qaa-nav .sub-menu a { display: block; padding: 10px 12px; border-radius: 9px; color: var(--ink); text-decoration: none; font-size: 14.5px; font-weight: 500; }
.qaa-nav .sub-menu a:hover, .qaa-nav .sub-menu a[aria-current] { background: var(--bg-soft); color: var(--blue); }
@media (min-width: 1200px) { .qaa-nav { display: block; } .qaa-header__actions { margin-left: 0; } }

.qaa-iconbtn { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--line); color: var(--blue); background: #fff; }
@media (min-width: 1200px) { .qaa-iconbtn { display: none; } }
.qaa-burger { display: inline-flex; flex-direction: column; justify-content: center; gap: 5px; width: 44px; height: 44px; padding: 0 12px; border-radius: 50%; background: var(--blue); }
.qaa-burger span { display: block; height: 2px; border-radius: 2px; background: #fff; }
@media (min-width: 1200px) { .qaa-burger { display: none; } }

/* Homepage: header floats transparent over the hero until scrolled (dcenters header.over) */
.home .qaa-header:not(.is-stuck) { position: absolute; left: 0; right: 0; top: 0; background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; border-bottom-color: rgba(255, 255, 255, .14); }
.home .qaa-header.is-stuck { position: fixed; left: 0; right: 0; }
.home .qaa-header:not(.is-stuck) .qaa-brand, .home .qaa-header:not(.is-stuck) .qaa-nav .menu > li > a, .home .qaa-header:not(.is-stuck) .qaa-header__phone, .home .qaa-header:not(.is-stuck) .qaa-header__phone .qaa-icon { color: #fff; text-shadow: 0 1px 10px rgba(0, 0, 0, .35); }
.home .qaa-header:not(.is-stuck) .qaa-nav .menu > li > a:hover, .home .qaa-header:not(.is-stuck) .qaa-nav .menu > li.current-menu-item > a { background: rgba(255, 255, 255, .14); }
.home .qaa-header:not(.is-stuck) .qaa-brand__sub { color: #cfe2f5; }
.home .qaa-header:not(.is-stuck) .qaa-header__cta { background: #fff; color: var(--blue-ink); box-shadow: 0 8px 24px rgba(0, 0, 0, .14); }
.home .qaa-header:not(.is-stuck) .qaa-iconbtn { color: #fff; background: transparent; border-color: rgba(255, 255, 255, .45); }
.home .qaa-header:not(.is-stuck) .qaa-burger { background: #fff; }
.home .qaa-header:not(.is-stuck) .qaa-burger span { background: var(--blue); }

/* Drawer */
.qaa-drawer { position: fixed; inset: 0 0 0 auto; z-index: 300; width: min(400px, 100%); display: flex; flex-direction: column; gap: 1.25rem; padding: 18px 22px 26px; background: #fff; overflow-y: auto; transform: translateX(100%); transition: transform 320ms var(--ease); }
.qaa-drawer.is-open { transform: none; box-shadow: var(--shadow-lg); }
.qaa-drawer__top { display: flex; align-items: center; justify-content: space-between; }
.qaa-drawer__close { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--bg-soft); color: var(--ink); }
.qaa-drawer__nav .menu > li { border-bottom: 1px solid var(--line); }
.qaa-drawer__nav a { display: block; padding: 14px 4px; color: var(--ink); font-weight: 600; font-size: 1.1rem; text-decoration: none; }
.qaa-drawer__nav a[aria-current], .qaa-drawer__nav .current-menu-item > a { color: var(--blue); }
.qaa-drawer__nav .sub-menu { padding: 0 0 10px 14px; border-left: 2px solid var(--mint-deep); margin-bottom: 8px; }
.qaa-drawer__nav .sub-menu a { padding: 8px 4px; font-weight: 500; font-size: 1rem; color: var(--ink-soft); }
.qaa-drawer__info { display: grid; gap: 10px; }
.qaa-drawer__info a { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: var(--r); background: var(--bg-soft); color: var(--ink); text-decoration: none; font-weight: 600; }
.qaa-drawer__info .qaa-icon { color: var(--blue); }
.qaa-drawer__info small { display: block; font-size: .74rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.qaa-drawer__cta { margin-top: auto; }
.qaa-backdrop { position: fixed; inset: 0; z-index: 250; background: rgba(11, 25, 42, .5); opacity: 0; transition: opacity 250ms var(--ease); }
.qaa-backdrop.is-visible { opacity: 1; }
.qaa-no-scroll { overflow: hidden; }

/* ---------- 8. Homepage hero — full-bleed photo + left gradient (dcenters pattern) */
.qaa-hero { position: relative; display: flex; align-items: center; min-height: 92vh; min-height: 92svh; overflow: hidden; background: var(--navy); }
.qaa-hero__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 70% 40%; }
.qaa-hero__grad { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(11, 25, 42, .90) 0%, rgba(12, 32, 56, .78) 20%, rgba(14, 50, 96, .5) 46%, rgba(14, 50, 96, .15) 64%, rgba(14, 50, 96, 0) 80%); }
.qaa-hero__inner { position: relative; z-index: 2; width: 100%; padding-top: var(--header-h); }
.qaa-hero__copy { max-width: 53%; color: #fff; }
@media (max-width: 1040px) { .qaa-hero__copy { max-width: 80%; } }
.qaa-hero__eyebrow { display: inline-block; margin: 0 0 18px; padding: 7px 15px; border-radius: var(--r-full); background: rgba(255, 255, 255, .14); font-size: 12.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #fff; }
.qaa-hero h1 { margin-bottom: 20px; color: #fff; font-size: clamp(38px, 3.6vw, 56px); font-weight: 800; line-height: 1.08; letter-spacing: -.035em; text-shadow: 0 2px 24px rgba(8, 18, 32, .35); }
.qaa-hero__lead { max-width: 50ch; margin-bottom: 30px; font-size: 19px; line-height: 1.6; color: rgba(255, 255, 255, .86); text-shadow: 0 2px 24px rgba(8, 18, 32, .35); }
.qaa-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 26px; }
.qaa-btn--hero-glass, .qaa-btn--hero-glass:visited { background: rgba(255, 255, 255, .08); color: #fff; border: 2px solid rgba(255, 255, 255, .92); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.qaa-btn--hero-glass:hover { background: rgba(255, 255, 255, .9); color: var(--blue); border-color: #fff; }
.qaa-hero__alt { margin: -6px 0 22px; font-size: 14.5px; color: rgba(255, 255, 255, .82); }
.qaa-hero__alt a { color: #fff; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.qaa-hero__trust { display: flex; flex-wrap: wrap; gap: 10px 22px; }
.qaa-hero__trust li { display: flex; align-items: center; gap: 9px; font-size: 14px; font-weight: 500; color: rgba(255, 255, 255, .9); }
.qaa-hero__ck { display: grid; place-items: center; width: 19px; height: 19px; border-radius: 50%; background: rgba(255, 255, 255, .18); color: #fff; flex: none; }
.qaa-hero__mark { position: absolute; right: max(var(--gutter), calc((100% - var(--container)) / 2 + var(--gutter))); bottom: 26px; z-index: 3; max-width: calc(100% - 2 * var(--gutter)); margin: 0; text-align: right; white-space: nowrap; color: #fff; line-height: 1.25; text-shadow: 0 1px 12px rgba(8, 18, 32, .5); }
.qaa-hero__mark span { display: block; font-size: 12px; font-weight: 500; letter-spacing: .04em; opacity: .82; }
.qaa-hero__mark strong { display: block; font-size: 15px; font-weight: 700; letter-spacing: -.01em; }
@media (max-width: 760px) {
	.qaa-hero { min-height: 0; padding: 118px 0 84px; }
	.qaa-hero__grad { background: linear-gradient(180deg, rgba(11, 25, 42, .55) 0%, rgba(11, 25, 42, .82) 60%, rgba(11, 25, 42, .92) 100%); }
	.qaa-hero__inner { padding-top: 0; }
	.qaa-hero__copy { max-width: 100%; }
	.qaa-hero h1 { font-size: clamp(32px, 8.4vw, 40px); }
	.qaa-hero__lead { font-size: 17px; }
	.qaa-hero__mark { right: 20px; bottom: 16px; }
}

/* Credential strip */
.qaa-creds { padding: 30px 0; background: var(--bg); border-bottom: 1px solid var(--line); }
.qaa-creds__label { margin: 0 0 20px; text-align: center; font-size: 12px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--muted); }
.qaa-creds__row { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 14px 0; }
.qaa-cred { display: flex; align-items: center; gap: 11px; padding: 6px 30px; }
.qaa-cred + .qaa-cred { border-left: 1px solid var(--line); }
.qaa-cred b { display: block; font-size: 15px; font-weight: 700; color: var(--ink); line-height: 1.25; }
.qaa-cred span span { display: block; font-size: 12.5px; color: var(--muted); }
.qaa-cred__ic { display: grid; place-items: center; width: 36px; height: 36px; border-radius: var(--r-sm); background: var(--mint); color: var(--blue); flex: none; }
@media (max-width: 760px) { .qaa-cred { padding: 6px 10px; flex: 1 1 45%; } .qaa-cred + .qaa-cred { border-left: 0; } }

/* About split with floating stat badges */
.qaa-about { display: grid; gap: clamp(2.5rem, 5vw, 4rem); align-items: center; }
@media (min-width: 960px) { .qaa-about { grid-template-columns: 1fr 1.08fr; } }
.qaa-about__visual { position: relative; margin: 0 22px; }
.qaa-about__img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: var(--r-xl); box-shadow: var(--shadow-lg); }
.qaa-badge { position: absolute; padding: 16px 20px; border-radius: var(--r); background: #fff; box-shadow: var(--shadow-md); }
.qaa-badge b { display: block; font-size: 24px; font-weight: 800; color: var(--ink); letter-spacing: -.03em; line-height: 1.1; }
.qaa-badge span { font-size: 12.5px; color: var(--muted); font-weight: 500; }
.qaa-badge--tl { top: 26px; left: -22px; }
.qaa-badge--br { bottom: 30px; right: -20px; }
.qaa-quote { margin: 0 0 12px; padding-left: 18px; border-left: 3px solid var(--mint-deep); font-size: clamp(1.25rem, 1.1rem + .6vw, 1.45rem); font-weight: 600; line-height: 1.42; letter-spacing: -.02em; color: var(--ink); }
.qaa-quote__attr { margin-bottom: 22px; padding-left: 21px; font-size: 14px; font-weight: 600; color: var(--muted); }
.qaa-about__copy > p:not([class]) { margin-bottom: 22px; }
.qaa-chips { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 28px; }
.qaa-chips li { padding: 9px 16px; border-radius: var(--r-full); background: var(--bg-soft); border: 1px solid var(--line); font-size: 13.5px; font-weight: 600; color: var(--ink); }

/* Process — photo cards with number badges */
.qaa-flow { display: grid; gap: 24px; }
@media (min-width: 640px) { .qaa-flow { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1040px) { .qaa-flow { grid-template-columns: repeat(4, 1fr); } }
.qaa-flow__step { display: flex; flex-direction: column; overflow: hidden; border-radius: var(--r-lg); background: #fff; border: 1px solid var(--line); transition: transform .3s var(--ease), box-shadow .3s ease; }
.qaa-flow__step:hover { transform: translateY(-6px); box-shadow: var(--shadow-md); }
.qaa-flow__img { position: relative; aspect-ratio: 16 / 11; overflow: hidden; background: linear-gradient(150deg, var(--mint), var(--lav)); }
.qaa-flow__img img { width: 100%; height: 100%; object-fit: cover; }
.qaa-flow__num { position: absolute; top: 14px; left: 14px; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; border: 3px solid #fff; background: var(--blue); color: #fff; font-weight: 700; font-size: 16px; box-shadow: 0 6px 16px rgba(0, 82, 140, .35); }
.qaa-flow__body { flex: 1; padding: 22px 22px 26px; }
.qaa-flow__body h3 { font-size: 18px; margin-bottom: 8px; }
.qaa-flow__body p { margin: 0; font-size: 14.5px; line-height: 1.6; }

/* Full-bleed photo divider */
.qaa-divider { position: relative; isolation: isolate; display: flex; align-items: center; justify-content: center; min-height: clamp(300px, 34vw, 460px); padding: 64px 24px; text-align: center; overflow: hidden; }
.qaa-divider__img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; }
.qaa-divider::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(10, 18, 25, .38), rgba(10, 18, 25, .55)); }
.qaa-divider__line { max-width: 27.5ch; margin: 0; color: #fff; font-weight: 700; font-size: clamp(1.6rem, 1.1rem + 2vw, 2.75rem); line-height: 1.18; letter-spacing: -.02em; text-wrap: balance; text-shadow: 0 2px 22px rgba(0, 0, 0, .3); }

/* Carousel — 3 full cards + a peeking 4th, snap-scrolls the rest */
.qaa-carousel { position: relative; }
.qaa-carousel__nav { display: flex; justify-content: flex-end; gap: 10px; margin-bottom: 4px; }
.qaa-carousel__nav[hidden] { display: none; }
.qaa-arrow { display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; border: 1.5px solid var(--line); background: #fff; color: var(--blue); transition: border-color .2s, background .2s, color .2s, box-shadow .2s, opacity .2s; }
.qaa-arrow:hover:not(:disabled) { border-color: var(--blue); background: var(--blue); color: #fff; box-shadow: 0 6px 16px rgba(0, 82, 140, .25); }
.qaa-arrow:disabled { opacity: .38; cursor: default; }
.qaa-carousel__track { --gap: 20px; --basis: calc((100% - 3 * var(--gap)) / 3.35); display: flex; gap: var(--gap); align-items: stretch; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scrollbar-width: none; scroll-padding-left: 2px; padding: 20px 2px 34px; }
.qaa-carousel__track::-webkit-scrollbar { display: none; }
@media (max-width: 1040px) { .qaa-carousel__track { --basis: calc((100% - var(--gap)) / 2.2); } }
@media (max-width: 640px) { .qaa-carousel__track { --basis: 84%; } }
.qaa-card { position: relative; flex: 0 0 var(--basis); scroll-snap-align: start; display: flex; flex-direction: column; overflow: hidden; border-radius: var(--r-lg); background: #fff; border: 1.5px solid var(--line); transition: transform .3s var(--ease), box-shadow .3s ease, border-color .3s ease; }
.qaa-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-md); border-color: var(--mint-deep); }
.qaa-card__media { aspect-ratio: 16 / 9; overflow: hidden; }
.qaa-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s var(--ease); }
.qaa-card:hover .qaa-card__media img { transform: scale(1.05); }
.qaa-card__body { display: flex; flex-direction: column; flex: 1; padding: 24px 26px 26px; }
.qaa-tag { align-self: flex-start; margin-bottom: 14px; padding: 5px 11px; border-radius: var(--r-full); background: var(--mint); color: var(--blue-2); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.qaa-card h3 { font-size: 19px; margin-bottom: 8px; }
.qaa-card__body > p { font-size: 14.5px; margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.qaa-checks { display: flex; flex-direction: column; gap: 10px; margin-bottom: 22px; flex: 1; }
.qaa-checks li { display: flex; align-items: flex-start; gap: 9px; font-size: 14px; line-height: 1.5; color: var(--ink); }
.qaa-ck { display: grid; place-items: center; width: 19px; height: 19px; margin-top: 1px; border-radius: 50%; background: var(--mint); color: var(--blue); flex: none; }
.qaa-card__link { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 11px 18px; border-radius: var(--r-full); border: 1px solid var(--line); font-size: 13.5px; font-weight: 700; color: var(--blue); text-decoration: none; transition: all .22s; }
.qaa-card__link::after { content: ""; position: absolute; inset: 0; }
.qaa-card:hover .qaa-card__link { background: var(--mint); border-color: var(--mint-deep); }

/* Who we serve — photo cards */
.qaa-serve { display: grid; gap: 20px; }
@media (min-width: 900px) { .qaa-serve { grid-template-columns: repeat(3, 1fr); } }
.qaa-serve__item { overflow: hidden; border-radius: var(--r-lg); background: #fff; border: 1px solid var(--line); transition: transform .3s var(--ease), box-shadow .3s ease; }
.qaa-serve__item:hover { transform: translateY(-6px); box-shadow: var(--shadow-md); }
.qaa-serve__media { aspect-ratio: 16 / 10; overflow: hidden; }
.qaa-serve__img { width: 100%; height: 100%; object-fit: cover; }
.qaa-serve__body { padding: 24px 26px 28px; }
.qaa-serve__body h3 { font-size: 19px; margin-bottom: 8px; }
.qaa-serve__body p { margin: 0; font-size: 14.5px; line-height: 1.6; }

/* Glass card over a photo */
.qaa-glassband { position: relative; isolation: isolate; display: flex; align-items: center; min-height: 520px; padding: 80px 0; overflow: hidden; }
.qaa-glassband > .qaa-container { width: 100%; }
.qaa-glassband__img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: 70% 40%; }
.qaa-glassband::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(11, 25, 42, .35), rgba(11, 25, 42, 0) 60%); }
.qaa-glassband__card { max-width: 620px; padding: clamp(28px, 4vw, 44px); border-radius: var(--r-xl); background: rgba(255, 255, 255, .92); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: var(--shadow-lg); }
.qaa-glassband__card h2 { font-size: clamp(1.7rem, 1.3rem + 1.2vw, 2.3rem); margin-bottom: 14px; }
.qaa-glassband__card p:not(.qaa-eyebrow) { font-size: 17px; margin-bottom: 24px; }

/* ---------- 9. Inner-page hero (photo + left gradient) -------------------- */
.qaa-phero { position: relative; isolation: isolate; padding-block: clamp(3rem, 6vw, 4.5rem); background: var(--navy); color: #fff; overflow: hidden; }
.qaa-phero--photo { padding-block: clamp(4rem, 8vw, 7rem); }
.qaa-phero__media { position: absolute; inset: 0; z-index: -1; }
.qaa-phero__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(11, 25, 42, .92) 0%, rgba(12, 32, 56, .82) 22%, rgba(14, 50, 96, .5) 46%, rgba(14, 50, 96, .15) 64%, rgba(14, 50, 96, 0) 80%); }
.qaa-phero__img { width: 100%; height: 100%; object-fit: cover; object-position: 70% center; }
@media (max-width: 760px) { .qaa-phero__media::after { background: linear-gradient(180deg, rgba(11, 25, 42, .78) 0%, rgba(12, 32, 56, .72) 55%, rgba(14, 50, 96, .78) 100%); } }
.qaa-phero--short { padding-block: clamp(2.5rem, 4vw, 3.5rem); }
.qaa-phero h1 { color: #fff; max-width: 18em; margin-bottom: .35em; text-shadow: 0 2px 24px rgba(8, 18, 32, .35); }
.qaa-phero .qaa-lead { max-width: 52ch; margin: 0; color: rgba(255, 255, 255, .86); }
.qaa-phero .qaa-eyebrow { background: rgba(255, 255, 255, .14); color: #fff; }
.qaa-crumbs ol { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 1.25rem; font-size: 14px; }
.qaa-crumbs li:not(:last-child)::after { content: "/"; margin-left: 6px; color: rgba(255, 255, 255, .45); }
.qaa-crumbs a { color: rgba(255, 255, 255, .72); text-decoration: none; }
.qaa-crumbs a:hover { color: #fff; }
.qaa-crumbs [aria-current] { color: #fff; }

/* ---------- 10. Cards used on inner pages ------------------------------- */
.qaa-practices { display: grid; gap: 20px; }
@media (min-width: 900px) { .qaa-practices { grid-template-columns: repeat(3, 1fr); } }
.qaa-practice { position: relative; display: flex; flex-direction: column; overflow: hidden; border-radius: var(--r-lg); background: #fff; border: 1.5px solid var(--line); transition: transform .3s var(--ease), box-shadow .3s ease, border-color .3s ease; }
.qaa-practice:hover { transform: translateY(-5px); box-shadow: var(--shadow-md); border-color: var(--mint-deep); }
.qaa-practice__media { aspect-ratio: 16 / 9; overflow: hidden; }
.qaa-practice__img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s var(--ease); }
.qaa-practice:hover .qaa-practice__img { transform: scale(1.05); }
.qaa-practice__body { display: flex; flex-direction: column; flex: 1; padding: 24px 26px 26px; }
.qaa-practice h3 { font-size: 19px; }
.qaa-practice h3 a { color: inherit; text-decoration: none; }
.qaa-practice h3 a::after { content: ""; position: absolute; inset: 0; }
.qaa-practice h3 a:focus-visible { outline: none; }
.qaa-practice:has(a:focus-visible) { outline: 2px solid var(--blue); outline-offset: 3px; }
.qaa-practice__body > p { font-size: 14.5px; }
.qaa-practice__list { display: grid; gap: 10px; margin: .25rem 0 1.5rem; font-size: 14px; color: var(--ink); }
.qaa-practice__list li { position: relative; padding-left: 28px; }
.qaa-practice__list li::before { content: ""; position: absolute; left: 0; top: 1px; width: 19px; height: 19px; border-radius: 50%; background: var(--mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300528c' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 11px no-repeat; }
.qaa-practice__more { display: inline-flex; align-items: center; gap: 6px; margin-top: auto; font-weight: 700; font-size: 14px; color: var(--blue); transition: gap .2s; }
.qaa-practice:hover .qaa-practice__more { gap: 11px; }

.qaa-icongrid__item { padding: 30px 28px; border-radius: var(--r-lg); background: #fff; border: 1px solid var(--line); transition: transform .3s var(--ease), box-shadow .3s ease, border-color .3s ease; }
.qaa-icongrid__item:hover { transform: translateY(-6px); box-shadow: var(--shadow-md); border-color: var(--mint-deep); }
.qaa-icongrid__icon { display: grid; place-items: center; width: 46px; height: 46px; margin-bottom: 18px; border-radius: 14px; background: var(--mint); color: var(--blue); }
.qaa-icongrid__item h3 { font-size: 19px; margin-bottom: 8px; }
.qaa-icongrid__item p { margin: 0; font-size: 14.5px; line-height: 1.6; }

/* Photo + copy feature split (about / partnerships) */
.qaa-feature { display: grid; gap: clamp(2rem, 5vw, 4rem); align-items: center; }
@media (min-width: 960px) { .qaa-feature { grid-template-columns: 1fr 1.08fr; } .qaa-feature--flip .qaa-feature__media { order: 2; } }
.qaa-feature__media { position: relative; }
.qaa-feature__img { width: 100%; aspect-ratio: 5 / 4; object-fit: cover; border-radius: var(--r-xl); box-shadow: var(--shadow-lg); }
.qaa-feature__copy .qaa-heading { margin-bottom: 1.5rem; }

/* Navy band (inner pages) + pillars */
.qaa-band { position: relative; background: var(--navy); color: rgba(255, 255, 255, .68); }
.qaa-band h2, .qaa-band h3 { color: #fff; }
.qaa-pillars { display: grid; gap: 2px; overflow: hidden; border-radius: var(--r-lg); background: rgba(255, 255, 255, .09); }
@media (min-width: 900px) { .qaa-pillars--row { grid-template-columns: repeat(3, 1fr); } }
.qaa-pillars li { padding: 34px 30px; background: var(--navy); transition: background .3s; }
.qaa-pillars li:hover { background: #111d2a; }
.qaa-pillars h3 { font-size: 18px; margin-bottom: 8px; }
.qaa-pillars p { margin: 0; font-size: 14.5px; line-height: 1.6; color: rgba(255, 255, 255, .62); }
.qaa-values { display: grid; gap: .75rem; margin-top: 40px; padding: 30px 34px; border-radius: var(--r-lg); background: rgba(255, 255, 255, .04); border: 1px solid rgba(255, 255, 255, .09); font-size: 14.5px; color: rgba(255, 255, 255, .7); }
@media (min-width: 900px) { .qaa-values { grid-template-columns: repeat(3, 1fr); gap: 2rem; } }
.qaa-values strong { color: #fff; }

/* FAQ — separated rounded items */
.qaa-faq { display: flex; flex-direction: column; gap: 12px; max-width: 780px; margin: 0 auto; }
.qaa-faq__title { font-size: var(--h3); margin-bottom: 8px; }
.qaa-faq__item { overflow: hidden; border-radius: var(--r); background: #fff; border: 1px solid var(--line); transition: box-shadow .25s; }
.qaa-faq__item:hover { box-shadow: var(--shadow-sm); }
.qaa-faq__item summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 24px; cursor: pointer; list-style: none; font-weight: 600; font-size: 16.5px; color: var(--ink); }
.qaa-faq__item summary::-webkit-details-marker { display: none; }
.qaa-faq__item summary .qaa-icon { color: var(--blue); transition: transform .3s; }
.qaa-faq__item[open] summary .qaa-icon { transform: rotate(45deg); }
.qaa-faq__a p { margin: 0; padding: 0 24px 22px; font-size: 15px; line-height: 1.7; }
.qaa-faq__more { align-self: center; margin-top: 10px; }
.qaa-split .qaa-faq { margin: 0; max-width: none; }

/* Answer-first box */
.qaa-answer { margin-bottom: 1.75rem; padding: clamp(1.5rem, 3vw, 2rem); border-radius: var(--r-lg); background: var(--bg-soft); border: 1px solid var(--line); box-shadow: var(--shadow-sm); }
.qaa-answer__q { font-size: var(--h3); margin-bottom: .6em; }
.qaa-answer__a { margin: 0; font-size: 1.06rem; color: var(--ink); }

/* Service areas */
.qaa-areas { display: grid; gap: 20px; }
@media (min-width: 700px) { .qaa-areas { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1040px) { .qaa-areas { grid-template-columns: repeat(3, 1fr); } }
.qaa-area { padding: 26px 26px 28px; border-radius: var(--r-lg); background: #fff; border: 1px solid var(--line); transition: transform .3s var(--ease), box-shadow .3s ease, border-color .3s ease; }
.qaa-area:hover { transform: translateY(-5px); box-shadow: var(--shadow-md); border-color: var(--mint-deep); }
.qaa-area h3 { font-size: 17.5px; margin-bottom: .45em; }
.qaa-area p { margin: 0; font-size: 14.5px; line-height: 1.6; }

.qaa-others ul { display: grid; gap: 12px; }
.qaa-others a { display: grid; grid-template-columns: auto 1fr auto; gap: 16px; align-items: center; padding: 14px 18px 14px 14px; border-radius: var(--r); border: 1px solid var(--line); background: #fff; color: var(--ink); text-decoration: none; transition: transform .25s var(--ease), box-shadow .25s ease, border-color .25s; }
.qaa-others a:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); border-color: var(--mint-deep); }
.qaa-others strong { display: block; font-size: 16px; color: var(--ink); }
.qaa-others small { display: block; color: var(--ink-soft); font-size: 13.5px; line-height: 1.5; }
.qaa-others__thumb { display: block; width: 76px; height: 60px; border-radius: 12px; overflow: hidden; }
.qaa-others__thumb img { width: 100%; height: 100%; object-fit: cover; }
.qaa-others a > .qaa-icon { color: var(--blue); }

/* Services hub rows */
.qaa-svcrow { display: grid; gap: clamp(1.75rem, 4vw, 4rem); align-items: start; }
@media (min-width: 960px) { .qaa-svcrow { grid-template-columns: 1fr 1.1fr; } }
.qaa-svcrow__media { margin-bottom: 1.5rem; }
.qaa-svcrow__img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--r-xl); box-shadow: var(--shadow-lg); }
.qaa-svcrow .qaa-lead { margin-bottom: 1.6rem; }
.qaa-ticklist { display: grid; gap: 10px; }
.qaa-ticklist li { display: flex; align-items: flex-start; gap: 10px; font-size: 15px; color: var(--ink); }
.qaa-ticklist .qaa-icon { flex: none; width: 19px; height: 19px; margin-top: 2px; padding: 4px; border-radius: 50%; background: var(--mint); color: var(--blue); }
.qaa-ticklist--cols { padding: clamp(1.5rem, 3vw, 2.25rem); border-radius: var(--r-lg); background: #fff; border: 1px solid var(--line); box-shadow: var(--shadow-sm); }
@media (min-width: 640px) { .qaa-ticklist--cols { grid-template-columns: 1fr 1fr; column-gap: 1.75rem; } }

/* Sectors */
.qaa-sector { padding: 30px 28px; border-radius: var(--r-lg); border: 1px solid var(--line); background: #fff; transition: transform .3s var(--ease), box-shadow .3s ease, border-color .3s ease; }
.qaa-sector:hover { transform: translateY(-6px); box-shadow: var(--shadow-md); border-color: var(--mint-deep); }
.qaa-sector > p { font-size: 14.5px; margin-bottom: 1.25rem; }
.qaa-sector .qaa-ticklist { padding-top: 1.25rem; border-top: 1px solid var(--line); }

/* Data card + tables */
.qaa-datacard { padding: clamp(1.5rem, 3vw, 2.25rem); border-radius: var(--r-lg); border: 1px solid var(--line); background: #fff; box-shadow: var(--shadow-md); }
.qaa-facts > div { display: grid; grid-template-columns: 9rem 1fr; gap: 1rem; padding: .75rem 0; border-top: 1px solid var(--line); font-size: 15px; }
.qaa-facts dt { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); padding-top: .2em; }
.qaa-facts dd { color: var(--ink); }
.qaa-facts a { color: var(--blue); }
@media (max-width: 480px) { .qaa-facts > div { grid-template-columns: 1fr; gap: .2rem; } }
.qaa-stdlist { display: grid; overflow: hidden; border-radius: var(--r-lg); background: #fff; border: 1px solid var(--line); box-shadow: var(--shadow-sm); }
.qaa-stdlist > div { display: grid; grid-template-columns: 7.5rem 1fr; gap: 1rem; padding: .85rem 1.25rem; }
.qaa-stdlist > div + div { border-top: 1px solid var(--line); }
.qaa-stdlist dt { font: 500 .85rem/1.6 var(--font-mono); color: var(--blue); }
.qaa-stdlist dd { color: var(--ink); font-size: 15px; }
.qaa-tablewrap { overflow-x: auto; border-radius: var(--r-lg); border: 1px solid var(--line); background: #fff; box-shadow: var(--shadow-sm); }
.qaa-table { width: 100%; border-collapse: collapse; font-size: 15px; }
.qaa-table th { padding: 1rem 1.25rem; background: var(--blue); color: #fff; text-align: left; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; }
.qaa-table td { padding: .8rem 1.25rem; border-top: 1px solid var(--line); vertical-align: top; color: var(--ink); }
.qaa-table tr:nth-child(even) td { background: var(--bg-soft); }
.qaa-table code { padding: 3px 9px; border-radius: var(--r-full); background: var(--mint); color: var(--blue); font-weight: 500; white-space: nowrap; }
.qaa-diffs { display: grid; gap: 2px; overflow: hidden; border-radius: var(--r-lg); background: rgba(255, 255, 255, .09); }
@media (min-width: 760px) { .qaa-diffs { grid-template-columns: 1fr 1fr; } }
.qaa-diffs li { padding: 34px 30px; background: var(--navy); transition: background .3s; }
.qaa-diffs li:hover { background: #111d2a; }
.qaa-diffs h3 { font-size: 18px; margin-bottom: 8px; }
.qaa-diffs p { margin: 0; color: rgba(255, 255, 255, .62); font-size: 14.5px; }

/* Leader */
.qaa-leader { display: grid; grid-template-columns: auto 1fr; gap: 1.25rem; padding: 26px; border-radius: var(--r-lg); border: 1px solid var(--line); background: #fff; box-shadow: var(--shadow-sm); }
.qaa-leader__avatar { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: var(--mint); color: var(--blue); font-weight: 700; font-size: 1.25rem; }
.qaa-leader p { margin: 0 0 .5rem; }
.qaa-leader__name { font-weight: 700; font-size: 1.15rem; color: var(--ink); }
.qaa-leader__title { color: var(--blue); font-weight: 600; font-size: 14px; }
.qaa-leader__bio { font-size: 15px; }

/* Insights */
.qaa-posts { display: grid; gap: 20px; }
@media (min-width: 760px) { .qaa-posts { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px) { .qaa-posts { grid-template-columns: repeat(3, 1fr); } }
.qaa-post { position: relative; display: flex; flex-direction: column; overflow: hidden; border-radius: var(--r-lg); background: #fff; border: 1px solid var(--line); transition: transform .3s var(--ease), box-shadow .3s ease; }
.qaa-post:hover { transform: translateY(-6px); box-shadow: var(--shadow-md); }
.qaa-post__media { aspect-ratio: 16 / 9; overflow: hidden; }
.qaa-post__media img { width: 100%; height: 100%; object-fit: cover; }
.qaa-post__body { display: flex; flex-direction: column; flex: 1; padding: 24px 24px 26px; }
.qaa-post h2 { font-size: 18px; font-weight: 700; letter-spacing: -.02em; line-height: 1.32; margin-bottom: 8px; }
.qaa-post h2 a { color: var(--ink); text-decoration: none; }
.qaa-post h2 a::after { content: ""; position: absolute; inset: 0; }
.qaa-post p { font-size: 14.5px; }
.qaa-post__meta { margin-top: auto; margin-bottom: 0; font-size: 13px !important; color: var(--muted); }
.qaa-article { font-size: 17px; }
.qaa-article h2 { font-size: var(--h3); margin-top: 1.8em; }
.qaa-article h3 { font-size: 1.15rem; margin-top: 1.4em; }
.qaa-article ul, .qaa-article ol { color: var(--ink-soft); }
.qaa-article li { margin-bottom: .4em; }
.qaa-article .qaa-answer { margin: 0 0 2rem; }
.qaa-article__note { margin-top: 2.5rem !important; padding: 18px 22px; border-radius: var(--r); background: var(--bg-soft); font-size: 14px !important; }

/* ---------- 11. Forms + contact ------------------------------------------ */
.qaa-contact { display: grid; gap: 32px; align-items: stretch; }
@media (min-width: 960px) { .qaa-contact { grid-template-columns: 1fr 1.5fr; } }
.qaa-contact__info { padding: clamp(1.5rem, 3vw, 2.25rem); border-radius: var(--r-lg); background: #fff; border: 1px solid var(--line); box-shadow: var(--shadow-sm); }
.qaa-contactlist { display: grid; gap: 14px; margin-bottom: 1.75rem; }
.qaa-contactlist li { display: flex; gap: 14px; align-items: flex-start; }
.qaa-contactlist > li > .qaa-icon { flex: none; width: 42px; height: 42px; padding: 11px; border-radius: 11px; background: var(--mint); color: var(--blue); }
.qaa-contactlist small { display: block; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.qaa-contactlist a { color: var(--ink); text-decoration: none; font-weight: 600; }
.qaa-contactlist a:hover { color: var(--blue); }
.qaa-map { display: grid; place-items: center; aspect-ratio: 16 / 10; border-radius: var(--r); background: linear-gradient(140deg, var(--mint), var(--lav)); }
.qaa-map iframe, .qaa-contact__info iframe { width: 100%; aspect-ratio: 16 / 10; border: 0; border-radius: var(--r); }
.qaa-map__btn { display: inline-flex; align-items: center; gap: 10px; padding: 12px 22px; border-radius: var(--r-full); background: #fff; border: 1px solid var(--line); box-shadow: var(--shadow-sm); font-weight: 600; color: var(--ink); transition: .25s; }
.qaa-map__btn:hover { color: var(--blue); box-shadow: var(--shadow-md); transform: translateY(-2px); }

.qaa-formcard { padding: clamp(1.5rem, 3.5vw, 2.5rem); border-radius: var(--r-lg); background: #fff; border: 1px solid var(--line); box-shadow: var(--shadow-md); }
.qaa-form { display: grid; gap: 1.1rem; }
.qaa-row { display: grid; gap: 1.1rem; }
@media (min-width: 640px) { .qaa-row { grid-template-columns: 1fr 1fr; } }
.qaa-field label { display: block; margin-bottom: 6px; font-size: 14px; font-weight: 600; color: var(--ink); }
.qaa-field input, .qaa-field select, .qaa-field textarea { width: 100%; min-height: 50px; padding: 12px 15px; border: 1.5px solid var(--line); border-radius: 12px; background: var(--bg); transition: border-color .2s, box-shadow .2s, background .2s; }
.qaa-field textarea { resize: vertical; min-height: 140px; }
.qaa-field input:focus, .qaa-field select:focus, .qaa-field textarea:focus { outline: none; background: #fff; border-color: var(--blue); box-shadow: 0 0 0 4px var(--mint); }
.qaa-field.is-invalid input, .qaa-field.is-invalid select, .qaa-field.is-invalid textarea { border-color: #b3261e; }
.qaa-form__fine { margin: 0; font-size: 13.5px; color: var(--muted); }
.qaa-form button[type="submit"] { justify-self: start; }
.qaa-form__status { padding: 14px 16px; border-radius: 12px; font-weight: 600; }
.qaa-form__status.is-ok { background: #e7f4ec; color: #155c32; }
.qaa-form__status.is-err { background: #fdecea; color: #8c1d18; }
.qaa-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* ---------- 12. Closing CTA panel + footer ------------------------------- */
.qaa-start { padding-block: clamp(3.5rem, 6vw, 5rem); background: var(--white); }
.qaa-bg-white + .qaa-start { padding-top: 0; }
.qaa-start__card { position: relative; overflow: hidden; max-width: 1080px; margin: 0 auto; padding: clamp(44px, 6vw, 70px) clamp(24px, 5vw, 56px); border-radius: var(--r-xl); text-align: center; color: #fff; background: linear-gradient(135deg, var(--blue-ink) 0%, var(--blue) 58%, var(--sky) 128%); box-shadow: 0 30px 70px rgba(14, 50, 96, .3); }
.qaa-start__glow { position: absolute; inset: 0; background: radial-gradient(620px 320px at 50% -25%, rgba(255, 255, 255, .2), transparent 62%); pointer-events: none; }
.qaa-start__card::before { content: ""; position: absolute; width: 420px; height: 420px; border-radius: 50%; background: rgba(255, 255, 255, .07); top: -200px; right: -110px; }
.qaa-start__card > * { position: relative; z-index: 1; }
.qaa-start__card h2 { color: #fff; margin-bottom: 14px; }
.qaa-start__card > p:not(.qaa-eyebrow) { max-width: 54ch; margin: 0 auto 30px; font-size: 18px; color: rgba(255, 255, 255, .9); }
.qaa-start__cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 14px; }
.qaa-start__card > p.qaa-start__note { margin: 24px auto 0; font-size: 14px; color: rgba(255, 255, 255, .72); }
@media (max-width: 600px) { .qaa-start__cta { flex-direction: column; align-items: stretch; } }

.qaa-footer { background: var(--blue); color: rgba(255, 255, 255, .86); font-size: 15px; }
.qaa-footer__top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px; padding: 40px 0 34px; border-bottom: 1px solid rgba(255, 255, 255, .22); }
.qaa-footer__top h2 { margin: 0; color: #fff; font-size: clamp(1.25rem, 1rem + .8vw, 1.6rem); font-weight: 700; letter-spacing: -.02em; max-width: 34ch; }
.qaa-footer__grid { display: grid; gap: 36px; padding: 52px 0 56px; }
@media (min-width: 700px) { .qaa-footer__grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1040px) { .qaa-footer__grid { grid-template-columns: 1.6fr 1fr 1fr 1.2fr; gap: 44px; } }
.qaa-footer__brand p { margin: 1.25rem 0 0; max-width: 34em; color: rgba(255, 255, 255, .86); }
.qaa-footer__h { margin-bottom: 20px; font-size: 17px; font-weight: 700; color: #fff; letter-spacing: -.01em; }
.qaa-footer .menu { display: grid; gap: 12px; }
.qaa-footer a { color: rgba(255, 255, 255, .86); text-decoration: none; }
.qaa-footer a:hover { color: #fff; text-decoration: underline; }
.qaa-footer__contact { display: grid; gap: 12px; }
.qaa-footer__contact li { display: flex; gap: 12px; align-items: flex-start; }
.qaa-footer__contact .qaa-icon { margin-top: .25em; color: #fff; opacity: .8; }
.qaa-footer__social { display: inline-flex; align-items: center; gap: 6px; }
.qaa-footer__legal { background: var(--white); color: var(--muted); font-size: 13.5px; }
.qaa-footer__bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 16px; padding-block: 22px; }
.qaa-footer__bottom p { margin: 0; }
.qaa-footer .qaa-footer__legal a { color: var(--ink-soft); text-decoration: underline; text-underline-offset: 2px; }
.qaa-footer .qaa-footer__legal a:hover { color: var(--blue); }

/* Mobile action bar */
.qaa-actionbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 190; display: grid; grid-template-columns: 1fr 1.4fr; gap: 10px; padding: 11px 16px calc(11px + env(safe-area-inset-bottom)); background: rgba(255, 255, 255, .92); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-top: 1px solid var(--line); }
.qaa-actionbar .qaa-btn { min-height: 46px; padding-inline: 12px; }
body { padding-bottom: 70px; }
@media (min-width: 900px) { .qaa-actionbar { display: none; } body { padding-bottom: 0; } }

/* 404 */
.qaa-404 { text-align: center; }
.qaa-404__links { display: flex; flex-wrap: wrap; justify-content: center; gap: .75rem; margin-top: 1.5rem; }

/* ---------- 13. Motion + print ------------------------------------------- */
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; } }
@media print {
	.qaa-header, .qaa-drawer, .qaa-actionbar, .qaa-start, .qaa-footer__grid, .qaa-footer__top { display: none !important; }
	body { padding: 0; }
	.qaa-phero, .qaa-band { background: #fff !important; color: #000; }
	.qaa-phero h1, .qaa-band h2, .qaa-band h3 { color: #000; }
}

/* Practice cards without photos (Government Contracting competencies) */
.qaa-practice > .qaa-practice__ic { margin: 26px 26px 0; }

/* Inner-page photo heroes: taller, so the photo reads (per-page focal point set inline) */
.qaa-phero--photo { display: flex; align-items: center; min-height: clamp(440px, 46vw, 640px); padding-block: clamp(4.5rem, 8vw, 7rem); }
.qaa-phero--photo > .qaa-container { width: 100%; }
@media (max-width: 760px) { .qaa-phero--photo { min-height: 0; } }

/* Icon chips (services hub rows, "other practices" list) — photos stay unique to one page each */
.qaa-svcrow__ic { display: grid; place-items: center; width: 56px; height: 56px; margin-bottom: 20px; border-radius: 16px; background: var(--mint); color: var(--blue); }
.qaa-others__ic { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 12px; background: var(--mint); color: var(--blue); }

/* Footer "Schedule a call": .qaa-footer a:hover (0,2,1) was forcing white text onto the white hover fill. */
.qaa-footer .qaa-btn--outline-light:hover, .qaa-footer .qaa-btn--outline-light:focus-visible { background: #fff; color: var(--blue); border-color: #fff; text-decoration: none; }

/* Two-column sections (heading/intro left, long content or form right): the left column stays in view while the right scrolls. */
@media (min-width: 900px) {
	.qaa-split--top > :first-child { position: sticky; top: calc(var(--header-h) + 32px); }
}
@media (min-width: 960px) {
	.qaa-contact { align-items: start; }
	.qaa-contact__info { position: sticky; top: calc(var(--header-h) + 32px); }
}

/* Article hero image + related-insights card titles */
.qaa-article__media { margin: 0 auto 2.5rem; }
.qaa-article__media img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--r-xl); box-shadow: var(--shadow-md); }
.qaa-post__title { font-size: 18px; line-height: 1.32; margin-bottom: 8px; }
.qaa-post__title a { color: var(--ink); text-decoration: none; }
.qaa-post__title a::after { content: ""; position: absolute; inset: 0; }

/* Services hub rows: copy (heading, intro, compact list, button) beside a photo, alternating sides */
.qaa-svcrow { display: grid; gap: clamp(2rem, 5vw, 4.5rem); align-items: center; }
@media (min-width: 960px) {
	.qaa-svcrow { grid-template-columns: 1.08fr 1fr; }
	.qaa-svcrow--flip { grid-template-columns: 1fr 1.08fr; }
	.qaa-svcrow--flip .qaa-svcrow__media { order: -1; }
}
.qaa-svcrow__copy h2 { margin-bottom: .45em; }
.qaa-svcrow__copy .qaa-lead { margin-bottom: 1.5rem; }
.qaa-svcrow__media { margin: 0; }
.qaa-svcrow__img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--r-xl); box-shadow: var(--shadow-lg); }
.qaa-checks--cols { display: grid; gap: 10px 24px; margin-bottom: 28px; padding-top: 1.25rem; border-top: 1px solid var(--line); }
@media (min-width: 560px) { .qaa-checks--cols { grid-template-columns: 1fr 1fr; } }
@media (max-width: 959px) { .qaa-svcrow__media { order: -1; } }
.qaa-post--text .qaa-post__body { padding-top: 28px; }

/* Inner-page hero copy ~15% smaller and narrower so it stays clear of the photo's subject. */
.qaa-phero h1 { font-size: clamp(1.9rem, 1.3rem + 2.2vw, 2.975rem); max-width: 12em; text-wrap: balance; }
.qaa-phero .qaa-lead { max-width: 44ch; font-size: clamp(.95rem, .9rem + .25vw, 1.0625rem); }
.qaa-phero__inner { max-width: var(--container); }