/* Ronin Monk Headquarters — Automation & Delivery surface (v1).
 * Page-scoped additions only: the pipeline chain visual and the homepage
 * signal-strip teaser. Everything else on this surface reuses existing
 * styles.css classes (.band, .band-alt, .cards, .service-card, .faq-grid,
 * .service-detail-list, .btn) with no changes to the shared stylesheet. */

.pipeline-chain {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: .5rem .3rem;
  max-width: 920px;
  margin: 0 auto 1.8rem;
  text-align: center;
}
.pipeline-chain span[role="listitem"] {
  font-family: var(--font-sans);
  font-size: .82rem;
  letter-spacing: .03em;
  color: var(--mist-1);
  background: var(--obsidian-2);
  border: 1px solid rgba(196, 160, 98, .25);
  border-radius: 999px;
  padding: .38rem .85rem;
  white-space: nowrap;
}
.pipeline-chain .pipeline-gate {
  color: var(--obsidian-1);
  background: var(--brass-1);
  border-color: var(--brass-2);
  font-weight: 600;
}
.pipeline-arrow {
  color: var(--brass-3);
  font-size: .8rem;
}
.pipeline-pullquote {
  max-width: 640px;
  margin: 0 auto 1.8rem;
  padding: 1.1rem 1.4rem;
  text-align: center;
  border-left: 3px solid var(--brass-1);
  border-radius: 4px;
  background: rgba(196, 160, 98, .06);
}
.pipeline-pullquote p {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(1rem, 2.2vw, 1.25rem);
  color: var(--mist-1);
  letter-spacing: .01em;
}

/* Homepage signal strip (index.html, directly after the hero) */
.band-signal {
  background: linear-gradient(180deg, var(--obsidian-1), var(--obsidian-2));
  border-top: 1px solid rgba(196, 160, 98, .18);
  border-bottom: 1px solid rgba(196, 160, 98, .18);
  padding-top: clamp(1.6rem, 4vw, 2.4rem);
  padding-bottom: clamp(1.6rem, 4vw, 2.4rem);
}
.band-signal .band-head { margin-bottom: 1rem; }
.band-signal .lede { max-width: 640px; margin: 0 auto .4rem; }