function Anti() {
  const things = [
    "community managers de fotos bonitas",
    "vendedores de seguidores y alcance vanidoso",
    "reportes sin recomendaciones accionables",
    "trabajo sin tracking ni atribución medible",
  ];
  return (
    <section className="shell anti-section" id="diferencia">
      <SectionLabel num="11 / Diferenciación" label="Lo que NO hacemos" right="Filtro honesto" />

      <h2 className="h-section" style={{ maxWidth: "16ch", marginBottom: 32 }}>
        Somos <span className="italic" style={{ color: "var(--accent)" }}>especialistas</span> en conversión y performance.
        <br />Nada más.
      </h2>

      <ul className="anti-list">
        {things.map((t, i) => (
          <li key={t}>
            <span className="num">{String(i + 1).padStart(2, "0")}</span>
            <span>
              No somos <span className="strike">{t}</span>.
            </span>
            <X />
          </li>
        ))}
      </ul>

      <p className="anti-closer">
        Si buscas otra cosa, hay agencias muy buenas para eso — pero no somos
        nosotras. Esta sección filtra al cliente equivocado y construye autoridad
        con el correcto.
      </p>
    </section>
  );
}

window.Anti = Anti;