/* Staffstream Marketing — page-specific additions on top of ../tokens.css and ../styles.css */

/* Company name next to the logo mark in the nav */
.nav-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.nav-logo-name {
  font-family: var(--font-sans);
  font-weight: var(--w-semibold);
  font-size: 16px;
  letter-spacing: var(--tr-tight);
  color: var(--fg1);
}

/* Quote section brand mark — real logo instead of the placeholder glyph */
.avatar-logo {
  background: var(--slate-900);
  padding: 9px;
}
.avatar-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Hide the WhatsApp button in the navbar on mobile — Book Free Demo stays */
@media (max-width: 640px) {
  .nav-whatsapp-btn { display: none; }
}

/* Footer social links */
.ftr-social {
  display: flex;
  gap: 14px;
  margin-top: 4px;
}
.ftr-social a {
  font-size: 12.5px;
  color: rgba(236,238,241,0.6);
}
.ftr-social a:hover {
  color: var(--teal-300);
}

/* Hero WhatsApp chat preview, replaces the org-tree visual from the AI platform site */
.chat-thread {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 14px 0 18px;
}
.chat-bubble {
  max-width: 82%;
  padding: 9px 13px;
  border-radius: var(--r-lg);
  font-size: 12.5px;
  line-height: 1.4;
}
.chat-bubble.in {
  align-self: flex-start;
  background: var(--slate-800);
  color: var(--fg-on-dark);
  border-bottom-left-radius: var(--r-xs);
}
.chat-bubble.out {
  align-self: flex-end;
  background: var(--teal-600);
  color: #fff;
  border-bottom-right-radius: var(--r-xs);
}

/* "Who we serve" signal chips */
.quote-signals {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
}
.signal-chip {
  font-family: var(--font-sans);
  font-size: var(--t-body-sm);
  color: var(--fg2);
  background: var(--bg-elevated);
  border: 1px solid var(--border-strong);
  border-radius: var(--r-pill);
  padding: 9px 16px;
  box-shadow: var(--shadow-xs);
}