/* CapabriX — home page only. */

.cta-band { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-6); flex-wrap: wrap; }
.cta-band .section-title { font-size: 1.6rem; }
@media (max-width: 700px) { .cta-band { flex-direction: column; align-items: flex-start; } }

/* A single restrained brand-gradient hairline above the hero. Not a blob,
   not a glow — just a 3px rule that carries the logo colours. */
.hero::before {
  content: ""; position: absolute; inset: 0 0 auto 0; height: 3px;
  background: var(--grad-brand);
}

.hero-copy .eyebrow { margin-bottom: var(--sp-4); }