.sf-cta{position: relative; border-radius: var(--sf-radius-xl); background: var(--sf-ink-900); color: #fff; padding: 80px 56px; overflow: hidden; font-family: var(--sf-font-display);}
.sf-cta::before{content: ""; position: absolute; inset: 0; background-image: radial-gradient(circle 600px at 88% 50%, rgba(21, 101, 232, 0.32), transparent 55%), radial-gradient(circle 400px at 12% 100%, rgba(255, 122, 56, 0.14), transparent 55%); pointer-events: none;}
.sf-cta__inner{position: relative; display: grid; grid-template-columns: 1.4fr 1fr; gap: 56px; align-items: center;}
.sf-cta__subtitle{display: inline-flex; align-items: center; gap: 14px; font-family: var(--sf-font-mono); font-size: 11.5px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(--sf-accent-300);}
.sf-cta__heading{margin: 18px 0 0; font-family: var(--sf-font-display); font-weight: 800; font-size: clamp(36px, 4vw, 56px); line-height: 1; letter-spacing: -0.035em; color: #fff; text-wrap: balance;}
.sf-cta__italic{color: var(--sf-accent-300);}
.sf-cta__lead{margin: 18px 0 0; color: rgba(255, 255, 255, 0.72); font-size: 18px; line-height: 1.55; max-width: 50ch;}
.sf-cta__actions{display: flex; flex-direction: column; gap: 12px;}
.sf-cta a.sf-cta__btn,
.sf-cta a.sf-cta__btn:link,
.sf-cta a.sf-cta__btn:visited,
.sf-cta a.sf-cta__btn:hover,
.sf-cta a.sf-cta__btn:focus,
.sf-cta a.sf-cta__btn:active{display: inline-flex; align-items: center; justify-content: space-between; gap: 8px; padding: 15px 24px; border-radius: 11px; border: 1px solid transparent; font-family: var(--sf-font-display); font-weight: 600; font-size: 16px; letter-spacing: -0.005em; text-decoration: none; transition: all 0.18s ease;}
.sf-cta a.sf-cta__btn--primary,
.sf-cta a.sf-cta__btn--primary:link,
.sf-cta a.sf-cta__btn--primary:visited{background: var(--sf-brand-500); color: #fff; box-shadow: 0 4px 12px -2px rgba(21, 101, 232, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2);}
.sf-cta a.sf-cta__btn--primary:hover,
.sf-cta a.sf-cta__btn--primary:focus{background: #fff; color: var(--sf-brand-700);}
.sf-cta__btn--primary svg{transition: transform 0.18s ease;}
.sf-cta a.sf-cta__btn--primary:hover svg{transform: translateX(3px);}
.sf-cta a.sf-cta__btn--secondary,
.sf-cta a.sf-cta__btn--secondary:link,
.sf-cta a.sf-cta__btn--secondary:visited{background: rgba(255, 255, 255, 0.06); color: #fff; border-color: rgba(255, 255, 255, 0.18); justify-content: flex-start;}
.sf-cta a.sf-cta__btn--secondary:hover,
.sf-cta a.sf-cta__btn--secondary:focus{background: rgba(255, 255, 255, 0.12); border-color: rgba(255, 255, 255, 0.32); color: #fff;}
.sf-cta__fineprint{margin-top: 6px; font-family: var(--sf-font-mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255, 255, 255, 0.5);}

@media (max-width: 960px){
    .sf-cta{padding: 64px 40px;}
    .sf-cta__inner{grid-template-columns: 1fr; gap: 40px;}
}

@media (max-width: 640px){
    .sf-cta{padding: 48px 24px;}
    .sf-cta__inner{gap: 32px;}
    .sf-cta__lead{font-size: 16px;}
    .sf-cta__btn{padding: 13px 18px; font-size: 15px;}
}