function Intro() {
  return (
    <section className="intro" data-screen-label="02 Manifesto">
      <div className="wrap-narrow">
        <p className="intro__lead">
          Por que algumas pessoas atingem suas metas, perdem peso e constroem um
          corpo saudável <em>enquanto outras se frustram</em>?
        </p>

        <div className="intro__body">
          <div>
            <p>
              A resposta está em algo que praticamente ninguém te explicou:
              o seu <strong style={{ color: "var(--gold)", fontWeight: 500 }}>tipo de fome</strong> e o
              seu comportamento alimentar.
            </p>
            <p style={{ marginTop: 18 }}>
              Existem tipos de fome que controlam o seu corpo sem você perceber.
              Você já tentou emagrecer e voltou ao mesmo lugar? Já se culpou
              por falta de disciplina? Já achou que o problema era força de
              vontade?
            </p>
          </div>
          <div className="intro__pull">
            Você não tem falta de disciplina.<br />
            Você tem um <strong>tipo de fome</strong> não tratado.
          </div>
        </div>

        <p
          style={{
            marginTop: 64,
            textAlign: "center",
            fontFamily: "'Cormorant Garamond', serif",
            fontSize: 28,
            fontStyle: "italic",
            color: "var(--ink)",
            lineHeight: 1.4,
          }}
        >
          Não existe <span style={{ textDecoration: "line-through", color: "var(--ink-muted)" }}>um único</span> tratamento
          para emagrecer.
          <br />
          Existe <span style={{ color: "var(--gold)" }}>o tratamento certo</span> para o seu tipo de fome.
        </p>
      </div>
    </section>
  );
}
window.Intro = Intro;