.elementor-kit-5{--e-global-color-primary:#00F0FF;--e-global-color-secondary:#7B3FFF;--e-global-color-text:#E2E8F0;--e-global-color-accent:#0B1020;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Space Grotesk", Sans-serif;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */<!DOCTYPE html>
<html lang="pt-br">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta name="description" content="Transforme horas de marketing em minutos com agentes GPT prontos e conectados. Método prático sem código em PT-BR para criar persona, copy, anúncios e criativos automaticamente." />
  <meta name="keywords" content="GPT, marketing, automação, chatgpt, copy, anúncios, criativos, persona, inteligência artificial" />
  <meta property="og:title" content="Tríade GPT Premium — Xnergy Digital" />
  <meta property="og:description" content="Ecossistema de agentes GPT que transforma seu marketing em linha de produção. Da persona ao criativo final, em minutos." />
  <meta property="og:type" content="website" />
  <meta name="twitter:card" content="summary_large_image" />
  <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
  <style>
    :root{
      --bg:#0B1020;
      --panel:#0f172a;
      --text:#e2e8f0;
      --muted:#94a3b8;
      --primary:#00F0FF; /* electric cyan */
      --accent:#7B3FFF;  /* neon magenta */
      --warning:#f59e0b; /* amber */
      --success:#22c55e; /* green */
      --card:#0b1228;
      --border:rgba(255,255,255,.08);
      --shadow:0 10px 30px rgba(0,0,0,.45);
      --radius:18px;
    }
    *{box-sizing:border-box}
    html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}
    a{color:var(--primary);text-decoration:none}
    .container{max-width:1120px;margin:0 auto;padding:0 20px}
    header{
      position:sticky;top:0;z-index:50;
      background:linear-gradient(180deg, rgba(11,16,32,.95), rgba(11,16,32,.75));
      backdrop-filter: blur(10px);
      border-bottom:1px solid var(--border);
    }
    .nav{display:flex;align-items:center;justify-content:space-between;height:70px}
    .brand{display:flex;align-items:center;gap:12px;font-family:"Space Grotesk",Inter,sans-serif}
    .brand-badge{width:34px;height:34px;border-radius:10px;background:
      radial-gradient(120% 120% at 0% 0%, var(--primary), transparent 60%),
      radial-gradient(120% 120% at 100% 100%, var(--accent), transparent 60%);
      border:1px solid var(--border);
      box-shadow: var(--shadow);
    }
    .brand span{font-weight:700;letter-spacing:.3px}
    .nav a.btn{margin-left:16px}
    .btn{
      display:inline-flex;align-items:center;justify-content:center;gap:10px;
      padding:14px 20px;border-radius:14px;font-weight:700;letter-spacing:.2px;
      background:linear-gradient(135deg,var(--primary),var(--accent));
      color:#081018;border:0;box-shadow:0 8px 22px rgba(0,240,255,.18);
      transition:.2s transform ease,.2s box-shadow ease;
      cursor:pointer;
    }
    .btn:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(0,240,255,.25)}
    .btn.secondary{background:transparent;border:1px solid var(--border);color:var(--text);box-shadow:none}
    .badge{
      display:inline-block;padding:6px 10px;border-radius:999px;
      font-size:12px;font-weight:600;color:#081018;
      background:linear-gradient(135deg,var(--primary),var(--accent));
    }
    /* HERO */
    .hero{
      background:
       radial-gradient(60% 60% at 20% 0%, rgba(0,240,255,.18), transparent 60%),
       radial-gradient(60% 60% at 80% 10%, rgba(123,63,255,.22), transparent 60%);
      padding:64px 0 24px;
      border-bottom:1px solid var(--border);
    }
    .hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
    .eyebrow{opacity:.85;margin-bottom:8px}
    h1{font-family:"Space Grotesk",Inter,sans-serif;font-size:46px;line-height:1.08;margin:8px 0 16px}
    .gradient-text{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}
    .lead{font-size:18px;color:var(--muted);margin-top:10px}
    .hero-card{
      background:linear-gradient(180deg,rgba(15,23,42,.75),rgba(15,23,42,.55));
      border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);
    }
    .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
    .chip{border:1px solid var(--border);padding:8px 12px;border-radius:999px;font-size:12px;color:var(--muted)}
    .section{padding:64px 0;border-bottom:1px solid var(--border)}
    .section h2{font-family:"Space Grotesk",Inter,sans-serif;font-size:32px;margin:0 0 12px}
    .kicker{color:var(--muted);margin-bottom:18px}
    .grid{display:grid;gap:18px}
    .grid-2{grid-template-columns:1fr 1fr}
    .grid-3{grid-template-columns:repeat(3,1fr)}
    .card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}
    .list{margin:0;padding-left:18px}
    .list li{margin:8px 0}
    .two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}
    .muted{color:var(--muted)}
    .cta-bar{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
    .pill{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.04);padding:8px 12px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:12px}
    .testi{display:flex;flex-direction:column;gap:8px}
    .author{font-weight:600}
    details{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px 16px}
    summary{cursor:pointer;font-weight:600}
    footer{padding:42px 0;color:var(--muted)}
    .note{font-size:13px;color:var(--muted)}
    @media (max-width:980px){
      .hero-grid{grid-template-columns:1fr}
      h1{font-size:38px}
      .grid-2,.grid-3{grid-template-columns:1fr}
      .two-col{grid-template-columns:1fr}
      .nav{flex-direction:column;height:auto;gap:10px;padding:15px 0}
      .nav nav{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
    }
    @media (max-width:768px){
      h1{font-size:32px}
      .lead{font-size:16px}
      .section{padding:48px 0}
      .container{padding:0 16px}
      .cta-bar{flex-direction:column;align-items:flex-start}
      .cta-bar .btn{width:100%}
    }
  </style>
</head>
<body>
  <header>
    <div class="container nav">
      <div class="brand">
        <div class="brand-badge" aria-hidden="true"></div>
        <span>Tríade GPT Premium</span>
      </div>
      <nav>
        <a href="#beneficios" class="pill">Benefícios</a>
        <a href="#aulas" class="pill">Programa</a>
        <a href="#oferta" class="pill">Oferta</a>
        <a href="https://pay.kiwify.com.br/1fXePCp" target="_blank" class="btn">QUERO ACESSAR</a>
      </nav>
    </div>
  </header>

  <section class="hero">
    <div class="container hero-grid">
      <div>
        <div class="eyebrow badge">Método prático • Sem código • Em PT‑BR</div>
        <h1>Transforme <span class="gradient-text">horas de marketing</span> em minutos — com agentes GPT prontos e conectados</h1>
        <p class="lead">Chega de prompts soltos e campanhas começando do zero. O Tríade GPT Premium coloca seu marketing para fluir como <strong>linha de produção</strong>: da persona ao criativo final, em minutos.</p>
        <div class="cta-bar">
          <a href="https://pay.kiwify.com.br/1fXePCp" target="_blank" class="btn">QUERO ACESSAR AGORA</a>
          <a href="#aulas" class="btn secondary">Ver programa</a>
        </div>
        <div class="chips">
          <span class="chip">Funciona no ChatGPT gratuito</span>
          <span class="chip">Templates e matriz de testes</span>
          <span class="chip">Rápido de implementar</span>
        </div>
      </div>
      <aside class="hero-card">
        <h3 style="margin:0 0 6px;font-family:'Space Grotesk',Inter,sans-serif">O que você vai operar</h3>
        <p class="muted" style="margin-top:6px">Íris Persona → Apollo Copy → Hermes Ads → EOS Designer (Jaguar como laboratório de produtos)</p>
        <ul class="list">
          <li>Persona profunda e usável (dor, desejo, linguagem, objeções)</li>
          <li>Headlines fortes e kits de anúncio completos</li>
          <li>Carrosséis 4x5 prontos pra publicar</li>
          <li>Automação opcional com Sheets + Zapier (piloto automático)</li>
        </ul>
        <div class="cta-bar">
          <a href="#oferta" class="btn">Ver oferta</a>
          <span class="pill">Garantia 7 dias</span>
        </div>
      </aside>
    </div>
  </section>

  <section class="section" id="problema">
    <div class="container two-col">
      <div>
        <h2>O problema que está te travando</h2>
        <p>Sem método, cada campanha recomeça do zero. Você pula entre vídeos, copia prompts aleatórios e gasta horas em tarefas repetitivas — com pouca clareza do que realmente funciona.</p>
        <ul class="list">
          <li>Tempo demais em execução manual</li>
          <li>Inconsistência criativa e retrabalho</li>
          <li>Testes lentos e caros</li>
        </ul>
      </div>
      <div class="card">
        <h3 style="margin-top:0">A nova forma de fazer marketing</h3>
        <p class="muted">Ecossistema de agentes GPT que se falam — do perfil de cliente ao criativo final — em um fluxo encadeado, previsível e rápido.</p>
        <ul class="list">
          <li>Persona → Copy → Anúncios → Criativos</li>
          <li>Matriz de Testes para aprender rápido</li>
          <li>Templates reutilizáveis, zero código</li>
        </ul>
      </div>
    </div>
  </section>

  <section class="section" id="descricao">
    <div class="container">
      <h2>O que é o Tríade GPT Premium</h2>
      <p>O <strong>Tríade GPT Premium</strong> é um minicurso prático da <strong>Xnergy Digital</strong> que te mostra, passo a passo, como montar um ecossistema de agentes GPT que faz o trabalho pesado de marketing por você. Nada de teoria solta: aqui você cria e usa cinco agentes (Íris Persona, Apollo Copy, Hermes Ads, EOS Designer e o <em>opcional</em> Jaguar Criador de Infoprodutos) para gerar persona, copy, anúncios e criativos em minutos — <strong>sem precisar programar</strong>.</p>
      <p>Você começa definindo a <strong>persona com profundidade real</strong>. Em seguida, transforma esse retrato em <strong>headlines e textos de anúncio</strong> com o Apollo, lapida no Hermes e leva a <strong>copy aprovada</strong> para o EOS produzir <strong>imagens e carrosséis 4x5</strong>. Quer ir além? O Jaguar estrutura produtos inteiros com um único prompt. E quando quiser automatizar tudo, a Aula 6 mostra como ligar <strong>Google Sheets, Zapier e API</strong> para rodar no piloto automático.</p>
      <p class="note">Os 5 agentes (Íris, Apollo, Hermes, EOS e Jaguar) acompanham o curso como bônus, além de outros materiais.</p>
    </div>
  </section>

  <section class="section" id="fit">
    <div class="container two-col">
      <div class="card">
        <h2 style="margin-top:0">Para quem é</h2>
        <ul class="list">
          <li>Iniciantes e intermediários que querem um fluxo claro e repetível</li>
          <li>Afiliados, infoprodutores e criadores que precisam sair do rascunho</li>
          <li>Social medias, consultores e pequenos empresários que querem <em>persona → copy → anúncios → criativos</em> sem programar</li>
        </ul>
      </div>
      <div class="card">
        <h2 style="margin-top:0">Para quem não é</h2>
        <ul class="list">
          <li>Quem busca fórmulas mágicas e promessas de dinheiro fácil</li>
          <li>Quem não pretende aplicar (simples, porém requer implementação)</li>
          <li>Quem quer apenas "mais prompts" — aqui você opera um ecossistema</li>
        </ul>
      </div>
    </div>
  </section>

  <section class="section" id="beneficios">
    <div class="container">
      <h2>Benefícios práticos</h2>
      <p class="kicker">O que muda no seu dia a dia imediatamente</p>
      <div class="grid grid-3">
        <div class="card"><strong>Persona usável de verdade</strong><br><span class="muted">Perfil que já encaixa direto no anúncio e no criativo.</span></div>
        <div class="card"><strong>Headlines que destravam</strong><br><span class="muted">Você começa forte, não travado no título.</span></div>
        <div class="card"><strong>Kits de anúncio completos</strong><br><span class="muted">Textos curtos/longos, ângulos e objeções tratadas.</span></div>
        <div class="card"><strong>Criativos 4x5 consistentes</strong><br><span class="muted">Roteiros e guias visuais prontos para publicar.</span></div>
        <div class="card"><strong>Execução em minutos</strong><br><span class="muted">Tarefas repetitivas viram rotina rápida.</span></div>
        <div class="card"><strong>Matriz de Testes</strong><br><span class="muted">Aprenda mais rápido, gastando menos orçamento.</span></div>
      </div>
    </div>
  </section>

  <section class="section" id="aulas">
    <div class="container">
      <h2>Programa das aulas</h2>
      <ol class="list">
        <li><strong>Aula 1</strong> — As 3 Colunas do Marketing e a Linha de Produção com Agentes GPT</li>
        <li><strong>Aula 2</strong> — Íris Persona: do rascunho ao DNA completo do seu funil</li>
        <li><strong>Aula 3</strong> — Jaguar: criando seu GPT Laboratório para infoprodutos lucrativos</li>
        <li><strong>Aula 4</strong> — Apollo & Hermes: headlines campeãs e kit de anúncios em minutos</li>
        <li><strong>Aula 5</strong> — EOS Designer: transformando copy em carrosséis 4x5 prontos pra rodar</li>
        <li><strong>Aula 6</strong> — Piloto automático: Zapier + Sheets conectando seus GPTs sem Ctrl+C/Ctrl+V</li>
        <li><strong>Aula 7</strong> — Escala real: duplicando agentes, empacotando ofertas e monetizando a Tríade</li>
      </ol>
    </div>
  </section>

  <section class="section" id="diferenciais">
    <div class="container grid grid-2">
      <div class="card">
        <h2 style="margin-top:0">Diferenciais do Tríade</h2>
        <ul class="list">
          <li>Método em 3 frentes (Negócio → Monetização → Posicionamento)</li>
          <li>Agentes prontos e encadeados: Íris → Apollo → Hermes → EOS (Jaguar como laboratório)</li>
          <li>Execução imediata: passo a passo + modelos reutilizáveis</li>
          <li>Matriz de Testes para girar variações e aprender rápido</li>
          <li>Operação em PT‑BR e sem código</li>
        </ul>
      </div>
      <div class="card">
        <h2 style="margin-top:0">O que você recebe</h2>
        <ul class="list">
          <li>Acesso vitalício ao minicurso em vídeo</li>
          <li>5 agentes GPT prontos (bônus)</li>
          <li>Matriz de Testes para acelerar validação</li>
          <li>Templates e modelos reutilizáveis</li>
          <li>Materiais complementares, order bumps e upsell</li>
          <li>Comunidade para troca e suporte</li>
        </ul>
      </div>
    </div>
  </section>

  <section class="section" id="sobre">
    <div class="container two-col">
      <div>
        <h2>Sobre a Xnergy Digital</h2>
        <p><strong>Na Xnergy Digital acreditamos que a Inteligência Artificial só faz sentido quando resolve problemas reais.</strong> Simplificamos IA, ferramentas tecnológicas e soluções no‑code para que empreendedores, criadores e pequenos negócios apliquem sem enrolação.</p>
        <p>Nosso compromisso é com <strong>clareza e resultado prático</strong>: nada de promessas milagrosas — só o que funciona agora, com processos e ferramentas testadas e ensinadas de forma direta.</p>
      </div>
      <aside class="card">
        <h3 style="margin-top:0">O que nos guia</h3>
        <ul class="list">
          <li>Praticidade acima do hype</li>
          <li>Processo repetível > "hacks" temporários</li>
          <li>Transparência e linguagem clara</li>
        </ul>
      </aside>
    </div>
  </section>

  <section class="section" id="provas">
    <div class="container grid grid-2">
      <div class="card testi">
        <div class="muted">"Antes do Tríade, eu gastava 2 dias num anúncio. Agora fecho em menos de 30 minutos — com segurança."</div>
        <div class="author">Mariana S.</div>
        <span class="note">Depoimento ilustrativo de pré‑lançamento</span>
      </div>
      <div class="card testi">
        <div class="muted">"Eu sabia que precisava de IA no meu marketing, mas só aprendi de verdade quando vi esse método fluindo."</div>
        <div class="author">João P.</div>
        <span class="note">Depoimento ilustrativo de pré‑lançamento</span>
      </div>
    </div>
  </section>

  <section class="section" id="transparencia">
    <div class="container card">
      <h2 style="margin-top:0">Transparência e garantia</h2>
      <ul class="list">
        <li>O método não cria desejo do zero — ele canaliza o que já existe no seu mercado.</li>
        <li>Resultados dependem de implementação e consistência.</li>
        <li><strong>Garantia 7 dias</strong>: não gostou, devolvemos 100%.</li>
      </ul>
    </div>
  </section>

  <section class="section" id="oferta">
    <div class="container two-col">
      <div>
        <h2>Oferta de pré‑lançamento</h2>
        <p class="muted">Preço especial <strong>R$ 47,00</strong> à vista ou em até 12x no cartão. Válido enquanto durar o lote.</p>
        <div class="cta-bar">
          <a id="cta" href="https://pay.kiwify.com.br/1fXePCp" target="_blank" class="btn">GARANTIR MEU ACESSO</a>
          <span class="pill">Acesso vitalício</span>
          <span class="pill">Atualizações incluídas</span>
        </div>
      </div>
      <div class="card">
        <h3 style="margin-top:0">Resumo do pacote</h3>
        <ul class="list">
          <li>Minicurso prático + passo a passo</li>
          <li>5 agentes GPT prontos (bônus)</li>
          <li>Matriz de Testes + templates</li>
          <li>Comunidade e materiais complementares</li>
        </ul>
      </div>
    </div>
  </section>

  <section class="section" id="faq">
    <div class="container">
      <h2>Perguntas frequentes</h2>
      <div class="grid">
        <details><summary>Preciso saber programar?</summary><div class="muted">Não. É passo a passo, sem código.</div></details>
        <details><summary>Funciona no ChatGPT gratuito?</summary><div class="muted">Sim. Todos os agentes funcionam no gratuito.</div></details>
        <details><summary>Quanto tempo para aplicar?</summary><div class="muted">Primeira configuração: 1–2h. Depois, cada campanha sai em minutos.</div></details>
        <details><summary>Serve para qual tipo de negócio?</summary><div class="muted">Infoprodutores, afiliados, social media, consultores, pequenos empresários e criadores de conteúdo.</div></details>
        <details><summary>Posso automatizar?</summary><div class="muted">Sim. Na Aula 6 você liga Sheets + Zapier e reduz o "copiar/colar".</div></details>
      </div>
    </div>
  </section>

  <footer>
    <div class="container two-col">
      <div>© Xnergy Digital — Tríade GPT Premium</div>
      <div style="text-align:right">Feito com ❤️ e foco em resultado prático</div>
    </div>
  </footer>
</body>
</html>/* End custom CSS */