/* CTA BAND — compact creative strip ("Got a brief?") */
.cta-band{ padding:36px 0; background:var(--coral); position:relative; overflow:hidden; isolation:isolate; }
.cta-band::before{ content:""; position:absolute; z-index:-1; inset:0; opacity:.2;
  background-image:radial-gradient(var(--ink) 1.2px,transparent 1.5px); background-size:22px 22px; }
.cta-band-grid{ position:relative; overflow:hidden; gap:18px 36px; padding:clamp(20px,3vw,30px) clamp(22px,4vw,44px);
  background:var(--ink); color:var(--paper); border-radius:999px; box-shadow:6px 6px 0 var(--lime); }
.cta-band-grid::after{ content:"✦"; position:absolute; left:14px; top:8px; z-index:0; font-size:1.1rem; color:var(--lime); animation:ctaSpin 9s linear infinite; }
.cta-band-grid > *{ position:relative; z-index:1; }
.cta-band .eyebrow{ display:inline-block; padding:4px 11px; border-radius:99px; background:var(--lime); color:var(--ink); font-size:.68rem; font-weight:600; }
.cta-band .eyebrow::before{ display:none; }
.cta-band h2{ max-width:none; margin-top:10px; font-size:clamp(1.15rem,2.2vw,1.65rem); font-weight:700; line-height:1.2; letter-spacing:-.02em; color:var(--white); }
.cta-band-grid p{ margin-top:4px !important; max-width:none; font-size:.9rem; color:var(--muted-lt); }
.cta-band-grid > div:last-child{ display:flex; flex-wrap:wrap; gap:10px; }
.cta-band .btn{ padding:10px 10px 10px 18px; font-size:.82rem; transition:transform .3s var(--ease), background .25s, color .25s; }
.cta-band .btn:nth-of-type(1){ background:var(--coral); color:var(--white); }
.cta-band .btn:nth-of-type(1) .cta-pill-icon{ background:var(--white); color:var(--coral); }
.cta-band .btn:nth-of-type(2){ background:transparent; color:var(--paper); box-shadow:inset 0 0 0 1.5px rgba(243,245,238,.4); }
.cta-band .btn:nth-of-type(2) .cta-pill-icon{ background:var(--lime); color:var(--ink); }
.cta-band .btn:hover{ background:var(--lime); color:var(--ink); transform:translateY(-3px); box-shadow:none; }
@keyframes ctaSpin{ to{ transform:rotate(360deg); } }
@media (max-width:900px){ .cta-band-grid{ border-radius:28px; } }
@media (max-width:820px){ .cta-band{ padding:28px 0; } }
@media (prefers-reduced-motion:reduce){ .cta-band-grid::after{ animation:none; } }