{"id":98367,"date":"2025-07-01T20:03:03","date_gmt":"2025-07-01T20:03:03","guid":{"rendered":"https:\/\/www.aunica.com\/?page_id=98367"},"modified":"2025-07-02T20:04:08","modified_gmt":"2025-07-02T20:04:08","slug":"xflow","status":"publish","type":"page","link":"https:\/\/www.aunica.com\/en\/xflow\/","title":{"rendered":"Xflow – Dados em movimento. Decis\u00f5es inteligentes."},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\n\n \n \n Xflow - Dados em movimento. Decis\u00f5es inteligentes.<\/title>\n \n <!-- \u00cdcone da Aba (Favicon) -->\n <link rel=\"icon\" type=\"image\/png\" href=\"https:\/\/placehold.co\/32x32\/8B5CF6\/FFFFFF\/png?text=X&font=sans\">\n\n <!-- Tags para Pr\u00e9-visualiza\u00e7\u00e3o de Link (Open Graph) -->\n <meta property=\"og:title\" content=\"Xflow - Dados em movimento. Decis\u00f5es inteligentes.\">\n <meta property=\"og:description\" content=\"Com o XflowAI, cada comportamento se transforma em uma a\u00e7\u00e3o estrat\u00e9gica. Ative o potencial dos seus dados.\">\n <meta property=\"og:image\" content=\"https:\/\/placehold.co\/1200x630\/0A0A0A\/FFFFFF\/png?text=Xflow%0ADados+em+movimento.+Decis%C3%B5es+inteligentes.\">\n <meta property=\"og:url\" content=\"https:\/\/www.aunica.com\/xflow\/\">\n\n <!-- Tailwind CSS -->\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <!-- Google Fonts: Inter -->\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;900&display=swap\" rel=\"stylesheet\">\n \n <!-- Estilos personalizados -->\n <style>\n body {\n font-family: 'Inter', sans-serif;\n background-color: #0A0A0A;\n color: #EAEAEA;\n scroll-behavior: smooth;\n }\n .hero-gradient-text {\n background: linear-gradient(90deg, #4F46E5, #A855F7, #EC4899);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n .cta-button {\n background: linear-gradient(90deg, #4F46E5, #8B5CF6);\n transition: all 0.3s ease-in-out;\n }\n .cta-button:hover {\n transform: translateY(-2px);\n box-shadow: 0 10px 20px rgba(79, 70, 229, 0.3);\n }\n .card {\n background-color: #171717;\n border: 1px solid #262626;\n transition: all 0.3s ease;\n }\n .card:hover {\n border-color: #4F46E5;\n transform: translateY(-5px);\n }\n .form-input {\n background-color: #1E1E1E;\n border: 1px solid #3A3A3A;\n }\n .form-input:focus {\n outline: none;\n border-color: #4F46E5;\n box-shadow: 0 0 0 2px rgba(79, 70, 229, 0.5);\n }\n #data-flow {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 0;\n opacity: 0.15;\n }\n .comparison-table th, .comparison-table td {\n vertical-align: top;\n padding: 1.5rem 1rem;\n min-height: 10rem;\n }\n .option-btn.selected {\n background-color: #4F46E5;\n color: white;\n border-color: #4F46E5;\n }\n <\/style>\n<\/head>\n<body class=\"antialiased\">\n\n <!-- Navega\u00e7\u00e3o -->\n <header class=\"bg-black bg-opacity-30 backdrop-blur-md py-4\">\n <div class=\"container mx-auto px-6 flex justify-between items-center\">\n <a href=\"#\" aria-label=\"P\u00e1gina inicial da Xflow\" class=\"flex items-center gap-3\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z\" stroke=\"url(#paint0_linear_logo)\" stroke-width=\"2\"\/><path d=\"M15 9L9 15\" stroke=\"url(#paint1_linear_logo)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"M9 9L15 15\" stroke=\"url(#paint2_linear_logo)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><defs><linearGradient id=\"paint0_linear_logo\" x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#8B5CF6\"\/><stop offset=\"1\" stop-color=\"#EC4899\"\/><\/linearGradient><linearGradient id=\"paint1_linear_logo\" x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#4F46E5\"\/><stop offset=\"1\" stop-color=\"#A855F7\"\/><\/linearGradient><linearGradient id=\"paint2_linear_logo\" x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#4F46E5\"\/><stop offset=\"1\" stop-color=\"#A855F7\"\/><\/linearGradient><\/defs><\/svg>\n <span class=\"text-2xl font-bold text-white\">xflow<\/span>\n <\/a>\n <a href=\"#poc-form\" class=\"cta-button text-white font-semibold py-2 px-5 rounded-lg text-sm\">\n Solicitar POC\n <\/a>\n <\/div>\n <\/header>\n\n <main>\n <!-- 1. Se\u00e7\u00e3o Hero -->\n <section id=\"hero\" class=\"relative min-h-screen flex items-center justify-center text-center overflow-hidden\">\n <canvas id=\"data-flow\"><\/canvas>\n <div class=\"relative z-10 px-6\">\n <h1 class=\"text-4xl md:text-6xl lg:text-7xl font-black tracking-tighter leading-tight\">\n <span class=\"text-white\">Dados em movimento.<\/span><br>\n <span class=\"hero-gradient-text\">Decis\u00f5es inteligentes.<\/span>\n <span class=\"text-white\">Personaliza\u00e7\u00e3o em tempo real.<\/span>\n <\/h1>\n <p class=\"max-w-3xl mx-auto mt-6 text-lg md:text-xl text-neutral-300\">\n Com o XflowAI, cada comportamento se transforma em uma a\u00e7\u00e3o estrat\u00e9gica, seja no WhatsApp, em Ads, por E-mail e muito mais. Prepare-se para o futuro da personaliza\u00e7\u00e3o.\n <\/p>\n <div class=\"mt-10\">\n <a href=\"#poc-form\" class=\"cta-button text-white font-bold py-4 px-10 rounded-lg text-lg inline-block\">\n Quero uma POC\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- 2. Se\u00e7\u00e3o Especial \u2013 Analogia Futebol -->\n <section id=\"problem-statement\" class=\"py-20 lg:py-24 text-center\">\n <div class=\"container mx-auto px-6\">\n <h2 class=\"text-3xl md:text-5xl font-bold tracking-tight text-white max-w-4xl mx-auto\">\n Voc\u00ea tem elenco de Champions. <br\/> Mas ainda joga na <span class=\"hero-gradient-text\">v\u00e1rzea<\/span>.\n <\/h2>\n <p class=\"max-w-4xl mx-auto mt-6 text-lg text-neutral-300\">\n Sua empresa j\u00e1 investiu em tecnologia de ponta \u2014 CRM, m\u00eddia, dados \u2014 mas a opera\u00e7\u00e3o continua travada, isolada e cheia de retrabalho. O Xflow \u00e9 o t\u00e9cnico de Champions que organiza seu elenco, conecta as jogadas, escala a melhor forma\u00e7\u00e3o e executa tudo com precis\u00e3o de final europeia \u2014 enquanto um staff invis\u00edvel cuida de tudo nos bastidores, sem deixar nada fora de campo.\n <\/p>\n <div class=\"mt-16 max-w-5xl mx-auto\">\n <div class=\"border border-neutral-800 rounded-xl overflow-hidden\">\n <table class=\"w-full text-left comparison-table\">\n <thead>\n <tr class=\"bg-neutral-900\/50\">\n <th class=\"w-1\/2 font-semibold text-neutral-400\">Situa\u00e7\u00e3o Atual (Campeonato Carioca)<\/th>\n <th class=\"w-1\/2 font-semibold text-purple-300 border-l border-neutral-800\">Com o Xflow (Champions League)<\/th>\n <\/tr>\n <\/thead>\n <tbody class=\"divide-y divide-neutral-800\">\n <tr>\n <td class=\"text-neutral-400\">Voc\u00ea tem Salesforce, TikTok, Google Ads\u2026 mas ativar uma audi\u00eancia exige planilhas, retrabalhos e dias de espera.<\/td>\n <td class=\"text-white border-l border-neutral-800\">O Xflow \u00e9 seu camisa 10: ativa campanhas em minutos \u2014 as audi\u00eancias fluem de forma cont\u00ednua, com intelig\u00eancia em cada passe.<\/td>\n <\/tr>\n <tr>\n <td class=\"text-neutral-400\">Seus dados jogam sozinhos (CRM, site, app) \u2014 sem troca de passes.<\/td>\n <td class=\"text-white border-l border-neutral-800\">O Xflow \u00e9 o meio-campo criativo: conecta, organiza e entrega uma vis\u00e3o \u00fanica de cada cliente \u2014 tudo em tempo real, como um elenco entrosado.<\/td>\n <\/tr>\n <tr>\n <td class=\"text-neutral-400\">Suas campanhas ainda dependem de achismos ou relat\u00f3rios atrasados.<\/td>\n <td class=\"text-white border-l border-neutral-800\">O Xflow \u00e9 seu scout europeu: aprende com o comportamento, indica a jogada certa, o canal certo e o or\u00e7amento ideal \u2014 em velocidade de Champions.<\/td>\n <\/tr>\n <tr>\n <td class=\"text-neutral-400\">Cada nova campanha vira uma maratona de reuni\u00f5es e desalinhamentos.<\/td>\n <td class=\"text-white border-l border-neutral-800\">O Xflow entrega entrosamento e agilidade: sua equipe foca no jogo, enquanto nosso staff garante que tudo rode sem burocracia.<\/td>\n <\/tr>\n <tr>\n <td class=\"text-neutral-400\">Seu CDP promete personaliza\u00e7\u00e3o, mas depende de gambiarras.<\/td>\n <td class=\"text-white border-l border-neutral-800\">Com o Xflow, a personaliza\u00e7\u00e3o em escala acontece de forma fluida \u2014 enquanto nosso centro de an\u00e1lise de desempenho garante a execu\u00e7\u00e3o impec\u00e1vel.<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n <p class=\"mt-12 text-xl max-w-4xl mx-auto font-semibold\">Xflow \u00e9 o que faltava para seu elenco de Champions levantar ta\u00e7a de verdade. <br class=\"hidden sm:block\"> <span class=\"text-purple-400\">Intelig\u00eancia cont\u00ednua, execu\u00e7\u00e3o em tempo real \u2014 com um staff de especialistas no banco pra voc\u00ea n\u00e3o jogar na retranca.<\/span><\/p>\n <div class=\"mt-10\">\n <a href=\"https:\/\/lp.aunica.com\/meetings\/rjunior\/xflow\" target=\"_blank\" class=\"cta-button text-white font-bold py-4 px-10 rounded-lg text-lg inline-block\">\n Sua Champions come\u00e7a agora, agende uma conversa\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- 3. Benef\u00edcios Diretos -->\n <section id=\"benefits\" class=\"py-20 lg:py-32 bg-black\">\n <div class=\"container mx-auto px-6 text-center\">\n <h2 class=\"text-3xl md:text-4xl font-bold tracking-tight text-white\">\n Voc\u00ea est\u00e1 coletando dados.<br>\n <span class=\"text-purple-400\">Mas est\u00e1 ativando todo o seu potencial?<\/span>\n <\/h2>\n <div class=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-7 gap-8 mt-16 max-w-screen-xl mx-auto\">\n <div class=\"text-center p-2\"><div class=\"flex items-center justify-center h-16 w-16 rounded-full bg-purple-900\/50 mx-auto mb-4\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-purple-300\"><path d=\"M21 12V7H5a2 2 0 0 1 0-4h14v4\"\/><path d=\"M3 5v14a2 2 0 0 0 2 2h16v-5\"\/><path d=\"M18 12a2 2 0 0 0 0 4h4v-4Z\"\/><\/svg><\/div><h3 class=\"font-bold text-white text-base\">Unifica\u00e7\u00e3o de Dados<\/h3><\/div>\n <div class=\"text-center p-2\"><div class=\"flex items-center justify-center h-16 w-16 rounded-full bg-purple-900\/50 mx-auto mb-4\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-purple-300\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><path d=\"M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662\"\/><\/svg><\/div><h3 class=\"font-bold text-white text-base\">Perfis 360\u00ba<\/h3><\/div>\n <div class=\"text-center p-2\"><div class=\"flex items-center justify-center h-16 w-16 rounded-full bg-purple-900\/50 mx-auto mb-4\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-purple-300\"><path d=\"m12 14 4-4\"\/><path d=\"M16 14H8\"\/><path d=\"M12 2a10 10 0 1 0 10 10c0-4.42-4-8-8-8Z\"\/><\/svg><\/div><h3 class=\"font-bold text-white text-base\">Ativa\u00e7\u00e3o com IA<\/h3><\/div>\n <div class=\"text-center p-2\"><div class=\"flex items-center justify-center h-16 w-16 rounded-full bg-purple-900\/50 mx-auto mb-4\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-purple-300\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/div><h3 class=\"font-bold text-white text-base\">Personaliza\u00e7\u00e3o<\/h3><\/div>\n <div class=\"text-center p-2\"><div class=\"flex items-center justify-center h-16 w-16 rounded-full bg-purple-900\/50 mx-auto mb-4\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-purple-300\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg><\/div><h3 class=\"font-bold text-white text-base\">Controle dos Dados<\/h3><\/div>\n <div class=\"text-center p-2\"><div class=\"flex items-center justify-center h-16 w-16 rounded-full bg-purple-900\/50 mx-auto mb-4\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-purple-300\"><path d=\"M3 3v18h18\"\/><path d=\"m19 9-5 5-4-4-3 3\"\/><\/svg><\/div><h3 class=\"font-bold text-white text-base\">Next Best Action<\/h3><\/div>\n <div class=\"text-center p-2\"><div class=\"flex items-center justify-center h-16 w-16 rounded-full bg-purple-900\/50 mx-auto mb-4\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-purple-300\"><path d=\"M12 6v6l4 2\"\/><circle cx=\"12\" cy=\"12\" r=\"10\"\/><\/svg><\/div><h3 class=\"font-bold text-white text-base\">Time to Value<\/h3><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- 4. M\u00f3dulos da Su\u00edte Xflow -->\n <section id=\"modules\" class=\"py-20 lg:py-32\">\n <div class=\"container mx-auto px-6\">\n <div class=\"text-center mb-16\">\n <h2 class=\"text-3xl md:text-4xl font-bold tracking-tight text-white\">Uma plataforma. Todas as capacidades.<\/h2>\n <p class=\"max-w-2xl mx-auto mt-4 text-neutral-300\">\n Cada m\u00f3dulo da su\u00edte Xflow \u00e9 desenhado para trabalhar em sinergia, criando um ecossistema de dados poderoso e acion\u00e1vel \u2014 com um Audience Hub inteligente no centro.\n <\/p>\n <\/div>\n <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8 max-w-6xl mx-auto\">\n <div class=\"card p-8 rounded-xl flex flex-col items-center text-center\"><div class=\"w-16 h-16 mb-4 flex items-center justify-center\"><svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M4 7v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V7M4 7c0-1.1.9-2 2-2h12c1.1 0 2 .9 2 2M4 7c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2m-2.5 7.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1z\" stroke=\"#a78bfa\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/div><h3 class=\"text-xl font-bold text-white mt-4\">XflowData<\/h3><p class=\"text-neutral-400 mt-2\">Mini Data Lake em Tempo Real<\/p><\/div>\n <div class=\"card p-8 rounded-xl flex flex-col items-center text-center\"><div class=\"w-16 h-16 mb-4 flex items-center justify-center\"><svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\" stroke=\"#a78bfa\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M20.59 18.25c.34.08.66.18 1.01.25v-2c0-1.12-.64-2.1-1.6-2.62\" stroke=\"#a78bfa\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M3.41 18.25c-.34.08-.66.18-1.01.25v-2c0-1.12.64-2.1 1.6-2.62\" stroke=\"#a78bfa\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/div><h3 class=\"text-xl font-bold text-white mt-4\">XflowID<\/h3><p class=\"text-neutral-400 mt-2\">Unifica\u00e7\u00e3o de Identidades + Audi\u00eancias<\/p><\/div>\n <div class=\"card p-8 rounded-xl flex flex-col items-center text-center\"><div class=\"w-16 h-16 mb-4 flex items-center justify-center\"><svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M22 2 11 13m0 0L2 22l9-9m0 0L2 2l9 11z\" stroke=\"#a78bfa\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/div><h3 class=\"text-xl font-bold text-white mt-4\">XflowEngage<\/h3><p class=\"text-neutral-400 mt-2\">Ativa\u00e7\u00e3o Multicanal Inteligente<\/p><\/div>\n <div class=\"card p-8 rounded-xl flex flex-col items-center text-center\"><div class=\"w-16 h-16 mb-4 flex items-center justify-center\"><svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 22a2.98 2.98 0 0 0 2.05-5.05 2.98 2.98 0 0 0-4.1 0A2.98 2.98 0 0 0 12 22zm0-11a2.98 2.98 0 0 0 2.05-5.05 2.98 2.98 0 0 0-4.1 0A2.98 2.98 0 0 0 12 11zM2 13.05a2.98 2.98 0 0 0 5.05 2.05 2.98 2.98 0 0 0 0-4.1A2.98 2.98 0 0 0 2 13.05zm15-6.1a2.98 2.98 0 0 0 5.05 2.05 2.98 2.98 0 0 0 0-4.1A2.98 2.98 0 0 0 17 6.95z\" stroke=\"#a78bfa\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/div><h3 class=\"text-xl font-bold text-white mt-4\">XflowAI<\/h3><p class=\"text-neutral-400 mt-2\">Decis\u00f5es Automatizadas com IA<\/p><\/div>\n <div class=\"card p-8 rounded-xl flex flex-col items-center text-center\"><div class=\"w-16 h-16 mb-4 flex items-center justify-center\"><svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M3 3v18h18\"\/><path d=\"m19 9-5 5-4-4-3 3\" stroke=\"#a78bfa\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><h3 class=\"text-xl font-bold text-white mt-4\">XflowNBA<\/h3><p class=\"text-neutral-400 mt-2\">Orquestra\u00e7\u00e3o da Pr\u00f3xima Melhor A\u00e7\u00e3o<\/p><\/div>\n <div class=\"card p-8 rounded-xl flex flex-col items-center text-center\"><div class=\"w-16 h-16 mb-4 flex items-center justify-center\"><svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M3 12h18M3 6h18M3 18h18\" stroke=\"#a78bfa\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M12 2v20\" stroke=\"#a78bfa\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/div><h3 class=\"text-xl font-bold text-white mt-4\">XflowSite<\/h3><p class=\"text-neutral-400 mt-2\">Personaliza\u00e7\u00e3o Web + Testes A\/B<\/p><\/div>\n <div class=\"card p-8 rounded-xl flex flex-col items-center text-center\"><div class=\"w-16 h-16 mb-4 flex items-center justify-center\"><svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M21.21 15.89A10 10 0 1 1 8.11 2.79\"\/><path d=\"M22 12A10 10 0 0 0 12 2v10z\" stroke=\"#a78bfa\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><h3 class=\"text-xl font-bold text-white mt-4\">XflowIQ<\/h3><p class=\"text-neutral-400 mt-2\">Pain\u00e9is e Insights Acion\u00e1veis<\/p><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- 5. Arquitetura Visual (Vers\u00e3o BETA) -->\n <section id=\"architecture\" class=\"py-20 lg:py-32\">\n <div class=\"container mx-auto px-6\">\n <div class=\"text-center mb-16\"><h2 class=\"text-3xl md:text-4xl font-bold tracking-tight text-white\">Como a Xflow Funciona<\/h2><p class=\"max-w-3xl mx-auto mt-4 text-neutral-300\">Nossa arquitetura transparente foi desenhada para se integrar ao seu ambiente, garantindo performance e controle total sobre seus dados.<\/p><\/div>\n <div class=\"grid lg:grid-cols-3 gap-8 items-start\">\n <div class=\"text-center\"><h3 class=\"text-lg font-semibold uppercase tracking-wider text-purple-400 mb-6\">1. Coleta<\/h3><div class=\"space-y-4\"><div class=\"card p-4 rounded-lg flex items-center gap-4\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-neutral-400\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg><span>Site & App<\/span><\/div><div class=\"card p-4 rounded-lg flex items-center gap-4\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-neutral-400\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><\/svg><span>CRM & Backend<\/span><\/div><div class=\"card p-4 rounded-lg flex items-center gap-4\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-neutral-400\"><polyline points=\"16 18 22 12 16 6\"\/><polyline points=\"8 6 2 12 8 18\"\/><\/svg><span>APIs & Fontes Externas<\/span><\/div><\/div><\/div>\n <div class=\"relative text-center border-2 border-indigo-500 border-dashed rounded-2xl p-8 mt-14 lg:mt-0\"><h3 class=\"text-lg font-semibold uppercase tracking-wider text-indigo-300 mb-2\">2. Plataforma Xflow<\/h3><p class=\"text-xs text-indigo-400 mb-6\">Dentro da sua Cloud (GCP, AWS, Azure)<\/p><div class=\"space-y-4\"><div class=\"bg-gray-800\/50 p-3 rounded-lg text-sm\">XflowData: Processamento Real-time<\/div><div class=\"bg-gray-800\/50 p-3 rounded-lg text-sm\">XflowID: Unifica\u00e7\u00e3o e Perfis 360\u00ba<\/div><div class=\"bg-gray-800\/50 p-3 rounded-lg text-sm\">XflowEngage: Orquestra\u00e7\u00e3o<\/div><div class=\"bg-gradient-to-r from-purple-600 to-indigo-600 p-3 rounded-lg text-sm font-bold\">XflowAI: Decis\u00f5es Inteligentes<\/div><\/div><div class=\"absolute top-1\/2 -left-12 -translate-y-1\/2 hidden lg:block\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-neutral-600\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg><\/div><\/div>\n <div class=\"text-center\"><h3 class=\"text-lg font-semibold uppercase tracking-wider text-pink-400 mb-6\">3. Ativa\u00e7\u00e3o & Armazenamento<\/h3>\n <div class=\"space-y-4\">\n <div class=\"relative card p-4 rounded-lg flex items-center gap-4 text-sm\"><div class=\"absolute top-1\/2 -left-6 -translate-y-1\/2 hidden lg:block\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-neutral-600\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg><\/div><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-neutral-400\"><path d=\"m22 2-7 20-4-9-9-4Z\"\/><path d=\"m22 2-11 11\"\/><\/svg><span>Canais de M\u00eddia (Ads)<\/span><\/div>\n <div class=\"relative card p-4 rounded-lg flex items-center gap-4 text-sm\"><div class=\"absolute top-1\/2 -left-6 -translate-y-1\/2 hidden lg:block\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-neutral-600\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg><\/div><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-neutral-400\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg><span>E-mail & Push<\/span><\/div>\n <div class=\"relative card p-4 rounded-lg flex items-center gap-4 text-sm\"><div class=\"absolute top-1\/2 -left-6 -translate-y-1\/2 hidden lg:block\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-neutral-600\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg><\/div><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-neutral-400\"><path d=\"M12.001 2.001a10 10 0 1 1-10 10 10 10 0 0 1 10-10Z\"\/><path d=\"M12.001 12.001a5 5 0 1 1-5 5 5 5 0 0 1 5-5Z\"\/><\/svg><span>Personaliza\u00e7\u00e3o de Site\/App<\/span><\/div>\n <div class=\"relative card p-4 rounded-lg flex items-center gap-4 border-pink-500\/50 border mt-8\"><div class=\"absolute top-1\/2 -left-6 -translate-y-1\/2 hidden lg:block\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-neutral-600\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg><\/div><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-pink-400\"><ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"><\/ellipse><path d=\"M21 12c0 1.66-4 3-9 3s-9-1.34-9-3\"><\/path><path d=\"M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5\"><\/path><\/svg><span>Seu Data Warehouse \/ Lakehouse<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- 6. Integra\u00e7\u00f5es -->\n <section id=\"integrations\" class=\"py-20 lg:py-32 bg-black\">\n <div class=\"container mx-auto px-6 text-center\">\n <h2 class=\"text-3xl md:text-4xl font-bold tracking-tight text-white\">Conectamos com qualquer stack. De verdade.<\/h2>\n <p class=\"max-w-2xl mx-auto mt-4 text-neutral-300\">Seja via integra\u00e7\u00e3o nativa, API, Webhook, TXT ou automa\u00e7\u00e3o \u2014 o Xflow se adapta ao seu ecossistema.<\/p>\n <p class=\"mt-8 text-lg text-purple-300 italic\">Junte-se a empresas que j\u00e1 confiam em nossa tecnologia para potencializar seu ecossistema.<\/p>\n <div class=\"mt-16 grid grid-cols-2 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-7 gap-4 max-w-7xl mx-auto\">\n <div class=\"card p-6 flex justify-center items-center h-24\"><img src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/f9\/Salesforce.com_logo.svg\/2560px-Salesforce.com_logo.svg.png\" class=\"h-10 w-auto transition-all duration-300 grayscale hover:grayscale-0\" alt=\"Salesforce\"><\/div>\n <div class=\"card p-6 flex justify-center items-center h-24\"><img src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/c\/c7\/Google_Analytics_logo_300x259.svg\/2048px-Google_Analytics_logo_300x259.svg.png\" class=\"h-12 w-auto transition-all duration-300 grayscale hover:grayscale-0\" alt=\"Google Analytics\"><\/div>\n <div class=\"card p-6 flex justify-center items-center h-24\"><img src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/2\/2b\/Google_Ads_logo.svg\/2560px-Google_Ads_logo.svg.png\" class=\"h-8 w-auto transition-all duration-300 grayscale hover:grayscale-0\" alt=\"Google Ads\"><\/div>\n <div class=\"card p-6 flex justify-center items-center h-24\"><img src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b9\/Meta_logo.svg\/2560px-Meta_logo.svg.png\" class=\"h-6 w-auto transition-all duration-300 grayscale hover:grayscale-0\" alt=\"Meta\"><\/div>\n <div class=\"card p-6 flex justify-center items-center h-24\"><img src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/2\/2d\/HubSpot_Logo.svg\/2560px-HubSpot_Logo.svg.png\" class=\"h-8 w-auto transition-all duration-300 grayscale hover:grayscale-0\" alt=\"HubSpot\"><\/div>\n <div class=\"card p-6 flex justify-center items-center h-24\"><img src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/6\/66\/VTEX_Logo.svg\/2560px-VTEX_Logo.svg.png\" class=\"h-6 w-auto transition-all duration-300 grayscale hover:grayscale-0\" alt=\"VTEX\"><\/div>\n <div class=\"card p-6 flex justify-center items-center h-24\"><img src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/5\/50\/Oracle_logo.svg\/2560px-Oracle_logo.svg.png\" class=\"h-5 w-auto transition-all duration-300 grayscale hover:grayscale-0\" alt=\"Oracle\"><\/div>\n <div class=\"card p-6 flex justify-center items-center h-24\"><img src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d0\/Microsoft_logo_%282012%29.svg\/2560px-Microsoft_logo_%282012%29.svg.png\" class=\"h-7 w-auto transition-all duration-300 grayscale hover:grayscale-0\" alt=\"Microsoft Dynamics\"><\/div>\n <div class=\"card p-6 flex justify-center items-center h-24\"><img src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/e\/e7\/Instagram_logo_2016.svg\/2048px-Instagram_logo_2016.svg.png\" class=\"h-10 w-auto transition-all duration-300 grayscale hover:grayscale-0\" alt=\"Instagram\"><\/div>\n <div class=\"card p-6 flex justify-center items-center h-24\"><img src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/6\/6b\/WhatsApp.svg\/2044px-WhatsApp.svg.png\" class=\"h-10 w-auto transition-all duration-300 grayscale hover:grayscale-0\" alt=\"WhatsApp\"><\/div>\n <div class=\"card p-6 flex justify-center items-center h-24\"><img src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/1\/1e\/Dynamic_Yield_logo.svg\/2560px-Dynamic_Yield_logo.svg.png\" class=\"h-6 w-auto transition-all duration-300 grayscale hover:grayscale-0\" alt=\"Dynamic Yield\"><\/div>\n <div class=\"card p-6 flex justify-center items-center h-24\"><img src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/3\/30\/Insider_logo.svg\/2560px-Insider_logo.svg.png\" class=\"h-6 w-auto transition-all duration-300 grayscale hover:grayscale-0\" alt=\"Insider\"><\/div>\n <div class=\"card p-6 flex justify-center items-center h-24\"><img src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/c\/c3\/Amplitude_logo.svg\/2560px-Amplitude_logo.svg.png\" class=\"h-8 w-auto transition-all duration-300 grayscale hover:grayscale-0\" alt=\"Amplitude\"><\/div>\n <div class=\"card p-6 flex justify-center items-center h-24\"><img src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a8\/Adobe_Experience_Cloud_logo.svg\/2560px-Adobe_Experience_Cloud_logo.svg.png\" class=\"h-8 w-auto transition-all duration-300 grayscale hover:grayscale-0\" alt=\"Adobe Experience Cloud\"><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"compliance\" class=\"py-20 lg:py-32\">\n <div class=\"container mx-auto px-6 max-w-4xl\">\n <div class=\"text-center mb-12\"><h2 class=\"text-3xl md:text-4xl font-bold tracking-tight text-white\">Compliant por natureza. Seguro por arquitetura.<\/h2><\/div>\n <div class=\"grid md:grid-cols-2 gap-8 items-center\">\n <div><p class=\"text-lg text-neutral-300\">Xflow \u00e9 <span class=\"text-white font-semibold\">cookieless-ready<\/span>, opera com eventos <span class=\"text-white font-semibold\">server-side<\/span> e respeita as mais rigorosas normas de privacidade de dados, incluindo <span class=\"text-white font-semibold\">LGPD, GDPR e CCPA<\/span>. Por rodar diretamente na sua infraestrutura de cloud, garantimos que voc\u00ea nunca perca a soberania e o controle dos seus dados sens\u00edveis.<\/p><\/div>\n <div class=\"flex justify-center\"><svg width=\"120\" height=\"120\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\" stroke=\"#4F46E5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"m9 12 2 2 4-4\" stroke=\"#a78bfa\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/div>\n <\/div>\n <\/div>\n <\/section>\n \n <section id=\"use-cases\" class=\"py-20 lg:py-32 bg-black\">\n <div class=\"container mx-auto px-6\">\n <div class=\"text-center mb-16\"><h2 class=\"text-3xl md:text-4xl font-bold tracking-tight text-white\">Casos de Uso: Como a Xflow ativa valor real<\/h2><\/div>\n <div class=\"grid md:grid-cols-3 gap-8 max-w-6xl mx-auto\">\n <div class=\"card p-8 rounded-xl\"><h3 class=\"font-bold text-white text-lg mb-2\">Transforme seu CRM em uma m\u00e1quina de vendas<\/h3><p class=\"text-neutral-400\">Ative jornadas personalizadas com base em dados reais. Upsell automatizado e funil mais eficiente.<\/p><\/div>\n <div class=\"card p-8 rounded-xl\"><h3 class=\"font-bold text-white text-lg mb-2\">Acabe com a guerra de atribui\u00e7\u00e3o<\/h3><p class=\"text-neutral-400\">Foco no cliente, n\u00e3o no canal. Atribui\u00e7\u00e3o centrada na jornada com ativa\u00e7\u00e3o personalizada.<\/p><\/div>\n <div class=\"card p-8 rounded-xl\"><h3 class=\"font-bold text-white text-lg mb-2\">IA aplicada \u00e0 m\u00eddia<\/h3><p class=\"text-neutral-400\">Detecta campanhas com alta performance, sugere aloca\u00e7\u00e3o de verba e executa otimiza\u00e7\u00f5es via API.<\/p><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"scheduling\" class=\"py-20 lg:py-32\">\n <div class=\"container mx-auto px-6 text-center max-w-3xl\">\n <h2 class=\"text-3xl md:text-4xl font-bold tracking-tight text-white\">Pronto para acelerar?<\/h2>\n <p class=\"text-lg mt-4 text-neutral-300\">N\u00e3o precisa esperar. Se voc\u00ea j\u00e1 sabe que precisa de uma solu\u00e7\u00e3o robusta, agende uma conversa de 15 minutos com um de nossos especialistas e acelere seus resultados.<\/p>\n <div class=\"mt-8\">\n <a href=\"https:\/\/lp.aunica.com\/meetings\/rjunior\/xflow\" target=\"_blank\" class=\"cta-button text-white font-bold py-4 px-10 rounded-lg text-lg inline-block\">\n Agendar uma conversa\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"gen-ai\" class=\"py-20 lg:py-32 text-center bg-black\">\n <div class=\"container mx-auto px-6 max-w-3xl\">\n <div class=\"flex justify-center mb-6\"><svg width=\"60\" height=\"60\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 12h14M12 5v14\" stroke=\"#a78bfa\" stroke-width=\"2\" stroke-linecap=\"round\"\/><path d=\"M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20z\" stroke=\"#4F46E5\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/div>\n <h2 class=\"text-3xl md:text-4xl font-bold tracking-tight text-white\">IA com c\u00e9rebro de verdade<\/h2>\n <p class=\"text-lg mt-4 text-neutral-300\">Xflow integra APIs de IA generativa como ChatGPT e Gemini para enriquecer decis\u00f5es, gerar varia\u00e7\u00f5es de conte\u00fado e personalizar experi\u00eancias em tempo real.<\/p>\n <\/div>\n <\/section>\n\n <section id=\"poc-form\" class=\"py-20 lg:py-32\">\n <div class=\"container mx-auto px-6 max-w-4xl\">\n <div id=\"diagnostic-tool-container\">\n <\/div>\n <\/div>\n <\/section>\n\n <\/main>\n \n <footer class=\"py-8 border-t border-neutral-800\">\n <div class=\"container mx-auto px-6 text-center text-neutral-500 text-sm\">\n <p class=\"font-semibold text-base text-neutral-300\">25 anos de intelig\u00eancia de dados, agora em uma plataforma aut\u00f4noma para voc\u00ea.<\/p>\n <p class=\"mt-2\">\u00a9 2025 Xflow. Todos os direitos reservados.<\/p>\n <\/div>\n <\/footer>\n\n <script>\n \/\/ Script da Anima\u00e7\u00e3o do Hero\n const canvas = document.getElementById('data-flow');\n const ctx = canvas.getContext('2d');\n let particles = [];\n\n function resizeCanvas() {\n canvas.width = window.innerWidth;\n canvas.height = window.innerHeight;\n }\n\n class Particle {\n constructor() {\n this.x = Math.random() * canvas.width;\n this.y = Math.random() * canvas.height;\n this.size = Math.random() * 2 + 1;\n this.speedX = Math.random() * 2 - 1;\n this.speedY = Math.random() * 2 - 1;\n this.color = `rgba(139, 92, 246, ${Math.random()})`;\n }\n update() {\n if (this.x > canvas.width || this.x < 0) this.speedX *= -1;\n if (this.y > canvas.height || this.y < 0) this.speedY *= -1;\n this.x += this.speedX;\n this.y += this.speedY;\n }\n draw() {\n ctx.fillStyle = this.color;\n ctx.beginPath();\n ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);\n ctx.fill();\n }\n }\n\n function init() {\n particles = [];\n let numberOfParticles = (canvas.width * canvas.height) \/ 9000;\n for (let i = 0; i < numberOfParticles; i++) {\n particles.push(new Particle());\n }\n }\n\n function animate() {\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n for (let i = 0; i < particles.length; i++) {\n particles[i].update();\n particles[i].draw();\n }\n connect();\n requestAnimationFrame(animate);\n }\n \n function connect() {\n let opacityValue = 1;\n for (let a = 0; a < particles.length; a++) {\n for (let b = a; b < particles.length; b++) {\n let distance = ((particles[a].x - particles[b].x) * (particles[a].x - particles[b].x)) +\n ((particles[a].y - particles[b].y) * (particles[a].y - particles[b].y));\n if (distance < (canvas.width\/7) * (canvas.height\/7)) {\n opacityValue = 1 - (distance\/20000);\n ctx.strokeStyle = `rgba(79, 70, 229, ${opacityValue})`;\n ctx.lineWidth = 1;\n ctx.beginPath();\n ctx.moveTo(particles[a].x, particles[a].y);\n ctx.lineTo(particles[b].x, particles[b].y);\n ctx.stroke();\n }\n }\n }\n }\n\n window.addEventListener('resize', () => {\n resizeCanvas();\n init();\n });\n\n resizeCanvas();\n init();\n animate();\n\n \/\/ Script da Ferramenta de Diagn\u00f3stico\n const diagnosticToolContainer = document.getElementById('diagnostic-tool-container');\n \n diagnosticToolContainer.innerHTML = `\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl md:text-4xl font-bold tracking-tight text-white\">Diagn\u00f3stico de Maturidade de Dados<\/h2>\n <p class=\"text-lg text-gray-400 mt-2\">Descubra em 2 minutos os pontos de melhoria na sua estrat\u00e9gia de dados.<\/p>\n <\/div>\n <div id=\"diagnostic-content\"><\/div>\n `;\n \n const diagnosticContent = document.getElementById('diagnostic-content');\n\n const allQuestions = [\n { id: 'activation_time', question: \"Quanto tempo, em m\u00e9dia, sua equipe leva para ativar uma nova audi\u00eancia do seu CRM em um canal de m\u00eddia?\", options: [ { text: \"V\u00e1rios dias ou at\u00e9 semanas.\", pain_level: 2, solution: \"Com o **XflowEngage**, audi\u00eancias s\u00e3o sincronizadas de forma autom\u00e1tica e cont\u00ednua, transformando dias de espera em minutos.\" }, { text: \"Algumas horas ou at\u00e9 um dia.\", pain_level: 1, solution: \"O **XflowEngage** elimina processos manuais, automatizando o fluxo de audi\u00eancias para garantir agilidade.\" }, { text: \"Minutos.\", pain_level: 0, solution: \"Excelente! O pr\u00f3ximo passo seria otimizar a intelig\u00eancia por tr\u00e1s dessas ativa\u00e7\u00f5es.\" } ] },\n { id: 'customer_view', question: \"Como voc\u00ea descreveria a vis\u00e3o que sua empresa tem de um mesmo cliente atrav\u00e9s das diferentes plataformas?\", options: [ { text: \"Fragmentada. Cada plataforma tem sua pr\u00f3pria 'vers\u00e3o' do cliente.\", pain_level: 2, solution: \"O **XflowID** resolve exatamente essa dor, unificando dados de todas as fontes para criar um perfil de cliente 360\u00b0.\" }, { text: \"Parcialmente unificada, mas n\u00e3o em tempo real.\", pain_level: 1, solution: \"O **XflowID** pode elevar seu n\u00edvel de unifica\u00e7\u00e3o, trazendo dados em tempo real para o perfil do cliente.\" }, { text: \"Unificada e em tempo real.\", pain_level: 0, solution: \"Perfeito! Com uma base unificada, o **XflowAI** pode orquestrar jornadas ainda mais inteligentes.\" } ] },\n { id: 'optimization_basis', question: \"Suas campanhas de m\u00eddia s\u00e3o otimizadas com base em que tipo de informa\u00e7\u00e3o?\", options: [ { text: \"Principalmente em relat\u00f3rios de performance passados.\", pain_level: 2, solution: \"O **XflowAI** muda o jogo, passando de an\u00e1lises reativas para otimiza\u00e7\u00f5es proativas em tempo real.\" }, { text: \"Usamos dados do dia anterior para fazer ajustes manuais.\", pain_level: 1, solution: \"O **XflowAI** pode automatizar esses ajustes di\u00e1rios, liberando sua equipe e reagindo a picos de interesse.\" }, { text: \"Nossa IA analisa o comportamento em tempo real e executa otimiza\u00e7\u00f5es.\", pain_level: 0, solution: \"Fant\u00e1stico! O **XflowAI** pode complementar sua IA atual com novos modelos preditivos.\" } ] },\n { id: 'new_interest_reaction', question: \"Quando um cliente demonstra um novo interesse, como sua empresa reage?\", options: [ { text: \"Esperamos que ele entre em um fluxo de nutri\u00e7\u00e3o gen\u00e9rico.\", pain_level: 2, solution: \"O **XflowNBA** (Next Best Action) identifica o sinal de interesse e orquestra automaticamente a a\u00e7\u00e3o mais relevante.\" }, { text: \"Nossa equipe de CRM tenta criar um segmento, mas leva alguns dias.\", pain_level: 1, solution: \"Com o **XflowNBA**, a cria\u00e7\u00e3o desse segmento e o disparo da campanha podem ser totalmente automatizados.\" }, { text: \"O sistema identifica e orquestra automaticamente a 'Pr\u00f3xima Melhor A\u00e7\u00e3o'.\", pain_level: 0, solution: \"Voc\u00ea j\u00e1 est\u00e1 no caminho certo. O **XflowNBA** pode enriquecer sua orquestra\u00e7\u00e3o com mais canais.\" } ] },\n { id: 'integration_complexity', question: \"Como sua empresa lida com a complexidade de integra\u00e7\u00f5es entre as diversas ferramentas de marketing?\", options: [ { text: \"\u00c9 um grande desafio. Dependemos muito de desenvolvimento customizado.\", pain_level: 2, solution: \"O Xflow foi desenhado para ser o 'conector universal' do seu stack, eliminando a necessidade de 'gambiarras'.\" }, { text: \"Temos algumas integra\u00e7\u00f5es nativas, mas o resto \u00e9 complexo.\", pain_level: 1, solution: \"O Xflow pode preencher essas lacunas, conectando as ferramentas que hoje est\u00e3o isoladas.\" }, { text: \"Nossa plataforma se conecta de forma flex\u00edvel ao nosso stack.\", pain_level: 0, solution: \"\u00d3timo! O Xflow pode potencializar seu stack atual com uma camada de intelig\u00eancia.\" } ] },\n { id: 'data_sovereignty', question: \"Quem tem o controle final e a posse dos dados de clientes na sua opera\u00e7\u00e3o atual?\", options: [ { text: \"Nossos dados ficam retidos em m\u00faltiplas ferramentas de terceiros.\", pain_level: 2, solution: \"O **Xflow** opera dentro da sua pr\u00f3pria infraestrutura de nuvem, garantindo que voc\u00ea mantenha total soberania e controle sobre seus dados.\" }, { text: \"Temos acesso, mas a extra\u00e7\u00e3o e unifica\u00e7\u00e3o s\u00e3o complexas.\", pain_level: 1, solution: \"O **Xflow** simplifica o acesso e o enriquecimento dos dados que j\u00e1 s\u00e3o seus, tornando-os acion\u00e1veis.\" }, { text: \"Temos total controle e posse em nosso pr\u00f3prio Data Warehouse.\", pain_level: 0, solution: \"Excelente! O Xflow se conecta ao seu ambiente para ativar esses dados sem que eles precisem sair do seu dom\u00ednio.\" } ] },\n { id: 'personalization_scale', question: \"Sua capacidade de personalizar a experi\u00eancia do cliente \u00e9 limitada pelo esfor\u00e7o manual?\", options: [ { text: \"Sim, s\u00f3 conseguimos personalizar algumas poucas jornadas principais.\", pain_level: 2, solution: \"O **XflowAI** permite a personaliza\u00e7\u00e3o em escala, criando milhares de microjornadas individuais de forma aut\u00f4noma.\" }, { text: \"Temos alguma automa\u00e7\u00e3o, mas a cria\u00e7\u00e3o de novas regras \u00e9 um processo lento.\", pain_level: 1, solution: \"O **Xflow** acelera a cria\u00e7\u00e3o e o teste de novas l\u00f3gicas de personaliza\u00e7\u00e3o, dando mais autonomia para o time de marketing.\" }, { text: \"N\u00e3o, nosso sistema j\u00e1 personaliza a experi\u00eancia em escala.\", pain_level: 0, solution: \"Perfeito. O Xflow pode adicionar novas camadas de intelig\u00eancia, como a personaliza\u00e7\u00e3o de conte\u00fado com IA generativa, \u00e0 sua estrutura atual.\" } ] },\n { id: 'campaign_testing', question: \"Com que frequ\u00eancia sua equipe consegue testar novas hip\u00f3teses de campanha e audi\u00eancia?\", options: [ { text: \"Raramente. O processo para lan\u00e7ar um teste \u00e9 muito demorado.\", pain_level: 2, solution: \"Com o **XflowSite** e o **XflowEngage**, testar novas audi\u00eancias, criativos e jornadas se torna um processo \u00e1gil de minutos, n\u00e3o semanas.\" }, { text: \"Conseguimos fazer alguns testes A\/B, mas de forma limitada.\", pain_level: 1, solution: \"O **Xflow** amplia sua capacidade de teste, permitindo a experimenta\u00e7\u00e3o cont\u00ednua e a otimiza\u00e7\u00e3o baseada em dados reais.\" }, { text: \"Testamos e iteramos sobre nossas campanhas constantemente.\", pain_level: 0, solution: \"\u00d3timo! O Xflow pode servir como o motor de orquestra\u00e7\u00e3o para automatizar a implementa\u00e7\u00e3o dos aprendizados dos seus testes.\" } ] },\n { id: 'reporting_actionability', question: \"Seus relat\u00f3rios de BI mostram o que aconteceu ou o que fazer a seguir?\", options: [ { text: \"Eles s\u00e3o \u00f3timos para mostrar o que aconteceu, mas a a\u00e7\u00e3o depende de interpreta\u00e7\u00e3o manual.\", pain_level: 2, solution: \"O **XflowIQ** e o **XflowAI** foram criados para fechar esse ciclo, transformando 'dashboards' em 'actionsboards'. A plataforma n\u00e3o apenas mostra o dado, mas recomenda e executa a pr\u00f3xima a\u00e7\u00e3o.\" }, { text: \"Temos alguns alertas, mas a a\u00e7\u00e3o ainda \u00e9 majoritariamente manual.\", pain_level: 1, solution: \"O **Xflow** pode automatizar a resposta a esses alertas, garantindo que cada insight gere uma a\u00e7\u00e3o de neg\u00f3cio correspondente.\" }, { text: \"Nossos relat\u00f3rios j\u00e1 geram recomenda\u00e7\u00f5es acion\u00e1veis automaticamente.\", pain_level: 0, solution: \"Excelente. O Xflow pode se integrar ao seu sistema de BI para ser o bra\u00e7o de execu\u00e7\u00e3o dessas recomenda\u00e7\u00f5es em todo o seu stack de marketing.\" } ] },\n { id: 'cookieless_readiness', question: \"Sua estrat\u00e9gia de dados est\u00e1 preparada para o fim dos cookies de terceiros?\", options: [ { text: \"N\u00e3o, ainda dependemos muito de cookies de terceiros para retargeting e medi\u00e7\u00e3o.\", pain_level: 2, solution: \"O **Xflow** \u00e9 'cookieless-ready' por natureza. Ao focar em dados prim\u00e1rios (first-party data) e operar no lado do servidor (server-side), ele garante que sua estrat\u00e9gia de personaliza\u00e7\u00e3o continue eficaz no futuro.\" }, { text: \"Estamos come\u00e7ando a nos adaptar, mas ainda n\u00e3o temos uma solu\u00e7\u00e3o clara.\", pain_level: 1, solution: \"O **Xflow** pode ser a pe\u00e7a central da sua nova estrat\u00e9gia de dados prim\u00e1rios, unificando os identificadores que voc\u00ea j\u00e1 possui (como e-mail e telefone) para criar uma base s\u00f3lida.\" }, { text: \"Sim, nossa estrat\u00e9gia j\u00e1 \u00e9 focada em dados prim\u00e1rios e server-side.\", pain_level: 0, solution: \"Perfeito. O Xflow \u00e9 a plataforma ideal para ativar e extrair o m\u00e1ximo valor da sua estrat\u00e9gia de dados prim\u00e1rios j\u00e1 consolidada.\" } ] }\n ];\n\n let questionsToAsk = [];\n const userAnswers = {};\n let currentQuestionIndex = 0;\n\n function shuffleAndSelectQuestions() {\n const shuffled = [...allQuestions].sort(() => 0.5 - Math.random());\n questionsToAsk = shuffled.slice(0, 5);\n currentQuestionIndex = 0;\n Object.keys(userAnswers).forEach(key => delete userAnswers[key]);\n }\n\n function renderDiagnosticQuestion() {\n if (currentQuestionIndex >= questionsToAsk.length) {\n diagnosticContent.innerHTML = `\n <div id=\"contact-form-section\" class=\"bg-gray-800 p-8 rounded-lg mt-12\">\n <h2 class=\"text-2xl font-bold text-center mb-2\">Quase l\u00e1!<\/h2>\n <p class=\"text-center text-gray-400 mb-6\">Preencha seus dados para ver seu plano de a\u00e7\u00e3o personalizado.<\/p>\n <form id=\"contact-form\" class=\"max-w-md mx-auto\">\n <div class=\"mb-4\">\n <label for=\"name\" class=\"block mb-2 text-sm font-medium text-gray-300\">Nome Completo<\/label>\n <input type=\"text\" id=\"name\" name=\"name\" class=\"w-full p-3 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500\" required>\n <\/div>\n <div class=\"mb-4\">\n <label for=\"company\" class=\"block mb-2 text-sm font-medium text-gray-300\">Empresa<\/label>\n <input type=\"text\" id=\"company\" name=\"company\" class=\"w-full p-3 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500\" required>\n <\/div>\n <div class=\"mb-4\">\n <label for=\"email\" class=\"block mb-2 text-sm font-medium text-gray-300\">E-mail Corporativo<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" class=\"w-full p-3 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500\" required>\n <p id=\"email-error\" class=\"hidden text-red-400 text-sm mt-2\">Por favor, utilize um e-mail corporativo.<\/p>\n <\/div>\n <div class=\"mb-6\">\n <label for=\"phone\" class=\"block mb-2 text-sm font-medium text-gray-300\">Telefone (com DDD)<\/label>\n <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"+55 11 96315-0786\" class=\"w-full p-3 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500\" required>\n <\/div>\n <input type=\"hidden\" id=\"diagnostic_summary_hidden\" name=\"diagnostic_summary\">\n <button type=\"submit\" class=\"w-full bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-3 px-4 rounded-lg transition-colors\">\n Ver meu Plano de A\u00e7\u00e3o\n <\/button>\n <\/form>\n <\/div>\n `;\n document.getElementById('contact-form').addEventListener('submit', handleFormSubmit);\n return;\n }\n\n const questionData = questionsToAsk[currentQuestionIndex];\n diagnosticContent.innerHTML = `\n <div class=\"question-card bg-gray-800 p-8 rounded-lg shadow-lg\">\n <div class=\"mb-6\">\n <p class=\"text-sm text-indigo-400 font-semibold\">Pergunta ${currentQuestionIndex + 1} de ${questionsToAsk.length}<\/p>\n <h2 class=\"text-xl md:text-2xl font-bold mt-2\">${questionData.question}<\/h2>\n <\/div>\n <div class=\"space-y-4\">\n ${questionData.options.map((option, index) => `\n <button class=\"option-btn w-full text-left p-4 bg-gray-700 hover:bg-gray-600 rounded-lg border-2 border-gray-600\" data-question-id=\"${questionData.id}\" data-option-index=\"${index}\">\n ${option.text}\n <\/button>\n `).join('')}\n <\/div>\n <\/div>\n `;\n\n document.querySelectorAll('.option-btn').forEach(button => {\n button.addEventListener('click', handleOptionSelect);\n });\n }\n\n function handleOptionSelect(event) {\n const { questionId, optionIndex } = event.currentTarget.dataset;\n userAnswers[questionId] = parseInt(optionIndex);\n \n document.querySelectorAll(`[data-question-id=\"${questionId}\"]`).forEach(btn => btn.classList.remove('selected'));\n event.currentTarget.classList.add('selected');\n\n setTimeout(() => {\n currentQuestionIndex++;\n renderDiagnosticQuestion();\n }, 400);\n }\n\n function validateEmail(email) {\n const forbiddenDomains = ['@gmail.', '@yahoo.', '@hotmail.', '@outlook.', '@msn.', '@live.'];\n const domain = email.substring(email.lastIndexOf('@'));\n return !forbiddenDomains.some(d => domain.includes(d));\n }\n\n function getSummaryText() {\n let summaryText = '';\n questionsToAsk.forEach(question => {\n const answerIndex = userAnswers[question.id];\n if (answerIndex === undefined) return;\n \n const selectedOption = question.options[answerIndex];\n\n if (selectedOption.pain_level > 0) {\n summaryText += `\\nDor Identificada: ${question.question}\\nResposta: ${selectedOption.text}\\nSolu\u00e7\u00e3o Xflow: ${selectedOption.solution.replace(\/\\*\\*\/g, '')}\\n`;\n }\n });\n if (summaryText === '') {\n summaryText = \"\\nNenhuma dor principal identificada. O prospect possui alta maturidade. Oportunidade para discutir otimiza\u00e7\u00f5es avan\u00e7adas com IA preditiva.\";\n }\n return summaryText;\n }\n\n function displaySummary() {\n const modal = document.createElement('div');\n modal.id = 'results-modal';\n modal.className = 'fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center p-4 z-50';\n \n const userInfo = {\n name: document.getElementById('name').value,\n company: document.getElementById('company').value,\n email: document.getElementById('email').value,\n phone: document.getElementById('phone').value,\n };\n\n let summaryHtml = '';\n const summaryText = getSummaryText();\n if (summaryText.includes(\"Nenhuma dor principal identificada\")) {\n summaryHtml = `<p class=\"text-center text-green-400 font-semibold\">Parab\u00e9ns! Sua maturidade de dados j\u00e1 \u00e9 bastante avan\u00e7ada. Vamos conversar sobre como levar sua estrat\u00e9gia para o pr\u00f3ximo n\u00edvel com IA preditiva.<\/p>`;\n } else {\n questionsToAsk.forEach(question => {\n const answerIndex = userAnswers[question.id];\n if (answerIndex === undefined) return;\n\n const selectedOption = question.options[answerIndex];\n\n if (selectedOption.pain_level > 0) {\n const solutionHtml = selectedOption.solution.replace(\/\\*\\*(.*?)\\*\\*\/g, '<strong class=\"text-indigo-400\">$1<\/strong>');\n summaryHtml += `\n <div class=\"bg-gray-900 p-4 rounded-lg mb-4\">\n <p class=\"font-semibold text-gray-400\">Sua Realidade:<\/p>\n <p class=\"italic text-gray-300 mb-3\">\"${selectedOption.text}\"<\/p>\n <p class=\"font-semibold text-indigo-400\">Oportunidade de Melhoria:<\/p>\n <p class=\"text-gray-300\">${solutionHtml}<\/p>\n <\/div>\n `;\n }\n });\n }\n\n modal.innerHTML = `\n <div class=\"bg-gray-800 rounded-lg shadow-xl p-8 max-w-2xl w-full max-h-[90vh] overflow-y-auto\">\n <div class=\"text-right\">\n <button id=\"close-modal-btn\" class=\"text-gray-400 hover:text-white text-2xl font-bold\">×<\/button>\n <\/div>\n <h2 class=\"text-2xl font-bold mb-4 text-center\">Oportunidades Identificadas & Plano de A\u00e7\u00e3o Xflow<\/h2>\n <p class=\"text-center text-gray-400 mb-6\">Este \u00e9 um resumo das suas respostas e das oportunidades que podemos explorar juntos.<\/p>\n <div class=\"mb-6 bg-gray-900 p-4 rounded-lg\">\n <h3 class=\"text-lg font-bold text-white mb-2\">Diagn\u00f3stico para:<\/h3>\n <p class=\"text-gray-300\"><strong>Nome:<\/strong> ${userInfo.name}<\/p>\n <p class=\"text-gray-300\"><strong>Empresa:<\/strong> ${userInfo.company}<\/p>\n <p class=\"text-gray-300\"><strong>Email:<\/strong> ${userInfo.email}<\/p>\n <p class=\"text-gray-300\"><strong>Telefone:<\/strong> ${userInfo.phone}<\/p>\n <\/div>\n <div class=\"space-y-6\">${summaryHtml}<\/div>\n <div class=\"text-center mt-8 pt-6 border-t border-gray-700\">\n <p class=\"text-lg text-neutral-300\">Gostaria de discutir seu plano de a\u00e7\u00e3o?<\/p>\n <a href=\"https:\/\/lp.aunica.com\/meetings\/rjunior\/xflow\" target=\"_blank\" class=\"cta-button mt-4 text-white font-bold py-3 px-8 rounded-lg text-base inline-block\">\n Agendar na minha agenda\n <\/a>\n <\/div>\n <p class=\"mt-8 text-center text-sm text-gray-500\">Uma c\u00f3pia deste diagn\u00f3stico foi enviada para o seu e-mail e um de nossos especialistas entrar\u00e1 em contato em breve.<\/p>\n <\/div>\n `;\n \n document.body.appendChild(modal);\n modal.querySelector('#close-modal-btn').addEventListener('click', () => {\n modal.remove();\n diagnosticContent.innerHTML = `\n <div class=\"text-center bg-gray-800 p-8 rounded-lg\">\n <h2 class=\"text-2xl font-bold text-green-400\">Obrigado!<\/h2>\n <p class=\"text-gray-300 mt-4\">Seu diagn\u00f3stico foi enviado. Nossa equipe entrar\u00e1 em contato em breve.<\/p>\n <button id=\"restart-quiz-btn\" class=\"mt-6 bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-2 px-6 rounded-lg transition-colors\">Fazer novo diagn\u00f3stico<\/button>\n <\/div>\n `;\n document.getElementById('restart-quiz-btn').addEventListener('click', startNewDiagnostic);\n });\n }\n\n function handleFormSubmit(e) {\n e.preventDefault();\n const emailInput = document.getElementById('email');\n const emailError = document.getElementById('email-error');\n const phoneInput = document.getElementById('phone');\n \n if (validateEmail(emailInput.value) && phoneInput.value) {\n emailError.classList.add('hidden');\n \n const summaryText = getSummaryText();\n document.getElementById('diagnostic_summary_hidden').value = summaryText;\n\n const formData = new FormData(e.target);\n \n \/\/ ATEN\u00c7\u00c3O: Substitua a URL abaixo pela URL real do seu endpoint Formspree.\n const formActionURL = 'https:\/\/www.aunica.com\/wp-json\/xflow\/v1\/submit-diagnostic'; \n\n if (formActionURL === 'https:\/\/formspree.io\/f\/SEU_ID_DE_FORMULARIO_AQUI') {\n console.warn(\"AVISO: A URL do formul\u00e1rio \u00e9 um placeholder. O e-mail n\u00e3o ser\u00e1 enviado. Substitua 'SEU_ID_DE_FORMULARIO_AQUI' pela sua ID do Formspree para ativar o envio.\");\n displaySummary(); \n return;\n }\n\n fetch(formActionURL, {\n method: 'POST',\n body: formData,\n headers: {\n 'Accept': 'application\/json'\n }\n }).then(response => {\n if (response.ok) {\n console.log('Formul\u00e1rio enviado com sucesso!');\n displaySummary();\n } else {\n console.error('Erro ao enviar o formul\u00e1rio.');\n alert('Houve um erro ao enviar seu diagn\u00f3stico. Por favor, tente novamente.');\n }\n }).catch(error => {\n console.error('Erro de rede:', error);\n alert('Houve um erro de rede ao enviar seu diagn\u00f3stico. Por favor, verifique sua conex\u00e3o e tente novamente.');\n });\n\n } else {\n if (!validateEmail(emailInput.value)) {\n emailError.classList.remove('hidden');\n emailInput.focus();\n }\n if (!phoneInput.value) {\n \/\/ Adicionar um feedback visual para o telefone se desejado\n phoneInput.focus();\n }\n }\n }\n \n function startNewDiagnostic() {\n shuffleAndSelectQuestions();\n renderDiagnosticQuestion();\n }\n\n \/\/ Inicia o primeiro diagn\u00f3stico\n startNewDiagnostic();\n\n <\/script>\n<\/body>\n<\/html>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Xflow – Dados em movimento. Decis\u00f5es inteligentes. xflow Solicitar POC Dados em movimento. Decis\u00f5es inteligentes. Personaliza\u00e7\u00e3o em tempo real. Com o XflowAI, cada comportamento se transforma em uma a\u00e7\u00e3o estrat\u00e9gica, seja no WhatsApp, em Ads, por E-mail e muito mais. Prepare-se para o futuro da personaliza\u00e7\u00e3o. Quero uma POC Voc\u00ea tem elenco de Champions. Mas […]<\/p>\n","protected":false},"author":10,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":""},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Xflow - Dados em movimento. Decis\u00f5es inteligentes. - aunica Interactive Marketing | Since 2004<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Xflow - Dados em movimento. Decis\u00f5es inteligentes. - aunica Interactive Marketing | Since 2004\" \/>\n<meta property=\"og:description\" content=\"Xflow – Dados em movimento. Decis\u00f5es inteligentes. xflow Solicitar POC Dados em movimento. Decis\u00f5es inteligentes. Personaliza\u00e7\u00e3o em tempo real. Com o XflowAI, cada comportamento se transforma em uma a\u00e7\u00e3o estrat\u00e9gica, seja no WhatsApp, em Ads, por E-mail e muito mais. Prepare-se para o futuro da personaliza\u00e7\u00e3o. Quero uma POC Voc\u00ea tem elenco de Champions. Mas […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.aunica.com\/en\/xflow\/\" \/>\n<meta property=\"og:site_name\" content=\"aunica Interactive Marketing | Since 2004\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-02T20:04:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/f9\/Salesforce.com_logo.svg\/2560px-Salesforce.com_logo.svg.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"19 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.aunica.com\/en\/xflow\/\",\"url\":\"https:\/\/www.aunica.com\/en\/xflow\/\",\"name\":\"Xflow - Dados em movimento. Decis\u00f5es inteligentes. - aunica Interactive Marketing | Since 2004\",\"isPartOf\":{\"@id\":\"https:\/\/www.aunica.com\/#website\"},\"datePublished\":\"2025-07-01T20:03:03+00:00\",\"dateModified\":\"2025-07-02T20:04:08+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.aunica.com\/en\/xflow\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.aunica.com\/en\/xflow\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.aunica.com\/en\/xflow\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.aunica.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Xflow – Dados em movimento. Decis\u00f5es inteligentes.\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.aunica.com\/#website\",\"url\":\"https:\/\/www.aunica.com\/\",\"name\":\"aunica Interactive Marketing | Since 2004\",\"description\":\"Especialistas em Data Driven Marketing\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.aunica.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Xflow - Dados em movimento. Decis\u00f5es inteligentes. - aunica Interactive Marketing | Since 2004","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Xflow - Dados em movimento. Decis\u00f5es inteligentes. - aunica Interactive Marketing | Since 2004","og_description":"Xflow – Dados em movimento. Decis\u00f5es inteligentes. xflow Solicitar POC Dados em movimento. Decis\u00f5es inteligentes. Personaliza\u00e7\u00e3o em tempo real. Com o XflowAI, cada comportamento se transforma em uma a\u00e7\u00e3o estrat\u00e9gica, seja no WhatsApp, em Ads, por E-mail e muito mais. Prepare-se para o futuro da personaliza\u00e7\u00e3o. Quero uma POC Voc\u00ea tem elenco de Champions. Mas […]","og_url":"https:\/\/www.aunica.com\/en\/xflow\/","og_site_name":"aunica Interactive Marketing | Since 2004","article_modified_time":"2025-07-02T20:04:08+00:00","og_image":[{"url":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/f9\/Salesforce.com_logo.svg\/2560px-Salesforce.com_logo.svg.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"19 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.aunica.com\/en\/xflow\/","url":"https:\/\/www.aunica.com\/en\/xflow\/","name":"Xflow - Dados em movimento. Decis\u00f5es inteligentes. - aunica Interactive Marketing | Since 2004","isPartOf":{"@id":"https:\/\/www.aunica.com\/#website"},"datePublished":"2025-07-01T20:03:03+00:00","dateModified":"2025-07-02T20:04:08+00:00","breadcrumb":{"@id":"https:\/\/www.aunica.com\/en\/xflow\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.aunica.com\/en\/xflow\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.aunica.com\/en\/xflow\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.aunica.com\/en\/"},{"@type":"ListItem","position":2,"name":"Xflow – Dados em movimento. Decis\u00f5es inteligentes."}]},{"@type":"WebSite","@id":"https:\/\/www.aunica.com\/#website","url":"https:\/\/www.aunica.com\/","name":"aunica Interactive Marketing | Since 2004","description":"Especialistas em Data Driven Marketing","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.aunica.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.aunica.com\/en\/wp-json\/wp\/v2\/pages\/98367"}],"collection":[{"href":"https:\/\/www.aunica.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.aunica.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.aunica.com\/en\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/www.aunica.com\/en\/wp-json\/wp\/v2\/comments?post=98367"}],"version-history":[{"count":32,"href":"https:\/\/www.aunica.com\/en\/wp-json\/wp\/v2\/pages\/98367\/revisions"}],"predecessor-version":[{"id":98425,"href":"https:\/\/www.aunica.com\/en\/wp-json\/wp\/v2\/pages\/98367\/revisions\/98425"}],"wp:attachment":[{"href":"https:\/\/www.aunica.com\/en\/wp-json\/wp\/v2\/media?parent=98367"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}