// HowWeWork.jsx
const HowWeWork = () => {
  const t = useT();
  return (
    <section className="bp-section" id="how">
      <div className="bp-section__head">
        <span className="bp-eyebrow">{t.how.eyebrow}</span>
        <h2 className="bp-section__title">{t.how.title}</h2>
      </div>
      <ol className="bp-steps">
        {t.how.steps.map(s => (
          <li key={s.n} className="bp-step">
            <span className="bp-step__n">{s.n}</span>
            <h3 className="bp-step__t">{s.t}</h3>
            <p className="bp-step__d">{s.d}</p>
          </li>
        ))}
      </ol>
    </section>
  );
};
window.HowWeWork = HowWeWork;