.s-ctaf { position: relative; overflow: hidden; background: var(--fg-1); color: #fff; padding-block: var(--space-20, 80px); }
.s-ctaf__bg { position: absolute; inset: 0; background: linear-gradient(135deg, #1a1f2e 0%, #2d3560 50%, #1a1f2e 100%); opacity: 0.95; }
.s-ctaf__inner { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; text-align: center; gap: var(--space-10); }
.s-ctaf__steps { max-width: 960px; }
.s-ctaf__inner h2 { font: 800 clamp(30px, 4vw, 48px)/1.1 var(--font-sans); color: #fff; margin: 0; }
.s-ctaf__steps { list-style: none; padding: 0; margin: 0; display: flex; gap: var(--space-8); }
.s-ctaf__step { display: flex; align-items: flex-start; gap: var(--space-4); text-align: left; }
.s-ctaf__step-num { width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,0.15); display: grid; place-items: center; font: 700 18px var(--font-sans); color: #fff; flex-shrink: 0; }
.s-ctaf__step strong { display: block; font: 600 16px var(--font-sans); color: #fff; margin-bottom: 4px; }
.s-ctaf__step p { margin: 0; font-size: 14px; color: rgba(255,255,255,0.7); }
.s-ctaf__btns { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; }
.btn--ghost-light { background: transparent; border: 2px solid rgba(255,255,255,0.5); color: #fff; }
.btn--ghost-light:hover { background: rgba(255,255,255,0.1); border-color: #fff; }
@media (max-width: 720px) { .s-ctaf { padding-block: var(--space-12, 48px); } .s-ctaf__steps { flex-direction: column; gap: var(--space-5); } .s-ctaf__step { text-align: left; } }