// Mechanism.jsx — The 5 phases of Método Destrava Vida
const PHASES = [
  { n: "01", t: "Leitura do Campo", d: "Antes de abrir o baralho, você lê a pessoa: energia, linguagem corporal, abertura, resistência. Essa fase sozinha define toda a condução do atendimento." },
  { n: "02", t: "Diagnóstico em Camadas", d: "O problema nunca é o que a pessoa fala. Você usa carta + intuição + sensação corporal pra ir da queixa até a raiz energética. É a lógica da cebola." },
  { n: "03", t: "Condução e Quebra", d: "O cliente aceita a verdade quando se vê nela — não quando você confronta. Espelhamento, ajuste de autoridade, quebra de resistência sem choque." },
  { n: "04", t: "Intervenção Multicamadas", d: "Diagnóstico sem intervenção é só emoção. Aqui você monta o protocolo: banho, cristal, floral, erva, ponto de pemba. Cada ferramenta pela raiz, não pelo sintoma." },
  { n: "05", t: "Realinhamento", d: "Pós-atendimento. Ajuste. Acompanhamento. Saber quando funcionou, quando não funcionou, quando o cliente virou muleta e precisa ser cortado." },
];

function Mechanism() {
  return (
    <section className="section mechanism" id="mechanism" data-reveal>
      <div className="container">
        <h2 className="h2 center">Método Destrava Vida</h2>
        <p className="lead center" style={{maxWidth: 640, margin: "0 auto 48px"}}>
          O protocolo que eu destilei em 15 anos e mais de 15.000 atendimentos. Ele não te ensina o que a carta significa. <strong>Ele te ensina a ler a pessoa — e a carta vira só uma das ferramentas.</strong>
        </p>
        <div className="phases">
          {PHASES.map((p) => (
            <div className="phase" key={p.n} data-reveal style={{"--reveal-delay": `${140 + Number(p.n) * 70}ms`}}>
              <div className="phase-n">{p.n}</div>
              <h4 className="phase-t">{p.t}</h4>
              <p className="phase-d">{p.d}</p>
            </div>
          ))}
        </div>
        <p className="mech-close">
          A maioria dos tarólogos fica presa na Fase 2 — e, pior, só no topo dela. Quando você domina as 5 fases, o atendimento deixa de ser leitura e vira <strong>transformação com método ensinável, cobrável e escalável.</strong>
        </p>
      </div>
    </section>
  );
}
window.Mechanism = Mechanism;