/* ==== header-footer.css · layer 1 of 2 ==== */
/* ==========================================================================
   an earlier layer of this file — the HOMEPAGE header, for every other page.
   2026-09-20, on "my home page header and footer same apply in all pages".

   What it is: every CSS rule that styles the header on index.html, lifted out
   of the homepage's own sheets in their homepage cascade order (index.html
   <style>, [archived]*, [archived]*, assets/home/design.css). Each selector is pinned
   to the header with :where(header.bar, header.bar *), which adds no
   specificity, so the rules keep their homepage ranking among themselves and
   cannot touch anything outside the header. The homepage tokens the header
   reads (and what <html>/<body> hand down to it) are set on the header itself
   through :where(header.bar), so an inner page's own :root values stay put.

   Linked LAST in <head> on the five inner pages. index.html does not load it —
   the homepage's own sheets are its source. If the homepage header changes,
   rebuild this file from index.html (same method), don't hand-patch both.
   Two edits on top of the lift: the first block ("inner-page leftovers")
   cancels the few inner-page rules the homepage never sets, and the homepage's
   [href="contact-us.html"] tab rules are keyed on [data-label="Contact Us"]
   so they still hold on the Contact page, where that tab's href is "#".
   The markup side (same header block, data-t on every section link, and
   assets/shared/strip-peek.js after the header for the phone section row) lives in
   each page.
   ========================================================================== */

/* ---- inner-page leftovers -------------------------------------------------
   Rules the inner pages' own sheets put on header parts that the homepage never
   sets (assets/shared/shells/about.css, assets/shared/design/system.css: .wm{min-width:0;overflow:hidden} and
   img,svg{max-width:100%;display:block}). Same specificity as those rules and
   placed BEFORE the homepage rules below, so this file wins over them while the
   homepage's own rules still win over this. */
.wm:where(header.bar *) { min-width: auto; overflow: visible; }
svg:where(header.bar *) { max-width: none; display: inline; }


/* ---- from index.html <style> ---- */
:where(header.bar) { color-scheme: light; --paper: #FFFFFF; --ink: #0B0D12; --ink-2: #3A414C; --ink-3: #767E8B; --ink-4: #A7AEB9; --line: #E3E6EB; --line-2: #EFF1F4; --g-blue: #1A73E8; --g-green: #188038; --accent: var(--g-blue); --navy: #0F1B3D; --sans: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Arial, sans-serif; --mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace; --pad: clamp(18px, 4vw, 72px); --maxw: clamp(1280px, 80vw, 1920px); --grid-edge: max(var(--pad), calc((100% - var(--maxw)) / 2)); }
*:where(header.bar, header.bar *) { box-sizing: border-box; }
:where(header.bar) { color: var(--ink); font-family: var(--sans); -webkit-font-smoothing: antialiased; }
a:where(header.bar, header.bar *) { color: inherit; text-decoration: none; }
a:focus-visible:where(header.bar, header.bar *),
button:focus-visible:where(header.bar, header.bar *) { outline: 2px solid var(--accent); outline-offset: 3px; }
button:where(header.bar, header.bar *) { font: inherit; }
.bar:where(header.bar, header.bar *) { position: fixed; inset: 0px 0px auto; z-index: 60; flex: 0 0 auto; display: flex; align-items: center; gap: clamp(14px, 2.2vw, 34px); padding: 15px var(--grid-edge); border-bottom: 1px solid var(--line-2); background: var(--paper); }
.wm:where(header.bar, header.bar *) { display: flex; align-items: center; font-size: 16px; font-weight: 800; letter-spacing: -0.035em; white-space: nowrap; color: var(--navy); }
.mark:where(header.bar, header.bar *) { flex: 0 0 auto; display: block; width: 36px; height: 36px; margin-right: 11px; }
.mark svg:where(header.bar, header.bar *) { display: block; width: 100%; height: 100%; }
.nav:where(header.bar, header.bar *) { margin-left: auto; display: flex; gap: clamp(14px, 2vw, 30px); font-size: 13.5px; font-weight: 500; color: var(--ink-2); }
.nav a:where(header.bar, header.bar *) { position: relative; padding: 3px 0px; transition-property: color; transition-duration: 0.18s; transition-timing-function: ease; transition-delay: 0s; transition-behavior: normal; }
.nav a:where(header.bar, header.bar *)::after { content: ""; position: absolute; left: 0px; right: 100%; bottom: 0px; height: 1.5px; background: var(--accent); transition-property: right; transition-duration: 0.24s; transition-timing-function: ease; transition-delay: 0s; transition-behavior: normal; }
.nav a:hover:where(header.bar, header.bar *) { color: var(--ink); }
.nav a:hover:where(header.bar, header.bar *)::after { right: 0px; }
@media (max-width: 900px) {
.nav:where(header.bar, header.bar *) { display: none; }
}
@media (prefers-reduced-motion: reduce) {
*:where(header.bar, header.bar *) { transition-property: none !important; transition-duration: 0s !important; transition-timing-function: ease !important; transition-delay: 0s !important; transition-behavior: normal !important; }
}
@media (prefers-reduced-motion: reduce) {
*:where(header.bar, header.bar *) { transition-property: none !important; transition-duration: 0s !important; transition-timing-function: ease !important; transition-delay: 0s !important; transition-behavior: normal !important; }
}
.bar:where(header.bar, header.bar *) { padding: 13px var(--grid-edge); }
.baract:where(header.bar, header.bar *) { display: flex; align-items: center; gap: 10px; margin-left: clamp(14px, 2.2vw, 34px); }
.barmenu:where(header.bar, header.bar *) { display: none; width: 36px; height: 36px; align-items: center; justify-content: center; border: 1px solid var(--line); border-radius: 9px; background: var(--paper); color: var(--ink-2); cursor: pointer; transition-property: border-color, color; transition-duration: 0.16s, 0.16s; transition-timing-function: ease, ease; transition-delay: 0s, 0s; transition-behavior: normal, normal; }
.barmenu svg:where(header.bar, header.bar *) { width: 17px; height: 17px; stroke: currentcolor; fill: none; stroke-width: 1.8; stroke-linecap: round; }
.barmenu:hover:where(header.bar, header.bar *) { border-color: var(--ink-4); color: var(--ink); }
.sitemenu:where(header.bar, header.bar *) { display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0px 14px; border: 1px solid var(--line); border-radius: 8px; background: var(--paper); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13px; font-weight: 650; color: var(--ink-2); cursor: pointer; white-space: nowrap; transition-property: border-color, color, background; transition-duration: 0.16s, 0.16s, 0.16s; transition-timing-function: ease, ease, ease; transition-delay: 0s, 0s, 0s; transition-behavior: normal, normal, normal; }
.sitemenu svg:where(header.bar, header.bar *) { width: 16px; height: 16px; flex: 0 0 auto; fill: none; stroke: currentcolor; stroke-width: 1.9; stroke-linecap: round; transition-property: transform; transition-duration: 0.2s; transition-timing-function: ease; transition-delay: 0s; transition-behavior: normal; }
.sitemenu:hover:where(header.bar, header.bar *) { border-color: var(--ink-4); color: var(--ink); }
.sitemenu[aria-expanded="true"]:where(header.bar, header.bar *) { border-color: var(--ink); color: var(--ink); background: var(--ground); }
.nd-p:where(header.bar, header.bar *) { display: none; }
.nd[data-open="true"] .nd-p:where(header.bar, header.bar *) { display: grid; position: absolute; top: 100%; right: var(--grid-edge); z-index: 61; margin-top: 12px; padding: 24px 26px; width: min(620px, calc(100vw - 2 * var(--pad))); grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 4px clamp(20px, 3vw, 44px); background: var(--paper); border: 1px solid var(--line); border-radius: 16px; box-shadow: rgba(11, 13, 18, 0.05) 0px 2px 8px, rgba(15, 27, 61, 0.22) 0px 26px 60px -18px; }
.nd-h:where(header.bar, header.bar *) { margin: 0px 0px 12px; font-family: var(--mono); font-size: 10.5px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--ink-4); font-weight: 500; }
.nd-p ul:where(header.bar, header.bar *) { margin: 0px; padding: 0px; list-style: none; display: flex; flex-direction: column; gap: 2px; }
.nd-p li:where(header.bar, header.bar *) { display: flex; }
.nd-p a:where(header.bar, header.bar *),
.nd-na:where(header.bar, header.bar *) { display: inline-flex; align-items: flex-start; gap: 8px; width: 100%; padding: 8px 10px; margin-left: -10px; border-radius: 8px; font-size: 14px; font-weight: 550; color: var(--ink-2); line-height: 1.35; }
.nd-p a:where(header.bar, header.bar *)::after { display: none; }
.nd-p a:hover:where(header.bar, header.bar *) { background: var(--ground); color: var(--ink); }
.nd-na:where(header.bar, header.bar *) { color: var(--ink-4); cursor: default; }
.nd-live:where(header.bar, header.bar *) { width: 6px; height: 6px; flex: 0 0 auto; margin-top: 6px; border-radius: 50%; background: var(--g-green); box-shadow: rgba(52, 168, 83, 0.16) 0px 0px 0px 3px; }
.nd-soon:where(header.bar, header.bar *) { flex: 0 0 auto; margin-top: 1px; padding: 2px 7px; border-radius: 5px; border: 1px solid var(--line); font-family: var(--mono); font-size: 9px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-4); font-weight: 500; }
.nd-p a:has(.nd-live):where(header.bar, header.bar *) { font-weight: 650; color: var(--ink); }
@media (max-width: 900px) {
.barmenu:where(header.bar, header.bar *) { display: flex; }
}
@media (max-width: 900px) {
.nav:where(header.bar, header.bar *) { display: none; position: absolute; top: 100%; left: 0px; right: 0px; z-index: 59; flex-direction: column; gap: 0px; margin: 0px; padding: 4px var(--pad) 14px; background: var(--paper); border-bottom: 1px solid var(--line); box-shadow: rgba(11, 13, 18, 0.5) 0px 18px 30px -24px; }
}
@media (max-width: 900px) {
.nav[data-open="true"]:where(header.bar, header.bar *) { display: flex; }
}
@media (max-width: 900px) {
.nav a:where(header.bar, header.bar *) { padding: 12px 0px; font-size: 15.5px; color: var(--ink); border-bottom: 1px solid var(--line-2); }
}
@media (max-width: 900px) {
.nav a:last-child:where(header.bar, header.bar *) { border-bottom: 0px; }
}
@media (max-width: 900px) {
.nav a:where(header.bar, header.bar *)::after { display: none; }
}
@media (max-width: 900px) {
.sitemenu:where(header.bar, header.bar *) { display: none; }
}
@media (max-width: 900px) {
.nd:where(header.bar, header.bar *) { order: -1; width: 100%; }
}
@media (max-width: 900px) {
.nd[data-open="true"] .nd-p:where(header.bar, header.bar *),
.nd .nd-p:where(header.bar, header.bar *) { display: grid; position: static; width: auto; margin: 0px; padding: 0px; grid-template-columns: minmax(0px, 1fr); gap: 0px; background: none; border: 0px; border-radius: 0px; box-shadow: none; }
}
@media (max-width: 900px) {
.nd-h:where(header.bar, header.bar *) { margin: 14px 0px 2px; }
}
@media (max-width: 900px) {
.nd-g:first-child .nd-h:where(header.bar, header.bar *) { margin-top: 4px; }
}
@media (max-width: 900px) {
.nd-p a:where(header.bar, header.bar *),
.nd-na:where(header.bar, header.bar *) { margin-left: 0px; padding: 12px 0px; border-radius: 0px; font-size: 15.5px; }
}
@media (max-width: 900px) {
.nav .nd-p a:where(header.bar, header.bar *),
.nav .nd-p .nd-na:where(header.bar, header.bar *) { border-bottom: 0px; }
}
@media (max-width: 900px) {
.nd-p li:where(header.bar, header.bar *) { border-bottom: 1px solid var(--line-2); }
}
@media (max-width: 900px) {
.nd-p a:where(header.bar, header.bar *) { color: var(--ink); }
}
@media (max-width: 900px) {
.nd-p a:hover:where(header.bar, header.bar *) { background: none; }
}
@media (max-width: 900px) {
.nd-live:where(header.bar, header.bar *) { margin-top: 8px; }
}
@media (max-width: 900px) {
.nd-soon:where(header.bar, header.bar *) { margin-top: 3px; }
}
@media (max-width: 430px) {
.bar:where(header.bar, header.bar *) { padding: 12px 14px; gap: 10px; }
}
@media (max-width: 430px) {
.wm:where(header.bar, header.bar *) { font-size: 14.5px; }
}
@media (max-width: 430px) {
.mark:where(header.bar, header.bar *) { width: 31px; height: 31px; margin-right: 9px; }
}
@media (max-width: 430px) {
.baract:where(header.bar, header.bar *) { gap: 8px; margin-left: 8px; }
}
@media (max-width: 430px) {
.barmenu:where(header.bar, header.bar *) { width: 34px; height: 34px; }
}
@media (max-width: 760px) {
:where(header.bar) { --gut: 18px; }
}
@media (max-width: 760px) {
.wm:where(header.bar, header.bar *) { flex: 0 1 auto; min-width: 0px; overflow: hidden; }
}
@media (max-width: 760px) {
.baract:where(header.bar, header.bar *) { flex: 0 0 auto; }
}
@media (max-width: 760px) {
@media (max-width: 400px) {
.bar:where(header.bar, header.bar *) { padding: 12px; gap: 8px; }
}
}
@media (max-width: 760px) {
@media (max-width: 400px) {
.wm:where(header.bar, header.bar *) { font-size: 13.5px; }
}
}
@media (max-width: 760px) {
@media (max-width: 400px) {
.mark:where(header.bar, header.bar *) { width: 28px; height: 28px; margin-right: 8px; }
}
}
@media (max-width: 760px) {
@media (max-width: 400px) {
.baract:where(header.bar, header.bar *) { gap: 6px; margin-left: 6px; }
}
}
@media (max-width: 760px) {
@media (max-width: 400px) {
.barmenu:where(header.bar, header.bar *) { width: 33px; height: 33px; }
}
}
@media (min-width: 1281px) {
:where(header.bar) { --wpad: clamp(28px, 3.6vw, 58px); }
}
@media (min-width: 1281px) {
.bar:where(header.bar, header.bar *) { padding: 16px var(--wpad); }
}
@media (min-width: 1281px) {
.wm:where(header.bar, header.bar *) { font-size: 17.5px; }
}
@media (min-width: 1281px) {
.mark:where(header.bar, header.bar *) { width: 40px; height: 40px; margin-right: 12px; }
}
@media (min-width: 1281px) {
.nav:where(header.bar, header.bar *) { font-size: 14.5px; gap: clamp(16px, 2vw, 32px); }
}

/* ---- from assets/shared/nav/nav.css ---- */
.bar:where(header.bar, header.bar *) { position: fixed; inset: 0px 0px auto; z-index: 60; display: block; padding: 0px; background: var(--paper); border-bottom: 1px solid var(--line-2); }
.bar:where(header.bar, header.bar *) { --nav-gutter: clamp(18px, 4vw, 72px); }
@media (min-width: 1281px) {
.bar:where(header.bar, header.bar *) { --nav-gutter: clamp(28px, 3.6vw, 58px); }
}
.brow:where(header.bar, header.bar *) { display: flex; align-items: center; gap: clamp(14px, 2.2vw, 34px); padding: 14px var(--nav-gutter) 0; }
.wm:where(header.bar, header.bar *) { display: flex; align-items: center; flex: 0 0 auto; font-size: 16px; font-weight: 800; letter-spacing: -0.035em; white-space: nowrap; color: var(--navy); }
.mark:where(header.bar, header.bar *) { flex: 0 0 auto; display: block; width: 36px; height: 36px; margin-right: 11px; }
.mark svg:where(header.bar, header.bar *) { display: block; width: 100%; height: 100%; }
@media (min-width: 1281px) {
.wm:where(header.bar, header.bar *) { font-size: 17.5px; }
}
@media (min-width: 1281px) {
.mark:where(header.bar, header.bar *) { width: 40px; height: 40px; margin-right: 12px; }
}
.nav:where(header.bar, header.bar *) { margin-left: auto; display: flex; align-items: center; gap: clamp(14px, 2vw, 28px); }
@media (min-width: 1281px) {
.nav:where(header.bar, header.bar *) { margin-right: clamp(0px, 5vw, 90px); }
}
@media (min-width: 1400px) {
.nav:where(header.bar, header.bar *) { margin-right: clamp(90px, 8vw, 170px); }
}
.nav a:not(.ptab):where(header.bar, header.bar *)::after { display: none !important; }
.nav a.ptab:where(header.bar, header.bar *) { position: relative; display: inline-grid; grid-template-areas: "t"; padding: 3px 0px; font-size: 14.5px; font-weight: 650; color: var(--ink-2); white-space: nowrap; letter-spacing: -0.006em; transition-property: color; transition-duration: 0.16s; transition-timing-function: ease; transition-delay: 0s; transition-behavior: normal; }
.nav a.ptab > span:where(header.bar, header.bar *) { grid-area: t; }
.nav a.ptab:where(header.bar, header.bar *)::after { grid-area: t; content: attr(data-label); font-weight: 750; letter-spacing: -0.006em; visibility: hidden; pointer-events: none; position: static; inset: auto; width: auto; height: auto; background: none; }
.nav a.ptab:hover:where(header.bar, header.bar *) { color: var(--ink); }
.nav a.ptab.cur:where(header.bar, header.bar *) { color: var(--navy); font-weight: 750; }
.nav a.ptab.cur:where(header.bar, header.bar *)::before { content: ""; position: absolute; left: 0px; right: 0px; bottom: -4px; height: 2px; border-radius: 2px; background: var(--accent); }
.baract:where(header.bar, header.bar *) { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; margin-left: clamp(10px, 1.6vw, 20px); }
.sitemenu:where(header.bar, header.bar *) { display: inline-flex; align-items: center; gap: 9px; height: 36px; padding: 0px 14px; border: 1px solid var(--line); border-radius: 8px; background: var(--paper); font-size: 13px; font-weight: 650; color: var(--ink-2); cursor: pointer; white-space: nowrap; transition-property: border-color, color; transition-duration: 0.16s, 0.16s; transition-timing-function: ease, ease; transition-delay: 0s, 0s; transition-behavior: normal, normal; }
.sitemenu svg:where(header.bar, header.bar *) { width: 16px; height: 16px; flex: 0 0 auto; fill: none; stroke: currentcolor; stroke-width: 1.9; stroke-linecap: round; }
.sitemenu:hover:where(header.bar, header.bar *) { border-color: var(--ink-4); color: var(--ink); }
.sitemenu[aria-expanded="true"]:where(header.bar, header.bar *) { border-color: var(--ink); color: var(--ink); background: var(--ground, #F4F7FC); }
.barmenu:where(header.bar, header.bar *) { display: none; width: 36px; height: 36px; align-items: center; justify-content: center; border: 1px solid var(--line); border-radius: 8px; background: var(--paper); color: var(--ink-2); cursor: pointer; transition-property: border-color, color; transition-duration: 0.16s, 0.16s; transition-timing-function: ease, ease; transition-delay: 0s, 0s; transition-behavior: normal, normal; }
.barmenu svg:where(header.bar, header.bar *) { width: 18px; height: 18px; stroke: currentcolor; fill: none; stroke-width: 1.8; stroke-linecap: round; }
.barmenu:hover:where(header.bar, header.bar *) { border-color: var(--ink-4); color: var(--ink); }
.krow:where(header.bar, header.bar *) { background: transparent; padding: 13px var(--nav-gutter) 14px; }
@media (min-width: 1281px) {
.krow:where(header.bar, header.bar *) { padding: 15px var(--nav-gutter) 15px; }
}
.kids:where(header.bar, header.bar *) { display: flex; align-items: baseline; justify-content: flex-start; gap: clamp(20px, 2.6vw, 38px); padding-left: var(--home-x, 0px); overflow-x: auto; scrollbar-width: none; }
.kids:where(header.bar, header.bar *)::-webkit-scrollbar { display: none; }
a.kid:where(header.bar, header.bar *) { flex: 0 0 auto; position: relative; white-space: nowrap; font-size: 11.75px; font-weight: 450; letter-spacing: 0.012em; color: var(--ink-3); padding: 0px 0px 3px; transition-property: color; transition-duration: 0.18s; transition-timing-function: ease; transition-delay: 0s; transition-behavior: normal; }
a.kid:hover:where(header.bar, header.bar *) { color: var(--ink-2); }
a.kid.on:where(header.bar, header.bar *) { color: var(--navy); font-weight: 600; }
a.kid.on:where(header.bar, header.bar *)::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: -1px; height: 1.25px; border-radius: 2px; background: var(--accent); }
.nav a.ptab[data-svc] > span:where(header.bar, header.bar *) { display: inline-flex; align-items: center; }
.chev:where(header.bar, header.bar *) { flex: 0 0 auto; width: 9px; height: 6px; margin-left: 5px; fill: none; stroke: currentcolor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; transition-property: transform; transition-duration: 0.18s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-delay: 0s; transition-behavior: normal; }
.nav a.ptab[data-svc]:where(header.bar, header.bar *)::after { padding-right: 14px; }
.nav a.ptab[data-svc][aria-expanded="true"] .chev:where(header.bar, header.bar *) { transform: rotate(180deg); }
.bar:where(header.bar, header.bar *) { --svc-lip: 14px; --svc-drop: 8px; }
.nav a.ptab[data-svc]:where(header.bar, header.bar *) { z-index: 59; }
.nav a.ptab[data-svc] > span:where(header.bar, header.bar *) { position: relative; z-index: 1; }
.nav a.ptab[data-svc][aria-expanded="true"]:where(header.bar, header.bar *) { color: var(--navy); font-weight: 750; }
.nav a.ptab[data-svc][aria-expanded="true"]:where(header.bar, header.bar *)::before { content: ""; position: absolute; left: calc(-1 * var(--svc-lip)); right: calc(-1 * var(--svc-lip)); top: -10px; bottom: -9px; height: auto; border-radius: 10px 10px 0px 0px; background: var(--paper); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-bottom: 0px; }
.bar.svc-open .nav a.ptab.cur:not([data-svc]):where(header.bar, header.bar *)::before { background: var(--line); }
.nav .svcm:where(header.bar, header.bar *) { position: absolute; z-index: 58; top: calc(var(--svc-b, 48px) + var(--svc-drop)); left: calc(var(--svc-x, 0px) - var(--svc-lip)); margin-top: 0px; padding: 12px 9px 9px; width: max-content; min-width: 232px; background: var(--paper); border: 1px solid var(--line); border-radius: 0px 12px 12px; box-shadow: rgba(11, 13, 18, 0.05) 0px 2px 8px, rgba(15, 27, 61, 0.22) 0px 26px 60px -18px; }
.svcm ul:where(header.bar, header.bar *) { margin: 0px; padding: 0px; list-style: none; display: flex; flex-direction: column; gap: 1px; }
.svcm li:where(header.bar, header.bar *) { display: flex; }
.svcm a:where(header.bar, header.bar *),
.svcm .nd-na:where(header.bar, header.bar *) { display: inline-flex; align-items: center; gap: 14px; width: 100%; justify-content: space-between; margin: 0px; padding: 9px 11px; border-radius: 9px; font-size: 13.5px; font-weight: 550; line-height: 1.3; white-space: nowrap; color: var(--ink-2); }
.svcm a:hover:where(header.bar, header.bar *) { background: var(--ground, #F4F7FC); color: var(--ink); }
.svcm a:has(.nd-live):where(header.bar, header.bar *) { font-weight: 650; color: var(--ink); }
.svcm .nd-na:where(header.bar, header.bar *) { color: var(--ink-4); cursor: default; }
.svcm .nd-live:where(header.bar, header.bar *),
.svcm .nd-soon:where(header.bar, header.bar *) { margin-top: 0px; }
.ptip:where(header.bar, header.bar *) { position: fixed; left: var(--svc-cx, 50%); top: calc(var(--barh, 103px) + 9px); z-index: 62; padding: 5px 9px; border-radius: 7px; white-space: nowrap; pointer-events: none; background: var(--paper); border: 1px solid var(--line); box-shadow: rgba(15, 27, 61, 0.3) 0px 6px 18px -8px; font-size: 11px; font-style: normal; font-weight: 600; letter-spacing: 0.004em; color: var(--ink-3); opacity: 0; visibility: hidden; transform: translate(-50%, -3px); transition-property: opacity, transform, visibility; transition-duration: 0.14s, 0.14s, 0s; transition-timing-function: ease, ease, linear; transition-delay: 0s, 0s, 0.14s; transition-behavior: normal, normal, normal; }
.nav a.ptab[data-svc]:hover .ptip:where(header.bar, header.bar *),
.nav a.ptab[data-svc]:focus-visible .ptip:where(header.bar, header.bar *) { opacity: 1; visibility: visible; transform: translate(-50%, 0px); transition-property: opacity, transform, visibility; transition-duration: 0.14s, 0.18s, 0s; transition-timing-function: ease, ease, ease; transition-delay: 0.4s, 0.4s, 0s; transition-behavior: normal, normal, normal; }
.nav a.ptab[data-svc][aria-expanded="true"] .ptip:where(header.bar, header.bar *) { display: none; }
@media (prefers-reduced-motion: reduce) {
.chev:where(header.bar, header.bar *),
.ptip:where(header.bar, header.bar *) { transition-duration: 0s; }
}
.nd-p:where(header.bar, header.bar *) { display: none; }
.nd[data-open="true"] .nd-p:where(header.bar, header.bar *) { display: grid; position: absolute; top: 100%; right: var(--grid-edge); z-index: 61; margin-top: 10px; padding: 24px 26px; width: min(620px, calc(100vw - 2 * var(--pad))); grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 4px clamp(20px, 3vw, 44px); background: var(--paper); border: 1px solid var(--line); border-radius: 16px; box-shadow: rgba(11, 13, 18, 0.05) 0px 2px 8px, rgba(15, 27, 61, 0.22) 0px 26px 60px -18px; }
.nd-h:where(header.bar, header.bar *) { margin: 0px 0px 12px; font-family: var(--mono); font-size: 10.5px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--ink-4); font-weight: 500; }
.nd-p ul:where(header.bar, header.bar *) { margin: 0px; padding: 0px; list-style: none; display: flex; flex-direction: column; gap: 2px; }
.nd-p li:where(header.bar, header.bar *) { display: flex; }
.nd-p a:where(header.bar, header.bar *),
.nd-na:where(header.bar, header.bar *) { display: inline-flex; align-items: flex-start; gap: 8px; width: 100%; padding: 9px 10px; margin-left: -10px; border-radius: 8px; font-size: 14px; font-weight: 550; color: var(--ink-2); line-height: 1.35; }
.nd-p a:hover:where(header.bar, header.bar *) { background: var(--ground, #F4F7FC); color: var(--ink); }
.nd-na:where(header.bar, header.bar *) { color: var(--ink-4); cursor: default; }
.nd-live:where(header.bar, header.bar *) { width: 6px; height: 6px; flex: 0 0 auto; margin-top: 6px; border-radius: 50%; background: var(--g-green, #188038); box-shadow: rgba(52, 168, 83, 0.16) 0px 0px 0px 3px; }
.nd-soon:where(header.bar, header.bar *) { flex: 0 0 auto; margin-top: 1px; padding: 2px 7px; border-radius: 5px; border: 1px solid var(--line); font-family: var(--mono); font-size: 9px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-4); font-weight: 500; }
.nd-p a:has(.nd-live):where(header.bar, header.bar *) { font-weight: 650; color: var(--ink); }
@media (min-width: 901px) and (max-width: 1180px) {
.brow:where(header.bar, header.bar *) { gap: 12px; }
}
@media (min-width: 901px) and (max-width: 1180px) {
.wm:where(header.bar, header.bar *) { font-size: 15.5px; }
}
@media (min-width: 901px) and (max-width: 1180px) {
.mark:where(header.bar, header.bar *) { width: 32px; height: 32px; margin-right: 9px; }
}
@media (min-width: 901px) and (max-width: 1180px) {
.nav:where(header.bar, header.bar *) { gap: 11px; }
}
@media (min-width: 901px) and (max-width: 1180px) {
.nav a.ptab:where(header.bar, header.bar *) { font-size: 13px; }
}
@media (min-width: 901px) and (max-width: 1180px) {
.sitemenu:where(header.bar, header.bar *) { height: 34px; padding: 0px 11px; font-size: 12.5px; }
}
@media (min-width: 901px) and (max-width: 1180px) {
.kids:where(header.bar, header.bar *) { gap: clamp(16px, 2vw, 26px); }
}
@media (min-width: 901px) and (max-width: 1180px) {
a.kid:where(header.bar, header.bar *) { font-size: 11.25px; }
}
@media (min-width: 901px) and (max-width: 1180px) {
.bar:where(header.bar, header.bar *) { --svc-lip: 5px; --svc-drop: 5px; }
}
@media (min-width: 901px) and (max-width: 1180px) {
.svcm a:where(header.bar, header.bar *),
.svcm .nd-na:where(header.bar, header.bar *) { font-size: 13px; padding: 8px 10px; }
}
@media (max-width: 900px) {
.brow:where(header.bar, header.bar *) { padding: 12px 14px 0px; gap: 10px; }
}
@media (max-width: 900px) {
.barmenu:where(header.bar, header.bar *) { display: flex; }
}
@media (max-width: 900px) {
.sitemenu:where(header.bar, header.bar *) { display: none; }
}
@media (max-width: 900px) {
.baract:where(header.bar, header.bar *) { margin-left: auto; }
}
@media (max-width: 900px) {
.bar .nav:where(header.bar, header.bar *) { display: none; position: absolute; top: 100%; left: 0px; right: 0px; z-index: 59; flex-direction: column; align-items: stretch; gap: 0px; margin: 0px; padding: 4px var(--pad) 14px; background: var(--paper); border-bottom: 1px solid var(--line); box-shadow: rgba(11, 13, 18, 0.5) 0px 18px 30px -24px; max-height: calc(100dvh - var(--barh)); overflow-y: auto; }
}
@media (max-width: 900px) {
.bar .nav[data-open="true"]:where(header.bar, header.bar *) { display: flex; }
}
@media (max-width: 900px) {
.nav a.ptab:where(header.bar, header.bar *) { display: grid; padding: 13px 0px; font-size: 15.5px; color: var(--ink); border-bottom: 1px solid var(--line-2); }
}
@media (max-width: 900px) {
.nav a.ptab.cur:where(header.bar, header.bar *) { color: var(--navy); }
}
@media (max-width: 900px) {
.nav a.ptab.cur:where(header.bar, header.bar *)::before { inset: 14px auto 14px -10px; width: 2px; height: auto; }
}
@media (max-width: 900px) {
.bar .nav .nd:where(header.bar, header.bar *) { order: 9; width: 100%; }
}
@media (max-width: 900px) {
.nd[data-open="true"] .nd-p:where(header.bar, header.bar *),
.nd .nd-p:where(header.bar, header.bar *) { display: grid; position: static; width: auto; margin: 0px; padding: 0px; grid-template-columns: minmax(0px, 1fr); gap: 0px; background: none; border: 0px; border-radius: 0px; box-shadow: none; }
}
@media (max-width: 900px) {
.nd-h:where(header.bar, header.bar *) { margin: 14px 0px 2px; }
}
@media (max-width: 900px) {
.nd-p a:where(header.bar, header.bar *),
.nd-na:where(header.bar, header.bar *) { margin-left: 0px; padding: 12px 0px; border-radius: 0px; font-size: 15.5px; }
}
@media (max-width: 900px) {
.nav .nd-p a:where(header.bar, header.bar *) { border-bottom: 0px; }
}
@media (max-width: 900px) {
.nd-p li:where(header.bar, header.bar *) { border-bottom: 1px solid var(--line-2); }
}
@media (max-width: 900px) {
.bar .nav .svcm:where(header.bar, header.bar *) { position: static; width: auto; min-width: 0px; margin: 0px 0px 0px 12px; padding: 0px; background: none; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: initial; border-left: 1px solid var(--line-2); border-radius: 0px; box-shadow: none; }
}
@media (max-width: 900px) {
.bar .nav .svcm:where(header.bar, header.bar *)::before { display: none; }
}
@media (max-width: 900px) {
.bar .nav a.ptab[data-svc][aria-expanded="true"]:where(header.bar, header.bar *)::before { inset: 12px auto 12px -10px; width: 2px; height: auto; background: var(--accent); border: 0px; border-radius: 2px; }
}
@media (max-width: 900px) {
.svcm ul:where(header.bar, header.bar *) { gap: 0px; }
}
@media (max-width: 900px) {
.svcm li:where(header.bar, header.bar *) { border-bottom: 1px solid var(--line-2); }
}
@media (max-width: 900px) {
.svcm li:last-child:where(header.bar, header.bar *) { border-bottom: 0px; }
}
@media (max-width: 900px) {
.svcm a:where(header.bar, header.bar *),
.svcm .nd-na:where(header.bar, header.bar *) { justify-content: flex-start; gap: 10px; padding: 12px 0px 12px 14px; border-radius: 0px; font-size: 15px; }
}
@media (max-width: 900px) {
.ptip:where(header.bar, header.bar *) { display: none; }
}
@media (max-width: 900px) {
.krow:where(header.bar, header.bar *) { padding: 11px 14px 12px; }
}
@media (max-width: 900px) {
.kids:where(header.bar, header.bar *) { padding-left: 0px; gap: 20px; }
}

/* ---- from assets/home/evidence/evidence.css ---- */
@media (prefers-reduced-motion: reduce) {
*:where(header.bar, header.bar *),
:where(header.bar, header.bar *)::before,
:where(header.bar, header.bar *)::after { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; }
}

/* ---- from assets/shared/design/ui-finish.css ---- */
:where(header.bar) { --sb-thumb: #858C98; --sb-thumb-hover: #767E8B; --sb-thumb-press: #5A6474; --sb-size: 12px; --sb-inset: 3px; }
:where(header.bar) { scrollbar-color: var(--sb-thumb) transparent; }
*:where(header.bar, header.bar *) { scrollbar-width: thin; }
:where(header.bar, header.bar *)::-webkit-scrollbar { width: var(--sb-size); height: var(--sb-size); background: transparent; }
:where(header.bar, header.bar *)::-webkit-scrollbar-track,
:where(header.bar, header.bar *)::-webkit-scrollbar-track-piece,
:where(header.bar, header.bar *)::-webkit-scrollbar-corner { background: transparent; }
:where(header.bar, header.bar *)::-webkit-scrollbar-thumb { background-color: var(--sb-thumb); border: var(--sb-inset) solid transparent; background-clip: content-box; border-radius: 999px; min-height: 40px; }
:where(header.bar, header.bar *)::-webkit-scrollbar-thumb:hover { background-color: var(--sb-thumb-hover); }
:where(header.bar, header.bar *)::-webkit-scrollbar-thumb:active { background-color: var(--sb-thumb-press); }

/* ---- from assets/shared/nav/settle.css ---- */
@media (min-width: 901px) {
.bar .baract:where(header.bar, header.bar *) { display: none; }
}
@media (min-width: 901px) {
.bar .nav:where(header.bar, header.bar *) { margin-right: 0px; }
}
@media (min-width: 901px) {
.bar .krow .kids:where(header.bar, header.bar *) { padding-left: 0px; }
}
@media (min-width: 1281px) {
.bar .nav a.ptab:where(header.bar, header.bar *) { font-size: 15px; letter-spacing: -0.01em; }
}
@media (min-width: 1281px) {
.bar .nav:where(header.bar, header.bar *) { gap: clamp(16px, 2.1vw, 30px); }
}

/* ---- from assets/shared/design/hier.css ---- */
:where(header.bar) { --hr-sel: #0F1B3D; }
a.kid.on:where(header.bar, header.bar *)::after { background: var(--hr-sel); }

/* ---- from assets/shared/design/cta.css ---- */
:where(header.bar) { --cta-edge-1: #6A777A; }

/* ---- from assets/shared/design/edges.css ---- */
:where(header.bar) { --eg-edge-card: #E5EAF1; --eg-edge-divider: #EDF0F5; --eg-shadow-float: 0 2px 6px rgba(15, 27, 61, .06), 0 20px 44px -18px rgba(15, 27, 61, .20); }
:where(header.bar) { --line: var(--eg-edge-card); --line-2: var(--eg-edge-divider); }
:where(header.bar) { --cta-edge-1: rgba(11, 13, 18, .10); }
.nav .svcm:where(header.bar, header.bar *) { box-shadow: var(--eg-shadow-float); }

/* ---- from assets/home/design.css ---- */
:where(header.bar) { --pad: clamp(18px, 4vw, 84px); --maxw: clamp(940px, 82vw, 1480px); --wpad: var(--grid-edge); --v5-paper: #FFFFFF; --v5-tint: #EDF1F6; --v5-row: #E3E9F1; --v5-row-2: #EDF1F6; --v5-hov: #F5F7FA; --v5-well: #F4F6FA; --v5-edge: #B4BFCD; --v5-edge-2: #D3DAE3; --v5-edge-h: #8D9BAC; --v5-ew: 1.5px; --v5-sel: #17203A; --v5-sel-2: #27324F; --v5-sel-ink: #FFFFFF; --v5-ring: rgba(23,32,58,.42); --v5-r: 3px; --v5-r-2: 2px; --v5-ink: #0B0D12; --v5-ink-2: #39404B; --v5-ink-3: #5C6675; --v5-ink-4: #8B94A2; --v5-prose: 13.5px; }
header.bar:where(header.bar, header.bar *) { --sh-shelf: var(--v5-tint); --sh-floor: var(--v5-paper); --sh-close: #E7EDF6; --sh-edge: var(--v5-edge); --sh-edge-c: var(--v5-edge); --pl-row: var(--v5-row); --pl-row-2: var(--v5-row-2); --pl-row-3: var(--v5-well); --pl-hov: var(--v5-hov); --pl-hov-s: var(--v5-hov); --pl-prs: var(--v5-row-2); --pl-ring: var(--v5-edge-2); --pl-ring-2: var(--v5-edge); --pl-ink: var(--v5-ink); --pl-off: var(--v5-ink-2); --cta-edge-1: #5F6B6E; --cta-edge: var(--v5-edge); --cta-edge-h: var(--v5-edge-h); --cta-ring: var(--v5-ring); --hr-sel: var(--v5-sel); --hr-sel-2: var(--v5-sel-2); --hr-quiet: #6E7787; --hr-quiet-2: #C0C8D4; }
header.bar:where(header.bar, header.bar *) { --nav-gutter: var(--grid-edge); border-bottom: var(--v5-ew) solid var(--v5-edge); background: var(--v5-paper); }
header.bar .nav a.ptab:where(header.bar, header.bar *) { font-weight: 600; color: var(--v5-ink-2); }
header.bar .nav a.ptab:hover:where(header.bar, header.bar *) { color: var(--v5-ink); }
header.bar .nav a.ptab.cur:where(header.bar, header.bar *) { color: var(--v5-sel); font-weight: 750; }
header.bar .nav a.ptab.cur:where(header.bar, header.bar *)::before { height: 2px; background: var(--v5-sel); }
header.bar .krow:where(header.bar, header.bar *) { border-top: 1px solid var(--v5-edge-2); }
header.bar .krow a.kid:where(header.bar, header.bar *) { font-size: 11.5px; font-weight: 550; letter-spacing: 0.01em; color: var(--v5-ink-3); padding-bottom: 3px; }
header.bar .krow a.kid:hover:where(header.bar, header.bar *) { color: var(--v5-ink); }
header.bar .krow a.kid.on:where(header.bar, header.bar *) { color: var(--v5-sel); font-weight: 700; }
header.bar .krow a.kid.on:where(header.bar, header.bar *)::after { height: 2px; background: var(--v5-sel); }
header.bar .sitemenu:where(header.bar, header.bar *),
header.bar .barmenu:where(header.bar, header.bar *) { border-radius: var(--v5-r); box-shadow: inset 0 0 0 var(--v5-ew) var(--cta-edge-1); }
header.bar .barmenu:where(header.bar, header.bar *),
header.bar .sitemenu:where(header.bar, header.bar *) { background: var(--v5-paper); color: var(--v5-ink); box-shadow: inset 0 0 0 var(--v5-ew) var(--v5-edge); }
header.bar .barmenu:hover:where(header.bar, header.bar *),
header.bar .sitemenu:hover:where(header.bar, header.bar *) { box-shadow: inset 0 0 0 var(--v5-ew) var(--v5-edge-h); }
header.bar .barmenu:active:where(header.bar, header.bar *),
header.bar .sitemenu:active:where(header.bar, header.bar *) { background: var(--v5-row-2); }
header.bar .sitemenu[aria-expanded="true"]:where(header.bar, header.bar *) { background: var(--v5-sel); color: var(--v5-sel-ink); box-shadow: none; }
header.bar .brow:where(header.bar, header.bar *) { align-items: center; }
header.bar .wm:where(header.bar, header.bar *) { font-weight: 800; letter-spacing: -0.036em; color: var(--v5-ink); }
header.bar .wm .mark:where(header.bar, header.bar *) { border-radius: var(--v5-r-2); }
header.bar .krow:where(header.bar, header.bar *) { background: var(--v5-row-2); border-top: 1px solid var(--v5-edge-2); }
header.bar .krow .kids:where(header.bar, header.bar *) { align-items: center; }
header.bar .krow a.kid:where(header.bar, header.bar *) { transition-property: color; transition-duration: 0.14s; transition-timing-function: ease; transition-delay: 0s; transition-behavior: normal; }
header.bar .krow a.kid.on:where(header.bar, header.bar *)::after { border-radius: 0px; bottom: -3px; }
header.bar .krow a.kid:focus-visible:where(header.bar, header.bar *) { outline: 3px solid var(--v5-sel); outline-offset: 3px; border-radius: 0px; }
header.bar .nav a.ptab:focus-visible:where(header.bar, header.bar *) { outline: 3px solid var(--v5-sel); outline-offset: 4px; border-radius: 0px; }
header.bar .nav a.ptab:where(header.bar, header.bar *)::after { font-weight: 750; }
header.bar .nav a.ptab .ptip:where(header.bar, header.bar *) { border-radius: var(--v5-r-2); box-shadow: none; background: var(--v5-sel); color: var(--v5-sel-ink); font-size: 11px; letter-spacing: 0px; }
header.bar .nd[data-open="true"] .nd-p:where(header.bar, header.bar *),
header.bar .svcm:where(header.bar, header.bar *) { border: var(--v5-ew) solid var(--v5-edge); border-radius: var(--v5-r); box-shadow: none; background: var(--v5-paper); }
header.bar .nd-h:where(header.bar, header.bar *) { font-size: 10px; letter-spacing: 0.18em; color: var(--v5-ink-4); font-weight: 600; padding-bottom: 8px; border-bottom: 1px solid var(--v5-edge-2); margin-bottom: 10px; }
header.bar .nd-p a:where(header.bar, header.bar *),
header.bar .svcm a:where(header.bar, header.bar *) { border-radius: var(--v5-r-2); font-size: var(--v5-prose); }
header.bar .nd-p a:hover:where(header.bar, header.bar *),
header.bar .svcm a:hover:where(header.bar, header.bar *) { background: var(--v5-row-2); color: var(--v5-ink); }
header.bar .nd-na:where(header.bar, header.bar *),
header.bar .svcm .nd-na:where(header.bar, header.bar *) { font-size: var(--v5-prose); color: var(--v5-ink-4); }
header.bar .nd-soon:where(header.bar, header.bar *) { border-radius: var(--v5-r-2); border: 1px solid var(--v5-edge-2); background: var(--v5-paper); font-size: 8.5px; letter-spacing: 0.1em; }
header.bar .nd-live:where(header.bar, header.bar *) { border-radius: 0px; width: 5px; height: 5px; box-shadow: none; }
@media (min-width: 1281px) {
:where(header.bar) { --wpad: var(--grid-edge); }
}
@media (hover: hover) and (pointer: fine) {
header.bar .krow a.kid:hover:where(header.bar, header.bar *) { color: var(--v5-ink); }
}
@media (prefers-reduced-motion: reduce) {
header.bar *:where(header.bar, header.bar *) { transition-property: none !important; transition-duration: 0s !important; transition-timing-function: ease !important; transition-delay: 0s !important; transition-behavior: normal !important; animation-name: none !important; animation-duration: auto !important; animation-timing-function: ease !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; animation-direction: normal !important; animation-fill-mode: none !important; animation-play-state: running !important; }
}
@media (max-width: 900px) {
header.bar .brow:where(header.bar, header.bar *),
header.bar .krow:where(header.bar, header.bar *) { padding-inline: var(--grid-edge); }
}
@media (max-width: 760px) {
:where(header.bar) { --pad: var(--gut, 18px); }
}
:where(header.bar) { --accent: var(--k3-accent); --g-blue: var(--k3-accent); --navy: var(--k3-ink); --v5-paper: var(--k3-paper); --v5-tint: var(--k3-ground); --v5-row: var(--k3-ground-2); --v5-row-2: var(--k3-ground); --v5-hov: var(--k3-hover); --v5-well: var(--k3-ground); --v5-edge: var(--k3-edge); --v5-edge-2: var(--k3-line); --v5-edge-h: var(--k3-ink-4); --v5-sel: var(--k3-sel); --v5-sel-2: var(--k3-sel-h); --v5-sel-ink: var(--k3-on-sel); --v5-ring: var(--k3-focus-ring); --v5-ink: var(--k3-ink); --v5-ink-2: var(--k3-ink-2); --v5-ink-3: var(--k3-ink-3); --v5-ink-4: var(--k3-ink-4); --ink: var(--k3-ink); --ink-2: var(--k3-ink-2); --ink-3: var(--k3-ink-3); --ink-4: var(--k3-ink-4); --line: var(--k3-line); --line-2: var(--k3-line); --paper: var(--k3-paper); --cta-edge-1: var(--k3-act); --hr-sel: var(--k3-sel); --sb-thumb: var(--k3-ink-4); --sb-thumb-hover: var(--k3-ink-3); }
html body header.bar:where(header.bar, header.bar *) { --cta-edge-1: var(--k3-act); --cta-edge: var(--k3-edge); --cta-edge-h: var(--k3-ink-4); --cta-ring: var(--k3-focus-ring); --hr-sel: var(--k3-sel); --hr-sel-2: var(--k3-sel-h); --pl-row: var(--k3-ground-2); --pl-row-2: var(--k3-ground); --pl-row-3: var(--k3-ground); --pl-hov: var(--k3-hover); --pl-hov-s: var(--k3-hover); --pl-prs: var(--k3-ground); --pl-ring: var(--k3-line); --pl-ring-2: var(--k3-edge); --pl-ink: var(--k3-ink); --pl-off: var(--k3-ink-2); --sh-shelf: var(--k3-ground); --sh-floor: var(--k3-paper); --sh-edge: var(--k3-edge); --sh-edge-c: var(--k3-edge); }
html body .mark:where(header.bar, header.bar *) { --navy: #0F1B3D; --brand: #0B57F5; }
:where(header.bar, header.bar *)::selection { background: var(--k3-sel-soft); color: var(--k3-ink); }
:where(header.bar) { color: var(--k3-ink); }
html body header.bar a.kid.on:where(header.bar, header.bar *) { color: var(--k3-ink) !important; }
html body header.bar a.kid.on:where(header.bar, header.bar *)::after { background: var(--k3-nav-on-mark) !important; border-radius: var(--k3-mark-r) !important; }
html body header.bar .nav a.ptab .ptip:where(header.bar, header.bar *) { background: var(--k3-tip-bg) !important; color: var(--k3-tip-ink) !important; }
html body header.bar:where(header.bar, header.bar *) { background-color: var(--k3-bar-bg) !important; border-bottom-color: var(--k3-edge) !important; box-shadow: var(--k3-bar-sh) !important; }
html body header.bar .krow:where(header.bar, header.bar *) { background-color: var(--k3-krow-bg) !important; border-top-color: var(--k3-line) !important; }
html body header.bar .kid:where(header.bar, header.bar *) { color: var(--k3-ink-3) !important; }
html body header.bar .kid:hover:where(header.bar, header.bar *) { color: var(--k3-ink) !important; }
html body header.bar .kid[aria-current="true"]:where(header.bar, header.bar *) { color: var(--k3-kid-on-ink) !important; background: var(--k3-kid-on-bg) !important; border-radius: var(--k3-kid-on-r) !important; }
html body header.bar .kid[aria-current="true"]:where(header.bar, header.bar *)::after { background: var(--k3-kid-on-mark) !important; border-radius: var(--k3-mark-r) !important; }
html body header.bar a.ptab:where(header.bar, header.bar *) { color: var(--k3-ink-2) !important; }
html body header.bar a.ptab.cur:where(header.bar, header.bar *),
html body header.bar a.ptab.cur > span:where(header.bar, header.bar *) { color: var(--k3-ink) !important; }
html body header.bar a.ptab.cur:where(header.bar, header.bar *)::before { background: var(--k3-nav-on-mark) !important; border-radius: var(--k3-mark-r) !important; }
html body header.bar a.ptab[aria-expanded="true"]:where(header.bar, header.bar *) { color: var(--k3-ink) !important; }
html body header.bar a.ptab[aria-expanded="true"]:where(header.bar, header.bar *)::before { background-color: var(--k3-menu-bg) !important; border-color: var(--k3-line) !important; }
html body header.bar :is(#navSvc, #navPrice):where(header.bar, header.bar *) { background-color: var(--k3-menu-bg) !important; border-color: var(--k3-edge) !important; box-shadow: var(--k3-menu-sh) !important; border-radius: var(--k3-r-box) !important; }
html body header.bar .nd-soon:where(header.bar, header.bar *) { background-color: var(--k3-chip-bg) !important; border-color: var(--k3-chip-bd) !important; color: var(--k3-ink-3) !important; border-radius: var(--k3-r-chip) !important; }
html body header.bar .nd-live:where(header.bar, header.bar *) { background-color: var(--k3-success) !important; }
html body header.bar #navBurger:where(header.bar, header.bar *) { background: var(--k3-burger-bg) !important; border-color: var(--k3-burger-bd) !important; box-shadow: var(--k3-burger-sh) !important; color: var(--k3-burger-ink) !important; border-radius: var(--k3-r-ctl) !important; }
html body header.bar #navBurger svg:where(header.bar, header.bar *) { stroke: var(--k3-burger-ink) !important; }
html body header.bar #navPrimary:where(header.bar, header.bar *) { background-color: var(--k3-paper) !important; border-bottom-color: var(--k3-line) !important; }
html body header.bar .nd-h:where(header.bar, header.bar *) { border-bottom-color: var(--k3-line) !important; }
html body header.bar:where(header.bar, header.bar *),
html body header.bar :is(#navSvc, #navPrice):where(header.bar, header.bar *) { backdrop-filter: none !important; }
:where(header.bar) { --k3-ink: #0D1526; --k3-ink-2: #34405A; --k3-ink-3: #526079; --k3-ink-4: #8795AE; --k3-paper: #FFFFFF; --k3-ground: #FFFFFF; --k3-ground-2: #E1EBFC; --k3-hover: #F5F8FF; --k3-line: #DAE5F8; --k3-edge: #B9CBEE; --k3-accent: #1E4FD6; --k3-success: #127436; --k3-act: #1E4FD6; --k3-sel: #0D1526; --k3-sel-h: #0D1526; --k3-on-sel: #FFFFFF; --k3-sel-soft: #FFFFFF; --k3-focus-ring: rgba(30,79,214,.28); --k3-r-box: 6px; --k3-r-ctl: 4px; --k3-r-chip: 4px; --k3-mark-r: 0px; --k3-bar-bg: #FFFFFF; --k3-bar-sh: none; --k3-krow-bg: #FFFFFF; --k3-kid-on-ink: #0D1526; --k3-kid-on-bg: transparent; --k3-kid-on-r: 0; --k3-kid-on-mark: #1E4FD6; --k3-nav-on-mark: #1E4FD6; --k3-menu-bg: #FFFFFF; --k3-menu-sh: 0 18px 36px -24px rgba(13,21,38,.26); --k3-burger-bg: #FFFFFF; --k3-burger-bd: #DAE5F8; --k3-burger-sh: inset 0 0 0 1.5px #B9CBEE; --k3-burger-ink: #0D1526; --k3-chip-bg: #FFFFFF; --k3-chip-bd: #D3E0F6; --k3-tip-bg: #0D1526; --k3-tip-ink: #FFFFFF; --n4-ink: #0D1526; --n4-ink-2: #34405A; --n4-ink-3: #526079; --n4-paper: #FFFFFF; --n4-ground: #FFFFFF; --n4-tint: #EEF4FE; --n4-line: #DAE5F8; --n4-act: #1E4FD6; }
html body :is(header.bar .mark, #sfoot .f-mk):where(header.bar, header.bar *) { --navy: #000000; --brand: #0B57F5; }
html body :is(header.bar .mark, #sfoot .f-mk) svg text > tspan:nth-child(2n+1):where(header.bar, header.bar *) { fill: rgb(0, 0, 0) !important; }
html body :is(header.bar .mark, #sfoot .f-mk) svg text > tspan:nth-child(2):where(header.bar, header.bar *) { fill: rgb(11, 87, 245) !important; }
html body :is(header.bar .mark, #sfoot .f-mk) svg circle:where(header.bar, header.bar *) { stroke: rgb(11, 87, 245) !important; fill: rgb(255, 255, 255) !important; }
html body :is(header.bar .mark, #sfoot .f-mk) svg text:where(header.bar, header.bar *) { transform: translate(-0.9px, 0.85px); }
:where(header.bar) { --ink-4: var(--n4-ink-3); }
html body :is(header.bar .nd-live, #sfoot .f-live):where(header.bar, header.bar *) { background-color: var(--n4-act) !important; box-shadow: none !important; }
:where(header.bar) { color: var(--n4-ink); }
html body header.bar:where(header.bar, header.bar *) { background-color: var(--n4-paper) !important; border-bottom: 1px solid var(--n4-line) !important; }
html body header.bar .krow:where(header.bar, header.bar *) { background-color: var(--n4-ground) !important; border-top: 1px solid var(--n4-line) !important; }
html body header.bar .krow a.kid:where(header.bar, header.bar *) { color: var(--n4-ink-2) !important; }
html body header.bar .krow a.kid:hover:where(header.bar, header.bar *) { color: var(--n4-ink) !important; }
html body header.bar .krow a.kid:is(.on, [aria-current="true"]):where(header.bar, header.bar *) { color: var(--n4-ink) !important; }
html body header.bar .krow a.kid:is(.on, [aria-current="true"]):where(header.bar, header.bar *)::after { background: var(--n4-act) !important; }
html body header.bar .nav a.ptab:where(header.bar, header.bar *) { color: var(--n4-ink-2) !important; }
html body header.bar .nav a.ptab:hover:where(header.bar, header.bar *) { color: var(--n4-ink) !important; }
html body header.bar .nav a.ptab.cur:where(header.bar, header.bar *),
html body header.bar .nav a.ptab.cur > span:where(header.bar, header.bar *) { color: var(--n4-ink) !important; }
html body header.bar .nav a.ptab.cur:where(header.bar, header.bar *)::before { background: var(--n4-act) !important; }
html body header.bar .wm:where(header.bar, header.bar *) { color: var(--n4-ink) !important; }
html body header.bar :is(#navSvc, #navPrice) a:hover:where(header.bar, header.bar *) { background-color: var(--n4-tint) !important; }
@media (max-width: 760px) {
html body header.bar #navPrimary:where(header.bar, header.bar *) { background-color: var(--n4-paper) !important; }
}
@media (max-width: 760px) {
html body header.bar #navPrimary a:where(header.bar, header.bar *) { color: var(--n4-ink); }
}
html body header.bar:where(header.bar, header.bar *) { background: var(--fs-bar-bg) !important; border-bottom: var(--fs-bar-bd) !important; box-shadow: var(--fs-bar-sh) !important; }
@media (min-width: 901px) {
html body header.bar .brow:where(header.bar, header.bar *) { min-height: var(--fs-row1-h); padding-top: 0px !important; padding-bottom: 0px !important; }
}
@media (min-width: 901px) {
html body header.bar .wm:where(header.bar, header.bar *) { font-weight: var(--fs-wm-fw) !important; letter-spacing: var(--fs-wm-ls) !important; color: var(--fs-ink) !important; }
}
@media (min-width: 901px) {
html body header.bar .nav a.ptab:where(header.bar, header.bar *) { isolation: isolate; font-weight: var(--fs-nav-fw) !important; color: var(--fs-nav-ink) !important; letter-spacing: var(--fs-nav-ls) !important; }
}
@media (min-width: 901px) {
html body header.bar .nav a.ptab > span:where(header.bar, header.bar *) { color: inherit !important; }
}
@media (min-width: 901px) {
html body header.bar .nav a.ptab:where(header.bar, header.bar *)::after { font-weight: var(--fs-nav-cur-fw) !important; letter-spacing: var(--fs-nav-ls) !important; }
}
@media (min-width: 901px) {
html body header.bar .nav a.ptab:hover:where(header.bar, header.bar *) { color: var(--fs-nav-ink-h) !important; }
}
@media (min-width: 901px) {
html body header.bar .nav a.ptab.cur:where(header.bar, header.bar *) { color: var(--fs-nav-cur-ink) !important; font-weight: var(--fs-nav-cur-fw) !important; }
}
@media (min-width: 901px) {
html body header.bar .nav a.ptab.cur:where(header.bar, header.bar *)::before { left: var(--fs-cur-x) !important; right: var(--fs-cur-x) !important; top: var(--fs-cur-t) !important; bottom: var(--fs-cur-b) !important; height: var(--fs-cur-h) !important; background: var(--fs-cur-bg) !important; border-radius: var(--fs-cur-r) !important; box-shadow: var(--fs-cur-sh) !important; z-index: var(--fs-cur-z) !important; }
}
@media (min-width: 901px) {
html body header.bar .nav a.ptab[data-label="Contact Us"]:where(header.bar, header.bar *) { padding: var(--fs-cb-pad) !important; border-radius: var(--fs-cb-r) !important; background: var(--fs-cb-bg) !important; box-shadow: var(--fs-cb-sh) !important; color: var(--fs-cb-ink) !important; font-weight: var(--fs-cb-fw) !important; transition-property: background-color, box-shadow, color, transform !important; transition-duration: 0.15s, 0.15s, 0.15s, 0.15s !important; transition-timing-function: ease, ease, ease, ease !important; transition-delay: 0s, 0s, 0s, 0s !important; transition-behavior: normal, normal, normal, normal !important; }
}
@media (min-width: 901px) {
html body header.bar .nav a.ptab[data-label="Contact Us"]:hover:where(header.bar, header.bar *) { transform: var(--fs-cb-lift); background: var(--fs-cb-bg-h) !important; box-shadow: var(--fs-cb-sh-h) !important; color: var(--fs-cb-ink-h) !important; }
}
@media (min-width: 901px) {
html body header.bar .nav a.ptab[data-label="Contact Us"]:active:where(header.bar, header.bar *) { transform: none; }
}
@media (min-width: 901px) {
html body header.bar .nav a.ptab:focus-visible:where(header.bar, header.bar *) { outline: 2px solid var(--fs-act) !important; outline-offset: 4px !important; border-radius: 6px !important; }
}
@media (min-width: 901px) {
html body header.bar .krow:where(header.bar, header.bar *) { background: var(--fs-row2-bg) !important; border-top: var(--fs-row2-bd) !important; padding: 0 var(--nav-gutter) !important; }
}
@media (min-width: 901px) {
html body header.bar .krow .kids:where(header.bar, header.bar *) { justify-content: flex-start !important; align-items: stretch !important; }
}
@media (min-width: 901px) {
html body header.bar .krow a.kid:where(header.bar, header.bar *) { isolation: isolate; font-size: var(--fs-kid-fs) !important; font-weight: var(--fs-kid-fw) !important; letter-spacing: var(--fs-kid-ls) !important; text-transform: var(--fs-kid-tt) !important; color: var(--fs-kid-ink) !important; line-height: var(--fs-row2-h) !important; padding: 0px !important; }
}
@media (min-width: 901px) {
html body header.bar .krow a.kid:hover:where(header.bar, header.bar *) { color: var(--fs-kid-ink-h) !important; }
}
@media (min-width: 901px) {
html body header.bar .krow a.kid.on:where(header.bar, header.bar *) { color: var(--fs-kid-on-ink) !important; font-weight: var(--fs-kid-on-fw) !important; }
}
@media (min-width: 901px) {
html body header.bar .krow a.kid.on:where(header.bar, header.bar *)::after { left: var(--fs-kon-x) !important; right: var(--fs-kon-x) !important; top: var(--fs-kon-t) !important; bottom: var(--fs-kon-b) !important; height: var(--fs-kon-h) !important; width: var(--fs-kon-w) !important; margin-inline: var(--fs-kon-m) !important; background: var(--fs-kon-bg) !important; border-radius: var(--fs-kon-r) !important; box-shadow: var(--fs-kon-sh) !important; z-index: var(--fs-kon-z) !important; }
}
@media (min-width: 901px) {
html body header.bar .krow a.kid:focus-visible:where(header.bar, header.bar *) { outline: 2px solid var(--fs-act) !important; outline-offset: -4px !important; border-radius: 4px !important; }
}
@media (min-width: 901px) {
html body header.bar .svcm:where(header.bar, header.bar *) { background: rgb(255, 255, 255) !important; border: var(--fs-menu-bd) !important; border-radius: var(--fs-menu-r) !important; box-shadow: var(--fs-menu-sh) !important; }
}
@media (min-width: 901px) {
html body header.bar .svcm a:hover:where(header.bar, header.bar *) { background: var(--fs-menu-hov) !important; color: var(--fs-ink) !important; }
}
@media (min-width: 1181px) {
html body header.bar .krow .kids:where(header.bar, header.bar *) { gap: var(--fs-kid-gap) !important; }
}
@media (min-width: 1281px) {
html body header.bar .wm:where(header.bar, header.bar *) { font-size: var(--fs-wm-fs) !important; }
}
@media (min-width: 1281px) {
html body header.bar .wm .mark:where(header.bar, header.bar *) { width: var(--fs-mark) !important; height: var(--fs-mark) !important; }
}
@media (min-width: 1281px) {
html body header.bar .nav:where(header.bar, header.bar *) { gap: var(--fs-nav-gap) !important; }
}
@media (min-width: 1281px) {
html body header.bar .nav a.ptab:where(header.bar, header.bar *) { font-size: var(--fs-nav-fs) !important; }
}
@media (max-width: 900px) {
html body header.bar .barmenu:where(header.bar, header.bar *) { border-radius: var(--fs-burger-r) !important; box-shadow: var(--fs-burger-sh) !important; background: rgb(255, 255, 255) !important; color: var(--fs-ink) !important; border-color: transparent !important; }
}
@media (max-width: 900px) {
html body header.bar .krow:where(header.bar, header.bar *) { background: var(--fs-row2-bg) !important; border-top: var(--fs-row2-bd) !important; }
}
@media (max-width: 900px) {
html body header.bar .krow a.kid:where(header.bar, header.bar *) { color: var(--fs-kid-ink) !important; letter-spacing: var(--fs-kid-ls) !important; text-transform: var(--fs-kid-tt) !important; }
}
@media (max-width: 900px) {
html body header.bar .krow a.kid.on:where(header.bar, header.bar *) { color: var(--fs-kid-on-ink) !important; }
}
@media (max-width: 900px) {
html body header.bar .krow a.kid.on:where(header.bar, header.bar *)::after { background: var(--fs-kon-bg-phone) !important; }
}
@media (prefers-reduced-motion: reduce) {
html body header.bar .nav a.ptab[data-label="Contact Us"]:hover:where(header.bar, header.bar *) { transform: none; }
}
html body header.bar:where(header.bar, header.bar *) { border-top: var(--fs2-bar-top) !important; }
@media (min-width: 901px) {
html body header.bar .nav a.ptab[data-label="Contact Us"]:where(header.bar, header.bar *) { font-size: var(--fs2-cb-fs) !important; letter-spacing: var(--fs2-cb-ls) !important; text-transform: var(--fs2-cb-tt) !important; }
}
@media (min-width: 901px) {
html body header.bar .krow .kids:where(header.bar, header.bar *) { padding-inline: var(--fs2-kids-room) !important; margin-inline: calc(-1 * var(--fs2-kids-room)) !important; }
}
html body header.bar .wm:where(header.bar, header.bar *) { color: var(--fs3-wm-ink) !important; }
html body header.bar .barmenu:where(header.bar, header.bar *) { background: var(--fs3-burger-bg) !important; }
@media (min-width: 901px) {
html body header.bar #navPrimary:where(header.bar, header.bar *) { background-color: var(--fs3-nav-bg) !important; }
}
@media (min-width: 901px) {
html body header.bar .nav a.ptab.cur > span:where(header.bar, header.bar *) { color: inherit !important; }
}
@media (max-width: 900px) {
html body header.bar .krow a.kid.on:where(header.bar, header.bar *) { color: var(--fs3-kid-on-ink-phone) !important; }
}
:where(header.bar) { --fs-act: #005BBF; --fs-bar-bd: 0px solid transparent; --fs-bar-bg: #012350; --fs-bar-sh: 0 18px 34px -24px rgba(1,35,80,.5); --fs-burger-r: 8px; --fs-burger-sh: none; --fs-cb-bg: transparent; --fs-cb-bg-h: rgba(255,255,255,.06); --fs-cb-fw: 550; --fs-cb-ink: rgba(255,255,255,.62); --fs-cb-ink-h: #FFFFFF; --fs-cb-lift: none; --fs-cb-pad: 9px 4px; --fs-cb-r: 0px; --fs-cb-sh: none; --fs-cb-sh-h: none; --fs-cur-b: -20px; --fs-cur-bg: transparent; --fs-cur-h: 0px; --fs-cur-r: 0px; --fs-cur-sh: none; --fs-cur-t: auto; --fs-cur-x: 0px; --fs-cur-z: auto; --fs-ink: #031D40; --fs-kid-fs: 13px; --fs-kid-fw: 600; --fs-kid-gap: 0px; --fs-kid-ink: rgba(255,255,255,.7); --fs-kid-ink-h: #FFFFFF; --fs-kid-ls: 0; --fs-kid-on-fw: 750; --fs-kid-on-ink: #FFFFFF; --fs-kid-tt: none; --fs-kon-b: 0px; --fs-kon-bg: transparent; --fs-kon-bg-phone: #8AB8F7; --fs-kon-h: 0px; --fs-kon-m: 0px; --fs-kon-r: 0px; --fs-kon-sh: none; --fs-kon-t: auto; --fs-kon-w: auto; --fs-kon-x: 0px; --fs-kon-z: auto; --fs-mark: 40px; --fs-menu-bd: 1px solid #C9D7EB; --fs-menu-hov: #EEF4FD; --fs-menu-r: 10px; --fs-menu-sh: 0 24px 48px -24px rgba(1,35,80,.5); --fs-nav-cur-fw: 750; --fs-nav-cur-ink: #FFFFFF; --fs-nav-fs: 15px; --fs-nav-fw: 650; --fs-nav-gap: 0px; --fs-nav-ink: rgba(255,255,255,.62); --fs-nav-ink-h: #FFFFFF; --fs-nav-ls: -.005em; --fs-row1-h: 66px; --fs-row2-bd: 0px solid transparent; --fs-row2-bg: rgba(255,255,255,.045); --fs-row2-h: 44px; --fs-wm-fs: 18.5px; --fs-wm-fw: 800; --fs-wm-ls: -.035em; --fs2-bar-top: 0px solid transparent; --fs2-cb-fs: 14.5px; --fs2-cb-ls: 0; --fs2-cb-tt: none; --fs2-kids-room: 0px; --fs3-burger-bg: #FFFFFF; --fs3-kid-on-ink-phone: #FFFFFF; --fs3-nav-bg: transparent; --fs3-wm-ink: #FFFFFF; }
@media (max-width: 1023px) {
html body header.bar .krow a.kid.on:where(header.bar, header.bar *) { background: transparent !important; }
}
@media (max-width: 900px) {
html body header.bar .krow:where(header.bar, header.bar *) { background: rgb(1, 35, 80) !important; }
}
@media (max-width: 900px) {
html body header.bar .krow a.kid:where(header.bar, header.bar *) { color: rgba(255, 255, 255, 0.72) !important; }
}
@media (max-width: 900px) {
html body header.bar .wm:where(header.bar, header.bar *) { color: rgb(255, 255, 255) !important; }
}
@media (min-width: 901px) {
html body header.bar .wm:where(header.bar, header.bar *) { background: transparent; padding: 0px; }
}
@media (min-width: 1024px) {
html body header.bar #navPrimary:where(header.bar, header.bar *) { align-self: stretch; gap: 0px !important; }
}
@media (min-width: 1024px) {
html body header.bar .nav a.ptab:not([data-label="Contact Us"]):where(header.bar, header.bar *) { align-self: stretch; align-content: center; box-shadow: rgba(255, 255, 255, 0.12) 1px 0px 0px inset; padding: 0px clamp(12px, 1.2vw, 22px) !important; transition-property: background-color, color !important; transition-duration: 0.15s, 0.15s !important; transition-timing-function: ease, ease !important; transition-delay: 0s, 0s !important; transition-behavior: normal, normal !important; }
}
@media (min-width: 1024px) {
html body header.bar .nav a.ptab[href="legal-documents.html"]:where(header.bar, header.bar *) { box-shadow: rgba(255, 255, 255, 0.12) 1px 0px 0px inset, rgba(255, 255, 255, 0.12) -1px 0px 0px inset; }
}
@media (min-width: 1024px) {
html body header.bar .nav a.ptab:not(.cur):not([data-label="Contact Us"]):hover:where(header.bar, header.bar *),
html body header.bar .nav a.ptab[data-svc][aria-expanded="true"]:where(header.bar, header.bar *) { background: rgba(255, 255, 255, 0.07); }
}
@media (min-width: 1024px) {
html body header.bar .nav a.ptab.cur:where(header.bar, header.bar *) { background: linear-gradient(rgb(14, 86, 174) 0%, rgb(4, 69, 145) 100%); box-shadow: rgba(255, 255, 255, 0.18) 1px 0px 0px inset, rgba(255, 255, 255, 0.18) -1px 0px 0px inset; }
}
@media (min-width: 1024px) {
html body header.bar .nav a.ptab[data-svc][aria-expanded="true"]:where(header.bar, header.bar *)::before { display: none !important; }
}
@media (min-width: 1024px) {
html body header.bar .nav a.ptab[data-label="Contact Us"]:where(header.bar, header.bar *) { margin-left: clamp(14px, 1.3vw, 22px); }
}
@media (min-width: 1024px) {
html body header.bar .krow .kids:where(header.bar, header.bar *) { width: 100%; gap: 0px !important; padding-inline: 0px !important; margin-inline: 0px !important; }
}
@media (min-width: 1024px) {
html body header.bar .krow a.kid:where(header.bar, header.bar *) { flex: 1 1 auto; text-align: center; box-shadow: rgb(211, 223, 242) 1px 0px 0px inset; padding: 0px 10px !important; }
}
@media (min-width: 1024px) {
html body header.bar .krow a.kid:last-child:where(header.bar, header.bar *) { box-shadow: rgb(211, 223, 242) 1px 0px 0px inset, rgb(211, 223, 242) -1px 0px 0px inset; }
}
@media (min-width: 1024px) {
html body header.bar .krow a.kid:not(.on):hover:where(header.bar, header.bar *) { background: rgb(246, 249, 255); }
}
@media (min-width: 1024px) {
html body header.bar .krow a.kid.on:where(header.bar, header.bar *) { box-shadow: rgb(1, 35, 80) 1px 0px 0px inset, rgb(1, 35, 80) -1px 0px 0px inset; background: rgb(1, 35, 80) !important; border-radius: 0px !important; }
}
@media (max-width: 900px) {
html body header.bar .krow a.kid.on:where(header.bar, header.bar *) { background: rgba(255, 255, 255, 0.14) !important; border-radius: 6px !important; color: rgb(255, 255, 255) !important; padding: 5px 10px !important; }
}
@media (max-width: 900px) {
html body header.bar .krow a.kid.on:where(header.bar, header.bar *)::after { display: none !important; }
}
@media (max-width: 900px) {
html body header.bar .krow .kids:where(header.bar, header.bar *) { align-items: center !important; }
}
@media (min-width: 901px) {
html body header.bar .wm:where(header.bar, header.bar *),
html body header.bar .wm:hover:where(header.bar, header.bar *) { background: transparent !important; padding: 0px !important; border-radius: 0px !important; box-shadow: none !important; gap: 12px !important; }
}
@media (min-width: 1024px) {
html body header.bar #navPrimary:where(header.bar, header.bar *) { align-self: stretch !important; gap: 0px !important; }
}
@media (min-width: 1024px) {
html body header.bar #navPrimary a.ptab:where(header.bar, header.bar *) { position: relative; }
}
@media (min-width: 1024px) {
html body header.bar #navPrimary#navPrimary a.ptab:where(header.bar, header.bar *),
html body header.bar #navPrimary#navPrimary a.ptab[data-label="Contact Us"]:where(header.bar, header.bar *) { align-self: stretch !important; align-content: center !important; margin: 0px !important; padding: 0px clamp(12px, 1.25vw, 22px) !important; border-radius: 0px !important; background: transparent !important; color: rgba(255, 255, 255, 0.62) !important; box-shadow: transparent 1px 0px 0px inset !important; transform: none !important; font-weight: 550 !important; }
}
@media (min-width: 1024px) {
html body header.bar #navPrimary#navPrimary a.ptab[data-label="Contact Us"]:where(header.bar, header.bar *) { box-shadow: transparent 1px 0px 0px inset, transparent -1px 0px 0px inset !important; }
}
@media (min-width: 1024px) {
html body header.bar #navPrimary#navPrimary a.ptab:not(.cur):hover:where(header.bar, header.bar *) { background: rgba(255, 255, 255, 0.06) !important; color: rgb(255, 255, 255) !important; }
}
@media (min-width: 1024px) {
html body header.bar #navPrimary#navPrimary a.ptab.cur:where(header.bar, header.bar *) { background: transparent !important; color: rgb(255, 255, 255) !important; font-weight: 750 !important; box-shadow: none !important; }
}
@media (min-width: 1024px) {
html body header.bar #navPrimary a.ptab.cur:where(header.bar, header.bar *)::before { display: none !important; }
}
html body header.bar:where(header.bar, header.bar *) { --fs-row2-bg: #FFFFFF; --fs-row2-bd: 0px solid transparent; --fs-row2-h: 42px; --fs-kid-fs: 13px; --fs-kid-fw: 550; --fs-kid-ink: #5E7596; --fs-kid-ink-h: #012350; --fs-kid-on-ink: #012350; --fs-kid-on-fw: 700; --fs-kon-x: 0px; --fs-kon-t: 0px; --fs-kon-b: 0px; --fs-kon-h: auto; --fs-kon-bg: transparent; --fs-kon-r: 0px; --fs-kon-sh: none; --fs-kon-z: -1; }
@media (min-width: 1024px) {
html body header.bar .krow .kids:where(header.bar, header.bar *) { gap: clamp(8px, 1.6vw, 26px) !important; width: auto !important; }
}
@media (min-width: 1024px) {
html body header.bar #navKids#navKids a.kid:where(header.bar, header.bar *),
html body header.bar #navKids#navKids a.kid:last-child:where(header.bar, header.bar *) { flex: 0 0 auto !important; padding: 0px 12px !important; box-shadow: none !important; background: transparent !important; }
}
@media (min-width: 1024px) {
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *) { background: transparent !important; color: rgb(1, 35, 80) !important; }
}
@media (min-width: 1024px) {
html body header.bar #navKids#navKids a.kid:not(.on):hover:where(header.bar, header.bar *) { color: rgb(1, 35, 80) !important; }
}
@media (min-width: 901px) and (max-width: 1023px) {
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *) { background: transparent !important; }
}
@media (min-width: 901px) and (max-width: 1023px) {
html body header.bar .krow a.kid.on:where(header.bar, header.bar *)::after { left: -8px !important; right: -8px !important; }
}
@media (min-width: 901px) {
html body header.bar #navPrimary a.ptab:where(header.bar, header.bar *) { position: relative; }
}
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *) { background: transparent !important; }
@media (max-width: 900px) {
html body header.bar:where(header.bar, header.bar *) { background: rgb(1, 35, 80) !important; }
}
@media (max-width: 900px) {
html body header.bar .wm:where(header.bar, header.bar *) { color: rgb(255, 255, 255) !important; }
}
@media (max-width: 900px) {
html body header.bar .krow:where(header.bar, header.bar *) { background: rgb(255, 255, 255) !important; }
}
@media (max-width: 900px) {
html body header.bar #navKids#navKids a.kid:where(header.bar, header.bar *) { color: rgb(94, 117, 150) !important; background: transparent !important; box-shadow: none !important; }
}
@media (max-width: 900px) {
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *) { color: rgb(1, 35, 80) !important; background: transparent !important; border-radius: 0px !important; }
}
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab.cur:where(header.bar, header.bar *) { color: rgb(255, 255, 255) !important; font-weight: 800 !important; }
}
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab.cur:where(header.bar, header.bar *)::before { display: none !important; }
}
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *) { color: rgb(1, 35, 80) !important; font-weight: 780 !important; }
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *)::after { display: none !important; }
html body header.bar:where(header.bar, header.bar *) { --fs-row2-bg: #EEF3FB; --fs-row2-bd: 0px solid transparent; --fs-kid-ink: #455F83; --fs-kid-ink-h: #012350; --fs-kid-on-ink: #012350; background: rgb(1, 35, 80) !important; box-shadow: rgba(1, 35, 80, 0.5) 0px 18px 34px -24px !important; }
html body header.bar .krow:where(header.bar, header.bar *) { background: rgb(238, 243, 251) !important; border-top: 0px solid transparent !important; }
html body header.bar #navKids#navKids a.kid:where(header.bar, header.bar *) { color: rgb(69, 95, 131) !important; }
html body header.bar #navKids#navKids a.kid:hover:where(header.bar, header.bar *) { color: rgb(1, 35, 80) !important; }
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *) { color: rgb(1, 35, 80) !important; }
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab:where(header.bar, header.bar *),
html body header.bar #navPrimary#navPrimary a.ptab[data-label="Contact Us"]:where(header.bar, header.bar *) { color: rgba(255, 255, 255, 0.78) !important; font-weight: 550 !important; }
}
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab.cur:where(header.bar, header.bar *) { color: rgb(255, 255, 255) !important; font-weight: 700 !important; }
}
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab.cur:where(header.bar, header.bar *)::before { content: "" !important; display: block !important; position: absolute !important; margin: 0px !important; transform: none !important; opacity: 1 !important; clip-path: none !important; inset: calc(50% - 17px) -12px auto !important; height: 34px !important; width: auto !important; background: rgba(138, 184, 247, 0.18) !important; border-radius: 7px !important; box-shadow: none !important; z-index: -1 !important; }
}
@media (min-width: 1024px) {
html body header.bar #navPrimary#navPrimary a.ptab.cur:where(header.bar, header.bar *)::before { left: calc(-12px + clamp(12px, 1.25vw, 22px)) !important; right: calc(-12px + clamp(12px, 1.25vw, 22px)) !important; }
}
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *) { color: rgb(1, 35, 80) !important; font-weight: 700 !important; }
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *)::after { content: "" !important; display: block !important; position: absolute !important; margin: 0px !important; transform: none !important; opacity: 1 !important; clip-path: none !important; inset: 8px 0px !important; height: auto !important; width: auto !important; background: rgb(227, 236, 249) !important; border-radius: 6px !important; box-shadow: none !important; z-index: -1 !important; }
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *)::after { background: rgb(212, 227, 247) !important; }
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab:not(.cur):hover:where(header.bar, header.bar *),
html body header.bar #navPrimary#navPrimary a.ptab[data-label="Contact Us"]:hover:where(header.bar, header.bar *) { background: transparent !important; }
}
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab:not(.cur):hover:where(header.bar, header.bar *)::before { content: "" !important; display: block !important; position: absolute !important; margin: 0px !important; transform: none !important; opacity: 1 !important; clip-path: none !important; inset: calc(50% - 17px) -12px auto !important; height: 34px !important; width: auto !important; background: rgba(138, 184, 247, 0.06) !important; border-radius: 7px !important; box-shadow: none !important; z-index: -1 !important; }
}
@media (min-width: 1024px) {
html body header.bar #navPrimary#navPrimary a.ptab:not(.cur):hover:where(header.bar, header.bar *)::before { left: calc(-12px + clamp(12px, 1.25vw, 22px)) !important; right: calc(-12px + clamp(12px, 1.25vw, 22px)) !important; }
}
html body header.bar #navKids#navKids a.kid:not(.on):hover:where(header.bar, header.bar *)::after { content: "" !important; display: block !important; position: absolute !important; margin: 0px !important; transform: none !important; opacity: 1 !important; box-shadow: none !important; clip-path: none !important; inset: 8px 0px !important; height: auto !important; width: auto !important; background: rgb(231, 238, 249) !important; border-radius: 6px !important; z-index: -1 !important; }
html body header.bar :is(#navPrimary a.ptab, #navKids a.kid):focus-visible:where(header.bar, header.bar *) { outline: rgb(138, 184, 247) solid 2px !important; outline-offset: 2px !important; border-radius: 6px !important; }
html body header.bar :is(#navPrimary a.ptab, #navKids a.kid):where(header.bar, header.bar *) { transition-property: background-color, color, box-shadow !important; transition-duration: 0.18s, 0.18s, 0.18s !important; transition-timing-function: ease, ease, ease !important; transition-delay: 0s, 0s, 0s !important; transition-behavior: normal, normal, normal !important; }
@media (max-width: 900px) {
html body header.bar:where(header.bar, header.bar *) { background: rgb(1, 35, 80) !important; }
}
@media (max-width: 900px) {
html body header.bar .wm:where(header.bar, header.bar *) { color: rgb(255, 255, 255) !important; }
}
@media (max-width: 900px) {
html body header.bar .krow:where(header.bar, header.bar *) { background: rgb(238, 243, 251) !important; }
}
@media (max-width: 900px) {
html body header.bar #navKids#navKids a.kid:where(header.bar, header.bar *) { color: rgb(69, 95, 131) !important; background: transparent !important; box-shadow: none !important; }
}
@media (max-width: 900px) {
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *) { color: rgb(1, 35, 80) !important; background: rgb(212, 227, 247) !important; border-radius: 6px !important; }
}
:where(header.bar) { --fs-row2-bg: #E8EFFA; }
html body header.bar:where(header.bar, header.bar *) { --fs-row2-bg: #E8EFFA; }
html body header.bar .krow:where(header.bar, header.bar *) { background: rgb(232, 239, 250) !important; }
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab.cur:where(header.bar, header.bar *) { color: rgb(255, 255, 255) !important; }
}
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab.cur:where(header.bar, header.bar *)::before { background: rgba(138, 184, 247, 0.3) !important; }
}
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *) { color: rgb(1, 35, 80) !important; }
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *)::after { background: rgb(186, 209, 242) !important; }
html body header.bar #navKids#navKids a.kid:not(.on):hover:where(header.bar, header.bar *)::after { background: rgb(212, 226, 245) !important; }
@media (max-width: 900px) {
html body header.bar .krow:where(header.bar, header.bar *) { background: rgb(232, 239, 250) !important; }
}
@media (max-width: 900px) {
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *) { background: rgb(186, 209, 242) !important; color: rgb(1, 35, 80) !important; }
}
html body header.bar .krow:where(header.bar, header.bar *) { background: rgb(237, 241, 248) !important; }
html body header.bar:where(header.bar, header.bar *) { --fs-row2-bg: #EDF1F8; }
@media (max-width: 900px) {
html body header.bar .krow:where(header.bar, header.bar *) { background: rgb(237, 241, 248) !important; }
}
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab.cur:where(header.bar, header.bar *)::before { background: rgba(138, 184, 247, 0.26) !important; box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 4px inset !important; }
}
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab:not(.cur):hover:where(header.bar, header.bar *)::before { display: none !important; }
}
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab:not(.cur):hover:where(header.bar, header.bar *) { color: rgb(255, 255, 255) !important; }
}
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *)::after { background: rgb(198, 217, 244) !important; box-shadow: rgba(1, 35, 80, 0.2) 0px 2px 4px inset !important; }
html body header.bar #navKids#navKids a.kid:not(.on):hover:where(header.bar, header.bar *)::after { background: rgb(255, 255, 255) !important; box-shadow: rgba(1, 35, 80, 0.25) 0px 2px 6px -2px, rgb(220, 225, 232) 0px 0px 0px 1px inset !important; }
:where(header.bar) { --fs-bar-bg: #004594; --fs-row2-bg: #ECF3FD; --fs-act: #0760C6; }
html body header.bar:where(header.bar, header.bar *) { background: rgb(0, 69, 148) !important; }
html body header.bar .krow:where(header.bar, header.bar *) { background: rgb(236, 243, 253) !important; }
html body header.bar #navKids#navKids a.kid:where(header.bar, header.bar *) { color: rgb(50, 73, 104) !important; }
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *) { color: rgb(0, 46, 102) !important; }
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *)::after { background: rgb(191, 216, 251) !important; box-shadow: rgba(10, 30, 60, 0.16) 0px 2px 4px inset !important; }
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab:where(header.bar, header.bar *),
html body header.bar #navPrimary#navPrimary a.ptab[data-label="Contact Us"]:where(header.bar, header.bar *) { color: rgb(255, 255, 255) !important; }
}
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab.cur:where(header.bar, header.bar *) { color: rgb(255, 255, 255) !important; }
}
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab.cur:where(header.bar, header.bar *)::before { background: transparent !important; box-shadow: none !important; }
}
@media (max-width: 900px) {
html body header.bar:where(header.bar, header.bar *) { background: rgb(0, 69, 148) !important; }
}
@media (max-width: 900px) {
html body header.bar .krow:where(header.bar, header.bar *) { background: rgb(236, 243, 253) !important; }
}
@media (max-width: 900px) {
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *) { background: rgb(191, 216, 251) !important; color: rgb(0, 46, 102) !important; }
}
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab:not(.cur):hover:where(header.bar, header.bar *) { color: rgb(255, 255, 255) !important; }
}
html body header.bar :is(#navPrimary a.ptab, #navKids a.kid):focus-visible:where(header.bar, header.bar *) { outline-color: rgb(73, 137, 226) !important; }
html body header.bar:where(header.bar, header.bar *) { --fs-bar-bg: #004594; --fs-bar-sh: 0 1px 0 rgba(0,69,148,.14), 0 10px 20px -16px rgba(0,69,148,.45); background: rgb(0, 69, 148) !important; box-shadow: rgba(0, 69, 148, 0.14) 0px 1px 0px, rgba(0, 69, 148, 0.45) 0px 10px 20px -16px !important; }
html body header.bar :is(.wm, #navPrimary a.ptab):where(header.bar, header.bar *) { -webkit-font-smoothing: antialiased; }
html body header.bar .wm:where(header.bar, header.bar *) { color: rgb(255, 255, 255) !important; }
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab:where(header.bar, header.bar *),
html body header.bar #navPrimary#navPrimary a.ptab[data-label="Contact Us"]:where(header.bar, header.bar *) { color: rgb(225, 236, 252) !important; font-weight: 650 !important; letter-spacing: 0.003em !important; }
}
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab:not(.cur):hover:where(header.bar, header.bar *),
html body header.bar #navPrimary#navPrimary a.ptab[data-label="Contact Us"]:hover:where(header.bar, header.bar *) { color: rgb(255, 255, 255) !important; }
}
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab.cur:where(header.bar, header.bar *) { color: rgb(0, 50, 112) !important; font-weight: 750 !important; }
}
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab.cur:where(header.bar, header.bar *)::before { background: rgb(197, 219, 251) !important; box-shadow: rgba(0, 22, 60, 0.3) 0px 2px 3px inset !important; border-radius: 7px !important; }
}
html body header.bar:where(header.bar, header.bar *) { --fs-row2-bg: #ECF3FD; }
html body header.bar .krow:where(header.bar, header.bar *) { background: rgb(236, 243, 253) !important; box-shadow: none !important; }
html body header.bar #navKids#navKids a.kid:where(header.bar, header.bar *) { color: rgb(50, 73, 104) !important; }
html body header.bar #navKids#navKids a.kid:not(.on):hover:where(header.bar, header.bar *) { color: rgb(0, 32, 75) !important; }
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *) { color: rgb(0, 46, 102) !important; font-weight: 700 !important; }
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *)::after { background: rgb(191, 216, 251) !important; box-shadow: rgba(0, 22, 60, 0.18) 0px 2px 4px inset !important; }
@media (max-width: 900px) {
html body header.bar:where(header.bar, header.bar *) { background: rgb(0, 69, 148) !important; }
}
@media (max-width: 900px) {
html body header.bar .krow:where(header.bar, header.bar *) { background: rgb(236, 243, 253) !important; }
}
@media (max-width: 900px) {
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *) { background: rgb(191, 216, 251) !important; color: rgb(0, 46, 102) !important; }
}
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab:not(.cur):hover:where(header.bar, header.bar *)::before,
html body header.bar #navPrimary#navPrimary a.ptab[data-label="Contact Us"]:not(.cur):hover:where(header.bar, header.bar *)::before { content: "" !important; display: block !important; position: absolute !important; margin: 0px !important; transform: none !important; opacity: 1 !important; clip-path: none !important; inset: calc(50% - 17px) -12px auto !important; height: 34px !important; width: auto !important; z-index: -1 !important; background: transparent !important; border-radius: 7px !important; box-shadow: rgba(255, 255, 255, 0.42) 0px 0px 0px 1.5px inset !important; }
}
@media (min-width: 1024px) {
html body header.bar #navPrimary#navPrimary a.ptab:not(.cur):hover:where(header.bar, header.bar *)::before { left: calc(-12px + clamp(12px, 1.25vw, 22px)) !important; right: calc(-12px + clamp(12px, 1.25vw, 22px)) !important; }
}
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab.cur:where(header.bar, header.bar *) { color: rgb(0, 60, 133) !important; }
}
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab.cur:where(header.bar, header.bar *)::before { background: rgb(213, 231, 255) !important; box-shadow: rgb(143, 184, 242) 0px 0px 0px 1px inset, rgba(0, 40, 100, 0.12) 0px 2px 3px inset !important; }
}
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *) { color: rgb(0, 60, 133) !important; }
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *)::after { background: rgb(207, 227, 255) !important; box-shadow: rgb(143, 184, 242) 0px 0px 0px 1px inset, rgba(0, 40, 100, 0.1) 0px 2px 3px inset !important; }
@media (max-width: 900px) {
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *) { background: rgb(207, 227, 255) !important; color: rgb(0, 60, 133) !important; box-shadow: rgb(143, 184, 242) 0px 0px 0px 1px inset !important; }
}
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab.cur:where(header.bar, header.bar *)::before { background: radial-gradient(3.5px at calc(100% - 9px) 9px, rgb(31, 143, 234) 0px, rgb(31, 143, 234) 3.5px, rgba(0, 0, 0, 0) 3.6px), rgb(255, 255, 255) !important; box-shadow: rgb(143, 184, 242) 0px 0px 0px 1px inset !important; right: calc(-1px) !important; }
}
@media (min-width: 901px) {
html body header.bar #navPrimary#navPrimary a.ptab.cur:where(header.bar, header.bar *) { color: rgb(0, 69, 148) !important; }
}
@media (min-width: 901px) {
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *)::after { right: -7px !important; }
}
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *)::after { background: radial-gradient(3.5px at calc(100% - 9px) 9px, rgb(31, 143, 234) 0px, rgb(31, 143, 234) 3.5px, rgba(0, 0, 0, 0) 3.6px), rgb(255, 255, 255) !important; box-shadow: rgb(143, 184, 242) 0px 0px 0px 1px inset !important; }
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *) { color: rgb(0, 69, 148) !important; }
@media (max-width: 900px) {
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *) { isolation: isolate; background: transparent !important; color: rgb(0, 69, 148) !important; box-shadow: none !important; z-index: 0 !important; }
}
@media (max-width: 900px) {
html body header.bar #navKids#navKids a.kid.on:where(header.bar, header.bar *)::after { inset: 0px -7px 0px 0px !important; border-radius: 6px !important; }
}
html body header.bar .krow:where(header.bar, header.bar *) { background: rgb(211, 221, 236) !important; }
:where(header.bar) { --fs-bar-sh: none; }
html body header.bar:where(header.bar, header.bar *) { box-shadow: none !important; }
html body header.bar .mark.mark svg text > tspan:nth-child(2n+1):where(header.bar, header.bar *) { fill: rgb(0, 0, 0) !important; }
html body header.bar .mark.mark svg text > tspan:nth-child(2):where(header.bar, header.bar *) { fill: rgb(11, 87, 245) !important; }
html body header.bar .mark.mark svg circle:where(header.bar, header.bar *) { fill: rgb(255, 255, 255) !important; stroke: rgb(11, 87, 245) !important; }
html body header.bar #navKids#navKids#navKids a.kid:not(.on):hover:where(header.bar, header.bar *)::after { box-shadow: rgb(142, 154, 173) 0px 0px 0px 1px inset !important; }
html body header.bar #navKids#navKids#navKids a.kid.on:where(header.bar, header.bar *)::after,
html body header.bar #navKids#navKids#navKids a.kid.on:hover:where(header.bar, header.bar *)::after { box-shadow: rgb(143, 184, 242) 0px 0px 0px 1px inset !important; }
html body header.bar :is(#navSvc, #navPrice):is(#navSvc, #navPrice):is(#navSvc, #navPrice):where(header.bar, header.bar *) { box-shadow: rgb(211, 218, 230) 0px 0px 0px 1px !important; }
@media (max-width: 900px) {
html body header.bar #navPrimary#navPrimary#navPrimary:where(header.bar, header.bar *) { box-shadow: rgb(211, 218, 230) 0px -1px 0px inset !important; }
}
@media (min-width: 761px) {
html body header.bar:where(header.bar, header.bar *) { --pad: clamp(24px, 4vw, 72px); --maxw: min(1440px, calc(100% - 2 * clamp(24px, 4vw, 72px))); --grid-edge: max(var(--pad), calc((100% - var(--maxw)) / 2)); --wpad: var(--grid-edge); --nav-gutter: var(--grid-edge); }
}
@media (min-width: 761px) {
:where(header.bar) { --pad: clamp(24px, 4vw, 72px); --maxw: min(1440px, calc(100% - 2 * clamp(24px, 4vw, 72px))); --grid-edge: max(var(--pad), calc((100% - var(--maxw)) / 2)); --wpad: var(--grid-edge); }
}
@media (max-width: 900px) {
html body header.bar .brow:where(header.bar, header.bar *) { padding-top: 11px !important; padding-bottom: 11px !important; }
}
@media (max-width: 1023px) {
html body header.bar #navKids#navKids a.kid:where(header.bar, header.bar *) { padding-top: 5px !important; padding-bottom: 5px !important; }
}
@media (max-width: 900px) {
html body header.bar #navKids#navKids:where(header.bar, header.bar *) { column-gap: 0px !important; }
}
@media (max-width: 900px) {
html body header.bar #navKids#navKids a.kid:where(header.bar, header.bar *) { padding-left: 10px !important; padding-right: 10px !important; }
}
@media (max-width: 900px) {
html body header.bar #navKids#navKids a.kid[data-t]:where(header.bar, header.bar *) { display: inline-flex !important; flex-direction: column !important; align-items: center !important; }
}
@media (max-width: 900px) {
html body header.bar #navKids#navKids a.kid[data-t]:where(header.bar, header.bar *)::before { content: attr(data-t); order: 1; height: 0px; overflow: hidden; visibility: hidden; font-weight: 700; pointer-events: none; }
}

/* ---- inner-page additions ------------------------------------------------
   Phones: the homepage's section row always overflows (eight sections), so its peek
   tuner always sets the gap. An inner page's row can already fit (Legal Documents: 3
   sections, Management Team: 2), the tuner then leaves the homepage's 0 gap and the
   current section's pill sits flush against the next link. A 14px floor — the gap the
   tuner picks on the homepage at 390px; the tuner still overrides it inline where the
   row overflows. (761-900px: assets/shared/nav/settle.css 1g, for every page.) */
@media (max-width: 760px) {
html body header.bar #navKids#navKids#navKids { column-gap: 14px !important; }
}

/* ==== header-footer.css · layer 2 of 2 ==== */
/* ==========================================================================
   an earlier layer of this file — the SITE FOOTER, "Settled Canvas", on every page.
   2026-09-20, on "my home page header and footer same apply in all pages".
   Markup: <footer class="mx mx-settled" id="site-foot"> — the same block on
   index.html and the five inner pages (the inner pages' old <footer id="sfoot">
   was replaced; their brand link points at index.html). Linked LAST in <head> on
   the five inner pages. The homepage does not load this file: the same rules
   close assets/home/design.css (block "[archived]"). The two
   copies are identical — change the footer in both, or the pages drift apart.
   Every rule is .mx-* scoped.
   ========================================================================== */

/* ==========================================================================
   Footer canvas · shared layer  (footer-canvas-m5x)
   The picked "Map Canvas", settled. Every version shares:
   · ONE 12-column grid (--cg gutters) inside the page lane, used by the map
     zone and the deck alike, so edges line up top to bottom: the reach card
     sits on columns 9–12 and its edge runs straight into the Company column.
   · a settled map — inside the lane, never full-bleed; on a white 8px mat;
     a fixed minimum height (--mh) that grows only if the card needs it.
   · the reach card — cobalt head with the real hours, the call as the
     heaviest row, WhatsApp + directions as two equal keys, e-mail, the
     address with its landmark.
   · the cobalt deck — company, what we do, company pages; base with the CIN.
   · one 8px spacing scale: 8 · 16 · 24 · 32 · 48 · 64.
   Square surfaces, flat edges, no shadows; keys 7px, chips 4px.
   ========================================================================== */
.mx{
  --ink:#0E1E35; --ink-2:#505C6C; --ink-3:#5B6778; --ink-4:#24364F;
  --act:#0760C6; --act-h:#004EA6; --cobalt:#004594;
  --edge:#DCE3EE; --edge-b:#C6D9F4; --edge-bb:#AEC9EF; --edge-h:#7FA6DC;
  --tint:#EEF4FC; --pale:#DDE9F9; --ground:#F3F7FC; --live:#2FB67C;
  --on-2:#DCE8FA; --on-3:#AEC9EF; --on-line:rgba(255,255,255,.16);
  --gut: clamp(24px, 4vw, 72px);
  --cg: clamp(16px, 1.7vw, 24px);
  --mh: clamp(408px, 31vw, 448px);
  --mat: 8px; --inset: 24px;
  --cpad: 20px;
  display: block; margin: 0; background: var(--cobalt); border-top: 1px solid var(--edge);
  font-family: var(--sans); color: var(--ink);
  scroll-margin-top: var(--barh);
}
.mx *{ box-sizing: border-box; }
.mx :where(a){ color: inherit; text-decoration: none; }
.mx :where(p, h3, ul, li){ margin: 0; padding: 0; }
.mx :where(ul){ list-style: none; }
.mx :where(button, input){ font: inherit; }
.mx [hidden]{ display: none !important; }
.mx :focus-visible{ outline: 2px solid var(--act); outline-offset: 2px; border-radius: 4px; }
/* inner-page leftovers: the inner pages' own sheets set img,svg{max-width:100%;display:block} and
   h1,h2,h3,h4{text-wrap:balance} on every element; the homepage footer has neither, and at 320px the
   first squeezed the clock in the hours chip to 8px. Class-scoped so they win over those bare selectors. */
.mx :where(svg){ max-width: none; }
.mx :where(h3){ text-wrap: wrap; }
.mx-in{ width: min(1440px, 100% - 2 * var(--gut)); margin-inline: auto; }
.mx-grid{ display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--cg); }
.mx-label{
  font-family: var(--mono); font-size: 11px; font-weight: 500; letter-spacing: .18em;
  text-transform: uppercase; color: var(--on-3); line-height: 1.4;
}
.mx-on{ color: #FFFFFF; }
.mx-sample{
  flex: none; display: inline-flex; align-items: center; height: 20px; padding: 0 7px; border-radius: 4px;
  background: #FFE9A8; color: #5A4300; font-family: var(--mono); font-size: 9.5px; font-weight: 600;
  letter-spacing: .1em; text-transform: uppercase;
}

/* ---- the settled map zone ---- */
.mx-stage{ background: var(--ground); padding: 64px 0; }
.mx-stage .mx-grid{ align-items: center; }
.mx-frame{
  grid-column: 1 / -1; grid-row: 1; align-self: stretch; position: relative;
  min-height: var(--mh); background: #FFFFFF; border: 1px solid var(--edge-b);
}
.mx-map{ position: absolute; inset: var(--mat); background: var(--tint); }
.mx-map iframe{ display: block; width: 100%; height: 100%; border: 0; }
.mx-card{
  grid-column: 9 / 13; grid-row: 1; position: relative; z-index: 1;
  margin: calc(var(--mat) + var(--inset)) calc(var(--mat) + var(--inset)) calc(var(--mat) + var(--inset)) 0;
  background: #FFFFFF; border: 1px solid var(--edge-bb);
}
.mx-ch{ display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 48px; padding: 0 12px 0 var(--cpad); background: var(--cobalt); }
.mx-hours{ display: inline-flex; align-items: center; gap: 7px; height: 28px; padding: 0 10px; border-radius: 4px;
  background: rgba(255,255,255,.12); color: #FFFFFF; font-size: 12.5px; font-weight: 650; white-space: nowrap; }
.mx-hours svg{ width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.mx-call{ display: flex; align-items: center; gap: 16px; padding: 16px var(--cpad); transition: background-color .15s ease; }
.mx-plate{ flex: none; width: 40px; height: 40px; display: grid; place-items: center; background: var(--cobalt); }
.mx-plate svg{ width: 18px; height: 18px; fill: none; stroke: #FFFFFF; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.mx-plate-l{ width: 32px; height: 32px; background: var(--tint); }
.mx-plate-l svg{ width: 16px; height: 16px; stroke: var(--cobalt); }
.mx-num{ flex: 1; font-size: clamp(20px, 1.6vw, 23px); font-weight: 800; letter-spacing: -.02em; color: var(--ink); white-space: nowrap; }
.mx-call:hover{ background: #F5F8FD; }
.mx-call:hover .mx-num{ color: var(--act); }
.mx-call:focus-visible{ outline-offset: -2px; border-radius: 0; }
.mx-key{ flex: none; width: 32px; height: 32px; display: grid; place-items: center; border-radius: 7px;
  background: #FFFFFF; border: 1px solid var(--edge-bb); transition: background-color .15s ease, border-color .15s ease; }
.mx-key svg{ width: 15px; height: 15px; fill: none; stroke: var(--act); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.mx-call:hover > .mx-key{ background: var(--act); border-color: var(--act); }
.mx-call:hover > .mx-key svg{ stroke: #FFFFFF; }
.mx-acts{ display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 0 var(--cpad) 16px; border-bottom: 1px solid var(--edge); }
.mx-act{ display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 12px; border-radius: 7px;
  background: #FFFFFF; border: 1px solid var(--edge-b); font-size: 14px; font-weight: 700; color: var(--ink); white-space: nowrap;
  transition: border-color .15s ease, background-color .15s ease; }
.mx-act svg{ width: 17px; height: 17px; flex: none; }
.mx-act-wa svg{ fill: #1FA855; }
.mx-act-dir svg{ fill: none; stroke: var(--cobalt); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.mx-act:hover{ border-color: var(--edge-h); background: var(--tint); }
.mx-ln{ display: flex; align-items: flex-start; gap: 16px; padding: 16px var(--cpad); }
.mx-ln + .mx-ln{ border-top: 1px solid var(--edge); }
.mx-ln > .mx-plate-l{ margin-left: 4px; }
.mx-tx{ min-width: 0; padding-top: 5px; font-size: 14px; line-height: 1.55; color: var(--ink-2); }
.mx-tx a{ font-weight: 650; color: var(--ink); }
.mx-tx a:hover{ color: var(--act); text-decoration: underline; text-underline-offset: 3px; }
.mx-addr{ color: #21416D; }
.mx-near{ margin-top: 6px; display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--ink-3); }
.mx-near svg{ width: 15px; height: 15px; flex: none; fill: none; stroke: var(--ink-3); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }

/* ---- the cobalt deck: same 12 columns ---- */
.mx-deck{ background: var(--cobalt); color: #FFFFFF; padding-top: 64px; }
.mx-cols > .mx-id{ grid-column: 1 / 5; }
.mx-cols > .mx-svc{ grid-column: 5 / 9; }
.mx-cols > .mx-co{ grid-column: 9 / 13; }
/* each column after the first: a 1px seam at its track start + the card's own 20px padding,
   so the Company words start exactly where the card's words start above */
.mx-cols > .mx-col{ border-left: 1px solid var(--on-line); padding-left: var(--cpad); }
.mx-brand{ display: inline-flex; align-items: center; gap: 16px; }
.mx-mk{ flex: none; display: block; width: 56px; height: 56px; padding: 3px; border-radius: 50%; background: #FFFFFF; }
.mx-mk svg{ display: block; width: 100%; height: 100%; }
.mx-mk svg text > tspan:nth-child(odd){ fill: #000000; }
.mx-mk svg text > tspan:nth-child(2){ fill: #0B57F5; }
.mx-mk svg circle{ stroke: #0B57F5; fill: #FFFFFF; }
.mx-mk svg text{ transform: translate(-0.9px, 0.85px); }
.mx-brand b{ font-size: clamp(22px, 1.9vw, 27px); font-weight: 800; letter-spacing: -.034em; line-height: 1.12; color: #FFFFFF; }
.mx-lede{ margin-top: 16px; max-width: 44ch; font-size: 15px; line-height: 1.6; color: var(--on-2); }
.mx-badge{ margin-top: 24px; display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 0 12px; border-radius: 7px;
  background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.26); font-size: 13px; font-weight: 650; color: #FFFFFF; }
.mx-badge svg{ width: 16px; height: 16px; flex: none; fill: none; stroke: #FFFFFF; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.mx-soc{ margin-top: 16px; display: flex; gap: 8px; }
.mx-soc a{ width: 44px; height: 44px; display: grid; place-items: center; border-radius: 7px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.28); color: #FFFFFF;
  transition: background-color .15s ease, color .15s ease; }
.mx-soc a svg{ width: 18px; height: 18px; fill: currentColor; }
.mx-soc a:hover{ background: #FFFFFF; color: var(--cobalt); }
.mx-deck :focus-visible{ outline-color: #FFFFFF; }

.mx-colh{ display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 20px; margin-bottom: 16px; }
.mx-col ul{ border-top: 1px solid var(--on-line); }
.mx-col li + li{ border-top: 1px solid var(--on-line); }
.mx-row{ position: relative; isolation: isolate; display: flex; align-items: center; gap: 16px; min-height: 56px; padding: 8px 0; }
.mx-row::before{ content: ""; position: absolute; z-index: -1; inset: 0 0 0 calc(-1 * var(--cpad)); background: rgba(255,255,255,.07); opacity: 0; transition: opacity .15s ease; }
.mx-tile{ flex: none; width: 36px; height: 36px; display: grid; place-items: center; background: #FFFFFF; }
.mx-tile svg{ width: 20px; height: 20px; }
.mx-tile-c svg{ width: 18px; height: 18px; fill: none; stroke: var(--cobalt); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.mx-na .mx-tile{ background: rgba(255,255,255,.12); }
.mx-na .mx-tile svg{ filter: brightness(0) invert(1); opacity: .55; }
.mx-nm{ flex: 1; min-width: 0; font-size: 15px; line-height: 1.35; }
a.mx-row .mx-nm{ font-weight: 700; color: #FFFFFF; }
.mx-na .mx-nm{ font-weight: 550; color: var(--on-3); }
.mx-na{ cursor: default; }
.mx-live{ display: inline-block; vertical-align: middle; width: 6px; height: 6px; margin: -2px 0 0 8px; border-radius: 50%; background: #4CD394; }
.mx-deck .mx-key{ background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.34); }
.mx-deck .mx-key svg{ stroke: #FFFFFF; }
a.mx-row:hover::before{ opacity: 1; }
a.mx-row:hover > .mx-key{ background: #FFFFFF; border-color: #FFFFFF; }
a.mx-row:hover > .mx-key svg{ stroke: var(--cobalt); }
.mx-soon{
  flex: none; padding: 2px 6px 1px; border-radius: 4px; background: rgba(255,255,255,.14);
  font-family: var(--mono); font-size: 9.5px; font-weight: 500; letter-spacing: .12em;
  text-transform: uppercase; color: #FFFFFF; line-height: 1.5;
}

/* ---- base ---- */
.mx-base{ margin-top: 48px; display: flex; align-items: center; flex-wrap: wrap; gap: 8px 32px; padding: 16px 0 24px; border-top: 1px solid var(--on-line); }
.mx-copy{ margin-right: auto; font-size: 13.5px; line-height: 1.4; color: var(--on-2); }
.mx-cin{ margin-left: 12px; padding-left: 16px; border-left: 1px solid var(--on-line); font-family: var(--mono); font-size: 12px; letter-spacing: .04em; color: var(--on-3); }
.mx-legal{ display: flex; align-items: center; flex-wrap: wrap; gap: 0 24px; }
.mx-legal a, .mx-na2{ display: inline-flex; align-items: center; gap: 8px; min-height: 40px; font-size: 13.5px; line-height: 1.4; }
.mx-legal a{ font-weight: 650; color: #FFFFFF; }
.mx-legal a:hover{ text-decoration: underline; text-underline-offset: 3px; }
.mx-na2{ color: var(--on-2); cursor: default; }

/* ---- tablet: card on columns 7–12; deck = company row, then two columns on the same seam ---- */
@media (max-width: 1180px){
  .mx-card{ grid-column: 7 / 13; }
  .mx-cols{ row-gap: 48px; }
  .mx-cols > .mx-id{ grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 32px; align-items: start; }
  .mx-cols > .mx-id > .mx-brand, .mx-cols > .mx-id > .mx-lede, .mx-cols > .mx-id > .mx-badge{ grid-column: 1; }
  .mx-cols > .mx-id > .mx-badge{ justify-self: start; }
  .mx-cols > .mx-id > .mx-soc{ grid-column: 2; grid-row: 1; margin-top: 0; }
  .mx-cols > .mx-svc{ grid-column: 1 / 7; border-left: 0; padding-left: 0; }
  .mx-cols > .mx-co{ grid-column: 7 / 13; }
  .mx-row::before{ inset: 0; }
}
@media (max-width: 900px){
  .mx-stage{ padding: 48px 0; }
  .mx-frame{ min-height: 0; }
  .mx-map{ position: relative; inset: auto; margin: var(--mat); height: 320px; }
  .mx-card{ grid-column: 1 / -1; grid-row: 2; margin: 16px 0 0; }
}

/* ---- phones ---- */
@media (max-width: 760px){
  .mx{ --gut: 18px; --cpad: 16px; }
  .mx-stage{ padding: 24px 0 32px; }
  .mx-map{ height: 240px; margin: 6px; }
  .mx-card{ margin-top: 12px; }
  .mx-hours{ font-size: 12px; padding: 0 8px; }
  .mx-num{ font-size: clamp(18px, 5.6vw, 22px); }
  .mx-act{ font-size: 13.5px; padding: 0 8px; }
  .mx-deck{ padding-top: 40px; }
  .mx-grid{ column-gap: 0; }
  .mx-cols{ row-gap: 32px; }
  .mx-cols > *{ grid-column: 1 / -1 !important; border-left: 0 !important; padding-left: 0 !important; }
  .mx-cols > .mx-id{ display: block; }
  .mx-cols > .mx-id > .mx-soc{ margin-top: 16px; }
  .mx-mk{ width: 50px; height: 50px; }
  .mx-brand{ gap: 12px; }
  .mx-brand b{ font-size: 21px; }
  .mx-row::before{ inset: 0 -18px; }
  .mx-base{ margin-top: 32px; flex-direction: column; align-items: flex-start; gap: 0; padding: 8px 0 24px; }
  .mx-copy{ order: 2; padding-top: 8px; }
  .mx-cin{ display: block; margin: 4px 0 0; padding: 0; border: 0; }
  .mx-tx{ overflow-wrap: anywhere; }
  .mx-tx a{ position: relative; }
  .mx-tx a::after{ content: ""; position: absolute; inset: -13px -4px; }
}
@media (max-width: 380px){ .mx-acts{ grid-template-columns: minmax(0, 1fr); } }
@media (prefers-reduced-motion: reduce){ .mx *{ transition: none !important; } }


/* ==========================================================================
   1 · SETTLED CANVAS — the picked design, settled, plus the company's facts.
   The map frame straddles the seam where the page's pale ground turns into
   the cobalt deck, so map and deck read as one object. The deck opens on
   four real facts laid on the same columns as everything below them.
   ========================================================================== */
.mx-settled .mx-stage{ padding-bottom: 0;
  background: linear-gradient(to bottom, var(--ground) 0, var(--ground) calc(100% - 176px), var(--cobalt) calc(100% - 176px)); }
.mx-settled .mx-deck{ padding-top: 56px; }
.mx-facts{ display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--cg);
  padding-bottom: 40px; margin-bottom: 48px; border-bottom: 1px solid var(--on-line); }
.mx-fact{ display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 12px; align-items: center; }
.mx-fact:nth-child(1){ grid-column: 1 / 3; }
.mx-fact:nth-child(2){ grid-column: 3 / 5; }
.mx-fact:nth-child(3){ grid-column: 5 / 9; border-left: 1px solid var(--on-line); padding-left: var(--cpad); }
.mx-fact:nth-child(4){ grid-column: 9 / 13; border-left: 1px solid var(--on-line); padding-left: var(--cpad); }
.mx-fic{ grid-row: 1 / 3; width: 40px; height: 40px; display: grid; place-items: center; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2); }
.mx-fic svg{ width: 18px; height: 18px; fill: none; stroke: #FFFFFF; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.mx-fk{ font-family: var(--mono); font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--on-3); }
.mx-fv{ font-size: 16px; font-weight: 750; letter-spacing: -.01em; color: #FFFFFF; line-height: 1.35; }
@media (max-width: 1180px){
  .mx-fact:nth-child(1){ grid-column: 1 / 4; } .mx-fact:nth-child(2){ grid-column: 4 / 7; }
  .mx-fact:nth-child(3){ grid-column: 7 / 13; }
  .mx-fact:nth-child(4){ grid-column: 1 / -1; border-left: 0; padding-left: 0; margin-top: 24px; }
}
@media (max-width: 900px){
  .mx-settled .mx-stage{ background: linear-gradient(to bottom, var(--ground) 0, var(--ground) calc(100% - 120px), var(--cobalt) calc(100% - 120px)); }
}
@media (max-width: 760px){
  .mx-facts{ row-gap: 20px; padding-bottom: 32px; margin-bottom: 32px; }
  .mx-fact:nth-child(n){ grid-column: 1 / -1; border-left: 0; padding-left: 0; margin-top: 0; }
  .mx-fact:nth-child(1){ grid-column: 1 / 7; } .mx-fact:nth-child(2){ grid-column: 7 / 13; }
}