/* CTA: primary band — heading + description left, dark button + light outline call button right. */
.ocf-cta {
    background: var(--ocf-primary);
    color: var(--ocf-primary-contrast);
}

.ocf-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--ocf-grid-gap) * 2);
    padding-block: calc(var(--ocf-section-compact-pad) * 1);
}

.ocf-cta-copy { max-width: calc(var(--ocf-space-unit) * 47.5); }

.ocf-cta .heading-2 { color: var(--ocf-primary-contrast); }

.ocf-cta-description {
    margin-top: calc(var(--ocf-space-unit) * 0.75);
    color: var(--ocf-primary-contrast);
}

.ocf-cta-actions {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--ocf-space-unit) * 0.75);
}

.ocf-cta .btn-secondary { border-color: var(--ocf-primary-contrast); color: var(--ocf-primary-contrast); }
.ocf-cta .btn-secondary:hover { background: var(--ocf-primary-contrast); color: var(--ocf-primary); }

@media (max-width: 960px) {
    .ocf-cta-inner { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 560px) {
    .ocf-cta-actions { width: 100%; }
    .ocf-cta-actions > * { flex: 1 1 100%; }
}