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=\"\/de\/index.html\/\">Startseite<\/a>\n <a href=\"\/de\/markets.html\/\">M\u00e4rkte<\/a>\n <a href=\"\/de\/technology.html\/\">KI-Technologie<\/a>\n <a href=\"\/de\/business.html\/\">Gesch\u00e4ftsmodell<\/a>\n <a href=\"\/de\/packages.html\/\">Pakete<\/a>\n <a href=\"\/de\/demo.html\/\">Demo<\/a>\n <a href=\"https:\/\/nuvix.com\/de\/c_login\/\">Einloggen<\/a>\n \n \n <button id=\"nuvixThemeToggle\" class=\"nuvix-theme-toggle\" aria-label=\"Thema umschalten\">\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=\"\u00c4ndern Sie beide\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\udde9\ud83c\uddea<\/span>\n <span class=\"ulcs-lang\">DE<\/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=\"\/de\/packages.html\/\" class=\"nuvix-btn nuvix-btn-primary\">Los geht's<\/a>\n <\/div>\n \n \n <div class=\"nuvix-mobile-nav-container\">\n <button id=\"nuvixThemeToggleMobile\" class=\"nuvix-theme-toggle\" aria-label=\"Thema umschalten\">\n <i class=\"las la-moon\" id=\"nuvixThemeIconMobile\"><\/i>\n <\/button>\n <a href=\"\/de\/packages.html\/\" class=\"nuvix-btn nuvix-btn-primary\" style=\"padding: 0.5rem 1.25rem; font-size: 0.85rem;\">Los geht's<\/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=\"\/de\/index.html\/\">Startseite<\/a>\n <a href=\"\/de\/markets.html\/\">M\u00e4rkte<\/a>\n <a href=\"\/de\/technology.html\/\">KI-Technologie<\/a>\n <a href=\"\/de\/business.html\/\">Gesch\u00e4ftsmodell<\/a>\n <a href=\"\/de\/packages.html\/\">Pakete<\/a>\n <a href=\"\/de\/demo.html\/\">Demo<\/a>\n <\/div>\n <div class=\"nuvix-mobile-menu-buttons\">\n <a href=\"https:\/\/nuvix.com\/de\/c_login\/\" class=\"nuvix-btn nuvix-btn-secondary\">Einloggen<\/a>\n <a href=\"\/de\/packages.html\/\" class=\"nuvix-btn nuvix-btn-primary\">Jetzt loslegen<\/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=\"\u00c4ndern Sie beide\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\udde9\ud83c\uddea<\/span>\n <span class=\"ulcs-lang\">DE<\/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 - Wo KI auf Chancen trifft<\/p>\n <h1>Die Zukunft des Handels ist da: KI-gest\u00fctzte Marktanalyse<\/h1>\n <p>Nuvix revolutioniert den Handel mit propriet\u00e4rer KI-Technologie, die die M\u00e4rkte rund um die Uhr analysiert und Muster erkennt, die f\u00fcr menschliche H\u00e4ndler unsichtbar sind. Schlie\u00dfen Sie sich der Elite von 5% an, die mit unserer fortschrittlichen k\u00fcnstlichen Intelligenz kontinuierlich Gewinne erzielen.<\/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\">AI-Analyse<\/span>\n <\/div>\n <div class=\"nuvix-stat-item\">\n <span class=\"nuvix-stat-number\">8+<\/span>\n <span class=\"nuvix-stat-label\">M\u00e4rkte<\/span>\n <\/div>\n <div class=\"nuvix-stat-item\">\n <span class=\"nuvix-stat-number\">100%<\/span>\n <span class=\"nuvix-stat-label\">Propriet\u00e4r<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"nuvix-cta-buttons\">\n <a href=\"\/de\/packages.html\/\" class=\"nuvix-btn nuvix-btn-primary\">Los geht's<\/a>\n <a href=\"\/de\/demo.html\/\" class=\"nuvix-btn nuvix-btn-secondary\">Demo ansehen<\/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>Real-Time<\/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 Erkennung von Mustern\n <\/div>\n <div class=\"nuvix-ai-feature-item\">\n <i class=\"las la-shield-alt\"><\/i>\n Risikobewertung\n <\/div>\n <div class=\"nuvix-ai-feature-item\">\n <i class=\"las la-crosshairs\"><\/i>\n Eintritts-\/Austrittspunkte\n <\/div>\n <div class=\"nuvix-ai-feature-item\">\n <i class=\"las la-brain\"><\/i>\n Marktstimmung\n <\/div>\n <\/div>\n \n <div class=\"nuvix-live-status\">\n <span class=\"nuvix-pulse\">\n <i class=\"las la-circle\"><\/i> KI-ANALYSE IN ECHTZEIT\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\">Handeln Sie mehrere M\u00e4rkte mit einer KI<\/h2>\n <p class=\"nuvix-section-subtitle\">Unsere KI analysiert Muster auf verschiedenen Finanzm\u00e4rkten und Spielplattformen<\/p>\n \n <div class=\"nuvix-markets-grid\">\n <div class=\"nuvix-market-card\">\n <i class=\"las la-exchange-alt nuvix-market-icon\"><\/i>\n <h3 class=\"nuvix-market-name\">Forex<\/h3>\n <p class=\"nuvix-market-desc\">Wichtige W\u00e4hrungspaare<\/p>\n <span class=\"nuvix-coming-soon\">Demn\u00e4chst verf\u00fcgbar<\/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\">Best\u00e4nde<\/h3>\n <p class=\"nuvix-market-desc\">Globale Aktien<\/p>\n <span class=\"nuvix-coming-soon\">Demn\u00e4chst verf\u00fcgbar<\/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\">Krypto<\/h3>\n <p class=\"nuvix-market-desc\">Digitale Verm\u00f6genswerte<\/p>\n <span class=\"nuvix-coming-soon\">Demn\u00e4chst verf\u00fcgbar<\/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\">Indizes<\/h3>\n <p class=\"nuvix-market-desc\">Marktindizes<\/p>\n <span class=\"nuvix-coming-soon\">Demn\u00e4chst verf\u00fcgbar<\/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\">Bin\u00e4re Optionen<\/h3>\n <p class=\"nuvix-market-desc\">Feste Ertr\u00e4ge<\/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\">Casino Spiele<\/h3>\n <p class=\"nuvix-market-desc\">Analyse von Mustern<\/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\">Sportwetten<\/h3>\n <p class=\"nuvix-market-desc\">Statistischer Vorsprung<\/p>\n <span class=\"nuvix-coming-soon\">Demn\u00e4chst verf\u00fcgbar<\/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\">Rohstoffe<\/h3>\n <p class=\"nuvix-market-desc\">Rohmaterialien<\/p>\n <span class=\"nuvix-coming-soon\">Demn\u00e4chst verf\u00fcgbar<\/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\">Die Herausforderung des Handels<\/h2>\n <p class=\"nuvix-section-subtitle\">Warum 95% der Trader scheitern und wie wir das \u00e4ndern<\/p>\n \n <div class=\"nuvix-big-stat\">\n <div class=\"nuvix-big-stat-number\">95%<\/div>\n <p class=\"nuvix-big-stat-desc\">der H\u00e4ndler verlieren Geld auf den Finanzm\u00e4rkten<\/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\">Informations\u00fcberlastung<\/h3>\n <p class=\"nuvix-problem-desc\">Zu viele Daten, nicht genug verwertbare Erkenntnisse<\/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\">Emotionaler Handel<\/h3>\n <p class=\"nuvix-problem-desc\">Angst und Gier zerst\u00f6ren Handelskonten<\/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\">Zeitliche Beschr\u00e4nkungen<\/h3>\n <p class=\"nuvix-problem-desc\">M\u00e4rkte bewegen sich 24\/7, Menschen brauchen Schlaf<\/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\">Schlechtes Risikomanagement<\/h3>\n <p class=\"nuvix-problem-desc\">Ein schlechter Handel kann monatelange Gewinne zunichte machen<\/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\">Fehlende Strategie<\/h3>\n <p class=\"nuvix-problem-desc\">Handel ohne ein bew\u00e4hrtes System<\/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\">Marktmanipulation<\/h3>\n <p class=\"nuvix-problem-desc\">Gro\u00dfe Akteure bewegen die M\u00e4rkte gegen Kleinh\u00e4ndler<\/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\">Die Nuvix-L\u00f6sung: Fortschrittliche KI-Technologie<\/h2>\n <p class=\"nuvix-section-subtitle\">Proprietary artificial intelligence developed from scratch, designed to give you the edge in trading<\/p>\n \n <div class=\"nuvix-features-grid\">\n <div class=\"nuvix-feature-card\">\n <div class=\"nuvix-feature-icon\">\n <i class=\"las la-brain\"><\/i>\n <\/div>\n <h3 class=\"nuvix-feature-title\">100% Propriet\u00e4res 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\">Real-Time-Analyse<\/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\">Pr\u00e4diktive Analytik<\/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\">Intelligentes Risikomanagement<\/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\">Benutzerfreundliches Interface<\/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\">Sind Sie bereit, sich der KI-Handelsrevolution anzuschlie\u00dfen?<\/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=\"\/de\/packages.html\/\" class=\"nuvix-btn nuvix-btn-primary\">Jetzt loslegen<\/a>\n <a href=\"https:\/\/nuvix.com\/de\/c_login\/\" class=\"nuvix-btn nuvix-btn-secondary\">Einloggen<\/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\/de\/wp-json\/wp\/v2\/pages\/44111","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nuvix.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nuvix.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nuvix.com\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nuvix.com\/de\/wp-json\/wp\/v2\/comments?post=44111"}],"version-history":[{"count":50,"href":"https:\/\/nuvix.com\/de\/wp-json\/wp\/v2\/pages\/44111\/revisions"}],"predecessor-version":[{"id":44202,"href":"https:\/\/nuvix.com\/de\/wp-json\/wp\/v2\/pages\/44111\/revisions\/44202"}],"wp:attachment":[{"href":"https:\/\/nuvix.com\/de\/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=\"\/de\/index.html\/\">Startseite<\/a>\n <a href=\"\/de\/markets.html\/\">M\u00e4rkte<\/a>\n <a href=\"\/de\/technology.html\/\">KI-Technologie<\/a>\n <a href=\"\/de\/business.html\/\">Gesch\u00e4ftsmodell<\/a>\n <a href=\"\/de\/packages.html\/\">Pakete<\/a>\n <a href=\"\/de\/demo.html\/\">Demo<\/a>\n <a href=\"https:\/\/nuvix.com\/de\/c_login\/\">Einloggen<\/a>\n \n \n <button id=\"nuvixThemeToggle\" class=\"nuvix-theme-toggle\" aria-label=\"Thema umschalten\">\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=\"\u00c4ndern Sie beide\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\udde9\ud83c\uddea<\/span>\n <span class=\"ulcs-lang\">DE<\/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=\"\/de\/packages.html\/\" class=\"nuvix-btn nuvix-btn-primary\">Los geht's<\/a>\n <\/div>\n \n \n <div class=\"nuvix-mobile-nav-container\">\n <button id=\"nuvixThemeToggleMobile\" class=\"nuvix-theme-toggle\" aria-label=\"Thema umschalten\">\n <i class=\"las la-moon\" id=\"nuvixThemeIconMobile\"><\/i>\n <\/button>\n <a href=\"\/de\/packages.html\/\" class=\"nuvix-btn nuvix-btn-primary\" style=\"padding: 0.5rem 1.25rem; font-size: 0.85rem;\">Los geht's<\/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=\"\/de\/index.html\/\">Startseite<\/a>\n <a href=\"\/de\/markets.html\/\">M\u00e4rkte<\/a>\n <a href=\"\/de\/technology.html\/\">KI-Technologie<\/a>\n <a href=\"\/de\/business.html\/\">Gesch\u00e4ftsmodell<\/a>\n <a href=\"\/de\/packages.html\/\">Pakete<\/a>\n <a href=\"\/de\/demo.html\/\">Demo<\/a>\n <\/div>\n <div class=\"nuvix-mobile-menu-buttons\">\n <a href=\"https:\/\/nuvix.com\/de\/c_login\/\" class=\"nuvix-btn nuvix-btn-secondary\">Einloggen<\/a>\n <a href=\"\/de\/packages.html\/\" class=\"nuvix-btn nuvix-btn-primary\">Jetzt loslegen<\/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=\"\u00c4ndern Sie beide\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\udde9\ud83c\uddea<\/span>\n <span class=\"ulcs-lang\">DE<\/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 - Wo KI auf Chancen trifft<\/p>\n <h1>Die Zukunft des Handels ist da: KI-gest\u00fctzte Marktanalyse<\/h1>\n <p>Nuvix revolutioniert den Handel mit propriet\u00e4rer KI-Technologie, die die M\u00e4rkte rund um die Uhr analysiert und Muster erkennt, die f\u00fcr menschliche H\u00e4ndler unsichtbar sind. Schlie\u00dfen Sie sich der Elite von 5% an, die mit unserer fortschrittlichen k\u00fcnstlichen Intelligenz kontinuierlich Gewinne erzielen.<\/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\">AI-Analyse<\/span>\n <\/div>\n <div class=\"nuvix-stat-item\">\n <span class=\"nuvix-stat-number\">8+<\/span>\n <span class=\"nuvix-stat-label\">M\u00e4rkte<\/span>\n <\/div>\n <div class=\"nuvix-stat-item\">\n <span class=\"nuvix-stat-number\">100%<\/span>\n <span class=\"nuvix-stat-label\">Propriet\u00e4r<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"nuvix-cta-buttons\">\n <a href=\"\/de\/packages.html\/\" class=\"nuvix-btn nuvix-btn-primary\">Los geht's<\/a>\n <a href=\"\/de\/demo.html\/\" class=\"nuvix-btn nuvix-btn-secondary\">Demo ansehen<\/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>Real-Time<\/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 Erkennung von Mustern\n <\/div>\n <div class=\"nuvix-ai-feature-item\">\n <i class=\"las la-shield-alt\"><\/i>\n Risikobewertung\n <\/div>\n <div class=\"nuvix-ai-feature-item\">\n <i class=\"las la-crosshairs\"><\/i>\n Eintritts-\/Austrittspunkte\n <\/div>\n <div class=\"nuvix-ai-feature-item\">\n <i class=\"las la-brain\"><\/i>\n Marktstimmung\n <\/div>\n <\/div>\n \n <div class=\"nuvix-live-status\">\n <span class=\"nuvix-pulse\">\n <i class=\"las la-circle\"><\/i> KI-ANALYSE IN ECHTZEIT\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\">Handeln Sie mehrere M\u00e4rkte mit einer KI<\/h2>\n <p class=\"nuvix-section-subtitle\">Unsere KI analysiert Muster auf verschiedenen Finanzm\u00e4rkten und Spielplattformen<\/p>\n \n <div class=\"nuvix-markets-grid\">\n <div class=\"nuvix-market-card\">\n <i class=\"las la-exchange-alt nuvix-market-icon\"><\/i>\n <h3 class=\"nuvix-market-name\">Forex<\/h3>\n <p class=\"nuvix-market-desc\">Wichtige W\u00e4hrungspaare<\/p>\n <span class=\"nuvix-coming-soon\">Demn\u00e4chst verf\u00fcgbar<\/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\">Best\u00e4nde<\/h3>\n <p class=\"nuvix-market-desc\">Globale Aktien<\/p>\n <span class=\"nuvix-coming-soon\">Demn\u00e4chst verf\u00fcgbar<\/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\">Krypto<\/h3>\n <p class=\"nuvix-market-desc\">Digitale Verm\u00f6genswerte<\/p>\n <span class=\"nuvix-coming-soon\">Demn\u00e4chst verf\u00fcgbar<\/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\">Indizes<\/h3>\n <p class=\"nuvix-market-desc\">Marktindizes<\/p>\n <span class=\"nuvix-coming-soon\">Demn\u00e4chst verf\u00fcgbar<\/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\">Bin\u00e4re Optionen<\/h3>\n <p class=\"nuvix-market-desc\">Feste Ertr\u00e4ge<\/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\">Casino Spiele<\/h3>\n <p class=\"nuvix-market-desc\">Analyse von Mustern<\/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\">Sportwetten<\/h3>\n <p class=\"nuvix-market-desc\">Statistischer Vorsprung<\/p>\n <span class=\"nuvix-coming-soon\">Demn\u00e4chst verf\u00fcgbar<\/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\">Rohstoffe<\/h3>\n <p class=\"nuvix-market-desc\">Rohmaterialien<\/p>\n <span class=\"nuvix-coming-soon\">Demn\u00e4chst verf\u00fcgbar<\/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\">Die Herausforderung des Handels<\/h2>\n <p class=\"nuvix-section-subtitle\">Warum 95% der Trader scheitern und wie wir das \u00e4ndern<\/p>\n \n <div class=\"nuvix-big-stat\">\n <div class=\"nuvix-big-stat-number\">95%<\/div>\n <p class=\"nuvix-big-stat-desc\">der H\u00e4ndler verlieren Geld auf den Finanzm\u00e4rkten<\/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\">Informations\u00fcberlastung<\/h3>\n <p class=\"nuvix-problem-desc\">Zu viele Daten, nicht genug verwertbare Erkenntnisse<\/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\">Emotionaler Handel<\/h3>\n <p class=\"nuvix-problem-desc\">Angst und Gier zerst\u00f6ren Handelskonten<\/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\">Zeitliche Beschr\u00e4nkungen<\/h3>\n <p class=\"nuvix-problem-desc\">M\u00e4rkte bewegen sich 24\/7, Menschen brauchen Schlaf<\/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\">Schlechtes Risikomanagement<\/h3>\n <p class=\"nuvix-problem-desc\">Ein schlechter Handel kann monatelange Gewinne zunichte machen<\/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\">Fehlende Strategie<\/h3>\n <p class=\"nuvix-problem-desc\">Handel ohne ein bew\u00e4hrtes System<\/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\">Marktmanipulation<\/h3>\n <p class=\"nuvix-problem-desc\">Gro\u00dfe Akteure bewegen die M\u00e4rkte gegen Kleinh\u00e4ndler<\/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\">Die Nuvix-L\u00f6sung: Fortschrittliche KI-Technologie<\/h2>\n <p class=\"nuvix-section-subtitle\">Proprietary artificial intelligence developed from scratch, designed to give you the edge in trading<\/p>\n \n <div class=\"nuvix-features-grid\">\n <div class=\"nuvix-feature-card\">\n <div class=\"nuvix-feature-icon\">\n <i class=\"las la-brain\"><\/i>\n <\/div>\n <h3 class=\"nuvix-feature-title\">100% Propriet\u00e4res 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\">Real-Time-Analyse<\/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\">Pr\u00e4diktive Analytik<\/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\">Intelligentes Risikomanagement<\/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\">Benutzerfreundliches Interface<\/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\">Sind Sie bereit, sich der KI-Handelsrevolution anzuschlie\u00dfen?<\/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=\"\/de\/packages.html\/\" class=\"nuvix-btn nuvix-btn-primary\">Jetzt loslegen<\/a>\n <a href=\"https:\/\/nuvix.com\/de\/c_login\/\" class=\"nuvix-btn nuvix-btn-secondary\">Einloggen<\/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\/de\/wp-json\/wp\/v2\/pages\/44111","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nuvix.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nuvix.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nuvix.com\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nuvix.com\/de\/wp-json\/wp\/v2\/comments?post=44111"}],"version-history":[{"count":50,"href":"https:\/\/nuvix.com\/de\/wp-json\/wp\/v2\/pages\/44111\/revisions"}],"predecessor-version":[{"id":44202,"href":"https:\/\/nuvix.com\/de\/wp-json\/wp\/v2\/pages\/44111\/revisions\/44202"}],"wp:attachment":[{"href":"https:\/\/nuvix.com\/de\/wp-json\/wp\/v2\/media?parent=44111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}