/* B2B Agent brand layer for internal pages (hub, admin, innovation tools).
   Load after a page's own <style> so these tokens win. Public pages (/, /funding, /lenders)
   carry the same tokens inline. */
:root {
  --b2b-navy: #0A1628;
  --b2b-navy-2: #102038;
  --b2b-ink: #0B1B2B;
  --b2b-body: #334155;
  --b2b-muted: #64748B;
  --b2b-line: #E2E8F0;
  --b2b-bg: #F8FAFC;
  --b2b-brand: #059669;
  --b2b-brand-bright: #10B981;
  --b2b-brand-soft: #ECFDF5;
  --b2b-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --b2b-display: 'Inter Tight', 'Inter', system-ui, sans-serif;
}

body { -webkit-font-smoothing: antialiased; }

header.topbar {
  background: linear-gradient(180deg, var(--b2b-navy) 0%, var(--b2b-navy-2) 100%);
  border-bottom: 1px solid rgba(148, 163, 184, 0.14);
}
header.topbar > :first-child:not(:has(.brand-lockup)) {
  padding-left: 40px;
  background: url("/static/b2bagent-mark.svg") no-repeat left center / 28px 28px;
  min-height: 32px;
}
.brand-lockup {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  text-decoration: none;
  color: inherit;
  min-width: 0;
}
.brand-lockup img { width: 32px; height: 32px; display: block; flex: none; }
.brand-lockup-text { display: flex; flex-direction: column; line-height: 1.15; min-width: 0; }
.brand-lockup-name {
  font-family: var(--b2b-display);
  font-weight: 700;
  font-size: 1.02rem;
  letter-spacing: -0.015em;
  color: #fff;
}
.brand-lockup-tag {
  margin-top: 2px;
  font-size: 0.72rem;
  font-weight: 500;
  color: #94A3B8;
  white-space: nowrap;
}
.brand-lockup.on-light .brand-lockup-name { color: var(--b2b-ink); }
.brand-lockup.on-light .brand-lockup-tag { color: var(--b2b-muted); }
header.topbar .brand-lockup + h1 { margin-top: 0.4rem; font-size: 0.82rem; font-weight: 600; color: #E2E8F0; }
@media (max-width: 720px) {
  .brand-lockup-tag { white-space: normal; }
}
header.topbar h1,
header.topbar .brand,
header.topbar .brand-name {
  font-family: var(--b2b-display);
  letter-spacing: -0.015em;
}

::selection { background: rgba(16, 185, 129, 0.25); }
:focus-visible { outline: 2px solid var(--b2b-brand-bright); outline-offset: 2px; }