/* ============================================================
   COMPONENT — CTA banner
   Full-bleed dark strip: "One stop solution for your
   e-commerce success." Reuses .hero-actions from the hero
   component for its buttons.
   ============================================================ */
.cta-banner{
  background:linear-gradient(120deg, var(--navy-950), #12305A 60%, var(--navy-950));
  color:var(--paper); padding:76px 0; text-align:center; position:relative; overflow:hidden;
}
.cta-banner::before{
  content:""; position:absolute; width:520px; height:520px; border-radius:50%;
  background:radial-gradient(circle, rgba(255,141,9,0.22), transparent 70%);
  top:-260px; left:50%; transform:translateX(-50%);
}
.cta-banner .eyebrow{color:var(--orange-300); justify-content:center;}
.cta-banner .eyebrow::before{display:none;}
.cta-banner h2{font-size:clamp(26px,3.6vw,40px); margin-top:14px; max-width:720px; margin-left:auto; margin-right:auto; line-height:1.2;}
.cta-banner p{margin-top:14px; color:rgba(247,245,241,0.65); font-size:16px;}
.cta-banner .hero-actions{justify-content:center; margin-top:30px;}