// Deliverables.jsx — "Ce que vous aurez construit"
function Deliverables() {
  const items = [
    ["01", "Playbook IA Métier", "Votre doctrine : vision, convictions, feuille de route 1 an, plan 90 jours."],
    ["02", "Synthèse Exécutive", "Le one-pager à poser sur la table d'un comité de direction."],
    ["03", "1 à 2 Cas d'Usage", "Preuves tangibles d'exécution sur vos propres moments de vérité."],
    ["04", "Espace configuré", "Un espace de travail IA personnel, à mémoire structurée, que vous conservez."],
  ];
  return (
    <section className="section" id="deliverables">
      <div className="wrap">
        <p className="eyebrow reveal">Ce que vous aurez construit</p>
        <h2 className="reveal" style={{ fontFamily: "var(--font-display)", fontWeight: 500, fontSize: "clamp(28px,3.4vw,40px)", letterSpacing: "-.01em", color: "var(--ink)", margin: 0, maxWidth: "20ch" }}>
          Des actifs, pas un compte rendu.
        </h2>
        <div className="deliv-grid">
          {items.map(([n, t, d]) => (
            <div className="deliv-card reveal" key={n}>
              <div className="dl-num">{n}</div>
              <h3>{t}</h3>
              <p>{d}</p>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}
Object.assign(window, { Deliverables });