<!DOCTYPE html>
<html lang="pt-BR">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="description" content="Vflow: tráfego pago e aquisição de clientes com estrutura. +300 funis, ROI 3x–10x comprovado. Google Ads e Meta Ads com estratégia real — não achismo." />
  <title>Vflow | Empresa de Estruturação de Aquisição de Clientes · Google e Meta Ads</title>

  <!-- ── Favicons: navegadores modernos ── -->
  <link rel="icon" type="image/x-icon"    href="assets/img/favicons/favicon.ico" />
  <link rel="icon" type="image/png" sizes="16x16"  href="assets/img/favicons/favicon-16x16.png" />
  <link rel="icon" type="image/png" sizes="32x32"  href="assets/img/favicons/favicon-32x32.png" />
  <link rel="icon" type="image/png" sizes="48x48"  href="assets/img/favicons/favicon-48x48.png" />
  <link rel="icon" type="image/png" sizes="96x96"  href="assets/img/favicons/favicon-96x96.png" />

  <!-- ── Apple / iOS ── -->
  <link rel="apple-touch-icon"                       href="assets/img/favicons/apple-touch-icon.png" />
  <link rel="apple-touch-icon" sizes="76x76"         href="assets/img/favicons/apple-touch-icon-76x76.png" />
  <link rel="apple-touch-icon" sizes="120x120"       href="assets/img/favicons/apple-touch-icon-120x120.png" />
  <link rel="apple-touch-icon" sizes="152x152"       href="assets/img/favicons/apple-touch-icon-152x152.png" />
  <link rel="apple-touch-icon" sizes="180x180"       href="assets/img/favicons/apple-touch-icon-180x180.png" />
  <meta name="apple-mobile-web-app-title"    content="Vflow" />
  <meta name="apple-mobile-web-app-capable"  content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

  <!-- ── Android / Chrome ── -->
  <link rel="manifest" href="assets/img/favicons/site.webmanifest" />
  <meta name="theme-color" content="#8b5cf6" />
  <meta name="mobile-web-app-capable" content="yes" />

  <!-- ── Windows / Microsoft ── -->
  <meta name="msapplication-TileColor"  content="#08061a" />
  <meta name="msapplication-TileImage"  content="assets/img/favicons/mstile-150x150.png" />
  <meta name="msapplication-config"     content="assets/img/favicons/browserconfig.xml" />

  <!-- ── Open Graph (WhatsApp, LinkedIn, Facebook) ── -->
  <meta property="og:type"        content="website" />
  <meta property="og:title"       content="Vflow | Empresa de Estruturação de Aquisição de Clientes · Google e Meta Ads" />
  <meta property="og:description" content="Tráfego pago e aquisição de clientes com estrutura real. +300 funis implementados. ROI comprovado em Google Ads e Meta Ads — desde 2013." />
  <meta property="og:image"       content="assets/img/favicons/og-image.png" />
  <meta property="og:site_name"   content="Vflow Marketing Digital" />

  <!-- ── Twitter / X Card ── -->
  <meta name="twitter:card"        content="summary_large_image" />
  <meta name="twitter:title"       content="Vflow Marketing Digital" />
  <meta name="twitter:description" content="Tráfego pago e aquisição de clientes com estrutura real. +300 funis implementados. ROI comprovado em Google Ads e Meta Ads — desde 2013." />
  <meta name="twitter:image"       content="assets/img/favicons/og-image.png" />

  <!-- Fonts -->
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet" />

  <!-- Styles -->
  <link rel="stylesheet" href="assets/css/style-2.css" />
  <!-- intl-tel-input -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/intl-tel-input@17.0.19/build/css/intlTelInput.min.css" />

  <!-- Comparativo — estilos premium do bloco de diagnóstico de estrutura -->
  <style>
  /* ── COMPARATIVO PREMIUM ──────────────────────────────── */
  .comparativo { position: relative; }

  /* Bridge / transição antes da tabela */
  .comparativo__bridge {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    max-width: 700px;
    margin: 0 auto 52px;
    padding: 24px 28px;
    background: linear-gradient(135deg, rgba(139,92,246,.08) 0%, rgba(0,212,170,.04) 100%);
    border: 1px solid rgba(139,92,246,.22);
    border-left: 3px solid #8b5cf6;
    border-radius: 0 12px 12px 0;
    color: rgba(255,255,255,.75);
    font-size: .97rem;
    line-height: 1.75;
  }
  .comparativo__bridge-icon {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    background: rgba(139,92,246,.18);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a78bfa;
    font-size: 1rem;
    margin-top: 2px;
  }
  .comparativo__bridge strong { color: #c4b5fd; }

  /* Wrapper scroll mobile */
  .comparativo__table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 20px;
    /* glow sutil */
    box-shadow: 0 0 0 1px rgba(139,92,246,.2), 0 24px 64px rgba(0,0,0,.35);
  }

  /* Tabela */
  .comparativo__table {
    min-width: 680px;
    width: 100%;
    border-collapse: collapse;
    border-radius: 20px;
    overflow: hidden;
    background: rgba(255,255,255,.025);
  }

  /* ── Cabeçalho ── */
  .comparativo__head {
    display: grid;
    grid-template-columns: 2fr 1.15fr 1.4fr 1.5fr;
    background: rgba(13,9,30,.6);
    border-bottom: 1px solid rgba(139,92,246,.3);
  }
  .comparativo__head > div {
    padding: 20px 18px 16px;
    font-size: .68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: rgba(255,255,255,.45);
    display: flex;
    flex-direction: column;
    gap: 6px;
    border-right: 1px solid rgba(255,255,255,.05);
  }
  .comparativo__head > div:last-child { border-right: none; }

  /* coluna Vflow no cabeçalho */
  .comparativo__head > div:nth-child(4) {
    background: linear-gradient(180deg, rgba(139,92,246,.18) 0%, rgba(139,92,246,.06) 100%);
    border-top: 2px solid #8b5cf6;
    color: #c4b5fd;
    padding-top: 18px;
  }
  .comp-head-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: linear-gradient(90deg,#8b5cf6,#00d4aa);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .05em;
  }

  /* ── Linhas de dados ── */
  .comparativo__row {
    display: grid;
    grid-template-columns: 2fr 1.15fr 1.4fr 1.5fr;
    border-bottom: 1px solid rgba(255,255,255,.045);
    transition: background .15s;
  }
  .comparativo__row:last-child { border-bottom: none; }
  .comparativo__row:nth-child(odd) { background: rgba(255,255,255,.012); }
  .comparativo__row:hover { background: rgba(139,92,246,.06); }

  .comparativo__row > div {
    padding: 15px 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid rgba(255,255,255,.04);
    font-size: .875rem;
  }
  .comparativo__row > div:first-child {
    justify-content: flex-start;
    color: rgba(255,255,255,.82);
    font-weight: 500;
    font-size: .875rem;
  }
  .comparativo__row > div:last-child { border-right: none; }

  /* 4ª coluna — Vflow */
  .comparativo__row > div:nth-child(4) {
    background: rgba(139,92,246,.08);
  }

  /* ── Ícones de status ── */
  .ci { display: inline-flex; align-items: center; justify-content: center; }
  .ci svg { display: block; }

  /* ── Outro / conclusão ── */
  .comparativo__outro {
    text-align: center;
    max-width: 620px;
    margin: 52px auto 0;
    padding: 32px;
    background: linear-gradient(135deg, rgba(139,92,246,.07) 0%, rgba(0,212,170,.04) 100%);
    border: 1px solid rgba(139,92,246,.18);
    border-radius: 16px;
    color: rgba(255,255,255,.7);
    font-size: 1rem;
    line-height: 1.8;
  }
  .comparativo__outro p { margin: 0; }
  .comparativo__outro strong { color: rgba(255,255,255,.92); }

  .comparativo__cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    margin-top: 40px;
    text-align: center;
  }
  .comparativo__cta-text {
    color: rgba(255,255,255,.45);
    font-size: .9rem;
    letter-spacing: .01em;
  }

  @media (max-width: 768px) {
    .comparativo__bridge {
      flex-direction: column;
      gap: 10px;
      border-radius: 12px;
      border-left-width: 1px;
      border-top: 3px solid #8b5cf6;
    }
  }

  @media (max-width: 640px) {
    /* Remove scroll — tabela se adapta */
    .comparativo__table-wrap {
      overflow-x: hidden;
      border-radius: 14px;
    }
    .comparativo__table { min-width: 0; border-radius: 14px; }

    /* Grid compacto: critério largo, ícones estreitos */
    .comparativo__head,
    .comparativo__row {
      grid-template-columns: 1.55fr 0.65fr 0.8fr 0.78fr;
    }

    /* Cabeçalho */
    .comparativo__head > div {
      padding: 14px 6px 10px;
      font-size: .56rem;
      letter-spacing: .05em;
      line-height: 1.4;
    }
    .comparativo__head > div:nth-child(4) { padding-top: 12px; }
    .comp-head-badge { font-size: .62rem; }

    /* Células de dados */
    .comparativo__row > div {
      padding: 11px 6px;
      font-size: .68rem;
      line-height: 1.35;
    }
    .comparativo__row > div:first-child {
      font-size: .7rem;
      padding: 11px 10px 11px 12px;
    }

    /* Ícones SVG menores */
    .ci svg { width: 17px !important; height: 17px !important; }

    .comparativo__outro { padding: 24px 18px; font-size: .9rem; }
    .comparativo__bridge { padding: 18px 16px; font-size: .88rem; }
  }


  /* ── ESPAÇAMENTOS GLOBAIS OTIMIZADOS ─────────────────── */
  /* Desktop: reduz padding de secoes de 72px para 56px */
  .section { padding: 56px 0; }
  .section-header { margin-bottom: 40px; }

  /* Elementos internos mais proximos */
  .cta-strip { margin-top: 44px; }
  .provas__highlights { margin-bottom: 40px; }
  .stats-grid { gap: 18px; }
  .cases-grid { gap: 18px; }
  .servicos-grid { gap: 18px; }
  .sites-grid { gap: 18px; }

  /* Comparativo: reduz espacos internos */
  .comparativo__bridge { margin-bottom: 40px; }
  .comparativo__outro { margin-top: 40px; }
  .comparativo__cta { margin-top: 28px; }

  /* Diferenciais */
  .diferenciais__outro { margin-top: 40px; }

  /* ── Hero stats mobile: 3 colunas lado a lado ─────── */
  @media (max-width: 768px) {
    /* Reduz espaçamento entre seções */
    .section { padding: 44px 0 !important; }
    .section-header { margin-bottom: 32px !important; }
    .cta-strip { margin-top: 36px !important; }

    /* Hero stats: linha horizontal */
    .hero__stats {
      flex-direction: row !important;
      flex-wrap: nowrap !important;
      justify-content: center;
      padding: 18px 16px !important;
      width: 100% !important;
      box-sizing: border-box;
      gap: 0 !important;
    }
    .hero__stat {
      flex: 1 !important;
      min-width: 0 !important;
      max-width: none !important;
      padding: 0 10px !important;
    }
    .hero__stat:first-child { padding-left: 0 !important; }
    .hero__stat:last-child  { padding-right: 0 !important; }
    .hero__stat-number { font-size: 1.15rem !important; }
    .hero__stat-label  { font-size: 0.6rem !important; }
    .hero__divider {
      width: 1px !important;
      height: auto !important;
      align-self: stretch !important;
      min-height: 40px;
    }
  }

  /* ── DIFERENCIAIS PREMIUM ─────────────────────────────── */
  .diferenciais__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
  }

  .diferencial-item {
    position: relative;
    padding: 26px 22px 24px;
    background: linear-gradient(145deg, rgba(139,92,246,.07) 0%, rgba(8,6,26,.6) 100%);
    border: 1px solid rgba(139,92,246,.16);
    border-radius: 18px;
    overflow: hidden;
    transition: border-color .25s, transform .25s, box-shadow .25s;
  }

  /* Linha de destaque no topo — aparece no hover */
  .diferencial-item::after {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
    background: linear-gradient(90deg, #8b5cf6, #00d4aa);
    opacity: 0;
    transition: opacity .25s;
  }
  .diferencial-item:hover::after { opacity: 1; }
  .diferencial-item:hover {
    border-color: rgba(139,92,246,.38);
    transform: translateY(-4px);
    box-shadow: 0 16px 48px rgba(139,92,246,.14);
  }

  /* Ícone com fundo gradient */
  .dif-icon {
    width: 48px; height: 48px;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(139,92,246,.3) 0%, rgba(0,212,170,.18) 100%);
    border: 1px solid rgba(139,92,246,.25);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    flex-shrink: 0;
    transition: box-shadow .25s;
  }
  .diferencial-item:hover .dif-icon {
    box-shadow: 0 0 20px rgba(139,92,246,.25);
  }

  .diferencial-item h3 {
    font-size: .93rem;
    font-weight: 700;
    color: rgba(255,255,255,.92);
    line-height: 1.45;
    margin: 0 0 10px;
  }
  .diferencial-item p {
    font-size: .81rem;
    color: rgba(255,255,255,.48);
    line-height: 1.72;
    margin: 0;
  }

  .diferenciais__outro {
    text-align: center;
    max-width: 620px;
    margin: 52px auto 0;
    padding: 30px 32px;
    background: linear-gradient(135deg, rgba(139,92,246,.07) 0%, rgba(0,212,170,.04) 100%);
    border: 1px solid rgba(139,92,246,.18);
    border-radius: 16px;
    color: rgba(255,255,255,.68);
    font-size: 1rem;
    line-height: 1.8;
  }
  .diferenciais__outro p { margin: 0; }

  @media (max-width: 1024px) {
    .diferenciais__grid { grid-template-columns: repeat(2, 1fr); }
  }
  @media (max-width: 640px) {
    .diferenciais__grid { grid-template-columns: 1fr; gap: 14px; }
    .diferencial-item { padding: 22px 18px 20px; }
    .dif-icon { width: 42px; height: 42px; border-radius: 10px; margin-bottom: 14px; }
    .diferencial-item h3 { font-size: .88rem; }
  }

  /* ── HERO BADGE (longa) — responsivo ─────────────────── */
  .hero__badge { font-size: clamp(.65rem, 1.5vw, .85rem); white-space: normal; text-align: center; max-width: 400px; line-height: 1.5; }
  </style>

  
  
  <!-- Pixels -->
  <!-- Meta Pixel: 227194882419833 -->
<script>!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,'script','https://connect.facebook.net/en_US/fbevents.js');fbq('init','227194882419833');fbq('track','PageView');</script>
<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=227194882419833&ev=PageView&noscript=1"/></noscript>
<!-- /Meta Pixel -->
<!-- Google Tag Manager: GTM-NKJ5GHM -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f)})(window,document,'script','dataLayer','GTM-NKJ5GHM');</script>
<!-- /GTM -->
</head>

<body>

  <!-- GTM noscript: GTM-NKJ5GHM -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NKJ5GHM" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

  <!-- ══════════════════════════════════════════════
       NAVIGATION
  ══════════════════════════════════════════════ -->
  <nav class="nav" id="nav" role="navigation" aria-label="Menu principal">
    <div class="nav__container">
      <a href="#hero" class="nav__logo" aria-label="Vflow — página inicial">
        <img src="assets/img/logo-agencia.png" alt="Vflow Marketing Digital" />
      </a>
      <ul class="nav__menu" id="nav-menu">
        <li><a href="#sobre">Sobre</a></li>
        <li><a href="#diferenciais">Diferenciais</a></li>
        <li><a href="#resultados">Resultados</a></li>
        <li><a href="#cases">Cases</a></li>
        <li><a href="#portfolio">Portfólio</a></li>
        <li><a href="#provas">Provas</a></li>
        <li><a href="#servicos">Serviços</a></li>
        <li><a href="#contato" class="nav__cta">Falar com Especialista</a></li>
      </ul>
      <button class="nav__hamburger" id="hamburger" aria-label="Abrir menu" aria-expanded="false">
        <span></span><span></span><span></span>
      </button>
    </div>
  </nav>

  <!-- ══════════════════════════════════════════════
       HERO
  ══════════════════════════════════════════════ -->
  <section class="hero" id="hero">
    <div class="hero__bg" aria-hidden="true">
      <div class="hero__orb hero__orb--1"></div>
      <div class="hero__orb hero__orb--2"></div>
      <div class="hero__orb hero__orb--3"></div>
    </div>

    <div class="hero__container">
      <div class="hero__badge fade-in">Sistema de aquisição de clientes para empresas que querem crescer com previsibilidade</div>

      <h1 class="hero__title fade-in">
        Seu negócio merece<br />
        <span class="gradient-text">crescer com método,</span><br />
        não com sorte.
      </h1>

      <p class="hero__subtitle fade-in">
        A Vflow transforma aquisição de clientes em crescimento previsível.<br />
        Mais de uma década construindo arquiteturas estratégicas que geram resultados reais.
      </p>

      <div class="hero__ctas fade-in">
        <a href="#contato" class="btn btn--primary">
          Quero crescer com estrutura →
        </a>
        <a href="#cases" class="btn btn--outline">Ver cases de sucesso</a>
      </div>

      <div class="hero__stats fade-in" role="list">
        <div class="hero__stat" role="listitem">
          <span class="hero__stat-number">+10 anos</span>
          <span class="hero__stat-label">Construindo sistemas previsíveis de aquisição de clientes</span>
        </div>
        <div class="hero__divider" aria-hidden="true"></div>
        <div class="hero__stat" role="listitem">
          <span class="hero__stat-number">+300 funis</span>
          <span class="hero__stat-label">Implementados do zero à geração consistente de vendas</span>
        </div>
        <div class="hero__divider" aria-hidden="true"></div>
        <div class="hero__stat" role="listitem">
          <span class="hero__stat-number">ROI 3x–10x</span>
          <span class="hero__stat-label">em operações de aquisição estruturadas pela Vflow</span>
        </div>
      </div>

      <a href="#contato" class="hero__cta-sub fade-in">
        Solicitar diagnóstico estratégico
        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
      </a>

    </div>

  </section>

  <!-- ══════════════════════════════════════════════
       SOBRE
  ══════════════════════════════════════════════ -->
  <section class="section sobre" id="sobre">
    <div class="container">

      <!-- Cabeçalho centralizado -->
      <div class="sobre__header reveal">
        <span class="section-label">Quem Somos</span>
        <h2 class="section-title">
          Estratégia · Aquisição ·
          <span class="gradient-text">Arquitetura Comercial</span>
        </h2>
        <p class="sobre__lead">
          A Vflow atua há mais de uma década construindo arquiteturas de crescimento para empresas que
          buscam expansão estruturada. Integramos estratégia, aquisição e tecnologia para transformar
          marketing em receita previsível — com método, não com sorte.
        </p>
      </div>

      <!-- 4 pilares em faixa horizontal -->
      <div class="sobre__pilares">
        <div class="sobre__card reveal">
          <div class="sobre__card-icon">🎯</div>
          <strong>Posicionamento Estratégico</strong>
          <p>Mensagem clara e diferenciação sólida para que o cliente certo chegue até você</p>
        </div>
        <div class="sobre__card reveal">
          <div class="sobre__card-icon">⚡</div>
          <strong>Aquisição Qualificada</strong>
          <p>Leads com perfil definido e interesse validado que reduzem o esforço comercial</p>
        </div>
        <div class="sobre__card reveal">
          <div class="sobre__card-icon">
            <svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
              <defs>
                <linearGradient id="funnel-grad" x1="0" y1="0" x2="1" y2="1">
                  <stop offset="0%" stop-color="#00d4aa"/>
                  <stop offset="100%" stop-color="#8b5cf6"/>
                </linearGradient>
              </defs>
              <!-- funil -->
              <path d="M4 5h28l-11 13v10l-6-3V18L4 5z" fill="url(#funnel-grad)" opacity="0.85"/>
              <!-- cifrão -->
              <text x="18" y="35" text-anchor="middle" fill="#00d4aa" font-size="11" font-weight="900" font-family="Inter,sans-serif">$</text>
            </svg>
          </div>
          <strong>Automação Comercial</strong>
          <p>Sistemas integrados que nutrem, qualificam e convertem enquanto você foca no negócio</p>
        </div>
        <div class="sobre__card reveal">
          <div class="sobre__card-icon">💰</div>
          <strong>Aumento de Receita</strong>
          <p>Aquisição qualificada em escala, ticket médio elevado e ciclo comercial reduzido — crescimento mensurado em faturamento e margem</p>
        </div>
      </div>

    </div>
  </section>


  <!-- ══════════════════════════════════════════════
       COMPARATIVO — DIAGNÓSTICO DE ESTRUTURA
  ══════════════════════════════════════════════ -->
  <section class="section comparativo" id="comparativo">
    <div class="container">

      <div class="section-header">
        <span class="section-label reveal">Diagnóstico de Estrutura</span>
        <h2 class="section-title reveal">
          O que realmente está por trás do crescimento<br />
          <span class="gradient-text">de empresas que escalam faturamento</span>
        </h2>
        <p class="section-desc reveal">
          Nem todo modelo de marketing cobre todas as etapas necessárias para gerar crescimento previsível.
        </p>
      </div>

      <!-- Transição antes: contextualiza o problema -->
      <div class="comparativo__bridge reveal">
        <div class="comparativo__bridge-icon" aria-hidden="true">⚡</div>
        <div>
          A maioria das empresas que não cresce <strong>não tem problema de orçamento</strong> — tem problema de estrutura.<br />
          Veja o que separa quem escala com previsibilidade de quem opera sem estrutura definida:
        </div>
      </div>

      <div class="comparativo__table-wrap reveal">
        <div class="comparativo__table">
          <div class="comparativo__row comparativo__head">
            <div>Critério</div>
            <div>Gestor de<br/>Tráfego Pago</div>
            <div>Agência de<br/>Marketing Digital</div>
            <div>
              <span class="comp-head-badge">★ VFLOW</span>
              Sistema de Aquisição<br/>Estruturado
            </div>
          </div>
          <div class="comparativo__row">
            <div>Gestão de anúncios</div>
            <div><span class="ci"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" aria-label="Sim"><circle cx="11" cy="11" r="10" fill="rgba(0,212,170,.12)" stroke="#00d4aa" stroke-width="1.5"/><polyline points="6.5,11 9.5,14 15.5,8" stroke="#00d4aa" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></div>
            <div><span class="ci"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" aria-label="Sim"><circle cx="11" cy="11" r="10" fill="rgba(0,212,170,.12)" stroke="#00d4aa" stroke-width="1.5"/><polyline points="6.5,11 9.5,14 15.5,8" stroke="#00d4aa" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></div>
            <div><span class="ci"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" aria-label="Sim"><circle cx="11" cy="11" r="10" fill="rgba(0,212,170,.12)" stroke="#00d4aa" stroke-width="1.5"/><polyline points="6.5,11 9.5,14 15.5,8" stroke="#00d4aa" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></div>
          </div>
          <div class="comparativo__row">
            <div>Estratégia de aquisição</div>
            <div><span class="ci"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" aria-label="Sim"><circle cx="11" cy="11" r="10" fill="rgba(0,212,170,.12)" stroke="#00d4aa" stroke-width="1.5"/><polyline points="6.5,11 9.5,14 15.5,8" stroke="#00d4aa" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></div>
            <div><span class="ci"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" aria-label="Sim"><circle cx="11" cy="11" r="10" fill="rgba(0,212,170,.12)" stroke="#00d4aa" stroke-width="1.5"/><polyline points="6.5,11 9.5,14 15.5,8" stroke="#00d4aa" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></div>
            <div><span class="ci"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" aria-label="Sim"><circle cx="11" cy="11" r="10" fill="rgba(0,212,170,.12)" stroke="#00d4aa" stroke-width="1.5"/><polyline points="6.5,11 9.5,14 15.5,8" stroke="#00d4aa" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></div>
          </div>
          <div class="comparativo__row">
            <div>Funil de vendas estruturado</div>
            <div><span class="ci"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" aria-label="Não"><circle cx="11" cy="11" r="10" fill="rgba(255,255,255,.03)" stroke="rgba(255,255,255,.12)" stroke-width="1.5"/><line x1="7.5" y1="7.5" x2="14.5" y2="14.5" stroke="rgba(255,255,255,.22)" stroke-width="2" stroke-linecap="round"/><line x1="14.5" y1="7.5" x2="7.5" y2="14.5" stroke="rgba(255,255,255,.22)" stroke-width="2" stroke-linecap="round"/></svg></span></div>
            <div><span class="ci"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" aria-label="Parcial"><path d="M11 2.5L20 19.5H2L11 2.5Z" fill="rgba(245,158,11,.12)" stroke="#f59e0b" stroke-width="1.5" stroke-linejoin="round"/><rect x="10.2" y="9" width="1.6" height="5" rx=".8" fill="#f59e0b"/><circle cx="11" cy="16.5" r=".9" fill="#f59e0b"/></svg></span></div>
            <div><span class="ci"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" aria-label="Sim"><circle cx="11" cy="11" r="10" fill="rgba(0,212,170,.12)" stroke="#00d4aa" stroke-width="1.5"/><polyline points="6.5,11 9.5,14 15.5,8" stroke="#00d4aa" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></div>
          </div>
          <div class="comparativo__row">
            <div>Integração com CRM</div>
            <div><span class="ci"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" aria-label="Não"><circle cx="11" cy="11" r="10" fill="rgba(255,255,255,.03)" stroke="rgba(255,255,255,.12)" stroke-width="1.5"/><line x1="7.5" y1="7.5" x2="14.5" y2="14.5" stroke="rgba(255,255,255,.22)" stroke-width="2" stroke-linecap="round"/><line x1="14.5" y1="7.5" x2="7.5" y2="14.5" stroke="rgba(255,255,255,.22)" stroke-width="2" stroke-linecap="round"/></svg></span></div>
            <div><span class="ci"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" aria-label="Parcial"><path d="M11 2.5L20 19.5H2L11 2.5Z" fill="rgba(245,158,11,.12)" stroke="#f59e0b" stroke-width="1.5" stroke-linejoin="round"/><rect x="10.2" y="9" width="1.6" height="5" rx=".8" fill="#f59e0b"/><circle cx="11" cy="16.5" r=".9" fill="#f59e0b"/></svg></span></div>
            <div><span class="ci"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" aria-label="Sim"><circle cx="11" cy="11" r="10" fill="rgba(0,212,170,.12)" stroke="#00d4aa" stroke-width="1.5"/><polyline points="6.5,11 9.5,14 15.5,8" stroke="#00d4aa" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></div>
          </div>
          <div class="comparativo__row">
            <div>Automação comercial</div>
            <div><span class="ci"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" aria-label="Não"><circle cx="11" cy="11" r="10" fill="rgba(255,255,255,.03)" stroke="rgba(255,255,255,.12)" stroke-width="1.5"/><line x1="7.5" y1="7.5" x2="14.5" y2="14.5" stroke="rgba(255,255,255,.22)" stroke-width="2" stroke-linecap="round"/><line x1="14.5" y1="7.5" x2="7.5" y2="14.5" stroke="rgba(255,255,255,.22)" stroke-width="2" stroke-linecap="round"/></svg></span></div>
            <div><span class="ci"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" aria-label="Não"><circle cx="11" cy="11" r="10" fill="rgba(255,255,255,.03)" stroke="rgba(255,255,255,.12)" stroke-width="1.5"/><line x1="7.5" y1="7.5" x2="14.5" y2="14.5" stroke="rgba(255,255,255,.22)" stroke-width="2" stroke-linecap="round"/><line x1="14.5" y1="7.5" x2="7.5" y2="14.5" stroke="rgba(255,255,255,.22)" stroke-width="2" stroke-linecap="round"/></svg></span></div>
            <div><span class="ci"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" aria-label="Sim"><circle cx="11" cy="11" r="10" fill="rgba(0,212,170,.12)" stroke="#00d4aa" stroke-width="1.5"/><polyline points="6.5,11 9.5,14 15.5,8" stroke="#00d4aa" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></div>
          </div>
          <div class="comparativo__row">
            <div>Diagnóstico do processo de vendas</div>
            <div><span class="ci"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" aria-label="Não"><circle cx="11" cy="11" r="10" fill="rgba(255,255,255,.03)" stroke="rgba(255,255,255,.12)" stroke-width="1.5"/><line x1="7.5" y1="7.5" x2="14.5" y2="14.5" stroke="rgba(255,255,255,.22)" stroke-width="2" stroke-linecap="round"/><line x1="14.5" y1="7.5" x2="7.5" y2="14.5" stroke="rgba(255,255,255,.22)" stroke-width="2" stroke-linecap="round"/></svg></span></div>
            <div><span class="ci"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" aria-label="Não"><circle cx="11" cy="11" r="10" fill="rgba(255,255,255,.03)" stroke="rgba(255,255,255,.12)" stroke-width="1.5"/><line x1="7.5" y1="7.5" x2="14.5" y2="14.5" stroke="rgba(255,255,255,.22)" stroke-width="2" stroke-linecap="round"/><line x1="14.5" y1="7.5" x2="7.5" y2="14.5" stroke="rgba(255,255,255,.22)" stroke-width="2" stroke-linecap="round"/></svg></span></div>
            <div><span class="ci"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" aria-label="Sim"><circle cx="11" cy="11" r="10" fill="rgba(0,212,170,.12)" stroke="#00d4aa" stroke-width="1.5"/><polyline points="6.5,11 9.5,14 15.5,8" stroke="#00d4aa" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></div>
          </div>
          <div class="comparativo__row">
            <div>Métricas de negócio (ROI, CAC, LTV)</div>
            <div><span class="ci"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" aria-label="Sim"><circle cx="11" cy="11" r="10" fill="rgba(0,212,170,.12)" stroke="#00d4aa" stroke-width="1.5"/><polyline points="6.5,11 9.5,14 15.5,8" stroke="#00d4aa" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></div>
            <div><span class="ci"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" aria-label="Sim"><circle cx="11" cy="11" r="10" fill="rgba(0,212,170,.12)" stroke="#00d4aa" stroke-width="1.5"/><polyline points="6.5,11 9.5,14 15.5,8" stroke="#00d4aa" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></div>
            <div><span class="ci"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" aria-label="Sim"><circle cx="11" cy="11" r="10" fill="rgba(0,212,170,.12)" stroke="#00d4aa" stroke-width="1.5"/><polyline points="6.5,11 9.5,14 15.5,8" stroke="#00d4aa" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></div>
          </div>
          <div class="comparativo__row">
            <div>Foco em faturamento</div>
            <div><span class="ci"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" aria-label="Sim"><circle cx="11" cy="11" r="10" fill="rgba(0,212,170,.12)" stroke="#00d4aa" stroke-width="1.5"/><polyline points="6.5,11 9.5,14 15.5,8" stroke="#00d4aa" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></div>
            <div><span class="ci"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" aria-label="Sim"><circle cx="11" cy="11" r="10" fill="rgba(0,212,170,.12)" stroke="#00d4aa" stroke-width="1.5"/><polyline points="6.5,11 9.5,14 15.5,8" stroke="#00d4aa" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></div>
            <div><span class="ci"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" aria-label="Sim"><circle cx="11" cy="11" r="10" fill="rgba(0,212,170,.12)" stroke="#00d4aa" stroke-width="1.5"/><polyline points="6.5,11 9.5,14 15.5,8" stroke="#00d4aa" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></div>
          </div>
          <div class="comparativo__row">
            <div>Previsibilidade de crescimento</div>
            <div><span class="ci"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" aria-label="Não"><circle cx="11" cy="11" r="10" fill="rgba(255,255,255,.03)" stroke="rgba(255,255,255,.12)" stroke-width="1.5"/><line x1="7.5" y1="7.5" x2="14.5" y2="14.5" stroke="rgba(255,255,255,.22)" stroke-width="2" stroke-linecap="round"/><line x1="14.5" y1="7.5" x2="7.5" y2="14.5" stroke="rgba(255,255,255,.22)" stroke-width="2" stroke-linecap="round"/></svg></span></div>
            <div><span class="ci"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" aria-label="Parcial"><path d="M11 2.5L20 19.5H2L11 2.5Z" fill="rgba(245,158,11,.12)" stroke="#f59e0b" stroke-width="1.5" stroke-linejoin="round"/><rect x="10.2" y="9" width="1.6" height="5" rx=".8" fill="#f59e0b"/><circle cx="11" cy="16.5" r=".9" fill="#f59e0b"/></svg></span></div>
            <div><span class="ci"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" aria-label="Sim"><circle cx="11" cy="11" r="10" fill="rgba(0,212,170,.12)" stroke="#00d4aa" stroke-width="1.5"/><polyline points="6.5,11 9.5,14 15.5,8" stroke="#00d4aa" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></div>
          </div>
          <div class="comparativo__row">
            <div>Conhecimento profundo de negócios</div>
            <div><span class="ci"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" aria-label="Não"><circle cx="11" cy="11" r="10" fill="rgba(255,255,255,.03)" stroke="rgba(255,255,255,.12)" stroke-width="1.5"/><line x1="7.5" y1="7.5" x2="14.5" y2="14.5" stroke="rgba(255,255,255,.22)" stroke-width="2" stroke-linecap="round"/><line x1="14.5" y1="7.5" x2="7.5" y2="14.5" stroke="rgba(255,255,255,.22)" stroke-width="2" stroke-linecap="round"/></svg></span></div>
            <div><span class="ci"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" aria-label="Parcial"><path d="M11 2.5L20 19.5H2L11 2.5Z" fill="rgba(245,158,11,.12)" stroke="#f59e0b" stroke-width="1.5" stroke-linejoin="round"/><rect x="10.2" y="9" width="1.6" height="5" rx=".8" fill="#f59e0b"/><circle cx="11" cy="16.5" r=".9" fill="#f59e0b"/></svg></span></div>
            <div><span class="ci"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" aria-label="Sim"><circle cx="11" cy="11" r="10" fill="rgba(0,212,170,.12)" stroke="#00d4aa" stroke-width="1.5"/><polyline points="6.5,11 9.5,14 15.5,8" stroke="#00d4aa" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></div>
          </div>
          <div class="comparativo__row">
            <div>Design de criativos</div>
            <div><span class="ci"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" aria-label="Não"><circle cx="11" cy="11" r="10" fill="rgba(255,255,255,.03)" stroke="rgba(255,255,255,.12)" stroke-width="1.5"/><line x1="7.5" y1="7.5" x2="14.5" y2="14.5" stroke="rgba(255,255,255,.22)" stroke-width="2" stroke-linecap="round"/><line x1="14.5" y1="7.5" x2="7.5" y2="14.5" stroke="rgba(255,255,255,.22)" stroke-width="2" stroke-linecap="round"/></svg></span></div>
            <div><span class="ci"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" aria-label="Sim"><circle cx="11" cy="11" r="10" fill="rgba(0,212,170,.12)" stroke="#00d4aa" stroke-width="1.5"/><polyline points="6.5,11 9.5,14 15.5,8" stroke="#00d4aa" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></div>
            <div><span class="ci"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" aria-label="Sim"><circle cx="11" cy="11" r="10" fill="rgba(0,212,170,.12)" stroke="#00d4aa" stroke-width="1.5"/><polyline points="6.5,11 9.5,14 15.5,8" stroke="#00d4aa" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></div>
          </div>
        </div>
      </div>

      <!-- Conclusão estratégica após o quadro -->
      <div class="comparativo__outro reveal">
        <p>
          O problema não está em investir em marketing.<br />
          Está em investir sem uma <strong>estrutura que sustente o crescimento</strong>.
        </p>
      </div>

      <div class="comparativo__cta reveal">
        <span class="comparativo__cta-text">É exatamente essa estrutura que explica os números a seguir.</span>
        <a href="#diferenciais" class="btn btn--outline">Ver nossos diferenciais →</a>
      </div>

    </div>
  </section>


  <!-- ══════════════════════════════════════════════
       DIFERENCIAIS
  ══════════════════════════════════════════════ -->
  <section class="section diferenciais" id="diferenciais">
    <div class="container">

      <div class="section-header">
        <span class="section-label reveal">Nossos Diferenciais</span>
        <h2 class="section-title reveal">
          Por que empresas que querem escalar faturamento<br />
          <span class="gradient-text">com consistência escolhem a Vflow</span>
        </h2>
      </div>

      <div class="diferenciais__grid">

        <div class="diferencial-item reveal">
          <div class="dif-icon"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#a78bfa" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="10"/><circle cx="12" cy="12" r="6"/><circle cx="12" cy="12" r="2"/></svg></div>
          <h3>Campanhas geram picos. Sistema de aquisição gera crescimento.</h3>
          <p>Construímos tráfego, funil, CRM e dados em um sistema único que sustenta crescimento com previsibilidade — não depende de campanha do mês.</p>
        </div>

        <div class="diferencial-item reveal">
          <div class="dif-icon"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#a78bfa" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="18" y1="20" x2="18" y2="10"/><line x1="12" y1="20" x2="12" y2="4"/><line x1="6" y1="20" x2="6" y2="14"/><line x1="3" y1="20" x2="21" y2="20"/></svg></div>
          <h3>Decisão sem dados corrói margem. Cada movimento orientado por métricas de negócio reais.</h3>
          <p>Cada ação é guiada por métricas de negócio reais: faturamento, lucro e retorno sobre investimento. Nada baseado em achismo.</p>
        </div>

        <div class="diferencial-item reveal">
          <div class="dif-icon"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#a78bfa" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg></div>
          <h3>Lead sem processo comercial é desperdício.</h3>
          <p>Integramos marketing com vendas para transformar leads em vendas e aumentar o lucro — não apenas gerar contatos.</p>
        </div>

        <div class="diferencial-item reveal">
          <div class="dif-icon"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#a78bfa" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg></div>
          <h3>Vaidade de métricas não escala receita. Faturamento e margem são os únicos KPIs que sustentam operação.</h3>
          <p>Nosso foco é gerar clientes, aumentar vendas e lucro de forma mensurável — não impressões ou cliques.</p>
        </div>

        <div class="diferencial-item reveal">
          <div class="dif-icon"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#a78bfa" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"/><polyline points="17 6 23 6 23 12"/></svg></div>
          <h3>Estrutura que suporta crescimento — não só operação.</h3>
          <p>Criamos um sistema de aquisição preparado para escalar sem perder eficiência ou previsibilidade.</p>
        </div>

        <div class="diferencial-item reveal">
          <div class="dif-icon"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#a78bfa" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg></div>
          <h3>Antes de investir mais, corrigimos o que está vazando.</h3>
          <p>Identificamos onde o dinheiro está sendo perdido antes de escalar o investimento em mídia.</p>
        </div>

        <div class="diferencial-item reveal">
          <div class="dif-icon"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#a78bfa" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"/></svg></div>
          <h3>Nem todo negócio precisa de mais marketing.</h3>
          <p>Trabalhamos com empresas que já têm base e querem crescer com método — não com atalhos que não sustentam.</p>
        </div>

        <div class="diferencial-item reveal">
          <div class="dif-icon"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#a78bfa" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="8" r="7"/><polyline points="8.21 13.89 7 23 12 20 17 23 15.79 13.88"/></svg></div>
          <h3>Mais de uma década construindo operações reais.</h3>
          <p>Sem teoria — apenas metodologia aplicada e validada em mais de 300 operações reais, em dezenas de segmentos.</p>
        </div>

      </div>

      <div class="diferenciais__outro reveal">
        <p>
          O problema raramente está na falta de marketing.<br />
          Está na falta de um <strong style="color:rgba(255,255,255,.88)">sistema de aquisição</strong> que gere vendas e lucro com consistência.
        </p>
      </div>

    </div>
  </section>

  <!-- ══════════════════════════════════════════════
       RESULTADOS
  ══════════════════════════════════════════════ -->
  <section class="section resultados" id="resultados">
    <div class="container">
      <div class="section-header">
        <span class="section-label reveal">Resultados Construídos com Estrutura</span>
        <h2 class="section-title reveal">
          O que estrutura gera —<br /><span class="gradient-text">em receita real</span>
        </h2>
        <p class="section-desc reveal">
          Empresas de saúde, educação, varejo e serviços que decidiram crescer com método,
          não com atalhos. Resultados documentados, não promessas.
        </p>
      </div>

      <div class="stats-grid">
        <div class="stat-card reveal">
          <span class="stat-card__number">R$ 1,25M</span>
          <div class="stat-card__label">Crescimento de Receita</div>
          <p class="stat-card__desc">De R$ 200 mil para R$ 1,25 milhão em faturamento anual</p>
        </div>
        <div class="stat-card reveal">
          <span class="stat-card__number">R$ 700K</span>
          <div class="stat-card__label">Faturamento Mensal</div>
          <p class="stat-card__desc">Evolução de R$ 220 mil para R$ 700 mil por mês</p>
        </div>
        <div class="stat-card reveal">
          <span class="stat-card__number">R$ 217K</span>
          <div class="stat-card__label">Receita Recorrente</div>
          <p class="stat-card__desc">61 clientes recorrentes gerando R$ 217 mil mensais</p>
        </div>
        <div class="stat-card reveal">
          <span class="stat-card__number">R$ 850K</span>
          <div class="stat-card__label">Em Vendas Geradas</div>
          <p class="stat-card__desc">Retorno gerado a partir de investimento inicial de R$ 3.500</p>
        </div>
        <div class="stat-card reveal">
          <span class="stat-card__number">1.000+</span>
          <div class="stat-card__label">Alunos Matriculados</div>
          <p class="stat-card__desc">Sistema estruturado de captação educacional e escalável</p>
        </div>
        <div class="stat-card reveal">
          <span class="stat-card__number">+10x</span>
          <div class="stat-card__label">ROI Validado</div>
          <p class="stat-card__desc">Retorno sobre investimento validado em múltiplos ciclos comerciais</p>
        </div>
      </div>

      <!-- CTA strip pós-resultados -->
      <div class="cta-strip reveal">
        <div class="cta-strip__text">
          <p class="cta-strip__headline">Esses resultados foram estruturados com método — e o seu negócio tem o mesmo potencial de escala.</p>
          <p class="cta-strip__sub">Em 30 minutos mostramos exatamente o que está impedindo o seu faturamento de escalar.</p>
        </div>
        <a href="#contato" class="btn btn--primary cta-strip__btn">Quero descobrir meu próximo passo de crescimento →</a>
      </div>

    </div>
  </section>

  <!-- ══════════════════════════════════════════════
       CASES — DEPOIMENTOS EM VÍDEO
  ══════════════════════════════════════════════ -->
  <section class="section cases" id="cases">
    <div class="container">
      <div class="section-header">
        <span class="section-label reveal">Empresários Relatam</span>
        <h2 class="section-title reveal">
          Resultados reais,<br /><span class="gradient-text">não promessas</span>
        </h2>
        <p class="section-desc reveal">
          Depoimentos em vídeo de empresários que implementaram nossa metodologia
          e obtiveram expansão mensurável. Clique para assistir.
        </p>
      </div>

      <div class="cases-grid">
        <div
          class="case-card reveal"
          data-video="BdnA2__mbww"
          data-thumb="assets/img/thumbnails/case_BdnA2__mbww.jpg"
          role="button"
          tabindex="0"
          aria-label="Assistir depoimento do Dr. Artiles"
        >
          <div class="case-card__thumb">
            <img src="assets/img/thumbnails/case_BdnA2__mbww.jpg" alt="Dr. Artiles — Case Vflow" loading="lazy" />
            <div class="case-card__play" aria-hidden="true">
              <span class="case-card__play-icon">▶</span>
              <span class="case-card__play-label">Assistir depoimento</span>
            </div>
          </div>
          <div class="case-card__content">
            <span class="case-card__tag">Clínica Médica</span>
            <h3>Dr. Artiles</h3>
            <p>"Crescimento superior a 50% — reestruturação completa da captação e do processo comercial com resultados documentados."</p>
            <span class="case-card__cta">▶ Assistir depoimento</span>
          </div>
        </div>

        <div
          class="case-card reveal"
          data-video="RGXoakUgBAk"
          data-thumb="assets/img/thumbnails/case_RGXoakUgBAk.jpg"
          role="button"
          tabindex="0"
          aria-label="Assistir depoimento de Luciana da Verace Pizza"
        >
          <div class="case-card__thumb">
            <img src="assets/img/thumbnails/case_RGXoakUgBAk.jpg" alt="Luciana, Verace Pizza — Case Vflow" loading="lazy" />
            <div class="case-card__play" aria-hidden="true">
              <span class="case-card__play-icon">▶</span>
              <span class="case-card__play-label">Assistir depoimento</span>
            </div>
          </div>
          <div class="case-card__content">
            <span class="case-card__tag">Alimentação</span>
            <h3>Luciana — Verace Pizza</h3>
            <p>"Estão dando realmente o resultado que a gente esperava." ROI superior a 10x validado em múltiplos ciclos.</p>
            <span class="case-card__cta">▶ Assistir depoimento</span>
          </div>
        </div>

        <div
          class="case-card reveal"
          data-video="ogBNObJKlLY"
          data-thumb="assets/img/thumbnails/case_ogBNObJKlLY.jpg"
          role="button"
          tabindex="0"
          aria-label="Assistir depoimento de Laurent, Escola Cultura Francesa"
        >
          <div class="case-card__thumb">
            <img src="assets/img/thumbnails/case_ogBNObJKlLY.jpg" alt="Laurent D'Ancona, Escola Cultura Francesa — Case Vflow" loading="lazy" />
            <div class="case-card__play" aria-hidden="true">
              <span class="case-card__play-icon">▶</span>
              <span class="case-card__play-label">Assistir depoimento</span>
            </div>
          </div>
          <div class="case-card__content">
            <span class="case-card__tag">Educação</span>
            <h3>Laurent — Escola Cultura Francesa</h3>
            <p>"Captamos novos clientes diariamente, estamos expandindo nosso negócio." 1.000 alunos matriculados.</p>
            <span class="case-card__cta">▶ Assistir depoimento</span>
          </div>
        </div>
      </div>

      <!-- CTA strip pós-cases -->
      <div class="cta-strip reveal">
        <div class="cta-strip__text">
          <p class="cta-strip__headline">A maioria tinha gargalos invisíveis de dentro. O diagnóstico revelou — e estruturamos a solução.</p>
          <p class="cta-strip__sub">30 minutos. Você sai com um plano de ação concreto.</p>
        </div>
        <a href="#contato" class="btn btn--primary cta-strip__btn">Identificar meus gargalos de crescimento →</a>
      </div>

    </div>
  </section>

  <!-- ══════════════════════════════════════════════
       PORTFÓLIO DE SITES
  ══════════════════════════════════════════════ -->
  <section class="section portfolio-sites" id="portfolio">
    <div class="container">
      <div class="section-header">
        <span class="section-label reveal">Portfólio de Sites</span>
        <h2 class="section-title reveal">
          Sites que<br /><span class="gradient-text">convertem de verdade</span>
        </h2>
        <p class="section-desc reveal">
          Desenvolvimento estratégico com foco em conversão, experiência do usuário e
          performance técnica. Clique em cada projeto para visitar.
        </p>
      </div>

      <div class="sites-grid">
        <a
          href="https://vflow.com.br/clientes/prosigma/"
          target="_blank"
          rel="noopener"
          class="site-card reveal"
        >
          <div class="site-card__img-wrap">
            <img src="assets/img/screenshots/prosigma.png" alt="ProSigma — Site desenvolvido pela Vflow" loading="lazy" />
            <div class="site-card__overlay" aria-hidden="true">Ver Projeto →</div>
          </div>
          <div class="site-card__info">
            <strong>ProSigma</strong>
            <span>Construção Industrial & Corporativa</span>
          </div>
        </a>

        <a
          href="https://asasdaesperanca.com.br/"
          target="_blank"
          rel="noopener"
          class="site-card reveal"
        >
          <div class="site-card__img-wrap">
            <img src="assets/img/screenshots/asas_da_esperanca.png" alt="Asas da Esperança — Site desenvolvido pela Vflow" loading="lazy" />
            <div class="site-card__overlay" aria-hidden="true">Ver Projeto →</div>
          </div>
          <div class="site-card__info">
            <strong>Asas da Esperança</strong>
            <span>Instituto Social</span>
          </div>
        </a>

        <a
          href="https://acoportasdeenrolar.com.br/lp/"
          target="_blank"
          rel="noopener"
          class="site-card reveal"
        >
          <div class="site-card__img-wrap">
            <img src="assets/img/screenshots/aco_portas.png" alt="Açoportas de Enrolar — Landing Page Vflow" loading="lazy" />
            <div class="site-card__overlay" aria-hidden="true">Ver Projeto →</div>
          </div>
          <div class="site-card__info">
            <strong>Açoportas</strong>
            <span>Landing Page de Alta Conversão</span>
          </div>
        </a>

        <a
          href="https://atriadepro.com/"
          target="_blank"
          rel="noopener"
          class="site-card reveal"
        >
          <div class="site-card__img-wrap">
            <img src="assets/img/screenshots/atria_pro.png" alt="Atria Pro — Site desenvolvido pela Vflow" loading="lazy" />
            <div class="site-card__overlay" aria-hidden="true">Ver Projeto →</div>
          </div>
          <div class="site-card__info">
            <strong>Atria Pro</strong>
            <span>Investimentos com I.A.</span>
          </div>
        </a>

      </div>
    </div>
  </section>

  <!-- ══════════════════════════════════════════════
       PROVAS DE RESULTADO — CAPTURAS DAS PLATAFORMAS
  ══════════════════════════════════════════════ -->
  <section class="section provas-section" id="provas">
    <div class="container">

      <div class="section-header">
        <span class="section-label reveal">Resultados comprovados</span>
        <h2 class="section-title reveal">
          Tela de plataforma<br /><span class="gradient-text">não mente.</span>
        </h2>
        <p class="section-desc reveal">
          Capturas diretas do Google Ads, Meta Ads e UTMify dos nossos clientes.
          Dados reais — sem edição nos números, sem promessa vazia.
        </p>
      </div>

      <!-- Aggregate highlights strip -->
      <div class="provas__highlights reveal">
        <div class="ph-item">
          <strong class="ph-num">R$ 193 mil</strong>
          <span class="ph-label">gerenciados em Google Ads</span>
        </div>
        <div class="ph-divider"></div>
        <div class="ph-item">
          <strong class="ph-num">30,6 M</strong>
          <span class="ph-label">pessoas alcançadas no Meta</span>
        </div>
        <div class="ph-divider"></div>
        <div class="ph-item">
          <strong class="ph-num">ROI 22,9x</strong>
          <span class="ph-label">retorno máximo registrado</span>
        </div>
        <div class="ph-divider"></div>
        <div class="ph-item">
          <strong class="ph-num">1.003</strong>
          <span class="ph-label">leads a R$ 1,39 cada</span>
        </div>
        <div class="ph-divider"></div>
        <div class="ph-item">
          <strong class="ph-num">R$ 85 k</strong>
          <span class="ph-label">faturamento líquido comprovado</span>
        </div>
      </div>

      <!-- Proof cards grid -->
      <div class="provas__grid">

        <!-- Card 1 — Google Ads FEATURED -->
        <div class="prova-card prova-card--featured reveal" data-lightbox="assets/img/provas/prova-google.webp" data-label="Google Ads — 49,4 mil conversões · R$ 193 mil gerenciados">
          <div class="prova-card__img">
            <img src="assets/img/provas/prova-google.webp" alt="Google Ads — 49,4 mil conversões" loading="lazy" />
            <div class="prova-card__overlay"><span>🔍 Ver completo</span></div>
          </div>
          <div class="prova-card__body">
            <span class="prova-tag prova-tag--google">Escola de idiomas - Google Ads</span>
            <div class="prova-metric">
              <strong>49,4 mil</strong>
              <span>conversões registradas</span>
            </div>
            <p class="prova-sub">R$ 193 mil gerenciados · CPC médio R$ 0,73</p>
          </div>
        </div>

        <!-- Card 2 — Dashboard leads -->
        <div class="prova-card reveal" data-lightbox="assets/img/provas/prova-dashboard.webp" data-label="Meta Ads — 1.003 leads a R$ 1,39 · +500% em vendas">
          <div class="prova-card__img">
            <img src="assets/img/provas/prova-dashboard.webp" alt="Dashboard — 1.003 leads, CPL R$ 1,39" loading="lazy" />
            <div class="prova-card__overlay"><span>🔍 Ver completo</span></div>
          </div>
          <div class="prova-card__body">
            <span class="prova-tag prova-tag--meta">Corretora de seguros - Meta Ads</span>
            <div class="prova-metric">
              <strong>1.003 leads</strong>
              <span>custo por lead R$ 1,39</span>
            </div>
            <p class="prova-sub">+500% em vendas · Alcance 285.889</p>
          </div>
        </div>

        <!-- Card 3 — E-commerce ROI -->
        <div class="prova-card reveal" data-lightbox="assets/img/provas/prova-ecommerce.webp" data-label="E-commerce — ROI 22,9x · R$ 89.806 em conversões">
          <div class="prova-card__img">
            <img src="assets/img/provas/prova-ecommerce.webp" alt="E-commerce — ROI 22,9x" loading="lazy" />
            <div class="prova-card__overlay"><span>🔍 Ver completo</span></div>
          </div>
          <div class="prova-card__body">
            <span class="prova-tag prova-tag--ecom">E-commerce</span>
            <div class="prova-metric">
              <strong>ROI 22,9x</strong>
              <span>retorno sobre o investimento</span>
            </div>
            <p class="prova-sub">R$ 89.806 em conversões · 179 compras</p>
          </div>
        </div>

        <!-- Card 4 — F20 Campanhas -->
        <div class="prova-card reveal" data-lightbox="assets/img/provas/prova-f20.webp" data-label="Meta Ads — 426 compras em 25 campanhas · 825k alcance">
          <div class="prova-card__img">
            <img src="assets/img/provas/prova-f20.webp" alt="Meta Ads — 426 compras, 25 campanhas" loading="lazy" />
            <div class="prova-card__overlay"><span>🔍 Ver completo</span></div>
          </div>
          <div class="prova-card__body">
            <span class="prova-tag prova-tag--meta">Curso no Perpétuo - Meta Ads</span>
            <div class="prova-metric">
              <strong>426 compras</strong>
              <span>em 25 campanhas simultâneas</span>
            </div>
            <p class="prova-sub">825.473 pessoas alcançadas · 2,1 M impressões</p>
          </div>
        </div>

        <!-- Card 5 — Facebook 30M FEATURED -->
        <div class="prova-card prova-card--featured reveal" data-lightbox="assets/img/provas/prova-fb-ads.webp" data-label="Meta Ads — 30,6 M pessoas alcançadas · 95 M impressões">
          <div class="prova-card__img">
            <img src="assets/img/provas/prova-fb-ads.webp" alt="Meta Ads — 30,6 M pessoas alcançadas" loading="lazy" />
            <div class="prova-card__overlay"><span>🔍 Ver completo</span></div>
          </div>
          <div class="prova-card__body">
            <span class="prova-tag prova-tag--meta">Lançamento de Curso - Meta Ads</span>
            <div class="prova-metric">
              <strong>30,6 M</strong>
              <span>pessoas alcançadas</span>
            </div>
            <p class="prova-sub">95,1 M de impressões · 99 campanhas gerenciadas</p>
          </div>
        </div>

        <!-- Card 6 — Campanha 141 compras -->
        <div class="prova-card reveal" data-lightbox="assets/img/provas/prova-campanha.webp" data-label="Meta Ads — 141 compras · ROI médio 4,39x">
          <div class="prova-card__img">
            <img src="assets/img/provas/prova-campanha.webp" alt="Meta Ads — 141 compras, ROI 4,39" loading="lazy" />
            <div class="prova-card__overlay"><span>🔍 Ver completo</span></div>
          </div>
          <div class="prova-card__body">
            <span class="prova-tag prova-tag--meta">Curso no Pertétuo - Meta Ads</span>
            <div class="prova-metric">
              <strong>ROI 4,39x</strong>
              <span>retorno médio da conta</span>
            </div>
            <p class="prova-sub">141 compras · R$ 2.582 investidos</p>
          </div>
        </div>

        <!-- Card 7 — UTMify Nutra -->
        <div class="prova-card reveal" data-lightbox="assets/img/provas/prova-nutra.webp" data-label="UTMify — R$ 85.271 faturamento líquido · 85 vendas">
          <div class="prova-card__img prova-card__img--mobile">
            <img src="assets/img/provas/prova-nutra.webp" alt="UTMify — R$ 85.271 faturamento" loading="lazy" />
            <div class="prova-card__overlay"><span>🔍 Ver completo</span></div>
          </div>
          <div class="prova-card__body">
            <span class="prova-tag prova-tag--fat">Funil de Nutra com VSL</span>
            <div class="prova-metric">
              <strong>R$ 85.271</strong>
              <span>faturamento líquido</span>
            </div>
            <p class="prova-sub">85 vendas · 100% rastreadas</p>
          </div>
        </div>

        <!-- Card 8 — UTMify Info -->
        <div class="prova-card reveal" data-lightbox="assets/img/provas/prova-fat-info.webp" data-label="UTMify — Lucro R$ 14.308 · ROI 2,37">
          <div class="prova-card__img prova-card__img--mobile">
            <img src="assets/img/provas/prova-fat-info.webp" alt="UTMify — Lucro R$ 14.308, ROI 2,37" loading="lazy" />
            <div class="prova-card__overlay"><span>🔍 Ver completo</span></div>
          </div>
          <div class="prova-card__body">
            <span class="prova-tag prova-tag--fat">Funil de Info produto com VSL</span>
            <div class="prova-metric">
              <strong>R$ 14.308</strong>
              <span>lucro líquido registrado</span>
            </div>
            <p class="prova-sub">Faturamento R$ 24.733 · ROI 2,37</p>
          </div>
        </div>

        <!-- Card 9 — ISS Clínica -->
        <div class="prova-card reveal" data-lightbox="assets/img/provas/prova-iss.webp" data-label="Clínica — 102,21% da meta · R$ 108.210 faturados">
          <div class="prova-card__img">
            <img src="assets/img/provas/prova-iss.webp" alt="Dashboard clínica — 102% da meta" loading="lazy" />
            <div class="prova-card__overlay"><span>🔍 Ver completo</span></div>
          </div>
          <div class="prova-card__body">
            <span class="prova-tag prova-tag--dash">Clínica</span>
            <div class="prova-metric">
              <strong>102,21%</strong>
              <span>da meta superada</span>
            </div>
            <p class="prova-sub">R$ 108.210 faturados · 384 pacientes</p>
          </div>
        </div>

        <!-- Card 10 — Formosa WhatsApp (fechamento emocional) -->
        <div class="prova-card prova-card--wpp reveal" data-lightbox="assets/img/provas/prova-formosa.webp" data-label="Cliente → Vflow — R$ 102 mil em 1 evento">
          <div class="prova-card__img">
            <img src="assets/img/provas/prova-formosa.webp" alt="WhatsApp — R$ 102 mil em evento" loading="lazy" />
            <div class="prova-card__overlay"><span>🔍 Ver completo</span></div>
          </div>
          <div class="prova-card__body">
            <span class="prova-tag prova-tag--wpp">Loja física</span>
            <div class="prova-metric">
              <strong>R$ 102 mil</strong>
              <span>em um único evento impulsionado</span>
            </div>
            <p class="prova-sub">"102 mil (caraca)" — mensagem real do cliente</p>
          </div>
        </div>

      </div><!-- /.provas__grid -->

      <p class="provas__disclaimer reveal">* Dados capturados diretamente das plataformas dos clientes. Resultados variam conforme segmento, produto e investimento.</p>

    </div>
  </section>

  <!-- Lightbox -->
  <div class="lightbox" id="lightbox" role="dialog" aria-modal="true" aria-label="Visualização ampliada">
    <button class="lightbox__close" id="lightbox-close" aria-label="Fechar">✕</button>
    <div class="lightbox__wrap">
      <img class="lightbox__img" id="lightbox-img" src="" alt="" />
      <p class="lightbox__caption" id="lightbox-caption"></p>
    </div>
  </div>

  <!-- ══════════════════════════════════════════════
       SERVIÇOS
  ══════════════════════════════════════════════ -->
  <section class="section servicos" id="servicos">
    <div class="container">
      <div class="section-header">
        <span class="section-label reveal">O Que Você Conquista</span>
        <h2 class="section-title reveal">
          Mais clientes.<br /><span class="gradient-text">Mais vendas.</span>
        </h2>
        <p class="section-desc reveal">
          Com a estrutura certa para sustentar o crescimento — não vendemos ferramentas isoladas,
          entregamos uma arquitetura de expansão onde cada peça se conecta à próxima.
        </p>
      </div>

      <!-- ★ CARRO-CHEFE em destaque, acima do grid -->
      <div class="servico-card servico-card--featured reveal">
        <div class="servico-card__featured-top">
          <div class="servico-card__header">
            <div class="servico-card__icon-wrap">📣</div>
            <div class="servico-card__featured-meta">
              <span class="servico-card__featured-badge">★ Estrutura central de aquisição</span>
            </div>
          </div>
          <h3>Tráfego Pago</h3>
          <p>Levamos sua mensagem para quem já tem o perfil do seu comprador — no canal certo, na hora certa, com cada real de orçamento rastreado e justificado.</p>
        </div>

        <div class="trafego-plataformas">
          <div class="trafego-plataforma">
            <div class="trafego-plataforma__header">
              <div class="trafego-plataforma__icon trafego-plataforma__icon--meta">
                <svg viewBox="0 0 24 24" width="22" height="22" fill="#fff" aria-hidden="true">
                  <path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/>
                </svg>
              </div>
              <div><strong>Meta Ads</strong><span>Facebook &amp; Instagram</span></div>
            </div>
            <p>Impacte pessoas com o perfil exato do seu comprador — por interesse, comportamento e momento de vida. Seu negócio aparece no feed antes que o cliente pense em buscar o concorrente.</p>
            <ul class="trafego-plataforma__bullets">
              <li>Audiências personalizadas e lookalike</li>
              <li>Remarketing para quem visitou seu site</li>
              <li>Funil completo: topo, meio e fundo</li>
            </ul>
          </div>
          <div class="trafego-plataforma">
            <div class="trafego-plataforma__header">
              <div class="trafego-plataforma__icon trafego-plataforma__icon--google">
                <img src="assets/img/logo-google-ads.webp" alt="Google Ads" width="28" height="28" loading="lazy" />
              </div>
              <div><strong>Google Ads</strong><span>Search, Display &amp; Shopping</span></div>
            </div>
            <p>Apareça no exato momento em que alguém pesquisa o que você vende. Captura de intenção de compra no pico — o clique que já chega quente, pronto para converter.</p>
            <ul class="trafego-plataforma__bullets">
              <li>Anúncios de pesquisa com alta intenção</li>
              <li>Display para reforço de marca</li>
              <li>Performance Max para e-commerce</li>
            </ul>
          </div>
          <div class="trafego-plataforma">
            <div class="trafego-plataforma__header">
              <div class="trafego-plataforma__icon trafego-plataforma__icon--yt">
                <svg viewBox="0 0 24 24" width="22" height="22" fill="#fff" aria-hidden="true">
                  <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/>
                </svg>
              </div>
              <div><strong>YouTube Ads</strong><span>In-Stream &amp; Discovery</span></div>
            </div>
            <p>Construa autoridade com vídeo antes que o cliente tome qualquer decisão. Quem te vê antes de comprar, compra de você — e o YouTube é onde a decisão se forma.</p>
            <ul class="trafego-plataforma__bullets">
              <li>Anúncios in-stream que geram desejo</li>
              <li>Remarketing em vídeo para quem visitou</li>
              <li>Autoridade de marca no maior buscador de vídeos</li>
            </ul>
          </div>
        </div>
      </div>

      <!-- Grid uniforme 3 colunas -->
      <div class="servicos-grid">

        <div class="servico-card reveal">
          <div class="servico-card__header">
            <div class="servico-card__icon-wrap">✍️</div>
            <span class="servico-card__num">01</span>
          </div>
          <h3>Copywriting</h3>
          <p>Textos persuasivos para páginas, e-mail e VSL que fazem o leitor agir — não apenas ler.</p>
          <ul class="servico-card__tags">
            <li>Páginas de vendas</li><li>E-mail marketing</li><li>VSL</li>
          </ul>
        </div>

        <div class="servico-card reveal">
          <div class="servico-card__header">
            <div class="servico-card__icon-wrap">💻</div>
            <span class="servico-card__num">02</span>
          </div>
          <h3>Desenvolvimento Web</h3>
          <p>Sites, landing pages, lojas e sistemas construídos para converter, não apenas para existir.</p>
          <ul class="servico-card__tags">
            <li>Landing pages</li><li>E-commerce</li><li>Sistemas</li>
          </ul>
        </div>

        <div class="servico-card reveal">
          <div class="servico-card__header">
            <div class="servico-card__icon-wrap">🔗</div>
            <span class="servico-card__num">03</span>
          </div>
          <h3>API & Integrações</h3>
          <p>Conexões inteligentes entre plataformas que automatizam o operacional e eliminam retrabalho.</p>
          <ul class="servico-card__tags">
            <li>Automações</li><li>Webhooks</li><li>Integrações</li>
          </ul>
        </div>

        <div class="servico-card reveal">
          <div class="servico-card__header">
            <div class="servico-card__icon-wrap">🤝</div>
            <span class="servico-card__num">04</span>
          </div>
          <h3>CRM</h3>
          <p>Pipeline organizado, follow-up automatizado e visibilidade total do processo comercial.</p>
          <ul class="servico-card__tags">
            <li>Implantação</li><li>Pipeline</li><li>Automação</li>
          </ul>
        </div>

        <div class="servico-card reveal">
          <div class="servico-card__header">
            <div class="servico-card__icon-wrap">🎓</div>
            <span class="servico-card__num">05</span>
          </div>
          <h3>Mentoria & Consultoria</h3>
          <p>Acompanhamento estratégico em tráfego, funil de vendas, copy e infoprodutos para escalar.</p>
          <ul class="servico-card__tags">
            <li>Funil de vendas</li><li>Copy</li><li>Infoprodutos</li>
          </ul>
        </div>

        <div class="servico-card reveal">
          <div class="servico-card__header">
            <div class="servico-card__icon-wrap">📊</div>
            <span class="servico-card__num">06</span>
          </div>
          <h3>Analytics & Rastreamento</h3>
          <p>GA4, Tag Manager e API de Conversões do Meta. Cada real investido rastreado e justificado.</p>
          <ul class="servico-card__tags">
            <li>Google Analytics 4</li><li>Tag Manager</li><li>Meta API</li>
          </ul>
        </div>

      </div>

      <!-- CTA strip pós-serviços -->
      <div class="cta-strip reveal">
        <div class="cta-strip__text">
          <p class="cta-strip__headline">Não sabe por onde começar? É exatamente isso que o diagnóstico responde.</p>
          <p class="cta-strip__sub">Mostramos qual alavanca tem mais potencial no seu negócio e qual move o faturamento mais rápido.</p>
        </div>
        <a href="#contato" class="btn btn--primary cta-strip__btn">Me diz por onde eu começo →</a>
      </div>

    </div>
  </section>

  <!-- ══════════════════════════════════════════════
       CONTATO / FORMULÁRIO
  ══════════════════════════════════════════════ -->
  <section class="section contato-section" id="contato">
    <div class="cta-final__orb" aria-hidden="true"></div>
    <div class="container">
      <div class="contato__grid">

        <!-- Lado esquerdo: copy -->
        <div class="contato__info">
          <span class="section-label">Diagnóstico Estratégico · 30 Minutos</span>
          <h2 class="section-title">
            Em 30 minutos você descobre<br />
            <span class="gradient-text">por que suas vendas ainda não crescem como deveriam.</span>
          </h2>
          <p class="contato__desc">
            Identificamos por que seus anúncios não convertem, onde você está perdendo clientes
            e e qual é o próximo movimento estratégico para escalar o faturamento
            com previsibilidade e eficiência operacional.
          </p>
          <div class="contato__features">

            <div class="contato__feature reveal">
              <div class="contato__feature-icon">
                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"/></svg>
              </div>
              <span class="contato__feature-title">Análise do seu funil atual</span>
            </div>

            <div class="contato__feature reveal">
              <div class="contato__feature-icon">
                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg>
              </div>
              <span class="contato__feature-title">Diagnóstico dos gargalos de conversão</span>
            </div>

            <div class="contato__feature reveal">
              <div class="contato__feature-icon">
                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="10"/><circle cx="12" cy="12" r="6"/><circle cx="12" cy="12" r="2"/></svg>
              </div>
              <span class="contato__feature-title">Plano de ação para os próximos 30 dias</span>
            </div>

          </div>
        </div>

        <!-- Lado direito: formulário -->
        <div class="contato__form-wrap">
          <p class="contato__form-sub">Preencha com a realidade atual do seu negócio.<br/>
            <small>*Usamos o faturamento para definir a <strong>estratégia técnica</strong> ideal para o seu momento.</small>
          </p>

          <form class="contato__form" id="contato-form" novalidate>

            <!-- Segurança + rastreamento -->
            <input type="hidden" id="csrfToken" name="csrf_token" value="875abbdac95c2e537b976b2cb176a3a18fb142e3d024b1db9af0360fdcc3ab97">
            <input type="hidden" id="leadEventId" name="event_id" value="">
            <div style="position:absolute;left:-9999px;top:-9999px" aria-hidden="true">
              <input type="text" name="website" tabindex="-1" autocomplete="off" value="">
            </div>

            <!-- UTMs + IDs de clique -->
            <input type="hidden" name="utm_source"   id="utm_source">
            <input type="hidden" name="utm_medium"   id="utm_medium">
            <input type="hidden" name="utm_campaign" id="utm_campaign">
            <input type="hidden" name="utm_term"     id="utm_term">
            <input type="hidden" name="utm_content"   id="utm_content">
            <input type="hidden" name="utm_placement" id="utm_placement">
            <input type="hidden" name="fbclid"       id="fbclid">
            <input type="hidden" name="gclid"        id="gclid">
            <input type="hidden" name="ttclid"       id="ttclid">

            <!-- Pixel cookies (CAPI) -->
            <input type="hidden" name="fbp" id="fbp">
            <input type="hidden" name="fbc" id="fbc">
            <input type="hidden" name="ttp" id="ttp">

            <div class="form-group">
              <label for="f-nome">Nome Completo <span class="req">*</span></label>
              <input type="text" id="f-nome" name="nome" placeholder="Seu nome completo" required />
              <span class="form-error" id="err-nome">Campo obrigatório</span>
            </div>

            <div class="form-group">
              <label for="f-tel">WhatsApp <span class="req">*</span></label>
              <input type="tel" id="f-tel" name="telefone" required />
              <span class="form-error" id="err-tel">Número inválido</span>
            </div>

            <div class="form-group">
              <label for="f-email">E-mail <span class="req">*</span></label>
              <input type="email" id="f-email" name="email" placeholder="seu@email.com.br" required />
              <span class="form-error" id="err-email">E-mail inválido</span>
            </div>

            <div class="form-group">
              <label for="f-insta">Instagram da Empresa <span class="req">*</span></label>
              <input type="text" id="f-insta" name="instagram" placeholder="@suaempresa" required />
              <span class="form-error" id="err-insta">Informe o Instagram da empresa</span>
            </div>

            <div class="form-group">
              <label for="f-fat">Faturamento Médio Mensal <span class="req">*</span></label>
              <select id="f-fat" name="faturamento" required>
                <option value="">Selecione...</option>
                <option value="ate10k">Até R$ 10k</option>
                <option value="10k-50k">R$ 10k a R$ 50k</option>
                <option value="50k-100k">R$ 50k a R$ 100k</option>
                <option value="acima100k">Acima de R$ 100k</option>
              </select>
              <span class="form-error" id="err-fat">Selecione uma opção</span>
            </div>

            <button type="submit" class="btn btn--primary btn--lg btn--full">
              Quero meu diagnóstico agora →
            </button>

            <span class="form-submit-error" style="display:none;color:#f87171;font-size:.85rem;margin-top:8px;"></span>

            <p class="contato__form-note">🔒 Seus dados são confidenciais e nunca serão compartilhados.</p>

          </form>
        </div>

      </div>
    </div>
  </section>

  <!-- ══════════════════════════════════════════════
       FOOTER
  ══════════════════════════════════════════════ -->
  <footer class="footer" role="contentinfo">
    <div class="container">
      <div class="footer__content">
        <img src="assets/img/logo-agencia.png" alt="Vflow" class="footer__logo" loading="lazy" />
        <p>© 2026 Vflow. Todos os direitos reservados.</p>
        <a href="https://instagram.com/vflow.digital" target="_blank" rel="noopener" class="footer__insta" aria-label="Instagram Vflow">
          <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.5" cy="6.5" r="1" fill="currentColor" stroke="none"/></svg>
          @vflow.digital
        </a>
      </div>
    </div>
  </footer>

  <!-- Modal de Vídeo -->
  <div class="video-modal" id="video-modal" role="dialog" aria-modal="true" aria-label="Assistir depoimento" hidden>
    <div class="video-modal__backdrop" id="modal-backdrop"></div>
    <div class="video-modal__content">
      <button class="video-modal__close" id="modal-close" aria-label="Fechar vídeo">
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true">
          <line x1="2" y1="2" x2="18" y2="18" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"/>
          <line x1="18" y1="2" x2="2" y2="18" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"/>
        </svg>
      </button>
      <!-- Embed (funciona quando online) -->
      <div class="video-modal__frame-wrap" id="modal-frame-wrap">
        <iframe
          id="modal-iframe"
          src=""
          title="Depoimento Vflow"
          frameborder="0"
          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
          allowfullscreen
        ></iframe>
      </div>
      <!-- Fallback (preview local via file://) -->
      <div class="video-modal__fallback" id="modal-fallback" hidden>
        <div class="video-modal__fallback-thumb">
          <img id="modal-thumb-img" src="" alt="Thumbnail do depoimento" />
          <div class="video-modal__fallback-overlay">
            <div class="video-modal__fallback-play">▶</div>
          </div>
        </div>
        <div class="video-modal__fallback-info">
          <p class="video-modal__fallback-msg">
            Para assistir ao vídeo direto aqui, o portfolio precisa estar publicado online.<br />
            Por enquanto, assista no YouTube:
          </p>
          <a id="modal-yt-link" href="#" target="_blank" rel="noopener" class="btn btn--primary btn--lg">
            ▶&nbsp; Assistir no YouTube
          </a>
        </div>
      </div>
    </div>
  </div>

  <!-- Scripts -->
  <script src="assets/js/main-2.js" defer></script>

  <!-- intl-tel-input (sem defer — já está no rodapé, init após load) -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.19/js/intlTelInput.min.js"></script>
  <script>
    // ── Phone input com intl-tel-input ──────────────────────
    let telInput, iti;

    function applyBrMask(v) {
      v = v.replace(/\D/g, '');
      if (v.length > 11) v = v.slice(0, 11);
      if (v.length > 6) return '(' + v.slice(0,2) + ') ' + v.slice(2,7) + '-' + v.slice(7);
      if (v.length > 2) return '(' + v.slice(0,2) + ') ' + v.slice(2);
      return v;
    }

    document.addEventListener('DOMContentLoaded', function () {
      telInput = document.querySelector('#f-tel');
      iti = null;
      if (telInput && window.intlTelInput) {
        iti = window.intlTelInput(telInput, {
          initialCountry: 'br',
          preferredCountries: ['br', 'pt', 'us'],
          utilsScript: 'https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.19/js/utils.js',
          separateDialCode: true,
        });
      } else if (telInput) {
        telInput.placeholder = '(11) 9 9999-9999';
      }

      if (telInput) {
        telInput.addEventListener('input', function () {
          if (!iti || iti.getSelectedCountryData().iso2 === 'br') {
            this.value = applyBrMask(this.value);
          }
        });
      }
    });

    // ── Validação do formulário ─────────────────────────────
    const form = document.getElementById('contato-form');
    form.addEventListener('submit', function(e) {
      e.preventDefault();
      let valid = true;

      // Nome
      const nome = document.getElementById('f-nome');
      const errNome = document.getElementById('err-nome');
      if (!nome.value.trim()) {
        nome.classList.add('input--error');
        errNome.style.display = 'block';
        valid = false;
      } else {
        nome.classList.remove('input--error');
        errNome.style.display = 'none';
      }

      // Telefone
      const errTel = document.getElementById('err-tel');
      const telVal = telInput.value.replace(/\D/g, '');
      const telOk = iti ? iti.isValidNumber() : telVal.length >= 10;
      if (!telOk) {
        (iti ? telInput.closest('.iti') : telInput).classList.add('input--error-wrap');
        if (!iti) telInput.classList.add('input--error');
        errTel.style.display = 'block';
        valid = false;
      } else {
        if (iti) telInput.closest('.iti').classList.remove('input--error-wrap');
        telInput.classList.remove('input--error');
        errTel.style.display = 'none';
      }

      // Email
      const email = document.getElementById('f-email');
      const errEmail = document.getElementById('err-email');
      const emailOk = /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email.value.trim());
      if (!emailOk) {
        email.classList.add('input--error');
        errEmail.style.display = 'block';
        valid = false;
      } else {
        email.classList.remove('input--error');
        errEmail.style.display = 'none';
      }

      // Instagram
      const insta = document.getElementById('f-insta');
      const errInsta = document.getElementById('err-insta');
      if (!insta.value.trim()) {
        insta.classList.add('input--error');
        errInsta.style.display = 'block';
        valid = false;
      } else {
        insta.classList.remove('input--error');
        errInsta.style.display = 'none';
      }

      // Faturamento
      const fat = document.getElementById('f-fat');
      const errFat = document.getElementById('err-fat');
      if (!fat.value) {
        fat.classList.add('input--error');
        errFat.style.display = 'block';
        valid = false;
      } else {
        fat.classList.remove('input--error');
        errFat.style.display = 'none';
      }

      if (valid) {
        const btn = form.querySelector('button[type="submit"]');
        const originalText = btn.textContent;
        btn.disabled = true;
        btn.textContent = 'Enviando...';

        // Gera event_id único para deduplicação
        const evIdEl = document.getElementById('leadEventId');
        if (evIdEl && !evIdEl.value) {
          evIdEl.value = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
            var r = Math.random() * 16 | 0, v = c === 'x' ? r : (r & 0x3 | 0x8);
            return v.toString(16);
          });
        }

        // Popula campos UTM antes de serializar
        if (window.VF_UTM) window.VF_UTM.populate();

        const payload = {
          name:        nome.value.trim(),
          phone:       (iti ? iti.getNumber() : telInput.value).replace(/\D/g, ''),
          email:       email.value.trim(),
          instagram:   insta.value.trim(),
          faturamento: fat.options[fat.selectedIndex]?.text || fat.value,
          csrf_token:  document.getElementById('csrfToken')?.value || '',
          event_id:    evIdEl?.value || '',
          website:     '',
          source_url:  window.location.href,
          utm_source:   document.getElementById('utm_source')?.value || '',
          utm_medium:   document.getElementById('utm_medium')?.value || '',
          utm_campaign: document.getElementById('utm_campaign')?.value || '',
          utm_term:     document.getElementById('utm_term')?.value || '',
          utm_content:   document.getElementById('utm_content')?.value || '',
          utm_placement: document.getElementById('utm_placement')?.value || '',
          fbclid:       document.getElementById('fbclid')?.value || '',
          gclid:        document.getElementById('gclid')?.value || '',
          ttclid:       document.getElementById('ttclid')?.value || '',
          fbp:          document.getElementById('fbp')?.value || '',
          fbc:          document.getElementById('fbc')?.value || '',
          ttp:          document.getElementById('ttp')?.value || '',
        };

        fetch(window.VF_CONFIG.leadUrl, {
          method:  'POST',
          headers: { 'Content-Type': 'application/json' },
          body:    JSON.stringify(payload),
        })
          .then(function(r) { return r.json(); })
          .then(function(data) {
            if (data.success && data.redirect) {
              window.location.href = data.redirect;
            } else {
              const errMsg = data.message || 'Erro ao enviar. Tente novamente.';
              const errEl  = form.querySelector('.form-submit-error');
              if (errEl) { errEl.textContent = errMsg; errEl.style.display = 'block'; }
              btn.disabled    = false;
              btn.textContent = originalText;
            }
          })
          .catch(function() {
            const errEl = form.querySelector('.form-submit-error');
            if (errEl) { errEl.textContent = 'Falha na conexão. Tente novamente.'; errEl.style.display = 'block'; }
            btn.disabled    = false;
            btn.textContent = originalText;
          });
      }
    });

    // Remove erro ao digitar
    ['f-nome','f-email','f-insta','f-fat'].forEach(id => {
      document.getElementById(id).addEventListener('input', function() {
        this.classList.remove('input--error');
        const err = document.getElementById('err-' + id.replace('f-',''));
        if (err) err.style.display = 'none';
      });
    });
  </script>
  <!-- Lightbox das Provas -->
  <script>
  (function () {
    var lb        = document.getElementById('lightbox');
    var lbImg     = document.getElementById('lightbox-img');
    var lbCaption = document.getElementById('lightbox-caption');
    var lbClose   = document.getElementById('lightbox-close');
    function openLB(src, label) {
      lbImg.src = src; lbImg.alt = label || '';
      lbCaption.textContent = label || '';
      lb.classList.add('lightbox--active');
      document.body.style.overflow = 'hidden';
    }
    function closeLB() {
      lb.classList.remove('lightbox--active');
      document.body.style.overflow = '';
      setTimeout(function(){ lbImg.src = ''; }, 300);
    }
    document.querySelectorAll('.prova-card').forEach(function(card) {
      card.addEventListener('click', function() { openLB(card.dataset.lightbox, card.dataset.label); });
    });
    lbClose.addEventListener('click', closeLB);
    lb.addEventListener('click', function(e){ if (e.target === lb) closeLB(); });
    document.addEventListener('keydown', function(e){ if (e.key === 'Escape') closeLB(); });
  })();
  </script>

  <!-- Configuração VFlow para o JS do formulário -->
  <script>
  window.VF_CONFIG = {
    leadUrl: '/processar-lead'
  };
  </script>

  <!-- UTM persistence + propagation -->
  <script src="assets/js/utm.js?v=1.0.0"></script>

  </body>
</html>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      