/* Inter ships as two subsets and Turkish needs BOTH: `latin` carries a-z, digits and
   ç ö ü ı, `latin-ext` carries ğ Ğ İ ş Ş. Shipping only latin-ext meant almost every
   character fell back to a system font, so declare each face with its unicode-range. */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('./fonts/inter-latin-wght-normal.woff2') format('woff2-variations');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('./fonts/inter-latin-ext-wght-normal.woff2') format('woff2-variations');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Referenced by name in job-canvas-story.css; same two-subset rule applies. */
@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./fonts/dm-mono-latin-400-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./fonts/dm-mono-latin-ext-400-normal.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('./fonts/dm-mono-latin-500-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('./fonts/dm-mono-latin-ext-500-normal.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  --font-site: 'Inter', sans-serif;
  --font-body: var(--font-site);
  --font-brand: var(--font-body);
  --font-heading: var(--font-site);
  --font-mono: var(--font-site);
  --or-font: var(--font-site);
  --or-mono: var(--font-site);
  --shell-ink: #10141a;
  --shell-muted: #657080;
  --shell-blue: #2f6fe0;
  --shell-paper: #f6f6f3;
  --shell-line: rgba(16, 20, 26, .09);
  --shell-surface: rgba(255, 255, 255, .78);
  --shell-shadow: 0 16px 48px rgba(16, 20, 26, .12), inset 0 1px 0 rgba(255, 255, 255, .82);
}

.hawk-shell-page {
  min-width: 0;
  overflow-x: clip;
  font-family: var(--font-body);
  text-rendering: optimizeLegibility;
}

body,
body * {
  font-family: var(--font-site) !important;
}

.hawk-shell-page :is(button, input, select, textarea),
.site-nav.global-nav,
.site-nav.global-nav a,
.site-footer,
.site-footer a {
  font-family: var(--font-body) !important;
}

.hawk-shell-page :is(h1, h2, h3) {
  font-family: var(--font-heading) !important;
  font-weight: 300 !important;
  letter-spacing: -.025em;
}

.hawk-shell-page :where(
  .eyebrow,
  [class$='-eyebrow'],
  [class*='-eyebrow '],
  [class$='-kicker'],
  [class*='-kicker '],
  .site-footer-heading,
  .site-mobile-label,
  code,
  pre,
  kbd,
  samp,
  [class$='-code'],
  [class*='-code '],
  [class$='-log'],
  [class*='-log ']
) {
  font-family: var(--font-mono) !important;
}

.hawk-shell-page *,
.hawk-shell-page *::before,
.hawk-shell-page *::after { box-sizing: border-box; }

.hawk-shell-page img,
.hawk-shell-page video,
.hawk-shell-page svg { max-width: 100%; }

.site-nav.global-nav {
  position: fixed;
  z-index: 1000;
  top: 18px;
  left: 50%;
  display: flex;
  align-items: center;
  gap: 4px;
  width: max-content;
  max-width: calc(100vw - 32px);
  padding: 8px 10px;
  overflow: visible;
  border: 1px solid rgba(255, 255, 255, .76);
  border-radius: 999px;
  background: var(--shell-surface);
  box-shadow: var(--shell-shadow);
  font-family: var(--font-body);
  backdrop-filter: blur(22px) saturate(1.55);
  -webkit-backdrop-filter: blur(22px) saturate(1.55);
  transform: translateX(-50%);
}

.site-nav a { color: var(--shell-ink); text-decoration: none; }

.site-brand,
.site-nav-link,
.etl-trigger,
.site-contact,
.site-language,
.site-mobile-etl,
.site-mobile-menu > summary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  border-radius: 999px;
  white-space: nowrap;
}

.site-brand {
  padding: 0 14px;
  font-family: var(--font-brand);
  font-size: 17px;
  font-weight: 700;
  letter-spacing: .06em;
}

.site-nav-link,
.etl-trigger {
  padding: 0 13px;
  font-family: var(--font-brand);
  font-size: 13.5px;
  font-weight: 600;
  transition: color .18s ease, background .18s ease, transform .18s ease;
}

.site-nav-link:hover,
.site-nav-link:focus-visible,
.etl-trigger:hover,
.etl-trigger:focus-visible,
.site-brand:hover,
.site-brand:focus-visible { background: rgba(16, 20, 26, .055); color: var(--shell-ink); }

.site-nav .is-active:not(.site-contact) { background: rgba(47, 111, 224, .11); color: #1758ad; }

.site-contact {
  min-height: 46px;
  margin-left: 4px;
  padding: 0 18px;
  background: var(--shell-ink);
  color: #fff !important;
  font-size: 13.5px;
  font-weight: 700;
  transition: background .18s ease, transform .18s ease;
}

.site-contact:hover,
.site-contact:focus-visible,
.site-contact.is-active { background: var(--shell-blue); color: #fff; transform: translateY(-1px); }

.site-language {
  min-width: 44px;
  padding: 0 12px;
  border: 1px solid rgba(16, 20, 26, .13);
  background: transparent;
  color: var(--shell-ink);
  font-family: var(--font-brand);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
}

.site-language:hover,
.site-language:focus-visible { background: rgba(16, 20, 26, .055); }

.etl-desktop-menu { position: relative; }
.etl-desktop-menu::after { content: ''; position: absolute; top: 100%; right: -18px; left: -18px; height: 16px; }
.etl-trigger { gap: 7px; }
.etl-chevron { font-size: 10px; opacity: .58; transition: transform .2s cubic-bezier(.22, 1, .36, 1); }
.etl-desktop-menu:hover .etl-chevron,
.etl-desktop-menu:focus-within .etl-chevron { transform: rotate(180deg); }

.site-nav .etl-dropdown {
  position: absolute;
  z-index: 5;
  top: calc(100% + 10px);
  right: 0;
  left: auto;
  display: grid;
  width: min(280px, calc(100vw - 32px));
  min-width: 280px;
  gap: 4px;
  padding: 7px;
  overflow: hidden;
  border: 1px solid var(--shell-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, .97);
  box-shadow: 0 24px 64px rgba(16, 20, 26, .17), inset 0 1px 0 #fff;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  backdrop-filter: blur(24px) saturate(1.4);
  -webkit-backdrop-filter: blur(24px) saturate(1.4);
  transform: translateY(-7px) scale(.985);
  transform-origin: top right;
  transition: opacity .18s ease, transform .24s cubic-bezier(.22, 1, .36, 1), visibility .18s;
}

.etl-desktop-menu:hover .etl-dropdown,
.etl-desktop-menu:focus-within .etl-dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.etl-desktop-menu.is-route-closing .etl-dropdown,
.etl-desktop-menu.is-route-closing:hover .etl-dropdown,
.etl-desktop-menu.is-route-closing:focus-within .etl-dropdown {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.etl-desktop-menu.is-route-closing .etl-chevron { transform: none !important; }

.site-nav .etl-dropdown a {
  display: flex;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border: 1px solid rgba(16, 20, 26, .065);
  border-radius: 12px;
  background: rgba(247, 248, 250, .78);
  text-align: right;
  white-space: normal;
  transition: border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease;
}

.site-nav .etl-dropdown a:hover,
.site-nav .etl-dropdown a:focus-visible {
  border-color: rgba(47, 111, 224, .22);
  background: #fff;
  color: var(--shell-ink);
  box-shadow: 0 10px 24px rgba(47, 111, 224, .09);
  transform: translateY(-1px);
}

.site-nav .etl-dropdown a.is-active { border-color: var(--shell-ink); background: var(--shell-ink); color: #fff; }
.site-nav .etl-dropdown strong { width: 100%; font-size: 13px; font-weight: 600; line-height: 1.25; }
.site-nav .etl-dropdown small { display: none; }
.site-nav .etl-dropdown a.is-active small { color: rgba(255, 255, 255, .64); }

.site-mobile-etl,
.site-mobile-menu { display: none; }

.site-nav :focus-visible,
.site-footer :focus-visible {
  outline: 2px solid var(--shell-blue);
  outline-offset: 2px;
}

.site-footer {
  position: relative;
  z-index: 1;
  width: 100vw !important;
  max-width: none !important;
  margin-right: calc(50% - 50vw) !important;
  margin-left: calc(50% - 50vw) !important;
  padding: 0 !important;
  overflow: hidden;
  border-top: 1px solid rgba(255, 255, 255, .08);
  background: var(--shell-ink);
  color: #f6f6f3;
  font-family: var(--font-body);
}

.site-footer::before {
  content: '';
  position: absolute;
  top: -220px;
  right: -180px;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(47, 111, 224, .15), rgba(47, 111, 224, 0) 68%);
  pointer-events: none;
}

.site-footer a { color: inherit; text-decoration: none; }

.site-footer-network {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 64px 32px 26px;
}

.site-footer-tree {
  display: grid;
  width: 100%;
  grid-template-columns: 1.25fr repeat(4, minmax(0, 1fr));
  gap: 34px;
}

.site-footer-group {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 11px;
}

.site-footer-heading {
  margin: 0 0 6px;
  color: #8fb4f4;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.site-footer-group a,
.site-footer-contact-link {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  max-width: 100%;
  color: rgba(246, 246, 243, .74);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
  overflow-wrap: anywhere;
  transition: color .18s ease, transform .18s ease;
}

.site-footer-group a:hover,
.site-footer-group a:focus-visible,
.site-footer-contact-link:hover,
.site-footer-contact-link:focus-visible { color: #fff; transform: translateX(2px); }

.site-footer-social {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  margin-top: 3px;
  padding: 0 14px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 999px;
  background: rgba(255, 255, 255, .055);
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.site-footer-social:hover,
.site-footer-social:focus-visible {
  border-color: rgba(143, 180, 244, .55);
  background: rgba(47, 111, 224, .18);
  transform: translateY(-1px) !important;
}

.site-footer-group:has(.site-footer-social) {
  align-items: flex-start;
}

.site-footer-social {
  width: auto !important;
  min-width: 0;
  min-height: 32px !important;
  justify-content: flex-start;
  align-self: flex-start;
  padding: 0 2px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(231, 236, 244, .66) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}

.site-footer-social:hover,
.site-footer-social:focus-visible {
  border-color: transparent !important;
  background: transparent !important;
  color: #fff !important;
  transform: translateX(2px) !important;
}

.site-footer-company-link {
  min-height: 28px !important;
  align-self: flex-start;
  padding: 0 2px !important;
  color: rgba(231, 236, 244, .66) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: -.01em;
}

.site-footer-company-link:hover,
.site-footer-company-link:focus-visible {
  color: #fff !important;
}

.site-footer-base {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 52px;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, .1);
}

.site-footer-inner {
  display: block !important;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

.site-footer-brand { color: #fff; font-size: 15px; font-weight: 700; letter-spacing: .06em; }
.site-footer-links { display: flex; flex-wrap: wrap; gap: 22px; }
.site-footer-links a { color: rgba(246, 246, 243, .72); font-size: 13.5px; }
.site-footer-links a:hover { color: #fff; }
.site-footer-copy { color: rgba(246, 246, 243, .56); font-size: 13.5px; }
.site-footer-base a { color: rgba(246, 246, 243, .76); font-size: 13.5px; font-weight: 600; }
.site-footer-base a:hover,
.site-footer-base a:focus-visible { color: #fff; }

@media (max-width: 820px) {
  .hawk-shell-page { overflow-x: hidden; }
  .site-nav.global-nav {
    top: 12px;
    right: 12px;
    left: 12px;
    width: auto;
    max-width: none;
    justify-content: flex-start;
    padding: 7px 8px;
    transform: none;
  }
  .etl-desktop-menu,
  .site-nav > .site-nav-link,
  .site-nav > .site-contact,
  .site-nav > .site-language { display: none; }
  .site-brand { min-height: 44px; padding: 0 12px; }
  .site-mobile-etl {
    display: inline-flex;
    min-height: 44px;
    margin-left: auto;
    padding: 0 12px;
    color: var(--shell-ink);
    font-size: 13px;
    font-weight: 700;
  }
  .site-mobile-etl.is-active { background: rgba(47, 111, 224, .11); color: #1758ad; }
  .site-mobile-menu { position: static; display: block; }
  .site-mobile-menu > summary {
    min-height: 44px;
    gap: 8px;
    padding: 0 12px;
    cursor: pointer;
    list-style: none;
    color: var(--shell-ink);
    font-size: 12px;
    font-weight: 700;
  }
  .site-mobile-menu > summary::-webkit-details-marker,
  .site-mobile-menu > summary::marker { display: none; content: ''; }
  .site-mobile-menu-icon { position: relative; width: 14px; height: 14px; }
  .site-mobile-menu-icon::before,
  .site-mobile-menu-icon::after { content: ''; position: absolute; top: 6px; left: 1px; width: 12px; height: 1.5px; border-radius: 2px; background: currentColor; transition: transform .2s ease; }
  .site-mobile-menu-icon::after { transform: rotate(90deg); }
  .site-mobile-menu[open] .site-mobile-menu-icon::after { transform: rotate(0); }
  .site-mobile-panel {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    left: 0;
    display: grid;
    max-height: calc(100vh - 88px);
    gap: 5px;
    padding: 10px;
    overflow-y: auto;
    border: 1px solid var(--shell-line);
    border-radius: 18px;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 24px 64px rgba(16, 20, 26, .2);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
  }
  .site-mobile-label { padding: 9px 10px 4px; color: #7a8492; font-size: 9px; font-weight: 700; letter-spacing: .14em; }
  .site-mobile-panel a,
  .site-mobile-language {
    display: flex;
    min-height: 44px;
    align-items: center;
    padding: 10px 12px;
    border: 0;
    border-radius: 11px;
    background: #f6f7f9;
    color: var(--shell-ink);
    font-family: var(--font-brand);
    font-size: 12.5px;
    font-weight: 650;
  }
  .site-mobile-panel a.is-active { background: var(--shell-ink); color: #fff; }
  .site-mobile-language { justify-content: center; background: rgba(47, 111, 224, .1); color: #1758ad; }

  .hawk-shell-page header,
  .hawk-shell-page section[style*="max-width"] { padding-right: 20px !important; padding-left: 20px !important; }
  .hawk-shell-page section > div[style*="max-width"] { padding-right: 20px !important; padding-left: 20px !important; }
  .page-home .tech-marquee { padding-right: 0 !important; padding-left: 0 !important; }

  .page-archive header,
  .page-dq header { padding-top: 118px !important; padding-bottom: 48px !important; }
  .page-archive header > div,
  .page-dq header > div { grid-template-columns: minmax(0, 1fr) !important; gap: 32px !important; }
  .page-archive header > div > div,
  .page-dq header > div > div { min-width: 0; }
  .page-archive header > div > div:last-child,
  .page-dq header > div > div:last-child { width: 100%; max-width: 640px; margin: 0 auto; }
  .page-archive header img[src*="hawk-archive-light"],
  .page-dq header img[src*="hawk-dq-light"] { display: block; width: 220px !important; height: 58px !important; max-width: 100%; object-fit: cover; object-position: center; }
  .page-archive header div[style*="display:flex"][style*="margin-top:30px"],
  .page-dq header div[style*="display:flex"][style*="margin-top:30px"] { flex-wrap: wrap; }
  .page-archive header div[style*="margin-top:30px"] a,
  .page-dq header div[style*="margin-top:30px"] a { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 12px 18px !important; white-space: nowrap; }
  .page-archive section div[style*="display:grid"],
  .page-archive section div[style*="display: grid"],
  .page-archive section div[style*="grid-template-columns"],
  .page-dq section div[style*="display:grid"],
  .page-dq section div[style*="display: grid"],
  .page-dq section div[style*="grid-template-columns"],
  .page-contact section div[style*="display:grid"],
  .page-contact section div[style*="display: grid"],
  .page-contact section div[style*="grid-template-columns"] {
    min-width: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .page-archive section div[style*="display:flex"],
  .page-archive section div[style*="display: flex"],
  .page-dq section div[style*="display:flex"],
  .page-dq section div[style*="display: flex"],
  .page-contact section div[style*="display:flex"],
  .page-contact section div[style*="display: flex"] { min-width: 0; max-width: 100%; }
  .page-archive section p,
  .page-dq section p,
  .page-contact section p,
  .page-contact section li,
  .page-contact section a { overflow-wrap: anywhere; }
  .page-archive section div[data-rev][style*="padding:36px"],
  .page-dq section div[data-rev][style*="padding:36px"] { padding: 24px !important; }

  .page-contact header { padding-top: 132px !important; }
  .page-contact form { padding: 24px !important; }
  .page-contact form div[style*="display:grid"] { grid-template-columns: minmax(0, 1fr) !important; }

  .site-footer-network { padding: 52px 20px 24px; }
  .site-footer-tree { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 28px; }
  .site-footer-base { flex-wrap: wrap; margin-top: 40px; }
  .site-footer-inner { flex-direction: column; align-items: flex-start; padding: 28px 20px; }
  .site-footer-links { gap: 14px 20px; }
  body > div[style*="mix-blend-mode:difference"],
  body > div[style*="mix-blend-mode: difference"] { display: none !important; }
}

/* 2026 navigation: fixed edge-to-edge product bar with one stable geometry. */
.site-brand-mark {
  display: block;
  width: 48px;
  height: 44px;
  flex: 0 0 48px;
  overflow: hidden;
}

.site-brand-mark img {
  display: block;
  width: 150px;
  max-width: none !important;
  height: 44px;
  object-fit: contain;
  object-position: left center;
  transform: translateX(-2px);
}

@media (min-width: 821px) {
  html body .site-nav.global-nav {
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: 80px !important;
    min-height: 80px !important;
    padding: 0 clamp(24px, 4vw, 70px) !important;
    gap: 5px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(16, 20, 26, .09) !important;
    border-radius: 0 !important;
    background: rgba(255, 255, 255, .95) !important;
    box-shadow: 0 8px 28px rgba(16, 20, 26, .045) !important;
    transform: none !important;
  }

  html body .site-nav.global-nav > .site-brand {
    min-height: 64px !important;
    gap: 9px !important;
    margin-right: auto !important;
    padding: 0 10px 0 0 !important;
    background: transparent !important;
    color: #10141a !important;
  }

  html body .site-nav.global-nav .etl-trigger,
  html body .site-nav.global-nav > .site-nav-link {
    min-height: 44px !important;
    padding-inline: 12px !important;
  }

  html body .site-nav.global-nav > .site-contact { margin-left: 10px !important; }
}

@media (min-width: 821px) and (max-width: 1040px) {
  html body .site-nav.global-nav { padding-inline: 22px !important; gap: 2px !important; }
  html body .site-nav.global-nav .etl-trigger,
  html body .site-nav.global-nav > .site-nav-link { padding-inline: 8px !important; font-size: 12px !important; }
  html body .site-nav.global-nav > .site-contact { padding-inline: 13px !important; font-size: 12px !important; }
  .site-brand-mark { width: 42px; flex-basis: 42px; }
}

@media (max-width: 820px) {
  html body .site-nav.global-nav {
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 68px !important;
    min-height: 68px !important;
    padding: 4px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(16, 20, 26, .09) !important;
    border-radius: 0 !important;
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 8px 24px rgba(16, 20, 26, .05) !important;
    transform: none !important;
  }

  html body .site-nav.global-nav > .site-brand { gap: 6px; padding-left: 0 !important; }
  .site-brand-mark { width: 39px; height: 38px; flex-basis: 39px; }
  .site-brand-mark img { width: 130px; height: 38px; }
}

/* Shared closing composition used by every Hawk-ETL product page. */
.site-standard-closing {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: clamp(76px, 7vw, 104px) 24px !important;
  background: #edf2f6 !important;
  text-align: center !important;
}

.site-standard-closing::before { display: none !important; }

.site-standard-closing-card {
  position: relative !important;
  box-sizing: border-box !important;
  width: min(1120px, 100%) !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding: clamp(50px, 6vw, 76px) clamp(24px, 6vw, 78px) !important;
  overflow: hidden !important;
  border: 1px solid rgba(23, 43, 68, .1) !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(38, 127, 211, .1), transparent 29%),
    radial-gradient(circle at 88% 82%, rgba(18, 166, 106, .08), transparent 27%),
    linear-gradient(rgba(58, 89, 122, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(58, 89, 122, .035) 1px, transparent 1px),
    #fff !important;
  background-size: auto, auto, 28px 28px, 28px 28px, auto !important;
  box-shadow: 0 26px 70px rgba(25, 45, 68, .1), inset 0 1px 0 #fff !important;
  color: #101823 !important;
}

.site-standard-closing-card :is(h2, p, a, .eyebrow, .job-eyebrow, .or-eyebrow) { position: relative; z-index: 1; }
.site-standard-closing-card h2 { max-width: 850px !important; margin: 0 auto !important; color: #101823 !important; font-size: clamp(39px, 5vw, 66px) !important; line-height: 1.02 !important; letter-spacing: -.045em !important; }
.site-standard-closing-card > p:not(.eyebrow):not(.job-eyebrow):not(.or-eyebrow),
.site-standard-closing-card .or-final-row > p { max-width: 650px !important; margin: 21px auto 0 !important; color: #617086 !important; font-size: 15px !important; line-height: 1.7 !important; }
.site-standard-closing-card :is(.next-actions, .tx-next-actions, .or-final-actions) { justify-content: center !important; margin-top: 30px !important; }
.site-standard-closing-card .or-final-row { display: block !important; }

@media (max-width: 620px) {
  .site-standard-closing { padding: 58px 14px !important; }
  .site-standard-closing-card { padding: 44px 20px !important; border-radius: 22px !important; }
  .site-standard-closing-card :is(.next-actions, .tx-next-actions, .or-final-actions) { align-items: stretch !important; flex-direction: column !important; }
}

@media (max-width: 560px) {
  .site-footer-network { padding: 46px 20px 22px; }
  .site-footer-tree { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .site-footer-group { gap: 5px; }
  .site-footer-heading { margin-bottom: 7px; }
  .site-footer-group a,
  .site-footer-contact-link,
  .site-footer-social { min-height: 44px; }
  .site-footer-base { align-items: flex-start; flex-direction: column; gap: 14px; margin-top: 34px; }
}

/* dbt-inspired Hawk header: edge-to-edge, calm, and consistent on every route. */
.site-brand-mark {
  width: 52px !important;
  height: 52px !important;
  flex-basis: 52px !important;
  overflow: hidden !important;
}

.site-brand-mark img {
  width: 70px !important;
  max-width: none !important;
  height: 70px !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: translate(-9px, -7px) !important;
}

.site-footer-brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 750 !important;
  letter-spacing: .06em !important;
}

.site-footer-brand img {
  display: block;
  width: 38px;
  height: 38px;
  padding: 2px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 10px;
  background: #fff;
  object-fit: contain;
}

@media (min-width: 821px) {
  html body .site-nav.global-nav {
    height: 76px !important;
    min-height: 76px !important;
    padding: 0 clamp(24px, 4.2vw, 72px) !important;
    gap: 3px !important;
    border-bottom-color: #e8e9ec !important;
    background: rgba(255, 255, 255, .98) !important;
    box-shadow: 0 5px 18px rgba(16, 20, 26, .035) !important;
    justify-content: center !important;
  }

  html body .site-nav.global-nav > .site-brand {
    gap: 8px !important;
    min-height: 76px !important;
    margin-right: 32px !important;
    padding-right: 0 !important;
    font-size: 16px !important;
    letter-spacing: .045em !important;
  }

  html body .site-nav.global-nav .etl-trigger,
  html body .site-nav.global-nav > .site-nav-link {
    min-height: 44px !important;
    padding-inline: 13px !important;
    border-radius: 8px !important;
    color: #20252d !important;
    font-size: 13.5px !important;
    font-weight: 650 !important;
  }

  html body .site-nav.global-nav .etl-trigger:hover,
  html body .site-nav.global-nav > .site-nav-link:hover {
    background: #f4f5f6 !important;
  }

  html body .site-nav.global-nav > .site-contact {
    min-height: 44px !important;
    margin-left: 12px !important;
    padding-inline: 19px !important;
    border-radius: 10px !important;
    background: #1769c2 !important;
    box-shadow: 0 3px 9px rgba(23, 105, 194, .18) !important;
  }

  html body .site-nav.global-nav > .site-contact:hover {
    background: #0f58a5 !important;
  }

  html body .site-nav.global-nav > .site-language {
    min-width: 42px !important;
    min-height: 42px !important;
    margin-left: 6px !important;
    border-radius: 10px !important;
  }
}

@media (min-width: 821px) and (max-width: 1100px) {
  html body .site-nav.global-nav { padding-inline: 18px !important; }
  html body .site-nav.global-nav > .site-brand { margin-right: 12px !important; }
  html body .site-nav.global-nav .etl-trigger,
  html body .site-nav.global-nav > .site-nav-link { padding-inline: 8px !important; font-size: 12px !important; }
  html body .site-nav.global-nav > .site-contact { margin-left: 5px !important; padding-inline: 12px !important; }
}

@media (max-width: 820px) {
  .site-brand-mark {
    width: 45px !important;
    height: 45px !important;
    flex-basis: 45px !important;
  }

  .site-brand-mark img {
    width: 61px !important;
    height: 61px !important;
    transform: translate(-8px, -6px) !important;
  }
}

/* Closing cards share one button system as well as one surface system. */
.site-standard-closing-card :is(.job-cta, .btn, .or-cta),
.site-standard-closing-card > a,
.site-standard-closing-card :is(.next-actions, .tx-next-actions, .or-final-actions) > a {
  display: inline-flex !important;
  min-height: 46px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 21px !important;
  border: 1px solid #101823 !important;
  border-radius: 10px !important;
  background: #101823 !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.site-standard-closing-card :is(.next-actions, .tx-next-actions, .or-final-actions) > a + a {
  border-color: rgba(16, 24, 35, .16) !important;
  background: #fff !important;
  color: #101823 !important;
}

@media (prefers-reduced-motion: reduce) {
  .site-nav *,
  .site-footer * { transition: none !important; }
}

/* desktop footer safe-area alignment */
@media (min-width: 821px) {
  .site-footer .site-footer-tree {
    width: min(1240px, calc(100% - 64px));
    margin-inline: auto;
  }

  .site-footer .site-footer-base {
    width: min(1320px, calc(100% - 80px)) !important;
    margin-inline: auto !important;
  }

  .site-footer > .site-footer-network,
  .site-footer.site-footer-network {
    padding-top: 64px !important;
    padding-bottom: 40px !important;
  }
}

/* Archivo Light balance for the long Operations display title */
.page-etl-operations .ops-hero h1 {
  font-size: clamp(46px, 5vw, 68px) !important;
  line-height: .96 !important;
  letter-spacing: -.04em !important;
}

/* richer compact ETL menu: balanced rows + staged reveal */
.site-nav .etl-dropdown {
  transform-origin: top right;
  transform: translateY(-10px) scale(.965);
  filter: blur(5px);
  transition:
    opacity .18s ease,
    transform .34s cubic-bezier(.16, 1, .3, 1),
    filter .24s ease,
    visibility .18s ease;
}
.site-nav .etl-desktop-menu:hover .etl-dropdown,
.site-nav .etl-desktop-menu:focus-within .etl-dropdown {
  transform: translateY(0) scale(1);
  filter: blur(0);
}
.site-nav .etl-dropdown .etl-dropdown-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) 8px;
  align-items: center;
  gap: 12px;
  min-height: 54px;
  padding: 0 14px;
  opacity: 0;
  transform: translateY(-7px);
  transition:
    opacity .2s ease,
    transform .3s cubic-bezier(.16, 1, .3, 1),
    background .2s ease,
    border-color .2s ease,
    box-shadow .2s ease;
}
.site-nav .etl-desktop-menu:hover .etl-dropdown-item,
.site-nav .etl-desktop-menu:focus-within .etl-dropdown-item {
  opacity: 1;
  transform: translateY(0);
}
.site-nav .etl-desktop-menu:hover .etl-dropdown-item:nth-child(1),
.site-nav .etl-desktop-menu:focus-within .etl-dropdown-item:nth-child(1) { transition-delay: 35ms; }
.site-nav .etl-desktop-menu:hover .etl-dropdown-item:nth-child(2),
.site-nav .etl-desktop-menu:focus-within .etl-dropdown-item:nth-child(2) { transition-delay: 70ms; }
.site-nav .etl-desktop-menu:hover .etl-dropdown-item:nth-child(3),
.site-nav .etl-desktop-menu:focus-within .etl-dropdown-item:nth-child(3) { transition-delay: 105ms; }
.site-nav .etl-desktop-menu:hover .etl-dropdown-item:nth-child(4),
.site-nav .etl-desktop-menu:focus-within .etl-dropdown-item:nth-child(4) { transition-delay: 140ms; }
.site-nav .etl-dropdown .etl-dropdown-item::before {
  min-width: 54px;
  padding: 6px 7px 5px;
  border: 1px solid rgba(16, 20, 26, .09);
  border-radius: 7px;
  background: rgba(16, 20, 26, .035);
  color: #78818e;
  font-family: var(--font-mono);
  font-size: 7px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: .09em;
  text-align: center;
}
.site-nav .etl-dropdown .etl-dropdown-item:nth-child(1)::before { content: "DESIGN"; }
.site-nav .etl-dropdown .etl-dropdown-item:nth-child(2)::before { content: "TRANSFORM"; }
.site-nav .etl-dropdown .etl-dropdown-item:nth-child(3)::before { content: "RUN"; }
.site-nav .etl-dropdown .etl-dropdown-item:nth-child(4)::before { content: "TRACE"; }
.site-nav .etl-dropdown .etl-dropdown-item::after {
  content: "";
  width: 6px;
  height: 6px;
  border-top: 1.5px solid currentColor;
  border-right: 1.5px solid currentColor;
  opacity: .5;
  transform: rotate(45deg);
}
.site-nav .etl-dropdown .etl-dropdown-item strong {
  justify-self: end;
  min-width: 0;
  font-size: 12.5px;
  text-align: right;
}
.site-nav .etl-dropdown .etl-dropdown-item.is-active::before {
  border-color: rgba(255, 255, 255, .16);
  background: rgba(255, 255, 255, .1);
  color: rgba(255, 255, 255, .72);
}
@media (prefers-reduced-motion: reduce) {
  .site-nav .etl-dropdown,
  .site-nav .etl-dropdown .etl-dropdown-item {
    filter: none;
    transform: none;
    transition: none !important;
  }
}

/* Global navigation geometry lock.
   Product pages intentionally inherit typography into their own links/buttons;
   those broad rules must never resize the shared site chrome. */
@media (min-width: 821px) {
  html body .site-nav.global-nav {
    box-sizing: border-box !important;
    top: 18px !important;
    width: 600px !important;
    height: 64px !important;
    min-height: 64px !important;
    padding: 8px 10px !important;
    gap: 4px !important;
    font-family: var(--font-site) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
  }

  html body .site-nav.global-nav > .site-brand {
    min-height: 44px !important;
    padding: 0 14px !important;
    font-family: var(--font-site) !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .06em !important;
  }

  html body .site-nav.global-nav .etl-trigger,
  html body .site-nav.global-nav > .site-nav-link {
    min-height: 44px !important;
    padding: 0 13px !important;
    font-family: var(--font-site) !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: normal !important;
  }

  html body .site-nav.global-nav > .site-contact {
    min-height: 46px !important;
    margin-left: 4px !important;
    padding: 0 18px !important;
    font-family: var(--font-site) !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: normal !important;
  }

  html body .site-nav.global-nav > .site-language {
    width: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 0 12px !important;
    font-family: var(--font-site) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .08em !important;
  }
}

@media (max-width: 820px) {
  html body .site-nav.global-nav {
    box-sizing: border-box !important;
    top: 12px !important;
    right: 12px !important;
    left: 12px !important;
    width: auto !important;
    height: 60px !important;
    min-height: 60px !important;
    padding: 7px 8px !important;
    gap: 4px !important;
    font-family: var(--font-site) !important;
    line-height: 1 !important;
  }

  html body .site-nav.global-nav > .site-brand,
  html body .site-nav.global-nav > .site-mobile-etl,
  html body .site-nav.global-nav > .site-mobile-menu > summary {
    min-height: 44px !important;
    padding: 0 12px !important;
    font-family: var(--font-site) !important;
    line-height: 1 !important;
  }

  html body .site-nav.global-nav > .site-brand {
    font-size: 17px !important;
    font-weight: 700 !important;
    letter-spacing: .06em !important;
  }

  html body .site-nav.global-nav > .site-mobile-etl {
    font-size: 13px !important;
    font-weight: 700 !important;
  }

  html body .site-nav.global-nav > .site-mobile-menu > summary {
    font-size: 12px !important;
    font-weight: 700 !important;
  }
}

/* Final nav lock: this intentionally follows the legacy geometry guard above. */
@media (min-width: 821px) {
  html body .site-nav.global-nav {
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: 80px !important;
    min-height: 80px !important;
    padding: 0 clamp(24px, 4vw, 70px) !important;
    gap: 5px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(16, 20, 26, .09) !important;
    border-radius: 0 !important;
    background: rgba(255, 255, 255, .95) !important;
    box-shadow: 0 8px 28px rgba(16, 20, 26, .045) !important;
    transform: none !important;
  }
  html body .site-nav.global-nav > .site-brand { min-height:64px!important;gap:9px!important;margin-right:auto!important;padding:0 10px 0 0!important;background:transparent!important;color:#10141a!important; }
  html body .site-nav.global-nav > .site-contact { margin-left:10px!important; }
}

@media (min-width: 821px) and (max-width: 1040px) {
  html body .site-nav.global-nav { padding-inline:22px!important;gap:2px!important; }
  html body .site-nav.global-nav .etl-trigger,
  html body .site-nav.global-nav > .site-nav-link { padding-inline:8px!important;font-size:12px!important; }
  html body .site-nav.global-nav > .site-contact { padding-inline:13px!important;font-size:12px!important; }
}

@media (max-width: 820px) {
  html body .site-nav.global-nav { top:0!important;right:0!important;left:0!important;width:100%!important;height:68px!important;min-height:68px!important;padding:4px 12px!important;border:0!important;border-bottom:1px solid rgba(16,20,26,.09)!important;border-radius:0!important;background:rgba(255,255,255,.96)!important;box-shadow:0 8px 24px rgba(16,20,26,.05)!important;transform:none!important; }
  html body .site-nav.global-nav > .site-brand { gap:6px!important;padding-left:0!important; }
}

/* Absolute final header geometry — kept last so page-level typography cannot resize it. */
.site-brand-mark { width:52px!important;height:52px!important;flex:0 0 52px!important;overflow:hidden!important; }
.site-brand-mark img { display:block!important;width:70px!important;max-width:none!important;height:70px!important;object-fit:contain!important;object-position:center!important;transform:translate(-9px,-7px)!important; }

@media (min-width: 821px) {
  html body .site-nav.global-nav {
    top:0!important;right:0!important;left:0!important;
    width:100%!important;max-width:none!important;
    height:76px!important;min-height:76px!important;
    padding:0 clamp(24px,4.2vw,72px)!important;gap:3px!important;
    border:0!important;border-bottom:1px solid #e8e9ec!important;border-radius:0!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 5px 18px rgba(16,20,26,.035)!important;
    transform:none!important;
  }
  html body .site-nav.global-nav>.site-brand { min-height:76px!important;gap:8px!important;margin-right:auto!important;padding:0 22px 0 0!important;background:transparent!important;color:#10141a!important;font-size:16px!important;letter-spacing:.045em!important; }
  html body .site-nav.global-nav .etl-trigger,
  html body .site-nav.global-nav>.site-nav-link { min-height:44px!important;padding-inline:13px!important;border-radius:8px!important;color:#20252d!important;font-size:13.5px!important;font-weight:650!important; }
  html body .site-nav.global-nav .etl-trigger:hover,
  html body .site-nav.global-nav>.site-nav-link:hover { background:#f4f5f6!important; }
  html body .site-nav.global-nav>.site-contact { min-height:44px!important;margin-left:12px!important;padding-inline:19px!important;border-radius:10px!important;background:#1769c2!important;box-shadow:0 3px 9px rgba(23,105,194,.18)!important; }
  html body .site-nav.global-nav>.site-contact:hover { background:#0f58a5!important; }
  html body .site-nav.global-nav>.site-language { width:42px!important;min-width:42px!important;min-height:42px!important;margin-left:6px!important;padding:0!important;border-radius:10px!important; }
}

@media (min-width: 821px) and (max-width: 1040px) {
  html body .site-nav.global-nav { padding-inline:18px!important;gap:1px!important; }
  html body .site-nav.global-nav .etl-trigger,
  html body .site-nav.global-nav>.site-nav-link { padding-inline:7px!important;font-size:11.5px!important; }
  html body .site-nav.global-nav>.site-contact { margin-left:5px!important;padding-inline:11px!important;font-size:11.5px!important; }
}

@media (max-width: 820px) {
  html body .site-nav.global-nav { top:0!important;right:0!important;left:0!important;width:100%!important;height:68px!important;min-height:68px!important;padding:4px 12px!important;border:0!important;border-bottom:1px solid #e8e9ec!important;border-radius:0!important;background:rgba(255,255,255,.98)!important;box-shadow:0 5px 18px rgba(16,20,26,.04)!important;transform:none!important; }
  html body .site-nav.global-nav>.site-brand { gap:5px!important;padding:0!important; }
  .site-brand-mark { width:45px!important;height:45px!important;flex-basis:45px!important; }
  .site-brand-mark img { width:61px!important;height:61px!important;transform:translate(-8px,-6px)!important; }
}

/* Brand mark prominence requested after visual review. */
.site-brand-mark { width:72px!important;height:66px!important;flex-basis:72px!important; }
.site-brand-mark img { width:104px!important;height:104px!important;transform:translate(-16px,-18px)!important; }

@media (max-width: 820px) {
  .site-brand-mark { width:59px!important;height:56px!important;flex-basis:59px!important; }
  .site-brand-mark img { width:86px!important;height:86px!important;transform:translate(-14px,-15px)!important; }
}

/* Centered desktop cluster: brand and actions travel as one compact header group. */
@media (min-width: 821px) {
  html body .site-nav.global-nav { justify-content:center!important; }
  html body .site-nav.global-nav>.site-brand { margin-right:32px!important;padding-right:0!important; }
}
@media (min-width: 821px) and (max-width: 1100px) {
  html body .site-nav.global-nav>.site-brand { margin-right:12px!important; }
}

/* Hawk-ETL product menu: an icon-led product map, inspired by dense enterprise mega menus. */
@media (min-width: 821px) {
  .site-nav .etl-dropdown {
    right:auto!important;
    left:50%!important;
    width:min(680px,calc(100vw - 44px))!important;
    min-width:min(680px,calc(100vw - 44px))!important;
    gap:0!important;
    padding:12px!important;
    overflow:hidden!important;
    border:1px solid #dce3ea!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.985)!important;
    box-shadow:0 30px 78px rgba(15,31,49,.2),inset 0 1px #fff!important;
    transform:translate(-35%,-10px) scale(.975)!important;
    transform-origin:40% top!important;
  }
  .site-nav .etl-desktop-menu:hover .etl-dropdown,
  .site-nav .etl-desktop-menu:focus-within .etl-dropdown {
    transform:translate(-35%,0) scale(1)!important;
  }
  .site-nav .etl-dropdown-head {
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:18px;
    padding:5px 6px 13px;
    border-bottom:1px solid #e6ebf0;
  }
  .site-nav .etl-dropdown-head>span,
  .site-nav .etl-dropdown-label {
    color:#2b70b2;
    font-size:8px;
    font-weight:850;
    letter-spacing:.14em;
  }
  .site-nav .etl-dropdown-head>small {
    color:#718094;
    font-size:10px;
    line-height:1.45;
  }
  .site-nav .etl-dropdown-label { padding:14px 7px 8px; }
  .site-nav .etl-dropdown-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px; }
  .site-nav .etl-dropdown .etl-dropdown-item {
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) auto!important;
    min-height:92px!important;
    align-items:center!important;
    gap:11px!important;
    padding:12px!important;
    border:1px solid #e1e7ed!important;
    border-radius:13px!important;
    background:#f9fafb!important;
    color:#172033!important;
    text-align:left!important;
  }
  .site-nav .etl-dropdown .etl-dropdown-overview {
    grid-template-columns:52px minmax(0,1fr) auto!important;
    min-height:74px!important;
    margin-top:10px;
    border-left:1px solid #e1e7ed!important;
    background:#f2f7fb!important;
  }
  .site-nav .etl-dropdown .etl-dropdown-item::before,
  .site-nav .etl-dropdown .etl-dropdown-item::after { content:none!important;display:none!important; }
  .site-nav .etl-dropdown .etl-dropdown-item:hover,
  .site-nav .etl-dropdown .etl-dropdown-item:focus-visible {
    border-color:#b9d2e7!important;
    background:#fff!important;
    box-shadow:0 12px 26px rgba(35,76,114,.1)!important;
    transform:translateY(-2px)!important;
  }
  .site-nav .etl-dropdown .etl-dropdown-item.is-active {
    border-color:#8eb9dd!important;
    background:#edf6fd!important;
    color:#153c61!important;
    box-shadow:none!important;
  }
  .site-nav .etl-dropdown .etl-dropdown-overview.is-active { border-left-color:#8eb9dd!important; }
  .site-nav .etl-dropdown .etl-dropdown-item>span:nth-child(2) { display:grid;min-width:0;gap:5px; }
  .site-nav .etl-dropdown .etl-dropdown-item strong {
    justify-self:start!important;
    width:auto!important;
    color:inherit!important;
    font-size:12px!important;
    font-weight:750!important;
    line-height:1.2!important;
    text-align:left!important;
  }
  .site-nav .etl-dropdown .etl-dropdown-item small {
    display:block!important;
    color:#748295!important;
    font-size:9px!important;
    line-height:1.4!important;
  }
  .site-nav .etl-dropdown .etl-dropdown-item>i { color:#6b8bab;font-size:14px;font-style:normal; }
  .etl-dropdown-icon {
    display:grid;
    width:42px;
    height:42px;
    place-items:center;
    overflow:hidden;
    border-radius:11px;
    color:#fff;
  }
  .etl-dropdown-icon svg { width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round; }
  .etl-dropdown-icon.is-canvas { background:#2f76bb; }
  .etl-dropdown-icon.is-transform { background:#7655b9; }
  .etl-dropdown-icon.is-orchestration { background:#278468; }
  .etl-dropdown-icon.is-hawk { width:52px;height:48px;background:#eaf3fa; }
  .etl-dropdown-icon.is-hawk img { width:70px!important;max-width:none!important;height:70px!important;object-fit:contain;transform:none!important; }
}

@media (min-width: 821px) and (max-width: 980px) {
  .site-nav .etl-dropdown { left:0!important;transform:translate(-22%,-10px) scale(.975)!important; }
  .site-nav .etl-desktop-menu:hover .etl-dropdown,
  .site-nav .etl-desktop-menu:focus-within .etl-dropdown { transform:translate(-22%,0) scale(1)!important; }
}