/* Shared official-site and Tools navigation geometry. */
:root{
  --bone-faint:#8795a8;
  --faint:#8795a8;
}
#site-header{
  position:sticky!important;
  top:0!important;
  z-index:100!important;
  direction:ltr!important;
  text-align:left!important;
  background:rgba(10,13,18,.92)!important;
  backdrop-filter:blur(14px)!important;
  border-bottom:1px solid rgba(236,231,221,.14)!important;
  box-shadow:0 16px 34px rgba(10,13,18,.18)!important;
  padding:0!important;
  margin:0!important;
}
#site-header .wrap.nav{
  width:100%!important;
  max-width:1240px!important;
  height:58px!important;
  margin:0 auto!important;
  padding:0 28px!important;
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  box-sizing:border-box!important;
  direction:ltr!important;
  text-align:left!important;
}
#site-header .brand{
  display:flex!important;
  align-items:center!important;
  flex:1 1 auto!important;
  min-width:0!important;
  text-decoration:none!important;
  border:0!important;
  padding:0!important;
  color:inherit!important;
}
#site-header .brand-logo{
  display:block!important;
  width:auto!important;
  height:46px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 0 14px rgba(255,106,31,.16))!important;
}
#site-header .navlinks{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  flex:0 1 auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  font-family:var(--body,"Hanken Grotesk",system-ui,sans-serif)!important;
  letter-spacing:0!important;
  text-transform:none!important;
  direction:ltr!important;
  text-align:left!important;
}
#site-header .navlinks a{
  position:relative!important;
  color:#c9d1dd!important;
  font-size:.84rem!important;
  font-family:inherit!important;
  font-weight:400!important;
  line-height:1.6!important;
  letter-spacing:0!important;
  text-transform:none!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  transition:color .2s!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
#site-header .navlinks a:hover,
#site-header .navlinks a:focus{color:#fffaf1!important}
#site-header .navlinks a::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  bottom:-6px!important;
  width:0!important;
  height:1px!important;
  background:var(--signal,#ff6a1f)!important;
  transition:width .25s!important;
}
#site-header .navlinks a:hover::after,
#site-header .navlinks a:focus::after{width:100%!important}
#site-header .navlinks__item{position:relative!important;display:inline-flex!important;align-items:center!important}
#site-header .navlinks__parent{display:inline-flex!important;align-items:center!important;gap:5px!important}
#site-header .navlinks__chevron{font-size:.62rem!important;line-height:1!important;transform:translateY(-1px)!important;color:inherit!important}
#site-header .nav-dropdown{
  position:absolute!important;
  top:calc(100% + 16px)!important;
  left:50%!important;
  right:auto!important;
  z-index:110!important;
  min-width:214px!important;
  padding:8px!important;
  border:1px solid rgba(236,231,221,.14)!important;
  background:rgba(10,13,18,.98)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.34)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateX(-50%) translateY(-4px)!important;
  transition:opacity .16s,transform .16s,visibility .16s!important;
}
#site-header .nav-dropdown::before{content:""!important;position:absolute!important;left:0!important;right:0!important;top:-18px!important;height:18px!important}
#site-header .navlinks__item:hover .nav-dropdown,
#site-header .navlinks__item:focus-within .nav-dropdown{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateX(-50%) translateY(0)!important;
}
#site-header .nav-dropdown a{
  display:block!important;
  color:#c9d1dd!important;
  font-family:var(--body,"Hanken Grotesk",system-ui,sans-serif)!important;
  font-size:.78rem!important;
  line-height:1.45!important;
  padding:9px 10px!important;
  border-radius:6px!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  background:transparent!important;
  transition:color .2s,background .2s!important;
}
#site-header .nav-dropdown a::after{display:none!important}
#site-header .nav-dropdown a:hover,
#site-header .nav-dropdown a:focus{color:#ff8a3d!important;background:rgba(255,106,31,.08)!important}
#site-header .lang-switch{
  display:inline-flex!important;
  align-items:center!important;
  position:relative!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
  font-family:var(--mono,"IBM Plex Mono",ui-monospace,monospace)!important;
  font-size:.68rem!important;
  line-height:1.6!important;
  letter-spacing:.1em!important;
  color:#c9d1dd!important;
  white-space:nowrap!important;
  direction:ltr!important;
  text-align:left!important;
}
#site-header .lang-switch__trigger{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  border:1px solid rgba(236,231,221,.22)!important;
  background:rgba(236,231,221,.06)!important;
  color:#c9d1dd!important;
  font:inherit!important;
  letter-spacing:inherit!important;
  line-height:1!important;
  border-radius:999px!important;
  padding:8px 10px!important;
  cursor:pointer!important;
  transition:color .2s,border-color .2s,background .2s!important;
}
#site-header .lang-switch__trigger:hover,
#site-header .lang-switch.is-open .lang-switch__trigger,
#site-header .lang-switch:focus-within .lang-switch__trigger{color:#ff8a3d!important;border-color:rgba(255,106,31,.45)!important;background:rgba(255,106,31,.08)!important}
#site-header .lang-switch__trigger span{color:inherit!important}
#site-header .lang-switch__chevron{font-size:.62rem!important;letter-spacing:0!important;transform:translateY(-1px)!important}
#site-header .lang-switch__menu{
  position:absolute!important;
  top:100%!important;
  right:0!important;
  z-index:115!important;
  min-width:154px!important;
  padding:7px!important;
  border:1px solid rgba(236,231,221,.16)!important;
  background:rgba(10,13,18,.98)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.34)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(-4px)!important;
  transition:opacity .16s,transform .16s,visibility .16s!important;
}
#site-header .lang-switch:hover .lang-switch__menu,
#site-header .lang-switch.is-open .lang-switch__menu,
#site-header .lang-switch:focus-within .lang-switch__menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important}
#site-header .lang-switch__menu a{display:block!important;color:#c9d1dd!important;text-decoration:none!important;padding:8px 10px!important;border-radius:6px!important;transition:color .2s,background .2s!important}
#site-header .lang-switch__menu a:hover,
#site-header .lang-switch__menu a.is-active{color:#ff8a3d!important;background:rgba(255,106,31,.08)!important}
#site-header .lang-switch__menu a[lang="ar"]{direction:rtl!important;text-align:right!important}
#site-header .nav-actions-redesign{display:flex!important;align-items:center!important;gap:12px!important;flex:0 0 auto!important;margin:0!important;padding:0!important}
#site-header .nav-store-menu{position:relative!important;display:inline-flex!important;align-items:center!important}
#site-header .nav-dropdown--store{left:auto!important;right:0!important;min-width:232px!important;transform:translateY(-4px)!important}
#site-header .nav-store-menu:hover .nav-dropdown--store,
#site-header .nav-store-menu:focus-within .nav-dropdown--store{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important}
#site-header .nav-store-cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-height:34px!important;
  padding:8px 13px!important;
  border:1px solid rgba(255,106,31,.72)!important;
  background:var(--signal,#ff6a1f)!important;
  color:#fffaf1!important;
  border-radius:999px!important;
  font-family:var(--mono,"IBM Plex Mono",ui-monospace,monospace)!important;
  font-size:.68rem!important;
  font-weight:700!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  box-shadow:0 10px 24px rgba(255,106,31,.18)!important;
  transition:background .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s!important;
}
#site-header .nav-store-cta:hover,
#site-header .nav-store-cta:focus{background:transparent!important;color:#ff8a3d!important;border-color:#ff8a3d!important;transform:translateY(-1px)!important;box-shadow:0 14px 28px rgba(255,106,31,.16)!important}
#site-header .mobile-toggle{display:none!important;width:38px!important;height:38px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;border:1px solid rgba(236,231,221,.22)!important;background:rgba(236,231,221,.06)!important;border-radius:999px!important;padding:0!important;cursor:pointer!important}
#site-header .mobile-toggle span{display:block!important;width:16px!important;height:1px!important;background:#ece7dd!important;transition:transform .2s,opacity .2s!important}
#site-header .mobile-toggle.is-active span:nth-child(1){transform:translateY(6px) rotate(45deg)!important}
#site-header .mobile-toggle.is-active span:nth-child(2){opacity:0!important}
#site-header .mobile-toggle.is-active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)!important}
.mobile-menu--redesign{display:none!important}
.mobile-menu__group{border-bottom:1px solid rgba(236,231,221,.1)!important}
.mobile-menu__group summary{list-style:none!important;cursor:pointer!important}
.mobile-menu__group summary::-webkit-details-marker{display:none!important}
.mobile-menu__group .mobile-menu__link{display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:0!important}
.mobile-menu__group summary::after{content:"+"!important;margin-left:16px!important;color:#ff6a1f!important;font-family:var(--mono,"IBM Plex Mono",ui-monospace,monospace)!important;font-size:1.1rem!important;font-weight:500!important}
.mobile-menu__group[open] summary::after{content:"−"!important}
.mobile-menu__group-items{display:grid!important;padding:0 0 10px!important}
.mobile-menu__link--primary{font-weight:800!important}
@media(max-width:960px){
  #site-header .wrap.nav{padding:0 20px!important;gap:12px!important}
  #site-header .navlinks{display:none!important}
  #site-header .nav-store-menu{display:none!important}
  #site-header .mobile-toggle{display:flex!important}
  .mobile-menu--redesign{
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:58px!important;
    bottom:0!important;
    z-index:99!important;
    align-items:flex-start!important;
    overflow-y:auto!important;
    padding:18px 20px 32px!important;
    background:#0a0d12!important;
    color:#ece7dd!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-8px)!important;
    transition:opacity .18s,transform .18s,visibility .18s!important;
  }
  .mobile-menu--redesign.is-open{display:flex!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important}
  .mobile-menu--redesign .mobile-menu__nav{width:100%!important;max-width:720px!important;margin:0 auto!important;direction:ltr!important;text-align:left!important}
  .mobile-menu--redesign .mobile-menu__link{display:flex!important;width:100%!important;color:#ece7dd!important;font-family:var(--body,"Hanken Grotesk",system-ui,sans-serif)!important;font-size:1rem!important;line-height:1.4!important;padding:14px 0!important;border-bottom:1px solid rgba(236,231,221,.1)!important;text-decoration:none!important;background:transparent!important}
  .mobile-menu--redesign .mobile-menu__sublink{display:block!important;color:#9aa6b6!important;font-family:var(--body,"Hanken Grotesk",system-ui,sans-serif)!important;font-size:.92rem!important;line-height:1.45!important;border:0!important;padding:8px 0 8px 18px!important;text-decoration:none!important;background:transparent!important}
  .mobile-menu--redesign .mobile-menu__link--store{color:#ff8a3d!important;font-weight:800!important}
}
@media(min-width:961px){
  #site-header .mobile-toggle{display:none!important}
  .mobile-menu--redesign{display:none!important}
}
@media(max-width:430px){
  #site-header .wrap.nav{padding:0 18px!important;gap:10px!important}
  #site-header .brand{flex:0 0 auto!important}
  #site-header .brand-logo{height:48px!important}
  #site-header .nav-actions-redesign{gap:0!important}
  #site-header .lang-switch{font-size:.6rem!important;letter-spacing:.06em!important}
  #site-header .lang-switch__trigger{padding:7px 9px!important}
  #site-header .lang-switch__menu{min-width:146px!important}
}
@media(prefers-reduced-motion:reduce){
  #site-header *,
  .mobile-menu--redesign{transition:none!important}
}