// Audience — Who it's for, 4 sector cards.
function Audience() {
  const cards = [
    { ovl: "Finance", h: "M&A, ECM, PE, hedge funds.", p: "Sub-50 boutiques are where you actually do deals. They never post. Sendorai finds them by mandate type and city." },
    { ovl: "Consulting", h: "Strategy houses and specialists.", p: "MBB rejection isn't the end. Tier-2 strategy and specialist consultancies hire harder, advertise less." },
    { ovl: "Law", h: "Magic circle, US firms, chambers.", p: "Vacation schemes fill fast. Direct outreach to partners for paralegal work or a training contract still opens doors that job boards don't." },
    { ovl: "Tech", h: "AI research, ML, startups.", p: "Founding teams hire fast and reactively. Reach them when you read the launch tweet, not three months later." },
  ];

  return (
    <section className="section s-pad" id="who">
      <div className="section-eyebrow">Who it's for</div>
      <h2>Students aiming at firms that <em>don't advertise</em>.</h2>
      <p className="lede">If the roles you want come from a partner reading your email, not a job board, you're in the right place.</p>

      <div className="audience-grid">
        {cards.map((c, i) => (
          <div key={i} className="audience-card">
            <div className="ovl">{c.ovl}</div>
            <h4>{c.h}</h4>
            <p>{c.p}</p>
          </div>
        ))}
      </div>
    </section>
  );
}
Object.assign(window, { Audience });