.clientbar{
  position:sticky;top:0;z-index:999;
  border-bottom:1px solid rgba(255,255,255,.10);
  background:rgba(11,15,22,.92);
  backdrop-filter: blur(8px);
}
.clientbar .inner{
  max-width:1180px;margin:0 auto;padding:10px 18px;
  display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;
}
.tag{
  display:inline-flex;align-items:center;gap:8px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;padding:8px 10px;font-weight:1000;font-size:12px;background:rgba(255,255,255,.03)
}
.progress{width:180px;height:10px;border-radius:999px;border:1px solid rgba(255,255,255,.10);overflow:hidden;background:rgba(255,255,255,.03)}
.progress span{display:block;height:100%;width:0%;background:rgba(0,171,243,.45)}
.secondary{
  padding:10px 12px;border-radius:12px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.03);
  color:rgba(255,255,255,.92);
  font-weight:1000;font-size:12px;cursor:pointer;
}
.btnlink{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}

/* Branding: logo in client bar */
.clientbrand{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.clientbrand img{height:34px;width:auto;display:block}
@media (max-width:980px){ .clientbrand img{height:28px} }