/* Chips (sales classifiers) */
.chips { display:flex; gap:8px; flex-wrap:wrap; margin:10px 0 0; }
.chip {
  display:inline-flex; align-items:center; gap:6px;
  font-size:12px; font-weight:600; letter-spacing:.02em;
  padding:6px 10px; border-radius:999px; border:1px solid rgba(255,255,255,.08);
  background: var(--chip-bg, #222); color: var(--chip-fg, #fff);
}

/* Classifier colors */
.chip.si { --chip-bg:#1e3a8a; --chip-fg:#e6efff; }   /* Sales Intelligence */
.chip.so { --chip-bg:#7e22ce; --chip-fg:#f3e8ff; }   /* Sales Operations */
.chip.ps { --chip-bg:#0f766e; --chip-fg:#e6fffb; }   /* Pre-Sales Automation */
.chip.lg { --chip-bg:#b45309; --chip-fg:#fff7ed; }   /* Lead Gen / Enrichment */
.chip.cp { --chip-bg:#334155; --chip-fg:#e2e8f0; }   /* Cloud Platform */
.chip.ce { --chip-bg:#0369a1; --chip-fg:#e0f2fe; }   /* Customer Engagement */
.badge.prospecting { background:#1e3a8a; color:#e6efff; } /* deep blue */
.badge.qualifying  { background:#0f766e; color:#e6fffb; } /* teal */
.badge.contact     { background:#d66707; color:#e0f2fe; } /* azure */
.badge.pos         { background:#facc15; color:#111;    } /* yellow (Point of Sale) */
.badge.all         { background:#e22dc1; color:#111;    } 
.legend { display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; }
.legend .chip { opacity:.85 }

/* Yellow badge */
.badge {
  display: inline-block;
  background: #facc15;         /* yellow */
  color: #111;                  /* dark text */
  padding: 6px 10px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: .02em;
}
.content .badge {
  float: right;                 /* top-right inside content */
  margin-left: 8px;
  margin-bottom: 6px;
}

/* Header (reused from landing page) */
.site-header{
  position:sticky; top:0; z-index:50;
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 20px; background:var(--bg); border-bottom:1px solid rgba(255,255,255,.06);
}

.brand-link{
  display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--text);
}
.brand-mark{
  width:36px; height:36px; object-fit:cover; border-radius:8px; display:block;
}
.brand-word{
  font-weight:800; letter-spacing:.02em; font-size:18px;
}

/* Header actions */
.header-actions{ display:flex; align-items:center; gap:10px; }
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:8px 12px; border-radius:10px; text-decoration:none; font-weight:600;
  border:1px solid transparent; transition:.15s ease-in-out;
}
.btn-secondary{
  color:var(--text); background:transparent; border-color:rgba(255,255,255,.12);
}
.btn-secondary:hover{ border-color:var(--ring); }

/* Optional: tighten hero under sticky header */
.page-hero{ margin-top:18px; }