.cta-band { background: var(--ink); color: var(--bg); padding-block: 5rem; text-align: center; }
.cta-band .eyebrow { color: var(--sky); }
.cta-band h2 { font-size: clamp(1.9rem, 4vw, 3rem); margin: 0.75rem auto 1rem; max-width: 24ch; }
.cta-band p.lede { max-width: 50ch; margin: 0 auto 2rem; color: color-mix(in oklch, var(--sky) 80%, var(--bg)); }
.cta-band .hero-actions { justify-content: center; }

.hero-actions { display: flex; align-items: center; gap: 1.25rem; flex-wrap: wrap; }
.hero-call { display: flex; flex-direction: column; gap: 0.1rem; }
.hero-call a { font-family: var(--mono); font-size: 1.05rem; font-weight: 500; text-decoration: none; }
.hero-call span { font-family: var(--mono); font-size: 0.65rem; letter-spacing: 0.07em; text-transform: uppercase; }
.cta-band .hero-call a { color: var(--bg); }
.cta-band .hero-call span { color: var(--sky); }