/* UEB shared navigation system · classic normalized desktop + mobile */
:root{
  --ueb-menu-black:#05080d;
  --ueb-menu-ink:#080f18;
  --ueb-menu-gold:#c8963a;
  --ueb-menu-gold-soft:#ddb05c;
  --ueb-menu-gold-line:rgba(200,150,58,.28);
  --ueb-menu-text:#eef2f6;
  --ueb-menu-muted:#9ab2c4;
  --ueb-menu-dim:#5f788b;
  --ueb-menu-line:rgba(255,255,255,.10);
  --ueb-menu-line-strong:rgba(255,255,255,.17);
  --ueb-menu-h:66px;
}

html.menu-open,
body.menu-open{
  overflow:hidden!important;
}

#nav{
  position:fixed!important;
  inset:0 0 auto 0!important;
  z-index:5000!important;
  width:100%!important;
  height:var(--ueb-menu-h)!important;
  background:rgba(5,8,13,.965)!important;
  border-bottom:1px solid var(--ueb-menu-gold-line)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(18px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
  font-family:Barlow,Arial,sans-serif!important;
}

#nav,
#nav *,
#mob-menu,
#mob-menu *{
  box-sizing:border-box!important;
}

#nav .nav-line{
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,var(--ueb-menu-gold) 42%,var(--ueb-menu-gold-soft) 58%,transparent)!important;
  opacity:.55!important;
}

#nav .nav-i{
  width:100%!important;
  max-width:1360px!important;
  height:var(--ueb-menu-h)!important;
  margin:0 auto!important;
  padding:0 clamp(18px,3.2vw,46px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}

#nav .nav-brand{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  color:var(--ueb-menu-text)!important;
  text-decoration:none!important;
  flex:0 0 auto!important;
}

#nav .nav-brand img{
  display:block!important;
  width:44px!important;
  height:44px!important;
  max-width:44px!important;
  max-height:44px!important;
  flex:0 0 44px!important;
  object-fit:contain!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  opacity:1!important;
  background:transparent!important;
}

#nav .nav-brand-b{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:3px!important;
  line-height:1!important;
}

#nav .nav-tag{
  display:block!important;
  margin:0!important;
  font-family:"JetBrains Mono",monospace!important;
  font-size:7px!important;
  line-height:1!important;
  font-weight:500!important;
  letter-spacing:2.1px!important;
  color:var(--ueb-menu-gold)!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

#nav .nav-name{
  display:block!important;
  margin:0!important;
  font-family:Barlow,Arial,sans-serif!important;
  font-size:13px!important;
  line-height:1.05!important;
  font-weight:600!important;
  letter-spacing:.15px!important;
  color:var(--ueb-menu-text)!important;
  text-transform:none!important;
  white-space:nowrap!important;
}

#nav .nav-links{
  min-width:0!important;
  height:var(--ueb-menu-h)!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:center!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  border-left:1px solid var(--ueb-menu-line)!important;
  flex:1 1 auto!important;
}

#nav .nav-links>a,
#nav .nav-dd-trigger{
  position:relative!important;
  height:var(--ueb-menu-h)!important;
  min-width:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  margin:0!important;
  padding:0 clamp(9px,.88vw,15px)!important;
  border:0!important;
  border-right:1px solid var(--ueb-menu-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:rgba(216,225,236,.74)!important;
  font-family:"JetBrains Mono",monospace!important;
  font-size:8.5px!important;
  line-height:1!important;
  font-weight:500!important;
  letter-spacing:1.35px!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  transition:color .18s ease,background-color .18s ease!important;
}

#nav .nav-links>a:hover,
#nav .nav-dd-trigger:hover,
#nav .nav-links>a.active,
#nav .nav-dd-trigger.active,
#nav .nav-dd.open .nav-dd-trigger,
#nav .nav-dd:hover .nav-dd-trigger,
#nav .nav-dd:focus-within .nav-dd-trigger{
  color:var(--ueb-menu-gold-soft)!important;
  background:rgba(200,150,58,.055)!important;
}

#nav .nav-links>a.active::after,
#nav .nav-dd-trigger.active::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:1px!important;
  background:var(--ueb-menu-gold)!important;
  opacity:.82!important;
}

#nav .nav-dd{
  position:relative!important;
  height:var(--ueb-menu-h)!important;
  display:inline-flex!important;
  align-items:stretch!important;
}

#nav .nav-dd-arrow,
#nav .lang-arrow{
  width:6px!important;
  height:6px!important;
  margin-left:2px!important;
  border-right:1px solid currentColor!important;
  border-bottom:1px solid currentColor!important;
  transform:rotate(45deg) translateY(-2px)!important;
  transition:transform .18s ease!important;
}

#nav .nav-dd.open .nav-dd-arrow,
#nav .nav-dd:hover .nav-dd-arrow,
#nav .nav-dd:focus-within .nav-dd-arrow,
#nav .lang-sel.open .lang-arrow{
  transform:rotate(225deg) translate(-2px,-1px)!important;
}

#nav .nav-dd-menu,
#nav .lang-dd{
  position:absolute!important;
  top:var(--ueb-menu-h)!important;
  right:auto!important;
  left:0!important;
  min-width:220px!important;
  margin:0!important;
  padding:7px 0!important;
  border:1px solid var(--ueb-menu-gold-line)!important;
  border-top:0!important;
  border-radius:0!important;
  background:rgba(5,8,13,.99)!important;
  box-shadow:0 22px 54px rgba(0,0,0,.38)!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:translateY(-7px)!important;
  transition:opacity .18s ease,transform .18s ease!important;
  z-index:5100!important;
}

#nav .nav-dd.open .nav-dd-menu,
#nav .nav-dd:hover .nav-dd-menu,
#nav .nav-dd:focus-within .nav-dd-menu,
#nav .lang-sel.open .lang-dd{
  opacity:1!important;
  pointer-events:auto!important;
  transform:translateY(0)!important;
}

#nav .nav-dd-menu a,
#nav .lang-opt{
  min-height:38px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:0!important;
  padding:0 16px!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.065)!important;
  border-radius:0!important;
  background:transparent!important;
  color:rgba(216,225,236,.76)!important;
  font-family:"JetBrains Mono",monospace!important;
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:500!important;
  letter-spacing:1.05px!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  transition:color .18s ease,background-color .18s ease!important;
}

#nav .nav-dd-menu a:last-child,
#nav .lang-opt:last-child{
  border-bottom:0!important;
}

#nav .nav-dd-menu a:hover,
#nav .nav-dd-menu a.active,
#nav .lang-opt:hover,
#nav .lang-opt.active{
  color:var(--ueb-menu-gold-soft)!important;
  background:rgba(200,150,58,.075)!important;
}

#nav .nav-r{
  height:var(--ueb-menu-h)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
  flex:0 0 auto!important;
}

#nav .nav-clock{
  min-width:78px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:center!important;
  gap:2px!important;
  text-align:right!important;
  font-family:"JetBrains Mono",monospace!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:500!important;
  letter-spacing:.8px!important;
  color:var(--ueb-menu-muted)!important;
  font-variant-numeric:tabular-nums!important;
  white-space:nowrap!important;
}

#nav .nav-clock-lbl{
  color:var(--ueb-menu-dim)!important;
  letter-spacing:1.8px!important;
  text-transform:uppercase!important;
}

#nav .lang-sel{
  position:relative!important;
  overflow:visible!important;
  z-index:5101!important;
}

#nav .lang-btn{
  height:34px!important;
  min-width:50px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  margin:0!important;
  padding:0 10px!important;
  border:1px solid var(--ueb-menu-line-strong)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--ueb-menu-muted)!important;
  font-family:"JetBrains Mono",monospace!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:600!important;
  letter-spacing:1.2px!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
  transition:border-color .18s ease,color .18s ease,background-color .18s ease!important;
}

#nav .lang-btn:hover,
#nav .lang-sel.open .lang-btn{
  border-color:var(--ueb-menu-gold-line)!important;
  color:var(--ueb-menu-gold-soft)!important;
  background:rgba(200,150,58,.055)!important;
}

#nav .lang-dd{
  left:auto!important;
  right:0!important;
  top:calc(100% + 16px)!important;
  min-width:150px!important;
  border-top:1px solid var(--ueb-menu-gold-line)!important;
}

#nav .lang-opt-code{
  color:var(--ueb-menu-gold)!important;
  font-family:"JetBrains Mono",monospace!important;
  font-weight:700!important;
}

#nav .lang-opt-name{
  color:inherit!important;
}

#nav .nav-cta{
  height:36px!important;
  min-height:36px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0 16px!important;
  border:1px solid var(--ueb-menu-gold-line)!important;
  border-radius:0!important;
  background:rgba(200,150,58,.075)!important;
  box-shadow:none!important;
  color:var(--ueb-menu-gold-soft)!important;
  font-family:"JetBrains Mono",monospace!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:600!important;
  letter-spacing:1.25px!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease!important;
}

#nav .nav-cta:hover,
#nav .nav-cta.active{
  border-color:rgba(221,176,92,.55)!important;
  background:rgba(200,150,58,.13)!important;
  color:var(--ueb-menu-text)!important;
}

#nav .nav-mob{
  width:40px!important;
  height:40px!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  gap:5px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid var(--ueb-menu-line-strong)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  cursor:pointer!important;
}

#nav .nav-mob span{
  width:18px!important;
  height:1.5px!important;
  display:block!important;
  background:var(--ueb-menu-text)!important;
  border-radius:0!important;
}

#nav a:focus-visible,
#nav button:focus-visible,
#nav .lang-btn:focus-visible,
#mob-menu a:focus-visible,
#mob-menu button:focus-visible,
#mob-menu [role="button"]:focus-visible{
  outline:2px solid var(--ueb-menu-gold)!important;
  outline-offset:4px!important;
}

#mob-menu{
  position:fixed!important;
  inset:0!important;
  width:auto!important;
  height:100dvh!important;
  z-index:4900!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  padding:86px 24px 40px!important;
  overflow:auto!important;
  border:0!important;
  background:rgba(5,8,13,.99)!important;
  box-shadow:none!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:none!important;
  transition:opacity .26s ease!important;
  backdrop-filter:blur(22px)!important;
  -webkit-backdrop-filter:blur(22px)!important;
  font-family:Barlow,Arial,sans-serif!important;
}

#mob-menu.open{
  opacity:1!important;
  pointer-events:auto!important;
  transform:none!important;
}

#mob-menu .mob-close{
  position:absolute!important;
  top:20px!important;
  right:20px!important;
  width:44px!important;
  height:44px!important;
  float:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  border:1px solid var(--ueb-menu-line-strong)!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--ueb-menu-text)!important;
  font-family:"JetBrains Mono",monospace!important;
  font-size:20px!important;
  line-height:1!important;
  cursor:pointer!important;
}

#mob-menu .mob-links{
  width:min(100%,460px)!important;
  max-width:460px!important;
  clear:none!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:center!important;
  gap:0!important;
}

#mob-menu .mob-links>a,
#mob-menu .mob-partners-h{
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin:0!important;
  padding:14px 0!important;
  border:0!important;
  border-bottom:1px solid var(--ueb-menu-line)!important;
  color:rgba(238,242,246,.74)!important;
  background:transparent!important;
  font-family:"Barlow Condensed",Barlow,Arial,sans-serif!important;
  font-size:clamp(28px,8vw,46px)!important;
  line-height:.98!important;
  font-weight:300!important;
  letter-spacing:.015em!important;
  text-align:left!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
}

#mob-menu .mob-links>a.active,
#mob-menu .mob-sub a.active{
  color:var(--ueb-menu-gold-soft)!important;
}

#mob-menu .mob-partners-h{
  cursor:pointer!important;
}

#mob-menu .mob-partners-arrow{
  color:var(--ueb-menu-gold)!important;
  font-family:"JetBrains Mono",monospace!important;
  font-size:14px!important;
  transition:transform .2s ease!important;
}

#mob-menu .mob-partners-h.open .mob-partners-arrow{
  transform:rotate(180deg)!important;
}

#mob-menu .mob-sub{
  display:grid!important;
  gap:0!important;
  max-height:0!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0 0 0 18px!important;
  transition:max-height .28s ease,padding-top .28s ease,padding-bottom .28s ease!important;
}

#mob-menu .mob-sub.open{
  max-height:540px!important;
  padding-top:6px!important;
  padding-bottom:8px!important;
}

#mob-menu .mob-sub a{
  min-height:0!important;
  display:block!important;
  margin:0!important;
  padding:10px 0!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.065)!important;
  color:var(--ueb-menu-muted)!important;
  background:transparent!important;
  font-family:"JetBrains Mono",monospace!important;
  font-size:10px!important;
  line-height:1.25!important;
  font-weight:500!important;
  letter-spacing:1.15px!important;
  text-align:left!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
}

#mob-menu .mob-lang{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  margin-top:26px!important;
}

#mob-menu .mob-lang a,
#mob-menu .mob-lang-btn{
  min-width:46px!important;
  min-height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0 12px!important;
  border:1px solid var(--ueb-menu-line-strong)!important;
  border-radius:0!important;
  color:var(--ueb-menu-muted)!important;
  background:transparent!important;
  font-family:"JetBrains Mono",monospace!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:600!important;
  letter-spacing:1.25px!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
}

#mob-menu .mob-lang a.active,
#mob-menu .mob-lang-btn.active{
  border-color:var(--ueb-menu-gold-line)!important;
  background:rgba(200,150,58,.075)!important;
  color:var(--ueb-menu-gold-soft)!important;
}

@media (min-width:981px) and (max-width:1240px){
  #nav .nav-i{
    gap:12px!important;
    padding-left:22px!important;
    padding-right:22px!important;
  }

  #nav .nav-brand-b{
    display:none!important;
  }

  #nav .nav-links>a,
  #nav .nav-dd-trigger{
    padding-left:8px!important;
    padding-right:8px!important;
    font-size:8px!important;
    letter-spacing:1px!important;
  }

  #nav .nav-clock{
    display:none!important;
  }

  #nav .nav-cta{
    padding-left:12px!important;
    padding-right:12px!important;
  }
}

@media (max-width:980px){
  #nav{
    height:64px!important;
  }

  #nav .nav-i{
    height:64px!important;
    width:100%!important;
    padding-left:20px!important;
    padding-right:20px!important;
    display:flex!important;
  }

  #nav .nav-links,
  #nav .nav-clock,
  #nav .nav-cta{
    display:none!important;
  }

  #nav .nav-r{
    margin-left:auto!important;
    height:64px!important;
  }

  #nav .nav-mob{
    display:flex!important;
  }

  #nav .lang-btn{
    height:38px!important;
    min-width:50px!important;
  }
}

@media (max-width:620px){
  #nav .nav-i{
    padding-left:16px!important;
    padding-right:16px!important;
  }

  #nav .nav-brand img{
    width:40px!important;
    height:40px!important;
    max-width:40px!important;
    max-height:40px!important;
    flex-basis:40px!important;
  }

  #nav .nav-brand-b{
    display:none!important;
  }

  #mob-menu{
    justify-content:flex-start!important;
    align-items:stretch!important;
    padding:92px 24px 38px!important;
  }

  #mob-menu .mob-links{
    width:100%!important;
    max-width:none!important;
  }
}

/* Final guard: blog.css and older inline blocks must never resize the shared menu. */
body #nav{
  min-width:0!important;
  max-width:none!important;
}

body #nav .nav-i{
  width:100%!important;
  max-width:1360px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

@media (min-width:1241px){
  body #nav .nav-i{
    padding-left:46px!important;
    padding-right:46px!important;
  }
}

@media (max-width:980px){
  body #nav .nav-i{
    max-width:none!important;
  }
}