/* Shared public navigation: one size and layout on HTML and PHP pages. */
.nav{padding:17px 0;border-bottom:1px solid transparent}
.nav.scrolled,.nav.menu-visible{background:rgba(7,17,14,.94);border-bottom-color:var(--line);backdrop-filter:blur(14px)}
.nav-inner{height:58px;gap:28px}
.brand-wrap{gap:10px}
.brand{width:40px;height:40px}
.nav .brand img{width:42px;height:42px;object-fit:contain;display:block;content:normal;filter:none}
.brand-text{display:flex;flex-direction:column;line-height:1.05}
.brand-title{font-size:13px;font-weight:800;letter-spacing:.2em}
.brand-sub{margin-top:5px;font-size:9px;font-weight:600;letter-spacing:.24em;color:var(--muted)}
.nav-links{gap:2px}
.nav-links a,.nav-links a.active{padding:9px 10px;border:0;border-radius:0;background:none;color:rgba(244,247,245,.66);font-size:12px;font-weight:600;letter-spacing:.02em}
.nav-links a:hover,.nav-links a.active{border:0;background:none;color:#fff}
.nav-links a.nav-account,.nav-links a.nav-account.active{margin-left:4px;border:0;background:none;color:rgba(244,247,245,.66)}
.nav-links a.nav-account:hover,.nav-links a.nav-account.active{color:#fff}
.nav-links a.cta{margin-left:8px;padding:9px 14px;border:1px solid rgba(56,211,159,.72);border-radius:0;background:transparent;color:var(--accent);font-size:12px}
.nav-links a.cta:hover{background:rgba(56,211,159,.1);color:#f4f7f5}
@media(max-width:760px){
  .nav{padding:8px 0}
  .nav-inner{height:54px}
  .brand-text{display:flex!important}
  .brand-title{font-size:10px}
  .brand-sub{font-size:7px}
  .nav-links{inset:74px 16px auto;background:#07110e;backdrop-filter:none}
  .nav-links a,.nav-links a.active{padding:13px 14px;font-size:14px}
  .nav-links a.nav-account{margin:6px 0 0}
  .nav-links a.cta{margin:6px 0 0;text-align:center}
}