.topbar{
  position:sticky;top:0;z-index:100;
  background:rgba(255,255,255,0.9);
  backdrop-filter: blur(10px);
  border-bottom:1px solid rgba(0,0,0,0.06);
}
.topbar-inner{
  max-width:1000px;margin:0 auto;padding:12px 16px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
}
.brand{
  display:flex;align-items:center;gap:10px;
  font-weight:800;text-decoration:none;color:#111;letter-spacing:-0.01em;
}
.brand-logo{display:block;border-radius:8px}
.topnav{
  display:flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:flex-end;
}
.topnav a{text-decoration:none;color:#111;opacity:0.82}
.topnav a:hover{opacity:1}
.pill{
  padding:6px 10px;border:1px solid rgba(0,0,0,0.15);
  border-radius:999px;font-size:12px;opacity:0.95;background:#fff;
  white-space:nowrap;
}