{"id":74,"date":"2019-08-12T13:15:39","date_gmt":"2019-08-12T13:15:39","guid":{"rendered":"https:\/\/themes.muffingroup.com\/be\/seo3\/?page_id=2"},"modified":"2026-05-25T16:41:18","modified_gmt":"2026-05-25T19:41:18","slug":"saas","status":"publish","type":"page","link":"https:\/\/dadosfera.ai\/en\/saas\/","title":{"rendered":"Saas"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"74\" class=\"elementor elementor-74\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-611bd6d elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"611bd6d\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-35d26b8\" data-id=\"35d26b8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4d9cf73 elementor-widget__width-inherit elementor-fixed elementor-widget elementor-widget-html\" data-id=\"4d9cf73\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;fixed&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\r\n(function () {\r\n    'use strict';\r\n\r\n    const MOBILE_BP = 1280;\r\n\r\n    const SHADOW_CSS = `\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@600;700;800&display=swap');\r\n\r\n        :host {\r\n            all: initial;\r\n            display: block !important;\r\n            width: 100%;\r\n            font-family: 'Nunito', sans-serif;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        *, *::before, *::after {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        nav {\r\n            width: 100%;\r\n            display: flex;\r\n            justify-content: center;\r\n            padding: 20px 16px;\r\n            position: relative;\r\n            z-index: 99999;\r\n            background: transparent;\r\n        }\r\n\r\n        .nb-inner {\r\n            width: 100%;\r\n            max-width: 1400px;\r\n            background: rgba(255,255,255,0.75);\r\n            backdrop-filter: blur(12px);\r\n            -webkit-backdrop-filter: blur(12px);\r\n            border: 1px solid rgba(255,255,255,0.6);\r\n            border-radius: 60px;\r\n            padding: 10px 28px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            box-shadow: 0 8px 32px rgba(0,0,0,0.06);\r\n            position: relative;\r\n        }\r\n\r\n        \/* LOGO *\/\r\n        .nb-logo a {\r\n            display: flex;\r\n            align-items: center;\r\n            text-decoration: none;\r\n        }\r\n        .nb-logo img {\r\n            height: 42px;\r\n            width: auto;\r\n            display: block;\r\n            max-width: none !important;\r\n        }\r\n\r\n        \/* HAMBURGER *\/\r\n        .nb-toggle {\r\n            display: none;\r\n            background: none;\r\n            border: none;\r\n            cursor: pointer;\r\n            padding: 4px;\r\n        }\r\n        .nb-toggle svg {\r\n            display: block;\r\n            stroke: #0b032d;\r\n        }\r\n\r\n        \/* RIGHT CONTENT *\/\r\n        .nb-content {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 28px;\r\n        }\r\n\r\n        \/* MAIN LINKS *\/\r\n        ul.nb-links {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 4px;\r\n            list-style: none;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        ul.nb-links > li {\r\n            position: relative;\r\n            list-style: none;\r\n        }\r\n\r\n        ul.nb-links > li > a {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 5px;\r\n            padding: 8px 12px;\r\n            font-size: 15px;\r\n            font-weight: 700;\r\n            color: #0b032d;\r\n            text-decoration: none;\r\n            white-space: nowrap;\r\n            border-radius: 8px;\r\n            transition: background 0.2s;\r\n            cursor: pointer;\r\n        }\r\n\r\n        ul.nb-links > li > a:hover,\r\n        ul.nb-links > li.nb-open > a {\r\n            background: rgba(23,0,162,0.06);\r\n        }\r\n\r\n        \/* DROPDOWN 1st LEVEL *\/\r\n        .nb-drop {\r\n            display: none;\r\n            position: absolute;\r\n            top: 100%;\r\n            left: 0;\r\n            padding-top: 10px;\r\n            min-width: 210px;\r\n            z-index: 100000;\r\n            list-style: none;\r\n            margin: 0;\r\n        }\r\n\r\n        .nb-drop-inner {\r\n            background: #ffffff;\r\n            border-radius: 14px;\r\n            box-shadow: 0 12px 36px rgba(0,0,0,0.12);\r\n            padding: 8px 0;\r\n            list-style: none;\r\n            margin: 0;\r\n        }\r\n\r\n        ul.nb-links > li.nb-open > .nb-drop {\r\n            display: block;\r\n        }\r\n\r\n        .nb-drop-inner li {\r\n            list-style: none;\r\n            position: relative;\r\n        }\r\n\r\n        .nb-drop-inner li a {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 5px;\r\n            padding: 10px 20px;\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            color: #4a5568;\r\n            text-decoration: none;\r\n            white-space: nowrap;\r\n            transition: background 0.2s, color 0.2s;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .nb-drop-inner li a:hover {\r\n            background: #f4f5ff;\r\n            color: #1700a2;\r\n        }\r\n\r\n        \/* BUTTONS *\/\r\n        .nb-actions {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n        }\r\n\r\n        .nb-btn {\r\n            padding: 10px 22px;\r\n            border-radius: 40px;\r\n            font-size: 14px;\r\n            font-weight: 700;\r\n            text-decoration: none;\r\n            white-space: nowrap;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            transition: all 0.25s;\r\n            cursor: pointer;\r\n            border: none;\r\n            animation: none !important;\r\n        }\r\n\r\n        .nb-btn-outline {\r\n            border: 1px solid #1700a2;\r\n            color: #1700a2;\r\n            background: transparent;\r\n        }\r\n        .nb-btn-outline:hover { background: rgba(23,0,162,0.06); }\r\n\r\n        .nb-btn-solid {\r\n            background: #1700a2;\r\n            color: #fff;\r\n        }\r\n        .nb-btn-solid:hover { background: #0d003b; }\r\n\r\n        \/* LANGUAGE \u2014 desktop *\/\r\n        .nb-lang {\r\n            position: relative;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .nb-lang-flag {\r\n            height: 24px;\r\n            border-radius: 4px;\r\n            display: block;\r\n            max-width: none !important;\r\n        }\r\n\r\n        .nb-lang-flag-wrap {\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        .nb-lang-flag-wrap svg {\r\n            display: none;\r\n        }\r\n\r\n        .nb-lang-drop {\r\n            display: none;\r\n            position: absolute;\r\n            right: 0;\r\n            top: 100%;\r\n            padding-top: 8px;\r\n            z-index: 100000;\r\n            list-style: none;\r\n            margin: 0;\r\n        }\r\n\r\n        .nb-lang-drop-inner {\r\n            background: #fff;\r\n            padding: 6px;\r\n            border-radius: 10px;\r\n            box-shadow: 0 8px 20px rgba(0,0,0,0.1);\r\n            list-style: none;\r\n            margin: 0;\r\n        }\r\n\r\n        .nb-lang.nb-open .nb-lang-drop { display: block; }\r\n\r\n        .nb-lang-drop-inner li { list-style: none; }\r\n\r\n        .nb-lang-drop-inner li a {\r\n            display: flex;\r\n            padding: 4px;\r\n        }\r\n\r\n        \/* CLOSE *\/\r\n        .nb-close { display: none; }\r\n\r\n        \/* \u2500\u2500 MOBILE \u2500\u2500 *\/\r\n        @media (max-width: ${MOBILE_BP}px) {\r\n            .nb-toggle {\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n            }\r\n\r\n            .nb-content {\r\n                display: none;\r\n                position: fixed;\r\n                top: 0;\r\n                right: 0;\r\n                width: 300px;\r\n                height: 100vh;\r\n                background: #fff;\r\n                flex-direction: column;\r\n                align-items: flex-start;\r\n                padding: 72px 24px 32px;\r\n                gap: 20px;\r\n                overflow-y: auto;\r\n                box-shadow: -4px 0 30px rgba(0,0,0,0.12);\r\n                z-index: 999999;\r\n            }\r\n\r\n            .nb-content.open { display: flex; }\r\n\r\n            .nb-close {\r\n                display: block;\r\n                position: absolute;\r\n                top: 18px;\r\n                right: 18px;\r\n                background: none;\r\n                border: none;\r\n                cursor: pointer;\r\n                padding: 4px;\r\n            }\r\n\r\n            ul.nb-links {\r\n                flex-direction: column;\r\n                align-items: flex-start;\r\n                width: 100%;\r\n                gap: 0;\r\n            }\r\n\r\n            ul.nb-links > li { width: 100%; }\r\n\r\n            ul.nb-links > li > a {\r\n                width: 100%;\r\n                padding: 12px 8px;\r\n                border-bottom: 1px solid #f0f0f0;\r\n                border-radius: 0;\r\n            }\r\n\r\n            .nb-drop {\r\n                position: static;\r\n                padding: 0;\r\n                box-shadow: none;\r\n            }\r\n\r\n            .nb-drop-inner {\r\n                box-shadow: none;\r\n                border-radius: 0;\r\n                padding: 0 0 0 16px;\r\n                border-left: 2px solid #e8eaff;\r\n                margin: 4px 0 4px 12px;\r\n            }\r\n\r\n            .nb-actions {\r\n                flex-direction: column;\r\n                width: 100%;\r\n            }\r\n\r\n            .nb-btn {\r\n                width: 100%;\r\n                justify-content: center;\r\n            }\r\n\r\n            \/* Language mobile *\/\r\n            .nb-lang {\r\n                width: 100%;\r\n            }\r\n\r\n            .nb-lang-flag-wrap {\r\n                display: flex;\r\n                align-items: center;\r\n                gap: 8px;\r\n                padding: 10px 8px;\r\n                border-top: 1px solid #f0f0f0;\r\n                width: 100%;\r\n                cursor: pointer;\r\n                user-select: none;\r\n            }\r\n\r\n            .nb-lang-flag-wrap svg {\r\n                display: block;\r\n                margin-left: auto;\r\n                transition: transform 0.25s;\r\n            }\r\n\r\n            .nb-lang.nb-open .nb-lang-flag-wrap svg {\r\n                transform: rotate(180deg);\r\n            }\r\n\r\n            .nb-lang-drop {\r\n                position: static;\r\n                padding: 0;\r\n                width: 100%;\r\n            }\r\n\r\n            .nb-lang-drop-inner {\r\n                box-shadow: none;\r\n                border-radius: 0;\r\n                padding: 0 0 0 16px;\r\n                border-left: 2px solid #e8eaff;\r\n                margin: 0 0 4px 12px;\r\n            }\r\n\r\n            .nb-lang-drop-inner li a {\r\n                padding: 8px 4px;\r\n                display: flex;\r\n                align-items: center;\r\n            }\r\n        }\r\n    `;\r\n\r\n    const SHADOW_HTML = `\r\n        <nav>\r\n            <div class=\"nb-inner\">\r\n\r\n                <div class=\"nb-logo\">\r\n                    <a href=\"https:\/\/dadosfera.ai\/en\/\">\r\n                        <img decoding=\"async\" src=\"https:\/\/dadosfera.info\/dev\/wp-content\/uploads\/2026\/02\/Logo_Dadosfera.svg\" alt=\"Dadosfera\">\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <button class=\"nb-toggle\" id=\"nbToggle\" aria-label=\"Open menu\">\r\n                    <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0b032d\" stroke-width=\"2.5\">\r\n                        <line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/><line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"\/><line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"\/>\r\n                    <\/svg>\r\n                <\/button>\r\n\r\n                <div class=\"nb-content\" id=\"nbContent\">\r\n\r\n                    <button class=\"nb-close\" id=\"nbClose\" aria-label=\"Close menu\">\r\n                        <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0b032d\" stroke-width=\"2.5\">\r\n                            <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n\r\n                    <ul class=\"nb-links\">\r\n                        <li>\r\n                            <a href=\"#\">Product <svg width=\"10\" height=\"6\" viewBox=\"0 0 10 6\" fill=\"none\"><path d=\"M1 1L5 5L9 1\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n                            <ul class=\"nb-drop\">\r\n                                <ul class=\"nb-drop-inner\">\r\n                                    <li><a href=\"https:\/\/dadosfera.ai\/en\/saas\/\">SaaS Platform<\/a><\/li>\r\n                                    <li><a href=\"https:\/\/mkthb.dadosfera.ai\/en\/dataapps-solutions-autodriveddf\/wdec?_gl=1*115aclw*_gcl_au*Mjg2NTU5NDUyLjE3NzQ5MDg4NjU.\" target=\"_blank\">AutoDriveDDF<\/a><\/li>\r\n                                <\/ul>\r\n                            <\/ul>\r\n                        <\/li>\r\n                        <li>\r\n                            <a href=\"#\">Contact <svg width=\"10\" height=\"6\" viewBox=\"0 0 10 6\" fill=\"none\"><path d=\"M1 1L5 5L9 1\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n                            <ul class=\"nb-drop\">\r\n                                <ul class=\"nb-drop-inner\">\r\n                                    <li><a href=\"https:\/\/share.hsforms.com\/1IoRmplXrQdKJkcCuVSM-Yg32djp\" target=\"_blank\" rel=\"noopener\">Talk to Us<\/a><\/li>\r\n                                    <li><a href=\"https:\/\/suporte.dadosfera.ai\/hc\/pt-br\" target=\"_blank\">Support<\/a><\/li>\r\n                                <\/ul>\r\n                            <\/ul>\r\n                        <\/li>\r\n                        <li>\r\n                            <a href=\"#\">About Us <svg width=\"10\" height=\"6\" viewBox=\"0 0 10 6\" fill=\"none\"><path d=\"M1 1L5 5L9 1\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n                            <ul class=\"nb-drop\">\r\n                                <ul class=\"nb-drop-inner\">\r\n                                    <li><a href=\"https:\/\/dadosfera.ai\/en\/about-us\/\">Who we are<\/a><\/li>\r\n                                <\/ul>\r\n                            <\/ul>\r\n                        <\/li>\r\n                        <li><a href=\"https:\/\/mkthb.dadosfera.ai\/en\/dadosfera-careers?_gl=1*8dkyai*_gcl_au*Mjg2NTU5NDUyLjE3NzQ5MDg4NjU.\" target=\"_blank\">Careers<\/a><\/li>\r\n                    <\/ul>\r\n\r\n                    <div class=\"nb-actions\">\r\n                        <a href=\"https:\/\/app.dadosfera.ai\/pt-BR\/auth\/login?customer_id=&next=%2F%3F_gl%3D1*11gaqgg*_gcl_au*Mjg2NTU5NDUyLjE3NzQ5MDg4NjU.\" class=\"nb-btn nb-btn-outline\">Login<\/a>\r\n                        <a href=\"https:\/\/share.hsforms.com\/1IoRmplXrQdKJkcCuVSM-Yg32djp\" class=\"nb-btn nb-btn-solid\">Request a Demo<\/a>\r\n\r\n                        <div class=\"nb-lang\" id=\"nbLang\">\r\n                            <div class=\"nb-lang-flag-wrap\" id=\"nbLangTrigger\">\r\n                                <img decoding=\"async\" src=\"https:\/\/dadosfera.info\/dev\/wp-content\/uploads\/2026\/03\/image-25.svg\" class=\"nb-lang-flag\" alt=\"EN\">\r\n                                <svg width=\"10\" height=\"6\" viewBox=\"0 0 10 6\" fill=\"none\">\r\n                                    <path d=\"M1 1L5 5L9 1\" stroke=\"#0b032d\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <ul class=\"nb-lang-drop\">\r\n                                <ul class=\"nb-lang-drop-inner\">\r\n                                    <li>\r\n                                        <a href=\"https:\/\/dadosfera.info\/dev\/\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/dadosfera.info\/dev\/wp-content\/uploads\/2026\/03\/PT.png.svg\" class=\"nb-lang-flag\" alt=\"PT\">\r\n                                        <\/a>\r\n                                    <\/li>\r\n                                <\/ul>\r\n                            <\/ul>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/nav>\r\n    `;\r\n\r\n    class DdfNav extends HTMLElement {\r\n        constructor() {\r\n            super();\r\n            this._shadow = this.attachShadow({ mode: 'open' });\r\n        }\r\n\r\n        connectedCallback() {\r\n            this._render();\r\n            this._initJS();\r\n        }\r\n\r\n        _render() {\r\n            this._shadow.innerHTML = `<style>${SHADOW_CSS}<\/style>${SHADOW_HTML}`;\r\n        }\r\n\r\n        _initJS() {\r\n            const s = this._shadow;\r\n\r\n            const toggle  = s.getElementById('nbToggle');\r\n            const close   = s.getElementById('nbClose');\r\n            const content = s.getElementById('nbContent');\r\n\r\n            function closePanel() {\r\n                content.classList.remove('open');\r\n            }\r\n\r\n            if (toggle) toggle.addEventListener('click', function (e) {\r\n                e.stopPropagation();\r\n                content.classList.add('open');\r\n            });\r\n            if (close) close.addEventListener('click', function (e) {\r\n                e.stopPropagation();\r\n                closePanel();\r\n            });\r\n\r\n            document.addEventListener('pointerdown', (e) => {\r\n                if (!content.classList.contains('open')) return;\r\n\r\n                const x = e.clientX;\r\n                const y = e.clientY;\r\n\r\n                const panelRect  = content.getBoundingClientRect();\r\n                const toggleRect = toggle.getBoundingClientRect();\r\n\r\n                const inPanel =\r\n                    x >= panelRect.left && x <= panelRect.right &&\r\n                    y >= panelRect.top  && y <= panelRect.bottom;\r\n\r\n                const inToggle =\r\n                    x >= toggleRect.left && x <= toggleRect.right &&\r\n                    y >= toggleRect.top  && y <= toggleRect.bottom;\r\n\r\n                if (!inPanel && !inToggle) closePanel();\r\n            });\r\n\r\n            s.querySelectorAll('a[href]').forEach(function (a) {\r\n                const href = a.getAttribute('href');\r\n                const hasDrop = a.nextElementSibling &&\r\n                    (a.nextElementSibling.classList.contains('nb-drop') ||\r\n                     a.nextElementSibling.classList.contains('nb-subdrop'));\r\n\r\n                if (href && href !== '#' && !hasDrop) {\r\n                    a.addEventListener('click', function () {\r\n                        if (window.innerWidth <= MOBILE_BP) {\r\n                            closePanel();\r\n                        }\r\n                    });\r\n                }\r\n            });\r\n\r\n            function bindMobileClick(selector) {\r\n                s.querySelectorAll(selector).forEach(function (li) {\r\n                    const link = li.querySelector(':scope > a');\r\n                    const drop = li.querySelector(':scope > .nb-drop, :scope > .nb-subdrop');\r\n                    if (!link || !drop) return;\r\n\r\n                    link.addEventListener('click', function (e) {\r\n                        if (window.innerWidth <= MOBILE_BP) {\r\n                            e.preventDefault();\r\n                            e.stopPropagation();\r\n                            const isOpen = li.classList.contains('nb-open');\r\n                            li.parentElement.querySelectorAll(':scope > li.nb-open').forEach(function (el) {\r\n                                el.classList.remove('nb-open');\r\n                            });\r\n                            if (!isOpen) li.classList.add('nb-open');\r\n                        }\r\n                    });\r\n                });\r\n            }\r\n\r\n            bindMobileClick('ul.nb-links > li');\r\n            bindMobileClick('.nb-drop-inner > li');\r\n\r\n            function bindDesktopHover(selector) {\r\n                s.querySelectorAll(selector).forEach(function (li) {\r\n                    let timer;\r\n                    li.addEventListener('mouseenter', function () {\r\n                        if (window.innerWidth <= MOBILE_BP) return;\r\n                        clearTimeout(timer);\r\n                        li.parentElement.querySelectorAll(':scope > li.nb-open').forEach(function (other) {\r\n                            if (other !== li) other.classList.remove('nb-open');\r\n                        });\r\n                        li.classList.add('nb-open');\r\n                    });\r\n                    li.addEventListener('mouseleave', function () {\r\n                        if (window.innerWidth <= MOBILE_BP) return;\r\n                        timer = setTimeout(function () { li.classList.remove('nb-open'); }, 80);\r\n                    });\r\n                });\r\n            }\r\n\r\n            bindDesktopHover('ul.nb-links > li');\r\n            bindDesktopHover('.nb-drop-inner > li');\r\n\r\n            const lang    = s.getElementById('nbLang');\r\n            const trigger = s.getElementById('nbLangTrigger');\r\n\r\n            if (lang && trigger) {\r\n                let lt;\r\n\r\n                lang.addEventListener('mouseenter', function () {\r\n                    if (window.innerWidth <= MOBILE_BP) return;\r\n                    clearTimeout(lt);\r\n                    lang.classList.add('nb-open');\r\n                });\r\n                lang.addEventListener('mouseleave', function () {\r\n                    if (window.innerWidth <= MOBILE_BP) return;\r\n                    lt = setTimeout(function () { lang.classList.remove('nb-open'); }, 80);\r\n                });\r\n\r\n                trigger.addEventListener('click', function (e) {\r\n                    if (window.innerWidth > MOBILE_BP) return;\r\n                    e.stopPropagation();\r\n                    lang.classList.toggle('nb-open');\r\n                });\r\n            }\r\n        }\r\n    }\r\n\r\n    if (!customElements.get('ddf-nav')) {\r\n        customElements.define('ddf-nav', DdfNav);\r\n    }\r\n\r\n})();\r\n<\/script>\r\n\r\n<ddf-nav><\/ddf-nav>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-570d26a elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"570d26a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-db32995\" data-id=\"db32995\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1fa2713 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"1fa2713\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n<style>\r\n\/* ============================================================\r\n   BLINDAGEM GLOBAL PARA ELEMENTOR \/ TEMAS\r\n   ============================================================ *\/\r\n.ddf-unified-wrapper {\r\n  --white: #ffffff;\r\n  --aurora-accent: #3BBFF0;\r\n  --title-color: #1700A2;\r\n  --text-color: #0D003B;\r\n  --muted: #4b5563;\r\n  --muted-soft: #6B7280;\r\n  --card-border: #ECECF2;\r\n  --card-border-hover: #D7D7E2;\r\n  --bg-neutral: #F2EFF4;\r\n  --bg-soft: #F7F8FC;\r\n  --chart-bar-1: #C9CCEC;\r\n  --chart-bar-2: #1700A2;\r\n  --chart-area: rgba(23, 0, 162, 0.18);\r\n  --chart-grid: #E6E7F0;\r\n  --bg-white: #ffffff;\r\n\r\n  width: 100%;\r\n  overflow-x: hidden;\r\n  font-family: 'Nunito', system-ui, -apple-system, sans-serif !important;\r\n  color: var(--text-color);\r\n  background: var(--white);\r\n  -webkit-font-smoothing: antialiased;\r\n  text-rendering: optimizeLegibility;\r\n  line-height: normal;\r\n}\r\n\r\n.ddf-unified-wrapper *, \r\n.ddf-unified-wrapper *::before, \r\n.ddf-unified-wrapper *::after { \r\n  box-sizing: border-box !important; \r\n  margin: 0; \r\n  padding: 0; \r\n}\r\n\r\n\/* Blinda Textos e T\u00edtulos *\/\r\n.ddf-unified-wrapper h1, \r\n.ddf-unified-wrapper h2, \r\n.ddf-unified-wrapper h3, \r\n.ddf-unified-wrapper h4, \r\n.ddf-unified-wrapper h5, \r\n.ddf-unified-wrapper p, \r\n.ddf-unified-wrapper span, \r\n.ddf-unified-wrapper a {\r\n  font-family: inherit !important;\r\n  text-decoration: none !important;\r\n  letter-spacing: normal;\r\n  text-transform: none;\r\n  box-shadow: none !important;\r\n}\r\n\r\n\/* Blinda Listas *\/\r\n.ddf-unified-wrapper ul,\r\n.ddf-unified-wrapper li { \r\n  list-style: none !important; \r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n\/* Blinda Imagens *\/\r\n.ddf-unified-wrapper img { \r\n  max-width: 100% !important; \r\n  height: auto !important; \r\n  display: block !important; \r\n  border: none !important; \r\n  box-shadow: none !important; \r\n  border-radius: 0; \r\n  margin: 0 !important; \r\n  padding: 0 !important; \r\n  background: transparent !important; \r\n}\r\n\r\n\/* Blinda SVGs (\u00cdcones) *\/\r\n.ddf-unified-wrapper svg {\r\n  display: block !important;\r\n  max-width: none !important;\r\n  max-height: none !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  background: transparent !important;\r\n  box-shadow: none !important;\r\n}\r\n\r\n\/* Blinda Bot\u00f5es (Remove padding e min-width do Elementor) *\/\r\n.ddf-unified-wrapper button {\r\n  appearance: none !important;\r\n  -webkit-appearance: none !important;\r\n  background: transparent;\r\n  border: none;\r\n  outline: none !important;\r\n  box-shadow: none !important;\r\n  padding: 0 !important;\r\n  margin: 0 !important;\r\n  min-width: 0 !important;\r\n  min-height: 0 !important;\r\n  cursor: pointer;\r\n}\r\n\r\n\/* ============================================================\r\n   ESTILOS ESPEC\u00cdFICOS DOS COMPONENTES\r\n   ============================================================ *\/\r\n\r\n.ddf-unified-wrapper .section { width: 100%; padding: 5.5rem 1.5rem; }\r\n.ddf-unified-wrapper .section--neutral { background: var(--bg-neutral); }\r\n.ddf-unified-wrapper .section--white   { background: var(--white); }\r\n\r\n.ddf-unified-wrapper .container { max-width: 1200px; margin: 0 auto; width: 100%; }\r\n\r\n.ddf-unified-wrapper .eyebrow {\r\n  display: inline-block; color: var(--aurora-accent); text-transform: uppercase;\r\n  letter-spacing: 0.16em; font-weight: 800; font-size: 0.8rem; margin-bottom: 1rem;\r\n}\r\n.ddf-unified-wrapper .section-title {\r\n  color: var(--title-color) !important; font-weight: 600 !important; font-size: clamp(1.65rem, 2.6vw, 2.25rem) !important;\r\n  line-height: 1.2 !important; margin: 0 0 1rem !important; letter-spacing: -0.005em; text-wrap: balance;\r\n}\r\n.ddf-unified-wrapper .section-lead {\r\n  color: var(--muted) !important; font-size: 1rem !important; line-height: 1.65 !important; font-weight: 400 !important; margin: 0 !important; max-width: 60ch;\r\n}\r\n\r\n\/* HERO *\/\r\n.ddf-unified-wrapper .hero {\r\n  padding: 10rem 1.5rem 5.5rem;\r\n  background:\r\n    radial-gradient(1200px 600px at 80% -10%, rgba(59, 191, 240, 0.10), transparent 60%),\r\n    radial-gradient(900px 500px at -10% 110%, rgba(23, 0, 162, 0.06), transparent 60%),\r\n    var(--white);\r\n}\r\n.ddf-unified-wrapper .hero-inner {\r\n  max-width: 1200px; margin: 0 auto; display: grid;\r\n  grid-template-columns: 1.1fr 1fr; gap: 3rem; align-items: center;\r\n}\r\n.ddf-unified-wrapper .hero-kicker { color: var(--aurora-accent) !important; font-weight: 700 !important; font-size: 0.95rem !important; margin: 0 0 0.85rem !important; letter-spacing: 0.02em !important; }\r\n.ddf-unified-wrapper .hero-title { color: var(--title-color) !important; font-weight: 600 !important; font-size: clamp(2rem, 3.6vw, 3rem) !important; line-height: 1.1 !important; letter-spacing: -0.015em !important; margin: 0 0 1.2rem !important; text-wrap: balance; }\r\n.ddf-unified-wrapper .hero-sub { color: var(--muted) !important; font-size: 1.05rem !important; line-height: 1.6 !important; margin: 0 0 2rem !important; max-width: 540px; }\r\n.ddf-unified-wrapper .hero-actions { display: flex; gap: 0.85rem; flex-wrap: wrap; }\r\n\r\n.ddf-unified-wrapper .btn {\r\n  display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 0.5rem !important;\r\n  padding: 0.95rem 1.6rem !important; border-radius: 999px !important; font-family: inherit !important; font-weight: 700 !important;\r\n  font-size: 0.95rem !important; border: 1px solid transparent !important; cursor: pointer !important;\r\n  transition: background 200ms ease, color 200ms ease, border-color 200ms ease, transform 200ms ease !important;\r\n}\r\n.ddf-unified-wrapper .btn-primary { background: var(--title-color) !important; color: var(--white) !important; }\r\n.ddf-unified-wrapper .btn-primary:hover { background: #0D003B !important; transform: translateY(-1px) !important; }\r\n.ddf-unified-wrapper .btn-ghost { background: transparent !important; color: var(--title-color) !important; border-color: #D7DAE8 !important; }\r\n.ddf-unified-wrapper .btn-ghost:hover { border-color: var(--title-color) !important; }\r\n.ddf-unified-wrapper .btn svg { width: 16px !important; height: 16px !important; }\r\n\r\n\/* FEATURE *\/\r\n.ddf-unified-wrapper .feature { width: 100%; padding: 5.5rem 1.5rem; }\r\n.ddf-unified-wrapper .feature--neutral { background: var(--bg-neutral); }\r\n.ddf-unified-wrapper .feature--white   { background: var(--white); }\r\n.ddf-unified-wrapper .feature-inner {\r\n  max-width: 1200px; margin: 0 auto; display: grid;\r\n  grid-template-columns: 1fr 1.05fr; gap: 4rem; align-items: center;\r\n}\r\n.ddf-unified-wrapper .feature--reverse .feature-inner { grid-template-columns: 1.05fr 1fr; }\r\n.ddf-unified-wrapper .feature--reverse .feature-copy   { order: 2; }\r\n.ddf-unified-wrapper .feature--reverse .feature-visual { order: 1; }\r\n.ddf-unified-wrapper .feature-copy { max-width: 520px; }\r\n.ddf-unified-wrapper .feature-bullets { margin: 1.75rem 0 0 !important; display: flex !important; flex-direction: column !important; gap: 0.85rem !important; }\r\n.ddf-unified-wrapper .feature-bullets li { display: flex !important; align-items: flex-start !important; gap: 0.75rem !important; color: var(--muted) !important; font-size: 0.95rem !important; line-height: 1.5 !important; }\r\n.ddf-unified-wrapper .feature-bullets li::before {\r\n  content: \"\"; flex-shrink: 0; width: 18px; height: 18px; margin-top: 2px; border-radius: 50%;\r\n  background: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'\/><\/svg>\") center \/ 11px no-repeat, var(--title-color);\r\n}\r\n\r\n\/* VIZ SHELL *\/\r\n.ddf-unified-wrapper .viz {\r\n  position: relative; background: var(--white); border: 1px solid var(--card-border); border-radius: 22px;\r\n  box-shadow: 0 30px 60px -30px rgba(13, 0, 59, 0.22), 0 10px 24px -12px rgba(13, 0, 59, 0.08);\r\n  overflow: hidden; min-height: 380px; display: flex; flex-direction: column;\r\n}\r\n.ddf-unified-wrapper .viz-head {\r\n  display: flex; align-items: center; gap: 0.5rem; padding: 0.85rem 1rem;\r\n  border-bottom: 1px solid #F1F2F7; background: linear-gradient(180deg, #FAFAFD, var(--white));\r\n}\r\n.ddf-unified-wrapper .viz-head .dot { width: 9px; height: 9px; border-radius: 50%; background: #E1E3EF; }\r\n.ddf-unified-wrapper .viz-head .dot:nth-child(2) { background: #E8E9F2; }\r\n.ddf-unified-wrapper .viz-head .dot:nth-child(3) { background: #EDEEF5; }\r\n.ddf-unified-wrapper .viz-head .title { margin-left: 0.5rem; font-size: 0.78rem; font-weight: 700; color: var(--text-color); letter-spacing: 0.02em; }\r\n.ddf-unified-wrapper .viz-head .pill { margin-left: auto; font-size: 0.7rem; font-weight: 700; color: var(--aurora-accent); background: rgba(59, 191, 240, 0.12); padding: 4px 10px; border-radius: 999px; letter-spacing: 0.06em; text-transform: uppercase; }\r\n.ddf-unified-wrapper .viz-body { padding: 1.25rem; flex: 1; display: flex; flex-direction: column; }\r\n\r\n\/* HERO VISUAL *\/\r\n.ddf-unified-wrapper .hero-visual { position: relative; height: 480px; }\r\n.ddf-unified-wrapper .orbit-stage { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }\r\n.ddf-unified-wrapper .orbit { position: relative; width: 100%; max-width: 460px; aspect-ratio: 1 \/ 1; }\r\n.ddf-unified-wrapper .orbit-ring { position: absolute; inset: 0; border: 1.5px dashed rgba(23, 0, 162, 0.18); border-radius: 50%; }\r\n.ddf-unified-wrapper .orbit-ring--inner { inset: 18%; border-color: rgba(59, 191, 240, 0.32); }\r\n.ddf-unified-wrapper .orbit-ring--outer { inset: -6%; border-color: rgba(23, 0, 162, 0.10); }\r\n.ddf-unified-wrapper .orbit-core { position: absolute; inset: 32%; background: transparent; display: flex; align-items: center; justify-content: center; }\r\n.ddf-unified-wrapper .orbit-core::before { content: \"\"; position: absolute; inset: -8%; border-radius: 50%; background: radial-gradient(closest-side, rgba(59, 191, 240, 0.28), transparent 70%); z-index: -1; }\r\n.ddf-unified-wrapper .orbit-core .badge-img { width: 100%; height: 100%; object-fit: contain; }\r\n.ddf-unified-wrapper .orbit-node { position: absolute; width: 56px; height: 56px; background: var(--white); border: 1px solid var(--card-border); border-radius: 16px; display: flex; align-items: center; justify-content: center; color: var(--title-color); box-shadow: 0 14px 28px -16px rgba(13, 0, 59, 0.22); transform: translate(-50%, -50%); opacity: 0; transition: opacity 700ms ease, transform 700ms cubic-bezier(.2,.7,.2,1); }\r\n.ddf-unified-wrapper .orbit-node svg { width: 24px !important; height: 24px !important; }\r\n.ddf-unified-wrapper .is-visible .orbit-node { opacity: 1; }\r\n.ddf-unified-wrapper .orbit-node--1 { top: 6%;  left: 50%; }\r\n.ddf-unified-wrapper .orbit-node--2 { top: 26%; left: 92%; }\r\n.ddf-unified-wrapper .orbit-node--3 { top: 74%; left: 92%; }\r\n.ddf-unified-wrapper .orbit-node--4 { top: 94%; left: 50%; }\r\n.ddf-unified-wrapper .orbit-node--5 { top: 74%; left: 8%; }\r\n.ddf-unified-wrapper .orbit-node--6 { top: 26%; left: 8%; }\r\n@keyframes orbit-float {\r\n  0%, 100% { transform: translate(-50%, -50%) translateY(0); }\r\n  50%        { transform: translate(-50%, -50%) translateY(-6px); }\r\n}\r\n.ddf-unified-wrapper .is-visible .orbit-node--1 { animation: orbit-float 6.5s ease-in-out 0.2s infinite; }\r\n.ddf-unified-wrapper .is-visible .orbit-node--2 { animation: orbit-float 6.5s ease-in-out 0.8s infinite; }\r\n.ddf-unified-wrapper .is-visible .orbit-node--3 { animation: orbit-float 6.5s ease-in-out 1.4s infinite; }\r\n.ddf-unified-wrapper .is-visible .orbit-node--4 { animation: orbit-float 6.5s ease-in-out 2.0s infinite; }\r\n.ddf-unified-wrapper .is-visible .orbit-node--5 { animation: orbit-float 6.5s ease-in-out 2.6s infinite; }\r\n.ddf-unified-wrapper .is-visible .orbit-node--6 { animation: orbit-float 6.5s ease-in-out 3.2s infinite; }\r\n.ddf-unified-wrapper .orbit-beams { position: absolute; inset: 0; pointer-events: none; }\r\n.ddf-unified-wrapper .orbit-beams path { stroke: rgba(23, 0, 162, 0.25); stroke-width: 1.2; fill: none; stroke-dasharray: 4 6; opacity: 0; transition: opacity 800ms ease; }\r\n.ddf-unified-wrapper .is-visible .orbit-beams path { opacity: 1; }\r\n.ddf-unified-wrapper .orbit-beams .pulse { fill: var(--aurora-accent); }\r\n\r\n\/* PIPELINE *\/\r\n.ddf-unified-wrapper .pipeline-wrap { margin-top: 3rem; background: var(--white); border: 1px solid var(--card-border); border-radius: 24px; padding: 2.5rem 2rem; box-shadow: 0 30px 60px -40px rgba(13, 0, 59, 0.18); }\r\n.ddf-unified-wrapper .pipeline { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; position: relative; align-items: stretch; }\r\n.ddf-unified-wrapper .pipe-stage { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0 1rem; z-index: 2; }\r\n.ddf-unified-wrapper .pipe-stage .stage-icon { width: 64px; height: 64px; border-radius: 50%; background: var(--white); border: 2px solid var(--card-border); display: flex; align-items: center; justify-content: center; color: var(--title-color); box-shadow: 0 0 0 6px var(--white); margin-bottom: 1.1rem; position: relative; z-index: 2; transition: border-color 400ms ease, background 400ms ease, color 400ms ease, transform 400ms ease; }\r\n.ddf-unified-wrapper .pipe-stage .stage-icon svg { width: 28px !important; height: 28px !important; }\r\n.ddf-unified-wrapper .pipe-stage.is-on .stage-icon { background: var(--title-color); border-color: var(--title-color); color: var(--white); transform: scale(1.04); }\r\n.ddf-unified-wrapper .pipe-stage h4 { font-size: 0.92rem; font-weight: 800; margin: 0 0 0.35rem; color: var(--text-color); }\r\n.ddf-unified-wrapper .pipe-stage p { font-size: 0.82rem; line-height: 1.45; color: var(--muted); }\r\n.ddf-unified-wrapper .pipe-line { position: absolute; top: 32px; left: 8%; right: 8%; height: 2px; background: var(--card-border); z-index: 1; }\r\n.ddf-unified-wrapper .pipe-line .pipe-fill { position: absolute; inset: 0; width: 0%; background: linear-gradient(90deg, var(--title-color), var(--aurora-accent)); transition: width 1.6s cubic-bezier(.4, 0, .2, 1); }\r\n.ddf-unified-wrapper .is-visible .pipe-line .pipe-fill { width: 100%; }\r\n.ddf-unified-wrapper .pipe-traveler { position: absolute; top: 28px; left: 8%; width: 12px; height: 12px; border-radius: 50%; background: var(--aurora-accent); box-shadow: 0 0 0 5px rgba(59, 191, 240, 0.22); opacity: 0; }\r\n.ddf-unified-wrapper .is-visible .pipe-traveler { animation: pipe-travel 6s linear 0.6s infinite; opacity: 1; }\r\n@keyframes pipe-travel { 0% { left: 8%; } 100% { left: 92%; } }\r\n\r\n\/* CONNECTORS *\/\r\n.ddf-unified-wrapper .connectors-stage { position: relative; padding: 1.5rem; min-height: 360px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.85rem; align-content: center; }\r\n.ddf-unified-wrapper .connector { position: relative; background: var(--bg-soft); border: 1px solid var(--card-border); border-radius: 14px; padding: 0.95rem 0.85rem; display: flex; flex-direction: column; gap: 0.5rem; align-items: flex-start; opacity: 0; transform: translateY(8px); transition: opacity 480ms ease, transform 480ms ease, border-color 280ms ease, background 280ms ease; }\r\n.ddf-unified-wrapper .is-visible .connector { opacity: 1; transform: translateY(0); }\r\n.ddf-unified-wrapper .is-visible .connector:nth-child(1) { transition-delay: 0.10s; }\r\n.ddf-unified-wrapper .is-visible .connector:nth-child(2) { transition-delay: 0.18s; }\r\n.ddf-unified-wrapper .is-visible .connector:nth-child(3) { transition-delay: 0.26s; }\r\n.ddf-unified-wrapper .is-visible .connector:nth-child(4) { transition-delay: 0.34s; }\r\n.ddf-unified-wrapper .is-visible .connector:nth-child(5) { transition-delay: 0.42s; }\r\n.ddf-unified-wrapper .is-visible .connector:nth-child(6) { transition-delay: 0.50s; }\r\n.ddf-unified-wrapper .is-visible .connector:nth-child(7) { transition-delay: 0.58s; }\r\n.ddf-unified-wrapper .is-visible .connector:nth-child(8) { transition-delay: 0.66s; }\r\n.ddf-unified-wrapper .is-visible .connector:nth-child(9) { transition-delay: 0.74s; }\r\n.ddf-unified-wrapper .connector:hover { background: var(--white); border-color: var(--title-color); }\r\n.ddf-unified-wrapper .connector-logo { width: 32px; height: 32px; border-radius: 8px; background: var(--white); border: 1px solid var(--card-border); display: flex; align-items: center; justify-content: center; padding: 4px; flex-shrink: 0; }\r\n.ddf-unified-wrapper .connector-name { font-size: 0.78rem; font-weight: 700; color: var(--text-color); }\r\n.ddf-unified-wrapper .connector-bar { width: 100%; height: 4px; background: var(--card-border); border-radius: 999px; overflow: hidden; }\r\n.ddf-unified-wrapper .connector-bar::after { content: \"\"; display: block; height: 100%; width: 0%; background: var(--title-color); transition: width 900ms ease; }\r\n.ddf-unified-wrapper .is-visible .connector-bar::after { width: var(--w, 60%); }\r\n.ddf-unified-wrapper .connector .ok { position: absolute; top: 10px; right: 10px; width: 8px; height: 8px; border-radius: 50%; background: #20B26B; box-shadow: 0 0 0 3px rgba(32, 178, 107, 0.22); }\r\n\r\n\/* GOVERNAN\u00c7A *\/\r\n.ddf-unified-wrapper .kpi-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.75rem; margin-bottom: 1rem; }\r\n.ddf-unified-wrapper .kpi { background: var(--bg-soft); border: 1px solid var(--card-border); border-radius: 12px; padding: 0.85rem 0.95rem; }\r\n.ddf-unified-wrapper .kpi-label { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.08em; color: var(--muted-soft); text-transform: uppercase; margin: 0 0 0.45rem; }\r\n.ddf-unified-wrapper .kpi-bars { display: flex; align-items: flex-end; gap: 4px; height: 26px; }\r\n.ddf-unified-wrapper .kpi-bars span { flex: 1; background: var(--chart-bar-1); border-radius: 2px; height: 30%; transform-origin: bottom; transform: scaleY(0); transition: transform 700ms cubic-bezier(.2,.7,.2,1); }\r\n.ddf-unified-wrapper .is-visible .kpi-bars span { transform: scaleY(1); }\r\n.ddf-unified-wrapper .is-visible .kpi-bars span:nth-child(1) { transition-delay: 0.10s; }\r\n.ddf-unified-wrapper .is-visible .kpi-bars span:nth-child(2) { transition-delay: 0.18s; }\r\n.ddf-unified-wrapper .is-visible .kpi-bars span:nth-child(3) { transition-delay: 0.26s; }\r\n.ddf-unified-wrapper .is-visible .kpi-bars span:nth-child(4) { transition-delay: 0.34s; }\r\n.ddf-unified-wrapper .is-visible .kpi-bars span:nth-child(5) { transition-delay: 0.42s; }\r\n.ddf-unified-wrapper .kpi-bars span.tall { background: var(--title-color); height: 90%; }\r\n.ddf-unified-wrapper .kpi-bars span.mid  { background: var(--title-color); height: 64%; opacity: 0.7; }\r\n.ddf-unified-wrapper .bars-chart { flex: 1; display: flex; align-items: flex-end; gap: 18px; padding: 1rem 0.5rem 1.2rem; border-top: 1px dashed var(--chart-grid); position: relative; }\r\n.ddf-unified-wrapper .bars-chart::before, .ddf-unified-wrapper .bars-chart::after { content: \"\"; position: absolute; left: 0; right: 0; height: 1px; background: var(--chart-grid); }\r\n.ddf-unified-wrapper .bars-chart::before { top: 33%; }\r\n.ddf-unified-wrapper .bars-chart::after  { top: 66%; }\r\n.ddf-unified-wrapper .bar-group { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 6px; position: relative; z-index: 2; }\r\n.ddf-unified-wrapper .bar-pair { width: 100%; display: flex; gap: 4px; align-items: flex-end; height: 140px; }\r\n.ddf-unified-wrapper .bar-pair span { flex: 1; border-radius: 4px 4px 0 0; transform-origin: bottom; transform: scaleY(0); transition: transform 1.1s cubic-bezier(.2,.7,.2,1); }\r\n.ddf-unified-wrapper .bar-pair span.a { background: var(--chart-bar-1); }\r\n.ddf-unified-wrapper .bar-pair span.b { background: var(--title-color); }\r\n.ddf-unified-wrapper .is-visible .bar-pair span { transform: scaleY(1); }\r\n.ddf-unified-wrapper .is-visible .bar-group:nth-child(1) span { transition-delay: 0.15s; }\r\n.ddf-unified-wrapper .is-visible .bar-group:nth-child(2) span { transition-delay: 0.25s; }\r\n.ddf-unified-wrapper .is-visible .bar-group:nth-child(3) span { transition-delay: 0.35s; }\r\n.ddf-unified-wrapper .is-visible .bar-group:nth-child(4) span { transition-delay: 0.45s; }\r\n.ddf-unified-wrapper .is-visible .bar-group:nth-child(5) span { transition-delay: 0.55s; }\r\n.ddf-unified-wrapper .bar-label { font-size: 0.68rem; color: var(--muted-soft); font-weight: 700; letter-spacing: 0.04em; }\r\n.ddf-unified-wrapper .legend { display: flex; align-items: center; gap: 1rem; padding: 0 0.5rem 0.75rem; font-size: 0.72rem; font-weight: 700; color: var(--muted-soft); }\r\n.ddf-unified-wrapper .legend span { display: inline-flex; align-items: center; gap: 6px; }\r\n.ddf-unified-wrapper .legend span::before { content: \"\"; width: 10px; height: 10px; border-radius: 3px; background: var(--chart-bar-1); }\r\n.ddf-unified-wrapper .legend span.primary::before { background: var(--title-color); }\r\n\r\n\/* AI CHAT *\/\r\n.ddf-unified-wrapper .chat { flex: 1; display: flex; flex-direction: column; gap: 0.65rem; padding: 0.25rem 0.5rem 0.5rem; min-height: 280px; }\r\n.ddf-unified-wrapper .bubble { max-width: 78%; padding: 0.7rem 0.95rem; border-radius: 16px; font-size: 0.82rem; line-height: 1.45; color: var(--text-color); background: var(--bg-soft); border: 1px solid var(--card-border); opacity: 0; transform: translateY(6px); transition: opacity 420ms ease, transform 420ms ease; }\r\n.ddf-unified-wrapper .bubble--user { align-self: flex-end; background: var(--title-color); color: var(--white); border-color: var(--title-color); }\r\n.ddf-unified-wrapper .is-visible .bubble { opacity: 1; transform: translateY(0); }\r\n.ddf-unified-wrapper .is-visible .bubble:nth-of-type(1) { transition-delay: 0.3s; }\r\n.ddf-unified-wrapper .is-visible .bubble:nth-of-type(2) { transition-delay: 0.9s; }\r\n.ddf-unified-wrapper .is-visible .bubble:nth-of-type(3) { transition-delay: 1.6s; }\r\n.ddf-unified-wrapper .is-visible .bubble:nth-of-type(4) { transition-delay: 2.3s; }\r\n.ddf-unified-wrapper .bubble-meta { display: flex; align-items: center; gap: 6px; font-size: 0.7rem; font-weight: 800; color: var(--aurora-accent); letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 0.3rem; }\r\n.ddf-unified-wrapper .bubble-meta::before { content: \"\"; width: 18px; height: 18px; border-radius: 50%; background: var(--title-color) url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23ffffff'><path d='M12 2 4 7v6c0 4.4 3.1 8.5 8 9 4.9-.5 8-4.6 8-9V7l-8-5z'\/><\/svg>\") center \/ 11px no-repeat; }\r\n.ddf-unified-wrapper .bubble-insight { display: flex; flex-direction: column; gap: 6px; margin-top: 0.5rem; }\r\n.ddf-unified-wrapper .bubble-insight .row { display: flex; align-items: center; gap: 8px; font-size: 0.72rem; color: var(--text-color); font-weight: 600; opacity: 0.9; }\r\n.ddf-unified-wrapper .bubble-insight .bar { flex: 1; height: 6px; background: var(--card-border); border-radius: 999px; overflow: hidden; }\r\n.ddf-unified-wrapper .bubble-insight .bar::after { content: \"\"; display: block; height: 100%; width: 0; background: var(--title-color); transition: width 1s ease 2.4s; }\r\n.ddf-unified-wrapper .is-visible .bubble-insight .bar::after { width: var(--w, 70%); }\r\n.ddf-unified-wrapper .typing { align-self: flex-start; display: inline-flex; gap: 4px; padding: 0.7rem 0.95rem; border-radius: 16px; background: var(--bg-soft); border: 1px solid var(--card-border); opacity: 0; transition: opacity 320ms ease; }\r\n.ddf-unified-wrapper .is-visible .typing { opacity: 1; transition-delay: 1.1s; }\r\n.ddf-unified-wrapper .typing span { width: 6px; height: 6px; border-radius: 50%; background: #B0B4C8; animation: dot 1.2s ease-in-out infinite; }\r\n.ddf-unified-wrapper .typing span:nth-child(2) { animation-delay: 0.15s; }\r\n.ddf-unified-wrapper .typing span:nth-child(3) { animation-delay: 0.3s; }\r\n\r\n\/* DASHBOARD MINI *\/\r\n.ddf-unified-wrapper .dash-grid { display: grid; grid-template-columns: 1.1fr 1fr; grid-template-rows: auto auto; gap: 0.85rem; flex: 1; }\r\n.ddf-unified-wrapper .tile { background: var(--bg-soft); border: 1px solid var(--card-border); border-radius: 14px; padding: 0.85rem 0.95rem; display: flex; flex-direction: column; gap: 0.55rem; min-height: 130px; }\r\n.ddf-unified-wrapper .tile-title { font-size: 0.72rem; font-weight: 800; letter-spacing: 0.04em; color: var(--muted-soft); margin: 0; }\r\n.ddf-unified-wrapper .tile--area .area-chart { flex: 1; position: relative; height: 80px; }\r\n.ddf-unified-wrapper .area-chart svg { width: 100% !important; height: 100% !important; display: block !important; overflow: visible; }\r\n.ddf-unified-wrapper .area-chart .area-path { fill: var(--chart-area); opacity: 0; transition: opacity 600ms ease 0.6s; }\r\n.ddf-unified-wrapper .area-chart .line-path { fill: none; stroke: var(--title-color); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 320; stroke-dashoffset: 320; transition: stroke-dashoffset 1.6s cubic-bezier(.4,0,.2,1); }\r\n.ddf-unified-wrapper .is-visible .area-chart .line-path { stroke-dashoffset: 0; }\r\n.ddf-unified-wrapper .is-visible .area-chart .area-path { opacity: 1; }\r\n.ddf-unified-wrapper .area-chart .dot { fill: var(--title-color); opacity: 0; transition: opacity 200ms ease 1.6s; }\r\n.ddf-unified-wrapper .is-visible .area-chart .dot { opacity: 1; }\r\n.ddf-unified-wrapper .dist-stack { flex: 1; display: flex; flex-direction: column; gap: 0.95rem; justify-content: center; }\r\n.ddf-unified-wrapper .dist-bar { width: 100%; height: 14px; border-radius: 999px; background: var(--card-border); overflow: hidden; display: flex; }\r\n.ddf-unified-wrapper .dist-bar > span { height: 100%; display: block; width: 0; transition: width 1.1s cubic-bezier(.4, 0, .2, 1); }\r\n.ddf-unified-wrapper .is-visible .dist-bar > span { width: var(--w); }\r\n.ddf-unified-wrapper .is-visible .dist-bar .d1 { transition-delay: 0.20s; }\r\n.ddf-unified-wrapper .is-visible .dist-bar .d2 { transition-delay: 0.36s; }\r\n.ddf-unified-wrapper .is-visible .dist-bar .d3 { transition-delay: 0.52s; }\r\n.ddf-unified-wrapper .dist-bar .d1 { background: var(--title-color); }\r\n.ddf-unified-wrapper .dist-bar .d2 { background: var(--aurora-accent); }\r\n.ddf-unified-wrapper .dist-bar .d3 { background: #C9CCEC; }\r\n.ddf-unified-wrapper .dist-legend { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 0.72rem; color: var(--muted-soft); font-weight: 700; }\r\n.ddf-unified-wrapper .dist-legend span { display: inline-flex; align-items: center; gap: 6px; }\r\n.ddf-unified-wrapper .dist-legend span::before { content: \"\"; width: 9px; height: 9px; border-radius: 3px; }\r\n.ddf-unified-wrapper .dist-legend .l1::before { background: var(--title-color); }\r\n.ddf-unified-wrapper .dist-legend .l2::before { background: var(--aurora-accent); }\r\n.ddf-unified-wrapper .dist-legend .l3::before { background: #C9CCEC; }\r\n.ddf-unified-wrapper .hbars { display: flex; flex-direction: column; gap: 7px; flex: 1; }\r\n.ddf-unified-wrapper .hbars .row { display: grid; grid-template-columns: 64px 1fr; align-items: center; gap: 8px; font-size: 0.72rem; color: var(--muted-soft); font-weight: 700; }\r\n.ddf-unified-wrapper .hbars .bar { height: 9px; background: var(--card-border); border-radius: 999px; overflow: hidden; }\r\n.ddf-unified-wrapper .hbars .bar::after { content: \"\"; display: block; height: 100%; width: 0; background: var(--title-color); border-radius: 999px; transition: width 1.1s cubic-bezier(.4,0,.2,1); }\r\n.ddf-unified-wrapper .is-visible .hbars .bar::after { width: var(--w, 60%); }\r\n.ddf-unified-wrapper .is-visible .hbars .row:nth-child(1) .bar::after { transition-delay: 0.20s; }\r\n.ddf-unified-wrapper .is-visible .hbars .row:nth-child(2) .bar::after { transition-delay: 0.30s; }\r\n.ddf-unified-wrapper .is-visible .hbars .row:nth-child(3) .bar::after { transition-delay: 0.40s; }\r\n.ddf-unified-wrapper .is-visible .hbars .row:nth-child(4) .bar::after { transition-delay: 0.50s; }\r\n.ddf-unified-wrapper .tile--num .num { font-size: 2.2rem; font-weight: 800; color: var(--title-color); letter-spacing: -0.02em; line-height: 1; }\r\n.ddf-unified-wrapper .tile--num .trend-spark { display: flex; align-items: flex-end; gap: 3px; height: 24px; margin-top: auto; }\r\n.ddf-unified-wrapper .tile--num .trend-spark span { flex: 1; background: var(--chart-bar-1); border-radius: 2px; transform-origin: bottom; transform: scaleY(0); transition: transform 800ms cubic-bezier(.2,.7,.2,1); }\r\n.ddf-unified-wrapper .is-visible .tile--num .trend-spark span { transform: scaleY(1); }\r\n\r\n\/* DATA APPS *\/\r\n.ddf-unified-wrapper .apps-stage { position: relative; flex: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; padding: 1rem; }\r\n.ddf-unified-wrapper .app-block { background: var(--bg-soft); border: 1px dashed #C9CCEC; border-radius: 12px; padding: 0.85rem 0.95rem; display: flex; align-items: center; gap: 0.75rem; opacity: 0; transform: translateY(10px) rotate(-1deg); transition: opacity 500ms ease, transform 500ms cubic-bezier(.2,.7,.2,1), border-color 250ms ease, background 250ms ease; }\r\n.ddf-unified-wrapper .is-visible .app-block { opacity: 1; transform: translateY(0) rotate(0); border-color: var(--card-border); border-style: solid; background: var(--white); }\r\n.ddf-unified-wrapper .is-visible .app-block:nth-child(1) { transition-delay: 0.10s; }\r\n.ddf-unified-wrapper .is-visible .app-block:nth-child(2) { transition-delay: 0.22s; }\r\n.ddf-unified-wrapper .is-visible .app-block:nth-child(3) { transition-delay: 0.34s; }\r\n.ddf-unified-wrapper .is-visible .app-block:nth-child(4) { transition-delay: 0.46s; }\r\n.ddf-unified-wrapper .is-visible .app-block:nth-child(5) { transition-delay: 0.58s; }\r\n.ddf-unified-wrapper .is-visible .app-block:nth-child(6) { transition-delay: 0.70s; }\r\n.ddf-unified-wrapper .app-block .ic { width: 32px; height: 32px; border-radius: 8px; background: rgba(23, 0, 162, 0.08); display: flex; align-items: center; justify-content: center; color: var(--title-color); flex-shrink: 0; }\r\n.ddf-unified-wrapper .app-block .ic svg { width: 16px !important; height: 16px !important; }\r\n.ddf-unified-wrapper .app-block .meta { display: flex; flex-direction: column; gap: 3px; min-width: 0; }\r\n.ddf-unified-wrapper .app-block .meta strong { font-size: 0.8rem; color: var(--text-color); font-weight: 800; }\r\n.ddf-unified-wrapper .app-block .meta span { font-size: 0.7rem; color: var(--muted-soft); font-weight: 600; }\r\n.ddf-unified-wrapper .app-block.wide { grid-column: span 2; }\r\n\r\n\/* MID CTA *\/\r\n.ddf-unified-wrapper .mid-cta { padding: 5rem 1.5rem; background: var(--bg-neutral); text-align: center; }\r\n.ddf-unified-wrapper .mid-cta-inner { max-width: 680px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 1.25rem; }\r\n.ddf-unified-wrapper .mid-cta-lead { color: var(--title-color); font-size: clamp(1.35rem, 2.6vw, 2rem); font-weight: 600; line-height: 1.25; margin: 0; text-wrap: balance; }\r\n\r\n\/* ============================================================\r\n   PILARES\r\n   ============================================================ *\/\r\n.ddf-unified-wrapper #pilares-section {\r\n  padding-top: 2rem;\r\n  padding-bottom: 5.5rem;\r\n  background: var(--white);\r\n}\r\n\r\n.ddf-unified-wrapper .pillars-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, minmax(0, 1fr));\r\n  gap: 1rem;\r\n  margin-top: 3rem;\r\n}\r\n\r\n.ddf-unified-wrapper .pillar {\r\n  background: var(--bg-neutral);\r\n  border: 1px solid var(--card-border);\r\n  border-radius: 18px;\r\n  padding: 1.5rem 1.3rem;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0.85rem;\r\n  transition: transform 280ms cubic-bezier(.2,.7,.2,1), box-shadow 280ms ease, border-color 280ms ease;\r\n}\r\n.ddf-unified-wrapper .pillar:hover {\r\n  transform: translateY(-3px);\r\n  border-color: var(--card-border-hover);\r\n  box-shadow: 0 14px 32px -16px rgba(13, 0, 59, 0.18);\r\n}\r\n.ddf-unified-wrapper .pillar-ic {\r\n  width: 42px; height: 42px; border-radius: 11px;\r\n  background: var(--white);\r\n  color: var(--title-color);\r\n  display: flex; align-items: center; justify-content: center;\r\n  transition: background 280ms ease, color 280ms ease;\r\n}\r\n.ddf-unified-wrapper .pillar-ic svg { width: 20px !important; height: 20px !important; }\r\n.ddf-unified-wrapper .pillar-name { font-size: 1rem; font-weight: 700; color: var(--text-color); margin: 0; line-height: 1.3; }\r\n.ddf-unified-wrapper .pillar-desc { font-size: 0.85rem; line-height: 1.5; color: var(--muted); margin: 0; }\r\n\r\n.ddf-unified-wrapper .pillars-track { display: contents; }\r\n.ddf-unified-wrapper .carousel-dots { display: none; }\r\n\r\n\/* CTA FINAL *\/\r\n.ddf-unified-wrapper .cta {\r\n  padding: 5rem 1.5rem 3.6rem;\r\n  background:\r\n    radial-gradient(800px 400px at 80% 10%, rgba(59, 191, 240, 0.10), transparent 60%),\r\n    radial-gradient(700px 380px at 10% 90%, rgba(23, 0, 162, 0.08), transparent 60%),\r\n    var(--bg-neutral);\r\n}\r\n.ddf-unified-wrapper .cta-inner { max-width: 800px; margin: 0 auto; text-align: center; }\r\n.ddf-unified-wrapper .cta h2 { color: var(--title-color); font-weight: 600; font-size: clamp(1.85rem, 3vw, 2.5rem); margin: 0 0 1rem; line-height: 1.2; text-wrap: balance; }\r\n.ddf-unified-wrapper .cta p { color: var(--muted); font-size: 1.05rem; line-height: 1.6; margin: 0 auto 2rem; max-width: 580px; }\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 1024px) {\r\n  .ddf-unified-wrapper .hero-inner, .ddf-unified-wrapper .feature-inner { grid-template-columns: 1fr; gap: 2.5rem; }\r\n  .ddf-unified-wrapper .feature--reverse .feature-inner { grid-template-columns: 1fr; }\r\n  .ddf-unified-wrapper .feature--reverse .feature-copy   { order: 1; }\r\n  .ddf-unified-wrapper .feature--reverse .feature-visual { order: 2; }\r\n  .ddf-unified-wrapper .hero-visual { height: 380px; }\r\n  .ddf-unified-wrapper .pillars-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n  .ddf-unified-wrapper .pipeline { grid-template-columns: 1fr 1fr 1fr; row-gap: 2rem; }\r\n  .ddf-unified-wrapper .pipe-line, .ddf-unified-wrapper .pipe-traveler { display: none; }\r\n}\r\n\r\n@media (max-width: 700px) {\r\n  .ddf-unified-wrapper .section, .ddf-unified-wrapper .feature, .ddf-unified-wrapper .hero, .ddf-unified-wrapper .cta { padding-left: 1rem; padding-right: 1rem; }\r\n  .ddf-unified-wrapper .hero { padding-top: 3.5rem; padding-bottom: 4rem; }\r\n  .ddf-unified-wrapper .section { padding-top: 4rem; padding-bottom: 4rem; }\r\n  .ddf-unified-wrapper .feature { padding-top: 4rem; padding-bottom: 4rem; }\r\n  .ddf-unified-wrapper .pillars-grid { grid-template-columns: 1fr; }\r\n  .ddf-unified-wrapper .pipeline { grid-template-columns: 1fr; }\r\n  .ddf-unified-wrapper .pipeline-wrap { padding: 1.75rem 1.25rem; }\r\n  .ddf-unified-wrapper .dash-grid { grid-template-columns: 1fr; }\r\n  .ddf-unified-wrapper .apps-stage { grid-template-columns: 1fr; }\r\n  .ddf-unified-wrapper .app-block.wide { grid-column: span 1; }\r\n  .ddf-unified-wrapper .connectors-stage { grid-template-columns: repeat(2, 1fr); }\r\n  .ddf-unified-wrapper .kpi-row { grid-template-columns: 1fr 1fr; }\r\n  .ddf-unified-wrapper .hero-visual { display: none !important; }\r\n  .ddf-unified-wrapper .hero-inner   { grid-template-columns: 1fr !important; }\r\n  .ddf-unified-wrapper .hero-copy    { text-align: center; }\r\n  .ddf-unified-wrapper .hero-actions { justify-content: center; }\r\n  .ddf-unified-wrapper .hero-sub     { max-width: 100%; margin-left: auto; margin-right: auto; }\r\n  .ddf-unified-wrapper .pillars-grid { display: block !important; overflow: hidden; position: relative; }\r\n  .ddf-unified-wrapper .pillars-track { display: flex !important; flex-wrap: nowrap; gap: 1rem; transition: transform 0.42s cubic-bezier(.4,0,.2,1); will-change: transform; }\r\n  .ddf-unified-wrapper .pillars-track > .pillar { flex: 0 0 80vw !important; max-width: 300px !important; min-width: 0 !important; width: 80vw !important; }\r\n  .ddf-unified-wrapper .carousel-dots { display: flex; justify-content: center; align-items: center; gap: 8px; margin-top: 1.1rem; }\r\n  \r\n  \/* Restaura as bolinhas ap\u00f3s a blindagem global *\/\r\n  .ddf-unified-wrapper .carousel-dots button { width: 8px !important; height: 8px !important; border-radius: 50% !important; border: none !important; background: var(--card-border) !important; display: block !important; transition: background 250ms, transform 250ms !important; }\r\n  .ddf-unified-wrapper .carousel-dots button.active { background: var(--title-color) !important; transform: scale(1.35) !important; }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .ddf-unified-wrapper *, .ddf-unified-wrapper *::before, .ddf-unified-wrapper *::after { animation: none !important; transition: none !important; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"ddf-unified-wrapper\">\r\n  <main class=\"ddf-page-content\">\r\n\r\n    <section class=\"hero\" data-screen-label=\"01 Hero\">\r\n      <div class=\"hero-inner\">\r\n        <div class=\"hero-copy\">\r\n          <p class=\"hero-kicker\">Turn your organization's future success into reality. Today.<\/p>\r\n          <h1 class=\"hero-title\">How does Dadosfera work?<\/h1>\r\n          <p class=\"hero-sub\">A single platform that connects, organizes, governs, and applies intelligence to your data \u2014 from source to insight, all in one place.<\/p>\r\n          <div class=\"hero-actions\">\r\n            <a href=\"#forms\" class=\"btn btn-primary\">Request a demo <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a>\r\n            <a href=\"#forms\" class=\"btn btn-ghost\">See how it works<\/a>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"hero-visual\" data-reveal>\r\n          <div class=\"orbit-stage\">\r\n            <div class=\"orbit\">\r\n              <div class=\"orbit-ring orbit-ring--outer\"><\/div>\r\n              <div class=\"orbit-ring\"><\/div>\r\n              <div class=\"orbit-ring orbit-ring--inner\"><\/div>\r\n              <svg class=\"orbit-beams\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\">\r\n                <path d=\"M50 4  L50 50\"\/><path d=\"M92 22 L50 50\"\/><path d=\"M92 74 L50 50\"\/>\r\n                <path d=\"M50 96 L50 50\"\/><path d=\"M8 74  L50 50\"\/><path d=\"M8 22  L50 50\"\/>\r\n              <\/svg>\r\n              <div class=\"orbit-core\">\r\n                <img decoding=\"async\" class=\"badge-img\" src=\"https:\/\/dadosfera.info\/dev\/wp-content\/uploads\/2026\/05\/Sem-titulo-21-de-maio-de-2026-as-15.11.01-_1_.webp\" alt=\"Dadosfera\" \/>\r\n              <\/div>\r\n              <div class=\"orbit-node orbit-node--1\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg><\/div>\r\n              <div class=\"orbit-node orbit-node--2\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div>\r\n              <div class=\"orbit-node orbit-node--3\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/><\/svg><\/div>\r\n              <div class=\"orbit-node orbit-node--4\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1.5\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1.5\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\"\/><\/svg><\/div>\r\n              <div class=\"orbit-node orbit-node--5\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg><\/div>\r\n              <div class=\"orbit-node orbit-node--6\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"\/><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"\/><\/svg><\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"section section--neutral\" id=\"jornada\" data-screen-label=\"02 Jornada\">\r\n      <div class=\"container\">\r\n        <div style=\"text-align:center; max-width:780px; margin:0 auto;\">\r\n          <span class=\"eyebrow\">Your data's journey<\/span>\r\n          <h2 class=\"section-title\">From source to insight, in a single platform.<\/h2>\r\n          <p class=\"section-lead\" style=\"margin: 0 auto;\">Dadosfera delivers end-to-end: collection, governance, AI, and visualization \u2014 without tying you to multiple tools, without relying on IT.<\/p>\r\n        <\/div>\r\n        <div class=\"pipeline-wrap\" data-reveal data-pipeline>\r\n          <div class=\"pipeline\">\r\n            <div class=\"pipe-line\"><span class=\"pipe-fill\"><\/span><\/div>\r\n            <span class=\"pipe-traveler\"><\/span>\r\n            <div class=\"pipe-stage\">\r\n              <div class=\"stage-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"\/><path d=\"M3 5v6c0 1.66 4 3 9 3s9-1.34 9-3V5\"\/><path d=\"M3 11v6c0 1.66 4 3 9 3s9-1.34 9-3v-6\"\/><\/svg><\/div>\r\n              <h4>Collection<\/h4><p>Connect any data source in minutes.<\/p>\r\n            <\/div>\r\n            <div class=\"pipe-stage\">\r\n              <div class=\"stage-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg><\/div>\r\n              <h4>Trust<\/h4><p>Automated catalog, governance, and quality.<\/p>\r\n            <\/div>\r\n            <div class=\"pipe-stage\">\r\n              <div class=\"stage-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\"\/><\/svg><\/div>\r\n              <h4>Intelligence<\/h4><p>Applied AI that answers business questions.<\/p>\r\n            <\/div>\r\n            <div class=\"pipe-stage\">\r\n              <div class=\"stage-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/><\/svg><\/div>\r\n              <h4>Visualization<\/h4><p>Dashboards and visual exploration in seconds.<\/p>\r\n            <\/div>\r\n            <div class=\"pipe-stage\">\r\n              <div class=\"stage-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1.5\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1.5\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\"\/><\/svg><\/div>\r\n              <h4>Data Apps<\/h4><p>Build data apps without complex code.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"feature feature--white\" data-screen-label=\"03 Coleta\">\r\n      <div class=\"feature-inner\">\r\n        <div class=\"feature-copy\">\r\n          <span class=\"eyebrow\">Collection & Connection<\/span>\r\n          <h2 class=\"section-title\">Connect any source. Without the hassle.<\/h2>\r\n          <p class=\"section-lead\">Stop spending weeks integrating databases, spreadsheets, and APIs. Dadosfera centralizes everything in a ready-to-use datalake, with continuous replication and native governance.<\/p>\r\n          <ul class=\"feature-bullets\">\r\n            <li>Ready-to-use connectors for major databases, SaaS, and files.<\/li>\r\n            <li>Automatic replication with smart schema mapping.<\/li>\r\n            <li>Unified catalog: you always know where each piece of data came from.<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"feature-visual\">\r\n          <div class=\"viz\" data-reveal>\r\n            <div class=\"viz-head\"><span class=\"dot\"><\/span><span class=\"dot\"><\/span><span class=\"dot\"><\/span><span class=\"title\">Connectors<\/span><span class=\"pill\">Live<\/span><\/div>\r\n            <div class=\"viz-body\">\r\n              <div class=\"connectors-stage\">\r\n                <div class=\"connector\" style=\"--w: 88%;\"><div class=\"connector-logo\"><img decoding=\"async\" src=\"https:\/\/dadosfera.info\/dev\/wp-content\/uploads\/2026\/05\/Salesforce_com_logo_svg01.webp\" alt=\"Salesforce\"\/><\/div><span class=\"connector-name\">Salesforce<\/span><div class=\"connector-bar\"><\/div><span class=\"ok\"><\/span><\/div>\r\n                <div class=\"connector\" style=\"--w: 72%;\"><div class=\"connector-logo\"><img decoding=\"async\" src=\"https:\/\/dadosfera.info\/dev\/wp-content\/uploads\/2026\/05\/Postgresql_elephant_svg01.webp\" alt=\"PostgreSQL\"\/><\/div><span class=\"connector-name\">PostgreSQL<\/span><div class=\"connector-bar\"><\/div><span class=\"ok\"><\/span><\/div>\r\n                <div class=\"connector\" style=\"--w: 64%;\"><div class=\"connector-logo\"><img decoding=\"async\" src=\"https:\/\/dadosfera.info\/dev\/wp-content\/uploads\/2026\/05\/hubspot-icon.webp\" alt=\"HubSpot\"\/><\/div><span class=\"connector-name\">HubSpot<\/span><div class=\"connector-bar\"><\/div><span class=\"ok\"><\/span><\/div>\r\n                <div class=\"connector\" style=\"--w: 92%;\"><div class=\"connector-logo\"><img decoding=\"async\" src=\"https:\/\/dadosfera.info\/dev\/wp-content\/uploads\/2026\/05\/Amazon-S3-Logo_svg.webp\" alt=\"Amazon S3\"\/><\/div><span class=\"connector-name\">Amazon S3<\/span><div class=\"connector-bar\"><\/div><span class=\"ok\"><\/span><\/div>\r\n                <div class=\"connector\" style=\"--w: 56%;\"><div class=\"connector-logo\"><img decoding=\"async\" src=\"https:\/\/dadosfera.info\/dev\/wp-content\/uploads\/2026\/05\/Google-Analytics-Logo01-scaled.webp\" alt=\"Google Analytics\"\/><\/div><span class=\"connector-name\">Google Analytics<\/span><div class=\"connector-bar\"><\/div><span class=\"ok\"><\/span><\/div>\r\n                <div class=\"connector\" style=\"--w: 80%;\"><div class=\"connector-logo\"><img decoding=\"async\" src=\"https:\/\/dadosfera.info\/dev\/wp-content\/uploads\/2026\/05\/mysql-6-logo-png-transparent01.webp\" alt=\"MySQL\"\/><\/div><span class=\"connector-name\">MySQL<\/span><div class=\"connector-bar\"><\/div><span class=\"ok\"><\/span><\/div>\r\n                <div class=\"connector\" style=\"--w: 70%;\"><div class=\"connector-logo\"><img decoding=\"async\" src=\"https:\/\/dadosfera.info\/dev\/wp-content\/uploads\/2026\/05\/microsoft-sharepoint.webp\" alt=\"SharePoint\"\/><\/div><span class=\"connector-name\">SharePoint<\/span><div class=\"connector-bar\"><\/div><span class=\"ok\"><\/span><\/div>\r\n                <div class=\"connector\" style=\"--w: 50%;\"><div class=\"connector-logo\"><img decoding=\"async\" src=\"https:\/\/dadosfera.info\/dev\/wp-content\/uploads\/2026\/05\/Google_Sheets_logo__2014-2020__svg01-scaled.webp\" alt=\"Google Sheets\"\/><\/div><span class=\"connector-name\">Spreadsheets<\/span><div class=\"connector-bar\"><\/div><span class=\"ok\"><\/span><\/div>\r\n                <div class=\"connector\" style=\"--w: 76%;\"><div class=\"connector-logo\"><img decoding=\"async\" src=\"https:\/\/dadosfera.info\/dev\/wp-content\/uploads\/2026\/05\/salesforce-rest-api-e1778857123993.webp\" alt=\"REST API\"\/><\/div><span class=\"connector-name\">REST APIs<\/span><div class=\"connector-bar\"><\/div><span class=\"ok\"><\/span><\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"feature feature--neutral feature--reverse\" data-screen-label=\"04 Governan\u00e7a\">\r\n      <div class=\"feature-inner\">\r\n        <div class=\"feature-copy\">\r\n          <span class=\"eyebrow\">Governance & Trust<\/span>\r\n          <h2 class=\"section-title\">Auditable data, visible quality.<\/h2>\r\n          <p class=\"section-lead\">Catalog, lineage, quality, and permissions in one place. You know who uses it, when, and why \u2014 and IT is no longer a bottleneck.<\/p>\r\n          <ul class=\"feature-bullets\">\r\n            <li>Automatic catalog with descriptions and tags.<\/li>\r\n            <li>End-to-end lineage across sources, transformations, and dashboards.<\/li>\r\n            <li>Granular access control and native GDPR\/LGPD compliance.<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"feature-visual\">\r\n          <div class=\"viz\" data-reveal>\r\n            <div class=\"viz-head\"><span class=\"dot\"><\/span><span class=\"dot\"><\/span><span class=\"dot\"><\/span><span class=\"title\">Governance Dashboard<\/span><span class=\"pill\">Q3<\/span><\/div>\r\n            <div class=\"viz-body\">\r\n              <div class=\"kpi-row\">\r\n                <div class=\"kpi\"><p class=\"kpi-label\">Quality<\/p><div class=\"kpi-bars\"><span style=\"height: 40%\"><\/span><span style=\"height: 55%\"><\/span><span style=\"height: 70%\"><\/span><span style=\"height: 78%\"><\/span><span class=\"tall\"><\/span><\/div><\/div>\r\n                <div class=\"kpi\"><p class=\"kpi-label\">Cataloged<\/p><div class=\"kpi-bars\"><span style=\"height: 32%\"><\/span><span style=\"height: 50%\"><\/span><span style=\"height: 65%\"><\/span><span class=\"mid\"><\/span><span class=\"tall\"><\/span><\/div><\/div>\r\n                <div class=\"kpi\"><p class=\"kpi-label\">Accesses<\/p><div class=\"kpi-bars\"><span style=\"height: 26%\"><\/span><span style=\"height: 44%\"><\/span><span style=\"height: 60%\"><\/span><span style=\"height: 80%\"><\/span><span class=\"tall\"><\/span><\/div><\/div>\r\n              <\/div>\r\n              <div class=\"legend\"><span>Expected<\/span><span class=\"primary\">Actual<\/span><\/div>\r\n              <div class=\"bars-chart\">\r\n                <div class=\"bar-group\"><div class=\"bar-pair\"><span class=\"a\" style=\"height: 60%\"><\/span><span class=\"b\" style=\"height: 78%\"><\/span><\/div><span class=\"bar-label\">Jan<\/span><\/div>\r\n                <div class=\"bar-group\"><div class=\"bar-pair\"><span class=\"a\" style=\"height: 70%\"><\/span><span class=\"b\" style=\"height: 64%\"><\/span><\/div><span class=\"bar-label\">Feb<\/span><\/div>\r\n                <div class=\"bar-group\"><div class=\"bar-pair\"><span class=\"a\" style=\"height: 55%\"><\/span><span class=\"b\" style=\"height: 88%\"><\/span><\/div><span class=\"bar-label\">Mar<\/span><\/div>\r\n                <div class=\"bar-group\"><div class=\"bar-pair\"><span class=\"a\" style=\"height: 75%\"><\/span><span class=\"b\" style=\"height: 92%\"><\/span><\/div><span class=\"bar-label\">Apr<\/span><\/div>\r\n                <div class=\"bar-group\"><div class=\"bar-pair\"><span class=\"a\" style=\"height: 68%\"><\/span><span class=\"b\" style=\"height: 100%\"><\/span><\/div><span class=\"bar-label\">May<\/span><\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"feature feature--white\" data-screen-label=\"05 IA\">\r\n      <div class=\"feature-inner\">\r\n        <div class=\"feature-copy\">\r\n          <span class=\"eyebrow\">Intelligence Application<\/span>\r\n          <h2 class=\"section-title\">Ask in English. The AI answers with your data.<\/h2>\r\n          <p class=\"section-lead\">A data expert that works 24\/7. Dadosfera's AI layer interprets natural language questions, cross-references millions of data points, and returns actionable insights in seconds.<\/p>\r\n          <ul class=\"feature-bullets\">\r\n            <li>Natural language querying on governed data.<\/li>\r\n            <li>Automatic insights with reasoning explanation.<\/li>\r\n            <li>Proprietary models or integration with your LLMs.<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"feature-visual\">\r\n          <div class=\"viz\" data-reveal>\r\n            <div class=\"viz-head\"><span class=\"dot\"><\/span><span class=\"dot\"><\/span><span class=\"dot\"><\/span><span class=\"title\">Dadosfera Assistant<\/span><span class=\"pill\">AI<\/span><\/div>\r\n            <div class=\"viz-body\">\r\n              <div class=\"chat\">\r\n                <div class=\"bubble bubble--user\">Which region had the highest revenue growth last quarter?<\/div>\r\n                <div class=\"typing\"><span><\/span><span><\/span><span><\/span><\/div>\r\n                <div class=\"bubble\"><div class=\"bubble-meta\">Answer<\/div>The region with the highest growth was the Southeast, followed by the South. This was driven by an increase in the average ticket of recurring customers.<\/div>\r\n                <div class=\"bubble bubble--user\" style=\"max-width: 88%;\">Show the top 3 drivers of this growth.<\/div>\r\n                <div class=\"bubble\" style=\"max-width: 88%;\"><div class=\"bubble-meta\">Analysis<\/div><strong>Top drivers identified:<\/strong><div class=\"bubble-insight\"><div class=\"row\"><span style=\"width: 110px;\">Average ticket<\/span><div class=\"bar\" style=\"--w: 88%;\"><\/div><\/div><div class=\"row\"><span style=\"width: 110px;\">Retention<\/span><div class=\"bar\" style=\"--w: 72%;\"><\/div><\/div><div class=\"row\"><span style=\"width: 110px;\">Cross-sell<\/span><div class=\"bar\" style=\"--w: 54%;\"><\/div><\/div><\/div><\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"feature feature--neutral feature--reverse\" data-screen-label=\"06 Visualiza\u00e7\u00e3o\">\r\n      <div class=\"feature-inner\">\r\n        <div class=\"feature-copy\">\r\n          <span class=\"eyebrow\">Visualization & Iteration<\/span>\r\n          <h2 class=\"section-title\">Dashboards that answer your next \"what if?\".<\/h2>\r\n          <p class=\"section-lead\">Explore visually, build dashboards, and iterate in seconds. The visualization layer is flexible enough for business teams and powerful enough for analysts.<\/p>\r\n          <ul class=\"feature-bullets\">\r\n            <li>Multiple chart types, filters, and drill-downs.<\/li>\r\n            <li>Role and context-controlled sharing.<\/li>\r\n            <li>Collaborative editing on the same governed data.<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"feature-visual\">\r\n          <div class=\"viz\" data-reveal>\r\n            <div class=\"viz-head\"><span class=\"dot\"><\/span><span class=\"dot\"><\/span><span class=\"dot\"><\/span><span class=\"title\">Operational View<\/span><span class=\"pill\">Dashboard<\/span><\/div>\r\n            <div class=\"viz-body\">\r\n              <div class=\"dash-grid\">\r\n                <div class=\"tile tile--area\">\r\n                  <h5 class=\"tile-title\">Trend<\/h5>\r\n                  <div class=\"area-chart\">\r\n                    <svg viewBox=\"0 0 200 80\" preserveAspectRatio=\"none\">\r\n                      <path class=\"area-path\" d=\"M0,70 L20,55 L40,60 L60,40 L80,48 L100,32 L120,40 L140,22 L160,28 L180,15 L200,20 L200,80 L0,80 Z\"\/>\r\n                      <path class=\"line-path\" d=\"M0,70 L20,55 L40,60 L60,40 L80,48 L100,32 L120,40 L140,22 L160,28 L180,15 L200,20\"\/>\r\n                      <circle class=\"dot\" cx=\"100\" cy=\"32\" r=\"3\"\/><circle class=\"dot\" cx=\"160\" cy=\"28\" r=\"3\"\/><circle class=\"dot\" cx=\"200\" cy=\"20\" r=\"3\"\/>\r\n                    <\/svg>\r\n                  <\/div>\r\n                <\/div>\r\n                <div class=\"tile\"><h5 class=\"tile-title\">Distribution<\/h5><div class=\"dist-stack\"><div class=\"dist-bar\"><span class=\"d1\" style=\"--w: 52%;\"><\/span><span class=\"d2\" style=\"--w: 28%;\"><\/span><span class=\"d3\" style=\"--w: 20%;\"><\/span><\/div><div class=\"dist-legend\"><span class=\"l1\">Segment A<\/span><span class=\"l2\">Segment B<\/span><span class=\"l3\">Others<\/span><\/div><\/div><\/div>\r\n                <div class=\"tile\"><h5 class=\"tile-title\">Top Categories<\/h5><div class=\"hbars\"><div class=\"row\"><span>Cat. A<\/span><div class=\"bar\" style=\"--w: 92%;\"><\/div><\/div><div class=\"row\"><span>Cat. B<\/span><div class=\"bar\" style=\"--w: 74%;\"><\/div><\/div><div class=\"row\"><span>Cat. C<\/span><div class=\"bar\" style=\"--w: 58%;\"><\/div><\/div><div class=\"row\"><span>Cat. D<\/span><div class=\"bar\" style=\"--w: 40%;\"><\/div><\/div><\/div><\/div>\r\n                <div class=\"tile tile--num\"><h5 class=\"tile-title\">Key Indicator<\/h5><div class=\"num\">+18%<\/div><div class=\"trend-spark\"><span style=\"height: 40%\"><\/span><span style=\"height: 55%\"><\/span><span style=\"height: 50%\"><\/span><span style=\"height: 70%\"><\/span><span style=\"height: 65%\"><\/span><span style=\"height: 88%\"><\/span><span style=\"height: 100%\"><\/span><\/div><\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"feature feature--white\" data-screen-label=\"07 Data Apps\">\r\n      <div class=\"feature-inner\">\r\n        <div class=\"feature-copy\">\r\n          <span class=\"eyebrow\">Data App Builder<\/span>\r\n          <h2 class=\"section-title\">Build applications on your data, without complex code.<\/h2>\r\n          <p class=\"section-lead\">Combine sources, logic, and visualization in a visual interface \u2014 and deliver an app to your team that solves a real problem, with inherited platform governance.<\/p>\r\n          <ul class=\"feature-bullets\">\r\n            <li>Ready-to-use blocks: KPIs, tables, forms, flows.<\/li>\r\n            <li>Conditional logic and actions on data.<\/li>\r\n            <li>SDK and Open Source for advanced extensions.<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"feature-visual\">\r\n          <div class=\"viz\" data-reveal>\r\n            <div class=\"viz-head\"><span class=\"dot\"><\/span><span class=\"dot\"><\/span><span class=\"dot\"><\/span><span class=\"title\">App Builder<\/span><span class=\"pill\">No-code<\/span><\/div>\r\n            <div class=\"viz-body\">\r\n              <div class=\"apps-stage\">\r\n                <div class=\"app-block\"><div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/><\/svg><\/div><div class=\"meta\"><strong>KPI<\/strong><span>Summary indicator<\/span><\/div><\/div>\r\n                <div class=\"app-block\"><div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"\/><line x1=\"3\" y1=\"15\" x2=\"21\" y2=\"15\"\/><line x1=\"9\" y1=\"3\" x2=\"9\" y2=\"21\"\/><\/svg><\/div><div class=\"meta\"><strong>Table<\/strong><span>Detailed list<\/span><\/div><\/div>\r\n                <div class=\"app-block wide\"><div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"3 17 9 11 13 15 21 7\"\/><polyline points=\"15 7 21 7 21 13\"\/><\/svg><\/div><div class=\"meta\"><strong>Trend chart<\/strong><span>Interactive time series<\/span><\/div><\/div>\r\n                <div class=\"app-block\"><div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg><\/div><div class=\"meta\"><strong>Filter<\/strong><span>Timeframe, segment<\/span><\/div><\/div>\r\n                <div class=\"app-block\"><div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 11l3 3L22 4\"\/><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"\/><\/svg><\/div><div class=\"meta\"><strong>Action<\/strong><span>Approval or alert<\/span><\/div><\/div>\r\n                <div class=\"app-block wide\"><div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"16 18 22 12 16 6\"\/><polyline points=\"8 6 2 12 8 18\"\/><\/svg><\/div><div class=\"meta\"><strong>Logic \/ SDK<\/strong><span>Extend with code when needed<\/span><\/div><\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"mid-cta\" data-screen-label=\"CTA Meio\">\r\n      <div class=\"mid-cta-inner\">\r\n        <p class=\"mid-cta-lead\">See Dadosfera working with your data.<\/p>\r\n        <p style=\"color: var(--muted); font-size: 1rem; line-height: 1.6; max-width: 520px; text-align: center;\">In a 30-minute demo, we show you how the platform shortens the path from data to revenue in your context.<\/p>\r\n        <a href=\"#forms\" class=\"btn btn-primary\" style=\"margin-top: 0.5rem;\">Request a demo <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"pilares-section\" class=\"section\" data-screen-label=\"08 Pilares\">\r\n      <div class=\"container\">\r\n        <div style=\"text-align:center; max-width:720px; margin:0 auto;\">\r\n          <span class=\"eyebrow\">Platform Pillars<\/span>\r\n          <h2 class=\"section-title\">The principles behind every product decision.<\/h2>\r\n        <\/div>\r\n        <div class=\"pillars-grid\">\r\n          <div class=\"pillars-track\">\r\n            <div class=\"pillar\"><div class=\"pillar-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 18h6\"\/><path d=\"M10 22h4\"\/><path d=\"M12 2a7 7 0 0 0-4 12.7c.7.7 1 1.6 1 2.5V18h6v-.8c0-.9.3-1.8 1-2.5A7 7 0 0 0 12 2z\"\/><\/svg><\/div><h3 class=\"pillar-name\">Intelligence<\/h3><p class=\"pillar-desc\">Everything was designed for maximum efficiency, from smart collection to auto-scaling infrastructure. Focus on your business.<\/p><\/div>\r\n            <div class=\"pillar\"><div class=\"pillar-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3l2.5 5 5.5.8-4 3.9.9 5.5L12 16l-4.9 2.2L8 12.7 4 8.8l5.5-.8L12 3z\"\/><\/svg><\/div><h3 class=\"pillar-name\">Beauty & Intuition<\/h3><p class=\"pillar-desc\">Our duty is to rethink how data and AI solution interfaces are built. Dadosfera must be attractive and easy to use for everyone. We believe in a universal aesthetic sense.<\/p><\/div>\r\n            <div class=\"pillar\"><div class=\"pillar-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg><\/div><h3 class=\"pillar-name\">Reliable<\/h3><p class=\"pillar-desc\">Trust the data within Dadosfera, and above all, know that everyone relies on the same information, preventing the spread of data silos in the company.<\/p><\/div>\r\n            <div class=\"pillar\"><div class=\"pillar-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 6L6 18\"\/><path d=\"M6 6l12 12\"\/><\/svg><\/div><h3 class=\"pillar-name\">Legacy-free<\/h3><p class=\"pillar-desc\">No legacy and no technical debt caused by bad past choices. Dadosfera was born using the best in cloud technology.<\/p><\/div>\r\n            <div class=\"pillar\"><div class=\"pillar-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"1 6 1 22 8 18 16 22 23 18 23 2 16 6 8 2 1 6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"18\"\/><line x1=\"16\" y1=\"6\" x2=\"16\" y2=\"22\"\/><\/svg><\/div><h3 class=\"pillar-name\">End-to-End<\/h3><p class=\"pillar-desc\">Use a single place to manage data through to solution delivery. Advanced users leverage their existing knowledge, while business users only experience a single interface.<\/p><\/div>\r\n            <div class=\"pillar\"><div class=\"pillar-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"6\" cy=\"6\" r=\"2\"\/><circle cx=\"18\" cy=\"6\" r=\"2\"\/><circle cx=\"12\" cy=\"18\" r=\"2\"\/><line x1=\"8\" y1=\"6\" x2=\"16\" y2=\"6\"\/><line x1=\"6\" y1=\"8\" x2=\"11\" y2=\"16\"\/><line x1=\"18\" y1=\"8\" x2=\"13\" y2=\"16\"\/><\/svg><\/div><h3 class=\"pillar-name\">Simple<\/h3><p class=\"pillar-desc\">Over the past 3 years, DataSprints Consulting has learned\u2014inspired by international benchmarks and Brazilian clients\u2014what works and what doesn't. No complexities.<\/p><\/div>\r\n            <div class=\"pillar\"><div class=\"pillar-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg><\/div><h3 class=\"pillar-name\">Privacy and Security<\/h3><p class=\"pillar-desc\">Created in 2021 after the GDPR era, everything is designed from a privacy perspective without overlooking security standards like SOC 2 and ISO 27001 (planned).<\/p><\/div>\r\n            <div class=\"pillar\"><div class=\"pillar-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg><\/div><h3 class=\"pillar-name\">Power<\/h3><p class=\"pillar-desc\">Powerful enough to handle small and large problems. Like the cloud, Dadosfera scales up or down based on usage, optimizing your budget.<\/p><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"cta\" id=\"forms\" data-screen-label=\"09 CTA\">\r\n      <div class=\"cta-inner\">\r\n        <h2>Ready to put your data to work for you?<\/h2>\r\n        <p>Fill out the form to get in touch and secure your full Demo.<\/p>\r\n      <\/div>\r\n    <\/section>\r\n\r\n  <\/main>\r\n<\/div>\r\n\r\n<script>\r\n(() => {\r\n  const wrapper = document.querySelector('.ddf-unified-wrapper');\r\n  if (!wrapper) return;\r\n\r\n  const reveal = (el) => el.classList.add('is-visible');\r\n\r\n  if (!('IntersectionObserver' in window)) {\r\n    wrapper.querySelectorAll('[data-reveal]').forEach(reveal);\r\n    return;\r\n  }\r\n\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach((entry) => {\r\n      if (entry.isIntersecting) { reveal(entry.target); observer.unobserve(entry.target); }\r\n    });\r\n  }, { threshold: 0.18, rootMargin: '0px 0px -8% 0px' });\r\n  wrapper.querySelectorAll('[data-reveal]').forEach((el) => observer.observe(el));\r\n\r\n  const pipelineWrap = wrapper.querySelector('[data-pipeline]');\r\n  if (pipelineWrap) {\r\n    const pipeObserver = new IntersectionObserver((entries) => {\r\n      entries.forEach((entry) => {\r\n        if (!entry.isIntersecting) return;\r\n        pipeObserver.unobserve(entry.target);\r\n        const stages = entry.target.querySelectorAll('.pipe-stage');\r\n        stages.forEach((stage, i) => { setTimeout(() => stage.classList.add('is-on'), 200 + i * 320); });\r\n      });\r\n    }, { threshold: 0.3 });\r\n    pipeObserver.observe(pipelineWrap);\r\n  }\r\n\r\n  if (window.matchMedia('(max-width: 700px)').matches) {\r\n    var grid  = wrapper.querySelector('.pillars-grid');\r\n    var track = wrapper.querySelector('.pillars-track');\r\n    if (!grid || !track) return;\r\n    var slides = Array.from(track.querySelectorAll('.pillar'));\r\n    var total = slides.length, current = 0, timer = null;\r\n    var dotsWrap = document.createElement('div');\r\n    dotsWrap.className = 'carousel-dots';\r\n    slides.forEach(function (_, i) { var b = document.createElement('button'); b.setAttribute('aria-label', 'Slide ' + (i + 1)); dotsWrap.appendChild(b); });\r\n    grid.parentNode.insertBefore(dotsWrap, grid.nextSibling);\r\n    function goTo(idx) {\r\n      current = ((idx % total) + total) % total;\r\n      var w = slides[0].offsetWidth, gap = parseFloat(getComputedStyle(track).gap) || 16;\r\n      track.style.transform = 'translateX(-' + (current * (w + gap)) + 'px)';\r\n      dotsWrap.querySelectorAll('button').forEach(function (d, i) { d.classList.toggle('active', i === current); });\r\n    }\r\n    function start() { timer = setInterval(function () { goTo(current + 1); }, 2800); }\r\n    function stop()  { clearInterval(timer); }\r\n    var tx = 0;\r\n    track.addEventListener('touchstart', function (e) { tx = e.touches[0].clientX; stop(); }, { passive: true });\r\n    track.addEventListener('touchend',   function (e) { var d = tx - e.changedTouches[0].clientX; if (Math.abs(d) > 40) goTo(current + (d > 0 ? 1 : -1)); start(); }, { passive: true });\r\n    dotsWrap.querySelectorAll('button').forEach(function (b, i) { b.addEventListener('click', function () { stop(); goTo(i); start(); }); });\r\n    window.addEventListener('resize', function () { goTo(current); });\r\n    goTo(0); start();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-60dff51 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"60dff51\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9eb6155\" data-id=\"9eb6155\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c05bbf7 elementor-widget elementor-widget-menu-anchor\" data-id=\"c05bbf7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"forms\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8d28a64 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8d28a64\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ef1ed26\" data-id=\"ef1ed26\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-18715de elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"18715de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =====================================================\r\n     DADOSFERA \u2014 HubSpot Form (English embed version)\r\n     Shielded against Elementor and global styles.\r\n     Paste this entire block anywhere on your site.\r\n===================================================== -->\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n#ddf-root,\r\n#ddf-root *,\r\n#ddf-root *::before,\r\n#ddf-root *::after {\r\n  all: revert;\r\n  box-sizing: border-box !important;\r\n  font-family: 'Nunito', system-ui, -apple-system, sans-serif !important;\r\n}\r\n\r\n#ddf-root {\r\n  --ddf-white: #ffffff;\r\n  --ddf-bg-soft: #F7F8FC;\r\n  --ddf-accent: #3BBFF0;\r\n  --ddf-title: #1700A2;\r\n  --ddf-title-hover: #110080;\r\n  --ddf-text: #0D003B;\r\n  --ddf-muted: #4b5563;\r\n  --ddf-muted-soft: #6B7280;\r\n  --ddf-border: #ECECF2;\r\n  --ddf-border-blue: #e0e4fa;\r\n  --ddf-error: #e53e3e;\r\n  --ddf-success: #0F6E56;\r\n\r\n  display: block !important;\r\n  width: 100% !important;\r\n  padding: 2.5rem 1rem !important;\r\n  background: transparent !important;\r\n  color: var(--ddf-text) !important;\r\n  line-height: 1.5 !important;\r\n  -webkit-font-smoothing: antialiased !important;\r\n}\r\n\r\n#ddf-root .ddf-card {\r\n  display: block !important;\r\n  width: 100% !important;\r\n  max-width: 100% !important;\r\n  background: var(--ddf-white) !important;\r\n  border: 1px solid var(--ddf-border) !important;\r\n  border-radius: 20px !important;\r\n  padding: 2.5rem 3rem !important;\r\n  box-shadow: 0 4px 32px rgba(23, 0, 162, 0.06) !important;\r\n}\r\n\r\n#ddf-root .ddf-badge {\r\n  display: inline-block !important;\r\n  font-size: 11px !important;\r\n  font-weight: 700 !important;\r\n  letter-spacing: 0.08em !important;\r\n  text-transform: uppercase !important;\r\n  color: var(--ddf-accent) !important;\r\n  background: rgba(59, 191, 240, 0.1) !important;\r\n  border-radius: 100px !important;\r\n  padding: 4px 12px !important;\r\n  margin-bottom: 0.75rem !important;\r\n  line-height: 1.5 !important;\r\n}\r\n\r\n#ddf-root h2.ddf-title {\r\n  display: block !important;\r\n  font-size: 1.7rem !important;\r\n  font-weight: 700 !important;\r\n  color: var(--ddf-title) !important;\r\n  line-height: 1.25 !important;\r\n  margin: 0 0 0.5rem 0 !important;\r\n  padding: 0 !important;\r\n  border: none !important;\r\n  background: none !important;\r\n}\r\n\r\n#ddf-root .ddf-header-sub {\r\n  display: block !important;\r\n  font-size: 0.92rem !important;\r\n  color: var(--ddf-muted-soft) !important;\r\n  line-height: 1.6 !important;\r\n  margin: 0 0 1.5rem 0 !important;\r\n}\r\n\r\n#ddf-root .ddf-divider {\r\n  display: block !important;\r\n  height: 1px !important;\r\n  background: var(--ddf-border) !important;\r\n  margin: 0 0 1.75rem 0 !important;\r\n  border: none !important;\r\n}\r\n\r\n#ddf-root .ddf-row {\r\n  display: grid !important;\r\n  grid-template-columns: 1fr 1fr !important;\r\n  gap: 1rem !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n#ddf-root .ddf-field {\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  gap: 6px !important;\r\n  margin-bottom: 1.1rem !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n#ddf-root .ddf-field label {\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  gap: 4px !important;\r\n  font-size: 13px !important;\r\n  font-weight: 600 !important;\r\n  color: var(--ddf-text) !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  line-height: 1.4 !important;\r\n  background: none !important;\r\n  border: none !important;\r\n  text-transform: none !important;\r\n  letter-spacing: normal !important;\r\n}\r\n\r\n#ddf-root .ddf-field label .ddf-req {\r\n  color: var(--ddf-accent) !important;\r\n  font-weight: 700 !important;\r\n}\r\n\r\n#ddf-root .ddf-field input[type=\"text\"],\r\n#ddf-root .ddf-field input[type=\"email\"],\r\n#ddf-root .ddf-field input[type=\"tel\"],\r\n#ddf-root .ddf-field select,\r\n#ddf-root .ddf-cargo select,\r\n#ddf-root .ddf-field textarea {\r\n  display: block !important;\r\n  width: 100% !important;\r\n  padding: 11px 14px !important;\r\n  font-size: 14px !important;\r\n  font-weight: 400 !important;\r\n  color: var(--ddf-text) !important;\r\n  background: var(--ddf-white) !important;\r\n  border: 1.5px solid var(--ddf-border) !important;\r\n  border-radius: 10px !important;\r\n  outline: none !important;\r\n  transition: border-color 0.18s, box-shadow 0.18s !important;\r\n  appearance: none !important;\r\n  -webkit-appearance: none !important;\r\n  -moz-appearance: none !important;\r\n  box-shadow: none !important;\r\n  margin: 0 !important;\r\n  line-height: 1.5 !important;\r\n  min-height: unset !important;\r\n  max-height: unset !important;\r\n}\r\n\r\n#ddf-root .ddf-field select,\r\n#ddf-root .ddf-cargo select {\r\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'\/%3E%3C\/svg%3E\") !important;\r\n  background-repeat: no-repeat !important;\r\n  background-position: right 12px center !important;\r\n  padding-right: 36px !important;\r\n  cursor: pointer !important;\r\n}\r\n\r\n#ddf-root .ddf-field input::placeholder,\r\n#ddf-root .ddf-field textarea::placeholder {\r\n  color: #C0BDD4 !important;\r\n  opacity: 1 !important;\r\n}\r\n\r\n#ddf-root .ddf-field input:focus,\r\n#ddf-root .ddf-field select:focus,\r\n#ddf-root .ddf-cargo select:focus,\r\n#ddf-root .ddf-field textarea:focus {\r\n  border-color: var(--ddf-accent) !important;\r\n  box-shadow: 0 0 0 3px rgba(59, 191, 240, 0.12) !important;\r\n  outline: none !important;\r\n}\r\n\r\n#ddf-root .ddf-field textarea {\r\n  resize: vertical !important;\r\n  min-height: 90px !important;\r\n}\r\n\r\n#ddf-root .ddf-error-msg {\r\n  display: none !important;\r\n  font-size: 12px !important;\r\n  color: var(--ddf-error) !important;\r\n  margin: 0 !important;\r\n  line-height: 1.4 !important;\r\n}\r\n\r\n#ddf-root .ddf-field.ddf-has-error .ddf-error-msg { display: block !important; }\r\n#ddf-root .ddf-cargo.ddf-has-error .ddf-error-msg { display: block !important; }\r\n\r\n#ddf-root .ddf-field.ddf-has-error input,\r\n#ddf-root .ddf-field.ddf-has-error select,\r\n#ddf-root .ddf-field.ddf-has-error textarea,\r\n#ddf-root .ddf-cargo.ddf-has-error select {\r\n  border-color: var(--ddf-error) !important;\r\n}\r\n\r\n#ddf-root .ddf-cargo {\r\n  display: none !important;\r\n  flex-direction: column !important;\r\n  gap: 6px !important;\r\n  margin-bottom: 1.1rem !important;\r\n}\r\n#ddf-root .ddf-cargo.ddf-visible {\r\n  display: flex !important;\r\n}\r\n#ddf-root .ddf-cargo label {\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  gap: 4px !important;\r\n  font-size: 13px !important;\r\n  font-weight: 600 !important;\r\n  color: var(--ddf-text) !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  line-height: 1.4 !important;\r\n  background: none !important;\r\n  border: none !important;\r\n  text-transform: none !important;\r\n  letter-spacing: normal !important;\r\n}\r\n\r\n#ddf-root .ddf-consent {\r\n  display: block !important;\r\n  background: var(--ddf-bg-soft) !important;\r\n  border: 1px solid var(--ddf-border-blue) !important;\r\n  border-radius: 12px !important;\r\n  padding: 1rem 1.1rem !important;\r\n  margin: 1.2rem 0 !important;\r\n}\r\n\r\n#ddf-root .ddf-consent p {\r\n  display: block !important;\r\n  font-size: 12px !important;\r\n  color: var(--ddf-muted-soft) !important;\r\n  line-height: 1.6 !important;\r\n  margin: 0 0 0.75rem 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n#ddf-root .ddf-check-row {\r\n  display: flex !important;\r\n  align-items: flex-start !important;\r\n  gap: 10px !important;\r\n}\r\n\r\n#ddf-root .ddf-check-row input[type=\"checkbox\"] {\r\n  display: inline-block !important;\r\n  width: 16px !important;\r\n  height: 16px !important;\r\n  min-width: 16px !important;\r\n  border: 1.5px solid var(--ddf-border) !important;\r\n  border-radius: 4px !important;\r\n  cursor: pointer !important;\r\n  margin: 2px 0 0 0 !important;\r\n  padding: 0 !important;\r\n  accent-color: var(--ddf-title) !important;\r\n  box-shadow: none !important;\r\n  flex-shrink: 0 !important;\r\n}\r\n\r\n#ddf-root .ddf-check-row label {\r\n  font-size: 12px !important;\r\n  font-weight: 400 !important;\r\n  color: var(--ddf-muted) !important;\r\n  cursor: pointer !important;\r\n  line-height: 1.5 !important;\r\n  text-transform: none !important;\r\n  letter-spacing: normal !important;\r\n}\r\n\r\n#ddf-root .ddf-consent-footer {\r\n  display: block !important;\r\n  font-size: 11.5px !important;\r\n  color: var(--ddf-muted-soft) !important;\r\n  margin: 0.75rem 0 0 0 !important;\r\n  line-height: 1.5 !important;\r\n}\r\n\r\n#ddf-root .ddf-consent-footer a {\r\n  color: var(--ddf-title) !important;\r\n  text-decoration: underline !important;\r\n}\r\n\r\n#ddf-root .ddf-btn {\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  width: 100% !important;\r\n  padding: 13px !important;\r\n  background: var(--ddf-title) !important;\r\n  color: #fff !important;\r\n  font-size: 15px !important;\r\n  font-weight: 700 !important;\r\n  border: none !important;\r\n  border-radius: 12px !important;\r\n  cursor: pointer !important;\r\n  transition: background 0.18s, transform 0.1s !important;\r\n  margin-top: 0.5rem !important;\r\n  line-height: 1 !important;\r\n  text-transform: none !important;\r\n  letter-spacing: normal !important;\r\n  box-shadow: none !important;\r\n  outline: none !important;\r\n  text-decoration: none !important;\r\n}\r\n\r\n#ddf-root .ddf-btn:hover { background: var(--ddf-title-hover) !important; }\r\n#ddf-root .ddf-btn:active { transform: scale(0.99) !important; }\r\n#ddf-root .ddf-btn:disabled { background: #a0a0c0 !important; cursor: not-allowed !important; }\r\n\r\n#ddf-root .ddf-btn .ddf-btn-label { display: block !important; }\r\n#ddf-root .ddf-btn .ddf-spinner {\r\n  display: none !important;\r\n  width: 18px !important;\r\n  height: 18px !important;\r\n  border: 2px solid rgba(255,255,255,0.4) !important;\r\n  border-top-color: white !important;\r\n  border-radius: 50% !important;\r\n  animation: ddf-spin 0.7s linear infinite !important;\r\n}\r\n#ddf-root .ddf-btn.ddf-loading .ddf-btn-label { display: none !important; }\r\n#ddf-root .ddf-btn.ddf-loading .ddf-spinner { display: block !important; }\r\n\r\n@keyframes ddf-spin { to { transform: rotate(360deg); } }\r\n\r\n#ddf-root .ddf-success {\r\n  display: none !important;\r\n  text-align: center !important;\r\n  padding: 2rem 1rem !important;\r\n}\r\n\r\n#ddf-root .ddf-success .ddf-check-icon {\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  width: 56px !important;\r\n  height: 56px !important;\r\n  background: rgba(15,110,86,0.1) !important;\r\n  border-radius: 50% !important;\r\n  margin: 0 auto 1rem auto !important;\r\n}\r\n\r\n#ddf-root .ddf-success .ddf-check-icon svg {\r\n  display: block !important;\r\n  width: 28px !important;\r\n  height: 28px !important;\r\n  stroke: var(--ddf-success) !important;\r\n  fill: none !important;\r\n}\r\n\r\n#ddf-root .ddf-success h3 {\r\n  display: block !important;\r\n  font-size: 1.3rem !important;\r\n  font-weight: 700 !important;\r\n  color: var(--ddf-title) !important;\r\n  margin: 0 0 0.5rem 0 !important;\r\n  padding: 0 !important;\r\n  border: none !important;\r\n  background: none !important;\r\n}\r\n\r\n#ddf-root .ddf-success p {\r\n  font-size: 0.9rem !important;\r\n  color: var(--ddf-muted-soft) !important;\r\n  margin: 0 !important;\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  #ddf-root .ddf-card { padding: 1.75rem 1.25rem !important; }\r\n  #ddf-root .ddf-row { grid-template-columns: 1fr !important; }\r\n}\r\n<\/style>\r\n\r\n<div id=\"ddf-root\">\r\n  <div class=\"ddf-card\">\r\n\r\n    <div id=\"ddf-form-content\">\r\n      <span class=\"ddf-badge\">Get in touch<\/span>\r\n      <h2 class=\"ddf-title\">Meet Dadosfera<\/h2>\r\n      <p class=\"ddf-header-sub\">Fill out the form and a specialist will get in touch with you shortly.<\/p>\r\n      <div class=\"ddf-divider\"><\/div>\r\n\r\n      <form id=\"ddf-hs-form\" novalidate>\r\n\r\n        <div class=\"ddf-field\" id=\"ddf-field-firstname\">\r\n          <label for=\"ddf-firstname\">Full name <span class=\"ddf-req\">*<\/span><\/label>\r\n          <input type=\"text\" id=\"ddf-firstname\" placeholder=\"John Smith\" autocomplete=\"name\" \/>\r\n          <span class=\"ddf-error-msg\">Please enter your name.<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"ddf-row\">\r\n          <div class=\"ddf-field\" id=\"ddf-field-phone\">\r\n            <label for=\"ddf-phone\">Phone number <span class=\"ddf-req\">*<\/span><\/label>\r\n            <input type=\"tel\" id=\"ddf-phone\" placeholder=\"+1 (555) 000-0000\" autocomplete=\"tel\" \/>\r\n            <span class=\"ddf-error-msg\">Please enter a valid phone number.<\/span>\r\n          <\/div>\r\n          <div class=\"ddf-field\" id=\"ddf-field-email\">\r\n            <label for=\"ddf-email\">Corporate email <span class=\"ddf-req\">*<\/span><\/label>\r\n            <input type=\"email\" id=\"ddf-email\" placeholder=\"john@company.com\" autocomplete=\"email\" \/>\r\n            <span class=\"ddf-error-msg\">Please enter a valid email address.<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ddf-field\" id=\"ddf-field-company\">\r\n          <label for=\"ddf-company\">Company <span class=\"ddf-req\">*<\/span><\/label>\r\n          <input type=\"text\" id=\"ddf-company\" placeholder=\"Your company name\" autocomplete=\"organization\" \/>\r\n          <span class=\"ddf-error-msg\">Please enter your company name.<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"ddf-field\" id=\"ddf-field-department\">\r\n          <label for=\"ddf-department\">Department<\/label>\r\n          <select id=\"ddf-department\">\r\n            <option value=\"\">Select your department<\/option>\r\n            <option value=\"administrative\">Administrative<\/option>\r\n            <option value=\"accounting\">Finance<\/option>\r\n            <option value=\"business_development\">Sales \/ Business Development<\/option>\r\n            <option value=\"communications\">Marketing \/ Communications<\/option>\r\n            <option value=\"customer_service\">Customer Service<\/option>\r\n          <\/select>\r\n        <\/div>\r\n\r\n        <div class=\"ddf-cargo\" id=\"ddf-cargo-administrative\">\r\n          <label for=\"ddf-jobtitle-adm\">Job title <span class=\"ddf-req\">*<\/span><\/label>\r\n          <select id=\"ddf-jobtitle-adm\">\r\n            <option value=\"\">Select your job title<\/option>\r\n            <option value=\"Administrative Assistant\">Administrative Assistant<\/option>\r\n            <option value=\"Administrative Analyst\">Administrative Analyst<\/option>\r\n            <option value=\"Administrative Coordinator\">Administrative Coordinator<\/option>\r\n            <option value=\"Administrative Manager\">Administrative Manager<\/option>\r\n            <option value=\"Office Manager\">Office Manager<\/option>\r\n            <option value=\"VP of Administration\">VP of Administration<\/option>\r\n            <option value=\"Other\">Other<\/option>\r\n          <\/select>\r\n          <span class=\"ddf-error-msg\">Please select your job title.<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"ddf-cargo\" id=\"ddf-cargo-accounting\">\r\n          <label for=\"ddf-jobtitle-fin\">Job title <span class=\"ddf-req\">*<\/span><\/label>\r\n          <select id=\"ddf-jobtitle-fin\">\r\n            <option value=\"\">Select your job title<\/option>\r\n            <option value=\"Financial Analyst\">Financial Analyst<\/option>\r\n            <option value=\"Accountant\">Accountant<\/option>\r\n            <option value=\"Controller\">Controller<\/option>\r\n            <option value=\"Finance Manager\">Finance Manager<\/option>\r\n            <option value=\"Finance Director\">Finance Director<\/option>\r\n            <option value=\"CFO\">CFO<\/option>\r\n            <option value=\"Other\">Other<\/option>\r\n          <\/select>\r\n          <span class=\"ddf-error-msg\">Please select your job title.<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"ddf-cargo\" id=\"ddf-cargo-business_development\">\r\n          <label for=\"ddf-jobtitle-com\">Job title <span class=\"ddf-req\">*<\/span><\/label>\r\n          <select id=\"ddf-jobtitle-com\">\r\n            <option value=\"\">Select your job title<\/option>\r\n            <option value=\"Sales Representative\">Sales Representative<\/option>\r\n            <option value=\"Account Executive\">Account Executive<\/option>\r\n            <option value=\"SDR\">SDR (Sales Development Rep)<\/option>\r\n            <option value=\"Sales Analyst\">Sales Analyst<\/option>\r\n            <option value=\"Key Account Manager\">Key Account Manager<\/option>\r\n            <option value=\"Sales Manager\">Sales Manager<\/option>\r\n            <option value=\"Head of Sales\">Head of Sales<\/option>\r\n            <option value=\"VP of Sales\">VP of Sales<\/option>\r\n            <option value=\"Chief Revenue Officer\">Chief Revenue Officer (CRO)<\/option>\r\n            <option value=\"Other\">Other<\/option>\r\n          <\/select>\r\n          <span class=\"ddf-error-msg\">Please select your job title.<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"ddf-cargo\" id=\"ddf-cargo-communications\">\r\n          <label for=\"ddf-jobtitle-mkt\">Job title <span class=\"ddf-req\">*<\/span><\/label>\r\n          <select id=\"ddf-jobtitle-mkt\">\r\n            <option value=\"\">Select your job title<\/option>\r\n            <option value=\"Marketing Coordinator\">Marketing Coordinator<\/option>\r\n            <option value=\"Marketing Analyst\">Marketing Analyst<\/option>\r\n            <option value=\"Content Strategist\">Content Strategist<\/option>\r\n            <option value=\"Copywriter\">Copywriter<\/option>\r\n            <option value=\"Social Media Manager\">Social Media Manager<\/option>\r\n            <option value=\"Graphic Designer\">Graphic Designer<\/option>\r\n            <option value=\"Marketing Manager\">Marketing Manager<\/option>\r\n            <option value=\"Head of Marketing\">Head of Marketing<\/option>\r\n            <option value=\"VP of Marketing\">VP of Marketing<\/option>\r\n            <option value=\"CMO\">CMO<\/option>\r\n            <option value=\"Other\">Other<\/option>\r\n          <\/select>\r\n          <span class=\"ddf-error-msg\">Please select your job title.<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"ddf-cargo\" id=\"ddf-cargo-customer_service\">\r\n          <label for=\"ddf-jobtitle-cs\">Job title <span class=\"ddf-req\">*<\/span><\/label>\r\n          <select id=\"ddf-jobtitle-cs\">\r\n            <option value=\"\">Select your job title<\/option>\r\n            <option value=\"Support Specialist\">Support Specialist<\/option>\r\n            <option value=\"Customer Success Analyst\">Customer Success Analyst<\/option>\r\n            <option value=\"Customer Success Manager\">Customer Success Manager (CSM)<\/option>\r\n            <option value=\"Customer Support Manager\">Customer Support Manager<\/option>\r\n            <option value=\"Head of Customer Experience\">Head of Customer Experience<\/option>\r\n            <option value=\"VP of Customer Success\">VP of Customer Success<\/option>\r\n            <option value=\"Other\">Other<\/option>\r\n          <\/select>\r\n          <span class=\"ddf-error-msg\">Please select your job title.<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"ddf-field\" id=\"ddf-field-pain\">\r\n          <label for=\"ddf-pain\">What challenge are you looking to solve? <span class=\"ddf-req\">*<\/span><\/label>\r\n          <textarea id=\"ddf-pain\" placeholder=\"Briefly describe the challenge your company is facing...\"><\/textarea>\r\n          <span class=\"ddf-error-msg\">Please describe the challenge you need to solve.<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"ddf-consent\">\r\n          <p>Dadosfera is committed to protecting and respecting your privacy. We will only use your personal information to manage your account and provide the products and services you requested.<\/p>\r\n          <div class=\"ddf-check-row\">\r\n            <input type=\"checkbox\" id=\"ddf-consent-check\" \/>\r\n            <label for=\"ddf-consent-check\">I agree to receive other communications from Dadosfera.<\/label>\r\n          <\/div>\r\n          <p class=\"ddf-consent-footer\">\r\n            By clicking submit, you consent to Dadosfera storing and processing the information provided above. You can unsubscribe at any time. For more information, please review our <a href=\"#\" target=\"_blank\">Privacy Policy<\/a>.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <button type=\"submit\" class=\"ddf-btn\" id=\"ddf-submit\">\r\n          <span class=\"ddf-btn-label\">Submit<\/span>\r\n          <div class=\"ddf-spinner\"><\/div>\r\n        <\/button>\r\n\r\n      <\/form>\r\n    <\/div>\r\n\r\n    <div class=\"ddf-success\" id=\"ddf-success\">\r\n      <div class=\"ddf-check-icon\">\r\n        <svg viewBox=\"0 0 24 24\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3>Message sent!<\/h3>\r\n      <p>A Dadosfera specialist will reach out to you shortly.<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  var PORTAL_ID = \"5149717\";\r\n  var FORM_ID   = \"347b4524-5551-430a-aab1-0934b3be2c8f\";\r\n\r\n  var cargoMap = {\r\n    administrative:       \"ddf-cargo-administrative\",\r\n    accounting:           \"ddf-cargo-accounting\",\r\n    business_development: \"ddf-cargo-business_development\",\r\n    communications:       \"ddf-cargo-communications\",\r\n    customer_service:     \"ddf-cargo-customer_service\"\r\n  };\r\n\r\n  var dept = document.getElementById(\"ddf-department\");\r\n\r\n  dept.addEventListener(\"change\", function() {\r\n    document.querySelectorAll(\"#ddf-root .ddf-cargo\").forEach(function(el) {\r\n      el.classList.remove(\"ddf-visible\");\r\n      el.querySelector(\"select\").value = \"\";\r\n    });\r\n    if (this.value && cargoMap[this.value]) {\r\n      document.getElementById(cargoMap[this.value]).classList.add(\"ddf-visible\");\r\n    }\r\n  });\r\n\r\n  function getCargoSel() {\r\n    var v = document.querySelector(\"#ddf-root .ddf-cargo.ddf-visible select\");\r\n    return v || null;\r\n  }\r\n\r\n  function validate(fieldId, inputEl) {\r\n    var val = inputEl.value.trim();\r\n    var ok = !!val;\r\n    if (ok && inputEl.type === \"email\") ok = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(val);\r\n    document.getElementById(fieldId).classList.toggle(\"ddf-has-error\", !ok);\r\n    return ok;\r\n  }\r\n\r\n  [\"firstname\",\"phone\",\"email\",\"company\",\"pain\"].forEach(function(id) {\r\n    var el = document.getElementById(\"ddf-\" + id);\r\n    if (!el) return;\r\n    el.addEventListener(\"input\", function() {\r\n      var f = document.getElementById(\"ddf-field-\" + id);\r\n      if (f) f.classList.remove(\"ddf-has-error\");\r\n    });\r\n  });\r\n\r\n  document.getElementById(\"ddf-hs-form\").addEventListener(\"submit\", async function(e) {\r\n    e.preventDefault();\r\n    var ok = true;\r\n    if (!validate(\"ddf-field-firstname\", document.getElementById(\"ddf-firstname\"))) ok = false;\r\n    if (!validate(\"ddf-field-phone\",     document.getElementById(\"ddf-phone\")))     ok = false;\r\n    if (!validate(\"ddf-field-email\",     document.getElementById(\"ddf-email\")))     ok = false;\r\n    if (!validate(\"ddf-field-company\",   document.getElementById(\"ddf-company\")))   ok = false;\r\n    if (!validate(\"ddf-field-pain\",      document.getElementById(\"ddf-pain\")))      ok = false;\r\n\r\n    var cargoSel = getCargoSel();\r\n    if (cargoSel && !cargoSel.value) {\r\n      cargoSel.closest(\".ddf-cargo\").classList.add(\"ddf-has-error\");\r\n      ok = false;\r\n    }\r\n    if (!ok) return;\r\n\r\n    var btn = document.getElementById(\"ddf-submit\");\r\n    btn.classList.add(\"ddf-loading\");\r\n    btn.disabled = true;\r\n\r\n    var fields = [\r\n      { name: \"firstname\", value: document.getElementById(\"ddf-firstname\").value.trim() },\r\n      { name: \"phone\",     value: document.getElementById(\"ddf-phone\").value.trim() },\r\n      { name: \"email\",     value: document.getElementById(\"ddf-email\").value.trim() },\r\n      { name: \"company\",   value: document.getElementById(\"ddf-company\").value.trim() },\r\n      { name: \"dorperformancelatenciacusto\", value: document.getElementById(\"ddf-pain\").value.trim() }\r\n    ];\r\n\r\n    if (dept.value) fields.push({ name: \"department\", value: dept.value });\r\n    if (cargoSel && cargoSel.value) fields.push({ name: \"jobtitle\", value: cargoSel.value });\r\n\r\n    var payload = {\r\n      fields: fields,\r\n      context: { pageUri: window.location.href, pageName: document.title },\r\n      legalConsentOptions: {\r\n        consent: {\r\n          consentToProcess: true,\r\n          text: \"By clicking submit, you consent to Dadosfera storing and processing the information provided.\",\r\n          communications: [{\r\n            value: document.getElementById(\"ddf-consent-check\").checked,\r\n            subscriptionTypeId: 999,\r\n            text: \"I agree to receive other communications from Dadosfera.\"\r\n          }]\r\n        }\r\n      }\r\n    };\r\n\r\n    try {\r\n      var res = await fetch(\r\n        \"https:\/\/api.hsforms.com\/submissions\/v3\/integration\/submit\/\" + PORTAL_ID + \"\/\" + FORM_ID,\r\n        { method: \"POST\", headers: { \"Content-Type\": \"application\/json\" }, body: JSON.stringify(payload) }\r\n      );\r\n      if (res.ok) {\r\n        document.getElementById(\"ddf-form-content\").style.display = \"none\";\r\n        document.getElementById(\"ddf-success\").style.display = \"block\";\r\n      } else {\r\n        var err = await res.json();\r\n        console.error(\"HubSpot error:\", err);\r\n        alert(\"Submission failed. Please try again.\");\r\n        btn.classList.remove(\"ddf-loading\");\r\n        btn.disabled = false;\r\n      }\r\n    } catch(err) {\r\n      console.error(err);\r\n      alert(\"Connection error. Please check your internet and try again.\");\r\n      btn.classList.remove(\"ddf-loading\");\r\n      btn.disabled = false;\r\n    }\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-741db8a elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"741db8a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b819217\" data-id=\"b819217\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-afc7fd1 elementor-widget elementor-widget-html\" data-id=\"afc7fd1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .ddf-footer-global-wrapper {\r\n    all: unset !important;\r\n    display: block !important;\r\n    width: 100% !important;\r\n    position: relative;\r\n    box-sizing: border-box !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    font-family: 'Nunito', sans-serif !important;\r\n    -webkit-font-smoothing: antialiased;\r\n    text-rendering: optimizeLegibility;\r\n  }\r\n\r\n  .ddf-footer-global-wrapper *,\r\n  .ddf-footer-global-wrapper *::before,\r\n  .ddf-footer-global-wrapper *::after {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n    font-family: 'Nunito', sans-serif !important;\r\n  }\r\n\r\n  .ddf-footer-global-wrapper a {\r\n    text-decoration: none;\r\n    color: inherit;\r\n    transition: color 0.3s ease;\r\n  }\r\n\r\n  .ddf-footer-global-wrapper ul {\r\n    list-style: none;\r\n  }\r\n\r\n  .ddf-footer-global-wrapper img {\r\n    max-width: 100%;\r\n    display: block;\r\n  }\r\n\r\n  .ddf-footer-global-wrapper .ddf-footer-inner {\r\n    --white: #ffffff;\r\n    --transparent: transparent;\r\n    --aurora-accent: #3BBFF0;\r\n    --title-color: #1700A2;\r\n    --text-color: #0D003B;\r\n    --btn-hover: #0D003B;\r\n\r\n    background: var(--transparent);\r\n    color: var(--text-color);\r\n    width: 100%;\r\n    padding: 4rem 1rem;\r\n  }\r\n\r\n  .ddf-footer-global-wrapper .footer-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    width: 100%;\r\n  }\r\n\r\n  .ddf-footer-global-wrapper .footer-top {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 3rem;\r\n    margin-bottom: 3rem;\r\n  }\r\n\r\n  .ddf-footer-global-wrapper .brand-section {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n    gap: 1.5rem;\r\n    width: 100%;\r\n  }\r\n\r\n  .ddf-footer-global-wrapper .brand-header {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .ddf-footer-global-wrapper .brand-header img {\r\n    height: 48px;\r\n    width: auto;\r\n  }\r\n\r\n  .ddf-footer-global-wrapper .brand-desc {\r\n    font-size: 0.875rem;\r\n    font-weight: 600;\r\n    line-height: 1.6;\r\n    max-width: 320px;\r\n    color: var(--text-color);\r\n  }\r\n\r\n  .ddf-footer-global-wrapper .social-links {\r\n    display: flex;\r\n    gap: 1.25rem;\r\n    align-items: center;\r\n  }\r\n\r\n  .ddf-footer-global-wrapper .social-links a {\r\n    color: var(--text-color);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: color 0.3s ease, transform 0.3s ease;\r\n  }\r\n\r\n  .ddf-footer-global-wrapper .social-links a:hover {\r\n    color: var(--title-color);\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .ddf-footer-global-wrapper .social-links svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    fill: currentColor;\r\n  }\r\n\r\n  .ddf-footer-global-wrapper .links-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 2rem;\r\n    width: 100%;\r\n    text-align: center;\r\n  }\r\n\r\n  .ddf-footer-global-wrapper .link-col h3 {\r\n    font-size: 1rem;\r\n    font-weight: 800;\r\n    color: var(--text-color);\r\n    margin-bottom: 1.25rem;\r\n  }\r\n\r\n  .ddf-footer-global-wrapper .link-col ul {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0.875rem;\r\n  }\r\n\r\n  .ddf-footer-global-wrapper .link-col li a {\r\n    font-size: 0.875rem;\r\n    font-weight: 600;\r\n    color: var(--text-color);\r\n  }\r\n\r\n  .ddf-footer-global-wrapper .link-col li a:hover {\r\n    color: var(--title-color);\r\n  }\r\n\r\n  .ddf-footer-global-wrapper .footer-bottom {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 1rem;\r\n    border-top: 1px solid rgba(13, 0, 59, 0.1);\r\n    padding-top: 2rem;\r\n    font-size: 0.75rem;\r\n    font-weight: 600;\r\n    color: var(--text-color);\r\n    text-align: center;\r\n  }\r\n\r\n  .ddf-footer-global-wrapper .legal-links {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    gap: 1rem;\r\n  }\r\n\r\n  .ddf-footer-global-wrapper .legal-links a:hover {\r\n    color: var(--title-color);\r\n  }\r\n\r\n  \/* RESPONSIVE *\/\r\n  @media (min-width: 768px) {\r\n    .ddf-footer-global-wrapper .links-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n      text-align: left;\r\n    }\r\n    .ddf-footer-global-wrapper .brand-section {\r\n      align-items: flex-start;\r\n      text-align: left;\r\n    }\r\n    .ddf-footer-global-wrapper .brand-header {\r\n      justify-content: flex-start;\r\n    }\r\n  }\r\n\r\n  @media (min-width: 1024px) {\r\n    .ddf-footer-global-wrapper .ddf-footer-inner {\r\n      padding: 5rem 2rem;\r\n    }\r\n    .ddf-footer-global-wrapper .footer-top {\r\n      flex-direction: row;\r\n      justify-content: space-between;\r\n      gap: 4rem;\r\n      align-items: flex-start;\r\n    }\r\n    .ddf-footer-global-wrapper .brand-section {\r\n      width: 30%;\r\n    }\r\n    .ddf-footer-global-wrapper .links-grid {\r\n      width: 70%;\r\n      grid-template-columns: repeat(4, 1fr);\r\n    }\r\n    .ddf-footer-global-wrapper .footer-bottom {\r\n      flex-direction: row;\r\n      justify-content: space-between;\r\n      text-align: left;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"ddf-footer-global-wrapper\">\r\n  <div class=\"ddf-footer-inner\">\r\n    <div class=\"footer-container\">\r\n\r\n      <div class=\"footer-top\">\r\n\r\n        <div class=\"brand-section\">\r\n          <div class=\"brand-header\">\r\n            <a href=\"https:\/\/dadosfera.ai\/en\">\r\n              <img decoding=\"async\" src=\"https:\/\/dadosfera.info\/dev\/wp-content\/uploads\/2026\/02\/Logo_Dadosfera.svg\" alt=\"Dadosfera\">\r\n            <\/a>\r\n          <\/div>\r\n          <p class=\"brand-desc\">\r\n            Dadosfera integrates data from different systems, automates workflows, applies AI, and delivers results through Agents and Apps.\r\n          <\/p>\r\n          <div class=\"social-links\">\r\n            <a href=\"https:\/\/www.instagram.com\/dadosfera.ai\/\" target=\"_blank\" aria-label=\"Instagram\">\r\n              <svg viewBox=\"0 0 448 512\"><path d=\"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z\"\/><\/svg>\r\n            <\/a>\r\n            <a href=\"https:\/\/www.linkedin.com\/company\/dadosfera\/\" target=\"_blank\" aria-label=\"LinkedIn\" rel=\"noopener\">\r\n              <svg viewBox=\"0 0 448 512\"><path d=\"M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z\"\/><\/svg>\r\n            <\/a>\r\n            <a href=\"https:\/\/github.com\/dadosfera\" target=\"_blank\" aria-label=\"GitHub\" rel=\"noopener\">\r\n              <svg viewBox=\"0 0 496 512\"><path d=\"M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3 .3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5 .3-6.2 2.3zm44.2-1.7c-2.9 .7-4.9 2.6-4.6 4.9 .3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3 .7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3 .3 2.9 2.3 3.9 1.6 1 3.6 .7 4.3-.7 .7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3 .7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3 .7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z\"\/><\/svg>\r\n            <\/a>\r\n            <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=5531984740940&amp;text&amp;type=phone_number&amp;app_absent=0\" target=\"_blank\" aria-label=\"WhatsApp\" rel=\"noopener\">\r\n              <svg viewBox=\"0 0 448 512\"><path d=\"M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zM223.9 414.7c-33.1 0-65.6-8.9-94-25.7l-6.7-4-69.8 18.3L72 334.3l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.9 83.1-185 185.1-185 49.4 0 95.8 19.3 130.8 54.2 35 35 54.3 81.6 54.3 131.1 0 102-83.1 185.3-185.7 185.3zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-2.1-3.6 2.1-3.2 7.6-14.1 1.4-2.8 .7-5.2-.2-8-1.5-3-12.5-30.2-17.1-41.3-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z\"\/><\/svg>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"links-grid\">\r\n\r\n          <div class=\"link-col\">\r\n            <h3>Product<\/h3>\r\n            <ul>\r\n              <li><a href=\"https:\/\/dadosfera.ai\/en\/saas\/\">SaaS Platform<\/a><\/li>\r\n              <li><a href=\"https:\/\/mkthb.dadosfera.ai\/en\/dataapps-solutions-autodriveddf\/wdec?_gl=1*115aclw*_gcl_au*Mjg2NTU5NDUyLjE3NzQ5MDg4NjU.\" target=\"_blank\">AutoDriveDDF<\/a><\/li>\r\n            <\/ul>\r\n          <\/div>\r\n\r\n          <div class=\"link-col\">\r\n            <h3>Contact<\/h3>\r\n            <ul>\r\n              <li><a href=\"https:\/\/share.hsforms.com\/1IoRmplXrQdKJkcCuVSM-Yg32djp\" target=\"_blank\" rel=\"noopener\">Talk to Us<\/a><\/li>\r\n              <li><a href=\"https:\/\/suporte.dadosfera.ai\/hc\/pt-br\" target=\"_blank\">Support<\/a><\/li>\r\n            <\/ul>\r\n          <\/div>\r\n\r\n          <div class=\"link-col\">\r\n            <h3>About Us<\/h3>\r\n            <ul>\r\n              <li><a href=\"https:\/\/dadosfera.ai\/en\/about-us\/\">Who we are<\/a><\/li>\r\n            <\/ul>\r\n          <\/div>\r\n\r\n          <div class=\"link-col\">\r\n            <h3>Careers<\/h3>\r\n            <ul>\r\n              <li><a href=\"https:\/\/mkthb.dadosfera.ai\/en\/dadosfera-careers?_gl=1*8dkyai*_gcl_au*Mjg2NTU5NDUyLjE3NzQ5MDg4NjU.\" target=\"_blank\">Work with Us<\/a><\/li>\r\n            <\/ul>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"footer-bottom\">\r\n        <p>\u00a9 2026 Dadosfera. All rights reserved.<\/p>\r\n        <div class=\"legal-links\">\r\n          <a href=\"https:\/\/dadosfera.ai\/termo-de-uso-produto\/\" target=\"_blank\">Terms of Use<\/a>\r\n          <a href=\"https:\/\/dadosfera.ai\/aviso-de-privacidade\/\" target=\"_blank\">Privacy Policy<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Turn your organization&#8217;s future success into reality. Today. How does Dadosfera work? A single platform that connects, organizes, governs, and applies intelligence to your data \u2014<span class=\"excerpt-hellip\"> [\u2026]<\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":"","footnotes":""},"class_list":["post-74","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dadosfera.ai\/en\/wp-json\/wp\/v2\/pages\/74","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dadosfera.ai\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dadosfera.ai\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dadosfera.ai\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dadosfera.ai\/en\/wp-json\/wp\/v2\/comments?post=74"}],"version-history":[{"count":442,"href":"https:\/\/dadosfera.ai\/en\/wp-json\/wp\/v2\/pages\/74\/revisions"}],"predecessor-version":[{"id":1626,"href":"https:\/\/dadosfera.ai\/en\/wp-json\/wp\/v2\/pages\/74\/revisions\/1626"}],"wp:attachment":[{"href":"https:\/\/dadosfera.ai\/en\/wp-json\/wp\/v2\/media?parent=74"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}