Nuvix Header - Enhanced Light Theme<\/title>\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/maxst.icons8.com\/vue-static\/landings\/line-awesome\/line-awesome\/1.3.0\/css\/line-awesome.min.css\">\n \n <style>\n \/* ================================\n SCOPED HEADER STYLES\n All styles prefixed with .nuvix-header\n to avoid conflicts with external styles\n ================================ *\/\n\n .nuvix-header-wrapper {\n --nuvix-primary-gradient: linear-gradient(135deg, #9f39ff 0%, #00b4d8 100%);\n --nuvix-secondary-gradient: linear-gradient(135deg, #ff006e 0%, #00b4d8 100%);\n --nuvix-dark-bg: #0a0e27;\n --nuvix-card-bg: rgba(255, 255, 255, 0.05);\n --nuvix-text-light: #e2e8f0;\n --nuvix-accent-blue: #00b4d8;\n --nuvix-accent-purple: #9f39ff;\n --nuvix-accent-pink: #ff006e;\n }\n\n \/* Enhanced Light Theme Variables *\/\n body.nuvix-light-theme .nuvix-header-wrapper {\n --nuvix-dark-bg: #ffffff;\n --nuvix-card-bg: rgba(159, 57, 255, 0.06);\n --nuvix-text-light: #1e293b;\n --nuvix-accent-blue: #0284c7;\n --nuvix-accent-purple: #7c3aed;\n --nuvix-accent-pink: #e11d48;\n --nuvix-border-color: rgba(159, 57, 255, 0.15);\n --nuvix-hover-bg: rgba(124, 58, 237, 0.08);\n }\n\n \/* Header Container *\/\n .nuvix-header-wrapper {\n position: fixed;\n top: 0;\n width: 100%;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(10, 14, 39, 0.8);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.3s ease;\n min-height: 60px;\n height: auto;\n }\n\n body.nuvix-light-theme .nuvix-header-wrapper {\n background: rgba(255, 255, 255, 0.95);\n border-bottom: 2px solid rgba(159, 57, 255, 0.12);\n box-shadow: 0 2px 12px rgba(124, 58, 237, 0.08);\n }\n\n .nuvix-header-wrapper.scrolled {\n background: rgba(10, 14, 39, 0.95);\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n }\n\n body.nuvix-light-theme .nuvix-header-wrapper.scrolled {\n background: rgba(255, 255, 255, 0.98);\n box-shadow: 0 4px 20px rgba(124, 58, 237, 0.15);\n border-bottom-color: rgba(159, 57, 255, 0.2);\n }\n\n \/* Navigation *\/\n .nuvix-header-wrapper .nuvix-nav {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0.75rem 1rem;\n width: 100%;\n max-width: 1600px;\n margin: 0 auto;\n min-height: 60px;\n flex-wrap: wrap;\n gap: 0.5rem;\n }\n\n @media (min-width: 768px) {\n .nuvix-header-wrapper .nuvix-nav {\n padding: 1rem 1.5rem;\n flex-wrap: nowrap;\n gap: 0.75rem;\n }\n }\n\n @media (min-width: 1200px) {\n .nuvix-header-wrapper .nuvix-nav {\n padding: 1rem 2rem;\n }\n }\n\n \/* Logo *\/\n .nuvix-header-wrapper .nuvix-logo {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n z-index: 1002;\n flex-shrink: 0;\n }\n\n .nuvix-header-wrapper .nuvix-logo a {\n display: flex;\n align-items: center;\n text-decoration: none;\n cursor: pointer;\n }\n\n .nuvix-header-wrapper .nuvix-logo img {\n height: 35px;\n width: auto;\n filter: drop-shadow(0 0 10px rgba(159, 57, 255, 0.5));\n transition: all 0.3s ease;\n cursor: pointer;\n }\n\n .nuvix-header-wrapper .nuvix-logo a:hover img {\n opacity: 0.85;\n transform: scale(1.02);\n }\n\n @media (min-width: 768px) {\n .nuvix-header-wrapper .nuvix-logo img {\n height: 40px;\n }\n }\n\n @media (min-width: 1200px) {\n .nuvix-header-wrapper .nuvix-logo img {\n height: 45px;\n }\n }\n\n body.nuvix-light-theme .nuvix-header-wrapper .nuvix-logo img {\n filter: drop-shadow(0 2px 8px rgba(124, 58, 237, 0.25));\n }\n\n \/* Desktop Navigation Links *\/\n .nuvix-header-wrapper .nuvix-nav-links {\n display: none;\n gap: clamp(0.3rem, 0.8vw, 1rem);\n align-items: center;\n flex-wrap: wrap;\n justify-content: flex-end;\n flex: 1;\n max-width: 100%;\n overflow: hidden;\n }\n\n @media (min-width: 1024px) {\n .nuvix-header-wrapper .nuvix-nav-links {\n display: flex;\n }\n }\n\n @media (min-width: 1400px) {\n .nuvix-header-wrapper .nuvix-nav-links {\n gap: clamp(0.75rem, 1.2vw, 1.5rem);\n }\n }\n\n \/* Navigation Link Styles *\/\n .nuvix-header-wrapper .nuvix-nav-links a {\n color: var(--nuvix-text-light);\n text-decoration: none;\n transition: all 0.3s ease;\n position: relative;\n font-weight: 500;\n white-space: nowrap;\n font-size: clamp(0.7rem, 0.9vw, 0.95rem);\n padding: 0.25rem clamp(0.25rem, 0.5vw, 0.75rem);\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n }\n\n @media (min-width: 1200px) {\n .nuvix-header-wrapper .nuvix-nav-links a {\n font-size: clamp(0.75rem, 1vw, 1rem);\n }\n }\n\n @media (min-width: 1600px) {\n .nuvix-header-wrapper .nuvix-nav-links a {\n font-size: clamp(0.85rem, 1vw, 1.05rem);\n }\n }\n\n .nuvix-header-wrapper .nuvix-nav-links a::after {\n content: '';\n position: absolute;\n bottom: -5px;\n left: 0;\n width: 0;\n height: 2px;\n background: var(--nuvix-primary-gradient);\n transition: width 0.3s ease;\n }\n\n .nuvix-header-wrapper .nuvix-nav-links a:hover::after {\n width: 100%;\n }\n\n body.nuvix-light-theme .nuvix-header-wrapper .nuvix-nav-links a:hover {\n color: var(--nuvix-accent-purple);\n }\n\n \/* Compact Mode *\/\n @media (min-width: 1024px) and (max-width: 1199px) {\n .nuvix-header-wrapper .nuvix-nav-links {\n gap: 0.4rem;\n }\n \n .nuvix-header-wrapper .nuvix-nav-links a {\n font-size: clamp(0.65rem, 0.85vw, 0.85rem);\n padding: 0.25rem 0.3rem;\n }\n }\n\n .nuvix-header-wrapper.compact-mode .nuvix-nav-links {\n gap: 0.25rem;\n }\n\n .nuvix-header-wrapper.compact-mode .nuvix-nav-links a {\n font-size: 0.7rem;\n padding: 0.2rem 0.25rem;\n }\n\n .nuvix-header-wrapper.compact-mode .nuvix-nav-links .nuvix-btn {\n padding: 0.4rem 0.8rem;\n font-size: 0.7rem;\n }\n\n \/* Theme Toggle Button *\/\n .nuvix-header-wrapper .nuvix-theme-toggle {\n background: transparent;\n border: 2px solid rgba(255, 255, 255, 0.3);\n border-radius: 50%;\n width: clamp(35px, 5vw, 40px);\n height: clamp(35px, 5vw, 40px);\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 0.3s ease;\n color: var(--nuvix-text-light);\n padding: 0;\n flex-shrink: 0;\n outline: none;\n }\n\n body.nuvix-light-theme .nuvix-header-wrapper .nuvix-theme-toggle {\n border-color: rgba(124, 58, 237, 0.3);\n background: rgba(124, 58, 237, 0.05);\n }\n\n .nuvix-header-wrapper .nuvix-theme-toggle:hover {\n border-color: var(--nuvix-accent-blue);\n background: rgba(255, 255, 255, 0.1);\n transform: rotate(15deg);\n }\n\n body.nuvix-light-theme .nuvix-header-wrapper .nuvix-theme-toggle:hover {\n background: rgba(124, 58, 237, 0.12);\n border-color: var(--nuvix-accent-purple);\n transform: rotate(15deg) scale(1.05);\n }\n\n .nuvix-header-wrapper .nuvix-theme-toggle:active {\n transform: rotate(15deg) scale(0.95);\n }\n\n .nuvix-header-wrapper .nuvix-theme-toggle i {\n font-size: clamp(1rem, 1.5vw, 1.25rem);\n transition: transform 0.5s ease;\n }\n\n body.nuvix-light-theme .nuvix-header-wrapper .nuvix-theme-toggle i {\n transform: rotate(180deg);\n color: #f59e0b;\n }\n\n \/* Buttons *\/\n .nuvix-header-wrapper .nuvix-btn {\n padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);\n border-radius: 25px;\n text-decoration: none;\n font-weight: 600;\n transition: all 0.3s ease;\n display: inline-block;\n border: none;\n cursor: pointer;\n font-size: clamp(0.75rem, 1vw, 0.9rem);\n white-space: nowrap;\n text-align: center;\n flex-shrink: 0;\n }\n\n @media (min-width: 1200px) {\n .nuvix-header-wrapper .nuvix-btn {\n padding: clamp(0.6rem, 1.2vw, 0.875rem) clamp(1.25rem, 2.2vw, 2rem);\n font-size: clamp(0.8rem, 1.1vw, 0.95rem);\n }\n }\n\n .nuvix-header-wrapper .nuvix-btn-primary {\n background: var(--nuvix-primary-gradient);\n color: white;\n box-shadow: 0 4px 20px rgba(159, 57, 255, 0.4);\n }\n\n .nuvix-header-wrapper .nuvix-btn-primary:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 30px rgba(159, 57, 255, 0.6);\n }\n\n body.nuvix-light-theme .nuvix-header-wrapper .nuvix-btn-primary {\n box-shadow: 0 4px 16px rgba(124, 58, 237, 0.35);\n }\n\n body.nuvix-light-theme .nuvix-header-wrapper .nuvix-btn-primary:hover {\n box-shadow: 0 8px 24px rgba(124, 58, 237, 0.5);\n transform: translateY(-3px);\n }\n\n .nuvix-header-wrapper .nuvix-btn-secondary {\n background: transparent;\n color: var(--nuvix-text-light);\n border: 2px solid rgba(255, 255, 255, 0.3);\n }\n\n body.nuvix-light-theme .nuvix-header-wrapper .nuvix-btn-secondary {\n border-color: rgba(124, 58, 237, 0.3);\n background: rgba(124, 58, 237, 0.05);\n }\n\n .nuvix-header-wrapper .nuvix-btn-secondary:hover {\n background: rgba(255, 255, 255, 0.1);\n border-color: var(--nuvix-accent-blue);\n color: var(--nuvix-accent-blue);\n }\n\n body.nuvix-light-theme .nuvix-header-wrapper .nuvix-btn-secondary:hover {\n background: rgba(124, 58, 237, 0.12);\n border-color: var(--nuvix-accent-purple);\n color: var(--nuvix-accent-purple);\n }\n\n \/* Mobile Navigation Container *\/\n .nuvix-header-wrapper .nuvix-mobile-nav-container {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n @media (min-width: 1024px) {\n .nuvix-header-wrapper .nuvix-mobile-nav-container {\n display: none;\n }\n }\n\n \/* Hamburger Menu *\/\n .nuvix-header-wrapper .nuvix-hamburger {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n width: 30px;\n height: 24px;\n cursor: pointer;\n z-index: 1002;\n padding: 5px;\n background: transparent;\n border: none;\n outline: none;\n }\n\n .nuvix-header-wrapper .nuvix-hamburger span {\n display: block;\n width: 100%;\n height: 3px;\n background: var(--nuvix-text-light);\n border-radius: 3px;\n transition: all 0.3s ease;\n }\n\n .nuvix-header-wrapper .nuvix-hamburger.active span:nth-child(1) {\n transform: translateY(10.5px) rotate(45deg);\n }\n\n .nuvix-header-wrapper .nuvix-hamburger.active span:nth-child(2) {\n opacity: 0;\n }\n\n .nuvix-header-wrapper .nuvix-hamburger.active span:nth-child(3) {\n transform: translateY(-10.5px) rotate(-45deg);\n }\n\n \/* Mobile Menu Overlay *\/\n .nuvix-mobile-menu {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n background: rgba(10, 14, 39, 0.98);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n z-index: 999;\n opacity: 0;\n visibility: hidden;\n transition: opacity 0.3s ease, visibility 0.3s ease;\n pointer-events: none;\n }\n\n body.nuvix-light-theme .nuvix-mobile-menu {\n background: rgba(255, 255, 255, 0.98);\n backdrop-filter: blur(30px);\n -webkit-backdrop-filter: blur(30px);\n }\n\n .nuvix-mobile-menu.active {\n opacity: 1;\n visibility: visible;\n pointer-events: auto;\n }\n\n .nuvix-mobile-menu .nuvix-mobile-menu-content {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n padding: 2rem;\n }\n\n .nuvix-mobile-menu .nuvix-mobile-menu-links {\n display: flex;\n flex-direction: column;\n gap: 2rem;\n text-align: center;\n margin-bottom: 3rem;\n }\n\n .nuvix-mobile-menu .nuvix-mobile-menu-links a {\n color: var(--nuvix-text-light);\n text-decoration: none;\n font-size: clamp(1.25rem, 4vw, 1.5rem);\n font-weight: 600;\n transition: all 0.3s ease;\n padding: 0.5rem 1rem;\n }\n\n .nuvix-mobile-menu .nuvix-mobile-menu-links a:hover {\n color: var(--nuvix-accent-blue);\n transform: translateX(5px);\n }\n\n body.nuvix-light-theme .nuvix-mobile-menu .nuvix-mobile-menu-links a:hover {\n color: var(--nuvix-accent-purple);\n }\n\n .nuvix-mobile-menu .nuvix-mobile-menu-buttons {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n max-width: 300px;\n }\n\n \/* Locale Switcher *\/\n .nuvix-header-wrapper .nuvix-locale-switcher-wrapper {\n display: flex;\n align-items: center;\n min-width: fit-content;\n flex-shrink: 0;\n }\n <\/style>\n<\/head>\n<body>\n\n\n<div class=\"nuvix-header-wrapper\" id=\"nuvixHeader\">\n <nav class=\"nuvix-nav\">\n <div class=\"nuvix-logo\">\n <img decoding=\"async\" id=\"nuvixLogoImg\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/07\/uvix-1-1.png\" alt=\"Nuvix\">\n <\/div>\n \n \n <div class=\"nuvix-nav-links\">\n <a href=\"\/pt\/index.html\/\">In\u00edcio<\/a>\n <a href=\"\/pt\/markets.html\/\">Mercados<\/a>\n <a href=\"\/pt\/technology.html\/\">Tecnologia de IA<\/a>\n <a href=\"\/pt\/business.html\/\">Modelo de neg\u00f3cios<\/a>\n <a href=\"\/pt\/packages.html\/\">Pacotes<\/a>\n <a href=\"\/pt\/demo.html\/\">Demonstra\u00e7\u00e3o<\/a>\n <a href=\"https:\/\/nuvix.com\/pt\/c_login\/\">Fazer login<\/a>\n \n \n <button id=\"nuvixThemeToggle\" class=\"nuvix-theme-toggle\" aria-label=\"Alternar tema\">\n <i class=\"las la-moon\" id=\"nuvixThemeIcon\"><\/i>\n <\/button>\n \n <div class=\"nuvix-locale-switcher-wrapper\" id=\"nuvixLocaleSwitcher\"> <div class=\"ulcs-widget minimal-style\"\n data-position=\"inline\" \n data-type=\"both\">\n <button class=\"ulcs-trigger\" aria-label=\"Alterar ambos\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\udde7\ud83c\uddf7<\/span>\n <span class=\"ulcs-lang\">PT<\/span>\n \n <span class=\"ulcs-divider\">|<\/span>\n \n <span class=\"ulcs-currency-symbol\">$<\/span>\n <span class=\"ulcs-currency-code\">USD<\/span>\n <\/div>\n <svg class=\"ulcs-arrow\" width=\"12\" height=\"12\" viewbox=\"0 0 12 12\" fill=\"none\">\n <path d=\"M3 4.5L6 7.5L9 4.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/button>\n <\/div>\n <\/div>\n <a href=\"\/pt\/packages.html\/\" class=\"nuvix-btn nuvix-btn-primary\">Come\u00e7ar a usar<\/a>\n <\/div>\n \n \n <div class=\"nuvix-mobile-nav-container\">\n <button id=\"nuvixThemeToggleMobile\" class=\"nuvix-theme-toggle\" aria-label=\"Alternar tema\">\n <i class=\"las la-moon\" id=\"nuvixThemeIconMobile\"><\/i>\n <\/button>\n <a href=\"\/pt\/packages.html\/\" class=\"nuvix-btn nuvix-btn-primary\" style=\"padding: 0.5rem 1.25rem; font-size: 0.85rem;\">Come\u00e7ar a usar<\/a>\n <div class=\"nuvix-hamburger\" id=\"nuvixHamburger\">\n <span><\/span>\n <span><\/span>\n <span><\/span>\n <\/div>\n <\/div>\n <\/nav>\n<\/div>\n\n\n<div class=\"nuvix-mobile-menu\" id=\"nuvixMobileMenu\">\n <div class=\"nuvix-mobile-menu-content\">\n <div class=\"nuvix-mobile-menu-links\">\n <a href=\"\/pt\/index.html\/\">In\u00edcio<\/a>\n <a href=\"\/pt\/markets.html\/\">Mercados<\/a>\n <a href=\"\/pt\/technology.html\/\">Tecnologia de IA<\/a>\n <a href=\"\/pt\/business.html\/\">Modelo de neg\u00f3cios<\/a>\n <a href=\"\/pt\/packages.html\/\">Pacotes<\/a>\n <a href=\"\/pt\/demo.html\/\">Demonstra\u00e7\u00e3o<\/a>\n <\/div>\n <div class=\"nuvix-mobile-menu-buttons\">\n <a href=\"https:\/\/nuvix.com\/pt\/c_login\/\" class=\"nuvix-btn nuvix-btn-secondary\">Fazer login<\/a>\n <a href=\"\/pt\/packages.html\/\" class=\"nuvix-btn nuvix-btn-primary\">Comece agora<\/a>\n <div class=\"nuvix-locale-switcher-wrapper\" id=\"nuvixLocaleSwitcherMobile\"><center> <div class=\"ulcs-widget minimal-style\"\n data-position=\"inline\" \n data-type=\"both\">\n <button class=\"ulcs-trigger\" aria-label=\"Alterar ambos\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\udde7\ud83c\uddf7<\/span>\n <span class=\"ulcs-lang\">PT<\/span>\n \n <span class=\"ulcs-divider\">|<\/span>\n \n <span class=\"ulcs-currency-symbol\">$<\/span>\n <span class=\"ulcs-currency-code\">USD<\/span>\n <\/div>\n <svg class=\"ulcs-arrow\" width=\"12\" height=\"12\" viewbox=\"0 0 12 12\" fill=\"none\">\n <path d=\"M3 4.5L6 7.5L9 4.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/button>\n <\/div>\n <\/center><\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n\/\/ ================================\n\/\/ NUVIX HEADER SCRIPTS\n\/\/ All namespaced to avoid conflicts\n\/\/ ================================\n(function() {\n 'use strict';\n \n \/\/ Logo URLs\n const LOGO_DARK = 'https:\/\/nuvix.com\/wp-content\/uploads\/2025\/07\/uvix-1-1.png';\n const LOGO_LIGHT = 'https:\/\/nuvix.com\/wp-content\/uploads\/2025\/07\/cropped-2-2-1.png';\n \n \/\/ Theme Toggle\n const themeToggle = document.getElementById('nuvixThemeToggle');\n const themeToggleMobile = document.getElementById('nuvixThemeToggleMobile');\n const themeIcon = document.getElementById('nuvixThemeIcon');\n const themeIconMobile = document.getElementById('nuvixThemeIconMobile');\n const logoImg = document.getElementById('nuvixLogoImg');\n const body = document.body;\n\n const currentTheme = localStorage.getItem('nuvixTheme') || 'dark';\n \n if (currentTheme === 'light') {\n body.classList.add('nuvix-light-theme');\n updateThemeElements('light');\n }\n\n function toggleTheme() {\n body.classList.toggle('nuvix-light-theme');\n \n const theme = body.classList.contains('nuvix-light-theme') ? 'light' : 'dark';\n localStorage.setItem('nuvixTheme', theme);\n updateThemeElements(theme);\n }\n\n function updateThemeElements(theme) {\n \/\/ Update icons\n const iconClass = theme === 'light' ? 'la-sun' : 'la-moon';\n \n if (themeIcon) {\n themeIcon.className = 'las ' + iconClass;\n }\n if (themeIconMobile) {\n themeIconMobile.className = 'las ' + iconClass;\n }\n \n \/\/ Update logo\n if (logoImg) {\n logoImg.src = theme === 'light' ? LOGO_LIGHT : LOGO_DARK;\n }\n }\n\n if (themeToggle) {\n themeToggle.addEventListener('click', toggleTheme);\n }\n if (themeToggleMobile) {\n themeToggleMobile.addEventListener('click', toggleTheme);\n }\n\n \/\/ Mobile Navigation\n const hamburger = document.getElementById('nuvixHamburger');\n const mobileMenu = document.getElementById('nuvixMobileMenu');\n const mobileMenuLinks = document.querySelectorAll('.nuvix-mobile-menu .nuvix-mobile-menu-links a');\n\n if (hamburger && mobileMenu) {\n hamburger.addEventListener('click', function(e) {\n e.stopPropagation();\n this.classList.toggle('active');\n mobileMenu.classList.toggle('active');\n \n if (mobileMenu.classList.contains('active')) {\n body.style.overflow = 'hidden';\n } else {\n body.style.overflow = '';\n }\n });\n\n mobileMenuLinks.forEach(link => {\n link.addEventListener('click', function() {\n hamburger.classList.remove('active');\n mobileMenu.classList.remove('active');\n body.style.overflow = '';\n });\n });\n\n document.addEventListener('click', function(e) {\n if (!mobileMenu.contains(e.target) && !hamburger.contains(e.target)) {\n if (mobileMenu.classList.contains('active')) {\n hamburger.classList.remove('active');\n mobileMenu.classList.remove('active');\n body.style.overflow = '';\n }\n }\n });\n }\n\n \/\/ Header Scroll Effect\n const header = document.getElementById('nuvixHeader');\n let lastScroll = 0;\n\n window.addEventListener('scroll', function() {\n const currentScroll = window.pageYOffset;\n \n if (currentScroll > 50) {\n header.classList.add('scrolled');\n } else {\n header.classList.remove('scrolled');\n }\n \n lastScroll = currentScroll;\n });\n\n \/\/ Dynamic Header Size Adjustment\n function checkHeaderOverflow() {\n if (window.innerWidth < 1024) return;\n \n const navLinks = header.querySelector('.nuvix-nav-links');\n \n if (!navLinks) return;\n \n let totalWidth = 0;\n const items = navLinks.children;\n \n for (let item of items) {\n totalWidth += item.offsetWidth;\n }\n \n totalWidth += (items.length - 1) * 16;\n \n const nav = header.querySelector('.nuvix-nav');\n const navWidth = nav.offsetWidth;\n const logoWidth = header.querySelector('.nuvix-logo').offsetWidth;\n const availableWidth = navWidth - logoWidth - 100;\n \n if (totalWidth > availableWidth) {\n header.classList.add('compact-mode');\n } else {\n header.classList.remove('compact-mode');\n }\n }\n \n window.addEventListener('load', checkHeaderOverflow);\n \n let resizeTimer;\n window.addEventListener('resize', function() {\n clearTimeout(resizeTimer);\n resizeTimer = setTimeout(checkHeaderOverflow, 250);\n });\n \n const observer = new MutationObserver(function() {\n setTimeout(checkHeaderOverflow, 100);\n });\n \n const targetNode = header.querySelector('.nuvix-locale-switcher-wrapper');\n if (targetNode) {\n observer.observe(targetNode, { \n childList: true, \n subtree: true,\n characterData: true \n });\n }\n \n const navLinks = header.querySelector('.nuvix-nav-links');\n if (navLinks) {\n observer.observe(navLinks, { \n childList: true, \n subtree: true,\n characterData: true \n });\n }\n\n \/\/ WordPress Integration\n function setupMyAccountButtons() {\n const isLoggedIn = window.wpUserLoggedIn || document.body.classList.contains('logged-in');\n \n if (!isLoggedIn) return;\n \n const myAccountUrl = window.wpMyAccountUrl || '\/my-account\/';\n const logoutUrl = window.wpLogoutUrl || '\/wp-login.php?action=logout';\n const currentLang = window.wpCurrentLang || '';\n \n let finalMyAccountUrl = myAccountUrl;\n if (currentLang && currentLang !== 'en' && !myAccountUrl.includes('\/' + currentLang + '\/')) {\n if (myAccountUrl.startsWith('\/')) {\n finalMyAccountUrl = '\/' + currentLang + myAccountUrl;\n }\n }\n \n const loginLinks = header.querySelectorAll('a[href*=\"c_login\"]');\n loginLinks.forEach(link => {\n link.textContent = 'Log Out';\n link.href = logoutUrl;\n });\n \n const getStartedButtons = header.querySelectorAll('.nuvix-btn-primary[href*=\"packages\"]');\n getStartedButtons.forEach(button => {\n button.textContent = 'My Account';\n button.href = finalMyAccountUrl;\n });\n }\n \n setupMyAccountButtons();\n document.addEventListener('DOMContentLoaded', setupMyAccountButtons);\n setTimeout(setupMyAccountButtons, 1000);\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d6fdd5f e-con-full e-flex e-con e-parent\" data-id=\"d6fdd5f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7973853 elementor-widget elementor-widget-html\" data-id=\"7973853\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Nuvix Hero - Enhanced Light Theme<\/title>\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/maxst.icons8.com\/vue-static\/landings\/line-awesome\/line-awesome\/1.3.0\/css\/line-awesome.min.css\">\n \n <style>\n \/* ================================\n ELEMENTOR OPTIMIZED - FULL WIDTH NO GAPS\n Enhanced Professional Light Theme\n ================================ *\/\n\n .nuvix-hero-section {\n --nuvix-primary-gradient: linear-gradient(135deg, #9f39ff 0%, #00b4d8 100%);\n --nuvix-secondary-gradient: linear-gradient(135deg, #ff006e 0%, #00b4d8 100%);\n --nuvix-dark-bg: #0a0e27;\n --nuvix-card-bg: rgba(255, 255, 255, 0.05);\n --nuvix-text-light: #e2e8f0;\n --nuvix-accent-blue: #00b4d8;\n --nuvix-accent-purple: #9f39ff;\n --nuvix-accent-pink: #ff006e;\n --nuvix-success-green: #10b981;\n }\n\n \/* Enhanced Professional Light Theme Variables *\/\n body.nuvix-light-theme .nuvix-hero-section {\n --nuvix-dark-bg: linear-gradient(135deg, #f0f4f8 0%, #e8ecf1 100%);\n --nuvix-card-bg: rgba(255, 255, 255, 0.85);\n --nuvix-text-light: #1e293b;\n --nuvix-accent-blue: #0284c7;\n --nuvix-accent-purple: #7c3aed;\n --nuvix-accent-pink: #e11d48;\n --nuvix-success-green: #059669;\n --nuvix-border-color: rgba(124, 58, 237, 0.15);\n --nuvix-shadow-color: rgba(124, 58, 237, 0.1);\n }\n\n \/* CRITICAL: Remove ALL gaps for Elementor - Full width edge to edge *\/\n .nuvix-hero-section {\n margin: 0 !important;\n padding: 0 !important;\n width: 100vw !important;\n max-width: 100vw !important;\n position: relative;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n overflow-x: hidden !important;\n box-sizing: border-box !important;\n }\n\n \/* Remove gaps from Elementor parent containers *\/\n .elementor-section > .nuvix-hero-section,\n .elementor-container > .nuvix-hero-section,\n .elementor-widget-wrap > .nuvix-hero-section {\n margin: 0 !important;\n padding: 0 !important;\n }\n\n \/* Force all child elements to respect box-sizing *\/\n .nuvix-hero-section,\n .nuvix-hero-section * {\n box-sizing: border-box !important;\n }\n\n \/* Hero Section Container *\/\n .nuvix-hero-section .nuvix-hero-wrapper {\n position: relative;\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 5rem 1rem 3rem;\n overflow: hidden;\n background-color: var(--nuvix-dark-bg);\n color: var(--nuvix-text-light);\n margin: 0;\n width: 100%;\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-hero-wrapper {\n background: linear-gradient(135deg, #f0f4f8 0%, #e8ecf1 50%, #f0f9ff 100%);\n }\n\n @media (min-width: 768px) {\n .nuvix-hero-section .nuvix-hero-wrapper {\n padding: 6rem 2rem 4rem;\n }\n }\n\n \/* Animated Background *\/\n .nuvix-hero-section .nuvix-bg-animation {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: 0;\n overflow: hidden;\n pointer-events: none;\n }\n\n .nuvix-hero-section .nuvix-bg-animation::before {\n content: '';\n position: absolute;\n width: 200%;\n height: 200%;\n top: -50%;\n left: -50%;\n background: radial-gradient(circle at 20% 50%, rgba(159, 57, 255, 0.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 50%, rgba(0, 180, 216, 0.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255, 0, 110, 0.05) 0%, transparent 50%);\n animation: nuvixRotate 30s linear infinite;\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-bg-animation::before {\n background: radial-gradient(circle at 20% 50%, rgba(124, 58, 237, 0.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 50%, rgba(2, 132, 199, 0.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(225, 29, 72, 0.08) 0%, transparent 50%);\n }\n\n @keyframes nuvixRotate {\n to { transform: rotate(360deg); }\n }\n\n \/* Neural Network SVG *\/\n .nuvix-hero-section .nuvix-neural-network {\n position: absolute;\n width: 100%;\n height: 100%;\n opacity: 0.1;\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-neural-network {\n opacity: 0.08;\n }\n\n .nuvix-hero-section .nuvix-neural-path {\n stroke: var(--nuvix-accent-purple);\n stroke-width: 0.5;\n fill: none;\n animation: nuvixPulsePath 3s ease-in-out infinite;\n }\n\n @keyframes nuvixPulsePath {\n 0%, 100% { opacity: 0.1; }\n 50% { opacity: 0.3; }\n }\n\n \/* Floating Particles *\/\n .nuvix-hero-section .nuvix-particle {\n position: absolute;\n background: rgba(255, 255, 255, 0.5);\n border-radius: 50%;\n animation: nuvixFloat 20s infinite linear;\n pointer-events: none;\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-particle {\n background: rgba(124, 58, 237, 0.4);\n }\n\n @keyframes nuvixFloat {\n from {\n transform: translateY(100vh) translateX(0);\n opacity: 0;\n }\n 10% { opacity: 1; }\n 90% { opacity: 1; }\n to {\n transform: translateY(-100vh) translateX(100px);\n opacity: 0;\n }\n }\n\n \/* Container *\/\n .nuvix-hero-section .nuvix-container {\n width: 100%;\n max-width: 1400px;\n margin: 0 auto;\n padding: 0;\n position: relative;\n z-index: 1;\n }\n\n \/* Hero Content Grid *\/\n .nuvix-hero-section .nuvix-hero-content {\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n align-items: center;\n }\n\n @media (min-width: 768px) {\n .nuvix-hero-section .nuvix-hero-content {\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n }\n }\n\n @media (min-width: 1024px) {\n .nuvix-hero-section .nuvix-hero-content {\n gap: 4rem;\n }\n }\n\n \/* Hero Text *\/\n .nuvix-hero-section .nuvix-hero-text {\n text-align: center;\n padding: 0 1rem;\n }\n\n @media (min-width: 768px) {\n .nuvix-hero-section .nuvix-hero-text {\n text-align: left;\n padding: 0;\n }\n }\n\n \/* Tagline *\/\n .nuvix-hero-section .nuvix-tagline {\n font-size: 1rem;\n color: var(--nuvix-accent-blue);\n margin-bottom: 0.75rem;\n font-style: italic;\n font-weight: 500;\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-tagline {\n font-weight: 600;\n }\n\n @media (min-width: 768px) {\n .nuvix-hero-section .nuvix-tagline {\n font-size: 1.2rem;\n margin-bottom: 1rem;\n }\n }\n\n \/* Main Heading *\/\n .nuvix-hero-section .nuvix-hero-text h1 {\n font-size: clamp(1.75rem, 4vw, 4.5rem);\n font-weight: 800;\n margin: 0 0 1rem 0;\n background: linear-gradient(135deg, var(--nuvix-text-light) 0%, var(--nuvix-accent-purple) 50%, var(--nuvix-accent-blue) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: nuvixGradientShift 3s ease infinite;\n line-height: 1.1;\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-hero-text h1 {\n background: linear-gradient(135deg, #1e293b 0%, #7c3aed 40%, #0284c7 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n @media (min-width: 768px) {\n .nuvix-hero-section .nuvix-hero-text h1 {\n font-size: clamp(2.5rem, 5vw, 4.5rem);\n margin-bottom: 1.5rem;\n }\n }\n\n @keyframes nuvixGradientShift {\n 0%, 100% { filter: hue-rotate(0deg); }\n 50% { filter: hue-rotate(30deg); }\n }\n\n \/* Paragraph *\/\n .nuvix-hero-section .nuvix-hero-text p {\n font-size: clamp(0.95rem, 1.5vw, 1.25rem);\n margin: 0 0 1.5rem 0;\n opacity: 0.9;\n line-height: 1.6;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-hero-text p {\n opacity: 0.85;\n font-weight: 450;\n }\n\n @media (min-width: 768px) {\n .nuvix-hero-section .nuvix-hero-text p {\n margin-bottom: 2rem;\n }\n }\n\n \/* Hero Stats *\/\n .nuvix-hero-section .nuvix-hero-stats {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin: 1.5rem 0;\n }\n\n @media (min-width: 576px) {\n .nuvix-hero-section .nuvix-hero-stats {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 1.5rem;\n }\n }\n\n @media (min-width: 768px) {\n .nuvix-hero-section .nuvix-hero-stats {\n justify-content: flex-start;\n gap: 2rem;\n margin: 2rem 0;\n }\n }\n\n .nuvix-hero-section .nuvix-stat-item {\n text-align: center;\n padding: 0.75rem;\n background: var(--nuvix-card-bg);\n border-radius: 10px;\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.3s ease;\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-stat-item {\n background: rgba(255, 255, 255, 0.95);\n border: 2px solid rgba(124, 58, 237, 0.15);\n box-shadow: 0 4px 12px rgba(124, 58, 237, 0.08);\n }\n\n .nuvix-hero-section .nuvix-stat-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(159, 57, 255, 0.2);\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-stat-item:hover {\n transform: translateY(-5px) scale(1.02);\n box-shadow: 0 8px 24px rgba(124, 58, 237, 0.2);\n border-color: rgba(124, 58, 237, 0.3);\n }\n\n @media (min-width: 576px) {\n .nuvix-hero-section .nuvix-stat-item {\n min-width: 110px;\n padding: 1rem;\n }\n }\n\n @media (min-width: 768px) {\n .nuvix-hero-section .nuvix-stat-item {\n min-width: 120px;\n }\n }\n\n .nuvix-hero-section .nuvix-stat-number {\n font-size: 1.5rem;\n font-weight: 800;\n background: var(--nuvix-primary-gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n display: block;\n }\n\n @media (min-width: 576px) {\n .nuvix-hero-section .nuvix-stat-number {\n font-size: 1.75rem;\n }\n }\n\n @media (min-width: 768px) {\n .nuvix-hero-section .nuvix-stat-number {\n font-size: 2rem;\n }\n }\n\n .nuvix-hero-section .nuvix-stat-label {\n font-size: 0.75rem;\n opacity: 0.8;\n margin-top: 0.25rem;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-stat-label {\n font-weight: 500;\n }\n\n @media (min-width: 576px) {\n .nuvix-hero-section .nuvix-stat-label {\n font-size: 0.875rem;\n }\n }\n\n \/* CTA Buttons *\/\n .nuvix-hero-section .nuvix-cta-buttons {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n margin-top: 1.5rem;\n }\n\n @media (min-width: 576px) {\n .nuvix-hero-section .nuvix-cta-buttons {\n flex-direction: row;\n justify-content: center;\n flex-wrap: wrap;\n gap: 1rem;\n }\n }\n\n @media (min-width: 768px) {\n .nuvix-hero-section .nuvix-cta-buttons {\n justify-content: flex-start;\n margin-top: 2rem;\n }\n }\n\n \/* Buttons *\/\n .nuvix-hero-section .nuvix-btn {\n padding: 0.875rem 2rem;\n border-radius: 25px;\n text-decoration: none;\n font-weight: 600;\n transition: all 0.3s ease;\n display: inline-block;\n position: relative;\n overflow: hidden;\n border: none;\n cursor: pointer;\n font-size: 0.9rem;\n white-space: nowrap;\n text-align: center;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n @media (min-width: 576px) {\n .nuvix-hero-section .nuvix-btn {\n padding: 1rem 2.5rem;\n font-size: 1rem;\n }\n }\n\n .nuvix-hero-section .nuvix-btn-primary {\n background: var(--nuvix-primary-gradient);\n color: white;\n box-shadow: 0 4px 20px rgba(159, 57, 255, 0.4);\n }\n\n .nuvix-hero-section .nuvix-btn-primary:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 30px rgba(159, 57, 255, 0.6);\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-btn-primary {\n box-shadow: 0 4px 16px rgba(124, 58, 237, 0.35);\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-btn-primary:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 24px rgba(124, 58, 237, 0.5);\n }\n\n .nuvix-hero-section .nuvix-btn-secondary {\n background: transparent;\n color: var(--nuvix-text-light);\n border: 2px solid rgba(255, 255, 255, 0.3);\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-btn-secondary {\n border-color: rgba(124, 58, 237, 0.3);\n background: rgba(124, 58, 237, 0.05);\n }\n\n .nuvix-hero-section .nuvix-btn-secondary:hover {\n background: rgba(255, 255, 255, 0.1);\n border-color: var(--nuvix-accent-blue);\n color: var(--nuvix-accent-blue);\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-btn-secondary:hover {\n background: rgba(124, 58, 237, 0.12);\n border-color: var(--nuvix-accent-purple);\n color: var(--nuvix-accent-purple);\n }\n\n \/* AI Visual *\/\n .nuvix-hero-section .nuvix-ai-visual {\n position: relative;\n animation: nuvixFloatSlow 6s ease-in-out infinite;\n width: 100%;\n margin-top: 2rem;\n padding: 0 1rem;\n }\n\n @media (min-width: 768px) {\n .nuvix-hero-section .nuvix-ai-visual {\n margin-top: 0;\n padding: 0;\n }\n }\n\n @keyframes nuvixFloatSlow {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-20px); }\n }\n\n \/* Chart Preview *\/\n .nuvix-hero-section .nuvix-chart-preview {\n background: var(--nuvix-card-bg);\n border-radius: 20px;\n padding: 1.5rem 1rem;\n border: 1px solid rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 40px rgba(159, 57, 255, 0.2);\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-chart-preview {\n background: rgba(255, 255, 255, 0.95);\n border: 2px solid rgba(124, 58, 237, 0.15);\n box-shadow: 0 12px 40px rgba(124, 58, 237, 0.18);\n }\n\n @media (min-width: 576px) {\n .nuvix-hero-section .nuvix-chart-preview {\n padding: 2rem;\n }\n }\n\n .nuvix-hero-section .nuvix-chart-preview::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: var(--nuvix-primary-gradient);\n animation: nuvixScan 2s ease-in-out infinite;\n }\n\n @keyframes nuvixScan {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(100%); }\n }\n\n \/* AI Features Preview Grid *\/\n .nuvix-hero-section .nuvix-ai-features-preview {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.75rem;\n margin-top: 1.5rem;\n }\n\n @media (min-width: 576px) {\n .nuvix-hero-section .nuvix-ai-features-preview {\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n }\n\n .nuvix-hero-section .nuvix-ai-feature-item {\n background: rgba(255, 255, 255, 0.05);\n padding: 0.75rem;\n border-radius: 10px;\n font-size: 0.875rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n color: var(--nuvix-text-light);\n transition: all 0.3s ease;\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-ai-feature-item {\n background: rgba(124, 58, 237, 0.06);\n border: 1px solid rgba(124, 58, 237, 0.1);\n font-weight: 500;\n }\n\n .nuvix-hero-section .nuvix-ai-feature-item:hover {\n background: rgba(255, 255, 255, 0.08);\n transform: translateX(5px);\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-ai-feature-item:hover {\n background: rgba(124, 58, 237, 0.12);\n border-color: rgba(124, 58, 237, 0.2);\n transform: translateX(8px);\n }\n\n .nuvix-hero-section .nuvix-ai-feature-item i {\n color: var(--nuvix-success-green);\n font-size: 1rem;\n flex-shrink: 0;\n }\n\n \/* Canvas Container *\/\n .nuvix-hero-section .nuvix-chart-container {\n height: 300px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n }\n\n @media (min-width: 576px) {\n .nuvix-hero-section .nuvix-chart-container {\n height: 350px;\n }\n }\n\n .nuvix-hero-section #nuvixChart {\n max-width: 100%;\n height: auto;\n }\n\n \/* Live Status *\/\n .nuvix-hero-section .nuvix-live-status {\n text-align: center;\n margin-top: 1.5rem;\n }\n\n .nuvix-hero-section .nuvix-pulse {\n color: var(--nuvix-success-green);\n font-weight: bold;\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-pulse {\n font-weight: 700;\n }\n\n .nuvix-hero-section .nuvix-pulse i {\n animation: nuvixPulse 2s ease-in-out infinite;\n }\n\n @keyframes nuvixPulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.3; }\n }\n\n \/* Value Propositions *\/\n .nuvix-hero-section .nuvix-value-props {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1rem;\n margin-top: 1rem;\n }\n\n @media (min-width: 576px) {\n .nuvix-hero-section .nuvix-value-props {\n grid-template-columns: repeat(3, 1fr);\n gap: 1.5rem;\n }\n }\n\n .nuvix-hero-section .nuvix-value-prop {\n display: flex;\n align-items: flex-start;\n gap: 0.75rem;\n padding: 0.75rem;\n background: var(--nuvix-card-bg);\n border-radius: 10px;\n transition: all 0.3s ease;\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-value-prop {\n background: rgba(255, 255, 255, 0.9);\n border: 2px solid rgba(124, 58, 237, 0.12);\n box-shadow: 0 2px 8px rgba(124, 58, 237, 0.08);\n }\n\n .nuvix-hero-section .nuvix-value-prop:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(159, 57, 255, 0.2);\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-value-prop:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 24px rgba(124, 58, 237, 0.2);\n border-color: rgba(124, 58, 237, 0.25);\n }\n\n .nuvix-hero-section .nuvix-value-prop i {\n color: var(--nuvix-accent-blue);\n font-size: 1.5rem;\n flex-shrink: 0;\n }\n\n .nuvix-hero-section .nuvix-value-prop-text {\n flex: 1;\n }\n\n .nuvix-hero-section .nuvix-value-prop-text h3 {\n font-size: 0.95rem;\n font-weight: 700;\n margin: 0 0 0.25rem 0;\n color: var(--nuvix-text-light);\n }\n\n .nuvix-hero-section .nuvix-value-prop-text p {\n font-size: 0.85rem;\n opacity: 0.8;\n margin: 0;\n line-height: 1.4;\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-value-prop-text p {\n opacity: 0.75;\n font-weight: 450;\n }\n <\/style>\n<\/head>\n<body>\n\n\n<div class=\"nuvix-hero-section\">\n <div class=\"nuvix-hero-wrapper\">\n \n <div class=\"nuvix-bg-animation\">\n <svg class=\"nuvix-neural-network\" viewbox=\"0 0 1920 1080\">\n <path class=\"nuvix-neural-path\" d=\"M0,500 Q480,400 960,500 T1920,500\" \/>\n <path class=\"nuvix-neural-path\" d=\"M200,300 Q680,200 1160,300 T1920,300\" \/>\n <path class=\"nuvix-neural-path\" d=\"M100,700 Q580,600 1060,700 T1920,700\" \/>\n <\/svg>\n <\/div>\n\n <div class=\"nuvix-container\">\n <div class=\"nuvix-hero-content\">\n \n <div class=\"nuvix-hero-text\">\n <p class=\"nuvix-tagline\">Nuvix - Onde a IA encontra a oportunidade<\/p>\n <h1>O futuro do com\u00e9rcio est\u00e1 aqui: An\u00e1lise de mercado com intelig\u00eancia artificial<\/h1>\n <p>A Nuvix revoluciona a negocia\u00e7\u00e3o com tecnologia propriet\u00e1ria de IA que analisa os mercados 24 horas por dia, 7 dias por semana, identificando padr\u00f5es invis\u00edveis para os operadores humanos. Junte-se \u00e0 elite 5% que lucra consistentemente com nossa intelig\u00eancia artificial avan\u00e7ada.<\/p>\n \n \n <div class=\"nuvix-hero-stats\">\n <div class=\"nuvix-stat-item\">\n <span class=\"nuvix-stat-number\">24\/7<\/span>\n <span class=\"nuvix-stat-label\">An\u00e1lise de IA<\/span>\n <\/div>\n <div class=\"nuvix-stat-item\">\n <span class=\"nuvix-stat-number\">8+<\/span>\n <span class=\"nuvix-stat-label\">Mercados<\/span>\n <\/div>\n <div class=\"nuvix-stat-item\">\n <span class=\"nuvix-stat-number\">100%<\/span>\n <span class=\"nuvix-stat-label\">Propriet\u00e1rio<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"nuvix-cta-buttons\">\n <a href=\"\/pt\/packages.html\/\" class=\"nuvix-btn nuvix-btn-primary\">Come\u00e7ar a usar<\/a>\n <a href=\"\/pt\/demo.html\/\" class=\"nuvix-btn nuvix-btn-secondary\">Assistir \u00e0 demonstra\u00e7\u00e3o<\/a>\n <\/div>\n\n \n <div class=\"nuvix-value-props\" style=\"margin-top: 2rem;\">\n <div class=\"nuvix-value-prop\">\n <i class=\"las la-shield-alt\"><\/i>\n <div class=\"nuvix-value-prop-text\">\n <h3>100% Seguro<\/h3>\n <p>A criptografia de n\u00edvel militar protege seus dados<\/p>\n <\/div>\n <\/div>\n <div class=\"nuvix-value-prop\">\n <i class=\"las la-bolt\"><\/i>\n <div class=\"nuvix-value-prop-text\">\n <h3>Em tempo real<\/h3>\n <p>An\u00e1lise instant\u00e2nea de todos os mercados<\/p>\n <\/div>\n <\/div>\n <div class=\"nuvix-value-prop\">\n <i class=\"las la-chart-line\"><\/i>\n <div class=\"nuvix-value-prop-text\">\n <h3>95% Precis\u00e3o<\/h3>\n <p>Hist\u00f3rico comprovado de previs\u00f5es<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"nuvix-ai-visual\">\n <div class=\"nuvix-chart-preview\">\n <div class=\"nuvix-chart-container\">\n <canvas id=\"nuvixChart\" width=\"500\" height=\"300\"><\/canvas>\n <\/div>\n \n <div class=\"nuvix-ai-features-preview\">\n <div class=\"nuvix-ai-feature-item\">\n <i class=\"las la-chart-line\"><\/i>\n Reconhecimento de padr\u00f5es\n <\/div>\n <div class=\"nuvix-ai-feature-item\">\n <i class=\"las la-shield-alt\"><\/i>\n Avalia\u00e7\u00e3o de riscos\n <\/div>\n <div class=\"nuvix-ai-feature-item\">\n <i class=\"las la-crosshairs\"><\/i>\n Pontos de entrada\/sa\u00edda\n <\/div>\n <div class=\"nuvix-ai-feature-item\">\n <i class=\"las la-brain\"><\/i>\n Sentimento do mercado\n <\/div>\n <\/div>\n \n <div class=\"nuvix-live-status\">\n <span class=\"nuvix-pulse\">\n <i class=\"las la-circle\"><\/i> AN\u00c1LISE DE IA EM TEMPO REAL\n <\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<script>\n(function() {\n 'use strict';\n \n const heroSection = document.querySelector('.nuvix-hero-section');\n const bgAnimation = heroSection.querySelector('.nuvix-bg-animation');\n const particleCount = window.innerWidth > 768 ? 20 : 10;\n \n for (let i = 0; i < particleCount; i++) {\n const particle = document.createElement('div');\n particle.className = 'nuvix-particle';\n particle.style.width = Math.random() * 5 + 'px';\n particle.style.height = particle.style.width;\n particle.style.left = Math.random() * 100 + '%';\n particle.style.animationDelay = Math.random() * 20 + 's';\n particle.style.animationDuration = Math.random() * 20 + 20 + 's';\n bgAnimation.appendChild(particle);\n }\n \n const canvas = document.getElementById('nuvixChart');\n if (!canvas) return;\n\n const ctx = canvas.getContext('2d');\n let time = 0;\n let patterns = [];\n let animationId;\n let isVisible = true;\n\n for (let i = 0; i < 5; i++) {\n patterns.push({\n x: Math.random() * 500,\n y: Math.random() * 300,\n radius: Math.random() * 30 + 20,\n growth: Math.random() * 0.5 + 0.5\n });\n }\n\n function drawChart() {\n if (!isVisible) {\n animationId = requestAnimationFrame(drawChart);\n return;\n }\n\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n \n const isLightTheme = document.body.classList.contains('nuvix-light-theme');\n const gridColor = isLightTheme ? 'rgba(124, 58, 237, 0.08)' : 'rgba(255, 255, 255, 0.05)';\n const lineColor = isLightTheme ? 'rgba(124, 58, 237, 0.4)' : 'rgba(159, 57, 255, 0.3)';\n \n ctx.strokeStyle = gridColor;\n ctx.lineWidth = 1;\n for (let i = 0; i < 10; i++) {\n ctx.beginPath();\n ctx.moveTo(0, i * 30);\n ctx.lineTo(500, i * 30);\n ctx.stroke();\n \n ctx.beginPath();\n ctx.moveTo(i * 50, 0);\n ctx.lineTo(i * 50, 300);\n ctx.stroke();\n }\n\n ctx.strokeStyle = lineColor;\n ctx.lineWidth = isLightTheme ? 2.5 : 2;\n ctx.beginPath();\n ctx.moveTo(0, 150);\n for (let x = 0; x < 500; x += 5) {\n const y = 150 + Math.sin((x + time) * 0.02) * 50 + Math.sin((x + time) * 0.05) * 30;\n ctx.lineTo(x, y);\n }\n ctx.stroke();\n\n for (let i = 0; i < 25; i++) {\n const x = i * 20 + 10;\n const height = Math.sin(i * 0.5 + time * 0.01) * 30 + 40;\n const y = 150 + Math.sin(i * 0.3 + time * 0.02) * 50;\n \n const isGreen = Math.sin(i + time * 0.01) > 0;\n const greenColor = isLightTheme ? '#059669' : '#10b981';\n const redColor = isLightTheme ? '#dc2626' : '#ef4444';\n ctx.fillStyle = isGreen ? greenColor : redColor;\n ctx.fillRect(x - 6, y - height\/2, 12, height);\n \n ctx.strokeStyle = ctx.fillStyle;\n ctx.lineWidth = 2;\n ctx.beginPath();\n ctx.moveTo(x, y - height\/2 - 10);\n ctx.lineTo(x, y + height\/2 + 10);\n ctx.stroke();\n }\n\n patterns.forEach(pattern => {\n const pulseRadius = pattern.radius + Math.sin(time * 0.05) * 5;\n const circleColor = isLightTheme ? 'rgba(2, 132, 199, 0.35)' : 'rgba(0, 180, 216, 0.3)';\n const innerCircleColor = isLightTheme ? 'rgba(2, 132, 199, 0.5)' : 'rgba(0, 180, 216, 0.5)';\n \n ctx.strokeStyle = circleColor;\n ctx.lineWidth = 2;\n ctx.beginPath();\n ctx.arc(pattern.x, pattern.y, pulseRadius * 1.5, 0, Math.PI * 2);\n ctx.stroke();\n \n ctx.strokeStyle = innerCircleColor;\n ctx.lineWidth = isLightTheme ? 2.5 : 2;\n ctx.beginPath();\n ctx.arc(pattern.x, pattern.y, pulseRadius, 0, Math.PI * 2);\n ctx.stroke();\n \n pattern.x += Math.sin(time * 0.01) * 0.5;\n pattern.y += Math.cos(time * 0.01) * 0.3;\n \n if (pattern.x < 0) pattern.x = 500;\n if (pattern.x > 500) pattern.x = 0;\n if (pattern.y < 0) pattern.y = 300;\n if (pattern.y > 300) pattern.y = 0;\n });\n\n const scanX = (time % 500);\n const gradient = ctx.createLinearGradient(scanX, 0, scanX, 300);\n const scanColor = isLightTheme ? 'rgba(124, 58, 237, 0.9)' : 'rgba(159, 57, 255, 0.8)';\n gradient.addColorStop(0, 'transparent');\n gradient.addColorStop(0.5, scanColor);\n gradient.addColorStop(1, 'transparent');\n \n ctx.strokeStyle = gradient;\n ctx.lineWidth = isLightTheme ? 3.5 : 3;\n ctx.beginPath();\n ctx.moveTo(scanX, 0);\n ctx.lineTo(scanX, 300);\n ctx.stroke();\n\n time += 2;\n animationId = requestAnimationFrame(drawChart);\n }\n\n drawChart();\n\n document.addEventListener('visibilitychange', () => {\n isVisible = !document.hidden;\n });\n\n window.addEventListener('beforeunload', () => {\n if (animationId) {\n cancelAnimationFrame(animationId);\n }\n });\n \n const observer = new MutationObserver(() => {});\n observer.observe(document.body, {\n attributes: true,\n attributeFilter: ['class']\n });\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d123db7 elementor-widget elementor-widget-html\" data-id=\"d123db7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Nuvix Markets Section<\/title>\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/maxst.icons8.com\/vue-static\/landings\/line-awesome\/line-awesome\/1.3.0\/css\/line-awesome.min.css\">\n \n <style>\n \/* ================================\n MARKETS SECTION - ELEMENTOR READY\n Enhanced Professional Light Theme\n ================================ *\/\n\n .nuvix-markets-section {\n --nuvix-primary-gradient: linear-gradient(135deg, #9f39ff 0%, #00b4d8 100%);\n --nuvix-dark-bg: #0a0e27;\n --nuvix-card-bg: rgba(255, 255, 255, 0.05);\n --nuvix-text-light: #e2e8f0;\n --nuvix-accent-blue: #00b4d8;\n --nuvix-accent-purple: #9f39ff;\n }\n\n \/* Enhanced Light Theme *\/\n body.nuvix-light-theme .nuvix-markets-section {\n --nuvix-dark-bg: linear-gradient(135deg, #f0f4f8 0%, #e8ecf1 100%);\n --nuvix-card-bg: rgba(255, 255, 255, 0.9);\n --nuvix-text-light: #1e293b;\n --nuvix-accent-blue: #0284c7;\n --nuvix-accent-purple: #7c3aed;\n }\n\n \/* Full width container - Remove ALL gaps *\/\n .nuvix-markets-section {\n margin: 0 !important;\n padding: 0 !important;\n width: 100vw !important;\n max-width: 100vw !important;\n position: relative;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n overflow-x: hidden !important;\n box-sizing: border-box !important;\n }\n\n .nuvix-markets-section,\n .nuvix-markets-section * {\n box-sizing: border-box !important;\n }\n\n \/* Force Elementor parents to have no padding *\/\n .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget > .elementor-widget-container > .nuvix-markets-section,\n .elementor-widget-container > .nuvix-markets-section {\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n left: 50% !important;\n right: 50% !important;\n }\n\n \/* Section wrapper *\/\n .nuvix-markets-wrapper {\n padding: 3rem 1rem;\n background: var(--nuvix-dark-bg);\n color: var(--nuvix-text-light);\n position: relative;\n overflow: hidden;\n }\n\n @media (min-width: 768px) {\n .nuvix-markets-wrapper {\n padding: 5rem 2rem;\n }\n }\n\n @media (min-width: 1024px) {\n .nuvix-markets-wrapper {\n padding: 6rem 2rem;\n }\n }\n\n body.nuvix-light-theme .nuvix-markets-wrapper {\n background: linear-gradient(135deg, #f0f4f8 0%, #e8ecf1 50%, #f0f9ff 100%);\n }\n\n \/* Background animation *\/\n .nuvix-markets-bg {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: 0;\n pointer-events: none;\n opacity: 0.5;\n }\n\n .nuvix-markets-bg::before {\n content: '';\n position: absolute;\n width: 150%;\n height: 150%;\n top: -25%;\n left: -25%;\n background: radial-gradient(circle at 30% 50%, rgba(0, 180, 216, 0.1) 0%, transparent 50%);\n animation: nuvixFloatBg 20s ease-in-out infinite;\n }\n\n @keyframes nuvixFloatBg {\n 0%, 100% { transform: translate(0, 0) rotate(0deg); }\n 50% { transform: translate(20px, 20px) rotate(5deg); }\n }\n\n \/* Container *\/\n .nuvix-markets-container {\n width: 100%;\n max-width: 1400px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n }\n\n \/* Section title *\/\n .nuvix-section-title {\n text-align: center;\n font-size: clamp(1.75rem, 3.5vw, 3.5rem);\n margin-bottom: 1rem;\n background: linear-gradient(135deg, var(--nuvix-text-light) 0%, var(--nuvix-accent-blue) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-weight: 800;\n }\n\n body.nuvix-light-theme .nuvix-section-title {\n background: linear-gradient(135deg, #1e293b 0%, #0284c7 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n @media (min-width: 768px) {\n .nuvix-section-title {\n font-size: clamp(2.5rem, 4vw, 3.5rem);\n margin-bottom: 1.5rem;\n }\n }\n\n \/* Section subtitle *\/\n .nuvix-section-subtitle {\n text-align: center;\n font-size: clamp(0.95rem, 1.5vw, 1.25rem);\n opacity: 0.85;\n margin-bottom: 2.5rem;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-section-subtitle {\n font-weight: 450;\n }\n\n @media (min-width: 768px) {\n .nuvix-section-subtitle {\n margin-bottom: 4rem;\n }\n }\n\n \/* Markets grid *\/\n .nuvix-markets-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-top: 2rem;\n }\n\n @media (min-width: 576px) {\n .nuvix-markets-grid {\n grid-template-columns: repeat(3, 1fr);\n gap: 1.5rem;\n }\n }\n\n @media (min-width: 768px) {\n .nuvix-markets-grid {\n grid-template-columns: repeat(4, 1fr);\n gap: 2rem;\n }\n }\n\n @media (min-width: 1024px) {\n .nuvix-markets-grid {\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n }\n }\n\n \/* Market card *\/\n .nuvix-market-card {\n background: var(--nuvix-card-bg);\n padding: 1.5rem 1rem;\n border-radius: 15px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n text-align: center;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n cursor: pointer;\n }\n\n body.nuvix-light-theme .nuvix-market-card {\n background: rgba(255, 255, 255, 0.95);\n border: 2px solid rgba(124, 58, 237, 0.15);\n box-shadow: 0 4px 12px rgba(124, 58, 237, 0.08);\n }\n\n @media (min-width: 576px) {\n .nuvix-market-card {\n padding: 2rem;\n }\n }\n\n .nuvix-market-card::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(159, 57, 255, 0.1) 0%, transparent 70%);\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n\n .nuvix-market-card:hover::before {\n opacity: 1;\n }\n\n .nuvix-market-card:hover {\n transform: translateY(-5px);\n border-color: var(--nuvix-accent-purple);\n box-shadow: 0 10px 30px rgba(159, 57, 255, 0.3);\n }\n\n body.nuvix-light-theme .nuvix-market-card:hover {\n transform: translateY(-5px) scale(1.02);\n box-shadow: 0 12px 32px rgba(124, 58, 237, 0.25);\n border-color: rgba(124, 58, 237, 0.3);\n }\n\n \/* Market icon *\/\n .nuvix-market-icon {\n font-size: 2.5rem;\n margin-bottom: 0.75rem;\n color: var(--nuvix-accent-blue);\n display: block;\n }\n\n @media (min-width: 576px) {\n .nuvix-market-icon {\n font-size: 3rem;\n margin-bottom: 1rem;\n }\n }\n\n \/* Market name *\/\n .nuvix-market-name {\n font-size: 1.1rem;\n font-weight: 600;\n margin-bottom: 0.5rem;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-market-name {\n font-weight: 700;\n }\n\n @media (min-width: 576px) {\n .nuvix-market-name {\n font-size: 1.25rem;\n }\n }\n\n \/* Market description *\/\n .nuvix-market-desc {\n font-size: 0.9rem;\n opacity: 0.8;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-market-desc {\n font-weight: 450;\n }\n\n \/* Coming soon badge *\/\n .nuvix-coming-soon {\n display: inline-block;\n background: linear-gradient(135deg, #f59e0b, #ef4444);\n color: white;\n padding: 0.25rem 0.75rem;\n border-radius: 15px;\n font-size: 0.75rem;\n font-weight: 600;\n margin-top: 0.5rem;\n animation: nuvixPulseGlow 2s infinite;\n }\n\n @keyframes nuvixPulseGlow {\n 0%, 100% { box-shadow: 0 0 10px rgba(245, 158, 11, 0.3); }\n 50% { box-shadow: 0 0 20px rgba(245, 158, 11, 0.6); }\n }\n <\/style>\n<\/head>\n<body>\n\n\n<div class=\"nuvix-markets-section\">\n <div class=\"nuvix-markets-wrapper\">\n \n <div class=\"nuvix-markets-bg\"><\/div>\n\n <div class=\"nuvix-markets-container\">\n <h2 class=\"nuvix-section-title\">Negocie em v\u00e1rios mercados com uma IA<\/h2>\n <p class=\"nuvix-section-subtitle\">Nossa IA analisa padr\u00f5es em diversos mercados financeiros e plataformas de jogos<\/p>\n \n <div class=\"nuvix-markets-grid\">\n <div class=\"nuvix-market-card\">\n <i class=\"las la-exchange-alt nuvix-market-icon\"><\/i>\n <h3 class=\"nuvix-market-name\">Forex<\/h3>\n <p class=\"nuvix-market-desc\">Principais pares de moedas<\/p>\n <span class=\"nuvix-coming-soon\">Em breve<\/span>\n <\/div>\n\n <div class=\"nuvix-market-card\">\n <i class=\"las la-chart-area nuvix-market-icon\"><\/i>\n <h3 class=\"nuvix-market-name\">A\u00e7\u00f5es<\/h3>\n <p class=\"nuvix-market-desc\">A\u00e7\u00f5es globais<\/p>\n <span class=\"nuvix-coming-soon\">Em breve<\/span>\n <\/div>\n\n <div class=\"nuvix-market-card\">\n <i class=\"lab la-bitcoin nuvix-market-icon\"><\/i>\n <h3 class=\"nuvix-market-name\">Criptografia<\/h3>\n <p class=\"nuvix-market-desc\">Ativos digitais<\/p>\n <span class=\"nuvix-coming-soon\">Em breve<\/span>\n <\/div>\n\n <div class=\"nuvix-market-card\">\n <i class=\"las la-chart-bar nuvix-market-icon\"><\/i>\n <h3 class=\"nuvix-market-name\">\u00cdndices<\/h3>\n <p class=\"nuvix-market-desc\">\u00cdndices de mercado<\/p>\n <span class=\"nuvix-coming-soon\">Em breve<\/span>\n <\/div>\n\n <div class=\"nuvix-market-card\">\n <i class=\"las la-percentage nuvix-market-icon\"><\/i>\n <h3 class=\"nuvix-market-name\">Op\u00e7\u00f5es bin\u00e1rias<\/h3>\n <p class=\"nuvix-market-desc\">Retornos fixos<\/p>\n <\/div>\n\n <div class=\"nuvix-market-card\">\n <i class=\"las la-dice nuvix-market-icon\"><\/i>\n <h3 class=\"nuvix-market-name\">Jogos de cassino<\/h3>\n <p class=\"nuvix-market-desc\">An\u00e1lise de padr\u00f5es<\/p>\n <\/div>\n\n <div class=\"nuvix-market-card\">\n <i class=\"las la-trophy nuvix-market-icon\"><\/i>\n <h3 class=\"nuvix-market-name\">Apostas esportivas<\/h3>\n <p class=\"nuvix-market-desc\">Borda estat\u00edstica<\/p>\n <span class=\"nuvix-coming-soon\">Em breve<\/span>\n <\/div>\n\n <div class=\"nuvix-market-card\">\n <i class=\"las la-globe nuvix-market-icon\"><\/i>\n <h3 class=\"nuvix-market-name\">Commodities<\/h3>\n <p class=\"nuvix-market-desc\">Mat\u00e9rias-primas<\/p>\n <span class=\"nuvix-coming-soon\">Em breve<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<script>\n(function() {\n 'use strict';\n \n \/\/ Fade-in animation on scroll\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach((entry, index) => {\n if (entry.isIntersecting) {\n setTimeout(() => {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }, index * 100);\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n \/\/ Observe all market cards\n const cards = document.querySelectorAll('.nuvix-market-card');\n cards.forEach(card => {\n card.style.opacity = '0';\n card.style.transform = 'translateY(20px)';\n card.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n observer.observe(card);\n });\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-61bbec7 elementor-widget elementor-widget-html\" data-id=\"61bbec7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Nuvix Problem Section<\/title>\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/maxst.icons8.com\/vue-static\/landings\/line-awesome\/line-awesome\/1.3.0\/css\/line-awesome.min.css\">\n \n <style>\n \/* ================================\n PROBLEM SECTION - COMPLETE REBUILD\n Enhanced Professional Theme Compatible\n ================================ *\/\n\n .nuvix-problem-section {\n --nuvix-dark-bg: #0a0e27;\n --nuvix-card-bg: rgba(255, 255, 255, 0.05);\n --nuvix-text-light: #e2e8f0;\n --nuvix-danger-red: #ef4444;\n }\n\n \/* Enhanced Light Theme *\/\n body.nuvix-light-theme .nuvix-problem-section {\n --nuvix-dark-bg: #ffffff;\n --nuvix-card-bg: rgba(255, 255, 255, 0.9);\n --nuvix-text-light: #1e293b;\n --nuvix-danger-red: #dc2626;\n }\n\n \/* AGGRESSIVE Full Width - Remove ALL Gaps *\/\n .nuvix-problem-section {\n margin: 0 !important;\n padding: 0 !important;\n width: 100vw !important;\n max-width: 100vw !important;\n position: relative;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n overflow-x: hidden !important;\n overflow-y: hidden !important;\n box-sizing: border-box !important;\n }\n\n \/* Prevent body\/html scroll issues *\/\n body:has(.nuvix-problem-section) {\n overflow-x: hidden !important;\n }\n\n html {\n overflow-x: hidden !important;\n }\n\n .nuvix-problem-section,\n .nuvix-problem-section * {\n box-sizing: border-box !important;\n }\n\n \/* Override ALL Elementor containers *\/\n .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget > .elementor-widget-container > .nuvix-problem-section,\n .elementor-widget-container > .nuvix-problem-section,\n .elementor-widget > .nuvix-problem-section,\n .elementor-element > .nuvix-problem-section,\n div[class*=\"elementor\"] > .nuvix-problem-section {\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n left: 50% !important;\n right: 50% !important;\n width: 100vw !important;\n max-width: 100vw !important;\n }\n\n \/* Section wrapper *\/\n .nuvix-problem-wrapper {\n padding: 3rem 1rem;\n background: linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, 0.02) 50%, transparent 100%);\n color: var(--nuvix-text-light);\n position: relative;\n overflow: hidden;\n width: 100%;\n }\n\n body.nuvix-light-theme .nuvix-problem-wrapper {\n background: linear-gradient(180deg, #f0f4f8 0%, #e8ecf1 50%, #f0f4f8 100%);\n }\n\n @media (min-width: 768px) {\n .nuvix-problem-wrapper {\n padding: 5rem 2rem;\n }\n }\n\n @media (min-width: 1024px) {\n .nuvix-problem-wrapper {\n padding: 6rem 2rem;\n }\n }\n\n \/* Container *\/\n .nuvix-problem-container {\n width: 100%;\n max-width: 1400px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n padding: 0 1rem;\n }\n\n @media (min-width: 768px) {\n .nuvix-problem-container {\n padding: 0 2rem;\n }\n }\n\n \/* Section title *\/\n .nuvix-section-title {\n text-align: center;\n font-size: clamp(1.75rem, 3.5vw, 3.5rem);\n margin-bottom: 1rem;\n background: linear-gradient(135deg, var(--nuvix-text-light) 0%, var(--nuvix-danger-red) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-weight: 800;\n line-height: 1.2;\n }\n\n body.nuvix-light-theme .nuvix-section-title {\n background: linear-gradient(135deg, #1e293b 0%, #dc2626 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n @media (min-width: 768px) {\n .nuvix-section-title {\n font-size: clamp(2.5rem, 4vw, 3.5rem);\n margin-bottom: 1.5rem;\n }\n }\n\n \/* Section subtitle *\/\n .nuvix-section-subtitle {\n text-align: center;\n font-size: clamp(0.95rem, 1.5vw, 1.25rem);\n opacity: 0.85;\n margin-bottom: 2.5rem;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n color: var(--nuvix-text-light);\n line-height: 1.6;\n }\n\n body.nuvix-light-theme .nuvix-section-subtitle {\n font-weight: 450;\n }\n\n @media (min-width: 768px) {\n .nuvix-section-subtitle {\n margin-bottom: 3rem;\n }\n }\n\n \/* Big stat *\/\n .nuvix-big-stat {\n text-align: center;\n margin: 3rem 0;\n position: relative;\n }\n\n @media (min-width: 768px) {\n .nuvix-big-stat {\n margin: 5rem 0;\n }\n }\n\n .nuvix-big-stat-number {\n font-size: clamp(3rem, 7vw, 6rem);\n font-weight: 900;\n background: linear-gradient(135deg, #ef4444, #f59e0b);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n line-height: 1;\n animation: nuvixPulseScale 3s ease-in-out infinite;\n }\n\n body.nuvix-light-theme .nuvix-big-stat-number {\n background: linear-gradient(135deg, #dc2626, #ea580c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n @keyframes nuvixPulseScale {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n }\n\n .nuvix-big-stat-desc {\n font-size: clamp(1.1rem, 2vw, 1.75rem);\n margin-top: 1rem;\n opacity: 0.9;\n color: var(--nuvix-text-light);\n line-height: 1.5;\n }\n\n body.nuvix-light-theme .nuvix-big-stat-desc {\n font-weight: 500;\n }\n\n \/* Problem grid *\/\n .nuvix-problem-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1.5rem;\n margin-bottom: 3rem;\n }\n\n @media (min-width: 576px) {\n .nuvix-problem-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 1.5rem;\n }\n }\n\n @media (min-width: 768px) {\n .nuvix-problem-grid {\n grid-template-columns: repeat(3, 1fr);\n gap: 2rem;\n }\n }\n\n @media (min-width: 1024px) {\n .nuvix-problem-grid {\n margin-bottom: 4rem;\n }\n }\n\n \/* Problem card *\/\n .nuvix-problem-card {\n background: var(--nuvix-card-bg);\n padding: 2rem 1.5rem;\n border-radius: 20px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n text-align: center;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n cursor: pointer;\n }\n\n body.nuvix-light-theme .nuvix-problem-card {\n background: rgba(255, 255, 255, 0.95);\n border: 2px solid rgba(220, 38, 38, 0.15);\n box-shadow: 0 4px 12px rgba(220, 38, 38, 0.08);\n }\n\n @media (min-width: 768px) {\n .nuvix-problem-card {\n padding: 2.5rem;\n }\n }\n\n .nuvix-problem-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(135deg, transparent, rgba(239, 68, 68, 0.1));\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n\n .nuvix-problem-card:hover::before {\n opacity: 1;\n }\n\n .nuvix-problem-card:hover {\n transform: translateY(-10px);\n border-color: var(--nuvix-danger-red);\n box-shadow: 0 15px 40px rgba(239, 68, 68, 0.3);\n }\n\n body.nuvix-light-theme .nuvix-problem-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 15px 40px rgba(220, 38, 38, 0.25);\n border-color: rgba(220, 38, 38, 0.3);\n }\n\n \/* Problem icon *\/\n .nuvix-problem-icon {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n display: block;\n color: var(--nuvix-danger-red);\n }\n\n @media (min-width: 768px) {\n .nuvix-problem-icon {\n font-size: 3.5rem;\n margin-bottom: 1.5rem;\n }\n }\n\n \/* Problem title *\/\n .nuvix-problem-title {\n font-size: 1.1rem;\n font-weight: 600;\n margin-bottom: 0.75rem;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-problem-title {\n font-weight: 700;\n }\n\n @media (min-width: 768px) {\n .nuvix-problem-title {\n font-size: 1.25rem;\n }\n }\n\n \/* Problem description *\/\n .nuvix-problem-desc {\n opacity: 0.8;\n line-height: 1.5;\n font-size: 0.9rem;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-problem-desc {\n font-weight: 450;\n opacity: 0.75;\n }\n\n @media (min-width: 768px) {\n .nuvix-problem-desc {\n font-size: 1rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n\n<div class=\"nuvix-problem-section\">\n <div class=\"nuvix-problem-wrapper\">\n <div class=\"nuvix-problem-container\">\n <h2 class=\"nuvix-section-title\">O desafio da negocia\u00e7\u00e3o<\/h2>\n <p class=\"nuvix-section-subtitle\">Por que 95% dos traders fracassam e como estamos mudando isso<\/p>\n \n <div class=\"nuvix-big-stat\">\n <div class=\"nuvix-big-stat-number\">95%<\/div>\n <p class=\"nuvix-big-stat-desc\">dos traders perdem dinheiro nos mercados financeiros<\/p>\n <\/div>\n \n <div class=\"nuvix-problem-grid\">\n <div class=\"nuvix-problem-card\">\n <i class=\"las la-chart-pie nuvix-problem-icon\"><\/i>\n <h3 class=\"nuvix-problem-title\">Sobrecarga de informa\u00e7\u00f5es<\/h3>\n <p class=\"nuvix-problem-desc\">Dados demais, insights acion\u00e1veis insuficientes<\/p>\n <\/div>\n\n <div class=\"nuvix-problem-card\">\n <i class=\"las la-frown nuvix-problem-icon\"><\/i>\n <h3 class=\"nuvix-problem-title\">Negocia\u00e7\u00e3o emocional<\/h3>\n <p class=\"nuvix-problem-desc\">O medo e a gan\u00e2ncia destroem as contas de negocia\u00e7\u00e3o<\/p>\n <\/div>\n\n <div class=\"nuvix-problem-card\">\n <i class=\"las la-clock nuvix-problem-icon\"><\/i>\n <h3 class=\"nuvix-problem-title\">Restri\u00e7\u00f5es de tempo<\/h3>\n <p class=\"nuvix-problem-desc\">Os mercados funcionam 24 horas por dia, 7 dias por semana, e os seres humanos precisam dormir<\/p>\n <\/div>\n\n <div class=\"nuvix-problem-card\">\n <i class=\"las la-chart-line nuvix-problem-icon\"><\/i>\n <h3 class=\"nuvix-problem-title\">Gerenciamento de risco deficiente<\/h3>\n <p class=\"nuvix-problem-desc\">Uma negocia\u00e7\u00e3o ruim pode acabar com meses de ganhos<\/p>\n <\/div>\n\n <div class=\"nuvix-problem-card\">\n <i class=\"las la-bullseye nuvix-problem-icon\"><\/i>\n <h3 class=\"nuvix-problem-title\">Falta de estrat\u00e9gia<\/h3>\n <p class=\"nuvix-problem-desc\">Negocia\u00e7\u00e3o sem um sistema comprovado<\/p>\n <\/div>\n\n <div class=\"nuvix-problem-card\">\n <i class=\"las la-hand-rock nuvix-problem-icon\"><\/i>\n <h3 class=\"nuvix-problem-title\">Manipula\u00e7\u00e3o de mercado<\/h3>\n <p class=\"nuvix-problem-desc\">Grandes players movimentam os mercados contra os comerciantes de varejo<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<script>\n(function() {\n 'use strict';\n \n \/\/ THEME DETECTION - Check localStorage and apply immediately\n const currentTheme = localStorage.getItem('nuvixTheme') || 'dark';\n if (currentTheme === 'light') {\n document.body.classList.add('nuvix-light-theme');\n }\n \n \/\/ Listen for theme changes from header (storage event)\n window.addEventListener('storage', function(e) {\n if (e.key === 'nuvixTheme') {\n if (e.newValue === 'light') {\n document.body.classList.add('nuvix-light-theme');\n } else {\n document.body.classList.remove('nuvix-light-theme');\n }\n }\n });\n \n \/\/ Listen for custom theme change events\n document.addEventListener('themeChanged', function(e) {\n if (e.detail === 'light') {\n document.body.classList.add('nuvix-light-theme');\n } else {\n document.body.classList.remove('nuvix-light-theme');\n }\n });\n \n \/\/ Check theme periodically (in case of same-page toggle)\n setInterval(function() {\n const theme = localStorage.getItem('nuvixTheme') || 'dark';\n if (theme === 'light' && !document.body.classList.contains('nuvix-light-theme')) {\n document.body.classList.add('nuvix-light-theme');\n } else if (theme === 'dark' && document.body.classList.contains('nuvix-light-theme')) {\n document.body.classList.remove('nuvix-light-theme');\n }\n }, 500);\n \n \/\/ FADE-IN ANIMATION ON SCROLL\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach((entry, index) => {\n if (entry.isIntersecting) {\n setTimeout(() => {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }, index * 100);\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n \/\/ Observe all problem cards\n const cards = document.querySelectorAll('.nuvix-problem-card');\n cards.forEach(card => {\n card.style.opacity = '0';\n card.style.transform = 'translateY(20px)';\n card.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n observer.observe(card);\n });\n\n \/\/ Animate big stat number on scroll\n const bigStat = document.querySelector('.nuvix-big-stat-number');\n if (bigStat) {\n const statObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'scale(1)';\n statObserver.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n bigStat.style.opacity = '0';\n bigStat.style.transform = 'scale(0.8)';\n bigStat.style.transition = 'opacity 0.8s ease, transform 0.8s ease';\n statObserver.observe(bigStat);\n }\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-87ce50a elementor-widget elementor-widget-html\" data-id=\"87ce50a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Nuvix Solution Section<\/title>\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/maxst.icons8.com\/vue-static\/landings\/line-awesome\/line-awesome\/1.3.0\/css\/line-awesome.min.css\">\n \n <style>\n \/* ================================\n SOLUTION SECTION - ELEMENTOR READY\n Enhanced Professional Light Theme\n ================================ *\/\n\n .nuvix-solution-section {\n --nuvix-primary-gradient: linear-gradient(135deg, #9f39ff 0%, #00b4d8 100%);\n --nuvix-dark-bg: #0a0e27;\n --nuvix-card-bg: rgba(255, 255, 255, 0.05);\n --nuvix-text-light: #e2e8f0;\n --nuvix-accent-blue: #00b4d8;\n --nuvix-accent-purple: #9f39ff;\n }\n\n \/* Enhanced Light Theme *\/\n body.nuvix-light-theme .nuvix-solution-section {\n --nuvix-primary-gradient: linear-gradient(135deg, #7c3aed 0%, #0284c7 100%);\n --nuvix-dark-bg: #ffffff;\n --nuvix-card-bg: rgba(255, 255, 255, 0.9);\n --nuvix-text-light: #1e293b;\n --nuvix-accent-blue: #0284c7;\n --nuvix-accent-purple: #7c3aed;\n }\n\n \/* Full width container - AGGRESSIVE gap removal *\/\n .nuvix-solution-section {\n margin: 0 !important;\n padding: 0 !important;\n width: 100vw !important;\n max-width: 100vw !important;\n position: relative;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n overflow-x: hidden !important;\n overflow-y: hidden !important;\n box-sizing: border-box !important;\n }\n\n \/* Prevent body scroll issues *\/\n body:has(.nuvix-solution-section) {\n overflow-x: hidden !important;\n }\n\n html {\n overflow-x: hidden !important;\n }\n\n .nuvix-solution-section,\n .nuvix-solution-section * {\n box-sizing: border-box !important;\n }\n\n \/* Force Elementor parents to have no padding - AGGRESSIVE *\/\n .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget > .elementor-widget-container > .nuvix-solution-section,\n .elementor-widget-container > .nuvix-solution-section,\n .elementor-widget > .nuvix-solution-section,\n .elementor-element > .nuvix-solution-section {\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n left: 50% !important;\n right: 50% !important;\n width: 100vw !important;\n max-width: 100vw !important;\n }\n\n \/* Section wrapper *\/\n .nuvix-solution-wrapper {\n padding: 3rem 1rem;\n background: var(--nuvix-dark-bg);\n color: var(--nuvix-text-light);\n position: relative;\n overflow: hidden;\n }\n\n body.nuvix-light-theme .nuvix-solution-wrapper {\n background: linear-gradient(135deg, #f0f4f8 0%, #e8ecf1 50%, #f0f9ff 100%);\n }\n\n @media (min-width: 768px) {\n .nuvix-solution-wrapper {\n padding: 5rem 2rem;\n }\n }\n\n @media (min-width: 1024px) {\n .nuvix-solution-wrapper {\n padding: 6rem 2rem;\n }\n }\n\n \/* Background effect *\/\n .nuvix-solution-bg {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: 0;\n pointer-events: none;\n opacity: 0.3;\n }\n\n .nuvix-solution-bg::before {\n content: '';\n position: absolute;\n width: 150%;\n height: 150%;\n top: -25%;\n left: -25%;\n background: radial-gradient(circle at 70% 50%, rgba(159, 57, 255, 0.15) 0%, transparent 50%);\n animation: nuvixRotateAlt 25s linear infinite;\n }\n\n @keyframes nuvixRotateAlt {\n to { transform: rotate(-360deg); }\n }\n\n \/* Container *\/\n .nuvix-solution-container {\n width: 100%;\n max-width: 1400px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n }\n\n \/* Section title *\/\n .nuvix-section-title {\n text-align: center;\n font-size: clamp(1.75rem, 3.5vw, 3.5rem);\n margin-bottom: 1rem;\n background: linear-gradient(135deg, var(--nuvix-text-light) 0%, var(--nuvix-accent-purple) 50%, var(--nuvix-accent-blue) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-weight: 800;\n }\n\n body.nuvix-light-theme .nuvix-section-title {\n background: linear-gradient(135deg, #1e293b 0%, #7c3aed 50%, #0284c7 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n @media (min-width: 768px) {\n .nuvix-section-title {\n font-size: clamp(2.5rem, 4vw, 3.5rem);\n margin-bottom: 1.5rem;\n }\n }\n\n \/* Section subtitle *\/\n .nuvix-section-subtitle {\n text-align: center;\n font-size: clamp(0.95rem, 1.5vw, 1.25rem);\n opacity: 0.85;\n margin-bottom: 2.5rem;\n max-width: 900px;\n margin-left: auto;\n margin-right: auto;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-section-subtitle {\n font-weight: 450;\n }\n\n @media (min-width: 768px) {\n .nuvix-section-subtitle {\n margin-bottom: 4rem;\n }\n }\n\n \/* Features grid *\/\n .nuvix-features-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n\n @media (min-width: 768px) {\n .nuvix-features-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 2.5rem;\n }\n }\n\n @media (min-width: 1024px) {\n .nuvix-features-grid {\n grid-template-columns: repeat(3, 1fr);\n gap: 3rem;\n }\n }\n\n \/* Feature card *\/\n .nuvix-feature-card {\n background: var(--nuvix-card-bg);\n padding: 2rem 1.5rem;\n border-radius: 20px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n cursor: pointer;\n }\n\n body.nuvix-light-theme .nuvix-feature-card {\n background: rgba(255, 255, 255, 0.95);\n border: 2px solid rgba(124, 58, 237, 0.15);\n box-shadow: 0 4px 12px rgba(124, 58, 237, 0.08);\n }\n\n @media (min-width: 768px) {\n .nuvix-feature-card {\n padding: 2.5rem 2rem;\n }\n }\n\n .nuvix-feature-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(135deg, transparent, rgba(159, 57, 255, 0.1));\n transform: translateX(-100%);\n transition: transform 0.5s ease;\n }\n\n .nuvix-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .nuvix-feature-card:hover {\n transform: translateY(-10px);\n border-color: var(--nuvix-accent-purple);\n box-shadow: 0 20px 50px rgba(159, 57, 255, 0.3);\n }\n\n body.nuvix-light-theme .nuvix-feature-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 20px 50px rgba(124, 58, 237, 0.25);\n border-color: rgba(124, 58, 237, 0.3);\n }\n\n \/* Feature icon *\/\n .nuvix-feature-icon {\n width: 60px;\n height: 60px;\n background: var(--nuvix-primary-gradient);\n border-radius: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2rem;\n margin-bottom: 1.5rem;\n box-shadow: 0 8px 25px rgba(159, 57, 255, 0.3);\n color: white;\n }\n\n @media (min-width: 768px) {\n .nuvix-feature-icon {\n width: 70px;\n height: 70px;\n font-size: 2.5rem;\n margin-bottom: 2rem;\n }\n }\n\n \/* Feature title *\/\n .nuvix-feature-title {\n font-size: 1.25rem;\n font-weight: 700;\n margin-bottom: 1rem;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-feature-title {\n font-weight: 800;\n }\n\n @media (min-width: 768px) {\n .nuvix-feature-title {\n font-size: 1.4rem;\n }\n }\n\n \/* Feature description *\/\n .nuvix-feature-desc {\n opacity: 0.85;\n line-height: 1.6;\n font-size: 0.95rem;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-feature-desc {\n font-weight: 450;\n opacity: 0.8;\n }\n\n @media (min-width: 768px) {\n .nuvix-feature-desc {\n font-size: 1rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n\n<div class=\"nuvix-solution-section\">\n <div class=\"nuvix-solution-wrapper\">\n \n <div class=\"nuvix-solution-bg\"><\/div>\n\n <div class=\"nuvix-solution-container\">\n <h2 class=\"nuvix-section-title\">A solu\u00e7\u00e3o Nuvix: Tecnologia avan\u00e7ada de IA<\/h2>\n <p class=\"nuvix-section-subtitle\">Proprietary artificial intelligence developed from scratch, designed to give you the edge in trading<\/p>\n \n <div class=\"nuvix-features-grid\">\n <div class=\"nuvix-feature-card\">\n <div class=\"nuvix-feature-icon\">\n <i class=\"las la-brain\"><\/i>\n <\/div>\n <h3 class=\"nuvix-feature-title\">100% Propriet\u00e1rio AI<\/h3>\n <p class=\"nuvix-feature-desc\">Built from the ground up by our team of AI experts and traders. Custom neural networks and machine learning algorithms that continuously improve.<\/p>\n <\/div>\n\n <div class=\"nuvix-feature-card\">\n <div class=\"nuvix-feature-icon\">\n <i class=\"las la-lock\"><\/i>\n <\/div>\n <h3 class=\"nuvix-feature-title\">Secure Infrastructure<\/h3>\n <p class=\"nuvix-feature-desc\">Your data never leaves our encrypted servers. Military-grade security protocols with end-to-end encryption and zero data sharing.<\/p>\n <\/div>\n\n <div class=\"nuvix-feature-card\">\n <div class=\"nuvix-feature-icon\">\n <i class=\"las la-bolt\"><\/i>\n <\/div>\n <h3 class=\"nuvix-feature-title\">An\u00e1lise em tempo real<\/h3>\n <p class=\"nuvix-feature-desc\">Instant pattern recognition across multiple timeframes. Millisecond response time with 24\/7 market monitoring and analysis.<\/p>\n <\/div>\n\n <div class=\"nuvix-feature-card\">\n <div class=\"nuvix-feature-icon\">\n <i class=\"las la-chart-line\"><\/i>\n <\/div>\n <h3 class=\"nuvix-feature-title\">An\u00e1lise preditiva<\/h3>\n <p class=\"nuvix-feature-desc\">Advanced algorithms predict market movements with 95% accuracy. Optimized risk\/reward calculations with precise entry and exit signals.<\/p>\n <\/div>\n\n <div class=\"nuvix-feature-card\">\n <div class=\"nuvix-feature-icon\">\n <i class=\"las la-crosshairs\"><\/i>\n <\/div>\n <h3 class=\"nuvix-feature-title\">Gerenciamento inteligente de riscos<\/h3>\n <p class=\"nuvix-feature-desc\">AI-powered position sizing and stop-loss recommendations. Dynamic risk calculations with automated alerts for portfolio protection.<\/p>\n <\/div>\n\n <div class=\"nuvix-feature-card\">\n <div class=\"nuvix-feature-icon\">\n <i class=\"las la-mobile\"><\/i>\n <\/div>\n <h3 class=\"nuvix-feature-title\">Interface amig\u00e1vel ao usu\u00e1rio<\/h3>\n <p class=\"nuvix-feature-desc\">Complex AI made simple. One-click analysis with clear recommendations. Perfect for beginners and professionals via Chrome Extension.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<script>\n(function() {\n 'use strict';\n \n \/\/ Fade-in animation on scroll\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach((entry, index) => {\n if (entry.isIntersecting) {\n setTimeout(() => {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }, index * 150);\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n \/\/ Observe all feature cards\n const cards = document.querySelectorAll('.nuvix-feature-card');\n cards.forEach(card => {\n card.style.opacity = '0';\n card.style.transform = 'translateY(30px)';\n card.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n observer.observe(card);\n });\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5153bc6 elementor-widget elementor-widget-html\" data-id=\"5153bc6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Nuvix CTA Section<\/title>\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/maxst.icons8.com\/vue-static\/landings\/line-awesome\/line-awesome\/1.3.0\/css\/line-awesome.min.css\">\n \n <style>\n \/* ================================\n CTA SECTION - ELEMENTOR READY\n Enhanced Professional Light Theme\n ================================ *\/\n\n .nuvix-cta-section {\n --nuvix-primary-gradient: linear-gradient(135deg, #9f39ff 0%, #00b4d8 100%);\n --nuvix-dark-bg: #0a0e27;\n --nuvix-text-light: #e2e8f0;\n --nuvix-accent-blue: #00b4d8;\n --nuvix-accent-purple: #9f39ff;\n }\n\n \/* Enhanced Light Theme *\/\n body.nuvix-light-theme .nuvix-cta-section {\n --nuvix-primary-gradient: linear-gradient(135deg, #7c3aed 0%, #0284c7 100%);\n --nuvix-dark-bg: #ffffff;\n --nuvix-text-light: #1e293b;\n --nuvix-accent-blue: #0284c7;\n --nuvix-accent-purple: #7c3aed;\n }\n\n \/* Full width container - AGGRESSIVE gap removal *\/\n .nuvix-cta-section {\n margin: 0 !important;\n padding: 0 !important;\n width: 100vw !important;\n max-width: 100vw !important;\n position: relative;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n overflow-x: hidden !important;\n overflow-y: hidden !important;\n box-sizing: border-box !important;\n }\n\n \/* Prevent body scroll issues *\/\n body:has(.nuvix-cta-section) {\n overflow-x: hidden !important;\n }\n\n html {\n overflow-x: hidden !important;\n }\n\n .nuvix-cta-section,\n .nuvix-cta-section * {\n box-sizing: border-box !important;\n }\n\n \/* Force Elementor parents to have no padding - AGGRESSIVE *\/\n .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget > .elementor-widget-container > .nuvix-cta-section,\n .elementor-widget-container > .nuvix-cta-section,\n .elementor-widget > .nuvix-cta-section,\n .elementor-element > .nuvix-cta-section {\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n left: 50% !important;\n right: 50% !important;\n width: 100vw !important;\n max-width: 100vw !important;\n }\n\n \/* Section wrapper *\/\n .nuvix-cta-wrapper {\n padding: 4rem 1rem;\n background: linear-gradient(135deg, rgba(159, 57, 255, 0.1) 0%, rgba(0, 180, 216, 0.1) 100%);\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n body.nuvix-light-theme .nuvix-cta-wrapper {\n background: linear-gradient(135deg, rgba(124, 58, 237, 0.08) 0%, rgba(2, 132, 199, 0.08) 100%);\n }\n\n @media (min-width: 768px) {\n .nuvix-cta-wrapper {\n padding: 6rem 2rem;\n }\n }\n\n @media (min-width: 1024px) {\n .nuvix-cta-wrapper {\n padding: 8rem 2rem;\n }\n }\n\n \/* Background animation *\/\n .nuvix-cta-bg {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: 0;\n pointer-events: none;\n }\n\n .nuvix-cta-bg::before {\n content: '';\n position: absolute;\n width: 800px;\n height: 800px;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background: radial-gradient(circle, rgba(159, 57, 255, 0.15) 0%, transparent 70%);\n animation: nuvixPulseGlow 4s ease-in-out infinite;\n }\n\n body.nuvix-light-theme .nuvix-cta-bg::before {\n background: radial-gradient(circle, rgba(124, 58, 237, 0.12) 0%, transparent 70%);\n }\n\n @keyframes nuvixPulseGlow {\n 0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.5; }\n 50% { transform: translate(-50%, -50%) scale(1.1); opacity: 0.8; }\n }\n\n \/* Container *\/\n .nuvix-cta-container {\n width: 100%;\n max-width: 900px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n }\n\n \/* CTA title *\/\n .nuvix-cta-title {\n font-size: clamp(2rem, 3.5vw, 3.5rem);\n font-weight: 800;\n margin-bottom: 1rem;\n background: linear-gradient(135deg, var(--nuvix-text-light) 0%, var(--nuvix-accent-purple) 50%, var(--nuvix-accent-blue) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: nuvixShimmer 3s ease-in-out infinite;\n }\n\n body.nuvix-light-theme .nuvix-cta-title {\n background: linear-gradient(135deg, #1e293b 0%, #7c3aed 50%, #0284c7 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n @keyframes nuvixShimmer {\n 0%, 100% { filter: brightness(1); }\n 50% { filter: brightness(1.2); }\n }\n\n @media (min-width: 768px) {\n .nuvix-cta-title {\n margin-bottom: 1.5rem;\n }\n }\n\n \/* CTA subtitle *\/\n .nuvix-cta-subtitle {\n font-size: clamp(1.1rem, 2vw, 1.5rem);\n opacity: 0.9;\n margin-bottom: 2rem;\n line-height: 1.5;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-cta-subtitle {\n font-weight: 500;\n opacity: 0.85;\n }\n\n @media (min-width: 768px) {\n .nuvix-cta-subtitle {\n margin-bottom: 3rem;\n }\n }\n\n \/* CTA buttons container *\/\n .nuvix-cta-buttons {\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 1rem;\n align-items: center;\n }\n\n @media (min-width: 576px) {\n .nuvix-cta-buttons {\n flex-direction: row;\n flex-wrap: wrap;\n }\n }\n\n \/* Buttons *\/\n .nuvix-btn {\n padding: 1rem 2.5rem;\n border-radius: 25px;\n text-decoration: none;\n font-weight: 600;\n transition: all 0.3s ease;\n display: inline-block;\n position: relative;\n overflow: hidden;\n border: none;\n cursor: pointer;\n font-size: 1rem;\n white-space: nowrap;\n text-align: center;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n @media (min-width: 576px) {\n .nuvix-btn {\n padding: 1.125rem 2.75rem;\n font-size: 1.05rem;\n }\n }\n\n @media (min-width: 768px) {\n .nuvix-btn {\n padding: 1.25rem 3rem;\n font-size: 1.1rem;\n }\n }\n\n .nuvix-btn-primary {\n background: var(--nuvix-primary-gradient);\n color: white;\n box-shadow: 0 4px 20px rgba(159, 57, 255, 0.4);\n animation: nuvixBtnFloat 3s ease-in-out infinite;\n }\n\n @keyframes nuvixBtnFloat {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-5px); }\n }\n\n .nuvix-btn-primary:hover {\n transform: translateY(-5px) scale(1.05);\n box-shadow: 0 12px 35px rgba(159, 57, 255, 0.6);\n animation: none;\n }\n\n body.nuvix-light-theme .nuvix-btn-primary {\n box-shadow: 0 4px 16px rgba(124, 58, 237, 0.35);\n }\n\n body.nuvix-light-theme .nuvix-btn-primary:hover {\n box-shadow: 0 12px 30px rgba(124, 58, 237, 0.5);\n }\n\n .nuvix-btn-secondary {\n background: transparent;\n color: var(--nuvix-text-light);\n border: 2px solid rgba(255, 255, 255, 0.3);\n }\n\n body.nuvix-light-theme .nuvix-btn-secondary {\n border-color: rgba(124, 58, 237, 0.3);\n background: rgba(124, 58, 237, 0.05);\n }\n\n .nuvix-btn-secondary:hover {\n background: rgba(255, 255, 255, 0.1);\n border-color: var(--nuvix-accent-blue);\n color: var(--nuvix-accent-blue);\n transform: translateY(-2px);\n }\n\n body.nuvix-light-theme .nuvix-btn-secondary:hover {\n background: rgba(124, 58, 237, 0.12);\n border-color: var(--nuvix-accent-purple);\n color: var(--nuvix-accent-purple);\n }\n\n \/* Trust indicators *\/\n .nuvix-trust-indicators {\n margin-top: 3rem;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n align-items: center;\n }\n\n @media (min-width: 576px) {\n .nuvix-trust-indicators {\n flex-direction: row;\n justify-content: center;\n gap: 2rem;\n flex-wrap: wrap;\n }\n }\n\n @media (min-width: 768px) {\n .nuvix-trust-indicators {\n margin-top: 4rem;\n }\n }\n\n .nuvix-trust-item {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n font-size: 0.9rem;\n opacity: 0.8;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-trust-item {\n font-weight: 500;\n }\n\n @media (min-width: 768px) {\n .nuvix-trust-item {\n font-size: 1rem;\n }\n }\n\n .nuvix-trust-item i {\n color: #10b981;\n font-size: 1.25rem;\n }\n\n body.nuvix-light-theme .nuvix-trust-item i {\n color: #059669;\n }\n <\/style>\n<\/head>\n<body>\n\n\n<div class=\"nuvix-cta-section\">\n <div class=\"nuvix-cta-wrapper\">\n \n <div class=\"nuvix-cta-bg\"><\/div>\n\n <div class=\"nuvix-cta-container\">\n <h2 class=\"nuvix-cta-title\">Pronto para participar da revolu\u00e7\u00e3o comercial da IA?<\/h2>\n <p class=\"nuvix-cta-subtitle\">Start trading smarter with AI-powered analysis. Get started in minutes!<\/p>\n \n <div class=\"nuvix-cta-buttons\">\n <a href=\"\/pt\/packages.html\/\" class=\"nuvix-btn nuvix-btn-primary\">Comece agora<\/a>\n <a href=\"https:\/\/nuvix.com\/pt\/c_login\/\" class=\"nuvix-btn nuvix-btn-secondary\">Fazer login<\/a>\n <\/div>\n\n <div class=\"nuvix-trust-indicators\">\n <div class=\"nuvix-trust-item\">\n <i class=\"las la-shield-alt\"><\/i>\n <span>100% Seguro<\/span>\n <\/div>\n <div class=\"nuvix-trust-item\">\n <i class=\"las la-clock\"><\/i>\n <span>24\/7 AI Analysis<\/span>\n <\/div>\n <div class=\"nuvix-trust-item\">\n <i class=\"las la-chart-line\"><\/i>\n <span>95% Precis\u00e3o<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<script>\n(function() {\n 'use strict';\n \n \/\/ Animate elements on scroll\n const observerOptions = {\n threshold: 0.2,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n \/\/ Observe title\n const title = document.querySelector('.nuvix-cta-title');\n if (title) {\n title.style.opacity = '0';\n title.style.transform = 'translateY(20px)';\n title.style.transition = 'opacity 0.8s ease, transform 0.8s ease';\n observer.observe(title);\n }\n\n \/\/ Observe subtitle\n const subtitle = document.querySelector('.nuvix-cta-subtitle');\n if (subtitle) {\n subtitle.style.opacity = '0';\n subtitle.style.transform = 'translateY(20px)';\n subtitle.style.transition = 'opacity 0.8s ease 0.2s, transform 0.8s ease 0.2s';\n observer.observe(subtitle);\n }\n\n \/\/ Observe buttons\n const buttons = document.querySelector('.nuvix-cta-buttons');\n if (buttons) {\n buttons.style.opacity = '0';\n buttons.style.transform = 'translateY(20px)';\n buttons.style.transition = 'opacity 0.8s ease 0.4s, transform 0.8s ease 0.4s';\n observer.observe(buttons);\n }\n\n \/\/ Observe trust indicators\n const trustIndicators = document.querySelector('.nuvix-trust-indicators');\n if (trustIndicators) {\n trustIndicators.style.opacity = '0';\n trustIndicators.style.transform = 'translateY(20px)';\n trustIndicators.style.transition = 'opacity 0.8s ease 0.6s, transform 0.8s ease 0.6s';\n observer.observe(trustIndicators);\n }\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"Nuvix Header – Enhanced Light Theme Home Markets AI Technology Business Model Packages Demo Log In Get Started Get Started Home Markets AI Technology Business Model Packages Demo Log In Get Started Now Nuvix Hero – Enhanced Light Theme Nuvix – Where AI Meets Opportunity The Future of Trading is Here: AI-Powered Market Analysis Nuvix […]","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-44111","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nuvix.com\/pt\/wp-json\/wp\/v2\/pages\/44111","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nuvix.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nuvix.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nuvix.com\/pt\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nuvix.com\/pt\/wp-json\/wp\/v2\/comments?post=44111"}],"version-history":[{"count":50,"href":"https:\/\/nuvix.com\/pt\/wp-json\/wp\/v2\/pages\/44111\/revisions"}],"predecessor-version":[{"id":44202,"href":"https:\/\/nuvix.com\/pt\/wp-json\/wp\/v2\/pages\/44111\/revisions\/44202"}],"wp:attachment":[{"href":"https:\/\/nuvix.com\/pt\/wp-json\/wp\/v2\/media?parent=44111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Nuvix Header - Enhanced Light Theme<\/title>\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/maxst.icons8.com\/vue-static\/landings\/line-awesome\/line-awesome\/1.3.0\/css\/line-awesome.min.css\">\n \n <style>\n \/* ================================\n SCOPED HEADER STYLES\n All styles prefixed with .nuvix-header\n to avoid conflicts with external styles\n ================================ *\/\n\n .nuvix-header-wrapper {\n --nuvix-primary-gradient: linear-gradient(135deg, #9f39ff 0%, #00b4d8 100%);\n --nuvix-secondary-gradient: linear-gradient(135deg, #ff006e 0%, #00b4d8 100%);\n --nuvix-dark-bg: #0a0e27;\n --nuvix-card-bg: rgba(255, 255, 255, 0.05);\n --nuvix-text-light: #e2e8f0;\n --nuvix-accent-blue: #00b4d8;\n --nuvix-accent-purple: #9f39ff;\n --nuvix-accent-pink: #ff006e;\n }\n\n \/* Enhanced Light Theme Variables *\/\n body.nuvix-light-theme .nuvix-header-wrapper {\n --nuvix-dark-bg: #ffffff;\n --nuvix-card-bg: rgba(159, 57, 255, 0.06);\n --nuvix-text-light: #1e293b;\n --nuvix-accent-blue: #0284c7;\n --nuvix-accent-purple: #7c3aed;\n --nuvix-accent-pink: #e11d48;\n --nuvix-border-color: rgba(159, 57, 255, 0.15);\n --nuvix-hover-bg: rgba(124, 58, 237, 0.08);\n }\n\n \/* Header Container *\/\n .nuvix-header-wrapper {\n position: fixed;\n top: 0;\n width: 100%;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(10, 14, 39, 0.8);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.3s ease;\n min-height: 60px;\n height: auto;\n }\n\n body.nuvix-light-theme .nuvix-header-wrapper {\n background: rgba(255, 255, 255, 0.95);\n border-bottom: 2px solid rgba(159, 57, 255, 0.12);\n box-shadow: 0 2px 12px rgba(124, 58, 237, 0.08);\n }\n\n .nuvix-header-wrapper.scrolled {\n background: rgba(10, 14, 39, 0.95);\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n }\n\n body.nuvix-light-theme .nuvix-header-wrapper.scrolled {\n background: rgba(255, 255, 255, 0.98);\n box-shadow: 0 4px 20px rgba(124, 58, 237, 0.15);\n border-bottom-color: rgba(159, 57, 255, 0.2);\n }\n\n \/* Navigation *\/\n .nuvix-header-wrapper .nuvix-nav {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0.75rem 1rem;\n width: 100%;\n max-width: 1600px;\n margin: 0 auto;\n min-height: 60px;\n flex-wrap: wrap;\n gap: 0.5rem;\n }\n\n @media (min-width: 768px) {\n .nuvix-header-wrapper .nuvix-nav {\n padding: 1rem 1.5rem;\n flex-wrap: nowrap;\n gap: 0.75rem;\n }\n }\n\n @media (min-width: 1200px) {\n .nuvix-header-wrapper .nuvix-nav {\n padding: 1rem 2rem;\n }\n }\n\n \/* Logo *\/\n .nuvix-header-wrapper .nuvix-logo {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n z-index: 1002;\n flex-shrink: 0;\n }\n\n .nuvix-header-wrapper .nuvix-logo a {\n display: flex;\n align-items: center;\n text-decoration: none;\n cursor: pointer;\n }\n\n .nuvix-header-wrapper .nuvix-logo img {\n height: 35px;\n width: auto;\n filter: drop-shadow(0 0 10px rgba(159, 57, 255, 0.5));\n transition: all 0.3s ease;\n cursor: pointer;\n }\n\n .nuvix-header-wrapper .nuvix-logo a:hover img {\n opacity: 0.85;\n transform: scale(1.02);\n }\n\n @media (min-width: 768px) {\n .nuvix-header-wrapper .nuvix-logo img {\n height: 40px;\n }\n }\n\n @media (min-width: 1200px) {\n .nuvix-header-wrapper .nuvix-logo img {\n height: 45px;\n }\n }\n\n body.nuvix-light-theme .nuvix-header-wrapper .nuvix-logo img {\n filter: drop-shadow(0 2px 8px rgba(124, 58, 237, 0.25));\n }\n\n \/* Desktop Navigation Links *\/\n .nuvix-header-wrapper .nuvix-nav-links {\n display: none;\n gap: clamp(0.3rem, 0.8vw, 1rem);\n align-items: center;\n flex-wrap: wrap;\n justify-content: flex-end;\n flex: 1;\n max-width: 100%;\n overflow: hidden;\n }\n\n @media (min-width: 1024px) {\n .nuvix-header-wrapper .nuvix-nav-links {\n display: flex;\n }\n }\n\n @media (min-width: 1400px) {\n .nuvix-header-wrapper .nuvix-nav-links {\n gap: clamp(0.75rem, 1.2vw, 1.5rem);\n }\n }\n\n \/* Navigation Link Styles *\/\n .nuvix-header-wrapper .nuvix-nav-links a {\n color: var(--nuvix-text-light);\n text-decoration: none;\n transition: all 0.3s ease;\n position: relative;\n font-weight: 500;\n white-space: nowrap;\n font-size: clamp(0.7rem, 0.9vw, 0.95rem);\n padding: 0.25rem clamp(0.25rem, 0.5vw, 0.75rem);\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n }\n\n @media (min-width: 1200px) {\n .nuvix-header-wrapper .nuvix-nav-links a {\n font-size: clamp(0.75rem, 1vw, 1rem);\n }\n }\n\n @media (min-width: 1600px) {\n .nuvix-header-wrapper .nuvix-nav-links a {\n font-size: clamp(0.85rem, 1vw, 1.05rem);\n }\n }\n\n .nuvix-header-wrapper .nuvix-nav-links a::after {\n content: '';\n position: absolute;\n bottom: -5px;\n left: 0;\n width: 0;\n height: 2px;\n background: var(--nuvix-primary-gradient);\n transition: width 0.3s ease;\n }\n\n .nuvix-header-wrapper .nuvix-nav-links a:hover::after {\n width: 100%;\n }\n\n body.nuvix-light-theme .nuvix-header-wrapper .nuvix-nav-links a:hover {\n color: var(--nuvix-accent-purple);\n }\n\n \/* Compact Mode *\/\n @media (min-width: 1024px) and (max-width: 1199px) {\n .nuvix-header-wrapper .nuvix-nav-links {\n gap: 0.4rem;\n }\n \n .nuvix-header-wrapper .nuvix-nav-links a {\n font-size: clamp(0.65rem, 0.85vw, 0.85rem);\n padding: 0.25rem 0.3rem;\n }\n }\n\n .nuvix-header-wrapper.compact-mode .nuvix-nav-links {\n gap: 0.25rem;\n }\n\n .nuvix-header-wrapper.compact-mode .nuvix-nav-links a {\n font-size: 0.7rem;\n padding: 0.2rem 0.25rem;\n }\n\n .nuvix-header-wrapper.compact-mode .nuvix-nav-links .nuvix-btn {\n padding: 0.4rem 0.8rem;\n font-size: 0.7rem;\n }\n\n \/* Theme Toggle Button *\/\n .nuvix-header-wrapper .nuvix-theme-toggle {\n background: transparent;\n border: 2px solid rgba(255, 255, 255, 0.3);\n border-radius: 50%;\n width: clamp(35px, 5vw, 40px);\n height: clamp(35px, 5vw, 40px);\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 0.3s ease;\n color: var(--nuvix-text-light);\n padding: 0;\n flex-shrink: 0;\n outline: none;\n }\n\n body.nuvix-light-theme .nuvix-header-wrapper .nuvix-theme-toggle {\n border-color: rgba(124, 58, 237, 0.3);\n background: rgba(124, 58, 237, 0.05);\n }\n\n .nuvix-header-wrapper .nuvix-theme-toggle:hover {\n border-color: var(--nuvix-accent-blue);\n background: rgba(255, 255, 255, 0.1);\n transform: rotate(15deg);\n }\n\n body.nuvix-light-theme .nuvix-header-wrapper .nuvix-theme-toggle:hover {\n background: rgba(124, 58, 237, 0.12);\n border-color: var(--nuvix-accent-purple);\n transform: rotate(15deg) scale(1.05);\n }\n\n .nuvix-header-wrapper .nuvix-theme-toggle:active {\n transform: rotate(15deg) scale(0.95);\n }\n\n .nuvix-header-wrapper .nuvix-theme-toggle i {\n font-size: clamp(1rem, 1.5vw, 1.25rem);\n transition: transform 0.5s ease;\n }\n\n body.nuvix-light-theme .nuvix-header-wrapper .nuvix-theme-toggle i {\n transform: rotate(180deg);\n color: #f59e0b;\n }\n\n \/* Buttons *\/\n .nuvix-header-wrapper .nuvix-btn {\n padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);\n border-radius: 25px;\n text-decoration: none;\n font-weight: 600;\n transition: all 0.3s ease;\n display: inline-block;\n border: none;\n cursor: pointer;\n font-size: clamp(0.75rem, 1vw, 0.9rem);\n white-space: nowrap;\n text-align: center;\n flex-shrink: 0;\n }\n\n @media (min-width: 1200px) {\n .nuvix-header-wrapper .nuvix-btn {\n padding: clamp(0.6rem, 1.2vw, 0.875rem) clamp(1.25rem, 2.2vw, 2rem);\n font-size: clamp(0.8rem, 1.1vw, 0.95rem);\n }\n }\n\n .nuvix-header-wrapper .nuvix-btn-primary {\n background: var(--nuvix-primary-gradient);\n color: white;\n box-shadow: 0 4px 20px rgba(159, 57, 255, 0.4);\n }\n\n .nuvix-header-wrapper .nuvix-btn-primary:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 30px rgba(159, 57, 255, 0.6);\n }\n\n body.nuvix-light-theme .nuvix-header-wrapper .nuvix-btn-primary {\n box-shadow: 0 4px 16px rgba(124, 58, 237, 0.35);\n }\n\n body.nuvix-light-theme .nuvix-header-wrapper .nuvix-btn-primary:hover {\n box-shadow: 0 8px 24px rgba(124, 58, 237, 0.5);\n transform: translateY(-3px);\n }\n\n .nuvix-header-wrapper .nuvix-btn-secondary {\n background: transparent;\n color: var(--nuvix-text-light);\n border: 2px solid rgba(255, 255, 255, 0.3);\n }\n\n body.nuvix-light-theme .nuvix-header-wrapper .nuvix-btn-secondary {\n border-color: rgba(124, 58, 237, 0.3);\n background: rgba(124, 58, 237, 0.05);\n }\n\n .nuvix-header-wrapper .nuvix-btn-secondary:hover {\n background: rgba(255, 255, 255, 0.1);\n border-color: var(--nuvix-accent-blue);\n color: var(--nuvix-accent-blue);\n }\n\n body.nuvix-light-theme .nuvix-header-wrapper .nuvix-btn-secondary:hover {\n background: rgba(124, 58, 237, 0.12);\n border-color: var(--nuvix-accent-purple);\n color: var(--nuvix-accent-purple);\n }\n\n \/* Mobile Navigation Container *\/\n .nuvix-header-wrapper .nuvix-mobile-nav-container {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n @media (min-width: 1024px) {\n .nuvix-header-wrapper .nuvix-mobile-nav-container {\n display: none;\n }\n }\n\n \/* Hamburger Menu *\/\n .nuvix-header-wrapper .nuvix-hamburger {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n width: 30px;\n height: 24px;\n cursor: pointer;\n z-index: 1002;\n padding: 5px;\n background: transparent;\n border: none;\n outline: none;\n }\n\n .nuvix-header-wrapper .nuvix-hamburger span {\n display: block;\n width: 100%;\n height: 3px;\n background: var(--nuvix-text-light);\n border-radius: 3px;\n transition: all 0.3s ease;\n }\n\n .nuvix-header-wrapper .nuvix-hamburger.active span:nth-child(1) {\n transform: translateY(10.5px) rotate(45deg);\n }\n\n .nuvix-header-wrapper .nuvix-hamburger.active span:nth-child(2) {\n opacity: 0;\n }\n\n .nuvix-header-wrapper .nuvix-hamburger.active span:nth-child(3) {\n transform: translateY(-10.5px) rotate(-45deg);\n }\n\n \/* Mobile Menu Overlay *\/\n .nuvix-mobile-menu {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n background: rgba(10, 14, 39, 0.98);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n z-index: 999;\n opacity: 0;\n visibility: hidden;\n transition: opacity 0.3s ease, visibility 0.3s ease;\n pointer-events: none;\n }\n\n body.nuvix-light-theme .nuvix-mobile-menu {\n background: rgba(255, 255, 255, 0.98);\n backdrop-filter: blur(30px);\n -webkit-backdrop-filter: blur(30px);\n }\n\n .nuvix-mobile-menu.active {\n opacity: 1;\n visibility: visible;\n pointer-events: auto;\n }\n\n .nuvix-mobile-menu .nuvix-mobile-menu-content {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n padding: 2rem;\n }\n\n .nuvix-mobile-menu .nuvix-mobile-menu-links {\n display: flex;\n flex-direction: column;\n gap: 2rem;\n text-align: center;\n margin-bottom: 3rem;\n }\n\n .nuvix-mobile-menu .nuvix-mobile-menu-links a {\n color: var(--nuvix-text-light);\n text-decoration: none;\n font-size: clamp(1.25rem, 4vw, 1.5rem);\n font-weight: 600;\n transition: all 0.3s ease;\n padding: 0.5rem 1rem;\n }\n\n .nuvix-mobile-menu .nuvix-mobile-menu-links a:hover {\n color: var(--nuvix-accent-blue);\n transform: translateX(5px);\n }\n\n body.nuvix-light-theme .nuvix-mobile-menu .nuvix-mobile-menu-links a:hover {\n color: var(--nuvix-accent-purple);\n }\n\n .nuvix-mobile-menu .nuvix-mobile-menu-buttons {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n max-width: 300px;\n }\n\n \/* Locale Switcher *\/\n .nuvix-header-wrapper .nuvix-locale-switcher-wrapper {\n display: flex;\n align-items: center;\n min-width: fit-content;\n flex-shrink: 0;\n }\n <\/style>\n<\/head>\n<body>\n\n\n<div class=\"nuvix-header-wrapper\" id=\"nuvixHeader\">\n <nav class=\"nuvix-nav\">\n <div class=\"nuvix-logo\">\n <img decoding=\"async\" id=\"nuvixLogoImg\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/07\/uvix-1-1.png\" alt=\"Nuvix\">\n <\/div>\n \n \n <div class=\"nuvix-nav-links\">\n <a href=\"\/pt\/index.html\/\">In\u00edcio<\/a>\n <a href=\"\/pt\/markets.html\/\">Mercados<\/a>\n <a href=\"\/pt\/technology.html\/\">Tecnologia de IA<\/a>\n <a href=\"\/pt\/business.html\/\">Modelo de neg\u00f3cios<\/a>\n <a href=\"\/pt\/packages.html\/\">Pacotes<\/a>\n <a href=\"\/pt\/demo.html\/\">Demonstra\u00e7\u00e3o<\/a>\n <a href=\"https:\/\/nuvix.com\/pt\/c_login\/\">Fazer login<\/a>\n \n \n <button id=\"nuvixThemeToggle\" class=\"nuvix-theme-toggle\" aria-label=\"Alternar tema\">\n <i class=\"las la-moon\" id=\"nuvixThemeIcon\"><\/i>\n <\/button>\n \n <div class=\"nuvix-locale-switcher-wrapper\" id=\"nuvixLocaleSwitcher\"> <div class=\"ulcs-widget minimal-style\"\n data-position=\"inline\" \n data-type=\"both\">\n <button class=\"ulcs-trigger\" aria-label=\"Alterar ambos\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\udde7\ud83c\uddf7<\/span>\n <span class=\"ulcs-lang\">PT<\/span>\n \n <span class=\"ulcs-divider\">|<\/span>\n \n <span class=\"ulcs-currency-symbol\">$<\/span>\n <span class=\"ulcs-currency-code\">USD<\/span>\n <\/div>\n <svg class=\"ulcs-arrow\" width=\"12\" height=\"12\" viewbox=\"0 0 12 12\" fill=\"none\">\n <path d=\"M3 4.5L6 7.5L9 4.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/button>\n <\/div>\n <\/div>\n <a href=\"\/pt\/packages.html\/\" class=\"nuvix-btn nuvix-btn-primary\">Come\u00e7ar a usar<\/a>\n <\/div>\n \n \n <div class=\"nuvix-mobile-nav-container\">\n <button id=\"nuvixThemeToggleMobile\" class=\"nuvix-theme-toggle\" aria-label=\"Alternar tema\">\n <i class=\"las la-moon\" id=\"nuvixThemeIconMobile\"><\/i>\n <\/button>\n <a href=\"\/pt\/packages.html\/\" class=\"nuvix-btn nuvix-btn-primary\" style=\"padding: 0.5rem 1.25rem; font-size: 0.85rem;\">Come\u00e7ar a usar<\/a>\n <div class=\"nuvix-hamburger\" id=\"nuvixHamburger\">\n <span><\/span>\n <span><\/span>\n <span><\/span>\n <\/div>\n <\/div>\n <\/nav>\n<\/div>\n\n\n<div class=\"nuvix-mobile-menu\" id=\"nuvixMobileMenu\">\n <div class=\"nuvix-mobile-menu-content\">\n <div class=\"nuvix-mobile-menu-links\">\n <a href=\"\/pt\/index.html\/\">In\u00edcio<\/a>\n <a href=\"\/pt\/markets.html\/\">Mercados<\/a>\n <a href=\"\/pt\/technology.html\/\">Tecnologia de IA<\/a>\n <a href=\"\/pt\/business.html\/\">Modelo de neg\u00f3cios<\/a>\n <a href=\"\/pt\/packages.html\/\">Pacotes<\/a>\n <a href=\"\/pt\/demo.html\/\">Demonstra\u00e7\u00e3o<\/a>\n <\/div>\n <div class=\"nuvix-mobile-menu-buttons\">\n <a href=\"https:\/\/nuvix.com\/pt\/c_login\/\" class=\"nuvix-btn nuvix-btn-secondary\">Fazer login<\/a>\n <a href=\"\/pt\/packages.html\/\" class=\"nuvix-btn nuvix-btn-primary\">Comece agora<\/a>\n <div class=\"nuvix-locale-switcher-wrapper\" id=\"nuvixLocaleSwitcherMobile\"><center> <div class=\"ulcs-widget minimal-style\"\n data-position=\"inline\" \n data-type=\"both\">\n <button class=\"ulcs-trigger\" aria-label=\"Alterar ambos\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\udde7\ud83c\uddf7<\/span>\n <span class=\"ulcs-lang\">PT<\/span>\n \n <span class=\"ulcs-divider\">|<\/span>\n \n <span class=\"ulcs-currency-symbol\">$<\/span>\n <span class=\"ulcs-currency-code\">USD<\/span>\n <\/div>\n <svg class=\"ulcs-arrow\" width=\"12\" height=\"12\" viewbox=\"0 0 12 12\" fill=\"none\">\n <path d=\"M3 4.5L6 7.5L9 4.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/button>\n <\/div>\n <\/center><\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n\/\/ ================================\n\/\/ NUVIX HEADER SCRIPTS\n\/\/ All namespaced to avoid conflicts\n\/\/ ================================\n(function() {\n 'use strict';\n \n \/\/ Logo URLs\n const LOGO_DARK = 'https:\/\/nuvix.com\/wp-content\/uploads\/2025\/07\/uvix-1-1.png';\n const LOGO_LIGHT = 'https:\/\/nuvix.com\/wp-content\/uploads\/2025\/07\/cropped-2-2-1.png';\n \n \/\/ Theme Toggle\n const themeToggle = document.getElementById('nuvixThemeToggle');\n const themeToggleMobile = document.getElementById('nuvixThemeToggleMobile');\n const themeIcon = document.getElementById('nuvixThemeIcon');\n const themeIconMobile = document.getElementById('nuvixThemeIconMobile');\n const logoImg = document.getElementById('nuvixLogoImg');\n const body = document.body;\n\n const currentTheme = localStorage.getItem('nuvixTheme') || 'dark';\n \n if (currentTheme === 'light') {\n body.classList.add('nuvix-light-theme');\n updateThemeElements('light');\n }\n\n function toggleTheme() {\n body.classList.toggle('nuvix-light-theme');\n \n const theme = body.classList.contains('nuvix-light-theme') ? 'light' : 'dark';\n localStorage.setItem('nuvixTheme', theme);\n updateThemeElements(theme);\n }\n\n function updateThemeElements(theme) {\n \/\/ Update icons\n const iconClass = theme === 'light' ? 'la-sun' : 'la-moon';\n \n if (themeIcon) {\n themeIcon.className = 'las ' + iconClass;\n }\n if (themeIconMobile) {\n themeIconMobile.className = 'las ' + iconClass;\n }\n \n \/\/ Update logo\n if (logoImg) {\n logoImg.src = theme === 'light' ? LOGO_LIGHT : LOGO_DARK;\n }\n }\n\n if (themeToggle) {\n themeToggle.addEventListener('click', toggleTheme);\n }\n if (themeToggleMobile) {\n themeToggleMobile.addEventListener('click', toggleTheme);\n }\n\n \/\/ Mobile Navigation\n const hamburger = document.getElementById('nuvixHamburger');\n const mobileMenu = document.getElementById('nuvixMobileMenu');\n const mobileMenuLinks = document.querySelectorAll('.nuvix-mobile-menu .nuvix-mobile-menu-links a');\n\n if (hamburger && mobileMenu) {\n hamburger.addEventListener('click', function(e) {\n e.stopPropagation();\n this.classList.toggle('active');\n mobileMenu.classList.toggle('active');\n \n if (mobileMenu.classList.contains('active')) {\n body.style.overflow = 'hidden';\n } else {\n body.style.overflow = '';\n }\n });\n\n mobileMenuLinks.forEach(link => {\n link.addEventListener('click', function() {\n hamburger.classList.remove('active');\n mobileMenu.classList.remove('active');\n body.style.overflow = '';\n });\n });\n\n document.addEventListener('click', function(e) {\n if (!mobileMenu.contains(e.target) && !hamburger.contains(e.target)) {\n if (mobileMenu.classList.contains('active')) {\n hamburger.classList.remove('active');\n mobileMenu.classList.remove('active');\n body.style.overflow = '';\n }\n }\n });\n }\n\n \/\/ Header Scroll Effect\n const header = document.getElementById('nuvixHeader');\n let lastScroll = 0;\n\n window.addEventListener('scroll', function() {\n const currentScroll = window.pageYOffset;\n \n if (currentScroll > 50) {\n header.classList.add('scrolled');\n } else {\n header.classList.remove('scrolled');\n }\n \n lastScroll = currentScroll;\n });\n\n \/\/ Dynamic Header Size Adjustment\n function checkHeaderOverflow() {\n if (window.innerWidth < 1024) return;\n \n const navLinks = header.querySelector('.nuvix-nav-links');\n \n if (!navLinks) return;\n \n let totalWidth = 0;\n const items = navLinks.children;\n \n for (let item of items) {\n totalWidth += item.offsetWidth;\n }\n \n totalWidth += (items.length - 1) * 16;\n \n const nav = header.querySelector('.nuvix-nav');\n const navWidth = nav.offsetWidth;\n const logoWidth = header.querySelector('.nuvix-logo').offsetWidth;\n const availableWidth = navWidth - logoWidth - 100;\n \n if (totalWidth > availableWidth) {\n header.classList.add('compact-mode');\n } else {\n header.classList.remove('compact-mode');\n }\n }\n \n window.addEventListener('load', checkHeaderOverflow);\n \n let resizeTimer;\n window.addEventListener('resize', function() {\n clearTimeout(resizeTimer);\n resizeTimer = setTimeout(checkHeaderOverflow, 250);\n });\n \n const observer = new MutationObserver(function() {\n setTimeout(checkHeaderOverflow, 100);\n });\n \n const targetNode = header.querySelector('.nuvix-locale-switcher-wrapper');\n if (targetNode) {\n observer.observe(targetNode, { \n childList: true, \n subtree: true,\n characterData: true \n });\n }\n \n const navLinks = header.querySelector('.nuvix-nav-links');\n if (navLinks) {\n observer.observe(navLinks, { \n childList: true, \n subtree: true,\n characterData: true \n });\n }\n\n \/\/ WordPress Integration\n function setupMyAccountButtons() {\n const isLoggedIn = window.wpUserLoggedIn || document.body.classList.contains('logged-in');\n \n if (!isLoggedIn) return;\n \n const myAccountUrl = window.wpMyAccountUrl || '\/my-account\/';\n const logoutUrl = window.wpLogoutUrl || '\/wp-login.php?action=logout';\n const currentLang = window.wpCurrentLang || '';\n \n let finalMyAccountUrl = myAccountUrl;\n if (currentLang && currentLang !== 'en' && !myAccountUrl.includes('\/' + currentLang + '\/')) {\n if (myAccountUrl.startsWith('\/')) {\n finalMyAccountUrl = '\/' + currentLang + myAccountUrl;\n }\n }\n \n const loginLinks = header.querySelectorAll('a[href*=\"c_login\"]');\n loginLinks.forEach(link => {\n link.textContent = 'Log Out';\n link.href = logoutUrl;\n });\n \n const getStartedButtons = header.querySelectorAll('.nuvix-btn-primary[href*=\"packages\"]');\n getStartedButtons.forEach(button => {\n button.textContent = 'My Account';\n button.href = finalMyAccountUrl;\n });\n }\n \n setupMyAccountButtons();\n document.addEventListener('DOMContentLoaded', setupMyAccountButtons);\n setTimeout(setupMyAccountButtons, 1000);\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d6fdd5f e-con-full e-flex e-con e-parent\" data-id=\"d6fdd5f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7973853 elementor-widget elementor-widget-html\" data-id=\"7973853\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Nuvix Hero - Enhanced Light Theme<\/title>\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/maxst.icons8.com\/vue-static\/landings\/line-awesome\/line-awesome\/1.3.0\/css\/line-awesome.min.css\">\n \n <style>\n \/* ================================\n ELEMENTOR OPTIMIZED - FULL WIDTH NO GAPS\n Enhanced Professional Light Theme\n ================================ *\/\n\n .nuvix-hero-section {\n --nuvix-primary-gradient: linear-gradient(135deg, #9f39ff 0%, #00b4d8 100%);\n --nuvix-secondary-gradient: linear-gradient(135deg, #ff006e 0%, #00b4d8 100%);\n --nuvix-dark-bg: #0a0e27;\n --nuvix-card-bg: rgba(255, 255, 255, 0.05);\n --nuvix-text-light: #e2e8f0;\n --nuvix-accent-blue: #00b4d8;\n --nuvix-accent-purple: #9f39ff;\n --nuvix-accent-pink: #ff006e;\n --nuvix-success-green: #10b981;\n }\n\n \/* Enhanced Professional Light Theme Variables *\/\n body.nuvix-light-theme .nuvix-hero-section {\n --nuvix-dark-bg: linear-gradient(135deg, #f0f4f8 0%, #e8ecf1 100%);\n --nuvix-card-bg: rgba(255, 255, 255, 0.85);\n --nuvix-text-light: #1e293b;\n --nuvix-accent-blue: #0284c7;\n --nuvix-accent-purple: #7c3aed;\n --nuvix-accent-pink: #e11d48;\n --nuvix-success-green: #059669;\n --nuvix-border-color: rgba(124, 58, 237, 0.15);\n --nuvix-shadow-color: rgba(124, 58, 237, 0.1);\n }\n\n \/* CRITICAL: Remove ALL gaps for Elementor - Full width edge to edge *\/\n .nuvix-hero-section {\n margin: 0 !important;\n padding: 0 !important;\n width: 100vw !important;\n max-width: 100vw !important;\n position: relative;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n overflow-x: hidden !important;\n box-sizing: border-box !important;\n }\n\n \/* Remove gaps from Elementor parent containers *\/\n .elementor-section > .nuvix-hero-section,\n .elementor-container > .nuvix-hero-section,\n .elementor-widget-wrap > .nuvix-hero-section {\n margin: 0 !important;\n padding: 0 !important;\n }\n\n \/* Force all child elements to respect box-sizing *\/\n .nuvix-hero-section,\n .nuvix-hero-section * {\n box-sizing: border-box !important;\n }\n\n \/* Hero Section Container *\/\n .nuvix-hero-section .nuvix-hero-wrapper {\n position: relative;\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 5rem 1rem 3rem;\n overflow: hidden;\n background-color: var(--nuvix-dark-bg);\n color: var(--nuvix-text-light);\n margin: 0;\n width: 100%;\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-hero-wrapper {\n background: linear-gradient(135deg, #f0f4f8 0%, #e8ecf1 50%, #f0f9ff 100%);\n }\n\n @media (min-width: 768px) {\n .nuvix-hero-section .nuvix-hero-wrapper {\n padding: 6rem 2rem 4rem;\n }\n }\n\n \/* Animated Background *\/\n .nuvix-hero-section .nuvix-bg-animation {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: 0;\n overflow: hidden;\n pointer-events: none;\n }\n\n .nuvix-hero-section .nuvix-bg-animation::before {\n content: '';\n position: absolute;\n width: 200%;\n height: 200%;\n top: -50%;\n left: -50%;\n background: radial-gradient(circle at 20% 50%, rgba(159, 57, 255, 0.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 50%, rgba(0, 180, 216, 0.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255, 0, 110, 0.05) 0%, transparent 50%);\n animation: nuvixRotate 30s linear infinite;\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-bg-animation::before {\n background: radial-gradient(circle at 20% 50%, rgba(124, 58, 237, 0.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 50%, rgba(2, 132, 199, 0.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(225, 29, 72, 0.08) 0%, transparent 50%);\n }\n\n @keyframes nuvixRotate {\n to { transform: rotate(360deg); }\n }\n\n \/* Neural Network SVG *\/\n .nuvix-hero-section .nuvix-neural-network {\n position: absolute;\n width: 100%;\n height: 100%;\n opacity: 0.1;\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-neural-network {\n opacity: 0.08;\n }\n\n .nuvix-hero-section .nuvix-neural-path {\n stroke: var(--nuvix-accent-purple);\n stroke-width: 0.5;\n fill: none;\n animation: nuvixPulsePath 3s ease-in-out infinite;\n }\n\n @keyframes nuvixPulsePath {\n 0%, 100% { opacity: 0.1; }\n 50% { opacity: 0.3; }\n }\n\n \/* Floating Particles *\/\n .nuvix-hero-section .nuvix-particle {\n position: absolute;\n background: rgba(255, 255, 255, 0.5);\n border-radius: 50%;\n animation: nuvixFloat 20s infinite linear;\n pointer-events: none;\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-particle {\n background: rgba(124, 58, 237, 0.4);\n }\n\n @keyframes nuvixFloat {\n from {\n transform: translateY(100vh) translateX(0);\n opacity: 0;\n }\n 10% { opacity: 1; }\n 90% { opacity: 1; }\n to {\n transform: translateY(-100vh) translateX(100px);\n opacity: 0;\n }\n }\n\n \/* Container *\/\n .nuvix-hero-section .nuvix-container {\n width: 100%;\n max-width: 1400px;\n margin: 0 auto;\n padding: 0;\n position: relative;\n z-index: 1;\n }\n\n \/* Hero Content Grid *\/\n .nuvix-hero-section .nuvix-hero-content {\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n align-items: center;\n }\n\n @media (min-width: 768px) {\n .nuvix-hero-section .nuvix-hero-content {\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n }\n }\n\n @media (min-width: 1024px) {\n .nuvix-hero-section .nuvix-hero-content {\n gap: 4rem;\n }\n }\n\n \/* Hero Text *\/\n .nuvix-hero-section .nuvix-hero-text {\n text-align: center;\n padding: 0 1rem;\n }\n\n @media (min-width: 768px) {\n .nuvix-hero-section .nuvix-hero-text {\n text-align: left;\n padding: 0;\n }\n }\n\n \/* Tagline *\/\n .nuvix-hero-section .nuvix-tagline {\n font-size: 1rem;\n color: var(--nuvix-accent-blue);\n margin-bottom: 0.75rem;\n font-style: italic;\n font-weight: 500;\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-tagline {\n font-weight: 600;\n }\n\n @media (min-width: 768px) {\n .nuvix-hero-section .nuvix-tagline {\n font-size: 1.2rem;\n margin-bottom: 1rem;\n }\n }\n\n \/* Main Heading *\/\n .nuvix-hero-section .nuvix-hero-text h1 {\n font-size: clamp(1.75rem, 4vw, 4.5rem);\n font-weight: 800;\n margin: 0 0 1rem 0;\n background: linear-gradient(135deg, var(--nuvix-text-light) 0%, var(--nuvix-accent-purple) 50%, var(--nuvix-accent-blue) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: nuvixGradientShift 3s ease infinite;\n line-height: 1.1;\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-hero-text h1 {\n background: linear-gradient(135deg, #1e293b 0%, #7c3aed 40%, #0284c7 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n @media (min-width: 768px) {\n .nuvix-hero-section .nuvix-hero-text h1 {\n font-size: clamp(2.5rem, 5vw, 4.5rem);\n margin-bottom: 1.5rem;\n }\n }\n\n @keyframes nuvixGradientShift {\n 0%, 100% { filter: hue-rotate(0deg); }\n 50% { filter: hue-rotate(30deg); }\n }\n\n \/* Paragraph *\/\n .nuvix-hero-section .nuvix-hero-text p {\n font-size: clamp(0.95rem, 1.5vw, 1.25rem);\n margin: 0 0 1.5rem 0;\n opacity: 0.9;\n line-height: 1.6;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-hero-text p {\n opacity: 0.85;\n font-weight: 450;\n }\n\n @media (min-width: 768px) {\n .nuvix-hero-section .nuvix-hero-text p {\n margin-bottom: 2rem;\n }\n }\n\n \/* Hero Stats *\/\n .nuvix-hero-section .nuvix-hero-stats {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin: 1.5rem 0;\n }\n\n @media (min-width: 576px) {\n .nuvix-hero-section .nuvix-hero-stats {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 1.5rem;\n }\n }\n\n @media (min-width: 768px) {\n .nuvix-hero-section .nuvix-hero-stats {\n justify-content: flex-start;\n gap: 2rem;\n margin: 2rem 0;\n }\n }\n\n .nuvix-hero-section .nuvix-stat-item {\n text-align: center;\n padding: 0.75rem;\n background: var(--nuvix-card-bg);\n border-radius: 10px;\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.3s ease;\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-stat-item {\n background: rgba(255, 255, 255, 0.95);\n border: 2px solid rgba(124, 58, 237, 0.15);\n box-shadow: 0 4px 12px rgba(124, 58, 237, 0.08);\n }\n\n .nuvix-hero-section .nuvix-stat-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(159, 57, 255, 0.2);\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-stat-item:hover {\n transform: translateY(-5px) scale(1.02);\n box-shadow: 0 8px 24px rgba(124, 58, 237, 0.2);\n border-color: rgba(124, 58, 237, 0.3);\n }\n\n @media (min-width: 576px) {\n .nuvix-hero-section .nuvix-stat-item {\n min-width: 110px;\n padding: 1rem;\n }\n }\n\n @media (min-width: 768px) {\n .nuvix-hero-section .nuvix-stat-item {\n min-width: 120px;\n }\n }\n\n .nuvix-hero-section .nuvix-stat-number {\n font-size: 1.5rem;\n font-weight: 800;\n background: var(--nuvix-primary-gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n display: block;\n }\n\n @media (min-width: 576px) {\n .nuvix-hero-section .nuvix-stat-number {\n font-size: 1.75rem;\n }\n }\n\n @media (min-width: 768px) {\n .nuvix-hero-section .nuvix-stat-number {\n font-size: 2rem;\n }\n }\n\n .nuvix-hero-section .nuvix-stat-label {\n font-size: 0.75rem;\n opacity: 0.8;\n margin-top: 0.25rem;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-stat-label {\n font-weight: 500;\n }\n\n @media (min-width: 576px) {\n .nuvix-hero-section .nuvix-stat-label {\n font-size: 0.875rem;\n }\n }\n\n \/* CTA Buttons *\/\n .nuvix-hero-section .nuvix-cta-buttons {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n margin-top: 1.5rem;\n }\n\n @media (min-width: 576px) {\n .nuvix-hero-section .nuvix-cta-buttons {\n flex-direction: row;\n justify-content: center;\n flex-wrap: wrap;\n gap: 1rem;\n }\n }\n\n @media (min-width: 768px) {\n .nuvix-hero-section .nuvix-cta-buttons {\n justify-content: flex-start;\n margin-top: 2rem;\n }\n }\n\n \/* Buttons *\/\n .nuvix-hero-section .nuvix-btn {\n padding: 0.875rem 2rem;\n border-radius: 25px;\n text-decoration: none;\n font-weight: 600;\n transition: all 0.3s ease;\n display: inline-block;\n position: relative;\n overflow: hidden;\n border: none;\n cursor: pointer;\n font-size: 0.9rem;\n white-space: nowrap;\n text-align: center;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n @media (min-width: 576px) {\n .nuvix-hero-section .nuvix-btn {\n padding: 1rem 2.5rem;\n font-size: 1rem;\n }\n }\n\n .nuvix-hero-section .nuvix-btn-primary {\n background: var(--nuvix-primary-gradient);\n color: white;\n box-shadow: 0 4px 20px rgba(159, 57, 255, 0.4);\n }\n\n .nuvix-hero-section .nuvix-btn-primary:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 30px rgba(159, 57, 255, 0.6);\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-btn-primary {\n box-shadow: 0 4px 16px rgba(124, 58, 237, 0.35);\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-btn-primary:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 24px rgba(124, 58, 237, 0.5);\n }\n\n .nuvix-hero-section .nuvix-btn-secondary {\n background: transparent;\n color: var(--nuvix-text-light);\n border: 2px solid rgba(255, 255, 255, 0.3);\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-btn-secondary {\n border-color: rgba(124, 58, 237, 0.3);\n background: rgba(124, 58, 237, 0.05);\n }\n\n .nuvix-hero-section .nuvix-btn-secondary:hover {\n background: rgba(255, 255, 255, 0.1);\n border-color: var(--nuvix-accent-blue);\n color: var(--nuvix-accent-blue);\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-btn-secondary:hover {\n background: rgba(124, 58, 237, 0.12);\n border-color: var(--nuvix-accent-purple);\n color: var(--nuvix-accent-purple);\n }\n\n \/* AI Visual *\/\n .nuvix-hero-section .nuvix-ai-visual {\n position: relative;\n animation: nuvixFloatSlow 6s ease-in-out infinite;\n width: 100%;\n margin-top: 2rem;\n padding: 0 1rem;\n }\n\n @media (min-width: 768px) {\n .nuvix-hero-section .nuvix-ai-visual {\n margin-top: 0;\n padding: 0;\n }\n }\n\n @keyframes nuvixFloatSlow {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-20px); }\n }\n\n \/* Chart Preview *\/\n .nuvix-hero-section .nuvix-chart-preview {\n background: var(--nuvix-card-bg);\n border-radius: 20px;\n padding: 1.5rem 1rem;\n border: 1px solid rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 40px rgba(159, 57, 255, 0.2);\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-chart-preview {\n background: rgba(255, 255, 255, 0.95);\n border: 2px solid rgba(124, 58, 237, 0.15);\n box-shadow: 0 12px 40px rgba(124, 58, 237, 0.18);\n }\n\n @media (min-width: 576px) {\n .nuvix-hero-section .nuvix-chart-preview {\n padding: 2rem;\n }\n }\n\n .nuvix-hero-section .nuvix-chart-preview::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: var(--nuvix-primary-gradient);\n animation: nuvixScan 2s ease-in-out infinite;\n }\n\n @keyframes nuvixScan {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(100%); }\n }\n\n \/* AI Features Preview Grid *\/\n .nuvix-hero-section .nuvix-ai-features-preview {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.75rem;\n margin-top: 1.5rem;\n }\n\n @media (min-width: 576px) {\n .nuvix-hero-section .nuvix-ai-features-preview {\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n }\n\n .nuvix-hero-section .nuvix-ai-feature-item {\n background: rgba(255, 255, 255, 0.05);\n padding: 0.75rem;\n border-radius: 10px;\n font-size: 0.875rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n color: var(--nuvix-text-light);\n transition: all 0.3s ease;\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-ai-feature-item {\n background: rgba(124, 58, 237, 0.06);\n border: 1px solid rgba(124, 58, 237, 0.1);\n font-weight: 500;\n }\n\n .nuvix-hero-section .nuvix-ai-feature-item:hover {\n background: rgba(255, 255, 255, 0.08);\n transform: translateX(5px);\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-ai-feature-item:hover {\n background: rgba(124, 58, 237, 0.12);\n border-color: rgba(124, 58, 237, 0.2);\n transform: translateX(8px);\n }\n\n .nuvix-hero-section .nuvix-ai-feature-item i {\n color: var(--nuvix-success-green);\n font-size: 1rem;\n flex-shrink: 0;\n }\n\n \/* Canvas Container *\/\n .nuvix-hero-section .nuvix-chart-container {\n height: 300px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n }\n\n @media (min-width: 576px) {\n .nuvix-hero-section .nuvix-chart-container {\n height: 350px;\n }\n }\n\n .nuvix-hero-section #nuvixChart {\n max-width: 100%;\n height: auto;\n }\n\n \/* Live Status *\/\n .nuvix-hero-section .nuvix-live-status {\n text-align: center;\n margin-top: 1.5rem;\n }\n\n .nuvix-hero-section .nuvix-pulse {\n color: var(--nuvix-success-green);\n font-weight: bold;\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-pulse {\n font-weight: 700;\n }\n\n .nuvix-hero-section .nuvix-pulse i {\n animation: nuvixPulse 2s ease-in-out infinite;\n }\n\n @keyframes nuvixPulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.3; }\n }\n\n \/* Value Propositions *\/\n .nuvix-hero-section .nuvix-value-props {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1rem;\n margin-top: 1rem;\n }\n\n @media (min-width: 576px) {\n .nuvix-hero-section .nuvix-value-props {\n grid-template-columns: repeat(3, 1fr);\n gap: 1.5rem;\n }\n }\n\n .nuvix-hero-section .nuvix-value-prop {\n display: flex;\n align-items: flex-start;\n gap: 0.75rem;\n padding: 0.75rem;\n background: var(--nuvix-card-bg);\n border-radius: 10px;\n transition: all 0.3s ease;\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-value-prop {\n background: rgba(255, 255, 255, 0.9);\n border: 2px solid rgba(124, 58, 237, 0.12);\n box-shadow: 0 2px 8px rgba(124, 58, 237, 0.08);\n }\n\n .nuvix-hero-section .nuvix-value-prop:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(159, 57, 255, 0.2);\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-value-prop:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 24px rgba(124, 58, 237, 0.2);\n border-color: rgba(124, 58, 237, 0.25);\n }\n\n .nuvix-hero-section .nuvix-value-prop i {\n color: var(--nuvix-accent-blue);\n font-size: 1.5rem;\n flex-shrink: 0;\n }\n\n .nuvix-hero-section .nuvix-value-prop-text {\n flex: 1;\n }\n\n .nuvix-hero-section .nuvix-value-prop-text h3 {\n font-size: 0.95rem;\n font-weight: 700;\n margin: 0 0 0.25rem 0;\n color: var(--nuvix-text-light);\n }\n\n .nuvix-hero-section .nuvix-value-prop-text p {\n font-size: 0.85rem;\n opacity: 0.8;\n margin: 0;\n line-height: 1.4;\n }\n\n body.nuvix-light-theme .nuvix-hero-section .nuvix-value-prop-text p {\n opacity: 0.75;\n font-weight: 450;\n }\n <\/style>\n<\/head>\n<body>\n\n\n<div class=\"nuvix-hero-section\">\n <div class=\"nuvix-hero-wrapper\">\n \n <div class=\"nuvix-bg-animation\">\n <svg class=\"nuvix-neural-network\" viewbox=\"0 0 1920 1080\">\n <path class=\"nuvix-neural-path\" d=\"M0,500 Q480,400 960,500 T1920,500\" \/>\n <path class=\"nuvix-neural-path\" d=\"M200,300 Q680,200 1160,300 T1920,300\" \/>\n <path class=\"nuvix-neural-path\" d=\"M100,700 Q580,600 1060,700 T1920,700\" \/>\n <\/svg>\n <\/div>\n\n <div class=\"nuvix-container\">\n <div class=\"nuvix-hero-content\">\n \n <div class=\"nuvix-hero-text\">\n <p class=\"nuvix-tagline\">Nuvix - Onde a IA encontra a oportunidade<\/p>\n <h1>O futuro do com\u00e9rcio est\u00e1 aqui: An\u00e1lise de mercado com intelig\u00eancia artificial<\/h1>\n <p>A Nuvix revoluciona a negocia\u00e7\u00e3o com tecnologia propriet\u00e1ria de IA que analisa os mercados 24 horas por dia, 7 dias por semana, identificando padr\u00f5es invis\u00edveis para os operadores humanos. Junte-se \u00e0 elite 5% que lucra consistentemente com nossa intelig\u00eancia artificial avan\u00e7ada.<\/p>\n \n \n <div class=\"nuvix-hero-stats\">\n <div class=\"nuvix-stat-item\">\n <span class=\"nuvix-stat-number\">24\/7<\/span>\n <span class=\"nuvix-stat-label\">An\u00e1lise de IA<\/span>\n <\/div>\n <div class=\"nuvix-stat-item\">\n <span class=\"nuvix-stat-number\">8+<\/span>\n <span class=\"nuvix-stat-label\">Mercados<\/span>\n <\/div>\n <div class=\"nuvix-stat-item\">\n <span class=\"nuvix-stat-number\">100%<\/span>\n <span class=\"nuvix-stat-label\">Propriet\u00e1rio<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"nuvix-cta-buttons\">\n <a href=\"\/pt\/packages.html\/\" class=\"nuvix-btn nuvix-btn-primary\">Come\u00e7ar a usar<\/a>\n <a href=\"\/pt\/demo.html\/\" class=\"nuvix-btn nuvix-btn-secondary\">Assistir \u00e0 demonstra\u00e7\u00e3o<\/a>\n <\/div>\n\n \n <div class=\"nuvix-value-props\" style=\"margin-top: 2rem;\">\n <div class=\"nuvix-value-prop\">\n <i class=\"las la-shield-alt\"><\/i>\n <div class=\"nuvix-value-prop-text\">\n <h3>100% Seguro<\/h3>\n <p>A criptografia de n\u00edvel militar protege seus dados<\/p>\n <\/div>\n <\/div>\n <div class=\"nuvix-value-prop\">\n <i class=\"las la-bolt\"><\/i>\n <div class=\"nuvix-value-prop-text\">\n <h3>Em tempo real<\/h3>\n <p>An\u00e1lise instant\u00e2nea de todos os mercados<\/p>\n <\/div>\n <\/div>\n <div class=\"nuvix-value-prop\">\n <i class=\"las la-chart-line\"><\/i>\n <div class=\"nuvix-value-prop-text\">\n <h3>95% Precis\u00e3o<\/h3>\n <p>Hist\u00f3rico comprovado de previs\u00f5es<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"nuvix-ai-visual\">\n <div class=\"nuvix-chart-preview\">\n <div class=\"nuvix-chart-container\">\n <canvas id=\"nuvixChart\" width=\"500\" height=\"300\"><\/canvas>\n <\/div>\n \n <div class=\"nuvix-ai-features-preview\">\n <div class=\"nuvix-ai-feature-item\">\n <i class=\"las la-chart-line\"><\/i>\n Reconhecimento de padr\u00f5es\n <\/div>\n <div class=\"nuvix-ai-feature-item\">\n <i class=\"las la-shield-alt\"><\/i>\n Avalia\u00e7\u00e3o de riscos\n <\/div>\n <div class=\"nuvix-ai-feature-item\">\n <i class=\"las la-crosshairs\"><\/i>\n Pontos de entrada\/sa\u00edda\n <\/div>\n <div class=\"nuvix-ai-feature-item\">\n <i class=\"las la-brain\"><\/i>\n Sentimento do mercado\n <\/div>\n <\/div>\n \n <div class=\"nuvix-live-status\">\n <span class=\"nuvix-pulse\">\n <i class=\"las la-circle\"><\/i> AN\u00c1LISE DE IA EM TEMPO REAL\n <\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<script>\n(function() {\n 'use strict';\n \n const heroSection = document.querySelector('.nuvix-hero-section');\n const bgAnimation = heroSection.querySelector('.nuvix-bg-animation');\n const particleCount = window.innerWidth > 768 ? 20 : 10;\n \n for (let i = 0; i < particleCount; i++) {\n const particle = document.createElement('div');\n particle.className = 'nuvix-particle';\n particle.style.width = Math.random() * 5 + 'px';\n particle.style.height = particle.style.width;\n particle.style.left = Math.random() * 100 + '%';\n particle.style.animationDelay = Math.random() * 20 + 's';\n particle.style.animationDuration = Math.random() * 20 + 20 + 's';\n bgAnimation.appendChild(particle);\n }\n \n const canvas = document.getElementById('nuvixChart');\n if (!canvas) return;\n\n const ctx = canvas.getContext('2d');\n let time = 0;\n let patterns = [];\n let animationId;\n let isVisible = true;\n\n for (let i = 0; i < 5; i++) {\n patterns.push({\n x: Math.random() * 500,\n y: Math.random() * 300,\n radius: Math.random() * 30 + 20,\n growth: Math.random() * 0.5 + 0.5\n });\n }\n\n function drawChart() {\n if (!isVisible) {\n animationId = requestAnimationFrame(drawChart);\n return;\n }\n\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n \n const isLightTheme = document.body.classList.contains('nuvix-light-theme');\n const gridColor = isLightTheme ? 'rgba(124, 58, 237, 0.08)' : 'rgba(255, 255, 255, 0.05)';\n const lineColor = isLightTheme ? 'rgba(124, 58, 237, 0.4)' : 'rgba(159, 57, 255, 0.3)';\n \n ctx.strokeStyle = gridColor;\n ctx.lineWidth = 1;\n for (let i = 0; i < 10; i++) {\n ctx.beginPath();\n ctx.moveTo(0, i * 30);\n ctx.lineTo(500, i * 30);\n ctx.stroke();\n \n ctx.beginPath();\n ctx.moveTo(i * 50, 0);\n ctx.lineTo(i * 50, 300);\n ctx.stroke();\n }\n\n ctx.strokeStyle = lineColor;\n ctx.lineWidth = isLightTheme ? 2.5 : 2;\n ctx.beginPath();\n ctx.moveTo(0, 150);\n for (let x = 0; x < 500; x += 5) {\n const y = 150 + Math.sin((x + time) * 0.02) * 50 + Math.sin((x + time) * 0.05) * 30;\n ctx.lineTo(x, y);\n }\n ctx.stroke();\n\n for (let i = 0; i < 25; i++) {\n const x = i * 20 + 10;\n const height = Math.sin(i * 0.5 + time * 0.01) * 30 + 40;\n const y = 150 + Math.sin(i * 0.3 + time * 0.02) * 50;\n \n const isGreen = Math.sin(i + time * 0.01) > 0;\n const greenColor = isLightTheme ? '#059669' : '#10b981';\n const redColor = isLightTheme ? '#dc2626' : '#ef4444';\n ctx.fillStyle = isGreen ? greenColor : redColor;\n ctx.fillRect(x - 6, y - height\/2, 12, height);\n \n ctx.strokeStyle = ctx.fillStyle;\n ctx.lineWidth = 2;\n ctx.beginPath();\n ctx.moveTo(x, y - height\/2 - 10);\n ctx.lineTo(x, y + height\/2 + 10);\n ctx.stroke();\n }\n\n patterns.forEach(pattern => {\n const pulseRadius = pattern.radius + Math.sin(time * 0.05) * 5;\n const circleColor = isLightTheme ? 'rgba(2, 132, 199, 0.35)' : 'rgba(0, 180, 216, 0.3)';\n const innerCircleColor = isLightTheme ? 'rgba(2, 132, 199, 0.5)' : 'rgba(0, 180, 216, 0.5)';\n \n ctx.strokeStyle = circleColor;\n ctx.lineWidth = 2;\n ctx.beginPath();\n ctx.arc(pattern.x, pattern.y, pulseRadius * 1.5, 0, Math.PI * 2);\n ctx.stroke();\n \n ctx.strokeStyle = innerCircleColor;\n ctx.lineWidth = isLightTheme ? 2.5 : 2;\n ctx.beginPath();\n ctx.arc(pattern.x, pattern.y, pulseRadius, 0, Math.PI * 2);\n ctx.stroke();\n \n pattern.x += Math.sin(time * 0.01) * 0.5;\n pattern.y += Math.cos(time * 0.01) * 0.3;\n \n if (pattern.x < 0) pattern.x = 500;\n if (pattern.x > 500) pattern.x = 0;\n if (pattern.y < 0) pattern.y = 300;\n if (pattern.y > 300) pattern.y = 0;\n });\n\n const scanX = (time % 500);\n const gradient = ctx.createLinearGradient(scanX, 0, scanX, 300);\n const scanColor = isLightTheme ? 'rgba(124, 58, 237, 0.9)' : 'rgba(159, 57, 255, 0.8)';\n gradient.addColorStop(0, 'transparent');\n gradient.addColorStop(0.5, scanColor);\n gradient.addColorStop(1, 'transparent');\n \n ctx.strokeStyle = gradient;\n ctx.lineWidth = isLightTheme ? 3.5 : 3;\n ctx.beginPath();\n ctx.moveTo(scanX, 0);\n ctx.lineTo(scanX, 300);\n ctx.stroke();\n\n time += 2;\n animationId = requestAnimationFrame(drawChart);\n }\n\n drawChart();\n\n document.addEventListener('visibilitychange', () => {\n isVisible = !document.hidden;\n });\n\n window.addEventListener('beforeunload', () => {\n if (animationId) {\n cancelAnimationFrame(animationId);\n }\n });\n \n const observer = new MutationObserver(() => {});\n observer.observe(document.body, {\n attributes: true,\n attributeFilter: ['class']\n });\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d123db7 elementor-widget elementor-widget-html\" data-id=\"d123db7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Nuvix Markets Section<\/title>\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/maxst.icons8.com\/vue-static\/landings\/line-awesome\/line-awesome\/1.3.0\/css\/line-awesome.min.css\">\n \n <style>\n \/* ================================\n MARKETS SECTION - ELEMENTOR READY\n Enhanced Professional Light Theme\n ================================ *\/\n\n .nuvix-markets-section {\n --nuvix-primary-gradient: linear-gradient(135deg, #9f39ff 0%, #00b4d8 100%);\n --nuvix-dark-bg: #0a0e27;\n --nuvix-card-bg: rgba(255, 255, 255, 0.05);\n --nuvix-text-light: #e2e8f0;\n --nuvix-accent-blue: #00b4d8;\n --nuvix-accent-purple: #9f39ff;\n }\n\n \/* Enhanced Light Theme *\/\n body.nuvix-light-theme .nuvix-markets-section {\n --nuvix-dark-bg: linear-gradient(135deg, #f0f4f8 0%, #e8ecf1 100%);\n --nuvix-card-bg: rgba(255, 255, 255, 0.9);\n --nuvix-text-light: #1e293b;\n --nuvix-accent-blue: #0284c7;\n --nuvix-accent-purple: #7c3aed;\n }\n\n \/* Full width container - Remove ALL gaps *\/\n .nuvix-markets-section {\n margin: 0 !important;\n padding: 0 !important;\n width: 100vw !important;\n max-width: 100vw !important;\n position: relative;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n overflow-x: hidden !important;\n box-sizing: border-box !important;\n }\n\n .nuvix-markets-section,\n .nuvix-markets-section * {\n box-sizing: border-box !important;\n }\n\n \/* Force Elementor parents to have no padding *\/\n .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget > .elementor-widget-container > .nuvix-markets-section,\n .elementor-widget-container > .nuvix-markets-section {\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n left: 50% !important;\n right: 50% !important;\n }\n\n \/* Section wrapper *\/\n .nuvix-markets-wrapper {\n padding: 3rem 1rem;\n background: var(--nuvix-dark-bg);\n color: var(--nuvix-text-light);\n position: relative;\n overflow: hidden;\n }\n\n @media (min-width: 768px) {\n .nuvix-markets-wrapper {\n padding: 5rem 2rem;\n }\n }\n\n @media (min-width: 1024px) {\n .nuvix-markets-wrapper {\n padding: 6rem 2rem;\n }\n }\n\n body.nuvix-light-theme .nuvix-markets-wrapper {\n background: linear-gradient(135deg, #f0f4f8 0%, #e8ecf1 50%, #f0f9ff 100%);\n }\n\n \/* Background animation *\/\n .nuvix-markets-bg {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: 0;\n pointer-events: none;\n opacity: 0.5;\n }\n\n .nuvix-markets-bg::before {\n content: '';\n position: absolute;\n width: 150%;\n height: 150%;\n top: -25%;\n left: -25%;\n background: radial-gradient(circle at 30% 50%, rgba(0, 180, 216, 0.1) 0%, transparent 50%);\n animation: nuvixFloatBg 20s ease-in-out infinite;\n }\n\n @keyframes nuvixFloatBg {\n 0%, 100% { transform: translate(0, 0) rotate(0deg); }\n 50% { transform: translate(20px, 20px) rotate(5deg); }\n }\n\n \/* Container *\/\n .nuvix-markets-container {\n width: 100%;\n max-width: 1400px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n }\n\n \/* Section title *\/\n .nuvix-section-title {\n text-align: center;\n font-size: clamp(1.75rem, 3.5vw, 3.5rem);\n margin-bottom: 1rem;\n background: linear-gradient(135deg, var(--nuvix-text-light) 0%, var(--nuvix-accent-blue) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-weight: 800;\n }\n\n body.nuvix-light-theme .nuvix-section-title {\n background: linear-gradient(135deg, #1e293b 0%, #0284c7 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n @media (min-width: 768px) {\n .nuvix-section-title {\n font-size: clamp(2.5rem, 4vw, 3.5rem);\n margin-bottom: 1.5rem;\n }\n }\n\n \/* Section subtitle *\/\n .nuvix-section-subtitle {\n text-align: center;\n font-size: clamp(0.95rem, 1.5vw, 1.25rem);\n opacity: 0.85;\n margin-bottom: 2.5rem;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-section-subtitle {\n font-weight: 450;\n }\n\n @media (min-width: 768px) {\n .nuvix-section-subtitle {\n margin-bottom: 4rem;\n }\n }\n\n \/* Markets grid *\/\n .nuvix-markets-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-top: 2rem;\n }\n\n @media (min-width: 576px) {\n .nuvix-markets-grid {\n grid-template-columns: repeat(3, 1fr);\n gap: 1.5rem;\n }\n }\n\n @media (min-width: 768px) {\n .nuvix-markets-grid {\n grid-template-columns: repeat(4, 1fr);\n gap: 2rem;\n }\n }\n\n @media (min-width: 1024px) {\n .nuvix-markets-grid {\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n }\n }\n\n \/* Market card *\/\n .nuvix-market-card {\n background: var(--nuvix-card-bg);\n padding: 1.5rem 1rem;\n border-radius: 15px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n text-align: center;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n cursor: pointer;\n }\n\n body.nuvix-light-theme .nuvix-market-card {\n background: rgba(255, 255, 255, 0.95);\n border: 2px solid rgba(124, 58, 237, 0.15);\n box-shadow: 0 4px 12px rgba(124, 58, 237, 0.08);\n }\n\n @media (min-width: 576px) {\n .nuvix-market-card {\n padding: 2rem;\n }\n }\n\n .nuvix-market-card::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(159, 57, 255, 0.1) 0%, transparent 70%);\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n\n .nuvix-market-card:hover::before {\n opacity: 1;\n }\n\n .nuvix-market-card:hover {\n transform: translateY(-5px);\n border-color: var(--nuvix-accent-purple);\n box-shadow: 0 10px 30px rgba(159, 57, 255, 0.3);\n }\n\n body.nuvix-light-theme .nuvix-market-card:hover {\n transform: translateY(-5px) scale(1.02);\n box-shadow: 0 12px 32px rgba(124, 58, 237, 0.25);\n border-color: rgba(124, 58, 237, 0.3);\n }\n\n \/* Market icon *\/\n .nuvix-market-icon {\n font-size: 2.5rem;\n margin-bottom: 0.75rem;\n color: var(--nuvix-accent-blue);\n display: block;\n }\n\n @media (min-width: 576px) {\n .nuvix-market-icon {\n font-size: 3rem;\n margin-bottom: 1rem;\n }\n }\n\n \/* Market name *\/\n .nuvix-market-name {\n font-size: 1.1rem;\n font-weight: 600;\n margin-bottom: 0.5rem;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-market-name {\n font-weight: 700;\n }\n\n @media (min-width: 576px) {\n .nuvix-market-name {\n font-size: 1.25rem;\n }\n }\n\n \/* Market description *\/\n .nuvix-market-desc {\n font-size: 0.9rem;\n opacity: 0.8;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-market-desc {\n font-weight: 450;\n }\n\n \/* Coming soon badge *\/\n .nuvix-coming-soon {\n display: inline-block;\n background: linear-gradient(135deg, #f59e0b, #ef4444);\n color: white;\n padding: 0.25rem 0.75rem;\n border-radius: 15px;\n font-size: 0.75rem;\n font-weight: 600;\n margin-top: 0.5rem;\n animation: nuvixPulseGlow 2s infinite;\n }\n\n @keyframes nuvixPulseGlow {\n 0%, 100% { box-shadow: 0 0 10px rgba(245, 158, 11, 0.3); }\n 50% { box-shadow: 0 0 20px rgba(245, 158, 11, 0.6); }\n }\n <\/style>\n<\/head>\n<body>\n\n\n<div class=\"nuvix-markets-section\">\n <div class=\"nuvix-markets-wrapper\">\n \n <div class=\"nuvix-markets-bg\"><\/div>\n\n <div class=\"nuvix-markets-container\">\n <h2 class=\"nuvix-section-title\">Negocie em v\u00e1rios mercados com uma IA<\/h2>\n <p class=\"nuvix-section-subtitle\">Nossa IA analisa padr\u00f5es em diversos mercados financeiros e plataformas de jogos<\/p>\n \n <div class=\"nuvix-markets-grid\">\n <div class=\"nuvix-market-card\">\n <i class=\"las la-exchange-alt nuvix-market-icon\"><\/i>\n <h3 class=\"nuvix-market-name\">Forex<\/h3>\n <p class=\"nuvix-market-desc\">Principais pares de moedas<\/p>\n <span class=\"nuvix-coming-soon\">Em breve<\/span>\n <\/div>\n\n <div class=\"nuvix-market-card\">\n <i class=\"las la-chart-area nuvix-market-icon\"><\/i>\n <h3 class=\"nuvix-market-name\">A\u00e7\u00f5es<\/h3>\n <p class=\"nuvix-market-desc\">A\u00e7\u00f5es globais<\/p>\n <span class=\"nuvix-coming-soon\">Em breve<\/span>\n <\/div>\n\n <div class=\"nuvix-market-card\">\n <i class=\"lab la-bitcoin nuvix-market-icon\"><\/i>\n <h3 class=\"nuvix-market-name\">Criptografia<\/h3>\n <p class=\"nuvix-market-desc\">Ativos digitais<\/p>\n <span class=\"nuvix-coming-soon\">Em breve<\/span>\n <\/div>\n\n <div class=\"nuvix-market-card\">\n <i class=\"las la-chart-bar nuvix-market-icon\"><\/i>\n <h3 class=\"nuvix-market-name\">\u00cdndices<\/h3>\n <p class=\"nuvix-market-desc\">\u00cdndices de mercado<\/p>\n <span class=\"nuvix-coming-soon\">Em breve<\/span>\n <\/div>\n\n <div class=\"nuvix-market-card\">\n <i class=\"las la-percentage nuvix-market-icon\"><\/i>\n <h3 class=\"nuvix-market-name\">Op\u00e7\u00f5es bin\u00e1rias<\/h3>\n <p class=\"nuvix-market-desc\">Retornos fixos<\/p>\n <\/div>\n\n <div class=\"nuvix-market-card\">\n <i class=\"las la-dice nuvix-market-icon\"><\/i>\n <h3 class=\"nuvix-market-name\">Jogos de cassino<\/h3>\n <p class=\"nuvix-market-desc\">An\u00e1lise de padr\u00f5es<\/p>\n <\/div>\n\n <div class=\"nuvix-market-card\">\n <i class=\"las la-trophy nuvix-market-icon\"><\/i>\n <h3 class=\"nuvix-market-name\">Apostas esportivas<\/h3>\n <p class=\"nuvix-market-desc\">Borda estat\u00edstica<\/p>\n <span class=\"nuvix-coming-soon\">Em breve<\/span>\n <\/div>\n\n <div class=\"nuvix-market-card\">\n <i class=\"las la-globe nuvix-market-icon\"><\/i>\n <h3 class=\"nuvix-market-name\">Commodities<\/h3>\n <p class=\"nuvix-market-desc\">Mat\u00e9rias-primas<\/p>\n <span class=\"nuvix-coming-soon\">Em breve<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<script>\n(function() {\n 'use strict';\n \n \/\/ Fade-in animation on scroll\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach((entry, index) => {\n if (entry.isIntersecting) {\n setTimeout(() => {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }, index * 100);\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n \/\/ Observe all market cards\n const cards = document.querySelectorAll('.nuvix-market-card');\n cards.forEach(card => {\n card.style.opacity = '0';\n card.style.transform = 'translateY(20px)';\n card.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n observer.observe(card);\n });\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-61bbec7 elementor-widget elementor-widget-html\" data-id=\"61bbec7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Nuvix Problem Section<\/title>\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/maxst.icons8.com\/vue-static\/landings\/line-awesome\/line-awesome\/1.3.0\/css\/line-awesome.min.css\">\n \n <style>\n \/* ================================\n PROBLEM SECTION - COMPLETE REBUILD\n Enhanced Professional Theme Compatible\n ================================ *\/\n\n .nuvix-problem-section {\n --nuvix-dark-bg: #0a0e27;\n --nuvix-card-bg: rgba(255, 255, 255, 0.05);\n --nuvix-text-light: #e2e8f0;\n --nuvix-danger-red: #ef4444;\n }\n\n \/* Enhanced Light Theme *\/\n body.nuvix-light-theme .nuvix-problem-section {\n --nuvix-dark-bg: #ffffff;\n --nuvix-card-bg: rgba(255, 255, 255, 0.9);\n --nuvix-text-light: #1e293b;\n --nuvix-danger-red: #dc2626;\n }\n\n \/* AGGRESSIVE Full Width - Remove ALL Gaps *\/\n .nuvix-problem-section {\n margin: 0 !important;\n padding: 0 !important;\n width: 100vw !important;\n max-width: 100vw !important;\n position: relative;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n overflow-x: hidden !important;\n overflow-y: hidden !important;\n box-sizing: border-box !important;\n }\n\n \/* Prevent body\/html scroll issues *\/\n body:has(.nuvix-problem-section) {\n overflow-x: hidden !important;\n }\n\n html {\n overflow-x: hidden !important;\n }\n\n .nuvix-problem-section,\n .nuvix-problem-section * {\n box-sizing: border-box !important;\n }\n\n \/* Override ALL Elementor containers *\/\n .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget > .elementor-widget-container > .nuvix-problem-section,\n .elementor-widget-container > .nuvix-problem-section,\n .elementor-widget > .nuvix-problem-section,\n .elementor-element > .nuvix-problem-section,\n div[class*=\"elementor\"] > .nuvix-problem-section {\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n left: 50% !important;\n right: 50% !important;\n width: 100vw !important;\n max-width: 100vw !important;\n }\n\n \/* Section wrapper *\/\n .nuvix-problem-wrapper {\n padding: 3rem 1rem;\n background: linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, 0.02) 50%, transparent 100%);\n color: var(--nuvix-text-light);\n position: relative;\n overflow: hidden;\n width: 100%;\n }\n\n body.nuvix-light-theme .nuvix-problem-wrapper {\n background: linear-gradient(180deg, #f0f4f8 0%, #e8ecf1 50%, #f0f4f8 100%);\n }\n\n @media (min-width: 768px) {\n .nuvix-problem-wrapper {\n padding: 5rem 2rem;\n }\n }\n\n @media (min-width: 1024px) {\n .nuvix-problem-wrapper {\n padding: 6rem 2rem;\n }\n }\n\n \/* Container *\/\n .nuvix-problem-container {\n width: 100%;\n max-width: 1400px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n padding: 0 1rem;\n }\n\n @media (min-width: 768px) {\n .nuvix-problem-container {\n padding: 0 2rem;\n }\n }\n\n \/* Section title *\/\n .nuvix-section-title {\n text-align: center;\n font-size: clamp(1.75rem, 3.5vw, 3.5rem);\n margin-bottom: 1rem;\n background: linear-gradient(135deg, var(--nuvix-text-light) 0%, var(--nuvix-danger-red) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-weight: 800;\n line-height: 1.2;\n }\n\n body.nuvix-light-theme .nuvix-section-title {\n background: linear-gradient(135deg, #1e293b 0%, #dc2626 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n @media (min-width: 768px) {\n .nuvix-section-title {\n font-size: clamp(2.5rem, 4vw, 3.5rem);\n margin-bottom: 1.5rem;\n }\n }\n\n \/* Section subtitle *\/\n .nuvix-section-subtitle {\n text-align: center;\n font-size: clamp(0.95rem, 1.5vw, 1.25rem);\n opacity: 0.85;\n margin-bottom: 2.5rem;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n color: var(--nuvix-text-light);\n line-height: 1.6;\n }\n\n body.nuvix-light-theme .nuvix-section-subtitle {\n font-weight: 450;\n }\n\n @media (min-width: 768px) {\n .nuvix-section-subtitle {\n margin-bottom: 3rem;\n }\n }\n\n \/* Big stat *\/\n .nuvix-big-stat {\n text-align: center;\n margin: 3rem 0;\n position: relative;\n }\n\n @media (min-width: 768px) {\n .nuvix-big-stat {\n margin: 5rem 0;\n }\n }\n\n .nuvix-big-stat-number {\n font-size: clamp(3rem, 7vw, 6rem);\n font-weight: 900;\n background: linear-gradient(135deg, #ef4444, #f59e0b);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n line-height: 1;\n animation: nuvixPulseScale 3s ease-in-out infinite;\n }\n\n body.nuvix-light-theme .nuvix-big-stat-number {\n background: linear-gradient(135deg, #dc2626, #ea580c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n @keyframes nuvixPulseScale {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n }\n\n .nuvix-big-stat-desc {\n font-size: clamp(1.1rem, 2vw, 1.75rem);\n margin-top: 1rem;\n opacity: 0.9;\n color: var(--nuvix-text-light);\n line-height: 1.5;\n }\n\n body.nuvix-light-theme .nuvix-big-stat-desc {\n font-weight: 500;\n }\n\n \/* Problem grid *\/\n .nuvix-problem-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1.5rem;\n margin-bottom: 3rem;\n }\n\n @media (min-width: 576px) {\n .nuvix-problem-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 1.5rem;\n }\n }\n\n @media (min-width: 768px) {\n .nuvix-problem-grid {\n grid-template-columns: repeat(3, 1fr);\n gap: 2rem;\n }\n }\n\n @media (min-width: 1024px) {\n .nuvix-problem-grid {\n margin-bottom: 4rem;\n }\n }\n\n \/* Problem card *\/\n .nuvix-problem-card {\n background: var(--nuvix-card-bg);\n padding: 2rem 1.5rem;\n border-radius: 20px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n text-align: center;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n cursor: pointer;\n }\n\n body.nuvix-light-theme .nuvix-problem-card {\n background: rgba(255, 255, 255, 0.95);\n border: 2px solid rgba(220, 38, 38, 0.15);\n box-shadow: 0 4px 12px rgba(220, 38, 38, 0.08);\n }\n\n @media (min-width: 768px) {\n .nuvix-problem-card {\n padding: 2.5rem;\n }\n }\n\n .nuvix-problem-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(135deg, transparent, rgba(239, 68, 68, 0.1));\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n\n .nuvix-problem-card:hover::before {\n opacity: 1;\n }\n\n .nuvix-problem-card:hover {\n transform: translateY(-10px);\n border-color: var(--nuvix-danger-red);\n box-shadow: 0 15px 40px rgba(239, 68, 68, 0.3);\n }\n\n body.nuvix-light-theme .nuvix-problem-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 15px 40px rgba(220, 38, 38, 0.25);\n border-color: rgba(220, 38, 38, 0.3);\n }\n\n \/* Problem icon *\/\n .nuvix-problem-icon {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n display: block;\n color: var(--nuvix-danger-red);\n }\n\n @media (min-width: 768px) {\n .nuvix-problem-icon {\n font-size: 3.5rem;\n margin-bottom: 1.5rem;\n }\n }\n\n \/* Problem title *\/\n .nuvix-problem-title {\n font-size: 1.1rem;\n font-weight: 600;\n margin-bottom: 0.75rem;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-problem-title {\n font-weight: 700;\n }\n\n @media (min-width: 768px) {\n .nuvix-problem-title {\n font-size: 1.25rem;\n }\n }\n\n \/* Problem description *\/\n .nuvix-problem-desc {\n opacity: 0.8;\n line-height: 1.5;\n font-size: 0.9rem;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-problem-desc {\n font-weight: 450;\n opacity: 0.75;\n }\n\n @media (min-width: 768px) {\n .nuvix-problem-desc {\n font-size: 1rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n\n<div class=\"nuvix-problem-section\">\n <div class=\"nuvix-problem-wrapper\">\n <div class=\"nuvix-problem-container\">\n <h2 class=\"nuvix-section-title\">O desafio da negocia\u00e7\u00e3o<\/h2>\n <p class=\"nuvix-section-subtitle\">Por que 95% dos traders fracassam e como estamos mudando isso<\/p>\n \n <div class=\"nuvix-big-stat\">\n <div class=\"nuvix-big-stat-number\">95%<\/div>\n <p class=\"nuvix-big-stat-desc\">dos traders perdem dinheiro nos mercados financeiros<\/p>\n <\/div>\n \n <div class=\"nuvix-problem-grid\">\n <div class=\"nuvix-problem-card\">\n <i class=\"las la-chart-pie nuvix-problem-icon\"><\/i>\n <h3 class=\"nuvix-problem-title\">Sobrecarga de informa\u00e7\u00f5es<\/h3>\n <p class=\"nuvix-problem-desc\">Dados demais, insights acion\u00e1veis insuficientes<\/p>\n <\/div>\n\n <div class=\"nuvix-problem-card\">\n <i class=\"las la-frown nuvix-problem-icon\"><\/i>\n <h3 class=\"nuvix-problem-title\">Negocia\u00e7\u00e3o emocional<\/h3>\n <p class=\"nuvix-problem-desc\">O medo e a gan\u00e2ncia destroem as contas de negocia\u00e7\u00e3o<\/p>\n <\/div>\n\n <div class=\"nuvix-problem-card\">\n <i class=\"las la-clock nuvix-problem-icon\"><\/i>\n <h3 class=\"nuvix-problem-title\">Restri\u00e7\u00f5es de tempo<\/h3>\n <p class=\"nuvix-problem-desc\">Os mercados funcionam 24 horas por dia, 7 dias por semana, e os seres humanos precisam dormir<\/p>\n <\/div>\n\n <div class=\"nuvix-problem-card\">\n <i class=\"las la-chart-line nuvix-problem-icon\"><\/i>\n <h3 class=\"nuvix-problem-title\">Gerenciamento de risco deficiente<\/h3>\n <p class=\"nuvix-problem-desc\">Uma negocia\u00e7\u00e3o ruim pode acabar com meses de ganhos<\/p>\n <\/div>\n\n <div class=\"nuvix-problem-card\">\n <i class=\"las la-bullseye nuvix-problem-icon\"><\/i>\n <h3 class=\"nuvix-problem-title\">Falta de estrat\u00e9gia<\/h3>\n <p class=\"nuvix-problem-desc\">Negocia\u00e7\u00e3o sem um sistema comprovado<\/p>\n <\/div>\n\n <div class=\"nuvix-problem-card\">\n <i class=\"las la-hand-rock nuvix-problem-icon\"><\/i>\n <h3 class=\"nuvix-problem-title\">Manipula\u00e7\u00e3o de mercado<\/h3>\n <p class=\"nuvix-problem-desc\">Grandes players movimentam os mercados contra os comerciantes de varejo<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<script>\n(function() {\n 'use strict';\n \n \/\/ THEME DETECTION - Check localStorage and apply immediately\n const currentTheme = localStorage.getItem('nuvixTheme') || 'dark';\n if (currentTheme === 'light') {\n document.body.classList.add('nuvix-light-theme');\n }\n \n \/\/ Listen for theme changes from header (storage event)\n window.addEventListener('storage', function(e) {\n if (e.key === 'nuvixTheme') {\n if (e.newValue === 'light') {\n document.body.classList.add('nuvix-light-theme');\n } else {\n document.body.classList.remove('nuvix-light-theme');\n }\n }\n });\n \n \/\/ Listen for custom theme change events\n document.addEventListener('themeChanged', function(e) {\n if (e.detail === 'light') {\n document.body.classList.add('nuvix-light-theme');\n } else {\n document.body.classList.remove('nuvix-light-theme');\n }\n });\n \n \/\/ Check theme periodically (in case of same-page toggle)\n setInterval(function() {\n const theme = localStorage.getItem('nuvixTheme') || 'dark';\n if (theme === 'light' && !document.body.classList.contains('nuvix-light-theme')) {\n document.body.classList.add('nuvix-light-theme');\n } else if (theme === 'dark' && document.body.classList.contains('nuvix-light-theme')) {\n document.body.classList.remove('nuvix-light-theme');\n }\n }, 500);\n \n \/\/ FADE-IN ANIMATION ON SCROLL\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach((entry, index) => {\n if (entry.isIntersecting) {\n setTimeout(() => {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }, index * 100);\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n \/\/ Observe all problem cards\n const cards = document.querySelectorAll('.nuvix-problem-card');\n cards.forEach(card => {\n card.style.opacity = '0';\n card.style.transform = 'translateY(20px)';\n card.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n observer.observe(card);\n });\n\n \/\/ Animate big stat number on scroll\n const bigStat = document.querySelector('.nuvix-big-stat-number');\n if (bigStat) {\n const statObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'scale(1)';\n statObserver.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n bigStat.style.opacity = '0';\n bigStat.style.transform = 'scale(0.8)';\n bigStat.style.transition = 'opacity 0.8s ease, transform 0.8s ease';\n statObserver.observe(bigStat);\n }\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-87ce50a elementor-widget elementor-widget-html\" data-id=\"87ce50a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Nuvix Solution Section<\/title>\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/maxst.icons8.com\/vue-static\/landings\/line-awesome\/line-awesome\/1.3.0\/css\/line-awesome.min.css\">\n \n <style>\n \/* ================================\n SOLUTION SECTION - ELEMENTOR READY\n Enhanced Professional Light Theme\n ================================ *\/\n\n .nuvix-solution-section {\n --nuvix-primary-gradient: linear-gradient(135deg, #9f39ff 0%, #00b4d8 100%);\n --nuvix-dark-bg: #0a0e27;\n --nuvix-card-bg: rgba(255, 255, 255, 0.05);\n --nuvix-text-light: #e2e8f0;\n --nuvix-accent-blue: #00b4d8;\n --nuvix-accent-purple: #9f39ff;\n }\n\n \/* Enhanced Light Theme *\/\n body.nuvix-light-theme .nuvix-solution-section {\n --nuvix-primary-gradient: linear-gradient(135deg, #7c3aed 0%, #0284c7 100%);\n --nuvix-dark-bg: #ffffff;\n --nuvix-card-bg: rgba(255, 255, 255, 0.9);\n --nuvix-text-light: #1e293b;\n --nuvix-accent-blue: #0284c7;\n --nuvix-accent-purple: #7c3aed;\n }\n\n \/* Full width container - AGGRESSIVE gap removal *\/\n .nuvix-solution-section {\n margin: 0 !important;\n padding: 0 !important;\n width: 100vw !important;\n max-width: 100vw !important;\n position: relative;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n overflow-x: hidden !important;\n overflow-y: hidden !important;\n box-sizing: border-box !important;\n }\n\n \/* Prevent body scroll issues *\/\n body:has(.nuvix-solution-section) {\n overflow-x: hidden !important;\n }\n\n html {\n overflow-x: hidden !important;\n }\n\n .nuvix-solution-section,\n .nuvix-solution-section * {\n box-sizing: border-box !important;\n }\n\n \/* Force Elementor parents to have no padding - AGGRESSIVE *\/\n .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget > .elementor-widget-container > .nuvix-solution-section,\n .elementor-widget-container > .nuvix-solution-section,\n .elementor-widget > .nuvix-solution-section,\n .elementor-element > .nuvix-solution-section {\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n left: 50% !important;\n right: 50% !important;\n width: 100vw !important;\n max-width: 100vw !important;\n }\n\n \/* Section wrapper *\/\n .nuvix-solution-wrapper {\n padding: 3rem 1rem;\n background: var(--nuvix-dark-bg);\n color: var(--nuvix-text-light);\n position: relative;\n overflow: hidden;\n }\n\n body.nuvix-light-theme .nuvix-solution-wrapper {\n background: linear-gradient(135deg, #f0f4f8 0%, #e8ecf1 50%, #f0f9ff 100%);\n }\n\n @media (min-width: 768px) {\n .nuvix-solution-wrapper {\n padding: 5rem 2rem;\n }\n }\n\n @media (min-width: 1024px) {\n .nuvix-solution-wrapper {\n padding: 6rem 2rem;\n }\n }\n\n \/* Background effect *\/\n .nuvix-solution-bg {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: 0;\n pointer-events: none;\n opacity: 0.3;\n }\n\n .nuvix-solution-bg::before {\n content: '';\n position: absolute;\n width: 150%;\n height: 150%;\n top: -25%;\n left: -25%;\n background: radial-gradient(circle at 70% 50%, rgba(159, 57, 255, 0.15) 0%, transparent 50%);\n animation: nuvixRotateAlt 25s linear infinite;\n }\n\n @keyframes nuvixRotateAlt {\n to { transform: rotate(-360deg); }\n }\n\n \/* Container *\/\n .nuvix-solution-container {\n width: 100%;\n max-width: 1400px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n }\n\n \/* Section title *\/\n .nuvix-section-title {\n text-align: center;\n font-size: clamp(1.75rem, 3.5vw, 3.5rem);\n margin-bottom: 1rem;\n background: linear-gradient(135deg, var(--nuvix-text-light) 0%, var(--nuvix-accent-purple) 50%, var(--nuvix-accent-blue) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-weight: 800;\n }\n\n body.nuvix-light-theme .nuvix-section-title {\n background: linear-gradient(135deg, #1e293b 0%, #7c3aed 50%, #0284c7 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n @media (min-width: 768px) {\n .nuvix-section-title {\n font-size: clamp(2.5rem, 4vw, 3.5rem);\n margin-bottom: 1.5rem;\n }\n }\n\n \/* Section subtitle *\/\n .nuvix-section-subtitle {\n text-align: center;\n font-size: clamp(0.95rem, 1.5vw, 1.25rem);\n opacity: 0.85;\n margin-bottom: 2.5rem;\n max-width: 900px;\n margin-left: auto;\n margin-right: auto;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-section-subtitle {\n font-weight: 450;\n }\n\n @media (min-width: 768px) {\n .nuvix-section-subtitle {\n margin-bottom: 4rem;\n }\n }\n\n \/* Features grid *\/\n .nuvix-features-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n\n @media (min-width: 768px) {\n .nuvix-features-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 2.5rem;\n }\n }\n\n @media (min-width: 1024px) {\n .nuvix-features-grid {\n grid-template-columns: repeat(3, 1fr);\n gap: 3rem;\n }\n }\n\n \/* Feature card *\/\n .nuvix-feature-card {\n background: var(--nuvix-card-bg);\n padding: 2rem 1.5rem;\n border-radius: 20px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n cursor: pointer;\n }\n\n body.nuvix-light-theme .nuvix-feature-card {\n background: rgba(255, 255, 255, 0.95);\n border: 2px solid rgba(124, 58, 237, 0.15);\n box-shadow: 0 4px 12px rgba(124, 58, 237, 0.08);\n }\n\n @media (min-width: 768px) {\n .nuvix-feature-card {\n padding: 2.5rem 2rem;\n }\n }\n\n .nuvix-feature-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(135deg, transparent, rgba(159, 57, 255, 0.1));\n transform: translateX(-100%);\n transition: transform 0.5s ease;\n }\n\n .nuvix-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .nuvix-feature-card:hover {\n transform: translateY(-10px);\n border-color: var(--nuvix-accent-purple);\n box-shadow: 0 20px 50px rgba(159, 57, 255, 0.3);\n }\n\n body.nuvix-light-theme .nuvix-feature-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 20px 50px rgba(124, 58, 237, 0.25);\n border-color: rgba(124, 58, 237, 0.3);\n }\n\n \/* Feature icon *\/\n .nuvix-feature-icon {\n width: 60px;\n height: 60px;\n background: var(--nuvix-primary-gradient);\n border-radius: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2rem;\n margin-bottom: 1.5rem;\n box-shadow: 0 8px 25px rgba(159, 57, 255, 0.3);\n color: white;\n }\n\n @media (min-width: 768px) {\n .nuvix-feature-icon {\n width: 70px;\n height: 70px;\n font-size: 2.5rem;\n margin-bottom: 2rem;\n }\n }\n\n \/* Feature title *\/\n .nuvix-feature-title {\n font-size: 1.25rem;\n font-weight: 700;\n margin-bottom: 1rem;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-feature-title {\n font-weight: 800;\n }\n\n @media (min-width: 768px) {\n .nuvix-feature-title {\n font-size: 1.4rem;\n }\n }\n\n \/* Feature description *\/\n .nuvix-feature-desc {\n opacity: 0.85;\n line-height: 1.6;\n font-size: 0.95rem;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-feature-desc {\n font-weight: 450;\n opacity: 0.8;\n }\n\n @media (min-width: 768px) {\n .nuvix-feature-desc {\n font-size: 1rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n\n<div class=\"nuvix-solution-section\">\n <div class=\"nuvix-solution-wrapper\">\n \n <div class=\"nuvix-solution-bg\"><\/div>\n\n <div class=\"nuvix-solution-container\">\n <h2 class=\"nuvix-section-title\">A solu\u00e7\u00e3o Nuvix: Tecnologia avan\u00e7ada de IA<\/h2>\n <p class=\"nuvix-section-subtitle\">Proprietary artificial intelligence developed from scratch, designed to give you the edge in trading<\/p>\n \n <div class=\"nuvix-features-grid\">\n <div class=\"nuvix-feature-card\">\n <div class=\"nuvix-feature-icon\">\n <i class=\"las la-brain\"><\/i>\n <\/div>\n <h3 class=\"nuvix-feature-title\">100% Propriet\u00e1rio AI<\/h3>\n <p class=\"nuvix-feature-desc\">Built from the ground up by our team of AI experts and traders. Custom neural networks and machine learning algorithms that continuously improve.<\/p>\n <\/div>\n\n <div class=\"nuvix-feature-card\">\n <div class=\"nuvix-feature-icon\">\n <i class=\"las la-lock\"><\/i>\n <\/div>\n <h3 class=\"nuvix-feature-title\">Secure Infrastructure<\/h3>\n <p class=\"nuvix-feature-desc\">Your data never leaves our encrypted servers. Military-grade security protocols with end-to-end encryption and zero data sharing.<\/p>\n <\/div>\n\n <div class=\"nuvix-feature-card\">\n <div class=\"nuvix-feature-icon\">\n <i class=\"las la-bolt\"><\/i>\n <\/div>\n <h3 class=\"nuvix-feature-title\">An\u00e1lise em tempo real<\/h3>\n <p class=\"nuvix-feature-desc\">Instant pattern recognition across multiple timeframes. Millisecond response time with 24\/7 market monitoring and analysis.<\/p>\n <\/div>\n\n <div class=\"nuvix-feature-card\">\n <div class=\"nuvix-feature-icon\">\n <i class=\"las la-chart-line\"><\/i>\n <\/div>\n <h3 class=\"nuvix-feature-title\">An\u00e1lise preditiva<\/h3>\n <p class=\"nuvix-feature-desc\">Advanced algorithms predict market movements with 95% accuracy. Optimized risk\/reward calculations with precise entry and exit signals.<\/p>\n <\/div>\n\n <div class=\"nuvix-feature-card\">\n <div class=\"nuvix-feature-icon\">\n <i class=\"las la-crosshairs\"><\/i>\n <\/div>\n <h3 class=\"nuvix-feature-title\">Gerenciamento inteligente de riscos<\/h3>\n <p class=\"nuvix-feature-desc\">AI-powered position sizing and stop-loss recommendations. Dynamic risk calculations with automated alerts for portfolio protection.<\/p>\n <\/div>\n\n <div class=\"nuvix-feature-card\">\n <div class=\"nuvix-feature-icon\">\n <i class=\"las la-mobile\"><\/i>\n <\/div>\n <h3 class=\"nuvix-feature-title\">Interface amig\u00e1vel ao usu\u00e1rio<\/h3>\n <p class=\"nuvix-feature-desc\">Complex AI made simple. One-click analysis with clear recommendations. Perfect for beginners and professionals via Chrome Extension.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<script>\n(function() {\n 'use strict';\n \n \/\/ Fade-in animation on scroll\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach((entry, index) => {\n if (entry.isIntersecting) {\n setTimeout(() => {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }, index * 150);\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n \/\/ Observe all feature cards\n const cards = document.querySelectorAll('.nuvix-feature-card');\n cards.forEach(card => {\n card.style.opacity = '0';\n card.style.transform = 'translateY(30px)';\n card.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n observer.observe(card);\n });\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5153bc6 elementor-widget elementor-widget-html\" data-id=\"5153bc6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Nuvix CTA Section<\/title>\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/maxst.icons8.com\/vue-static\/landings\/line-awesome\/line-awesome\/1.3.0\/css\/line-awesome.min.css\">\n \n <style>\n \/* ================================\n CTA SECTION - ELEMENTOR READY\n Enhanced Professional Light Theme\n ================================ *\/\n\n .nuvix-cta-section {\n --nuvix-primary-gradient: linear-gradient(135deg, #9f39ff 0%, #00b4d8 100%);\n --nuvix-dark-bg: #0a0e27;\n --nuvix-text-light: #e2e8f0;\n --nuvix-accent-blue: #00b4d8;\n --nuvix-accent-purple: #9f39ff;\n }\n\n \/* Enhanced Light Theme *\/\n body.nuvix-light-theme .nuvix-cta-section {\n --nuvix-primary-gradient: linear-gradient(135deg, #7c3aed 0%, #0284c7 100%);\n --nuvix-dark-bg: #ffffff;\n --nuvix-text-light: #1e293b;\n --nuvix-accent-blue: #0284c7;\n --nuvix-accent-purple: #7c3aed;\n }\n\n \/* Full width container - AGGRESSIVE gap removal *\/\n .nuvix-cta-section {\n margin: 0 !important;\n padding: 0 !important;\n width: 100vw !important;\n max-width: 100vw !important;\n position: relative;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n overflow-x: hidden !important;\n overflow-y: hidden !important;\n box-sizing: border-box !important;\n }\n\n \/* Prevent body scroll issues *\/\n body:has(.nuvix-cta-section) {\n overflow-x: hidden !important;\n }\n\n html {\n overflow-x: hidden !important;\n }\n\n .nuvix-cta-section,\n .nuvix-cta-section * {\n box-sizing: border-box !important;\n }\n\n \/* Force Elementor parents to have no padding - AGGRESSIVE *\/\n .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget > .elementor-widget-container > .nuvix-cta-section,\n .elementor-widget-container > .nuvix-cta-section,\n .elementor-widget > .nuvix-cta-section,\n .elementor-element > .nuvix-cta-section {\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n left: 50% !important;\n right: 50% !important;\n width: 100vw !important;\n max-width: 100vw !important;\n }\n\n \/* Section wrapper *\/\n .nuvix-cta-wrapper {\n padding: 4rem 1rem;\n background: linear-gradient(135deg, rgba(159, 57, 255, 0.1) 0%, rgba(0, 180, 216, 0.1) 100%);\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n body.nuvix-light-theme .nuvix-cta-wrapper {\n background: linear-gradient(135deg, rgba(124, 58, 237, 0.08) 0%, rgba(2, 132, 199, 0.08) 100%);\n }\n\n @media (min-width: 768px) {\n .nuvix-cta-wrapper {\n padding: 6rem 2rem;\n }\n }\n\n @media (min-width: 1024px) {\n .nuvix-cta-wrapper {\n padding: 8rem 2rem;\n }\n }\n\n \/* Background animation *\/\n .nuvix-cta-bg {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: 0;\n pointer-events: none;\n }\n\n .nuvix-cta-bg::before {\n content: '';\n position: absolute;\n width: 800px;\n height: 800px;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background: radial-gradient(circle, rgba(159, 57, 255, 0.15) 0%, transparent 70%);\n animation: nuvixPulseGlow 4s ease-in-out infinite;\n }\n\n body.nuvix-light-theme .nuvix-cta-bg::before {\n background: radial-gradient(circle, rgba(124, 58, 237, 0.12) 0%, transparent 70%);\n }\n\n @keyframes nuvixPulseGlow {\n 0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.5; }\n 50% { transform: translate(-50%, -50%) scale(1.1); opacity: 0.8; }\n }\n\n \/* Container *\/\n .nuvix-cta-container {\n width: 100%;\n max-width: 900px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n }\n\n \/* CTA title *\/\n .nuvix-cta-title {\n font-size: clamp(2rem, 3.5vw, 3.5rem);\n font-weight: 800;\n margin-bottom: 1rem;\n background: linear-gradient(135deg, var(--nuvix-text-light) 0%, var(--nuvix-accent-purple) 50%, var(--nuvix-accent-blue) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: nuvixShimmer 3s ease-in-out infinite;\n }\n\n body.nuvix-light-theme .nuvix-cta-title {\n background: linear-gradient(135deg, #1e293b 0%, #7c3aed 50%, #0284c7 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n @keyframes nuvixShimmer {\n 0%, 100% { filter: brightness(1); }\n 50% { filter: brightness(1.2); }\n }\n\n @media (min-width: 768px) {\n .nuvix-cta-title {\n margin-bottom: 1.5rem;\n }\n }\n\n \/* CTA subtitle *\/\n .nuvix-cta-subtitle {\n font-size: clamp(1.1rem, 2vw, 1.5rem);\n opacity: 0.9;\n margin-bottom: 2rem;\n line-height: 1.5;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-cta-subtitle {\n font-weight: 500;\n opacity: 0.85;\n }\n\n @media (min-width: 768px) {\n .nuvix-cta-subtitle {\n margin-bottom: 3rem;\n }\n }\n\n \/* CTA buttons container *\/\n .nuvix-cta-buttons {\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 1rem;\n align-items: center;\n }\n\n @media (min-width: 576px) {\n .nuvix-cta-buttons {\n flex-direction: row;\n flex-wrap: wrap;\n }\n }\n\n \/* Buttons *\/\n .nuvix-btn {\n padding: 1rem 2.5rem;\n border-radius: 25px;\n text-decoration: none;\n font-weight: 600;\n transition: all 0.3s ease;\n display: inline-block;\n position: relative;\n overflow: hidden;\n border: none;\n cursor: pointer;\n font-size: 1rem;\n white-space: nowrap;\n text-align: center;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n @media (min-width: 576px) {\n .nuvix-btn {\n padding: 1.125rem 2.75rem;\n font-size: 1.05rem;\n }\n }\n\n @media (min-width: 768px) {\n .nuvix-btn {\n padding: 1.25rem 3rem;\n font-size: 1.1rem;\n }\n }\n\n .nuvix-btn-primary {\n background: var(--nuvix-primary-gradient);\n color: white;\n box-shadow: 0 4px 20px rgba(159, 57, 255, 0.4);\n animation: nuvixBtnFloat 3s ease-in-out infinite;\n }\n\n @keyframes nuvixBtnFloat {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-5px); }\n }\n\n .nuvix-btn-primary:hover {\n transform: translateY(-5px) scale(1.05);\n box-shadow: 0 12px 35px rgba(159, 57, 255, 0.6);\n animation: none;\n }\n\n body.nuvix-light-theme .nuvix-btn-primary {\n box-shadow: 0 4px 16px rgba(124, 58, 237, 0.35);\n }\n\n body.nuvix-light-theme .nuvix-btn-primary:hover {\n box-shadow: 0 12px 30px rgba(124, 58, 237, 0.5);\n }\n\n .nuvix-btn-secondary {\n background: transparent;\n color: var(--nuvix-text-light);\n border: 2px solid rgba(255, 255, 255, 0.3);\n }\n\n body.nuvix-light-theme .nuvix-btn-secondary {\n border-color: rgba(124, 58, 237, 0.3);\n background: rgba(124, 58, 237, 0.05);\n }\n\n .nuvix-btn-secondary:hover {\n background: rgba(255, 255, 255, 0.1);\n border-color: var(--nuvix-accent-blue);\n color: var(--nuvix-accent-blue);\n transform: translateY(-2px);\n }\n\n body.nuvix-light-theme .nuvix-btn-secondary:hover {\n background: rgba(124, 58, 237, 0.12);\n border-color: var(--nuvix-accent-purple);\n color: var(--nuvix-accent-purple);\n }\n\n \/* Trust indicators *\/\n .nuvix-trust-indicators {\n margin-top: 3rem;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n align-items: center;\n }\n\n @media (min-width: 576px) {\n .nuvix-trust-indicators {\n flex-direction: row;\n justify-content: center;\n gap: 2rem;\n flex-wrap: wrap;\n }\n }\n\n @media (min-width: 768px) {\n .nuvix-trust-indicators {\n margin-top: 4rem;\n }\n }\n\n .nuvix-trust-item {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n font-size: 0.9rem;\n opacity: 0.8;\n color: var(--nuvix-text-light);\n }\n\n body.nuvix-light-theme .nuvix-trust-item {\n font-weight: 500;\n }\n\n @media (min-width: 768px) {\n .nuvix-trust-item {\n font-size: 1rem;\n }\n }\n\n .nuvix-trust-item i {\n color: #10b981;\n font-size: 1.25rem;\n }\n\n body.nuvix-light-theme .nuvix-trust-item i {\n color: #059669;\n }\n <\/style>\n<\/head>\n<body>\n\n\n<div class=\"nuvix-cta-section\">\n <div class=\"nuvix-cta-wrapper\">\n \n <div class=\"nuvix-cta-bg\"><\/div>\n\n <div class=\"nuvix-cta-container\">\n <h2 class=\"nuvix-cta-title\">Pronto para participar da revolu\u00e7\u00e3o comercial da IA?<\/h2>\n <p class=\"nuvix-cta-subtitle\">Start trading smarter with AI-powered analysis. Get started in minutes!<\/p>\n \n <div class=\"nuvix-cta-buttons\">\n <a href=\"\/pt\/packages.html\/\" class=\"nuvix-btn nuvix-btn-primary\">Comece agora<\/a>\n <a href=\"https:\/\/nuvix.com\/pt\/c_login\/\" class=\"nuvix-btn nuvix-btn-secondary\">Fazer login<\/a>\n <\/div>\n\n <div class=\"nuvix-trust-indicators\">\n <div class=\"nuvix-trust-item\">\n <i class=\"las la-shield-alt\"><\/i>\n <span>100% Seguro<\/span>\n <\/div>\n <div class=\"nuvix-trust-item\">\n <i class=\"las la-clock\"><\/i>\n <span>24\/7 AI Analysis<\/span>\n <\/div>\n <div class=\"nuvix-trust-item\">\n <i class=\"las la-chart-line\"><\/i>\n <span>95% Precis\u00e3o<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<script>\n(function() {\n 'use strict';\n \n \/\/ Animate elements on scroll\n const observerOptions = {\n threshold: 0.2,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n \/\/ Observe title\n const title = document.querySelector('.nuvix-cta-title');\n if (title) {\n title.style.opacity = '0';\n title.style.transform = 'translateY(20px)';\n title.style.transition = 'opacity 0.8s ease, transform 0.8s ease';\n observer.observe(title);\n }\n\n \/\/ Observe subtitle\n const subtitle = document.querySelector('.nuvix-cta-subtitle');\n if (subtitle) {\n subtitle.style.opacity = '0';\n subtitle.style.transform = 'translateY(20px)';\n subtitle.style.transition = 'opacity 0.8s ease 0.2s, transform 0.8s ease 0.2s';\n observer.observe(subtitle);\n }\n\n \/\/ Observe buttons\n const buttons = document.querySelector('.nuvix-cta-buttons');\n if (buttons) {\n buttons.style.opacity = '0';\n buttons.style.transform = 'translateY(20px)';\n buttons.style.transition = 'opacity 0.8s ease 0.4s, transform 0.8s ease 0.4s';\n observer.observe(buttons);\n }\n\n \/\/ Observe trust indicators\n const trustIndicators = document.querySelector('.nuvix-trust-indicators');\n if (trustIndicators) {\n trustIndicators.style.opacity = '0';\n trustIndicators.style.transform = 'translateY(20px)';\n trustIndicators.style.transition = 'opacity 0.8s ease 0.6s, transform 0.8s ease 0.6s';\n observer.observe(trustIndicators);\n }\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"Nuvix Header – Enhanced Light Theme Home Markets AI Technology Business Model Packages Demo Log In Get Started Get Started Home Markets AI Technology Business Model Packages Demo Log In Get Started Now Nuvix Hero – Enhanced Light Theme Nuvix – Where AI Meets Opportunity The Future of Trading is Here: AI-Powered Market Analysis Nuvix […]","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-44111","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nuvix.com\/pt\/wp-json\/wp\/v2\/pages\/44111","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nuvix.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nuvix.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nuvix.com\/pt\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nuvix.com\/pt\/wp-json\/wp\/v2\/comments?post=44111"}],"version-history":[{"count":50,"href":"https:\/\/nuvix.com\/pt\/wp-json\/wp\/v2\/pages\/44111\/revisions"}],"predecessor-version":[{"id":44202,"href":"https:\/\/nuvix.com\/pt\/wp-json\/wp\/v2\/pages\/44111\/revisions\/44202"}],"wp:attachment":[{"href":"https:\/\/nuvix.com\/pt\/wp-json\/wp\/v2\/media?parent=44111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}