.cta-banner { background: var(--bg-primary); text-align: center; position: relative; overflow: hidden; }
.cta-banner::before { content: ''; position: absolute; inset: 0; background: var(--gradient-hero); opacity: 0.5; }
.cta-content { position: relative; z-index: 1; max-width: 700px; margin: 0 auto; }
.cta-content h2 { font-size: clamp(1.8rem, 4vw, 2.8rem); font-weight: 800; line-height: 1.2; margin-bottom: 1rem; }
.cta-content p { color: var(--text-secondary); font-size: 1.05rem; margin-bottom: 2rem; line-height: 1.7; }
.cta-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem; }
@media (max-width: 768px) { .cta-actions { flex-direction: column; align-items: center; } }
@media (max-width: 480px) { .btn-large { width: 100%; justify-content: center; } }