/* Benefits + Learn */

const BENEFITS = [
  { icon: 'Target',     title: 'Você sabe exatamente o que corrigir primeiro',
    body: 'Chega de lista interminável de alertas. Você recebe um plano priorizado por risco real — não por criticidade genérica de ferramenta.' },
  { icon: 'Document',   title: 'Relatórios que o board entende e aprova',
    body: 'Relatórios executivos em linguagem de negócio, prontos para apresentar para diretores e investidores — sem tradução necessária.' },
  { icon: 'Cloud',      title: 'Segurança em cloud que acompanha seu crescimento',
    body: 'Ambientes AWS, Azure ou GCP protegidos com visão de risco real — sem travar a transformação digital da empresa.' },
  { icon: 'Sparkle',    title: 'Controle sobre o que a IA da sua empresa está fazendo',
    body: 'Identificamos Shadow AI, vazamento de dados em ferramentas generativas e superfícies de ataque criadas por automações — antes que virem incidente.' },
  { icon: 'Compliance', title: 'Preparação real para auditorias e certificações',
    body: 'Apoio consultivo para ISO 27001, NIST e exigências de clientes — sem burocracia, com foco no que realmente precisa ser feito.' },
  { icon: 'Team',       title: 'Extensão do seu time interno, não substituto',
    body: 'Complementamos a equipe com visão especializada, priorização e apoio estratégico — sem conflito, sem overhead.' },
];

const Benefits = () => (
  <section id="beneficios" data-screen-label="05 Benefícios">
    <div className="container">
      <div className="section-head">
        <div className="eyebrow"><span className="dot"></span>O que muda na sua empresa</div>
        <h2>Seis mudanças concretas — a partir do primeiro mês.</h2>
      </div>
      <div className="benefits-grid">
        {BENEFITS.map((b, i) => {
          const IconC = Icon[b.icon];
          return (
            <div className="benefit-card" key={i}>
              <div className="b-num">0{i + 1}</div>
              <IconC className="b-icon"/>
              <h3>{b.title}</h3>
              <p>{b.body}</p>
            </div>
          );
        })}
      </div>
    </div>
  </section>
);

/* Conteúdo evergreen — curadoria própria a partir de padrões/temas reais de
   mercado (não superlativo, não promessa de capacidade que não temos). Ver
   memória `07_site_infocuestasec.md` (análise Mind The Sec 2026) pra origem
   de cada item. Reaproveita o mesmo grid/cartão de Benefits, sem CSS novo. */
const LEARN = [
  { icon: 'Scan', title: "Por que “severidade crítica” não é a pergunta certa",
    body: "CVSS sozinho não diz se uma vulnerabilidade será explorada. O InfoCuesta Scan cruza cada CVE com o EPSS (probabilidade real de exploração em 30 dias, calculada pela FIRST.org) e o catálogo KEV da CISA — os mesmos critérios que a própria CISA recomenda pra priorização." },
  { icon: 'Compliance', title: "ISO/IEC 42001 e AIUC-1: os padrões de governança de IA que chegaram pra ficar",
    body: "ISO/IEC 42001 (primeiro sistema de gestão de IA reconhecido internacionalmente) e o recém-lançado AIUC-1 (primeiro padrão do mundo dedicado a agentes de IA) já são referência para quem precisa provar, não só prometer, que usa IA com responsabilidade." },
  { icon: 'Sparkle', title: "Seu ChatGPT também precisa de controle de acesso",
    body: "Agentes de IA (Copilot, plugins, automações internas) tomam ações reais — leem e-mail, acessam sistema, executam código. Tratá-los sem controle de acesso, revisão e auditoria é o mesmo erro que tratar uma conta de serviço sem privilégio mínimo." },
  { icon: 'Document', title: "MCP: a nova porta de entrada que ninguém está vigiando",
    body: "O Model Context Protocol conecta modelos de IA a ferramentas e dados externos — e virou alvo real: CISA e NSA publicaram guidance dedicado (CSI_MCP_SECURITY) depois de vulnerabilidades documentadas em implementações populares." },
  { icon: 'Shield', title: "Segurança de IA começa nos dados, não no modelo",
    body: "Antes de perguntar se sua IA é segura, pergunte se você sabe quais dados ela usa. A maioria dos riscos reais não está no modelo — está na falta de controle sobre o que é coletado, onde fica armazenado e quem tem acesso." },
  { icon: 'Check', title: "Bastidores: como curamos manualmente os CVEs do InfoCuesta Scan",
    body: "Preferimos não ter um dado a ter um dado errado. Cada CVE é verificado contra a versão exata do software, nunca inferido por proximidade — inclusive quando isso significa deixar uma vulnerabilidade de fora por ser corrigida via hotfix, não por versão." },
];

const Learn = () => (
  <section id="conteudo" data-screen-label="05b Conteúdo">
    <div className="container">
      <div className="section-head">
        <div className="eyebrow"><span className="dot"></span>Conteúdo</div>
        <h2>O que estamos vendo — e aplicando — em segurança agora.</h2>
        <p>Sem superlativo, sem promessa do que ainda não temos. Só o que orienta nosso trabalho hoje.</p>
      </div>
      <div className="benefits-grid">
        {LEARN.map((b, i) => {
          const IconC = Icon[b.icon];
          return (
            <div className="benefit-card" key={i}>
              <div className="b-num">0{i + 1}</div>
              <IconC className="b-icon"/>
              <h3>{b.title}</h3>
              <p>{b.body}</p>
            </div>
          );
        })}
      </div>
    </div>
  </section>
);

Object.assign(window, { Benefits, Learn });