/* One company header for the homepage and public information pages. */
:is(.home-page, .marketing-page) .public-site-header {
  position: sticky; top: 0; z-index: 50; display: flex; flex-direction: row; align-items: center;
  justify-content: space-between; gap: 32px; width: 100%; min-height: 152px;
  margin: 0; padding: 10px clamp(20px, 3.7vw, 56px);
  border: 0; border-bottom: 4px solid #124F3D; border-radius: 0;
  color: #090D0E; background: #fff; box-shadow: none; backdrop-filter: none;
}
.marketing-page .public-site-header.generator-login-header { width: 100%; min-height: 152px; margin: 0; padding: 10px clamp(20px, 3.7vw, 56px); border: 0; border-bottom: 4px solid #124F3D; border-radius: 0; background: #fff; }
:is(.home-page, .marketing-page) .public-site-header.is-scrolled { box-shadow: 0 7px 18px rgb(18 79 61 / 8%); }
:is(.home-page, .marketing-page) .public-site-header .public-site-brand {
  display: inline-flex; align-items: center; gap: 14px; min-width: 0;
  color: #090D0E; text-decoration: none;
}
/* Suppress legacy hydrated marks only inside the public company header. */
:is(.home-page, .marketing-page) .public-site-header .public-site-brand::before,
:is(.home-page, .marketing-page) .public-site-header .public-site-brand::after,
:is(.home-page, .marketing-page) .public-site-header .public-site-brand > .generator-login-logo {
  content: none;
  display: none;
}
:is(.home-page, .marketing-page) .public-site-header .public-site-brand > img { width: 124px; height: 124px; flex: 0 0 124px; object-fit: contain; }
:is(.home-page, .marketing-page) .public-site-header .public-site-wordmark {
  display: flex; flex-wrap: nowrap; gap: .17em;
  color: #090D0E; font: 700 clamp(2.7rem, 6.8vw, 6.4rem)/.95 "Bebas Neue", "Arial Narrow", sans-serif;
  letter-spacing: -.025em; text-transform: uppercase; white-space: nowrap;
}
:is(.home-page, .marketing-page) .public-site-header .public-site-wordmark > span { color: #090D0E; }
:is(.home-page, .marketing-page) .public-site-header .public-site-nav { display: flex; flex-wrap: nowrap; width: auto; align-items: center; gap: clamp(22px, 3.3vw, 52px); overflow: visible; }
:is(.home-page, .marketing-page) .public-site-header .public-site-nav a {
  position: relative; display: inline-flex; align-items: center; min-height: 44px;
  padding: 8px 0; border: 0; border-radius: 0; opacity: 1;
  color: #090D0E; background: transparent;
  font: 650 clamp(1.05rem, 1.6vw, 1.5rem)/1.2 "Oswald", "Arial Narrow", sans-serif;
  text-decoration: none; white-space: nowrap;
}
:is(.home-page, .marketing-page) .public-site-header .public-site-nav a::after { position: absolute; right: 0; bottom: 2px; left: 0; height: 3px; content: ""; background: #124F3D; transform: scaleX(0); transform-origin: right; transition: transform 160ms ease; }
:is(.home-page, .marketing-page) .public-site-header .public-site-nav a:hover::after,
:is(.home-page, .marketing-page) .public-site-header .public-site-nav a:focus-visible::after { transform: scaleX(1); transform-origin: left; }
:is(.home-page, .marketing-page) .public-site-header .public-site-nav-toggle {
  display: none; align-items: center; justify-content: center; gap: 8px;
  min-width: 44px; min-height: 44px; padding: 4px; border: 0; border-radius: 0;
  color: #090D0E; background: transparent; cursor: pointer;
}
:is(.home-page, .marketing-page) .public-site-header .public-site-nav-toggle span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
:is(.home-page, .marketing-page) .public-site-header .public-site-nav-toggle svg { width: 36px; height: 36px; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; }
:is(.home-page, .marketing-page) .public-site-header :focus-visible { outline: 3px solid #124F3D; outline-offset: 5px; }
@media (max-width: 1180px) {
  :is(.home-page, .marketing-page) .public-site-header { gap: 22px; }
  :is(.home-page, .marketing-page) .public-site-header .public-site-wordmark { font-size: clamp(2.5rem, 4.8vw, 4.5rem); }
  :is(.home-page, .marketing-page) .public-site-header .public-site-brand > img { width: 88px; height: 88px; flex-basis: 88px; }
  :is(.home-page, .marketing-page) .public-site-header .public-site-nav { gap: 24px; }
}
@media (max-width: 780px) {
  :is(.home-page, .marketing-page) .public-site-header,
  .marketing-page .public-site-header.generator-login-header { min-height: 86px; gap: 10px; padding-top: 7px; padding-bottom: 7px; }
  :is(.home-page, .marketing-page) .public-site-header .public-site-brand { gap: 9px; }
  :is(.home-page, .marketing-page) .public-site-header .public-site-brand > img { width: 64px; height: 64px; flex-basis: 64px; }
  :is(.home-page, .marketing-page) .public-site-header .public-site-wordmark { gap: .14em; font-size: clamp(2.6rem, 12.3vw, 3rem); }
  :is(.home-page, .marketing-page) .public-site-header .public-site-nav-toggle { display: inline-flex; flex: 0 0 44px; }
  :is(.home-page, .marketing-page) .public-site-header .public-site-nav { position: absolute; top: 100%; right: 0; left: 0; display: none; width: auto; margin: 0; padding: 12px clamp(20px, 3.7vw, 56px) 18px; border-bottom: 3px solid #124F3D; background: #fff; }
  :is(.home-page, .marketing-page) .public-site-header .public-site-nav.is-open { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 20px; }
  :is(.home-page, .marketing-page) .public-site-header .public-site-nav a { min-height: 48px; padding: 8px 0; font-size: 1.1rem; }
  :is(.home-page, .marketing-page) .public-site-header .public-site-nav a::after { display: none; }
}
@media (max-width: 380px) {
  :is(.home-page, .marketing-page) .public-site-header,
  .marketing-page .public-site-header.generator-login-header { gap: 6px; padding-right: 12px; padding-left: 12px; }
  :is(.home-page, .marketing-page) .public-site-header .public-site-brand { gap: 7px; }
  :is(.home-page, .marketing-page) .public-site-header .public-site-brand > img { width: 54px; height: 54px; flex-basis: 54px; }
  :is(.home-page, .marketing-page) .public-site-header .public-site-wordmark { font-size: clamp(2.1rem, 11.25vw, 2.4rem); }
  :is(.home-page, .marketing-page) .public-site-header .public-site-nav-toggle { flex-basis: 40px; min-width: 40px; }
}
@media (prefers-reduced-motion: reduce) {
  :is(.home-page, .marketing-page) .public-site-header .public-site-nav a::after { transition: none; }
}