/* sf-process-steps — generic, brand-agnostic process / how-we-work block.
   Brand values lifted into CSS custom properties; defaults preserve the
   original SalesFision look. Override per-site by setting these vars. */
[data-sf-block="sf-process-steps"] {
  --sf-process-heading-color: #fff;
  --sf-process-step-title-color: #fff;
  --sf-process-step-desc-color: #888;
  --sf-process-num-color: #fff;
  --sf-results-bg: #111;
  --sf-results-value-color: #14b8a6;
  --sf-results-label-color: #888;
}

/* Steps */
[data-sf-block="sf-process-steps"] .process-section { max-width: 1200px; margin: 0 auto; padding: 100px 40px; }
[data-sf-block="sf-process-steps"] .process-title { text-align: center; margin-bottom: 64px; }
[data-sf-block="sf-process-steps"] .process-title h2 { font-size: 36px; font-weight: 800; color: var(--sf-process-heading-color); margin-bottom: 12px; }
[data-sf-block="sf-process-steps"] .process-steps { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 28px; }
[data-sf-block="sf-process-steps"] .process-step { text-align: center; }
[data-sf-block="sf-process-steps"] .step-num { width: 56px; height: 56px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 800; color: var(--sf-process-num-color); margin: 0 auto 20px; }
[data-sf-block="sf-process-steps"] .process-step h3 { font-size: 16px; font-weight: 700; color: var(--sf-process-step-title-color); margin-bottom: 8px; }
[data-sf-block="sf-process-steps"] .process-step p { font-size: 14px; color: var(--sf-process-step-desc-color); line-height: 1.6; }

/* Optional results bar (layout = steps-with-results) */
[data-sf-block="sf-process-steps"] .results-section { background: var(--sf-results-bg); padding: 80px 40px; }
[data-sf-block="sf-process-steps"] .results-inner { max-width: 1200px; margin: 0 auto; display: flex; justify-content: center; gap: 80px; flex-wrap: wrap; text-align: center; }
[data-sf-block="sf-process-steps"] .result-stat h3 { font-size: 40px; font-weight: 800; color: var(--sf-results-value-color); margin-bottom: 8px; }
[data-sf-block="sf-process-steps"] .result-stat p { font-size: 14px; color: var(--sf-results-label-color); }