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=\"\/fr\/index.html\/\">Accueil<\/a>\n <a href=\"\/fr\/markets.html\/\">March\u00e9s<\/a>\n <a href=\"\/fr\/technology.html\/\">Technologie de l'IA<\/a>\n <a href=\"\/fr\/business.html\/\">Mod\u00e8le d'entreprise<\/a>\n <a href=\"\/fr\/packages.html\/\">Emballages<\/a>\n <a href=\"\/fr\/demo.html\/\">Demo<\/a>\n <a href=\"https:\/\/nuvix.com\/fr\/c_login\/\">Se connecter<\/a>\n \n \n <button id=\"nuvixThemeToggle\" class=\"nuvix-theme-toggle\" aria-label=\"Toggle theme\">\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=\"Modifier les deux\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\uddeb\ud83c\uddf7<\/span>\n <span class=\"ulcs-lang\">FR<\/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=\"\/fr\/packages.html\/\" class=\"nuvix-btn nuvix-btn-primary\">Commencer<\/a>\n <\/div>\n \n \n <div class=\"nuvix-mobile-nav-container\">\n <button id=\"nuvixThemeToggleMobile\" class=\"nuvix-theme-toggle\" aria-label=\"Toggle theme\">\n <i class=\"las la-moon\" id=\"nuvixThemeIconMobile\"><\/i>\n <\/button>\n <a href=\"\/fr\/packages.html\/\" class=\"nuvix-btn nuvix-btn-primary\" style=\"padding: 0.5rem 1.25rem; font-size: 0.85rem;\">Commencer<\/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=\"\/fr\/index.html\/\">Accueil<\/a>\n <a href=\"\/fr\/markets.html\/\">March\u00e9s<\/a>\n <a href=\"\/fr\/technology.html\/\">Technologie de l'IA<\/a>\n <a href=\"\/fr\/business.html\/\">Mod\u00e8le d'entreprise<\/a>\n <a href=\"\/fr\/packages.html\/\">Emballages<\/a>\n <a href=\"\/fr\/demo.html\/\">Demo<\/a>\n <\/div>\n <div class=\"nuvix-mobile-menu-buttons\">\n <a href=\"https:\/\/nuvix.com\/fr\/c_login\/\" class=\"nuvix-btn nuvix-btn-secondary\">Se connecter<\/a>\n <a href=\"\/fr\/packages.html\/\" class=\"nuvix-btn nuvix-btn-primary\">Commencer maintenant<\/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=\"Modifier les deux\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\uddeb\ud83c\uddf7<\/span>\n <span class=\"ulcs-lang\">FR<\/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 - Quand l'IA rencontre l'opportunit\u00e9<\/p>\n <h1>L'avenir du trading est l\u00e0 : L'analyse de march\u00e9 assist\u00e9e par l'IA<\/h1>\n <p>Nuvix r\u00e9volutionne le trading gr\u00e2ce \u00e0 une technologie d'intelligence artificielle propri\u00e9taire qui analyse les march\u00e9s 24 heures sur 24, 7 jours sur 7, en identifiant des mod\u00e8les invisibles pour les traders humains. Rejoignez l'\u00e9lite des 5% qui r\u00e9alisent des profits r\u00e9guliers gr\u00e2ce \u00e0 notre intelligence artificielle avanc\u00e9e.<\/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\">Analyse de l'IA<\/span>\n <\/div>\n <div class=\"nuvix-stat-item\">\n <span class=\"nuvix-stat-number\">8+<\/span>\n <span class=\"nuvix-stat-label\">March\u00e9s<\/span>\n <\/div>\n <div class=\"nuvix-stat-item\">\n <span class=\"nuvix-stat-number\">100%<\/span>\n <span class=\"nuvix-stat-label\">Propri\u00e9taire<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"nuvix-cta-buttons\">\n <a href=\"\/fr\/packages.html\/\" class=\"nuvix-btn nuvix-btn-primary\">Commencer<\/a>\n <a href=\"\/fr\/demo.html\/\" class=\"nuvix-btn nuvix-btn-secondary\">Regarder la d\u00e9mo<\/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% Secure<\/h3>\n <p>Military-grade encryption protects your data<\/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>Temps r\u00e9el<\/h3>\n <p>Instant analysis across all markets<\/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% Accuracy<\/h3>\n <p>Proven track record of predictions<\/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 Reconnaissance des formes\n <\/div>\n <div class=\"nuvix-ai-feature-item\">\n <i class=\"las la-shield-alt\"><\/i>\n \u00c9valuation des risques\n <\/div>\n <div class=\"nuvix-ai-feature-item\">\n <i class=\"las la-crosshairs\"><\/i>\n Points d'entr\u00e9e\/sortie\n <\/div>\n <div class=\"nuvix-ai-feature-item\">\n <i class=\"las la-brain\"><\/i>\n Sentiment du march\u00e9\n <\/div>\n <\/div>\n \n <div class=\"nuvix-live-status\">\n <span class=\"nuvix-pulse\">\n <i class=\"las la-circle\"><\/i> ANALYSE EN TEMPS R\u00c9EL DE L'INTELLIGENCE ARTIFICIELLE\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\">N\u00e9gocier sur plusieurs march\u00e9s avec une seule intelligence artificielle<\/h2>\n <p class=\"nuvix-section-subtitle\">Notre IA analyse des mod\u00e8les sur divers march\u00e9s financiers et plates-formes de jeux.<\/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\">Le change<\/h3>\n <p class=\"nuvix-market-desc\">Principales paires de devises<\/p>\n <span class=\"nuvix-coming-soon\">Bient\u00f4t disponible<\/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\">Stocks<\/h3>\n <p class=\"nuvix-market-desc\">Actions mondiales<\/p>\n <span class=\"nuvix-coming-soon\">Bient\u00f4t disponible<\/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\">Crypto<\/h3>\n <p class=\"nuvix-market-desc\">Actifs num\u00e9riques<\/p>\n <span class=\"nuvix-coming-soon\">Bient\u00f4t disponible<\/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\">Indices<\/h3>\n <p class=\"nuvix-market-desc\">Indices de march\u00e9<\/p>\n <span class=\"nuvix-coming-soon\">Bient\u00f4t disponible<\/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\">Options binaires<\/h3>\n <p class=\"nuvix-market-desc\">Rendement fixe<\/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\">Jeux de casino<\/h3>\n <p class=\"nuvix-market-desc\">Analyse des sch\u00e9mas<\/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\">Paris sportifs<\/h3>\n <p class=\"nuvix-market-desc\">Bord statistique<\/p>\n <span class=\"nuvix-coming-soon\">Bient\u00f4t disponible<\/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\">Produits de base<\/h3>\n <p class=\"nuvix-market-desc\">Mati\u00e8res premi\u00e8res<\/p>\n <span class=\"nuvix-coming-soon\">Bient\u00f4t disponible<\/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\">Le d\u00e9fi commercial<\/h2>\n <p class=\"nuvix-section-subtitle\">Pourquoi 95% des traders \u00e9chouent et comment nous changeons cela<\/p>\n \n <div class=\"nuvix-big-stat\">\n <div class=\"nuvix-big-stat-number\">95%<\/div>\n <p class=\"nuvix-big-stat-desc\">des traders perdent de l'argent sur les march\u00e9s financiers<\/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\">Surcharge d'informations<\/h3>\n <p class=\"nuvix-problem-desc\">Trop de donn\u00e9es, pas assez d'informations exploitables<\/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\">Le trading \u00e9motionnel<\/h3>\n <p class=\"nuvix-problem-desc\">La peur et la cupidit\u00e9 d\u00e9truisent les comptes de n\u00e9gociation<\/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\">Contraintes de temps<\/h3>\n <p class=\"nuvix-problem-desc\">Les march\u00e9s fonctionnent 24 heures sur 24 et 7 jours sur 7, les humains ont besoin de sommeil<\/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\">Mauvaise gestion des risques<\/h3>\n <p class=\"nuvix-problem-desc\">Une mauvaise op\u00e9ration peut an\u00e9antir des mois de gains<\/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\">Absence de strat\u00e9gie<\/h3>\n <p class=\"nuvix-problem-desc\">Trader sans syst\u00e8me \u00e9prouv\u00e9<\/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\">Manipulation des march\u00e9s<\/h3>\n <p class=\"nuvix-problem-desc\">Les grands acteurs font bouger les march\u00e9s au d\u00e9triment des petits commer\u00e7ants<\/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\">La solution Nuvix : Technologie avanc\u00e9e d'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% Propri\u00e9taire 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\">Analyse en temps r\u00e9el<\/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\">Analyse pr\u00e9dictive<\/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\">Gestion intelligente des risques<\/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 conviviale<\/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\">Pr\u00eat \u00e0 rejoindre la r\u00e9volution commerciale de l'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=\"\/fr\/packages.html\/\" class=\"nuvix-btn nuvix-btn-primary\">Commencer maintenant<\/a>\n <a href=\"https:\/\/nuvix.com\/fr\/c_login\/\" class=\"nuvix-btn nuvix-btn-secondary\">Se connecter<\/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% Secure<\/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% Accuracy<\/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\/fr\/wp-json\/wp\/v2\/pages\/44111","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/comments?post=44111"}],"version-history":[{"count":50,"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/pages\/44111\/revisions"}],"predecessor-version":[{"id":44202,"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/pages\/44111\/revisions\/44202"}],"wp:attachment":[{"href":"https:\/\/nuvix.com\/fr\/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=\"\/fr\/index.html\/\">Accueil<\/a>\n <a href=\"\/fr\/markets.html\/\">March\u00e9s<\/a>\n <a href=\"\/fr\/technology.html\/\">Technologie de l'IA<\/a>\n <a href=\"\/fr\/business.html\/\">Mod\u00e8le d'entreprise<\/a>\n <a href=\"\/fr\/packages.html\/\">Emballages<\/a>\n <a href=\"\/fr\/demo.html\/\">Demo<\/a>\n <a href=\"https:\/\/nuvix.com\/fr\/c_login\/\">Se connecter<\/a>\n \n \n <button id=\"nuvixThemeToggle\" class=\"nuvix-theme-toggle\" aria-label=\"Toggle theme\">\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=\"Modifier les deux\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\uddeb\ud83c\uddf7<\/span>\n <span class=\"ulcs-lang\">FR<\/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=\"\/fr\/packages.html\/\" class=\"nuvix-btn nuvix-btn-primary\">Commencer<\/a>\n <\/div>\n \n \n <div class=\"nuvix-mobile-nav-container\">\n <button id=\"nuvixThemeToggleMobile\" class=\"nuvix-theme-toggle\" aria-label=\"Toggle theme\">\n <i class=\"las la-moon\" id=\"nuvixThemeIconMobile\"><\/i>\n <\/button>\n <a href=\"\/fr\/packages.html\/\" class=\"nuvix-btn nuvix-btn-primary\" style=\"padding: 0.5rem 1.25rem; font-size: 0.85rem;\">Commencer<\/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=\"\/fr\/index.html\/\">Accueil<\/a>\n <a href=\"\/fr\/markets.html\/\">March\u00e9s<\/a>\n <a href=\"\/fr\/technology.html\/\">Technologie de l'IA<\/a>\n <a href=\"\/fr\/business.html\/\">Mod\u00e8le d'entreprise<\/a>\n <a href=\"\/fr\/packages.html\/\">Emballages<\/a>\n <a href=\"\/fr\/demo.html\/\">Demo<\/a>\n <\/div>\n <div class=\"nuvix-mobile-menu-buttons\">\n <a href=\"https:\/\/nuvix.com\/fr\/c_login\/\" class=\"nuvix-btn nuvix-btn-secondary\">Se connecter<\/a>\n <a href=\"\/fr\/packages.html\/\" class=\"nuvix-btn nuvix-btn-primary\">Commencer maintenant<\/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=\"Modifier les deux\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\uddeb\ud83c\uddf7<\/span>\n <span class=\"ulcs-lang\">FR<\/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 - Quand l'IA rencontre l'opportunit\u00e9<\/p>\n <h1>L'avenir du trading est l\u00e0 : L'analyse de march\u00e9 assist\u00e9e par l'IA<\/h1>\n <p>Nuvix r\u00e9volutionne le trading gr\u00e2ce \u00e0 une technologie d'intelligence artificielle propri\u00e9taire qui analyse les march\u00e9s 24 heures sur 24, 7 jours sur 7, en identifiant des mod\u00e8les invisibles pour les traders humains. Rejoignez l'\u00e9lite des 5% qui r\u00e9alisent des profits r\u00e9guliers gr\u00e2ce \u00e0 notre intelligence artificielle avanc\u00e9e.<\/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\">Analyse de l'IA<\/span>\n <\/div>\n <div class=\"nuvix-stat-item\">\n <span class=\"nuvix-stat-number\">8+<\/span>\n <span class=\"nuvix-stat-label\">March\u00e9s<\/span>\n <\/div>\n <div class=\"nuvix-stat-item\">\n <span class=\"nuvix-stat-number\">100%<\/span>\n <span class=\"nuvix-stat-label\">Propri\u00e9taire<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"nuvix-cta-buttons\">\n <a href=\"\/fr\/packages.html\/\" class=\"nuvix-btn nuvix-btn-primary\">Commencer<\/a>\n <a href=\"\/fr\/demo.html\/\" class=\"nuvix-btn nuvix-btn-secondary\">Regarder la d\u00e9mo<\/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% Secure<\/h3>\n <p>Military-grade encryption protects your data<\/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>Temps r\u00e9el<\/h3>\n <p>Instant analysis across all markets<\/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% Accuracy<\/h3>\n <p>Proven track record of predictions<\/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 Reconnaissance des formes\n <\/div>\n <div class=\"nuvix-ai-feature-item\">\n <i class=\"las la-shield-alt\"><\/i>\n \u00c9valuation des risques\n <\/div>\n <div class=\"nuvix-ai-feature-item\">\n <i class=\"las la-crosshairs\"><\/i>\n Points d'entr\u00e9e\/sortie\n <\/div>\n <div class=\"nuvix-ai-feature-item\">\n <i class=\"las la-brain\"><\/i>\n Sentiment du march\u00e9\n <\/div>\n <\/div>\n \n <div class=\"nuvix-live-status\">\n <span class=\"nuvix-pulse\">\n <i class=\"las la-circle\"><\/i> ANALYSE EN TEMPS R\u00c9EL DE L'INTELLIGENCE ARTIFICIELLE\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\">N\u00e9gocier sur plusieurs march\u00e9s avec une seule intelligence artificielle<\/h2>\n <p class=\"nuvix-section-subtitle\">Notre IA analyse des mod\u00e8les sur divers march\u00e9s financiers et plates-formes de jeux.<\/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\">Le change<\/h3>\n <p class=\"nuvix-market-desc\">Principales paires de devises<\/p>\n <span class=\"nuvix-coming-soon\">Bient\u00f4t disponible<\/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\">Stocks<\/h3>\n <p class=\"nuvix-market-desc\">Actions mondiales<\/p>\n <span class=\"nuvix-coming-soon\">Bient\u00f4t disponible<\/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\">Crypto<\/h3>\n <p class=\"nuvix-market-desc\">Actifs num\u00e9riques<\/p>\n <span class=\"nuvix-coming-soon\">Bient\u00f4t disponible<\/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\">Indices<\/h3>\n <p class=\"nuvix-market-desc\">Indices de march\u00e9<\/p>\n <span class=\"nuvix-coming-soon\">Bient\u00f4t disponible<\/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\">Options binaires<\/h3>\n <p class=\"nuvix-market-desc\">Rendement fixe<\/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\">Jeux de casino<\/h3>\n <p class=\"nuvix-market-desc\">Analyse des sch\u00e9mas<\/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\">Paris sportifs<\/h3>\n <p class=\"nuvix-market-desc\">Bord statistique<\/p>\n <span class=\"nuvix-coming-soon\">Bient\u00f4t disponible<\/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\">Produits de base<\/h3>\n <p class=\"nuvix-market-desc\">Mati\u00e8res premi\u00e8res<\/p>\n <span class=\"nuvix-coming-soon\">Bient\u00f4t disponible<\/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\">Le d\u00e9fi commercial<\/h2>\n <p class=\"nuvix-section-subtitle\">Pourquoi 95% des traders \u00e9chouent et comment nous changeons cela<\/p>\n \n <div class=\"nuvix-big-stat\">\n <div class=\"nuvix-big-stat-number\">95%<\/div>\n <p class=\"nuvix-big-stat-desc\">des traders perdent de l'argent sur les march\u00e9s financiers<\/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\">Surcharge d'informations<\/h3>\n <p class=\"nuvix-problem-desc\">Trop de donn\u00e9es, pas assez d'informations exploitables<\/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\">Le trading \u00e9motionnel<\/h3>\n <p class=\"nuvix-problem-desc\">La peur et la cupidit\u00e9 d\u00e9truisent les comptes de n\u00e9gociation<\/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\">Contraintes de temps<\/h3>\n <p class=\"nuvix-problem-desc\">Les march\u00e9s fonctionnent 24 heures sur 24 et 7 jours sur 7, les humains ont besoin de sommeil<\/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\">Mauvaise gestion des risques<\/h3>\n <p class=\"nuvix-problem-desc\">Une mauvaise op\u00e9ration peut an\u00e9antir des mois de gains<\/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\">Absence de strat\u00e9gie<\/h3>\n <p class=\"nuvix-problem-desc\">Trader sans syst\u00e8me \u00e9prouv\u00e9<\/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\">Manipulation des march\u00e9s<\/h3>\n <p class=\"nuvix-problem-desc\">Les grands acteurs font bouger les march\u00e9s au d\u00e9triment des petits commer\u00e7ants<\/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\">La solution Nuvix : Technologie avanc\u00e9e d'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% Propri\u00e9taire 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\">Analyse en temps r\u00e9el<\/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\">Analyse pr\u00e9dictive<\/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\">Gestion intelligente des risques<\/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 conviviale<\/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\">Pr\u00eat \u00e0 rejoindre la r\u00e9volution commerciale de l'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=\"\/fr\/packages.html\/\" class=\"nuvix-btn nuvix-btn-primary\">Commencer maintenant<\/a>\n <a href=\"https:\/\/nuvix.com\/fr\/c_login\/\" class=\"nuvix-btn nuvix-btn-secondary\">Se connecter<\/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% Secure<\/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% Accuracy<\/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\/fr\/wp-json\/wp\/v2\/pages\/44111","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/comments?post=44111"}],"version-history":[{"count":50,"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/pages\/44111\/revisions"}],"predecessor-version":[{"id":44202,"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/pages\/44111\/revisions\/44202"}],"wp:attachment":[{"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/media?parent=44111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}