// Steps — How it works, 3 steps. (Brief says 3-4; we keep the 3-step rhythm.)
function Steps() {
  return (
    <section className="section s-pad" id="how">
      <div className="section-eyebrow">How it works</div>
      <h2>Three steps. Hours of work, done in&nbsp;<em>minutes</em>.</h2>
      <p className="lede">Sendorai handles the parts of cold outreach that don't actually require you: the research, the matching, the writing. You decide who to send to.</p>

      <div className="steps">
        <div className="step-card">
          <div className="num">01</div>
          <h3>Upload your CV.</h3>
          <p>Drop a PDF. We read your experience, your interests, and what you're looking for. It stays on your account, used in every draft.</p>
        </div>
        <div className="step-card">
          <div className="num">02</div>
          <h3>Set your target.</h3>
          <p>Fill in a short form: sector keywords, city, firm size, role type. No sentence to write. Sendorai turns your choices into a targeted search.</p>
        </div>
        <div className="step-card">
          <div className="num">03</div>
          <h3>Review and send.</h3>
          <p>We find the right person at each firm, research them, and draft a personalised email. Everything lands in your Gmail drafts. You send.</p>
        </div>
      </div>
    </section>
  );
}
Object.assign(window, { Steps });