
{"id":267,"date":"2026-04-06T09:44:03","date_gmt":"2026-04-06T12:44:03","guid":{"rendered":"https:\/\/deltaprime.online\/?page_id=267"},"modified":"2026-04-08T17:13:44","modified_gmt":"2026-04-08T20:13:44","slug":"index-2","status":"publish","type":"page","link":"https:\/\/deltaprime.online\/","title":{"rendered":"Delta Prime"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"267\" class=\"elementor elementor-267\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b0e610 e-con-full e-flex e-con e-parent\" data-id=\"9b0e610\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-860a722 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"860a722\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<html lang=\"en\"><head>\r\n<script>\r\ntry{if(window.parent&&window.parent!==window){window.parent.promotekit_referral=\"1fd2949a-d22c-431b-92bf-02d4ad04ee24\";window.parent.document.cookie=\"promotekit_referral=1fd2949a-d22c-431b-92bf-02d4ad04ee24;path=\/;domain=.aura.build;max-age=31536000\"}}catch(e){}\r\n<\/script>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\r\n<title>Delta Prime<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<script>\r\n  tailwind.config = {\r\n    theme: {\r\n      extend: {\r\n        fontFamily: {\r\n          'geist': ['Geist', 'sans-serif'],\r\n          'bricolage': ['Bricolage Grotesque', 'sans-serif']\r\n        }\r\n      }\r\n    }\r\n  }\r\n<\/script>\r\n<style>\r\n\/* Corre\u00e7\u00e3o global para impedir clar\u00e3o branco de temas no carregamento e garantir fundo dark root *\/\r\nhtml, body {\r\n  background-color: #020617 !important;\r\n}\r\n\r\nbody{font-family:'Inter',sans-serif;}\r\n@keyframes fade-slide{\r\n0%{opacity:0;transform:translateY(20px) scale(.98);}\r\n100%{opacity:1;transform:translateY(0) scale(1);}\r\n}\r\n.fade-slide{animation:fade-slide .7s both;}\r\n@keyframes pulse-slow{\r\n0%,100%{opacity:1;}\r\n50%{opacity:.7;}\r\n}\r\n.pulse-slow{animation:pulse-slow 2s infinite;}\r\n\/* Accordion transitions *\/\r\n.pilar-content {\r\n    max-height: 0;\r\n  transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out;\r\n  opacity: 0;\r\n  overflow: hidden;\r\n}\r\n.pilar-content.active {\r\n  opacity: 1;\r\n}\r\n.pilar-arrow svg {\r\n  transition: transform 0.3s ease-in-out;\r\n}\r\n<\/style>\r\n<script defer src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<script type=\"text\/javascript\">\r\nvar s=document.createElement(\"script\");\r\ns.src=\"https:\/\/scripts.converteai.net\/lib\/js\/smartplayer-wc\/v4\/sdk.js\";\r\ns.async=!0;\r\ndocument.head.appendChild(s);\r\n<\/script>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Bricolage+Grotesque:wght@300;400;500;600;700&family=Geist:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<\/head>\r\n\r\n<body class=\"bg-slate-950 text-gray-100 min-h-screen\">\r\n  \r\n  <!-- Spline Background corrigido: a div Hero Image opaca cobrir\u00e1 ele na primeira tela naturalmente! -->\r\n  <div class=\"spline-container fixed top-0 w-full h-screen -z-10\" id=\"splineBackground\">\r\n    <iframe src=\"https:\/\/my.spline.design\/glasswave-6HLEnvJfCRsq1aKT2xqlgme7\" frameborder=\"0\" width=\"100%\" height=\"100%\"><\/iframe>\r\n  <\/div>\r\n\r\n  <!-- Hero Section with Background Image -->\r\n  <section class=\"relative min-h-screen flex items-center sm:px-6 lg:px-8 px-4 overflow-hidden\">\r\n    \r\n    <!-- Background Image -->\r\n    <div class=\"absolute inset-0 z-0\">\r\n      <img decoding=\"async\" \r\n        src=\"https:\/\/deltaprime.online\/wp-content\/uploads\/2026\/04\/bg2.webp\" \r\n        alt=\"Background\" \r\n        class=\"w-full h-full object-cover\"\r\n        loading=\"eager\"\r\n        fetchpriority=\"high\"\/>\r\n      <!-- Dark overlay for better text readability -->\r\n      <div ><\/div>\r\n    <\/div>\r\n\r\n\r\n    <div class=\"max-w-7xl mx-auto w-full relative z-10\">\r\n      <div class=\"py-16 sm:py-24 lg:py-32\">\r\n        \r\n        <!-- Content - Alinhado \u00e0 Esquerda -->\r\n        <div class=\"max-w-3xl fade-slide\" style=\"animation-delay:.1s\">\r\n          \r\n          <!-- T\u00edtulo -->\r\n          <h1 class=\"text-[1.75rem] leading-[1.2] sm:text-4xl lg:text-5xl xl:text-6xl tracking-tight text-white mb-6 font-bricolage font-light sm:leading-tight\">\r\n            A Precis\u00e3o da Intelig\u00eancia Artificial. \r\n            <span class=\"font-light bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-blue-400 font-bricolage\">\r\n              A Valida\u00e7\u00e3o da Vis\u00e3o Estrat\u00e9gica Humana.\r\n            <\/span>\r\n          <\/h1>\r\n          \r\n          <!-- Subt\u00edtulo -->\r\n          <p class=\"text-[0.9375rem] leading-relaxed sm:text-lg lg:text-xl text-gray-300 mb-10 font-geist\" id=\"subtitulo\">\r\n            Transformamos a complexidade do mercado internacional em um modelo pr\u00e1tico e execut\u00e1vel. A estrutura definitiva para dolarizar e proteger o seu capital com controle absoluto na sua pr\u00f3pria conta.\r\n          <\/p>\r\n          \r\n          <!-- Bot\u00f5es -->\r\n          <div class=\"flex flex-col sm:flex-row items-stretch sm:items-start gap-4\">\r\n            \r\n            <!-- Bot\u00e3o Principal -->\r\n            <button onclick=\"openLoginModal()\" class=\"group relative flex items-center justify-center gap-3 bg-gradient-to-r from-blue-500 to-blue-500 hover:from-blue-600 hover:to-blue-600 text-white px-6 sm:px-8 py-3.5 sm:py-4 rounded-xl font-geist font-semibold text-sm sm:text-base transition-all duration-300 shadow-lg shadow-blue-500\/25 hover:shadow-xl hover:shadow-blue-500\/40 hover:-translate-y-1\">\r\n              <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=\"flex-shrink-0\">\r\n                <path d=\"M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z\"\/>\r\n              <\/svg>\r\n              <span class=\"whitespace-nowrap sm:whitespace-normal\">INICIAR MINHA BLINDAGEM<\/span>\r\n            <\/button>\r\n            \r\n            <!-- Bot\u00e3o Secund\u00e1rio -->\r\n            <button onclick=\"openLoginModal()\" class=\"flex items-center justify-center gap-3 border border-white\/20 bg-white\/5 hover:bg-white\/10 hover:border-white\/30 text-gray-100 px-6 sm:px-8 py-3.5 sm:py-4 rounded-xl font-geist font-semibold text-sm sm:text-base transition-all duration-300\">\r\n              <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=\"flex-shrink-0\">\r\n                <path d=\"M8 2v4\"\/>\r\n                <path d=\"M16 2v4\"\/>\r\n                <rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"\/>\r\n                <path d=\"M3 10h18\"\/>\r\n              <\/svg>\r\n              <span>Agendar Atendimento<\/span>\r\n            <\/button>\r\n            \r\n          <\/div>\r\n          \r\n        <\/div>\r\n        \r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<style>\r\n\/* Anima\u00e7\u00e3o fade-slide *\/\r\n@keyframes fade-slide {\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(20px) scale(.98);\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n    transform: translateY(0) scale(1);\r\n  }\r\n}\r\n\r\n.fade-slide {\r\n  animation: fade-slide .7s both;\r\n}\r\n\r\n\/* Ajustes adicionais para mobile *\/\r\n@media (max-width: 640px) {\r\n  \/* Garante que bot\u00f5es n\u00e3o quebrem *\/\r\n  h1{\r\n  text-align: center;\r\n}\r\n.subtitulo{\r\ntext-align: center;\r\n}\r\n\r\n  button {\r\n    width: 100%;\r\n    max-width: 100%;\r\n  }\r\n}\r\n<\/style>\r\n\r\n    <!-- Dashboard -->\r\n   <section class=\"sm:px-6 lg:px-8 sm:pb-20 sm:pt-16 lg:pt-20 pt-12 pr-4 pb-12 pl-4\">\r\n  <div class=\"max-w-7xl mx-auto\">\r\n    <div class=\"grid gap-8 lg:grid-cols-12 xl:gap-10 border-0 rounded-3xl pt-4 pr-4 pb-4 pl-4 space-x-0\">\r\n      <div class=\"lg:col-span-12 xl:col-span-12 fade-slide\" style=\"animation-delay:.45s\">\r\n        \r\n        <!-- Header -->\r\n        <div class=\"text-center max-w-4xl mx-auto mb-16\">\r\n          <h2 class=\"text-4xl sm:text-5xl font-light tracking-tight text-white font-bricolage mb-6\">\r\n            <span class=\"bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-blue-400\">O Sistema de Dupla Intelig\u00eancia:<\/span><br> <p class=\"h3-style\">O Novo Padr\u00e3o de Prote\u00e7\u00e3o<\/p>\r\n          <\/h2>\r\n          <p class=\"text-lg text-gray-300 font-geist font-light mb-6\">\r\n            O modelo banc\u00e1rio tradicional apresenta limita\u00e7\u00f5es estruturais para proteger quem j\u00e1 construiu patrim\u00f4nio. Enquanto o poder de compra oscila no Brasil, a elite financeira aloca seu capital em moedas fortes de forma sistem\u00e1tica.\r\n          <\/p>\r\n          <p class=\"text-lg text-gray-300 font-geist font-light\">\r\n            A tecnologia da Delta Prime atua como a sua ponte direta para o mercado exterior. N\u00f3s unimos a capacidade matem\u00e1tica da nossa Intelig\u00eancia Artificial (a Spark Pro) com a avalia\u00e7\u00e3o rigorosa de especialistas humanos. O resultado \u00e9 o seu capital dolarizado, blindado e operando com m\u00e1xima efici\u00eancia.\r\n          <\/p>\r\n          <div class=\"inline-flex items-center gap-2 rounded-xl border border-blue-400\/20 bg-blue-400\/10 px-3 py-2 mt-6\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-4 w-4 text-blue-300\">\r\n              <path d=\"M12 8V4H8\"><\/path>\r\n              <rect width=\"16\" height=\"12\" x=\"4\" y=\"8\" rx=\"2\"><\/rect>\r\n              <path d=\"M2 14h2\"><\/path>\r\n              <path d=\"M20 14h2\"><\/path>\r\n              <path d=\"M15 13v2\"><\/path>\r\n              <path d=\"M9 13v2\"><\/path>\r\n            <\/svg>\r\n            <span class=\"text-sm text-blue-200 font-geist\">Sistema Spark Pr\u00f3<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Subtitle -->\r\n <div class=\"text-center mb-16\">\r\n  <h3 class=\"text-3xl sm:text-4xl font-light text-white font-bricolage mb-3\">\r\n    Nossos 5 Pilares Estrat\u00e9gicos\r\n  <\/h3>\r\n  <p class=\"text-gray-400 text-base font-geist max-w-2xl mx-auto\">\r\n    A arquitetura completa para transformar seu patrim\u00f4nio em um ativo global blindado\r\n  <\/p>\r\n<\/div>\r\n\r\n<!-- Pilares em Lista Interativa -->\r\n<div class=\"max-w-5xl mx-auto space-y-4\" id=\"pilaresContainer\">\r\n  \r\n  <!-- Pilar 1 -->\r\n  <div class=\"pilar-card group relative bg-white\/5 border border-slate-700\/50 rounded-2xl transition-all duration-300 cursor-pointer overflow-hidden\" data-pilar=\"1\">\r\n    <!-- Header (sempre vis\u00edvel) -->\r\n    <div class=\"flex items-center gap-6 p-6 lg:p-8 hover:bg-gradient-to-r hover:from-blue-500\/10 hover:to-transparent transition-all duration-300\">\r\n      <div class=\"flex-shrink-0\">\r\n        <span class=\"pilar-number text-4xl lg:text-5xl font-light text-slate-600 group-hover:text-amber-400 transition-colors duration-300 font-geist\">01<\/span>\r\n      <\/div>\r\n      \r\n      <div class=\"flex-1\">\r\n        <h3 class=\"pilar-title text-xl lg:text-2xl font-semibold text-white group-hover:text-blue-400 transition-colors duration-300 font-geist mb-2\">\r\n          Blindagem Patrimonial Ativa\r\n        <\/h3>\r\n        <p class=\"text-gray-400 text-sm lg:text-base font-geist font-light\">\r\n          Monitoramento 24\/7 do mercado internacional em moedas fortes\r\n        <\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"flex-shrink-0\">\r\n        <div class=\"pilar-arrow w-10 h-10 lg:w-12 lg:h-12 rounded-full bg-slate-800\/50 group-hover:bg-blue-500\/20 border border-slate-700 group-hover:border-blue-500\/50 flex items-center justify-center transition-all duration-300\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-slate-500 group-hover:text-blue-400 transition-transform duration-300\">\r\n            <path d=\"m6 9 6 6 6-6\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Content (expans\u00edvel) -->\r\n    <div class=\"pilar-content max-h-0 overflow-hidden transition-all duration-500 ease-in-out\">\r\n      <div class=\"px-6 lg:px-8 pb-8 pt-2 border-t border-slate-700\/30\">\r\n        <p class=\"text-gray-300 font-geist font-light mb-6 leading-relaxed text-base\">\r\n          O seu patrim\u00f4nio deixa de ser totalmente dependente da economia brasileira. A tecnologia Spark Pro monitora o mercado 24 horas por dia, identificando oportunidades seguras em moedas fortes (D\u00f3lar e Euro). Constru\u00edmos uma muralha de prote\u00e7\u00e3o para o seu capital.\r\n        <\/p>\r\n        \r\n        <div class=\"flex flex-wrap gap-3\">\r\n          <span class=\"inline-flex items-center gap-2 bg-blue-500\/10 border border-blue-500\/30 px-3 py-2 rounded-lg text-sm text-blue-300 font-geist\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n              <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\r\n            <\/svg>\r\n            Prote\u00e7\u00e3o 24\/7\r\n          <\/span>\r\n          <span class=\"inline-flex items-center gap-2 bg-blue-500\/10 border border-blue-500\/30 px-3 py-2 rounded-lg text-sm text-blue-300 font-geist\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n              <polyline points=\"12 6 12 12 16 14\"\/>\r\n            <\/svg>\r\n            Real-time\r\n          <\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Pilar 2 -->\r\n  <div class=\"pilar-card group relative bg-white\/5 border border-slate-700\/50 rounded-2xl transition-all duration-300 cursor-pointer overflow-hidden\" data-pilar=\"2\">\r\n    <div class=\"flex items-center gap-6 p-6 lg:p-8 hover:bg-gradient-to-r hover:from-blue-500\/10 hover:to-transparent transition-all duration-300\">\r\n      <div class=\"flex-shrink-0\">\r\n        <span class=\"pilar-number text-4xl lg:text-5xl font-light text-slate-600 group-hover:text-amber-400 transition-colors duration-300 font-geist\">02<\/span>\r\n      <\/div>\r\n      \r\n      <div class=\"flex-1\">\r\n        <h3 class=\"pilar-title text-xl lg:text-2xl font-semibold text-white group-hover:text-blue-400 transition-colors duration-300 font-geist mb-2\">\r\n          Acesso Direto e Descomplicado\r\n        <\/h3>\r\n        <p class=\"text-gray-400 text-sm lg:text-base font-geist font-light\">\r\n          Estrat\u00e9gias globais formatadas, sem conflito de interesses\r\n        <\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"flex-shrink-0\">\r\n        <div class=\"pilar-arrow w-10 h-10 lg:w-12 lg:h-12 rounded-full bg-slate-800\/50 group-hover:bg-blue-500\/20 border border-slate-700 group-hover:border-blue-500\/50 flex items-center justify-center transition-all duration-300\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-slate-500 group-hover:text-blue-400 transition-transform duration-300\">\r\n            <path d=\"m6 9 6 6 6-6\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"pilar-content max-h-0 overflow-hidden transition-all duration-500 ease-in-out\">\r\n      <div class=\"px-6 lg:px-8 pb-8 pt-2 border-t border-slate-700\/30\">\r\n        <p class=\"text-gray-300 font-geist font-light mb-6 leading-relaxed text-base\">\r\n          N\u00f3s simplificamos o processo. A nossa tecnologia executa a leitura de dados globais e entrega a estrat\u00e9gia formatada. \u00c9 o acesso direto \u00e0s melhores oportunidades mundiais, sem palavras dif\u00edceis e sem conflito de interesses com as metas do seu gerente.\r\n        <\/p>\r\n        \r\n        <div class=\"flex flex-wrap gap-3\">\r\n          <span class=\"inline-flex items-center gap-2 bg-blue-500\/10 border border-blue-500\/30 px-3 py-2 rounded-lg text-sm text-blue-300 font-geist\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n              <polyline points=\"20 6 9 17 4 12\"\/>\r\n            <\/svg>\r\n            Sem conflitos\r\n          <\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Pilar 3 - EXPANDIDO POR PADR\u00c3O -->\r\n  <div class=\"pilar-card active group relative bg-gradient-to-br from-blue-600 to-blue-800 border border-blue-500\/50 rounded-2xl shadow-2xl shadow-blue-500\/20 cursor-pointer overflow-hidden\" data-pilar=\"3\">\r\n    <div class=\"flex items-center gap-6 p-6 lg:p-8\">\r\n      <div class=\"flex-shrink-0\">\r\n        <span class=\"pilar-number text-4xl lg:text-5xl font-light text-amber-400 font-geist\">03<\/span>\r\n      <\/div>\r\n      \r\n      <div class=\"flex-1\">\r\n        <h3 class=\"pilar-title text-xl lg:text-2xl font-semibold text-white font-geist mb-2\">\r\n          O Filtro de Dupla Intelig\u00eancia\r\n        <\/h3>\r\n        <p class=\"text-blue-100 text-sm lg:text-base font-geist font-light\">\r\n          A uni\u00e3o exata da precis\u00e3o matem\u00e1tica com a vis\u00e3o humana\r\n        <\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"flex-shrink-0\">\r\n        <div class=\"pilar-arrow w-10 h-10 lg:w-12 lg:h-12 rounded-full bg-white\/10 border border-white\/20 flex items-center justify-center backdrop-blur-sm\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-white transition-transform duration-300 rotate-180\">\r\n            <path d=\"m6 9 6 6 6-6\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"pilar-content max-h-[500px] overflow-hidden transition-all duration-500 ease-in-out\">\r\n      <div class=\"px-6 lg:px-8 pb-8 pt-2 border-t border-white\/10\">\r\n        <p class=\"text-blue-100 font-geist font-light mb-6 leading-relaxed text-base\">\r\n          Voc\u00ea nunca atua no escuro nem depende apenas de rob\u00f4s. A nossa intelig\u00eancia processa milh\u00f5es de c\u00e1lculos em segundos, mas a nossa equipe de especialistas avalia o cen\u00e1rio econ\u00f4mico global para aprovar a opera\u00e7\u00e3o. \u00c9 a uni\u00e3o exata da precis\u00e3o matem\u00e1tica com a vis\u00e3o humana.\r\n        <\/p>\r\n\r\n        <div class=\"grid grid-cols-2 gap-4 max-w-md\">\r\n          <div class=\"bg-white\/10 backdrop-blur-sm border border-white\/20 rounded-xl p-4\">\r\n            <div class=\"flex items-center justify-between mb-2\">\r\n              <span class=\"text-xs text-blue-200 font-geist uppercase\">Precis\u00e3o<\/span>\r\n              <span class=\"text-xs text-amber-400 font-geist font-semibold\">IA<\/span>\r\n            <\/div>\r\n            <p class=\"text-lg font-bold text-white font-geist\">Milissegundos<\/p>\r\n          <\/div>\r\n          <div class=\"bg-white\/10 backdrop-blur-sm border border-white\/20 rounded-xl p-4\">\r\n            <div class=\"flex items-center justify-between mb-2\">\r\n              <span class=\"text-xs text-blue-200 font-geist uppercase\">Contexto<\/span>\r\n              <span class=\"text-xs text-amber-400 font-geist font-semibold\">Humano<\/span>\r\n            <\/div>\r\n            <p class=\"text-lg font-bold text-white font-geist\">Estrat\u00e9gico<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Background Pattern -->\r\n    <div class=\"absolute inset-0 opacity-10 pointer-events-none\">\r\n      <svg class=\"w-full h-full\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n        <defs>\r\n          <pattern id=\"grid-pattern\" width=\"40\" height=\"40\" patternUnits=\"userSpaceOnUse\">\r\n            <path d=\"M 40 0 L 0 0 0 40\" fill=\"none\" stroke=\"white\" stroke-width=\"0.5\"\/>\r\n          <\/pattern>\r\n        <\/defs>\r\n        <rect width=\"100%\" height=\"100%\" fill=\"url(#grid-pattern)\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Pilar 4 -->\r\n  <div class=\"pilar-card group relative bg-white\/5 border border-slate-700\/50 rounded-2xl transition-all duration-300 cursor-pointer overflow-hidden\" data-pilar=\"4\">\r\n    <div class=\"flex items-center gap-6 p-6 lg:p-8 hover:bg-gradient-to-r hover:from-blue-500\/10 hover:to-transparent transition-all duration-300\">\r\n      <div class=\"flex-shrink-0\">\r\n        <span class=\"pilar-number text-4xl lg:text-5xl font-light text-slate-600 group-hover:text-amber-400 transition-colors duration-300 font-geist\">04<\/span>\r\n      <\/div>\r\n      \r\n      <div class=\"flex-1\">\r\n        <h3 class=\"pilar-title text-xl lg:text-2xl font-semibold text-white group-hover:text-blue-400 transition-colors duration-300 font-geist mb-2\">\r\n          Titularidade 100% Sua\r\n        <\/h3>\r\n        <p class=\"text-gray-400 text-sm lg:text-base font-geist font-light\">\r\n          Controle absoluto do seu capital, zero taxas ocultas\r\n        <\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"flex-shrink-0\">\r\n        <div class=\"pilar-arrow w-10 h-10 lg:w-12 lg:h-12 rounded-full bg-slate-800\/50 group-hover:bg-blue-500\/20 border border-slate-700 group-hover:border-blue-500\/50 flex items-center justify-center transition-all duration-300\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-slate-500 group-hover:text-blue-400 transition-transform duration-300\">\r\n            <path d=\"m6 9 6 6 6-6\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"pilar-content max-h-0 overflow-hidden transition-all duration-500 ease-in-out\">\r\n      <div class=\"px-6 lg:px-8 pb-8 pt-2 border-t border-slate-700\/30\">\r\n        <p class=\"text-gray-300 font-geist font-light mb-6 leading-relaxed text-base\">\r\n          A Delta Prime \u00e9 uma provedora de tecnologia. N\u00f3s n\u00e3o cobramos taxas ocultas e nunca tocamos no seu dinheiro. Todo o seu capital de giro permanece sob a sua titularidade exclusiva, operando dentro da sua pr\u00f3pria conta na corretora parceira.\r\n        <\/p>\r\n        \r\n        <div class=\"flex flex-wrap gap-3\">\r\n          <span class=\"inline-flex items-center gap-2 bg-blue-500\/10 border border-blue-500\/30 px-3 py-2 rounded-lg text-sm text-blue-300 font-geist\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n              <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\r\n            <\/svg>\r\n            Zero taxas ocultas\r\n          <\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Pilar 5 -->\r\n  <div class=\"pilar-card group relative bg-white\/5 border border-slate-700\/50 rounded-2xl transition-all duration-300 cursor-pointer overflow-hidden\" data-pilar=\"5\">\r\n    <div class=\"flex items-center gap-6 p-6 lg:p-8 hover:bg-gradient-to-r hover:from-blue-500\/10 hover:to-transparent transition-all duration-300\">\r\n      <div class=\"flex-shrink-0\">\r\n        <span class=\"pilar-number text-4xl lg:text-5xl font-light text-slate-600 group-hover:text-amber-400 transition-colors duration-300 font-geist\">05<\/span>\r\n      <\/div>\r\n      \r\n      <div class=\"flex-1\">\r\n        <h3 class=\"pilar-title text-xl lg:text-2xl font-semibold text-white group-hover:text-blue-400 transition-colors duration-300 font-geist mb-2\">\r\n          Integra\u00e7\u00e3o \u00c1gil e Suporte Dedicado\r\n        <\/h3>\r\n        <p class=\"text-gray-400 text-sm lg:text-base font-geist font-light\">\r\n          Setup em menos de 10 minutos com atendimento 1:1 dedicado\r\n        <\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"flex-shrink-0\">\r\n        <div class=\"pilar-arrow w-10 h-10 lg:w-12 lg:h-12 rounded-full bg-slate-800\/50 group-hover:bg-blue-500\/20 border border-slate-700 group-hover:border-blue-500\/50 flex items-center justify-center transition-all duration-300\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-slate-500 group-hover:text-blue-400 transition-transform duration-300\">\r\n            <path d=\"m6 9 6 6 6-6\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"pilar-content max-h-0 overflow-hidden transition-all duration-500 ease-in-out\">\r\n      <div class=\"px-6 lg:px-8 pb-8 pt-2 border-t border-slate-700\/30\">\r\n        <p class=\"text-gray-300 font-geist font-light mb-6 leading-relaxed text-base\">\r\n          N\u00f3s respeitamos o seu tempo. Em menos de 10 minutos, um especialista da nossa equipe conduz a integra\u00e7\u00e3o da tecnologia \u00e0 sua conta de forma individual e guiada. Um atendimento estruturado especificamente para quem possui uma agenda executiva.\r\n        <\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  const cards = document.querySelectorAll('.pilar-card');\r\n  \r\n  cards.forEach(card => {\r\n    card.addEventListener('click', function() {\r\n      const isActive = this.classList.contains('active');\r\n      \r\n      \/\/ Fecha todos os cards\r\n      cards.forEach(c => {\r\n        c.classList.remove('active');\r\n        const content = c.querySelector('.pilar-content');\r\n        const arrow = c.querySelector('.pilar-arrow svg');\r\n        const number = c.querySelector('.pilar-number');\r\n        const title = c.querySelector('.pilar-title');\r\n        \r\n        content.style.maxHeight = '0';\r\n        arrow.style.transform = 'rotate(0deg)';\r\n        \r\n        \/\/ Reset para estilo padr\u00e3o\r\n        if (c.dataset.pilar !== '3') {\r\n          c.style.background = '';\r\n          c.style.borderColor = '';\r\n          number.style.color = '';\r\n          title.style.color = '';\r\n        }\r\n      });\r\n      \r\n      \/\/ Se n\u00e3o estava ativo, abre o card clicado\r\n      if (!isActive) {\r\n        this.classList.add('active');\r\n        const content = this.querySelector('.pilar-content');\r\n        const arrow = this.querySelector('.pilar-arrow svg');\r\n        const number = this.querySelector('.pilar-number');\r\n        const title = this.querySelector('.pilar-title');\r\n        \r\n        content.style.maxHeight = content.scrollHeight + 'px';\r\n        arrow.style.transform = 'rotate(180deg)';\r\n        \r\n        \/\/ Aplica estilo de destaque\r\n        if (this.dataset.pilar === '3') {\r\n          this.style.background = 'linear-gradient(to bottom right, #2563eb, #1e40af)';\r\n          this.style.borderColor = 'rgba(59, 130, 246, 0.5)';\r\n        } else {\r\n          this.style.background = 'linear-gradient(to right, rgba(59, 130, 246, 0.1), transparent)';\r\n          this.style.borderColor = 'rgba(59, 130, 246, 0.5)';\r\n          number.style.color = '#fbbf24';\r\n          title.style.color = '#60a5fa';\r\n        }\r\n      }\r\n    });\r\n  });\r\n  \r\n  \/\/ Abre o card 3 por padr\u00e3o\r\n  const card3 = document.querySelector('[data-pilar=\"3\"]');\r\n  if (card3) {\r\n    const content = card3.querySelector('.pilar-content');\r\n    const arrow = card3.querySelector('.pilar-arrow svg');\r\n    content.style.maxHeight = content.scrollHeight + 'px';\r\n    arrow.style.transform = 'rotate(180deg)';\r\n  }\r\n})();\r\n<\/script>\r\n\r\n<\/div>\r\n\r\n<style>\r\n\/* Anima\u00e7\u00e3o fade-slide *\/\r\n@keyframes fade-slide {\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(20px) scale(.98);\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n    transform: translateY(0) scale(1);\r\n  }\r\n}\r\n\r\n.fade-slide {\r\n  animation: fade-slide .7s both;\r\n}\r\n<\/style>\r\n\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n  <\/div>\r\n<\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n  \r\n\r\n<section class=\"sm:px-6 lg:px-8 sm:pt-16 lg:pt-20 pt-12 pr-4 pb-16 pl-4\">\r\n  <div class=\"max-w-7xl mx-auto\">\r\n    \r\n    <!-- Header -->\r\n    <div class=\"text-center max-w-3xl mx-auto mb-16\">\r\n      <h2 class=\"text-4xl sm:text-5xl font-light tracking-tight text-white font-bricolage mb-6\">\r\n        <span class=\"bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-blue-400\">O Endosso<\/span> dos N\u00fameros\r\n      <\/h2>\r\n      <p class=\"text-xl text-gray-300 font-geist font-light\">\r\n        Uma infraestrutura desenvolvida por engenheiros e validada por quem exige resultados concretos.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Stats Grid com Gr\u00e1ficos Animados -->\r\n    <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\">\r\n      \r\n      <!-- Card 1: Volume Transacionado -->\r\n      <div class=\"fade-slide bg-gradient-to-br from-blue-900\/20 to-black border border-blue-400\/20 rounded-2xl p-8 hover:border-blue-400\/40 transition-all duration-300 backdrop-blur-xl group\" style=\"animation-delay:.1s\">\r\n        <div class=\"flex flex-col items-center\">\r\n          <!-- Conte\u00fado -->\r\n          <h3 class=\"text-2xl font-bold text-white font-geist mb-2\">+ R$ 2.5Bi<\/h3>\r\n          <p class=\"text-sm text-blue-300 font-geist font-semibold mb-3\">Transacionados<\/p>\r\n          <p class=\"text-xs text-gray-400 font-geist font-light text-center\">\r\n            Volume operacional que atesta a capacidade e a fluidez do nosso sistema no mercado internacional.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 2: Licen\u00e7as Ativas -->\r\n      <div class=\"fade-slide bg-gradient-to-br from-blue-900\/20 to-black border border-blue-400\/20 rounded-2xl p-8 hover:border-blue-400\/40 transition-all duration-300 backdrop-blur-xl group\" style=\"animation-delay:.2s\">\r\n        <div class=\"flex flex-col items-center\">\r\n          <!-- Conte\u00fado -->\r\n          <h3 class=\"text-2xl font-bold text-white font-geist mb-2\">+ 8.400<\/h3>\r\n          <p class=\"text-sm text-blue-300 font-geist font-semibold mb-3\">Licen\u00e7as Ativas<\/p>\r\n          <p class=\"text-xs text-gray-400 font-geist font-light text-center\">\r\n            Uma base s\u00f3lida de empres\u00e1rios, m\u00e9dicos e profissionais que confiam na Dupla Intelig\u00eancia.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 3: Alta Performance -->\r\n      <div class=\"fade-slide bg-gradient-to-br from-blue-900\/20 to-black border border-blue-400\/20 rounded-2xl p-8 hover:border-blue-400\/40 transition-all duration-300 backdrop-blur-xl group\" style=\"animation-delay:.3s\">\r\n        <div class=\"flex flex-col items-center\">         \r\n          <!-- Conte\u00fado -->\r\n          <h3 class=\"text-2xl font-bold text-white font-geist mb-2\">Alta<\/h3>\r\n          <p class=\"text-sm text-blue-300 font-geist font-semibold mb-3\">Performance<\/p>\r\n          <p class=\"text-xs text-gray-400 font-geist font-light text-center\">\r\n            O nosso modelo de neg\u00f3cios \u00e9 baseado puramente em resultados. Nossa empresa s\u00f3 \u00e9 remunerada quando o sistema gera lucro para voc\u00ea primeiro.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 4: Reten\u00e7\u00e3o -->\r\n      <div class=\"fade-slide bg-gradient-to-br from-blue-900\/20 to-black border border-blue-400\/20 rounded-2xl p-8 hover:border-blue-400\/40 transition-all duration-300 backdrop-blur-xl group\" style=\"animation-delay:.4s\">\r\n        <div class=\"flex flex-col items-center\">\r\n          <!-- Conte\u00fado -->\r\n          <h3 class=\"text-2xl font-bold text-white font-geist mb-2\">99%<\/h3>\r\n          <p class=\"text-sm text-blue-300 font-geist font-semibold mb-3\">de Reten\u00e7\u00e3o<\/p>\r\n          <p class=\"text-xs text-gray-400 font-geist font-light text-center\">\r\n            Suporte humano cont\u00ednuo e acompanhamento direto para garantir a sua tranquilidade.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* Anima\u00e7\u00e3o de preenchimento dos gr\u00e1ficos circulares *\/\r\n@keyframes fillChart {\r\n  from {\r\n    stroke-dashoffset: 352;\r\n  }\r\n  to {\r\n    stroke-dashoffset: 0;\r\n  }\r\n}\r\n\r\n@keyframes fillChart99 {\r\n  from {\r\n    stroke-dashoffset: 352;\r\n  }\r\n  to {\r\n    stroke-dashoffset: 35.2; \/* 99% = 352 - (352 * 0.99) *\/\r\n  }\r\n}\r\n\r\n\/* Fade slide j\u00e1 existe, mas garantindo *\/\r\n@keyframes fade-slide {\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(20px) scale(.98);\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n    transform: translateY(0) scale(1);\r\n  }\r\n}\r\n\r\n.fade-slide {\r\n  animation: fade-slide .7s both;\r\n}\r\n\r\n\/* Efeito de hover no gr\u00e1fico *\/\r\n.group:hover .chart-circle {\r\n  filter: drop-shadow(0 0 10px currentColor);\r\n}\r\n<\/style>\r\n    <!-- Sobre o Fundador -->\r\n<section class=\"sm:px-6 lg:px-8 sm:pt-16 lg:pt-20 pt-12 pr-4 pb-16 pl-4\">\r\n  <div class=\"max-w-7xl mx-auto\">\r\n    \r\n    <!-- Header -->\r\n    <div class=\"text-center max-w-3xl mx-auto mb-16\">\r\n      <h2 class=\"text-4xl sm:text-5xl font-light tracking-tight text-white font-bricolage mb-6\">\r\n        Delta Prime: <span class=\"bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-blue-400\">A Engenharia por Tr\u00e1s<\/span> do Seu Patrim\u00f4nio\r\n      <\/h2>\r\n    <\/div>\r\n\r\n    <!-- Founder Story Section -->\r\n<div class=\"fade-slide relative rounded-3xl p-8 lg:p-12 mb-16 border border-slate-700\/30 overflow-hidden\" style=\"animation-delay:.1s\">\r\n\r\n  <!-- Background imagem -->\r\n  <!-- Background imagem -->\r\n<div class=\"absolute inset-0 bg-[url('https:\/\/deltaprime.online\/wp-content\/uploads\/2026\/04\/fachada-scaled.jpg')] bg-cover bg-center scale-110 brightness-110\"><\/div>\r\n\r\n  <!-- Overlay escuro -->\r\n  <div class=\"absolute inset-0 bg-gradient-to-br from-slate-900\/80 to-black\/20 backdrop-blur-xl\"><\/div>\r\n\r\n  <!-- Conte\u00fado -->\r\n  <div class=\"relative z-10 grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12 items-center\">\r\n        \r\n        <!-- Foto do Fundador -->\r\n        <div class=\"order-2 lg:order-1\">\r\n          <div class=\"relative group\">\r\n            <!-- Placeholder para a foto -->\r\n            <div class=\"aspect-square rounded-2xl overflow-hidden bg-gradient-to-br from-blue-900\/30 to-blue-900\/30 border-2 border-blue-400\/30 flex items-center justify-center\">\r\n              <div class=\"text-center p-8\">\r\n                <p class=\"text-2xl font-bold text-blue-400 font-geist mb-2 rounded-2xl overflow-hidden\"><img decoding=\"async\" src=\"https:\/\/deltaprime.online\/wp-content\/uploads\/2026\/04\/Foto04.png\" alt=\"\"><\/p>\r\n                \r\n              <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Decorative elements -->\r\n            <div class=\"absolute -bottom-4 -right-4 w-24 h-24 bg-gradient-to-br from-blue-500\/20 to-blue-500\/20 rounded-2xl blur-2xl -z-10\"><\/div>\r\n            <div class=\"absolute -top-4 -left-4 w-32 h-32 bg-gradient-to-br from-blue-500\/20 to-blue-500\/20 rounded-2xl blur-2xl -z-10\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Texto -->\r\n        <div class=\"order-1 lg:order-2\">\r\n          <div class=\"mb-6\">\r\n            <div class=\"inline-flex items-center gap-2 rounded-xl border border-blue-400\/20 bg-blue-400\/10 px-3 py-2 mb-6\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-blue-300\">\r\n                <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/>\r\n                <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n                <path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/>\r\n                <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\r\n              <\/svg>\r\n              <span class=\"text-sm text-blue-200 font-geist\">Fundador & Engenheiro<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <p class=\"text-lg text-gray-300 font-geist font-light mb-6 leading-relaxed\">\r\n            A Delta Prime nasceu com um prop\u00f3sito claro: tornar a tecnologia de prote\u00e7\u00e3o patrimonial, antes restrita a grandes fundos institucionais, acess\u00edvel a empres\u00e1rios e profissionais liberais que produzem no Brasil.\r\n          <\/p>\r\n\r\n          <p class=\"text-lg text-gray-300 font-geist font-light mb-6 leading-relaxed\">\r\n            Fundada por <span class=\"text-white font-semibold\">Henrique Viana<\/span>, engenheiro de forma\u00e7\u00e3o, a Delta Prime substituiu as intui\u00e7\u00f5es do mercado pela precis\u00e3o dos n\u00fameros. Entendemos que a verdadeira seguran\u00e7a exige m\u00e9todo, c\u00e1lculo e acesso direto aos mercados mais fortes do mundo.\r\n          <\/p>\r\n\r\n          <!-- Stats -->\r\n          <div class=\"grid grid-cols-2 gap-4 mt-8\">\r\n            <div class=\"bg-gradient-to-br from-blue-900\/30 to-black\/50 p-4 rounded-xl border border-blue-400\/20\">\r\n              <p class=\"text-sm text-gray-400 font-geist mb-1\">Forma\u00e7\u00e3o<\/p>\r\n              <p class=\"text-lg text-white font-geist font-semibold\">Engenharia<\/p>\r\n            <\/div>\r\n            <div class=\"bg-gradient-to-br from-blue-900\/30 to-black\/50 p-4 rounded-xl border border-blue-400\/20\">\r\n              <p class=\"text-sm text-gray-400 font-geist mb-1\">Expertise<\/p>\r\n              <p class=\"text-lg text-white font-geist font-semibold\">FinTech & IA<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Evolution Timeline -->\r\n    <div class=\"mb-12\">\r\n      <h3 class=\"text-3xl font-light text-white font-bricolage text-center mb-12\">\r\n        A Evolu\u00e7\u00e3o da Nossa <span class=\"bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-blue-400\">Tecnologia<\/span>\r\n      <\/h3>\r\n\r\n      <div class=\"space-y-6\">\r\n        \r\n        <!-- Etapa 1: A G\u00eanese -->\r\n        <div class=\"fade-slide bg-gradient-to-br from-blue-900\/20 to-black border border-blue-400\/20 rounded-2xl p-8 hover:border-blue-400\/40 transition-all duration-300 backdrop-blur-xl\" style=\"animation-delay:.2s\">\r\n          <div class=\"flex flex-col md:flex-row gap-6 items-start\">\r\n            <div class=\"flex-shrink-0\">\r\n              <div class=\"w-16 h-16 rounded-full bg-gradient-to-br from-blue-500\/20 to-blue-600\/20 border border-blue-400\/30 flex items-center justify-center\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-amber-400\">\r\n                  <polygon points=\"12 2 2 7 12 12 22 7 12 2\"\/>\r\n                  <polyline points=\"2 17 12 22 22 17\"\/>\r\n                  <polyline points=\"2 12 12 17 22 12\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"flex-1\">\r\n              <div class=\"flex items-center gap-3 mb-3\">\r\n                <h4 class=\"text-2xl font-semibold text-white font-geist\">O In\u00edcio<\/h4>\r\n                <span class=\"text-sm text-blue-300 font-geist font-semibold bg-blue-400\/10 px-3 py-1 rounded-full\">A G\u00eanese<\/span>\r\n              <\/div>\r\n              <p class=\"text-gray-300 font-geist font-light leading-relaxed\">\r\n                Uso de modelos matem\u00e1ticos avan\u00e7ados para encontrar oportunidades de lucro seguro no mercado global.\r\n              <\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Etapa 2: Spark Pro -->\r\n        <div class=\"fade-slide bg-gradient-to-br from-blue-900\/20 to-black border border-blue-400\/20 rounded-2xl p-8 hover:border-blue-400\/40 transition-all duration-300 backdrop-blur-xl\" style=\"animation-delay:.3s\">\r\n          <div class=\"flex flex-col md:flex-row gap-6 items-start\">\r\n            <div class=\"flex-shrink-0\">\r\n              <div class=\"w-16 h-16 rounded-full bg-gradient-to-br from-blue-500\/20 to-blue-600\/20 border border-blue-400\/30 flex items-center justify-center\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-amber-400\">\r\n                  <rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/>\r\n                  <path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"flex-1\">\r\n              <div class=\"flex items-center gap-3 mb-3\">\r\n                <h4 class=\"text-2xl font-semibold text-white font-geist\">A Tecnologia<\/h4>\r\n                <span class=\"text-sm text-blue-300 font-geist font-semibold bg-blue-400\/10 px-3 py-1 rounded-full\">Spark Pro<\/span>\r\n              <\/div>\r\n              <p class=\"text-gray-300 font-geist font-light leading-relaxed\">\r\n                Desenvolvimento da nossa Intelig\u00eancia Artificial pr\u00f3pria, capaz de analisar tend\u00eancias e ler os movimentos financeiros do mundo todo em segundos.\r\n              <\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Etapa 3: Dupla Intelig\u00eancia -->\r\n        <div class=\"fade-slide bg-gradient-to-br from-blue-900\/20 to-black border border-blue-400\/20 rounded-2xl p-8 hover:border-blue-400\/40 transition-all duration-300 backdrop-blur-xl\" style=\"animation-delay:.4s\">\r\n          <div class=\"flex flex-col md:flex-row gap-6 items-start\">\r\n            <div class=\"flex-shrink-0\">\r\n              <div class=\"w-16 h-16 rounded-full bg-gradient-to-br from-blue-500\/20 to-blue-600\/20 border border-blue-400\/30 flex items-center justify-center\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-amber-400\">\r\n                  <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\r\n                  <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n                  <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/>\r\n                  <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"flex-1\">\r\n              <div class=\"flex items-center gap-3 mb-3\">\r\n                <h4 class=\"text-2xl font-semibold text-white font-geist\">A Dupla Intelig\u00eancia<\/h4>\r\n                <span class=\"text-sm text-blue-300 font-geist font-semibold bg-blue-400\/10 px-3 py-1 rounded-full\">IA + Humano<\/span>\r\n              <\/div>\r\n              <p class=\"text-gray-300 font-geist font-light leading-relaxed\">\r\n                Implementa\u00e7\u00e3o de uma mesa de especialistas para validar o que a m\u00e1quina sugere, garantindo que o sistema jamais assuma riscos desnecess\u00e1rios em momentos de instabilidade pol\u00edtica.\r\n              <\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Etapa 4: A Realidade -->\r\n        <div class=\"fade-slide bg-gradient-to-br from-blue-900\/20 to-black border border-blue-400\/20 rounded-2xl p-8 hover:border-blue-400\/40 transition-all duration-300 backdrop-blur-xl\" style=\"animation-delay:.5s\">\r\n          <div class=\"flex flex-col md:flex-row gap-6 items-start\">\r\n            <div class=\"flex-shrink-0\">\r\n              <div class=\"w-16 h-16 rounded-full bg-gradient-to-br from-blue-500\/20 to-blue-600\/20 border border-blue-400\/30 flex items-center justify-center\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-amber-400\">\r\n                  <path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"flex-1\">\r\n              <div class=\"flex items-center gap-3 mb-3\">\r\n                <h4 class=\"text-2xl font-semibold text-white font-geist\">A Realidade<\/h4>\r\n                <span class=\"text-sm text-blue-300 font-geist font-semibold bg-blue-400\/10 px-3 py-1 rounded-full\">Hoje<\/span>\r\n              <\/div>\r\n              <p class=\"text-gray-300 font-geist font-light leading-relaxed\">\r\n                Hoje, somos a base tecnol\u00f3gica de milhares de brasileiros que decidiram assumir o protagonismo das pr\u00f3prias finan\u00e7as com seguran\u00e7a e liquidez.\r\n              <\/p>\r\n              \r\n              <!-- Stats inline -->\r\n              <div class=\"flex flex-wrap gap-3 mt-6\">\r\n                <div class=\"inline-flex items-center gap-2 bg-blue-400\/10 border border-blue-400\/20 px-4 py-2 rounded-lg\">\r\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" class=\"text-blue-400\">\r\n                    <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/>\r\n                    <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n                    <path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/>\r\n                    <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\r\n                  <\/svg>\r\n                  <span class=\"text-sm text-blue-300 font-geist font-semibold\">+8.400 Usu\u00e1rios<\/span>\r\n                <\/div>\r\n                <div class=\"inline-flex items-center gap-2 bg-blue-400\/10 border border-blue-400\/20 px-4 py-2 rounded-lg\">\r\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" class=\"text-blue-400\">\r\n                    <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\r\n                  <\/svg>\r\n                  <span class=\"text-sm text-blue-300 font-geist font-semibold\">M\u00e1xima Seguran\u00e7a<\/span>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* Garantindo que as anima\u00e7\u00f5es funcionem *\/\r\n@keyframes fade-slide {\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(20px) scale(.98);\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n    transform: translateY(0) scale(1);\r\n  }\r\n}\r\n\r\n.fade-slide {\r\n  animation: fade-slide .7s both;\r\n}\r\n<\/style>\r\n<nav class=\"fixed top-0 left-0 right-0 z-50 bg-slate-900\/98 backdrop-blur-lg border-b border-slate-800\/50\" id=\"navbar\">\r\n  <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n    <div class=\"flex items-center justify-between h-16\">\r\n\r\n      <!-- Logo -->\r\n      <a href=\"#\" class=\"flex-shrink-0\">\r\n        <img decoding=\"async\" src=\"https:\/\/deltaprime.online\/wp-content\/uploads\/2026\/04\/logo-1.png\"\r\n             alt=\"Delta Prime\" class=\"h-7 lg:h-8 w-auto\" \/>\r\n      <\/a>\r\n\r\n      <!-- Links desktop -->\r\n      <div class=\"hidden lg:flex items-center gap-1\">\r\n        <a href=\"#ecossistema\" class=\"nav-link flex items-center gap-2 text-gray-300 hover:text-white hover:bg-white\/5 px-3 py-2 rounded-lg text-sm font-medium transition-all duration-200\">\r\n          <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"\/><\/svg>\r\n          O Ecossistema\r\n        <\/a>\r\n        <a href=\"#governanca\" class=\"nav-link flex items-center gap-2 text-gray-300 hover:text-white hover:bg-white\/5 px-3 py-2 rounded-lg text-sm font-medium transition-all duration-200\">\r\n          <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n          Governan\u00e7a e Seguran\u00e7a\r\n        <\/a>\r\n        <a href=\"#dupla-inteligencia\" class=\"nav-link flex items-center gap-2 text-gray-300 hover:text-white hover:bg-white\/5 px-3 py-2 rounded-lg text-sm font-medium transition-all duration-200\">\r\n          <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><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>\r\n          A Dupla Intelig\u00eancia\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- CTA desktop -->\r\n      <button onclick=\"openLoginModal()\"\r\n              class=\"hidden lg:flex items-center gap-2 bg-gradient-to-r from-blue-500 to-blue-600 hover:from-blue-600 hover:to-blue-700 text-white px-5 py-2.5 rounded-lg text-sm font-semibold transition-all duration-300 shadow-lg shadow-blue-500\/25 hover:shadow-blue-500\/40 hover:-translate-y-0.5\">\r\n        <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4\"\/><polyline points=\"10 17 15 12 10 7\"\/><line x1=\"15\" y1=\"12\" x2=\"3\" y2=\"12\"\/><\/svg>\r\n        Acessar Minha Conta\r\n      <\/button>\r\n\r\n      <!-- Hamburger mobile -->\r\n      <button id=\"mobile-menu-button\"\r\n              class=\"lg:hidden flex flex-col justify-center items-center w-10 h-10 rounded-lg bg-white\/5 hover:bg-white\/10 transition-colors gap-[5px]\"\r\n              onclick=\"toggleMobileMenu()\">\r\n        <span id=\"bar1\" class=\"block w-5 h-0.5 bg-slate-400 rounded transition-all duration-300\"><\/span>\r\n        <span id=\"bar2\" class=\"block w-5 h-0.5 bg-slate-400 rounded transition-all duration-300\"><\/span>\r\n        <span id=\"bar3\" class=\"block w-5 h-0.5 bg-slate-400 rounded transition-all duration-300\"><\/span>\r\n      <\/button>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Mobile menu -->\r\n  <div id=\"mobile-menu\"\r\n       class=\"hidden lg:hidden border-t border-slate-800\/50 bg-slate-900\/99 px-4 pt-3 pb-4 flex flex-col gap-1\">\r\n    <a href=\"#ecossistema\" onclick=\"closeMobileMenu()\" class=\"mobile-nav-link flex items-center gap-3 text-gray-300 hover:text-white hover:bg-white\/5 px-4 py-3 rounded-xl text-sm font-medium border-l-[3px] border-transparent hover:border-blue-500 transition-all duration-200\">\r\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"\/><\/svg>\r\n      O Ecossistema\r\n    <\/a>\r\n    <a href=\"#governanca\" onclick=\"closeMobileMenu()\" class=\"mobile-nav-link flex items-center gap-3 text-gray-300 hover:text-white hover:bg-white\/5 px-4 py-3 rounded-xl text-sm font-medium border-l-[3px] border-transparent hover:border-blue-500 transition-all duration-200\">\r\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n      Governan\u00e7a e Seguran\u00e7a\r\n    <\/a>\r\n    <a href=\"#dupla-inteligencia\" onclick=\"closeMobileMenu()\" class=\"mobile-nav-link flex items-center gap-3 text-gray-300 hover:text-white hover:bg-white\/5 px-4 py-3 rounded-xl text-sm font-medium border-l-[3px] border-transparent hover:border-blue-500 transition-all duration-200\">\r\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><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>\r\n      A Dupla Intelig\u00eancia\r\n    <\/a>\r\n    <button onclick=\"closeMobileMenu(); openLoginModal();\"\r\n            class=\"mt-2 flex items-center justify-center gap-2 bg-gradient-to-r from-blue-500 to-blue-600 text-white px-6 py-3 rounded-xl text-sm font-semibold shadow-lg shadow-blue-500\/25\">\r\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4\"\/><polyline points=\"10 17 15 12 10 7\"\/><line x1=\"15\" y1=\"12\" x2=\"3\" y2=\"12\"\/><\/svg>\r\n      Acessar Minha Conta\r\n    <\/button>\r\n  <\/div>\r\n<\/nav>\r\n\r\n<script>\r\nfunction toggleMobileMenu() {\r\n  const menu = document.getElementById('mobile-menu');\r\n  const b1 = document.getElementById('bar1');\r\n  const b2 = document.getElementById('bar2');\r\n  const b3 = document.getElementById('bar3');\r\n  const open = !menu.classList.contains('hidden');\r\n\r\n  menu.classList.toggle('hidden');\r\n  if (!open) {\r\n    b1.style.transform = 'translateY(7px) rotate(45deg)';\r\n    b2.style.opacity = '0';\r\n    b3.style.transform = 'translateY(-7px) rotate(-45deg)';\r\n  } else {\r\n    b1.style.transform = ''; b2.style.opacity = ''; b3.style.transform = '';\r\n  }\r\n}\r\n\r\nfunction closeMobileMenu() {\r\n  document.getElementById('mobile-menu').classList.add('hidden');\r\n  document.getElementById('bar1').style.transform = '';\r\n  document.getElementById('bar2').style.opacity = '';\r\n  document.getElementById('bar3').style.transform = '';\r\n}\r\n\r\n\/\/ Efeito scroll\r\nwindow.addEventListener('scroll', function() {\r\n  document.getElementById('navbar').style.boxShadow =\r\n    window.scrollY > 30 ? '0 4px 20px rgba(0,0,0,0.4)' : '';\r\n});\r\n\r\n\/\/ Fechar ao clicar fora\r\ndocument.addEventListener('click', function(e) {\r\n  const nav = document.getElementById('navbar');\r\n  if (!nav.contains(e.target)) closeMobileMenu();\r\n});\r\n<\/script>\r\n    <!-- Governan\u00e7a -->\r\n\r\n    <section class=\"sm:px-6 lg:px-8 sm:pt-16 lg:pt-20 pt-12 pr-4 pb-16 pl-4 overflow-hidden\">\r\n  <div class=\"max-w-7xl mx-auto\">\r\n    \r\n    <!-- Header -->\r\n    <div class=\"text-center max-w-3xl mx-auto mb-20\">\r\n      <h2 class=\"text-4xl sm:text-5xl font-light tracking-tight text-white font-bricolage mb-6\">\r\n        <span class=\"bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-blue-400\">Governan\u00e7a e Seguran\u00e7a<\/span> Total\r\n      <\/h2>\r\n      <p class=\"text-xl text-gray-300 font-geist font-light\">\r\n        A integridade dos seus dados e a seguran\u00e7a do seu capital s\u00e3o os pilares inegoci\u00e1veis da nossa opera\u00e7\u00e3o. A nossa tecnologia atua sob protocolos r\u00edgidos.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Security Hub - Design Central -->\r\n    <div class=\"relative mb-20\">\r\n      \r\n      <!-- Centro - Escudo Principal -->\r\n      <div class=\"flex justify-center mb-16\">\r\n        <div class=\"fade-slide relative\" style=\"animation-delay:.1s\">\r\n          <!-- Hex\u00e1gono externo -->\r\n          <div class=\"relative w-64 h-64 flex items-center justify-center\">\r\n            <svg viewBox=\"0 0 100 100\" class=\"absolute inset-0 w-full h-full\">\r\n              <!-- Hex\u00e1gono de fundo -->\r\n              <defs>\r\n                <linearGradient id=\"hexGradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n                  <stop offset=\"0%\" style=\"stop-color:#3b82f6;stop-opacity:0.3\" \/>\r\n                  <stop offset=\"100%\" style=\"stop-color:#10b981;stop-opacity:0.3\" \/>\r\n                <\/linearGradient>\r\n                <filter id=\"glow\">\r\n                  <feGaussianBlur stdDeviation=\"2\" result=\"coloredBlur\"\/>\r\n                  <feMerge>\r\n                    <feMergeNode in=\"coloredBlur\"\/>\r\n                    <feMergeNode in=\"SourceGraphic\"\/>\r\n                  <\/feMerge>\r\n                <\/filter>\r\n              <\/defs>\r\n              <polygon points=\"50,5 93.3,27.5 93.3,72.5 50,95 6.7,72.5 6.7,27.5\" \r\n                       fill=\"url(#hexGradient)\" \r\n                       stroke=\"currentColor\" \r\n                       stroke-width=\"0.5\" \r\n                       class=\"text-blue-400\"\r\n                       filter=\"url(#glow)\"\/>\r\n              <polygon points=\"50,15 85,32.5 85,67.5 50,85 15,67.5 15,32.5\" \r\n                       fill=\"none\" \r\n                       stroke=\"currentColor\" \r\n                       stroke-width=\"0.3\" \r\n                       class=\"text-blue-400 opacity-50\"\/>\r\n            <\/svg>\r\n            \r\n            <!-- Conte\u00fado central -->\r\n            <div class=\"relative z-10 text-center\">\r\n              <div class=\"w-20 h-20 mx-auto mb-3 flex items-center justify-center\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"64\" height=\"64\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-blue-400\">\r\n                  <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <p class=\"text-sm font-semibold text-white font-geist\">Seguran\u00e7a<\/p>\r\n              <p class=\"text-xs text-gray-400 font-geist\">Multicamadas<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <!-- Anima\u00e7\u00e3o de pulso -->\r\n          <div class=\"absolute inset-0 w-64 h-64 -z-10\">\r\n            <div class=\"absolute inset-0 bg-blue-500\/20 rounded-full animate-ping\" style=\"animation-duration: 3s;\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Grid de Pilares de Seguran\u00e7a -->\r\n      <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 lg:gap-12\">\r\n        \r\n        <!-- Pilar 1: Sem Conflito -->\r\n        <div class=\"fade-slide group\" style=\"animation-delay:.2s\">\r\n          <div class=\"relative\">\r\n            <!-- Hex\u00e1gono decorativo -->\r\n            <div class=\"absolute -top-6 left-1\/2 transform -translate-x-1\/2 w-16 h-16 transition-transform group-hover:scale-110 group-hover:rotate-12 duration-300\">\r\n              <svg viewBox=\"0 0 100 100\" class=\"w-full h-full\">\r\n                <polygon points=\"50,5 93.3,27.5 93.3,72.5 50,95 6.7,72.5 6.7,27.5\" \r\n                         fill=\"none\" \r\n                         stroke=\"currentColor\" \r\n                         stroke-width=\"2\" \r\n                         class=\"text-blue-400\"\/>\r\n              <\/svg>\r\n              <div class=\"absolute inset-0 flex items-center justify-center\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-amber-400\">\r\n                  <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n                  <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/>\r\n                  <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card content -->\r\n            <div class=\"mt-8 pt-12 pb-8 px-6 bg-gradient-to-b from-blue-900\/30 via-slate-900\/50 to-black border-t-2 border-x border-b border-blue-400\/30 relative overflow-hidden group-hover:border-blue-400\/50 transition-all duration-300\"\r\n                 style=\"clip-path: polygon(0 5%, 100% 0, 100% 95%, 0 100%);\">\r\n              \r\n              <!-- Efeito de brilho -->\r\n              <div class=\"absolute inset-0 bg-gradient-to-b from-blue-400\/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300\"><\/div>\r\n              \r\n              <div class=\"relative z-10\">\r\n                <h3 class=\"text-xl font-semibold text-white font-geist mb-4\">Sem Conflito de Interesses<\/h3>\r\n                <p class=\"text-gray-300 font-geist font-light text-sm leading-relaxed\">\r\n                  Nossa equipe atua de forma independente. O sistema aponta a matem\u00e1tica e o humano valida a seguran\u00e7a. N\u00e3o indicamos produtos financeiros ruins apenas para cumprir metas comerciais.\r\n                <\/p>\r\n                \r\n                <!-- Badge -->\r\n                <div class=\"mt-6 inline-flex items-center gap-2 bg-blue-400\/10 border border-blue-400\/30 px-3 py-1.5 rounded-full\">\r\n                  <div class=\"w-2 h-2 bg-blue-400 rounded-full animate-pulse\"><\/div>\r\n                  <span class=\"text-xs text-blue-300 font-geist font-semibold\">100% Independente<\/span>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Pilar 2: Privacidade LGPD -->\r\n        <div class=\"fade-slide group\" style=\"animation-delay:.3s\">\r\n          <div class=\"relative\">\r\n            <!-- Hex\u00e1gono decorativo -->\r\n            <div class=\"absolute -top-6 left-1\/2 transform -translate-x-1\/2 w-16 h-16 transition-transform group-hover:scale-110 group-hover:rotate-12 duration-300\">\r\n              <svg viewBox=\"0 0 100 100\" class=\"w-full h-full\">\r\n                <polygon points=\"50,5 93.3,27.5 93.3,72.5 50,95 6.7,72.5 6.7,27.5\" \r\n                         fill=\"none\" \r\n                         stroke=\"currentColor\" \r\n                         stroke-width=\"2\" \r\n                         class=\"text-blue-400\"\/>\r\n              <\/svg>\r\n              <div class=\"absolute inset-0 flex items-center justify-center\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-amber-400\">\r\n                  <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/>\r\n                  <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card content -->\r\n            <div class=\"mt-8 pt-12 pb-8 px-6 bg-gradient-to-b from-blue-900\/30 via-slate-900\/50 to-black border-t-2 border-x border-b border-blue-400\/30 relative overflow-hidden group-hover:border-blue-400\/50 transition-all duration-300\"\r\n                 style=\"clip-path: polygon(0 5%, 100% 0, 100% 95%, 0 100%);\">\r\n              \r\n              <!-- Efeito de brilho -->\r\n              <div class=\"absolute inset-0 bg-gradient-to-b from-blue-400\/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300\"><\/div>\r\n              \r\n              <div class=\"relative z-10\">\r\n                <h3 class=\"text-xl font-semibold text-white font-geist mb-4\">Privacidade de Dados (LGPD)<\/h3>\r\n                <p class=\"text-gray-300 font-geist font-light text-sm leading-relaxed\">\r\n                  Criptografia de alto n\u00edvel. Seus dados cadastrais e de conex\u00e3o s\u00e3o blindados e tratados com sigilo absoluto, respeitando a legisla\u00e7\u00e3o vigente.\r\n                <\/p>\r\n                \r\n                <!-- Badge -->\r\n                <div class=\"mt-6 inline-flex items-center gap-2 bg-blue-400\/10 border border-blue-400\/30 px-3 py-1.5 rounded-full\">\r\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-blue-400\">\r\n                    <polyline points=\"20 6 9 17 4 12\"\/>\r\n                  <\/svg>\r\n                  <span class=\"text-xs text-blue-300 font-geist font-semibold\">LGPD Compliant<\/span>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Pilar 3: Seguran\u00e7a Operacional -->\r\n        <div class=\"fade-slide group\" style=\"animation-delay:.4s\">\r\n          <div class=\"relative\">\r\n            <!-- Hex\u00e1gono decorativo -->\r\n            <div class=\"absolute -top-6 left-1\/2 transform -translate-x-1\/2 w-16 h-16 transition-transform group-hover:scale-110 group-hover:rotate-12 duration-300\">\r\n              <svg viewBox=\"0 0 100 100\" class=\"w-full h-full\">\r\n                <polygon points=\"50,5 93.3,27.5 93.3,72.5 50,95 6.7,72.5 6.7,27.5\" \r\n                         fill=\"none\" \r\n                         stroke=\"currentColor\" \r\n                         stroke-width=\"2\" \r\n                         class=\"text-blue-400\"\/>\r\n              <\/svg>\r\n              <div class=\"absolute inset-0 flex items-center justify-center\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-amber-400\">\r\n                  <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\r\n                  <path d=\"M9 12l2 2 4-4\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card content -->\r\n            <div class=\"mt-8 pt-12 pb-8 px-6 bg-gradient-to-b from-blue-900\/30 via-slate-900\/50 to-black border-t-2 border-x border-b border-blue-400\/30 relative overflow-hidden group-hover:border-blue-400\/50 transition-all duration-300\"\r\n                 style=\"clip-path: polygon(0 5%, 100% 0, 100% 95%, 0 100%);\">\r\n              \r\n              <!-- Efeito de brilho -->\r\n              <div class=\"absolute inset-0 bg-gradient-to-b from-blue-400\/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300\"><\/div>\r\n              \r\n              <div class=\"relative z-10\">\r\n                <h3 class=\"text-xl font-semibold text-white font-geist mb-4\">Seguran\u00e7a Operacional Segregada<\/h3>\r\n                <p class=\"text-gray-300 font-geist font-light text-sm leading-relaxed\">\r\n                  A conex\u00e3o entre a tecnologia e a sua conta funciona por um canal restrito. O sistema possui permiss\u00e3o tecnol\u00f3gica exclusiva para realizar c\u00e1lculos e opera\u00e7\u00f5es. \u00c9 tecnicamente imposs\u00edvel que a nossa estrutura realize saques ou transfer\u00eancias do seu capital.\r\n                <\/p>\r\n                \r\n                <!-- Badge -->\r\n                <div class=\"mt-6 inline-flex items-center gap-2 bg-blue-400\/10 border border-blue-400\/30 px-3 py-1.5 rounded-full\">\r\n                  <div class=\"w-2 h-2 bg-blue-400 rounded-full animate-pulse\"><\/div>\r\n                  <span class=\"text-xs text-blue-300 font-geist font-semibold\">Zero Acesso ao Capital<\/span>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    \r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* Anima\u00e7\u00f5es *\/\r\n@keyframes fade-slide {\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(20px) scale(.98);\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n    transform: translateY(0) scale(1);\r\n  }\r\n}\r\n\r\n.fade-slide {\r\n  animation: fade-slide .7s both;\r\n}\r\n\r\n\/* Anima\u00e7\u00e3o do ping mais suave *\/\r\n@keyframes ping {\r\n  75%, 100% {\r\n    transform: scale(2);\r\n    opacity: 0;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<!-- SE\u00c7\u00c3O 6: PAINEL DE CONTROLE -->\r\n<section class=\"sm:px-6 lg:px-8 sm:pt-16 lg:pt-20 pt-12 pr-4 pb-16 pl-4 relative overflow-hidden\">\r\n  <div class=\"max-w-7xl mx-auto\">\r\n    \r\n    <!-- Header -->\r\n    <div class=\"text-center max-w-3xl mx-auto mb-20\">\r\n      <h2 class=\"text-4xl sm:text-5xl font-light tracking-tight text-white font-bricolage mb-6\">\r\n        Vis\u00e3o Consolidada: <span class=\"bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-blue-400\">O Seu Painel<\/span> de Controle\r\n      <\/h2>\r\n      <p class=\"text-xl text-gray-300 font-geist font-light\">\r\n        Um ambiente executivo, limpo e direto. Desenhado para que voc\u00ea acompanhe a rentabilidade do seu capital com transpar\u00eancia total, direto do seu dispositivo.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Dashboard Mockup -->\r\n    <div class=\"relative\">\r\n      \r\n      <!-- Main Dashboard Container -->\r\n      <div class=\"fade-slide relative\" style=\"animation-delay:.1s\">\r\n        \r\n        <!-- Dashboard Screen -->\r\n        <div class=\"relative bg-gradient-to-br from-slate-900\/60 via-slate-800\/40 to-slate-900\/60 border border-slate-700\/50 rounded-3xl p-8 backdrop-blur-xl overflow-hidden\">\r\n          \r\n          <!-- Screen Header -->\r\n          <div class=\"flex items-center justify-between mb-8 pb-6 border-b border-slate-700\/50\">\r\n            <div>\r\n              <h3 class=\"text-2xl font-semibold text-white font-geist mb-1\">Terminal Delta Prime<\/h3>\r\n              <p class=\"text-sm text-gray-400 font-geist\">Vis\u00e3o em Tempo Real \u2022 USD<\/p>\r\n            <\/div>\r\n            <div class=\"flex gap-2\">\r\n              <div class=\"w-3 h-3 rounded-full bg-red-500\/60\"><\/div>\r\n              <div class=\"w-3 h-3 rounded-full bg-yellow-500\/60\"><\/div>\r\n              <div class=\"w-3 h-3 rounded-full bg-green-500\/60\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Dashboard Grid -->\r\n          <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-6 mb-6\">\r\n            \r\n            <!-- Feature Card 1 - Vis\u00e3o Clara -->\r\n            <div class=\"fade-slide group relative\" style=\"animation-delay:.2s\">\r\n              <div class=\"absolute inset-0 bg-gradient-to-br from-blue-500\/10 to-blue-600\/5 rounded-2xl transform group-hover:scale-105 transition-transform duration-300\"><\/div>\r\n              <div class=\"relative bg-slate-800\/40 border border-blue-400\/20 rounded-2xl p-4 sm:p-6 backdrop-blur-sm group-hover:border-blue-400\/40 transition-all duration-300\">\r\n                \r\n                <!-- Icon -->\r\n                <div class=\"w-10 h-10 sm:w-12 sm:h-12 bg-gradient-to-br from-blue-500\/20 to-blue-600\/10 rounded-xl flex items-center justify-center mb-3 sm:mb-4 group-hover:scale-110 transition-transform duration-300\">\r\n                  <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-blue-400 sm:w-6 sm:h-6\">\r\n                    <path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z\"\/>\r\n                    <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\r\n                  <\/svg>\r\n                <\/div>\r\n\r\n                <!-- Content -->\r\n                <h4 class=\"text-base sm:text-lg font-semibold text-white font-geist mb-2 sm:mb-3\">Vis\u00e3o Clara<\/h4>\r\n                <p class=\"text-xs sm:text-sm text-gray-400 font-geist font-light mb-3 sm:mb-4 leading-relaxed\">\r\n                  Acompanhamento de resultados di\u00e1rios em moeda forte (D\u00f3lar).\r\n                <\/p>\r\n\r\n                <!-- Mock Data Display -->\r\n                <div class=\"bg-slate-900\/60 border border-blue-400\/20 rounded-lg p-3 sm:p-4\">\r\n                  <div class=\"flex items-baseline gap-2 mb-1\">\r\n                    <span class=\"text-xl sm:text-2xl font-bold text-white font-space-grotesk\">$12,487<\/span>\r\n                    <span class=\"text-xs text-blue-400 font-geist font-semibold\">+3.2%<\/span>\r\n                  <\/div>\r\n                  <p class=\"text-xs text-gray-500 font-geist\">Rentabilidade Mensal<\/p>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- Feature Card 2 - Hist\u00f3rico -->\r\n            <div class=\"fade-slide group relative\" style=\"animation-delay:.3s\">\r\n              <div class=\"absolute inset-0 bg-gradient-to-br from-blue-500\/10 to-blue-600\/5 rounded-2xl transform group-hover:scale-105 transition-transform duration-300\"><\/div>\r\n              <div class=\"relative bg-slate-800\/40 border border-blue-400\/20 rounded-2xl p-4 sm:p-6 backdrop-blur-sm group-hover:border-blue-400\/40 transition-all duration-300\">\r\n                \r\n                <!-- Icon -->\r\n                <div class=\"w-10 h-10 sm:w-12 sm:h-12 bg-gradient-to-br from-blue-500\/20 to-blue-600\/10 rounded-xl flex items-center justify-center mb-3 sm:mb-4 group-hover:scale-110 transition-transform duration-300\">\r\n                  <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-blue-400 sm:w-6 sm:h-6\">\r\n                    <path d=\"M3 3v18h18\"\/>\r\n                    <path d=\"m19 9-5 5-4-4-3 3\"\/>\r\n                  <\/svg>\r\n                <\/div>\r\n\r\n                <!-- Content -->\r\n                <h4 class=\"text-base sm:text-lg font-semibold text-white font-geist mb-2 sm:mb-3\">Hist\u00f3rico Transparente<\/h4>\r\n                <p class=\"text-xs sm:text-sm text-gray-400 font-geist font-light mb-3 sm:mb-4 leading-relaxed\">\r\n                  Acesso detalhado a todas as m\u00e9tricas. Voc\u00ea visualiza com precis\u00e3o onde, quando e como a nossa intelig\u00eancia tomou cada decis\u00e3o.\r\n                <\/p>\r\n\r\n                <!-- Mock Chart -->\r\n                <div class=\"bg-slate-900\/60 border border-blue-400\/20 rounded-lg p-3 sm:p-4\">\r\n                  <div class=\"flex items-end justify-between gap-1 h-12 sm:h-16\">\r\n                    <div class=\"w-full bg-gradient-to-t from-blue-500\/60 to-blue-400\/30 rounded-t\" style=\"height: 45%\"><\/div>\r\n                    <div class=\"w-full bg-gradient-to-t from-blue-500\/60 to-blue-400\/30 rounded-t\" style=\"height: 60%\"><\/div>\r\n                    <div class=\"w-full bg-gradient-to-t from-blue-500\/60 to-blue-400\/30 rounded-t\" style=\"height: 75%\"><\/div>\r\n                    <div class=\"w-full bg-gradient-to-t from-blue-500\/60 to-blue-400\/30 rounded-t\" style=\"height: 55%\"><\/div>\r\n                    <div class=\"w-full bg-gradient-to-t from-blue-500\/60 to-blue-400\/30 rounded-t\" style=\"height: 85%\"><\/div>\r\n                  <\/div>\r\n                  <p class=\"text-xs text-gray-500 font-geist mt-2\">\u00daltimos 5 dias<\/p>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- Feature Card 3 - Liquidez -->\r\n            <div class=\"fade-slide group relative\" style=\"animation-delay:.4s\">\r\n              <div class=\"absolute inset-0 bg-gradient-to-br from-blue-500\/10 to-blue-600\/5 rounded-2xl transform group-hover:scale-105 transition-transform duration-300\"><\/div>\r\n              <div class=\"relative bg-slate-800\/40 border border-blue-400\/20 rounded-2xl p-4 sm:p-6 backdrop-blur-sm group-hover:border-blue-400\/40 transition-all duration-300\">\r\n                \r\n                <!-- Icon -->\r\n                <div class=\"w-10 h-10 sm:w-12 sm:h-12 bg-gradient-to-br from-blue-500\/20 to-blue-600\/10 rounded-xl flex items-center justify-center mb-3 sm:mb-4 group-hover:scale-110 transition-transform duration-300\">\r\n                  <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-blue-400 sm:w-6 sm:h-6\">\r\n                    <path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/>\r\n                  <\/svg>\r\n                <\/div>\r\n\r\n                <!-- Content -->\r\n                <h4 class=\"text-base sm:text-lg font-semibold text-white font-geist mb-2 sm:mb-3\">Liquidez Imediata<\/h4>\r\n                <p class=\"text-xs sm:text-sm text-gray-400 font-geist font-light mb-3 sm:mb-4 leading-relaxed\">\r\n                  O capital \u00e9 seu. Voc\u00ea tem liberdade total para transferir os lucros gerados direto da sua corretora para o seu banco no Brasil, quando desejar.\r\n                <\/p>\r\n\r\n                <!-- Mock Action Button -->\r\n                <div class=\"bg-slate-900\/60 border border-blue-400\/20 rounded-lg p-3 sm:p-4 flex flex-col sm:flex-row items-start sm:items-center justify-between gap-3 sm:gap-0\">\r\n                  <div>\r\n                    <p class=\"text-xs text-gray-500 font-geist mb-1\">Dispon\u00edvel<\/p>\r\n                    <p class=\"text-lg sm:text-xl font-bold text-white font-space-grotesk\">$8,240<\/p>\r\n                  <\/div>\r\n                  <button class=\"w-full sm:w-auto bg-gradient-to-r from-blue-500\/20 to-blue-600\/20 border border-blue-400\/40 text-blue-300 px-3 sm:px-4 py-2 rounded-lg text-xs font-geist font-semibold hover:border-blue-400\/60 transition-all\">\r\n                    Transferir\r\n                  <\/button>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <!-- Bottom Info Bar -->\r\n          <div class=\"flex flex-wrap items-center justify-between gap-4 pt-6 border-t border-slate-700\/50\">\r\n            <div class=\"flex items-center gap-6\">\r\n              <div class=\"flex items-center gap-2\">\r\n                <div class=\"w-2 h-2 bg-blue-400 rounded-full animate-pulse\"><\/div>\r\n                <span class=\"text-xs text-gray-400 font-geist\">Sistema Online<\/span>\r\n              <\/div>\r\n              <div class=\"flex items-center gap-2\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-blue-400\">\r\n                  <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\r\n                <\/svg>\r\n                <span class=\"text-xs text-gray-400 font-geist\">Conex\u00e3o Segura<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"text-xs text-gray-500 font-geist\">\r\n              \u00daltima atualiza\u00e7\u00e3o: 2 minutos atr\u00e1s\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- Decorative Elements -->\r\n        <div class=\"absolute -top-20 -right-20 w-64 h-64 bg-blue-500\/10 rounded-full blur-3xl -z-10\"><\/div>\r\n        <div class=\"absolute -bottom-20 -left-20 w-64 h-64 bg-blue-500\/10 rounded-full blur-3xl -z-10\"><\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- SE\u00c7\u00c3O 7: DEPOIMENTOS -->\r\n<section class=\"sm:px-6 lg:px-8 sm:pt-16 lg:pt-20 pt-12 pr-4 pb-16 pl-4\">\r\n  <div class=\"max-w-7xl mx-auto\">\r\n    \r\n    <!-- Header -->\r\n    <div class=\"text-center max-w-3xl mx-auto mb-20\">\r\n      <h2 class=\"text-4xl sm:text-5xl font-light tracking-tight text-white font-bricolage mb-6\">\r\n        A Experi\u00eancia <span class=\"bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-blue-400\">Delta Prime<\/span>\r\n      <\/h2>\r\n      <p class=\"text-xl text-gray-300 font-geist font-light\">\r\n        Percep\u00e7\u00f5es de profissionais que elevaram o padr\u00e3o da sua prote\u00e7\u00e3o patrimonial.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Testimonials Carousel -->\r\n    <div class=\"relative max-w-7xl mx-auto\">\r\n      \r\n      <!-- Carousel Container -->\r\n      <div class=\"overflow-hidden\" id=\"testimonialsCarousel\">\r\n        <div class=\"flex transition-transform duration-500 ease-out\" id=\"carouselTrack\">\r\n          \r\n          <!-- Slide 1: V\u00eddeo 1 -->\r\n          <div class=\"w-full md:w-1\/2 lg:w-1\/3 flex-shrink-0 px-4\">\r\n            <div class=\"fade-slide group h-full\">\r\n              <div class=\"relative h-full\">\r\n                <div class=\"relative bg-gradient-to-br from-blue-900\/20 to-black border border-blue-400\/20 rounded-3xl p-4 sm:p-6 h-full flex flex-col backdrop-blur-xl group-hover:border-blue-400\/40 transition-all duration-300 overflow-hidden\">\r\n                  <div class=\"inline-flex items-center gap-2 bg-blue-400\/10 border border-blue-400\/30 px-3 py-1.5 rounded-full mb-4 self-start z-10\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-blue-400\">\r\n                      <polygon points=\"23 7 16 12 23 17 23 7\"\/>\r\n                      <rect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\" ry=\"2\"\/>\r\n                    <\/svg>\r\n                    <span class=\"text-xs text-blue-300 font-geist font-semibold\">Depoimento em V\u00eddeo<\/span>\r\n                  <\/div>\r\n                  <div class=\"relative rounded-xl overflow-hidden mb-4 bg-slate-900\/50\">\r\n                    <div id=\"ifr_69d4178374f77e9c13a90d50_wrapper\" style=\"margin: 0 auto; width: 100%;\">\r\n                      <div style=\"position: relative; padding: 177.77777777777777% 0 0 0;\" id=\"ifr_69d4178374f77e9c13a90d50_aspect\">\r\n                        <iframe frameborder=\"0\" allowfullscreen src=\"about:blank\" id=\"ifr_69d4178374f77e9c13a90d50\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0.75rem;\" referrerpolicy=\"origin\" onload=\"this.onload=null, this.src='https:\/\/scripts.converteai.net\/f9a6cc95-2d37-4cfe-b37b-705f5bbbf1e8\/players\/69d4178374f77e9c13a90d50\/v4\/embed.html' +(location.search||'?') +'&vl=' +encodeURIComponent(location.href)\"><\/iframe>\r\n                      <\/div>\r\n                    <\/div>\r\n                  <\/div>\r\n                  <h4 class=\"text-base sm:text-lg font-semibold text-white font-geist mb-2\">Experi\u00eancia Real<\/h4>\r\n                  <p class=\"text-xs sm:text-sm text-gray-400 font-geist font-light\">Veja como a Delta Prime transformou a gest\u00e3o patrimonial<\/p>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Slide 2: Imagem 1 -->\r\n          <div class=\"w-full md:w-1\/2 lg:w-1\/3 flex-shrink-0 px-4\">\r\n            <div class=\"fade-slide group h-full\">\r\n              <div class=\"relative h-full\">\r\n                <div class=\"relative bg-gradient-to-br from-blue-900\/20 to-black border border-blue-400\/20 rounded-3xl p-4 sm:p-6 h-full flex flex-col backdrop-blur-xl group-hover:border-blue-400\/40 transition-all duration-300 overflow-hidden\">\r\n                  <div class=\"inline-flex items-center gap-2 bg-blue-400\/10 border border-blue-400\/30 px-3 py-1.5 rounded-full mb-4 self-start z-10\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-blue-400\">\r\n                      <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/>\r\n                      <circle cx=\"9\" cy=\"9\" r=\"2\"\/>\r\n                      <path d=\"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21\"\/>\r\n                    <\/svg>\r\n                    <span class=\"text-xs text-blue-300 font-geist font-semibold\">Depoimento Verificado<\/span>\r\n                  <\/div>\r\n                  <div class=\"relative rounded-xl overflow-hidden mb-4 bg-slate-900\/50\">\r\n                    <img src=\"https:\/\/deltaprime.online\/wp-content\/uploads\/2026\/04\/depo1.webp\" alt=\"Depoimento de Cliente\" class=\"w-full h-auto rounded-xl object-cover\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\">\r\n                  <\/div>\r\n                  <h4 class=\"text-base sm:text-lg font-semibold text-white font-geist mb-2\">Cliente Satisfeito<\/h4>\r\n                  <p class=\"text-xs sm:text-sm text-gray-400 font-geist font-light\">Resultados comprovados na prote\u00e7\u00e3o patrimonial<\/p>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Slide 3: V\u00eddeo 2 -->\r\n          <div class=\"w-full md:w-1\/2 lg:w-1\/3 flex-shrink-0 px-4\">\r\n            <div class=\"fade-slide group h-full\">\r\n              <div class=\"relative h-full\">\r\n                <div class=\"relative bg-gradient-to-br from-blue-900\/20 to-black border border-blue-400\/20 rounded-3xl p-4 sm:p-6 h-full flex flex-col backdrop-blur-xl group-hover:border-blue-400\/40 transition-all duration-300 overflow-hidden\">\r\n                  <div class=\"inline-flex items-center gap-2 bg-blue-400\/10 border border-blue-400\/30 px-3 py-1.5 rounded-full mb-4 self-start z-10\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-blue-400\">\r\n                      <polygon points=\"23 7 16 12 23 17 23 7\"\/>\r\n                      <rect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\" ry=\"2\"\/>\r\n                    <\/svg>\r\n                    <span class=\"text-xs text-blue-300 font-geist font-semibold\">Depoimento em V\u00eddeo<\/span>\r\n                  <\/div>\r\n                  <div class=\"relative rounded-xl overflow-hidden mb-4 bg-slate-900\/50\">\r\n                    <div id=\"ifr_69d412230e7ec9a16090e223_wrapper\" style=\"margin: 0 auto; width: 100%;\">\r\n                      <div style=\"position: relative; padding: 177.77777777777777% 0 0 0;\" id=\"ifr_69d412230e7ec9a16090e223_aspect\">\r\n                        <iframe frameborder=\"0\" allowfullscreen src=\"about:blank\" id=\"ifr_69d412230e7ec9a16090e223\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0.75rem;\" referrerpolicy=\"origin\" onload=\"this.onload=null, this.src='https:\/\/scripts.converteai.net\/f9a6cc95-2d37-4cfe-b37b-705f5bbbf1e8\/players\/69d412230e7ec9a16090e223\/v4\/embed.html' +(location.search||'?') +'&vl=' +encodeURIComponent(location.href)\"><\/iframe>\r\n                      <\/div>\r\n                    <\/div>\r\n                  <\/div>\r\n                  <h4 class=\"text-base sm:text-lg font-semibold text-white font-geist mb-2\">Resultados Comprovados<\/h4>\r\n                  <p class=\"text-xs sm:text-sm text-gray-400 font-geist font-light\">Conhe\u00e7a mais sobre a experi\u00eancia com o sistema<\/p>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Slide 4: Imagem 2 -->\r\n          <div class=\"w-full md:w-1\/2 lg:w-1\/3 flex-shrink-0 px-4\">\r\n            <div class=\"fade-slide group h-full\">\r\n              <div class=\"relative h-full\">\r\n                <div class=\"relative bg-gradient-to-br from-blue-900\/20 to-black border border-blue-400\/20 rounded-3xl p-4 sm:p-6 h-full flex flex-col backdrop-blur-xl group-hover:border-blue-400\/40 transition-all duration-300 overflow-hidden\">\r\n                  <div class=\"inline-flex items-center gap-2 bg-blue-400\/10 border border-blue-400\/30 px-3 py-1.5 rounded-full mb-4 self-start z-10\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-blue-400\">\r\n                      <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/>\r\n                      <circle cx=\"9\" cy=\"9\" r=\"2\"\/>\r\n                      <path d=\"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21\"\/>\r\n                    <\/svg>\r\n                    <span class=\"text-xs text-blue-300 font-geist font-semibold\">Depoimento Verificado<\/span>\r\n                  <\/div>\r\n                  <div class=\"relative rounded-xl overflow-hidden mb-4 bg-slate-900\/50\">\r\n                    <img src=\"https:\/\/deltaprime.online\/wp-content\/uploads\/2026\/04\/DEPO2.avif\" alt=\"Depoimento de Cliente\" class=\"w-full h-auto rounded-xl object-cover\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\">\r\n                  <\/div>\r\n                  <h4 class=\"text-base sm:text-lg font-semibold text-white font-geist mb-2\">Profissional Liberal<\/h4>\r\n                  <p class=\"text-xs sm:text-sm text-gray-400 font-geist font-light\">Seguran\u00e7a e tranquilidade na gest\u00e3o de capital<\/p>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Slide 5: V\u00eddeo 3 -->\r\n          <div class=\"w-full md:w-1\/2 lg:w-1\/3 flex-shrink-0 px-4\">\r\n            <div class=\"fade-slide group h-full\">\r\n              <div class=\"relative h-full\">\r\n                <div class=\"relative bg-gradient-to-br from-blue-900\/20 to-black border border-blue-400\/20 rounded-3xl p-4 sm:p-6 h-full flex flex-col backdrop-blur-xl group-hover:border-blue-400\/40 transition-all duration-300 overflow-hidden\">\r\n                  <div class=\"inline-flex items-center gap-2 bg-blue-400\/10 border border-blue-400\/30 px-3 py-1.5 rounded-full mb-4 self-start z-10\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-blue-400\">\r\n                      <polygon points=\"23 7 16 12 23 17 23 7\"\/>\r\n                      <rect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\" ry=\"2\"\/>\r\n                    <\/svg>\r\n                    <span class=\"text-xs text-blue-300 font-geist font-semibold\">Depoimento em V\u00eddeo<\/span>\r\n                  <\/div>\r\n                  <div class=\"relative rounded-xl overflow-hidden mb-4 bg-slate-900\/50\">\r\n                    <div id=\"ifr_69d504c8b88719b10eb6f71e_wrapper\" style=\"margin: 0 auto; width: 100%;\">\r\n                      <div style=\"position: relative; padding: 177.77777777777777% 0 0 0;\" id=\"ifr_69d504c8b88719b10eb6f71e_aspect\">\r\n                        <iframe frameborder=\"0\" allowfullscreen src=\"about:blank\" id=\"ifr_69d504c8b88719b10eb6f71e\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0.75rem;\" referrerpolicy=\"origin\" onload=\"this.onload=null, this.src='https:\/\/scripts.converteai.net\/f9a6cc95-2d37-4cfe-b37b-705f5bbbf1e8\/players\/69d504c8b88719b10eb6f71e\/v4\/embed.html' +(location.search||'?') +'&vl=' +encodeURIComponent(location.href)\"><\/iframe>\r\n                      <\/div>\r\n                    <\/div>\r\n                  <\/div>\r\n                  <h4 class=\"text-base sm:text-lg font-semibold text-white font-geist mb-2\">Depoimento Aut\u00eantico<\/h4>\r\n                  <p class=\"text-xs sm:text-sm text-gray-400 font-geist font-light\">Experi\u00eancia real com a Dupla Intelig\u00eancia<\/p>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Slide 6: Imagem 3 -->\r\n          <div class=\"w-full md:w-1\/2 lg:w-1\/3 flex-shrink-0 px-4\">\r\n            <div class=\"fade-slide group h-full\">\r\n              <div class=\"relative h-full\">\r\n                <div class=\"relative bg-gradient-to-br from-blue-900\/20 to-black border border-blue-400\/20 rounded-3xl p-4 sm:p-6 h-full flex flex-col backdrop-blur-xl group-hover:border-blue-400\/40 transition-all duration-300 overflow-hidden\">\r\n                  <div class=\"inline-flex items-center gap-2 bg-blue-400\/10 border border-blue-400\/30 px-3 py-1.5 rounded-full mb-4 self-start z-10\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-blue-400\">\r\n                      <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/>\r\n                      <circle cx=\"9\" cy=\"9\" r=\"2\"\/>\r\n                      <path d=\"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21\"\/>\r\n                    <\/svg>\r\n                    <span class=\"text-xs text-blue-300 font-geist font-semibold\">Depoimento Verificado<\/span>\r\n                  <\/div>\r\n                  <div class=\"relative rounded-xl overflow-hidden mb-4 bg-slate-900\/50\">\r\n                    <img src=\"https:\/\/deltaprime.online\/wp-content\/uploads\/2026\/04\/DEPO3.webp\" alt=\"Depoimento de Cliente\" class=\"w-full h-auto rounded-xl object-cover\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\">\r\n                  <\/div>\r\n                  <h4 class=\"text-base sm:text-lg font-semibold text-white font-geist mb-2\">Empres\u00e1rio<\/h4>\r\n                  <p class=\"text-xs sm:text-sm text-gray-400 font-geist font-light\">Prote\u00e7\u00e3o patrimonial com tecnologia de ponta<\/p>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Slide 7: Imagem 4 -->\r\n          <div class=\"w-full md:w-1\/2 lg:w-1\/3 flex-shrink-0 px-4\">\r\n            <div class=\"fade-slide group h-full\">\r\n              <div class=\"relative h-full\">\r\n                <div class=\"relative bg-gradient-to-br from-blue-900\/20 to-black border border-blue-400\/20 rounded-3xl p-4 sm:p-6 h-full flex flex-col backdrop-blur-xl group-hover:border-blue-400\/40 transition-all duration-300 overflow-hidden\">\r\n                  <div class=\"inline-flex items-center gap-2 bg-blue-400\/10 border border-blue-400\/30 px-3 py-1.5 rounded-full mb-4 self-start z-10\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-blue-400\">\r\n                      <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/>\r\n                      <circle cx=\"9\" cy=\"9\" r=\"2\"\/>\r\n                      <path d=\"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21\"\/>\r\n                    <\/svg>\r\n                    <span class=\"text-xs text-blue-300 font-geist font-semibold\">Depoimento Verificado<\/span>\r\n                  <\/div>\r\n                  <div class=\"relative rounded-xl overflow-hidden mb-4 bg-slate-900\/50\">\r\n                    <img src=\"https:\/\/deltaprime.online\/wp-content\/uploads\/2026\/04\/DEPO4.webp\" alt=\"Depoimento de Cliente\" class=\"w-full h-auto rounded-xl object-cover\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\">\r\n                  <\/div>\r\n                  <h4 class=\"text-base sm:text-lg font-semibold text-white font-geist mb-2\">Investidor<\/h4>\r\n                  <p class=\"text-xs sm:text-sm text-gray-400 font-geist font-light\">Resultados consistentes em moeda forte<\/p>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Slide 8: Depoimento Texto (Advogado) -->\r\n          <div class=\"w-full md:w-1\/2 lg:w-1\/3 flex-shrink-0 px-4\">\r\n            <div class=\"fade-slide group h-full\">\r\n              <div class=\"relative h-full\">\r\n                <div class=\"absolute -top-4 -left-2 text-8xl text-blue-400\/10 font-serif leading-none pointer-events-none\">\"<\/div>\r\n                <div class=\"relative bg-gradient-to-br from-blue-900\/20 to-black border border-blue-400\/20 rounded-3xl p-6 sm:p-8 h-full flex flex-col backdrop-blur-xl group-hover:border-blue-400\/40 transition-all duration-300\">\r\n                  <div class=\"inline-flex items-center gap-2 bg-blue-400\/10 border border-blue-400\/30 px-3 py-1.5 rounded-full mb-6 self-start\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-blue-400\">\r\n                      <path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z\"\/>\r\n                      <path d=\"M12 9v4\"\/>\r\n                      <path d=\"M12 17h.01\"\/>\r\n                    <\/svg>\r\n                    <span class=\"text-xs text-blue-300 font-geist font-semibold\">Advocacia<\/span>\r\n                  <\/div>\r\n                  <h4 class=\"text-lg font-semibold text-white font-geist mb-4\">Governan\u00e7a Aprovada<\/h4>\r\n                  <p class=\"text-gray-300 font-geist font-light text-sm leading-relaxed mb-6 flex-grow\">\r\n                    \"Como advogado societ\u00e1rio, meu crit\u00e9rio \u00e9tico \u00e9 alt\u00edssimo. A Delta Prime funciona com excel\u00eancia por n\u00e3o possuir conflito de interesses. O dinheiro fica atrelado ao meu CPF e o sistema atua de forma clara. \u00c9 seguro, transparente e altamente eficiente.\"\r\n                  <\/p>\r\n                  <div class=\"flex items-center gap-4 pt-6 border-t border-blue-400\/20\">\r\n                    <div class=\"w-12 h-12 rounded-full bg-gradient-to-br from-blue-500\/30 to-blue-600\/20 border border-blue-400\/30 flex items-center justify-center\">\r\n                      <span class=\"text-blue-300 font-geist font-bold text-lg\">RV<\/span>\r\n                    <\/div>\r\n                    <div>\r\n                      <p class=\"text-white font-geist font-semibold text-sm\">Ricardo V.<\/p>\r\n                      <p class=\"text-gray-400 font-geist text-xs\">45 anos \u2022 Advogado Societ\u00e1rio<\/p>\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Navigation Arrows -->\r\n      <button id=\"prevBtn\" class=\"absolute left-0 top-1\/2 -translate-y-1\/2 -translate-x-4 sm:-translate-x-6 z-10 w-12 h-12 rounded-full bg-blue-500\/20 border border-blue-400\/30 backdrop-blur-sm flex items-center justify-center text-blue-400 hover:bg-blue-500\/30 hover:border-blue-400\/50 transition-all duration-300 group\">\r\n        <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=\"transform group-hover:-translate-x-1 transition-transform\">\r\n          <path d=\"m15 18-6-6 6-6\"\/>\r\n        <\/svg>\r\n      <\/button>\r\n      <button id=\"nextBtn\" class=\"absolute right-0 top-1\/2 -translate-y-1\/2 translate-x-4 sm:translate-x-6 z-10 w-12 h-12 rounded-full bg-blue-500\/20 border border-blue-400\/30 backdrop-blur-sm flex items-center justify-center text-blue-400 hover:bg-blue-500\/30 hover:border-blue-400\/50 transition-all duration-300 group\">\r\n        <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=\"transform group-hover:translate-x-1 transition-transform\">\r\n          <path d=\"m9 18 6-6-6-6\"\/>\r\n        <\/svg>\r\n      <\/button>\r\n\r\n      <!-- Dots Indicators -->\r\n      <div class=\"flex justify-center gap-2 mt-8\" id=\"dotsContainer\">\r\n        <!-- Dots will be generated by JavaScript -->\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <script>\r\n    (function() {\r\n      const track = document.getElementById('carouselTrack');\r\n      const prevBtn = document.getElementById('prevBtn');\r\n      const nextBtn = document.getElementById('nextBtn');\r\n      const dotsContainer = document.getElementById('dotsContainer');\r\n      const slides = track.children;\r\n      let currentIndex = 0;\r\n      let slidesPerView = 1;\r\n      \r\n      \/\/ Calculate slides per view based on screen size\r\n      function calculateSlidesPerView() {\r\n        if (window.innerWidth >= 1024) {\r\n          slidesPerView = 3;\r\n        } else if (window.innerWidth >= 768) {\r\n          slidesPerView = 2;\r\n        } else {\r\n          slidesPerView = 1;\r\n        }\r\n      }\r\n      \r\n      \/\/ Generate dots\r\n      function generateDots() {\r\n        const totalDots = Math.ceil(slides.length \/ slidesPerView);\r\n        dotsContainer.innerHTML = '';\r\n        for (let i = 0; i < totalDots; i++) {\r\n          const dot = document.createElement('button');\r\n          dot.className = 'w-2 h-2 rounded-full transition-all duration-300 ' + \r\n                          (i === 0 ? 'bg-blue-400 w-8' : 'bg-slate-600 hover:bg-slate-500');\r\n          dot.onclick = () => goToSlide(i * slidesPerView);\r\n          dotsContainer.appendChild(dot);\r\n        }\r\n      }\r\n      \r\n      \/\/ Update dots\r\n      function updateDots() {\r\n        const dots = dotsContainer.children;\r\n        const activeDotIndex = Math.floor(currentIndex \/ slidesPerView);\r\n        for (let i = 0; i < dots.length; i++) {\r\n          if (i === activeDotIndex) {\r\n            dots[i].className = 'w-2 h-2 rounded-full transition-all duration-300 bg-blue-400 w-8';\r\n          } else {\r\n            dots[i].className = 'w-2 h-2 rounded-full transition-all duration-300 bg-slate-600 hover:bg-slate-500';\r\n          }\r\n        }\r\n      }\r\n      \r\n      \/\/ Go to specific slide\r\n      function goToSlide(index) {\r\n        const maxIndex = slides.length - slidesPerView;\r\n        currentIndex = Math.max(0, Math.min(index, maxIndex));\r\n        const offset = -(currentIndex * (100 \/ slidesPerView));\r\n        track.style.transform = `translateX(${offset}%)`;\r\n        updateDots();\r\n      }\r\n      \r\n      \/\/ Next slide\r\n      function nextSlide() {\r\n        if (currentIndex < slides.length - slidesPerView) {\r\n          goToSlide(currentIndex + 1);\r\n        } else {\r\n          goToSlide(0); \/\/ Loop back to start\r\n        }\r\n      }\r\n      \r\n      \/\/ Previous slide\r\n      function prevSlide() {\r\n        if (currentIndex > 0) {\r\n          goToSlide(currentIndex - 1);\r\n        } else {\r\n          goToSlide(slides.length - slidesPerView); \/\/ Loop to end\r\n        }\r\n      }\r\n      \r\n      \/\/ Event listeners\r\n      nextBtn.addEventListener('click', nextSlide);\r\n      prevBtn.addEventListener('click', prevSlide);\r\n      \r\n      \/\/ Touch\/swipe support\r\n      let touchStartX = 0;\r\n      let touchEndX = 0;\r\n      \r\n      track.addEventListener('touchstart', (e) => {\r\n        touchStartX = e.changedTouches[0].screenX;\r\n      });\r\n      \r\n      track.addEventListener('touchend', (e) => {\r\n        touchEndX = e.changedTouches[0].screenX;\r\n        if (touchStartX - touchEndX > 50) {\r\n          nextSlide();\r\n        } else if (touchEndX - touchStartX > 50) {\r\n          prevSlide();\r\n        }\r\n      });\r\n      \r\n      \/\/ Initialize on load and resize\r\n      function init() {\r\n        calculateSlidesPerView();\r\n        generateDots();\r\n        goToSlide(0);\r\n      }\r\n      \r\n      window.addEventListener('resize', () => {\r\n        init();\r\n      });\r\n      \r\n      init();\r\n      \r\n      \/\/ Optional: Auto-play (uncomment to enable)\r\n      \/\/ setInterval(nextSlide, 5000);\r\n    })();\r\n    <\/script>\r\n\r\n    <!-- Trust Indicators -->\r\n    <div class=\"flex flex-wrap items-center justify-center gap-8 mt-16 pt-12 border-t border-slate-700\/30\">\r\n      <div class=\"flex items-center gap-2 text-gray-400\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-blue-400\">\r\n          <polyline points=\"20 6 9 17 4 12\"\/>\r\n        <\/svg>\r\n        <span class=\"text-sm font-geist\">Depoimentos Verificados<\/span>\r\n      <\/div>\r\n      <div class=\"flex items-center gap-2 text-gray-400\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-blue-400\">\r\n          <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\r\n        <\/svg>\r\n        <span class=\"text-sm font-geist\">Identidades Protegidas<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* Anima\u00e7\u00f5es j\u00e1 existentes *\/\r\n@keyframes fade-slide {\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(20px) scale(.98);\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n    transform: translateY(0) scale(1);\r\n  }\r\n}\r\n\r\n.fade-slide {\r\n  animation: fade-slide .7s both;\r\n}\r\n<\/style>\r\n\r\n        <!-- CTA Section -->\r\n<!-- SE\u00c7\u00c3O CTA FINAL -->\r\n<section class=\"sm:px-6 lg:px-8 sm:pt-20 lg:pt-24 pt-16 pr-4 pb-20 pl-4 relative overflow-hidden\">\r\n  <div class=\"max-w-6xl mx-auto\">\r\n    \r\n    <!-- Background Decorative Elements -->\r\n    <div class=\"absolute inset-0 pointer-events-none\">\r\n      <div class=\"absolute top-0 left-1\/4 w-96 h-96 bg-blue-500\/10 rounded-full blur-3xl\"><\/div>\r\n      <div class=\"absolute bottom-0 right-1\/4 w-96 h-96 bg-blue-500\/10 rounded-full blur-3xl\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Main Content Container -->\r\n    <div class=\"relative\">\r\n      \r\n      <!-- Header -->\r\n      <div class=\"text-center mb-16 fade-slide\" style=\"animation-delay:.1s\">\r\n        <div class=\"inline-flex items-center gap-2 bg-gradient-to-r from-blue-400\/10 to-blue-400\/10 border border-blue-400\/20 px-4 py-2 rounded-full mb-6\">\r\n          <div class=\"w-2 h-2 bg-blue-400 rounded-full animate-pulse\"><\/div>\r\n          <span class=\"text-sm text-blue-300 font-geist font-semibold\">Acesso Exclusivo<\/span>\r\n        <\/div>\r\n        \r\n        <h2 class=\"text-4xl sm:text-5xl lg:text-6xl font-light tracking-tight text-white font-bricolage mb-6 leading-tight\">\r\n          Assuma o controle da sua<br>\r\n          <span class=\"bg-clip-text text-transparent bg-gradient-to-r from-blue-400 via-blue-400 to-blue-400 bg-[length:200%_auto] animate-gradient\">prote\u00e7\u00e3o patrimonial<\/span>\r\n        <\/h2>\r\n        \r\n        <p class=\"text-xl text-gray-300 font-geist font-light max-w-3xl mx-auto leading-relaxed\">\r\n          O seu tempo e o seu patrim\u00f4nio s\u00e3o os seus ativos mais valiosos. N\u00e3o permita que a inefici\u00eancia do sistema tradicional limite os seus resultados.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Invitation Box -->\r\n      <div class=\"fade-slide mb-12\" style=\"animation-delay:.2s\">\r\n        <div class=\"relative bg-gradient-to-br from-slate-900\/80 via-slate-800\/60 to-slate-900\/80 border border-slate-700\/50 rounded-3xl p-10 lg:p-12 backdrop-blur-xl\">\r\n          \r\n          <!-- Glow Effect -->\r\n          <div class=\"absolute inset-0 bg-gradient-to-r from-blue-500\/5 via-blue-500\/5 to-blue-500\/5 rounded-3xl\"><\/div>\r\n          \r\n          <div class=\"relative z-10 text-center\">\r\n            <p class=\"text-2xl lg:text-3xl text-white font-geist font-light mb-4 leading-relaxed\">\r\n              Convidamos voc\u00ea a ativar a <span class=\"font-semibold bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-blue-400\">Licen\u00e7a Spark Pro<\/span> e vivenciar o Sistema de Dupla Intelig\u00eancia na pr\u00e1tica.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Guarantees Grid -->\r\n      <div class=\"grid grid-cols-1 lg:grid-cols-1 gap-6 mb-12\">\r\n        <!-- CTA Button - Responsivo -->\r\n<div class=\"fade-slide text-center\" style=\"animation-delay:.5s\">\r\n  <button onclick=\"openLoginModal()\" class=\"group relative inline-flex items-center justify-center gap-2 sm:gap-3 lg:gap-4 bg-gradient-to-r from-blue-600 via-blue-500 to-blue-500 text-white px-6 sm:px-10 lg:px-12 py-4 sm:py-5 lg:py-6 rounded-xl sm:rounded-2xl text-sm sm:text-lg lg:text-xl xl:text-2xl font-geist font-semibold overflow-hidden transition-all duration-300 hover:shadow-[0_0_50px_rgba(59,130,246,0.5)] hover:scale-105 active:scale-100 w-full sm:w-auto max-w-full\">\r\n    \r\n    <!-- Animated background -->\r\n    <div class=\"absolute inset-0 bg-gradient-to-r from-blue-500 via-blue-500 to-blue-500 bg-[length:200%_auto] opacity-0 group-hover:opacity-100 transition-opacity duration-300 animate-gradient\"><\/div>\r\n    \r\n    <!-- Content -->\r\n    <span class=\"relative z-10 flex items-center gap-2 sm:gap-3\">\r\n      <!-- \u00cdcone esquerdo -->\r\n      <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=\"flex-shrink-0 sm:w-6 sm:h-6 lg:w-7 lg:h-7 group-hover:rotate-12 transition-transform duration-300\">\r\n        <polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/>\r\n      <\/svg>\r\n      \r\n      <!-- Texto - vers\u00f5es diferentes para mobile\/desktop -->\r\n      <span class=\"block sm:hidden\">Ativar Licen\u00e7a Spark Pro<\/span>\r\n      <span class=\"hidden sm:block lg:hidden\">Ativar Minha Licen\u00e7a Spark Pro<\/span>\r\n      <span class=\"hidden lg:block\">Ativar Minha Licen\u00e7a Spark Pro Agora<\/span>\r\n      \r\n      <!-- \u00cdcone direito -->\r\n      <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\" class=\"flex-shrink-0 sm:w-5 sm:h-5 lg:w-6 lg:h-6 group-hover:translate-x-2 transition-transform duration-300\">\r\n        <path d=\"M5 12h14\"\/>\r\n        <path d=\"m12 5 7 7-7 7\"\/>\r\n      <\/svg>\r\n    <\/span>\r\n\r\n    <!-- Shine effect -->\r\n    <div class=\"absolute inset-0 -translate-x-full group-hover:translate-x-full transition-transform duration-1000 bg-gradient-to-r from-transparent via-white\/20 to-transparent skew-x-12\"><\/div>\r\n  <\/button>\r\n\r\n  <!-- Trust indicators -->\r\n  <div class=\"flex flex-wrap items-center justify-center gap-4 sm:gap-6 mt-6 sm:mt-8 text-xs sm:text-sm text-gray-400 font-geist\">\r\n    <div class=\"flex items-center gap-2\">\r\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-blue-400 flex-shrink-0 sm:w-4 sm:h-4\">\r\n        <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\r\n      <\/svg>\r\n      <span>Conex\u00e3o Segura<\/span>\r\n    <\/div>\r\n    <div class=\"flex items-center gap-2\">\r\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-blue-400 flex-shrink-0 sm:w-4 sm:h-4\">\r\n        <polyline points=\"20 6 9 17 4 12\"\/>\r\n      <\/svg>\r\n      <span>Garantia de 10 Dias<\/span>\r\n    <\/div>\r\n    <div class=\"flex items-center gap-2\">\r\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-blue-400 flex-shrink-0 sm:w-4 sm:h-4\">\r\n        <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n        <polyline points=\"12 6 12 12 16 14\"\/>\r\n      <\/svg>\r\n      <span>Ativa\u00e7\u00e3o Imediata<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* Anima\u00e7\u00e3o de gradiente *\/\r\n@keyframes gradient {\r\n  0% {\r\n    background-position: 0% 50%;\r\n  }\r\n  50% {\r\n    background-position: 100% 50%;\r\n  }\r\n  100% {\r\n    background-position: 0% 50%;\r\n  }\r\n}\r\n\r\n.animate-gradient {\r\n  animation: gradient 3s ease infinite;\r\n}\r\n\r\n\/* Ajustes para mobile *\/\r\n@media (max-width: 640px) {\r\n  button {\r\n    min-height: 56px; \/* Altura m\u00ednima para toque f\u00e1cil *\/\r\n  }\r\n}\r\n<\/style>\r\n   \r\n      \r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* Anima\u00e7\u00e3o de gradiente *\/\r\n@keyframes gradient {\r\n  0% {\r\n    background-position: 0% 50%;\r\n  }\r\n  50% {\r\n    background-position: 100% 50%;\r\n  }\r\n  100% {\r\n    background-position: 0% 50%;\r\n  }\r\n}\r\n\r\n.animate-gradient {\r\n  animation: gradient 3s ease infinite;\r\n}\r\n\r\n\/* Anima\u00e7\u00f5es existentes *\/\r\n@keyframes fade-slide {\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(20px) scale(.98);\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n    transform: translateY(0) scale(1);\r\n  }\r\n}\r\n\r\n.fade-slide {\r\n  animation: fade-slide .7s both;\r\n}\r\n\r\n\/* Pulse suave *\/\r\n@keyframes pulse {\r\n  0%, 100% {\r\n    opacity: 1;\r\n  }\r\n  50% {\r\n    opacity: 0.6;\r\n  }\r\n}\r\n\r\n.animate-pulse {\r\n  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\r\n}\r\n<\/style>\r\n  <\/main>\r\n<!-- FOOTER SIMPLIFICADO E MINIMALISTA -->\r\n<footer class=\"bg-slate-950 border-t border-slate-800\">\r\n  <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n    \r\n    <!-- Main Footer Content -->\r\n    <div class=\"py-12 lg:py-16\">\r\n      <div class=\"grid grid-cols-1 md:grid-cols-12 gap-8 lg:gap-12\">\r\n        \r\n        <!-- Brand Section - Larger -->\r\n        <div class=\"md:col-span-5\">\r\n          <a href=\"#\" class=\"inline-block mb-6\">\r\n            <img decoding=\"async\" \r\n              src=\"https:\/\/deltaprime.online\/wp-content\/uploads\/2026\/04\/logo-1.png\" \r\n              alt=\"Delta Prime\" \r\n              class=\"h-8 sm:h-10 w-auto\"\r\n            \/>\r\n          <\/a>\r\n          <p class=\"text-gray-400 text-sm leading-relaxed mb-6 max-w-md\">\r\n            Plataforma institucional de tecnologia para blindagem patrimonial com conformidade regulat\u00f3ria total.\r\n          <\/p>\r\n          \r\n          <!-- Compliance Badges - Simples -->\r\n          <div class=\"flex flex-wrap gap-3 mb-6\">\r\n            <span class=\"px-3 py-1.5 bg-slate-900 border border-slate-800 rounded text-xs text-gray-400 font-medium\">CVM<\/span>\r\n            <span class=\"px-3 py-1.5 bg-slate-900 border border-slate-800 rounded text-xs text-gray-400 font-medium\">ANBIMA<\/span>\r\n            <span class=\"px-3 py-1.5 bg-slate-900 border border-slate-800 rounded text-xs text-gray-400 font-medium\">FGC<\/span>\r\n            <span class=\"px-3 py-1.5 bg-slate-900 border border-slate-800 rounded text-xs text-gray-400 font-medium\">LGPD<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Links Sections -->\r\n        <div class=\"md:col-span-7 grid grid-cols-2 sm:grid-cols-3 gap-8\">\r\n          \r\n          <!-- Plataforma -->\r\n          <div>\r\n            <h4 class=\"text-white text-sm font-semibold mb-4\">Plataforma<\/h4>\r\n            <ul class=\"space-y-3\">\r\n              <li><a href=\"#\" class=\"text-gray-400 hover:text-gray-300 transition-colors text-sm\">Sistema Spark Pro<\/a><\/li>\r\n              <li><a href=\"#\" class=\"text-gray-400 hover:text-gray-300 transition-colors text-sm\">Dupla Intelig\u00eancia<\/a><\/li>\r\n              <li><a href=\"#\" class=\"text-gray-400 hover:text-gray-300 transition-colors text-sm\">Painel de Controle<\/a><\/li>\r\n            <\/ul>\r\n          <\/div>\r\n\r\n          <!-- Empresa -->\r\n          <div>\r\n            <h4 class=\"text-white text-sm font-semibold mb-4\">Empresa<\/h4>\r\n            <ul class=\"space-y-3\">\r\n              <li><a href=\"#\" class=\"text-gray-400 hover:text-gray-300 transition-colors text-sm\">Sobre N\u00f3s<\/a><\/li>\r\n              <li><a href=\"#\" class=\"text-gray-400 hover:text-gray-300 transition-colors text-sm\">Seguran\u00e7a<\/a><\/li>\r\n              <li><a href=\"#\" class=\"text-gray-400 hover:text-gray-300 transition-colors text-sm\">Depoimentos<\/a><\/li>\r\n            <\/ul>\r\n          <\/div>\r\n\r\n          <!-- Contato -->\r\n          <div>\r\n            <h4 class=\"text-white text-sm font-semibold mb-4\">Contato<\/h4>\r\n            <ul class=\"space-y-3\">\r\n              <li><a href=\"mailto:contato@deltaprime.com\" class=\"text-gray-400 hover:text-gray-300 transition-colors text-sm\">contato@deltaprime.com<\/a><\/li>\r\n              <li><span class=\"text-gray-400 text-sm\">S\u00e3o Paulo, SP<\/span><\/li>\r\n            <\/ul>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Legal Section -->\r\n    <div class=\"py-8 border-t border-slate-800\">\r\n      <div class=\"mb-6\">\r\n        <h5 class=\"text-white text-sm font-semibold mb-3\">DELTA PRIME TECNOLOGIA E INFRAESTRUTURA LTDA.<\/h5>\r\n        <div class=\"space-y-3 text-xs text-gray-500 leading-relaxed\">\r\n          <p>\r\n            A Delta Prime \u00e9 uma empresa provedora de tecnologia e infraestrutura de dados. N\u00e3o atuamos como institui\u00e7\u00e3o financeira, corretora de valores ou gestora de fundos.\r\n          <\/p>\r\n          <p>\r\n            O investimento em renda vari\u00e1vel no mercado internacional envolve riscos e a rentabilidade passada n\u00e3o \u00e9 garantia de resultados futuros. O Sistema de Dupla Intelig\u00eancia opera exclusivamente de forma conectada em contas sob a mesma titularidade do cliente.\r\n          <\/p>\r\n          <p>\r\n            A Delta Prime n\u00e3o recebe dep\u00f3sitos, n\u00e3o administra saldos e n\u00e3o possui permiss\u00e3o t\u00e9cnica para realizar saques do capital dos usu\u00e1rios. Para informa\u00e7\u00f5es detalhadas sobre riscos, consulte os nossos <a href=\"#\" class=\"text-gray-400 hover:text-gray-300 underline\">termos de uso<\/a>.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Bottom Bar -->\r\n    <div class=\"py-6 border-t border-slate-800\">\r\n      <div class=\"flex flex-col sm:flex-row justify-between items-center gap-4\">\r\n        <p class=\"text-gray-500 text-xs\">\r\n          \u00a9 2026 Delta Prime. Todos os Direitos Reservados.\r\n        <\/p>\r\n        <div class=\"flex flex-wrap items-center justify-center gap-4 text-xs\">\r\n          <a href=\"#\" class=\"text-gray-500 hover:text-gray-400 transition-colors\">Privacidade<\/a>\r\n          <span class=\"text-gray-700\">\u2022<\/span>\r\n          <a href=\"#\" class=\"text-gray-500 hover:text-gray-400 transition-colors\">Termos de Uso<\/a>\r\n          <span class=\"text-gray-700\">\u2022<\/span>\r\n          <a href=\"#\" class=\"text-gray-500 hover:text-gray-400 transition-colors\">Conformidade<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/footer>\r\n\r\n  <!-- JavaScript -->\r\n    <!-- JavaScript -->\r\n  <script>\r\n    \/\/ Fun\u00e7\u00e3o para abrir modal de login\/cadastro\r\n    function openLoginModal() {\r\n      \/\/ M\u00e9todo 1: Tentar clicar em um bot\u00e3o de login existente com o shortcode\r\n      const loginButton = document.querySelector('[class*=\"login_modal\"], [id*=\"login_modal\"], .login-modal-button, #login-modal-button');\r\n      if (loginButton) {\r\n        loginButton.click();\r\n        return;\r\n      }\r\n      \r\n      \/\/ M\u00e9todo 2: Procurar por modal j\u00e1 existente e abri-lo\r\n      const modal = document.querySelector('[class*=\"login-modal\"], [id*=\"login-modal\"], .modal-login, #modal-login');\r\n      if (modal) {\r\n        modal.style.display = 'block';\r\n        modal.classList.add('active', 'show');\r\n        return;\r\n      }\r\n      \r\n      \/\/ M\u00e9todo 3: Trigger evento customizado que o plugin pode estar ouvindo\r\n      const event = new CustomEvent('openLoginModal', { \r\n        bubbles: true,\r\n        detail: { action: 'login' }\r\n      });\r\n      document.dispatchEvent(event);\r\n      \r\n      console.log('Tentando abrir modal de login...');\r\n    }\r\n\r\n    \/\/ Pilares interactivity - Accordion (compat\u00edvel com Elementor)\r\n    function initAccordion() {\r\n      const cards = document.querySelectorAll('.pilar-card');\r\n      \r\n      if (cards.length === 0) {\r\n        return false;\r\n      }\r\n      \r\n      cards.forEach(card => {\r\n        \/\/ Remove listeners antigos para evitar duplica\u00e7\u00e3o\r\n        const newCard = card.cloneNode(true);\r\n        card.parentNode.replaceChild(newCard, card);\r\n      });\r\n      \r\n      \/\/ Re-seleciona os cards ap\u00f3s clonar\r\n      const freshCards = document.querySelectorAll('.pilar-card');\r\n      \r\n      freshCards.forEach(card => {\r\n        card.addEventListener('click', function(e) {\r\n          e.preventDefault();\r\n          e.stopPropagation();\r\n          \r\n          const isActive = this.classList.contains('active');\r\n          \r\n          \/\/ Fechar todos os cards\r\n          freshCards.forEach(c => {\r\n            c.classList.remove('active');\r\n            const content = c.querySelector('.pilar-content');\r\n            const arrow = c.querySelector('.pilar-arrow svg');\r\n            const number = c.querySelector('.pilar-number');\r\n            const title = c.querySelector('.pilar-title');\r\n            \r\n            if (content) {\r\n              content.style.maxHeight = '0';\r\n              content.style.opacity = '0';\r\n            }\r\n            if (arrow) {\r\n              arrow.style.transform = 'rotate(0deg)';\r\n            }\r\n            \r\n            \/\/ Reset style para cards n\u00e3o-ativos\r\n            if (c.dataset.pilar !== '3') {\r\n              c.style.background = '';\r\n              c.style.borderColor = '';\r\n              if (number) number.style.color = '';\r\n              if (title) title.style.color = '';\r\n            }\r\n          });\r\n          \r\n          \/\/ Se o card clicado n\u00e3o estava ativo, abrir ele\r\n          if (!isActive) {\r\n            this.classList.add('active');\r\n            const content = this.querySelector('.pilar-content');\r\n            const arrow = this.querySelector('.pilar-arrow svg');\r\n            const number = this.querySelector('.pilar-number');\r\n            const title = this.querySelector('.pilar-title');\r\n            \r\n            if (content) {\r\n              content.style.maxHeight = content.scrollHeight + 'px';\r\n              content.style.opacity = '1';\r\n            }\r\n            if (arrow) {\r\n              arrow.style.transform = 'rotate(180deg)';\r\n            }\r\n            \r\n            \/\/ Aplicar estilo para card ativo\r\n            if (this.dataset.pilar === '3') {\r\n              this.style.background = 'linear-gradient(to bottom right, #2563eb, #1e40af)';\r\n              this.style.borderColor = 'rgba(59, 130, 246, 0.5)';\r\n            } else {\r\n              this.style.background = 'linear-gradient(to right, rgba(59, 130, 246, 0.1), transparent)';\r\n              this.style.borderColor = 'rgba(59, 130, 246, 0.5)';\r\n              if (number) number.style.color = '#fbbf24';\r\n              if (title) title.style.color = '#60a5fa';\r\n            }\r\n          }\r\n        });\r\n      });\r\n      \r\n      \/\/ Inicializar o card 3 como expandido\r\n      const card3 = document.querySelector('[data-pilar=\"3\"]');\r\n      if (card3) {\r\n        card3.classList.add('active');\r\n        const content = card3.querySelector('.pilar-content');\r\n        const arrow = card3.querySelector('.pilar-arrow svg');\r\n        if (content) {\r\n          setTimeout(() => {\r\n            content.style.maxHeight = content.scrollHeight + 'px';\r\n            content.style.opacity = '1';\r\n          }, 100);\r\n        }\r\n        if (arrow) {\r\n          arrow.style.transform = 'rotate(180deg)';\r\n        }\r\n      }\r\n      \r\n      return true;\r\n    }\r\n    \r\n    \/\/ Inicializa\u00e7\u00e3o m\u00faltipla para garantir funcionamento no Elementor\r\n    function initialize() {\r\n      \/\/ Tenta inicializar o accordion\r\n      if (!initAccordion()) {\r\n        \/\/ Se falhou, tenta novamente ap\u00f3s 500ms\r\n        setTimeout(function() {\r\n          if (!initAccordion()) {\r\n            \/\/ Terceira tentativa ap\u00f3s mais 1s\r\n            setTimeout(initAccordion, 1000);\r\n          }\r\n        }, 500);\r\n      }\r\n    }\r\n    \r\n    \/\/ M\u00faltiplos eventos para garantir que funciona em qualquer contexto\r\n    if (document.readyState === 'loading') {\r\n      document.addEventListener('DOMContentLoaded', initialize);\r\n    } else {\r\n      initialize();\r\n    }\r\n    \r\n    \/\/ Para Elementor espec\u00edficamente\r\n    window.addEventListener('load', function() {\r\n      setTimeout(initialize, 100);\r\n    });\r\n    \r\n    \/\/ jQuery ready para WordPress\/Elementor\r\n    if (typeof jQuery !== 'undefined') {\r\n      jQuery(document).ready(function($) {\r\n        setTimeout(initialize, 200);\r\n      });\r\n    }\r\n  <\/script>\r\n\r\n<\/body><\/html>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Delta Prime A Precis\u00e3o da Intelig\u00eancia Artificial. A Valida\u00e7\u00e3o da Vis\u00e3o Estrat\u00e9gica Humana. Transformamos a complexidade do mercado internacional em um modelo pr\u00e1tico e execut\u00e1vel. A estrutura definitiva para dolarizar e proteger o seu capital com controle absoluto na sua pr\u00f3pria conta. INICIAR MINHA BLINDAGEM Agendar Atendimento O Sistema de Dupla Intelig\u00eancia: O Novo Padr\u00e3o [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-267","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/deltaprime.online\/index.php?rest_route=\/wp\/v2\/pages\/267","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/deltaprime.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/deltaprime.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/deltaprime.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/deltaprime.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=267"}],"version-history":[{"count":5,"href":"https:\/\/deltaprime.online\/index.php?rest_route=\/wp\/v2\/pages\/267\/revisions"}],"predecessor-version":[{"id":443,"href":"https:\/\/deltaprime.online\/index.php?rest_route=\/wp\/v2\/pages\/267\/revisions\/443"}],"wp:attachment":[{"href":"https:\/\/deltaprime.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=267"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}