@import url('/experience/shell/site-fonts.css?v=20261012ui1');
/* Navigation geometry and menu treatments from the deployed homepage. */
body.inner.public-topbar { --chrome-h: 88px; --chrome-scale: 1; }
body.inner.public-topbar :is(.masthead, .site-menu) {
  --text: #f4f7f8; --muted: #b4c5d0; --blue: #b3d9eb;
  --line: rgba(185, 209, 225, .2);
  --font: 'Sora', 'Segoe UI', sans-serif;
  --site-gutter: clamp(20px, 4vw, 64px); --site-width: 1280px;
  font-family: var(--font); color: var(--text);
}
body.inner.public-topbar .masthead {
  top: 0; width: 100%; opacity: 1; transform: none; z-index: 80;
  padding-top: var(--safe-top); background: #05070b;
  border-bottom: 1px solid transparent; backdrop-filter: none;
}
body.inner.public-topbar .masthead.is-scrolled { background: #05070b; border-bottom: 1px solid var(--line); backdrop-filter: none; }
body.inner.public-topbar .masthead .masthead-inner {
  width: min(var(--site-width), calc(100% - 2 * var(--site-gutter))); height: 88px; margin: 0 auto;
  padding: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 30px; border: 0; border-radius: 0; background: none; box-shadow: none;
  backdrop-filter: none; -webkit-backdrop-filter: none;
}
body.inner.public-topbar .masthead-inner::before { display: none; }
body.inner.public-topbar .masthead :is(.brand, .header-tools) { opacity: 1; transform: none; animation: none; }
body.inner.public-topbar .site-brand { display: inline-flex; align-items: center; justify-self: start; grid-column: 1; grid-row: 1; min-height: 44px; flex: none; }
body.inner.public-topbar .site-brand img { width: 148px; height: auto; aspect-ratio: 9 / 2; object-fit: contain; filter: none; }
body.inner.public-topbar .site-nav { display: flex; align-items: center; grid-column: 2; grid-row: 1; justify-self: center; gap: 28px; font-size: 13px; }
body.inner.public-topbar .site-nav a { position: relative; display: inline-flex; align-items: center; min-height: 44px; color: var(--muted); }
body.inner.public-topbar .site-nav a:hover,
body.inner.public-topbar .site-nav a[aria-current] { color: var(--text); }
body.inner.public-topbar .site-nav a[aria-current]::after { content: ''; position: absolute; bottom: 3px; height: 1px; left: 0; right: 0; background: var(--blue); }
body.inner.public-topbar .header-tools { justify-self: end; grid-column: 3; grid-row: 1; gap: 18px; font-family: var(--font); text-shadow: none; }
body.inner.public-topbar .header-tools .nav-links { display: flex; align-items: center; min-height: 44px; }
body.inner.public-topbar .header-tools .nav-links > :is(a, button, span) { display: inline-flex; align-items: center; min-height: 44px; font-size: 12px; color: var(--text); font-family: var(--font); }
body.inner.public-topbar .menu-btn { min-width: 58px; min-height: 44px; padding: 10px 13px; border: 1px solid var(--line); border-radius: 8px; background: none; color: var(--text); font: 400 12px/1.4 var(--font); text-transform: none; letter-spacing: 0; }
body.inner.public-topbar .menu-btn:hover { border-color: #8098a7; background: #15212c; }
body.inner.public-topbar .nav-account { gap: 8px; }
body.inner.public-topbar .nav-account > span:not(.nav-avatar) { max-width: 8em; }
body.inner.public-topbar .site-menu { background: #080d14; padding: calc(var(--safe-top) + 120px) var(--site-gutter) 50px; overflow-y: auto; backdrop-filter: none; }
body.inner.public-topbar .site-menu-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(230px, .55fr); gap: 72px; width: min(var(--site-width), 100%); margin: auto; align-items: end; }
body.inner.public-topbar .site-menu .overlay-nav__list { margin: 0; width: 100%; max-width: none; gap: 6px; }
body.inner.public-topbar .site-menu .overlay-idx { display: none; }
body.inner.public-topbar .site-menu .overlay-nav__list > :is(a, button, span) { min-height: 52px; padding: 7px 0; font-family: var(--font); font-size: clamp(24px, 3.2vw, 44px); line-height: 1.3; letter-spacing: -.03em; color: var(--text); }
body.inner.public-topbar .site-menu .overlay-nav__list > :is(a, button):hover { color: var(--blue); }
body.inner.public-topbar .site-menu-note { padding-bottom: 8px; }
body.inner.public-topbar .site-menu-note p { max-width: 15ch; font-size: 27px; line-height: 1.5; color: var(--muted); }
body.inner.public-topbar .site-menu-note a { font-size: 13px; letter-spacing: 0; color: var(--blue); }
body.inner.public-topbar :is(.masthead, .site-menu) :is(a, button):focus-visible { outline: 2px solid var(--blue); outline-offset: 4px; }
@media (max-width: 980px) {
  body.inner.public-topbar .masthead .masthead-inner { gap: 20px; }
  body.inner.public-topbar .site-nav { gap: 20px; }
  body.inner.public-topbar .site-brand img { width: 128px; }
  body.inner.public-topbar .nav-account > span:not(.nav-avatar) { display: none; }
}
@media (max-width: 719px) {
  body.inner.public-topbar { --chrome-h: 72px; }
  body.inner.public-topbar .masthead .masthead-inner { height: 72px; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 10px; }
  body.inner.public-topbar .site-nav { display: flex; font-size: 12px; }
  body.inner.public-topbar .site-nav a:not(.site-nav-about) { display: none; }
  body.inner.public-topbar .header-tools { gap: 8px; }
  body.inner.public-topbar .site-brand img { width: clamp(88px, 25vw, 118px); }
  body.inner.public-topbar .header-tools .nav-links > :is(a, button, span) { font-size: 11px; }
  body.inner.public-topbar .menu-btn { min-width: 44px; padding-inline: 7px; }
  body.inner.public-topbar .site-menu { padding-top: calc(var(--safe-top) + 100px); }
  body.inner.public-topbar .site-menu-layout { grid-template-columns: minmax(0, 1fr); gap: 30px; align-items: start; }
  body.inner.public-topbar .site-menu .overlay-nav__list > :is(a, button, span) { min-height: 48px; font-size: clamp(22px, 6vw, 32px); }
  body.inner.public-topbar .site-menu-note p { font-size: 18px; max-width: none; margin: 0 0 8px; }
}