:root { color-scheme: dark; --page-gutter: clamp(20px, 5vw, 96px); }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #2e2a74; }
body > div { width: 100% !important; max-width: 1920px !important; height: auto !important; min-height: 100vh; margin: auto; }
body > div > header { height: auto !important; min-height: 112px; gap: 24px; padding: 20px var(--page-gutter) !important; }
body > div > section, body > div > footer { padding-left: var(--page-gutter) !important; padding-right: var(--page-gutter) !important; }
body > div > section:first-of-type { min-height: 720px; padding-top: clamp(48px, 7vw, 128px) !important; padding-bottom: clamp(48px, 7vw, 128px) !important; }
body > div > section:first-of-type > div:first-of-type { min-width: 0; }
#top h1 { font-size: clamp(44px, 4.3vw, 80px) !important; max-width: 780px; }
#top .consensus { flex: 0 1 720px; padding: clamp(20px, 2vw, 36px); }
body > div > section:first-of-type h1 { text-wrap: balance; }
img, svg { max-width: 100%; }
.leadership-headshot { display: block; flex: 0 0 auto; width: 200px; height: 250px; object-fit: cover; border-radius: 6px; }
a { color: inherit; }
a:focus-visible, button:focus-visible { outline: 3px solid #ffde59; outline-offset: 5px; }
#main-content { position: absolute; width: 1px; height: 1px; }
.skip-link { position: fixed; top: 12px; left: 12px; z-index: 100; padding: 12px 20px; background: #ffde59; color: #24254f; transform: translateY(-160%); }
.skip-link:focus { transform: none; }
.resource-pending { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.resource-pending small { font: 10px Arial, sans-serif; letter-spacing: .06em; text-transform: uppercase; border: 1px solid currentColor; border-radius: 3px; padding: 3px 5px; opacity: .8; }
.menu-toggle { display: none; font: 14px Arial, sans-serif; color: #ffde59; background: transparent; border: 1px solid #606cb2; padding: 12px 18px; border-radius: 4px; }
@media (max-width: 1400px) {
  body > div > header nav { gap: 18px !important; font-size: 13px !important; }
  body > div > section:first-of-type { gap: 40px !important; }
  body > div > section:first-of-type > div[style*="flex: 0 0"] { flex: 0 1 44% !important; min-width: 0; }
  body > div > section:first-of-type > div:first-of-type > div:last-child { flex-wrap: wrap; }
  article[style*="display: flex;"][style*="gap: 32px"] { flex-direction: column; }
  article > div[style*="flex: 0 0 200px"] { flex-basis: auto !important; }
}
@media (max-width: 1000px) {
  body > div > section div[style*="display: flex"]:not([style*="flex-direction: column"]) { flex-wrap: wrap; }
  body > div > section > div[style*="justify-content: space-between"], body > div > section[style*="justify-content: space-between"] { flex-direction: column; align-items: flex-start !important; gap: 24px !important; }
  body > div > section [style*="flex-shrink: 0"] { flex-shrink: 1 !important; }
  body > div > section [style*="flex: 1 1 0"] { min-width: 0; }
  body > div > section div[style*="gap: 28px; align-items: stretch"] { flex-direction: column; }
  body > div > header { flex-wrap: wrap; }
  body > div > header nav { width: 100%; flex-wrap: wrap; gap: 18px !important; }
  .js .menu-toggle { display: block; }
  .js body > div > header nav:not(.is-open) { display: none !important; }
  .js body > div > header nav.is-open { display: flex !important; }
  body > div > section:first-of-type { flex-direction: column; align-items: stretch !important; min-height: auto; }
  body > div > section:first-of-type > div[style*="flex: 0 0"] { flex-basis: auto !important; }
  #top .consensus { flex-basis: auto; max-width: 720px; width: 100%; align-self: center; }
  body > div > section:first-of-type h1 { font-size: clamp(40px, 6vw, 68px) !important; }
  body > div > section div[style*="display: grid"], body > div > section[style*="display: grid"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  #integrations { flex-direction: column; align-items: stretch !important; }
  #integrations > div:first-child { flex-basis: auto !important; }
  body > div > footer { flex-wrap: wrap; gap: 36px !important; }
  body > div > footer nav { flex-wrap: wrap; }
}
@media (max-width: 600px) {
  body > div > section div[style*="gap: 40px; align-items: stretch"] { flex-direction: column; }
  body > div > header { min-height: 88px; padding-top: 12px !important; padding-bottom: 12px !important; }
  body > div > header > a { gap: 10px !important; }
  body > div > header > a img:first-child { height: 48px !important; }
  body > div > header > a img:last-child { height: 24px !important; }
  body > div > header nav { flex-direction: column; align-items: stretch !important; padding-bottom: 12px; }
  body > div > header nav a { padding: 10px 0; }
  body > div > section { padding-top: 48px !important; padding-bottom: 48px !important; gap: 28px !important; }
  body > div > section div[style*="display: grid"], body > div > section[style*="display: grid"] { grid-template-columns: 1fr !important; }
  body > div > section > div[style*="justify-content: space-between"] { flex-direction: column; align-items: flex-start !important; gap: 20px; }
  body > div > section[style*="justify-content: space-between"], body > div > footer { flex-direction: column; align-items: stretch !important; }
  body > div > section h2 { font-size: clamp(28px, 8vw, 40px) !important; }
  body > div > section:first-of-type p { font-size: 18px !important; }
  body > div > section:first-of-type > div:first-of-type > div:last-child { flex-wrap: wrap; }
  body > div > section > div, article, article > div { min-width: 0; }
  #contact > div { flex-basis: auto !important; }
  body > div > footer nav { gap: 24px !important; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
