/**
 * cta.css
 * Final call-to-action band before the footer — a full-bleed accent panel.
 */

.cta-band {
  padding-block: var(--space-2xl);
  background: transparent;
}

.cta-band__inner {
  position: relative;
  overflow: hidden;
  text-align: center;
  padding: var(--space-2xl) var(--space-lg);
  border-radius: var(--radius-xl);
  background: var(--gradient-accent);
  color: var(--color-white);
}

.cta-band__glow {
  position: absolute;
  top: -140px;
  left: 50%;
  transform: translateX(-50%);
  width: 520px;
  height: 320px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0) 70%);
  pointer-events: none;
}

.cta-band__title {
  position: relative;
  font-size: var(--fs-2xl);
  max-width: 20ch;
  margin-inline: auto;
  margin-bottom: var(--space-sm);
  color: var(--color-white);
}

.cta-band__desc {
  position: relative;
  font-size: var(--fs-md);
  color: rgba(255, 255, 255, 0.88);
  max-width: 48ch;
  margin-inline: auto;
  margin-bottom: var(--space-lg);
  line-height: var(--lh-relaxed);
}

.cta-band__actions {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-sm);
}