// Process.jsx — How we work, 4 steps
function Process() {
  const steps = [
    { n: '01', title: 'Diagnóstico', body: 'Analisamos sua operação, regime tributário e gargalos atuais.' },
    { n: '02', title: 'Migração assistida', body: 'Pegamos os documentos com seu contador anterior, sem dor de cabeça.' },
    { n: '03', title: 'Operação mensal', body: 'Você recebe relatórios até o 5º dia útil. Painel de obrigações sempre atualizado.' },
    { n: '04', title: 'Estratégia anual', body: 'Revisão de regime, planejamento tributário e ajustes societários quando precisar.' }
  ];
  return (
    <section className="rs-section">
      <div className="rs-container">
        <header className="rs-section-head">
          <span className="rs-eyebrow">Como trabalhamos</span>
          <h2 className="rs-section-title">Da troca de contador ao planejamento anual, sem fricção.</h2>
        </header>
        <ol className="rs-process">
          {steps.map(s => (
            <li key={s.n} className="rs-process-step">
              <span className="rs-process-num">{s.n}</span>
              <h4 className="rs-process-title">{s.title}</h4>
              <p className="rs-process-body">{s.body}</p>
            </li>
          ))}
        </ol>
      </div>
    </section>
  );
}
window.Process = Process;
