.brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.brand-mark{
  width:42px;
  height:42px;
  border-radius:12px;
  background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  flex-shrink:0;
  box-shadow:var(--shadow-md);
}
.brand-mark::after{
  content:"";
  position:absolute;
  right:-3px;
  bottom:-3px;
  width:14px;
  height:14px;
  border-radius:5px;
  background:var(--accent);
  border:2px solid var(--surface);
}
.brand-mark svg{width:22px;height:22px;color:#fff}
.brand-text{display:flex;flex-direction:column;min-width:0}
.brand-name{font-weight:800;font-size:15px;color:var(--text);letter-spacing:-.01em}
.brand-sub{font-size:11px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.08em}