function AboutAI7() {
  return (
    <section id="ai7">
      <div className="padding-global">
        <div className="container mid">
          <div className="about-banner">
            <div className="bg"><img src="assets/imagery/bg-cta-aijourney.jpg" alt="" /></div>
            <div className="grad" />
            <div className="inner">
              <div>
                <div className="section-eyebrow" style={{ marginBottom: '1.25rem' }}>Base metodológica</div>
                <h2 className="h2-bold" style={{ margin: '0 0 1.5rem' }}>O AI7 será sua bússola durante todo o lab.</h2>
                <p className="text-regular opacity-85" style={{ margin: '0 0 1rem' }}>
                  A Maitha Tech é uma consultoria que ajuda empresas a transformar desafios complexos em soluções digitais aplicáveis — combinando estratégia, engenharia, dados, cloud e inteligência artificial.
                </p>
                <p className="text-regular opacity-70" style={{ margin: 0 }}>
                  O AI7 é a metodologia proprietária da Maitha para estruturar iniciativas de IA com clareza estratégica, visão de negócio e profundidade técnica.
                </p>
              </div>
              <div className="about-card">
                <span className="tag">MÉTODO AI7</span>
                <div className="h3-bold">7 camadas, um mesmo destino: agentes que funcionam.</div>
                <p className="text-small opacity-75" style={{ margin: 0 }}>
                  No AI Agents Lab, o AI7 será usado como base para ajudar os participantes a organizarem problemas, contextos e oportunidades antes de desenhar soluções com agentes de IA.
                </p>
                <div style={{ display: 'flex', gap: '.4rem', flexWrap: 'wrap', marginTop: '.75rem' }}>
                  {['Negócio', 'Dados', 'Modelo', 'Integração', 'Governança', 'Operação', 'Evolução'].map((l, i) => (
                    <div key={l} style={{
                      fontFamily: 'var(--font-ui)', fontSize: '.75rem', fontWeight: 700,
                      padding: '.4rem .65rem', borderRadius: '2rem',
                      background: 'rgba(255,255,255,.04)', border: '1px solid rgba(255,255,255,.08)',
                    }}>
                      <span style={{ opacity: .5, marginRight: '.4rem' }}>0{i + 1}</span>{l}
                    </div>
                  ))}
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  );
}

Object.assign(window, { AboutAI7 });
