.navbar{
  position:fixed;
  inset:0 0 auto 0;
  z-index:var(--z-nav);
  background:var(--color-background);
  border-bottom:1px solid var(--color-border);
  transition:border-color .3s, box-shadow .3s
}
.navbar-inner{
  max-width:var(--container-max);
  margin:auto;
  padding:1rem var(--gutter);
  display:flex;
  align-items:center;
  gap:clamp(.75rem,2vw,1.5rem)
}
.brand{
  display:flex;
  align-items:center;
  gap:.7rem;
  min-width:0;
  text-decoration:none;
  color:var(--color-primary)
}
.brand-logo{width:44px;height:44px;border-radius:10px;object-fit:cover;background:#fff;padding:3px}
.brand-text{
  display:flex;
  flex-direction:column;
  line-height:1.1
}
.brand-text strong{
  font-family:var(--font-display);
  font-weight:400;
  font-size:var(--fs-h3);
  line-height:1
}
.brand-text small{
  font-family:var(--font-body);
  font-weight:400;
  font-size:var(--fs-caption);
  letter-spacing:0.04em;
  color:var(--color-accent);
  text-transform:uppercase
}
.brand-mark{
  width:42px;height:42px;
  border-radius:12px;
  background:var(--color-primary);
  display:grid;
  place-items:center;
  color:#fff;
  font-weight:400
}
.nav-links{
  display:flex;
  gap:2.5rem;
  margin-left:auto;
  list-style:none
}
.nav-links a{
  text-decoration:none;
  font-family:var(--font-body);
  font-weight:400;
  font-size:var(--fs-small);
  color:var(--color-text);
  opacity:0.7;
  transition:opacity .2s, color .2s
}
.nav-links a.active,
.nav-links a:hover{
  opacity:1;
  color:var(--color-accent)
}
.menu-btn{
  display:none;
  margin-left:auto;
  background:none;
  border:1px solid var(--color-border);
  border-radius:var(--radius-md);
  padding:.55rem .8rem
}
@media(max-width:1100px){
  .nav-links{display:none}
  .menu-btn{display:block}
  .navbar .nav-cta{display:none}
}

@media(max-width:480px){
  .navbar-inner{gap:.75rem}
  .brand{flex:0 0 auto;gap:.5rem}
  .brand-logo{width:40px;height:40px}
  .brand-text{min-width:0}
  .brand-text strong{font-size:clamp(.9rem,4.2vw,1.1rem);white-space:nowrap}
  .brand-text small{font-size:.625rem}
  .menu-btn{flex:0 0 auto;padding:.55rem .65rem}
}