.cta-band {
  border: none !important;
}
.cta-band.bg-theme--obsidian {
  background: linear-gradient(180deg, #0a0a0a, #050505) !important;
}
.cta-band.bg-theme--emerald {
  background: linear-gradient(180deg, #012a22, #001813) !important;
}
.cta-band.bg-theme--cyber {
  background: linear-gradient(180deg, #0a1128, #020617) !important;
}
.cta-band.bg-theme--dark {
  background: #0a0a0a !important;
}
.cta-band .cta-band__eyebrow {
  color: #10b981 !important;
  display: block !important;
  font-family: var(--bs-font-monospace), monospace !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  margin-bottom: 1rem !important;
  text-transform: uppercase !important;
}
.cta-band .cta-band__headline {
  font-size: 1.75rem !important;
  font-weight: 600 !important;
}
.cta-band p {
  color: #cbd5e1 !important;
  font-size: 1.55rem !important;
  line-height: 1.6 !important;
  opacity: 0.95 !important;
}
.cta-band .cta-band__btn {
  align-items: center !important;
  border-radius: 4px !important;
  display: inline-flex !important;
  font-family: var(--bs-font-sans-serif), sans-serif !important;
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  justify-content: center !important;
  -webkit-text-decoration: none !important;
  text-decoration: none !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.cta-band .cta-band__btn--primary {
  background: #10b9811f !important;
  border: 1px solid #10b98199 !important;
  box-shadow: 0 0 12px #10b9811a;
  color: #10b981 !important;
}
.cta-band .cta-band__btn--primary:hover {
  background: #10b981 !important;
  border-color: #10b981 !important;
  box-shadow: 0 0 20px #10b98173 !important;
  color: #080808 !important;
  transform: translateY(-2px);
}
.cta-band .cta-band__btn--secondary {
  background: #0000 !important;
  border: 1px solid #ffffff40 !important;
  color: #fff !important;
}
.cta-band .cta-band__btn--secondary:hover {
  background: #ffffff14 !important;
  border-color: #fffc !important;
  transform: translateY(-2px);
}
.cta-band .cta-band__btn--blue {
  background: #38bdf826 !important;
  border: 1px solid #38bdf899 !important;
  box-shadow: 0 0 12px #38bdf81a;
  color: #7dd3fc !important;
}
.cta-band .cta-band__btn--blue:hover {
  background: #38bdf8 !important;
  border-color: #38bdf8 !important;
  box-shadow: 0 0 20px #38bdf873 !important;
  color: #fff !important;
  transform: translateY(-2px);
}
.cta-band .cta-band__btn--emerald {
  background: #10b9811f !important;
  border: 1px solid #10b98199 !important;
  box-shadow: 0 0 12px #10b9811a;
  color: #10b981 !important;
}
.cta-band .cta-band__btn--emerald:hover {
  background: #10b981 !important;
  border-color: #10b981 !important;
  box-shadow: 0 0 20px #10b98173 !important;
  color: #080808 !important;
  transform: translateY(-2px);
}
.cta-band .cta-band__btn--amber {
  background: #f59e0b26 !important;
  border: 1px solid #f59e0b99 !important;
  box-shadow: 0 0 12px #f59e0b1a;
  color: #fbbf24 !important;
}
.cta-band .cta-band__btn--amber:hover {
  background: #f59e0b !important;
  border-color: #f59e0b !important;
  box-shadow: 0 0 20px #f59e0b73 !important;
  color: #080808 !important;
  transform: translateY(-2px);
}
.cta-band .cta-band__btn--red {
  background: #ef444426 !important;
  border: 1px solid #ef444499 !important;
  box-shadow: 0 0 12px #ef44441a;
  color: #fca5a5 !important;
}
.cta-band .cta-band__btn--red:hover {
  background: #ef4444 !important;
  border-color: #ef4444 !important;
  box-shadow: 0 0 20px #ef444473 !important;
  color: #fff !important;
  transform: translateY(-2px);
}
.cta-band .cta-band__btn--outline {
  background: #0000 !important;
  border: 1px solid #ffffff40 !important;
  color: #fff !important;
}
.cta-band .cta-band__btn--outline:hover {
  background: #ffffff14 !important;
  border-color: #fffc !important;
  transform: translateY(-2px);
}
.cta-band__card {
  backdrop-filter: blur(12px);
  border: 1px solid #ffffff1f !important;
  border-radius: 1rem;
  box-shadow: 0 20px 50px #00000080;
  overflow: hidden;
  padding: 3rem 1.5rem;
  position: relative;
}
@media (min-width: 768px) {
  .cta-band__card {
    padding: 4rem 3rem;
  }
}
.cta-band__card.cta-band--emerald {
  background: linear-gradient(135deg, #053b30cc, #0a0a0ae6) !important;
  border-color: #10b9814d !important;
}
.cta-band__card.cta-band--obsidian {
  background: linear-gradient(135deg, #1c1c1cd9, #0c0c0cf2) !important;
  border-color: #ffffff26 !important;
}
.cta-band__card.cta-band--cyber {
  background: linear-gradient(135deg, #0f172ad9, #020617f2) !important;
  border-color: #38bdf84d !important;
}
.cta-band__card.cta-band--cyber .cta-band__eyebrow {
  color: #38bdf8 !important;
}
.cta-band__card.cta-band--cyber .cta-band__btn--primary {
  background: #38bdf826 !important;
  border-color: #38bdf899 !important;
  box-shadow: 0 0 12px #38bdf81a;
  color: #7dd3fc !important;
}
.cta-band__card.cta-band--cyber .cta-band__btn--primary:hover {
  background: #38bdf8 !important;
  border-color: #38bdf8 !important;
  box-shadow: 0 0 20px #38bdf873 !important;
  color: #fff !important;
}
.cta-band__card.cta-band--warning {
  background: linear-gradient(135deg, #2d1e0a, #080502) !important;
  border-color: #f59e0b1a !important;
}
.cta-band__card.cta-band--warning .cta-band__eyebrow {
  color: #f59e0b !important;
}
.cta-band__card.cta-band--warning .cta-band__btn--primary {
  background: #f59e0b26 !important;
  border-color: #f59e0b99 !important;
  box-shadow: 0 0 12px #f59e0b1a;
  color: #fbbf24 !important;
}
.cta-band__card.cta-band--warning .cta-band__btn--primary:hover {
  background: #f59e0b !important;
  border-color: #f59e0b !important;
  box-shadow: 0 0 20px #f59e0b73 !important;
  color: #080808 !important;
}
.cta-band__card.cta-band--danger {
  background: linear-gradient(135deg, #2d0a0a, #080202) !important;
  border-color: #ef44441a !important;
}
.cta-band__card.cta-band--danger .cta-band__eyebrow {
  color: #ef4444 !important;
}
.cta-band__card.cta-band--danger .cta-band__btn--primary {
  background: #ef444426 !important;
  border-color: #ef444499 !important;
  box-shadow: 0 0 12px #ef44441a;
  color: #fca5a5 !important;
}
.cta-band__card.cta-band--danger .cta-band__btn--primary:hover {
  background: #ef4444 !important;
  border-color: #ef4444 !important;
  box-shadow: 0 0 20px #ef444473 !important;
  color: #fff !important;
}
