/* Unfire primary navigation — one understated surface at every viewport size.
   Exactly three landmarks: brand, centered seven-link navigation, assistant icon.
   At truly narrow viewports navigation continues directly beneath them inside
   the SAME bar without a second panel, stripe, overlay, or colored status dot. */
header[data-unfire-old-header="true"] {display:none!important}
html body #unfire-clean-header-v2 {
  position:relative!important;
  display:block!important;
  isolation:isolate;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  background:#1d1d1f!important;
  color:#f5f5f7!important;
}
html body #unfire-clean-header-v2 .unfire-clean-mainbar {
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.085)!important;
  background:#1d1d1f!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html body #unfire-clean-header-v2 .unfire-clean-inner {
  position:relative!important;
  display:grid!important;
  box-sizing:border-box!important;
  grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr)!important;
  grid-template-rows:54px!important;
  justify-items:stretch!important;
  align-items:center!important;
  align-content:center!important;
  width:min(1200px,calc(100% - 40px))!important;
  min-width:0!important;
  max-width:1200px!important;
  min-height:54px!important;
  height:auto!important;
  margin:0 auto!important;
  padding:0!important;
  gap:0!important;
  transform:none!important;
}
html body #unfire-clean-header-v2 .unfire-clean-brand {
  display:inline-flex!important;
  position:static!important;
  grid-column:1!important;
  grid-row:1!important;
  flex:none!important;
  justify-self:start!important;
  align-self:center!important;
  align-items:center!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  height:54px!important;
  min-height:0!important;
  margin:0!important;
  /* Line up the dragon and wordmark with the 960px hero column,
     while keeping the central navigation and assistant fixed. */
  margin-left:clamp(0px,calc((100vw - 1000px)/2),120px)!important;
  padding:0!important;
  white-space:nowrap!important;
}
html body #unfire-clean-header-v2 .unfire-clean-nav {
  display:flex!important;
  position:static!important;
  grid-column:2!important;
  grid-row:1!important;
  flex:none!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  justify-self:center!important;
  align-self:center!important;
  width:max-content!important;
  max-width:none!important;
  min-width:0!important;
  height:54px!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  gap:clamp(9px,1.45vw,19px)!important;
  border:0!important;
  background:transparent!important;
  overflow:visible!important;
  transform:none!important;
  translate:none!important;
}
html body #unfire-clean-header-v2 .unfire-clean-nav a {
  display:inline-flex!important;
  position:static!important;
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#b9b9bf!important;
  font-size:clamp(10.7px,1vw,12px)!important;
  font-weight:450!important;
  letter-spacing:normal!important;
  line-height:1.3!important;
  text-align:center!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  transition:color .15s ease;
}
html body #unfire-clean-header-v2 .unfire-clean-nav a:hover,
html body #unfire-clean-header-v2 .unfire-clean-nav a:focus-visible {color:#fff!important}
html body #unfire-clean-header-v2 .unfire-clean-nav a:focus-visible {
  outline:2px solid #f5f5f7!important;
  outline-offset:2px!important;
  border-radius:4px!important;
}
html body #unfire-clean-header-v2 #ask-unfire-host {
  display:block!important;
  position:relative!important;
  grid-column:3!important;
  grid-row:1!important;
  justify-self:end!important;
  align-self:center!important;
  width:44px!important;
  min-width:44px!important;
  max-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0!important;
}
/* Widths below ~700px cannot accommodate accessible link targets
   beside the brand and icon: keep one continuous surface and center the
   unchanged navigation on a compact second content line. */
@media (max-width:700px) {
  html body #unfire-clean-header-v2 .unfire-clean-inner {
    grid-template-columns:minmax(0,1fr) 42px!important;
    grid-template-rows:48px 40px!important;
    width:calc(100% - 28px)!important;
    max-width:none!important;
    height:auto!important;
    min-height:88px!important;
    gap:0!important;
  }
  html body #unfire-clean-header-v2 .unfire-clean-brand {
    grid-column:1!important;
    grid-row:1!important;
    height:48px!important;
    margin-left:0!important;
  }
  html body #unfire-clean-header-v2 #ask-unfire-host {
    grid-column:2!important;
    grid-row:1!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
  }
  html body #unfire-clean-header-v2 .unfire-clean-nav {
    grid-column:1/-1!important;
    grid-row:2!important;
    justify-self:center!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:40px!important;
    min-height:40px!important;
    margin:0!important;
    padding:0!important;
    justify-content:center!important;
    gap:clamp(6px,2.2vw,13px)!important;
  }
  html body #unfire-clean-header-v2 .unfire-clean-nav a {
    height:40px!important;
    min-height:40px!important;
    font-size:clamp(9.5px,2.5vw,11.5px)!important;
  }
  #company,#work,#audio,#system,#scale,#funding {scroll-margin-top:98px!important}
}
@media (max-width:350px) {
  html body #unfire-clean-header-v2 .unfire-clean-inner {width:calc(100% - 20px)!important}
  html body #unfire-clean-header-v2 .unfire-clean-nav {gap:clamp(4px,1.3vw,7px)!important}
  html body #unfire-clean-header-v2 .unfire-clean-nav a {font-size:9.3px!important}
}
@media (prefers-reduced-motion:reduce) {
  html body #unfire-clean-header-v2 .unfire-clean-nav a {transition:none!important}
}
/* Keep the compact Ask panel above website content only when open. */
#unfire-clean-header-v2:has(#ask-unfire-host.is-open) {z-index:2147483000!important}

/* 2026-10-23: Safe, predictable navigation for translated mobile labels.
   Tablet widths get a dedicated navigation row; narrow phones get two
   four-link rows so nothing bleeds into the viewport edges or overlaps. */
@media (max-width:920px) {
  html body #unfire-clean-header-v2 .unfire-clean-inner {
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 44px!important;
    grid-template-rows:56px minmax(48px,auto)!important;
    width:calc(100% - 40px)!important;
    max-width:none!important;
    min-height:104px!important;
    height:auto!important;
    margin:0 auto!important;
    padding:0!important;
    gap:0!important;
  }
  html body #unfire-clean-header-v2 .unfire-clean-brand {
    grid-column:1!important;
    grid-row:1!important;
    height:56px!important;
    margin-left:0!important;
    min-width:0!important;
  }
  html body #unfire-clean-header-v2 #ask-unfire-host {
    grid-column:2!important;
    grid-row:1!important;
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
  }
  html body #unfire-clean-header-v2 .unfire-clean-nav {
    box-sizing:border-box!important;
    grid-column:1/-1!important;
    grid-row:2!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-self:stretch!important;
    align-self:stretch!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:48px!important;
    height:auto!important;
    margin:0!important;
    padding:4px 6px 8px!important;
    gap:clamp(6px,1.3vw,15px)!important;
    overflow:hidden!important;
    transform:none!important;
  }
  html body #unfire-clean-header-v2 .unfire-clean-nav a {
    box-sizing:border-box!important;
    flex:0 1 auto!important;
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:40px!important;
    padding:4px 1px!important;
    font-size:clamp(10px,1.35vw,12px)!important;
    line-height:1.25!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    text-align:center!important;
  }
  #company,#work,#audio,#system,#scale,#funding {scroll-margin-top:112px!important}
}
@media (max-width:700px) {
  html body #unfire-clean-header-v2 .unfire-clean-inner {
    grid-template-rows:56px minmax(92px,auto)!important;
    width:calc(100% - 40px)!important;
    min-height:148px!important;
  }
  html body #unfire-clean-header-v2 .unfire-clean-nav {
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(42px,auto))!important;
    align-content:center!important;
    justify-content:stretch!important;
    justify-items:stretch!important;
    gap:4px 6px!important;
    padding:4px 6px 10px!important;
    min-height:92px!important;
    overflow:visible!important;
  }
  html body #unfire-clean-header-v2 .unfire-clean-nav a {
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    flex:none!important;
    width:100%!important;
    height:auto!important;
    min-height:42px!important;
    padding:5px 2px!important;
    margin:0!important;
    font-size:clamp(10px,2.85vw,12px)!important;
    line-height:1.25!important;
    font-weight:450!important;
    letter-spacing:0!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    hyphens:auto;
  }
  #company,#work,#audio,#system,#scale,#funding {scroll-margin-top:154px!important}
}


/* Mobile-first refinement · 23 Oct 2026
   Closed: one 56px bar (identity · menu · assistant). Expanded:
   links remain in document flow instead of covering page content.
   Only enabled once the accessible JS controller is ready; with JS off
   the existing navigation remains available. */
html body #unfire-clean-header-v2 #unfire-mobile-menu-toggle {
  display:none!important;
}
@media(max-width:920px) {
  html.unfire-nav-ready body #unfire-clean-header-v2,
  html.unfire-nav-ready body #unfire-clean-header-v2 .unfire-clean-mainbar {
    height:auto!important;
    min-height:56px!important;
  }
  html.unfire-nav-ready body #unfire-clean-header-v2 .unfire-clean-inner {
    display:grid!important;
    box-sizing:border-box!important;
    grid-template-columns:minmax(0,1fr) 44px 44px!important;
    grid-template-rows:56px!important;
    align-items:center!important;
    justify-items:stretch!important;
    column-gap:6px!important;
    row-gap:0!important;
    width:calc(100% - 32px - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px))!important;
    max-width:720px!important;
    min-height:56px!important;
    height:auto!important;
    margin-inline:auto!important;
    padding:0!important;
  }
  html.unfire-nav-ready body #unfire-clean-header-v2 .unfire-clean-brand {
    position:static!important;
    grid-column:1!important;
    grid-row:1!important;
    display:inline-flex!important;
    flex:initial!important;
    justify-self:start!important;
    align-items:center!important;
    gap:8px!important;
    min-width:0!important;
    max-width:100%!important;
    width:auto!important;
    height:56px!important;
    min-height:56px!important;
    margin:0!important;
  }
  html.unfire-nav-ready body #unfire-clean-header-v2 .unfire-header-logo {
    flex:0 0 auto!important;
    width:auto!important;
    height:25px!important;
    max-width:32px!important;
  }
  html.unfire-nav-ready body #unfire-clean-header-v2 .unfire-header-name {
    font-size:15px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
  }
  html.unfire-nav-ready body #unfire-clean-header-v2 #unfire-mobile-menu-toggle {
    display:inline-flex!important;
    grid-column:2!important;
    grid-row:1!important;
    align-items:center!important;
    justify-content:center!important;
    justify-self:center!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    color:#f5f5f7!important;
    background:transparent!important;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }
  html.unfire-nav-ready body #unfire-clean-header-v2 #unfire-mobile-menu-toggle[aria-expanded="true"] {
    background:rgba(255,255,255,.11)!important;
  }
  html.unfire-nav-ready body #unfire-clean-header-v2 #unfire-mobile-menu-toggle:focus-visible {
    outline:2px solid #f5f5f7!important;
    outline-offset:2px!important;
  }
  html.unfire-nav-ready body #unfire-clean-header-v2 #ask-unfire-host {
    position:relative!important;
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:center!important;
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0!important;
  }
  html.unfire-nav-ready body #unfire-clean-header-v2 .unfire-clean-nav {
    display:none!important;
    grid-column:1/-1!important;
    grid-row:2!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:6px 0 14px!important;
    transform:none!important;
    overflow:visible!important;
  }
  html.unfire-nav-ready body #unfire-clean-header-v2.is-menu-open .unfire-clean-inner {
    grid-template-rows:56px auto!important;
  }
  html.unfire-nav-ready body #unfire-clean-header-v2.is-menu-open .unfire-clean-nav {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:none!important;
    grid-auto-rows:minmax(44px,auto)!important;
    align-content:start!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    justify-items:stretch!important;
    gap:4px 8px!important;
  }
  html.unfire-nav-ready body #unfire-clean-header-v2.is-menu-open .unfire-clean-nav a {
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    height:auto!important;
    margin:0!important;
    padding:9px 12px!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.035)!important;
    color:#d6d6dc!important;
    font-size:14px!important;
    line-height:1.35!important;
    letter-spacing:0!important;
    text-align:start!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    hyphens:auto!important;
  }
  html.unfire-nav-ready body #unfire-clean-header-v2.is-menu-open .unfire-clean-nav a:hover,
  html.unfire-nav-ready body #unfire-clean-header-v2.is-menu-open .unfire-clean-nav a:focus-visible {
    background:rgba(255,255,255,.085)!important;
    color:#fff!important;
  }
  #company,#work,#audio,#system,#scale,#funding {scroll-margin-top:68px!important}
}
@media(max-width:700px) {
  /* Give the content the space reclaimed from the old two-row nav. */
  html body #top .hero .uf-hero-title {
    font-size:clamp(31px,8.6vw,45px)!important;
    line-height:1.075!important;
    max-width:100%!important;
    overflow-wrap:break-word!important;
  }
  html body #top .hero {
    padding-top:clamp(45px,7vh,68px)!important;
    padding-bottom:52px!important;
  }
  html body #top .hero p {
    font-size:clamp(14px,3.7vw,16px)!important;
    line-height:1.58!important;
    overflow-wrap:break-word!important;
  }
}
@media(max-width:360px) {
  html.unfire-nav-ready body #unfire-clean-header-v2 .unfire-clean-inner {
    width:calc(100% - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px))!important;
    column-gap:3px!important;
  }
  html.unfire-nav-ready body #unfire-clean-header-v2 .unfire-header-name {
    font-size:14px!important;
  }
  html.unfire-nav-ready body #unfire-clean-header-v2.is-menu-open .unfire-clean-nav a {
    font-size:13px!important;
    padding-inline:9px!important;
  }
}
