Nuvix AI - Advanced Trading Analysis Platform<\/title>\n \n \n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600&display=swap\" rel=\"stylesheet\">\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\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 \/* CSS Reset and Isolation - Prevents external CSS from affecting this page *\/\n \/* Basic reset without breaking internal styles *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n \/* Primary Colors - Professional Blue & Gold *\/\n --primary: #2563EB;\n --primary-light: #3B82F6;\n --primary-dark: #1E40AF;\n --secondary: #F59E0B;\n --secondary-light: #FCD34D;\n --accent-emerald: #10B981;\n --accent-teal: #14B8A6;\n \n \/* Secondary Colors *\/\n --success: #10B981;\n --danger: #EF4444;\n --warning: #F59E0B;\n --warning-orange: #FB923C;\n \n \/* Background Colors - Deep Professional *\/\n --bg-primary: #0F172A;\n --bg-secondary: #1E293B;\n --bg-tertiary: #334155;\n --bg-card: #E2E8F0;\n \n \/* Text Colors *\/\n --text-primary: #FFFFFF;\n --text-secondary: #94A3B8;\n --text-tertiary: #CBD5E1;\n --text-light: #E2E8F0;\n \n \/* Border and Card - Professional *\/\n --border-color: rgba(148, 163, 184, 0.15);\n --card-bg: rgba(30, 41, 59, 0.5);\n --glass-bg: rgba(30, 41, 59, 0.7);\n \n \/* Professional Gradients *\/\n --gradient-primary: linear-gradient(135deg, #2563EB 0%, #14B8A6 100%);\n --gradient-secondary: linear-gradient(135deg, #F59E0B 0%, #FB923C 100%);\n --gradient-gold: linear-gradient(135deg, #FCD34D 0%, #F59E0B 100%);\n --gradient-aurora: linear-gradient(135deg, #2563EB 0%, #14B8A6 50%, #10B981 100%);\n --gradient-cyber: linear-gradient(135deg, #3B82F6 0%, #14B8A6 50%, #10B981 100%);\n --gradient-premium: linear-gradient(135deg, #1E40AF 0%, #2563EB 50%, #3B82F6 100%);\n }\n\n :root.light-mode {\n --bg-primary: #FFFFFF;\n --bg-secondary: #F2F2F7;\n --bg-tertiary: #E5E5EA;\n --bg-card: #FFFFFF;\n --text-primary: #000000;\n --text-secondary: #8E8E93;\n --text-tertiary: #C7C7CC;\n --border-color: rgba(0, 0, 0, 0.1);\n --card-bg: rgba(0, 0, 0, 0.02);\n }\n\n html {\n scroll-behavior: smooth;\n width: 100%;\n height: 100%;\n }\n\n body {\n font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', sans-serif;\n background: var(--bg-primary);\n color: var(--text-primary);\n overflow-x: hidden;\n line-height: 1.6;\n position: relative;\n transition: background 0.3s ease, color 0.3s ease;\n width: 100%;\n min-height: 100vh;\n }\n\n \/* Theme Toggle - Enhanced *\/\n .theme-toggle {\n position: fixed;\n top: 20px;\n right: 20px;\n z-index: 9999;\n width: 60px;\n height: 30px;\n background: var(--bg-tertiary);\n border-radius: 15px;\n border: 1px solid rgba(255, 255, 255, 0.2);\n cursor: pointer;\n display: flex;\n align-items: center;\n padding: 3px;\n transition: all 0.3s ease;\n box-shadow: 0 4px 16px rgba(37, 99, 235, 0.2);\n }\n\n .theme-toggle:hover {\n box-shadow: 0 6px 24px rgba(37, 99, 235, 0.4);\n border-color: rgba(37, 99, 235, 0.4);\n }\n\n .theme-toggle-ball {\n width: 24px;\n height: 24px;\n background: var(--gradient-cyber);\n border-radius: 50%;\n transition: transform 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 12px;\n box-shadow: 0 2px 8px rgba(37, 99, 235, 0.4);\n }\n\n .light-mode .theme-toggle-ball {\n transform: translateX(30px);\n background: var(--warning);\n }\n\n \/* Navigation Bar - Glass Morphism *\/\n .navbar {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(10, 14, 39, 0.95);\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);\n transition: all 0.3s ease;\n }\n\n .navbar.scrolled {\n background: rgba(15, 23, 42, 0.98);\n box-shadow: 0 8px 32px rgba(37, 99, 235, 0.2);\n border-bottom: 1px solid rgba(37, 99, 235, 0.3);\n }\n\n .light-mode .navbar {\n background: rgba(255, 255, 255, 0.8);\n }\n\n .light-mode .navbar.scrolled {\n background: rgba(255, 255, 255, 0.95);\n }\n\n .nav-content {\n max-width: 1400px;\n margin: 0 auto;\n padding: 15px 30px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n font-size: 24px;\n font-weight: 600;\n display: flex;\n align-items: center;\n height: 40px;\n }\n\n .logo img {\n height: 40px;\n width: auto;\n display: block;\n }\n\n .logo-dark {\n display: block !important;\n }\n\n .logo-light {\n display: none !important;\n }\n\n .light-mode .logo-dark {\n display: none !important;\n }\n\n .light-mode .logo-light {\n display: block !important;\n }\n\n .nav-links {\n display: flex;\n gap: 30px;\n list-style: none;\n }\n\n .nav-links a {\n color: var(--text-secondary);\n text-decoration: none;\n transition: color 0.3s ease;\n font-size: 14px;\n font-weight: 500;\n }\n\n .nav-links a:hover {\n color: var(--primary);\n }\n\n \/* Hero Section - Enhanced *\/\n .hero {\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 120px 20px 80px;\n position: relative;\n background: radial-gradient(ellipse at top, rgba(37, 99, 235, 0.15) 0%, var(--bg-primary) 50%);\n overflow: hidden;\n }\n\n .hero::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(20, 184, 166, 0.08) 0%, transparent 50%);\n animation: rotate 20s linear infinite;\n pointer-events: none;\n }\n\n @keyframes rotate {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n\n .hero-content {\n text-align: center;\n max-width: 1200px;\n margin: 0 auto 20px;\n}\n\n .hero-video-container {\n width: 100%;\n max-width: 100%;\n margin: 0 auto;\n padding: 40px 20px 80px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: var(--bg-secondary);\n border: 1px solid rgba(255, 255, 255, 0.2);\n padding: 8px 20px;\n border-radius: 20px;\n margin-bottom: 30px;\n font-size: 14px;\n font-weight: 500;\n color: var(--text-secondary);\n box-shadow: 0 4px 16px rgba(37, 99, 235, 0.2);\n transition: all 0.3s ease;\n }\n\n .hero-badge:hover {\n border-color: rgba(37, 99, 235, 0.4);\n box-shadow: 0 6px 24px rgba(37, 99, 235, 0.3);\n transform: translateY(-2px);\n }\n\n .hero-badge i {\n color: var(--success);\n }\n\n .hero-title {\n font-size: clamp(3rem, 8vw, 6rem);\n font-weight: 800;\n font-family: 'Montserrat', sans-serif;\n margin-bottom: 30px;\n letter-spacing: -0.03em;\n line-height: 1.1;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1s ease forwards;\n }\n\n .gradient-text {\n background: var(--gradient-cyber);\n background-size: 300% 300%;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: gradientShift 5s ease infinite;\n position: relative;\n }\n\n @keyframes gradientShift {\n 0%, 100% { \n background-position: 0% 50%;\n filter: hue-rotate(0deg);\n }\n 50% { \n background-position: 100% 50%;\n filter: hue-rotate(15deg);\n }\n }\n\n @keyframes fadeInUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .hero-subtitle {\n font-size: clamp(1.2rem, 3vw, 1.5rem);\n color: var(--text-secondary);\n margin-bottom: 40px;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n opacity: 0;\n transform: translateY(20px);\n animation: fadeInUp 1s ease 0.2s forwards;\n }\n\n \/* CTA Buttons *\/\n .cta-group {\n display: flex;\n gap: 20px;\n justify-content: center;\n flex-wrap: wrap;\n opacity: 0;\n transform: translateY(20px);\n animation: fadeInUp 1s ease 0.4s forwards;\n }\n\n .cta-primary {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n padding: 16px 40px;\n background: var(--gradient-cyber);\n color: white;\n text-decoration: none;\n border-radius: 12px;\n font-size: 16px;\n font-weight: 600;\n transition: all 0.3s ease;\n border: 2px solid transparent;\n box-shadow: 0 8px 32px rgba(37, 99, 235, 0.4);\n position: relative;\n overflow: hidden;\n }\n\n .cta-primary::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n transition: left 0.5s ease;\n }\n\n .cta-primary:hover::before {\n left: 100%;\n }\n\n .cta-primary:hover {\n transform: translateY(-3px);\n box-shadow: 0 12px 48px rgba(37, 99, 235, 0.6), 0 0 30px rgba(20, 184, 166, 0.4);\n border-color: rgba(20, 184, 166, 0.5);\n }\n\n .cta-secondary {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n padding: 16px 40px;\n background: transparent;\n color: var(--text-primary);\n text-decoration: none;\n border-radius: 12px;\n font-size: 16px;\n font-weight: 600;\n border: 2px solid var(--border-color);\n transition: all 0.3s ease;\n }\n\n .cta-secondary:hover {\n border-color: var(--primary);\n background: var(--card-bg);\n }\n\n \/* Animated Background Grid - Enhanced *\/\n .grid-background {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n opacity: 0.08;\n z-index: 0;\n }\n\n .grid-line {\n position: absolute;\n background: linear-gradient(90deg, #2563EB, #14B8A6);\n box-shadow: 0 0 10px rgba(37, 99, 235, 0.2);\n }\n\n .grid-line.horizontal {\n width: 100%;\n height: 1px;\n animation: gridPulseH 3s ease-in-out infinite;\n }\n\n .grid-line.vertical {\n width: 1px;\n height: 100%;\n animation: gridPulseV 3s ease-in-out infinite;\n }\n\n @keyframes gridPulseH {\n 0%, 100% { opacity: 0.3; }\n 50% { opacity: 0.6; }\n }\n\n @keyframes gridPulseV {\n 0%, 100% { opacity: 0.3; }\n 50% { opacity: 0.6; }\n }\n\n\/* Video Container - Auto-adjusts based on video dimensions *\/\n.video-container {\n width: 100%;\n max-width: 90vw;\n margin: 40px auto 60px;\n position: relative;\n border-radius: 24px;\n overflow: visible;\n background: none;\n box-shadow: none;\n line-height: 0;\n}\n\n.video-wrapper {\n position: relative;\n width: 100%;\n height: auto;\n cursor: default;\n line-height: 0;\n font-size: 0;\n overflow: visible;\n background: none;\n border-radius: 24px;\n box-shadow: 0 20px 80px rgba(37, 99, 235, 0.4),\n 0 0 60px rgba(20, 184, 166, 0.3);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.video-wrapper::before {\n content: '';\n position: absolute;\n inset: -2px;\n border-radius: 24px;\n background: var(--gradient-aurora);\n opacity: 0.3;\n z-index: -1;\n filter: blur(20px);\n animation: pulse 3s ease-in-out infinite;\n}\n\n@keyframes pulse {\n 0%, 100% { opacity: 0.3; transform: scale(1); }\n 50% { opacity: 0.6; transform: scale(1.02); }\n}\n\n.video-wrapper video {\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 80vh;\n display: block;\n margin: 0 auto;\n padding: 0;\n border-radius: 24px;\n cursor: pointer;\n object-fit: contain;\n background: none;\n border: 2px solid rgba(37, 99, 235, 0.3);\n}\n\n.video-play-button {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 90px;\n height: 90px;\n background: var(--gradient-cyber);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n z-index: 10;\n box-shadow: 0 10px 40px rgba(37, 99, 235, 0.6),\n 0 0 60px rgba(20, 184, 166, 0.4);\n border: 3px solid rgba(255, 255, 255, 0.4);\n}\n\n.video-play-button::before {\n content: '';\n position: absolute;\n inset: -5px;\n border-radius: 50%;\n background: var(--gradient-aurora);\n opacity: 0;\n z-index: -1;\n filter: blur(20px);\n transition: opacity 0.4s ease;\n}\n\n.video-play-button:hover::before {\n opacity: 1;\n animation: pulse 1.5s ease-in-out infinite;\n}\n\n.video-play-button:hover {\n transform: translate(-50%, -50%) scale(1.2);\n box-shadow: 0 15px 60px rgba(37, 99, 235, 0.8),\n 0 0 80px rgba(20, 184, 166, 0.6);\n border-color: rgba(255, 255, 255, 0.6);\n}\n\n.video-play-button i {\n color: white;\n font-size: 36px;\n margin-left: 6px;\n}\n\n.video-play-button.hidden {\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.3s ease;\n}\n\n.video-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.2);\n z-index: 5;\n pointer-events: auto;\n transition: opacity 0.3s ease;\n cursor: pointer;\n border-radius: 24px;\n}\n\n.video-overlay.hidden {\n opacity: 0;\n pointer-events: none;\n}\n\n\/* Video controls styling - Futuristic theme *\/\n.video-wrapper video::-webkit-media-controls-panel {\n background: linear-gradient(180deg, transparent, rgba(10, 14, 39, 0.95));\n}\n\n.video-wrapper video::-webkit-media-controls-play-button,\n.video-wrapper video::-webkit-media-controls-pause-button {\n filter: brightness(1.2);\n}\n\n.video-wrapper video::-webkit-media-controls-current-time-display,\n.video-wrapper video::-webkit-media-controls-time-remaining-display {\n color: #F59E0B;\n text-shadow: 0 0 10px rgba(245, 158, 11, 0.5);\n}\n\n.video-wrapper video::-webkit-media-controls-timeline {\n filter: hue-rotate(200deg) saturate(1.3);\n}\n\n.video-wrapper video::-webkit-media-controls-volume-slider {\n filter: hue-rotate(200deg) saturate(1.3);\n}\n\n.video-wrapper video::-webkit-media-controls-fullscreen-button {\n filter: brightness(1.2);\n}\n\n \/* Features Section with Scroll Animations *\/\n .features-section {\n padding: 100px 20px;\n position: relative;\n z-index: 1;\n }\n\n .section-header {\n text-align: center;\n margin-bottom: 80px;\n }\n\n .section-title {\n font-size: clamp(2.5rem, 5vw, 4rem);\n font-weight: 700;\n font-family: 'Montserrat', sans-serif;\n margin-bottom: 20px;\n letter-spacing: -0.02em;\n text-shadow: 0 0 40px rgba(37, 99, 235, 0.3);\n background: var(--gradient-cyber);\n background-size: 200% 200%;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .section-subtitle {\n font-size: 1.25rem;\n font-weight: 400;\n color: var(--text-secondary);\n max-width: 600px;\n margin: 0 auto;\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 30px;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .feature-card {\n background: var(--bg-secondary);\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 24px;\n padding: 40px;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n opacity: 0;\n transform: translateY(30px);\n position: relative;\n overflow: hidden;\n }\n\n .feature-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: var(--gradient-cyber);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n\n .feature-card:hover::before {\n transform: scaleX(1);\n }\n\n .feature-card.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n .feature-card:hover {\n background: rgba(255, 255, 255, 0.08);\n border-color: rgba(37, 99, 235, 0.5);\n transform: translateY(-8px);\n box-shadow: 0 20px 60px rgba(37, 99, 235, 0.3), \n 0 0 40px rgba(20, 184, 166, 0.2);\n }\n\n .coming-soon-card {\n opacity: 0.6;\n position: relative;\n }\n\n .coming-soon-card:hover {\n opacity: 0.7;\n transform: translateY(0);\n }\n\n .coming-soon-badge {\n position: absolute;\n top: 20px;\n right: 20px;\n background: var(--gradient-gold);\n color: white;\n padding: 6px 16px;\n border-radius: 20px;\n font-size: 11px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n box-shadow: 0 4px 12px rgba(255, 215, 0, 0.3);\n }\n\n .feature-icon {\n width: 60px;\n height: 60px;\n background: var(--gradient-cyber);\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n color: white;\n margin-bottom: 20px;\n box-shadow: 0 8px 24px rgba(37, 99, 235, 0.4);\n transition: all 0.3s ease;\n position: relative;\n }\n\n .feature-icon::after {\n content: '';\n position: absolute;\n inset: -2px;\n background: var(--gradient-aurora);\n border-radius: 16px;\n opacity: 0;\n z-index: -1;\n filter: blur(10px);\n transition: opacity 0.3s ease;\n }\n\n .feature-card:hover .feature-icon::after {\n opacity: 1;\n }\n\n .feature-card:hover .feature-icon {\n transform: scale(1.1) rotateY(180deg);\n box-shadow: 0 12px 32px rgba(37, 99, 235, 0.6);\n }\n\n .feature-title {\n font-size: 1.5rem;\n font-weight: 600;\n margin-bottom: 15px;\n }\n\n .feature-description {\n color: var(--text-secondary);\n line-height: 1.6;\n }\n\n \/* Stats Section *\/\n .stats-section {\n padding: 100px 20px;\n background: var(--bg-secondary);\n }\n\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 40px;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .stat-card {\n text-align: center;\n opacity: 0;\n transform: scale(0.9);\n background: var(--bg-secondary);\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 20px;\n padding: 30px 20px;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n\n .stat-card::after {\n content: '';\n position: absolute;\n inset: 0;\n background: radial-gradient(circle at center, rgba(37, 99, 235, 0.1), transparent 70%);\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n\n .stat-card:hover::after {\n opacity: 1;\n }\n\n .stat-card.visible {\n opacity: 1;\n transform: scale(1);\n transition: all 0.5s ease;\n }\n\n .stat-card:hover {\n transform: scale(1.05);\n border-color: rgba(37, 99, 235, 0.4);\n box-shadow: 0 12px 40px rgba(37, 99, 235, 0.3);\n }\n\n .stat-number {\n font-size: 3.5rem;\n font-weight: 700;\n background: var(--gradient-primary);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 10px;\n }\n\n .stat-label {\n font-size: 1.1rem;\n color: var(--text-secondary);\n }\n\n \/* Pricing Section *\/\n .pricing-section {\n padding: 100px 20px;\n position: relative;\n z-index: 1;\n }\n\n \/* Mobile Package Toggle - Hidden on desktop *\/\n .mobile-package-toggle {\n display: none;\n gap: 15px;\n max-width: 600px;\n margin: 0 auto 40px;\n padding: 0 20px;\n }\n\n \/* Mobile Buy Button - Hidden on desktop *\/\n .mobile-buy-button {\n display: none;\n }\n\n \/* Mobile buy button animation *\/\n @keyframes pulseGlow {\n 0%, 100% {\n box-shadow: 0 8px 32px rgba(245, 158, 11, 0.4),\n 0 0 40px rgba(245, 158, 11, 0.3);\n }\n 50% {\n box-shadow: 0 12px 48px rgba(245, 158, 11, 0.6),\n 0 0 60px rgba(245, 158, 11, 0.5);\n }\n }\n\n .mobile-buy-button:hover {\n animation: pulseGlow 2s ease-in-out infinite;\n }\n\n .package-toggle-btn {\n flex: 1;\n padding: 15px 20px;\n background: var(--bg-secondary);\n border: 2px solid rgba(255, 255, 255, 0.1);\n border-radius: 16px;\n cursor: pointer;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 5px;\n position: relative;\n overflow: hidden;\n }\n\n .package-toggle-btn::before {\n content: '';\n position: absolute;\n inset: 0;\n background: var(--gradient-cyber);\n opacity: 0;\n transition: opacity 0.4s ease;\n border-radius: 16px;\n }\n\n .package-toggle-btn::after {\n content: '';\n position: absolute;\n bottom: -2px;\n left: 50%;\n transform: translateX(-50%) scaleX(0);\n width: 80%;\n height: 3px;\n background: white;\n border-radius: 3px;\n transition: transform 0.4s ease;\n z-index: 2;\n }\n\n .package-toggle-btn.active::after {\n transform: translateX(-50%) scaleX(1);\n }\n\n .package-toggle-btn:hover {\n border-color: rgba(37, 99, 235, 0.4);\n box-shadow: 0 6px 24px rgba(37, 99, 235, 0.3);\n transform: scale(1.02);\n }\n\n .package-toggle-btn.active {\n background: var(--gradient-cyber);\n border-color: transparent;\n box-shadow: 0 8px 32px rgba(37, 99, 235, 0.5),\n 0 0 40px rgba(20, 184, 166, 0.3);\n transform: scale(1.05);\n }\n\n .package-toggle-btn.active::before {\n opacity: 1;\n }\n\n .toggle-title {\n font-size: 14px;\n font-weight: 600;\n color: var(--text-primary);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n transition: all 0.3s ease;\n position: relative;\n z-index: 1;\n }\n\n .package-toggle-btn.active .toggle-title {\n color: white;\n font-weight: 700;\n text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n }\n\n .toggle-price {\n font-size: 20px;\n font-weight: 700;\n color: var(--primary);\n transition: all 0.3s ease;\n position: relative;\n z-index: 1;\n }\n\n .package-toggle-btn.active .toggle-price {\n color: white;\n font-weight: 800;\n text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n }\n\n .pricing-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n gap: 40px;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .pricing-card {\n background: var(--bg-secondary);\n border: 2px solid rgba(255, 255, 255, 0.1);\n border-radius: 24px;\n padding: 50px;\n position: relative;\n overflow: hidden;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .pricing-card::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at top right, rgba(37, 99, 235, 0.1), transparent 60%);\n opacity: 0;\n transition: opacity 0.4s ease;\n pointer-events: none;\n }\n\n .pricing-card:hover::after {\n opacity: 1;\n }\n\n .pricing-card:hover {\n transform: translateY(-12px);\n border-color: rgba(37, 99, 235, 0.4);\n box-shadow: 0 30px 80px rgba(37, 99, 235, 0.3),\n 0 0 60px rgba(20, 184, 166, 0.2);\n }\n\n .primary-package {\n border: 3px solid transparent;\n background: linear-gradient(135deg, rgba(37, 99, 235, 0.15) 0%, rgba(20, 184, 166, 0.15) 100%);\n transform: scale(1.05);\n position: relative;\n }\n\n .primary-package::before {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: 24px;\n padding: 3px;\n background: var(--gradient-cyber);\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n animation: rotateBorder 3s linear infinite;\n }\n\n @keyframes rotateBorder {\n 0% { filter: hue-rotate(0deg); }\n 100% { filter: hue-rotate(360deg); }\n }\n\n .primary-package:hover {\n transform: scale(1.05) translateY(-12px);\n box-shadow: 0 40px 100px rgba(37, 99, 235, 0.4),\n 0 0 80px rgba(20, 184, 166, 0.3);\n }\n\n .secondary-package {\n border-color: var(--border-color);\n }\n\n .pricing-badge {\n position: absolute;\n top: 30px;\n right: 30px;\n background: var(--success);\n color: white;\n padding: 8px 20px;\n border-radius: 20px;\n font-size: 12px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .primary-package .pricing-badge {\n background: var(--gradient-primary);\n }\n\n .trial-badge {\n background: var(--warning) !important;\n }\n\n .plan-name {\n font-size: 1.8rem;\n font-weight: 800;\n font-family: 'Montserrat', sans-serif;\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1px;\n padding-right: 0;\n }\n\n .plan-price {\n font-size: 4.5rem;\n font-weight: 800;\n font-family: 'Montserrat', sans-serif;\n margin-bottom: 20px;\n color: var(--primary);\n }\n\n .plan-price sup {\n font-size: 2rem;\n font-weight: 700;\n }\n\n .plan-price .original {\n text-decoration: line-through;\n opacity: 0.5;\n font-size: 1.8rem;\n display: block;\n margin-bottom: 10px;\n }\n\n .credits-badge {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: var(--gradient-secondary);\n padding: 12px 30px;\n border-radius: 50px;\n margin-bottom: 30px;\n }\n\n .credits-label {\n font-size: 0.9rem;\n font-weight: 600;\n color: white;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .credits-number {\n font-size: 2rem;\n font-weight: 800;\n color: white;\n font-family: 'Montserrat', sans-serif;\n }\n\n .plan-description {\n color: var(--text-secondary);\n margin-bottom: 30px;\n font-size: 1.1rem;\n line-height: 1.6;\n }\n\n .plan-features {\n list-style: none;\n padding: 0;\n margin-bottom: 40px;\n }\n\n .plan-features li {\n padding: 15px 0;\n border-bottom: 1px solid var(--border-color);\n display: flex;\n align-items: flex-start;\n gap: 15px;\n line-height: 1.6;\n }\n\n .plan-features li:last-child {\n border-bottom: none;\n }\n\n .plan-features li i {\n color: var(--success);\n font-size: 20px;\n margin-top: 2px;\n flex-shrink: 0;\n }\n\n .primary-package .plan-features li i {\n color: var(--primary);\n }\n\n \/* Testimonials *\/\n .testimonials-section {\n padding: 100px 20px;\n background: var(--bg-secondary);\n }\n\n .testimonials-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 30px;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .testimonial-card {\n background: var(--bg-secondary);\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 24px;\n padding: 30px;\n position: relative;\n opacity: 0;\n transform: translateX(-30px);\n transition: all 0.4s ease;\n overflow: hidden;\n }\n\n .testimonial-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 100%;\n background: var(--gradient-cyber);\n transform: scaleY(0);\n transition: transform 0.4s ease;\n }\n\n .testimonial-card:hover::before {\n transform: scaleY(1);\n }\n\n .testimonial-card.visible {\n opacity: 1;\n transform: translateX(0);\n transition: all 0.6s ease;\n }\n\n .testimonial-card:hover {\n transform: translateX(5px);\n border-color: rgba(37, 99, 235, 0.4);\n box-shadow: 0 12px 40px rgba(37, 99, 235, 0.2);\n }\n\n .testimonial-rating {\n color: var(--warning);\n margin-bottom: 15px;\n }\n\n .testimonial-text {\n font-size: 1.1rem;\n line-height: 1.6;\n margin-bottom: 20px;\n color: var(--text-primary);\n }\n\n .testimonial-author {\n display: flex;\n align-items: center;\n gap: 15px;\n }\n\n .author-avatar {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background: var(--gradient-primary);\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: 600;\n font-size: 18px;\n }\n\n .author-info {\n flex: 1;\n }\n\n .author-name {\n font-weight: 600;\n margin-bottom: 3px;\n }\n\n .author-title {\n color: var(--text-secondary);\n font-size: 14px;\n }\n\n \/* FAQ Section *\/\n .faq-section {\n padding: 100px 20px;\n position: relative;\n z-index: 1;\n }\n\n .faq-container {\n max-width: 800px;\n margin: 0 auto;\n }\n\n .faq-item {\n background: var(--bg-secondary);\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 20px;\n margin-bottom: 20px;\n overflow: hidden;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n }\n\n .faq-item::before {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n width: 4px;\n background: var(--gradient-cyber);\n transform: scaleY(0);\n transition: transform 0.4s ease;\n }\n\n .faq-item.active::before {\n transform: scaleY(1);\n }\n\n .faq-item:hover {\n border-color: rgba(37, 99, 235, 0.4);\n box-shadow: 0 8px 32px rgba(37, 99, 235, 0.2);\n transform: translateX(5px);\n }\n\n .faq-question {\n padding: 25px;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-weight: 600;\n font-size: 1.1rem;\n }\n\n .faq-question i {\n transition: transform 0.3s ease;\n color: var(--primary);\n }\n\n .faq-answer {\n padding: 0 25px;\n max-height: 0;\n overflow: hidden;\n transition: all 0.3s ease;\n opacity: 0;\n }\n\n .faq-item.active .faq-answer {\n max-height: 500px;\n padding: 0 25px 25px;\n opacity: 1;\n }\n\n .faq-item.active .faq-question i {\n transform: rotate(180deg);\n }\n\n \/* Footer *\/\n .footer {\n padding: 60px 20px;\n background: var(--bg-secondary);\n border-top: 1px solid var(--border-color);\n }\n\n .footer-content {\n max-width: 1200px;\n margin: 0 auto;\n text-align: center;\n }\n\n .footer-logo {\n font-size: 28px;\n font-weight: 700;\n background: var(--gradient-primary);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 30px;\n }\n\n .footer-links {\n display: flex;\n justify-content: center;\n gap: 40px;\n margin-bottom: 30px;\n flex-wrap: wrap;\n }\n\n .footer-links a {\n color: var(--text-secondary);\n text-decoration: none;\n transition: color 0.3s ease;\n }\n\n .footer-links a:hover {\n color: var(--primary);\n }\n\n .footer-divider {\n height: 1px;\n background: var(--border-color);\n margin: 30px 0;\n }\n\n .footer-bottom {\n color: var(--text-tertiary);\n font-size: 14px;\n }\n\n \/* Floating Action Button - Enhanced *\/\n .fab {\n position: fixed;\n bottom: 30px;\n right: 30px;\n min-width: 140px;\n height: 56px;\n padding: 0 24px;\n background: var(--gradient-gold);\n border-radius: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n color: white;\n font-size: 16px;\n font-weight: 700;\n box-shadow: 0 10px 40px rgba(245, 158, 11, 0.5),\n 0 0 40px rgba(245, 158, 11, 0.3);\n cursor: pointer;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n z-index: 1000;\n opacity: 0;\n transform: scale(0);\n border: 2px solid rgba(255, 255, 255, 0.3);\n }\n\n .fab i {\n font-size: 20px;\n }\n\n .fab-text {\n font-size: 16px;\n font-weight: 700;\n white-space: nowrap;\n }\n\n .fab::before {\n content: '';\n position: absolute;\n inset: -3px;\n border-radius: 28px;\n background: var(--gradient-gold);\n opacity: 0;\n z-index: -1;\n filter: blur(15px);\n transition: opacity 0.4s ease;\n }\n\n .fab:hover::before {\n opacity: 1;\n animation: pulse 1.5s ease-in-out infinite;\n }\n\n .fab.visible {\n opacity: 1;\n transform: scale(1);\n }\n\n .fab:hover {\n transform: scale(1.05) translateY(-3px);\n box-shadow: 0 15px 60px rgba(245, 158, 11, 0.7),\n 0 0 60px rgba(245, 158, 11, 0.5);\n }\n\n \/* Countdown Timer - Enhanced *\/\n .countdown-container {\n display: flex;\n justify-content: center;\n gap: 30px;\n margin: 40px 0;\n }\n\n .countdown-item {\n background: var(--bg-secondary);\n border: 1px solid rgba(255, 255, 255, 0.2);\n border-radius: 20px;\n padding: 20px;\n min-width: 100px;\n text-align: center;\n box-shadow: 0 8px 32px rgba(37, 99, 235, 0.2);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n\n .countdown-item::before {\n content: '';\n position: absolute;\n inset: -50%;\n background: conic-gradient(from 0deg, transparent, rgba(37, 99, 235, 0.3), transparent);\n animation: rotate 3s linear infinite;\n opacity: 0;\n }\n\n .countdown-item:hover::before {\n opacity: 1;\n }\n\n .countdown-item:hover {\n transform: scale(1.05);\n box-shadow: 0 12px 48px rgba(37, 99, 235, 0.4);\n border-color: rgba(37, 99, 235, 0.5);\n }\n\n .countdown-number {\n font-size: 2.5rem;\n font-weight: 700;\n background: var(--gradient-cyber);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .countdown-label {\n font-size: 0.9rem;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .nav-links {\n display: none;\n }\n\n .hero-title {\n font-size: 3rem;\n }\n\n .features-grid,\n .testimonials-grid {\n grid-template-columns: 1fr;\n }\n\n \/* Mobile Pricing Toggle *\/\n .mobile-package-toggle {\n display: flex;\n }\n\n \/* Show mobile buy button on mobile *\/\n .mobile-buy-button {\n display: inline-flex !important;\n }\n\n .pricing-grid {\n grid-template-columns: 1fr;\n gap: 30px;\n }\n\n \/* Hide trial package by default on mobile *\/\n .pricing-card[data-package=\"trial\"] {\n display: none;\n }\n\n \/* When trial is active, hide beginner *\/\n .pricing-card[data-package=\"beginner\"].mobile-hidden {\n display: none;\n }\n\n .pricing-card[data-package=\"trial\"].mobile-visible {\n display: block;\n }\n\n .primary-package {\n transform: scale(1);\n }\n\n .primary-package:hover {\n transform: scale(1) translateY(-5px);\n }\n\n .cta-group {\n flex-direction: column;\n width: 100%;\n }\n\n .cta-primary,\n .cta-secondary {\n width: 100%;\n justify-content: center;\n }\n\n .stats-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 15px;\n }\n\n .stat-card {\n padding: 20px 10px;\n }\n\n .stat-number {\n font-size: 2rem;\n margin-bottom: 5px;\n line-height: 1.2;\n word-break: break-word;\n }\n\n .stat-label {\n font-size: 0.85rem;\n line-height: 1.3;\n }\n\n .countdown-container {\n gap: 15px;\n }\n\n .countdown-item {\n min-width: 70px;\n padding: 12px 8px;\n }\n\n .countdown-number {\n font-size: 1.8rem;\n }\n\n .video-play-button {\n width: 70px;\n height: 70px;\n }\n\n .video-play-button i {\n font-size: 28px;\n }\n\n .video-container {\n max-width: 95vw;\n margin: 30px auto 40px;\n }\n\n .hero-video-container {\n padding: 30px 10px 60px;\n }\n\n .video-wrapper video {\n max-height: 60vh;\n }\n\n .plan-price {\n font-size: 3.5rem;\n }\n\n .pricing-card {\n padding: 30px;\n }\n\n \/* FAB mobile adjustments *\/\n .fab {\n bottom: 20px;\n right: 20px;\n min-width: 120px;\n height: 50px;\n padding: 0 20px;\n font-size: 14px;\n }\n\n .fab i {\n font-size: 18px;\n }\n\n .fab-text {\n font-size: 14px;\n }\n\n \/* Fix badge overlap on mobile *\/\n .pricing-badge {\n position: static;\n display: inline-block;\n margin-bottom: 15px;\n padding: 6px 16px;\n font-size: 10px;\n }\n\n .plan-name {\n font-size: 1.5rem;\n padding-right: 0;\n margin-bottom: 15px;\n }\n\n .credits-badge {\n padding: 10px 20px;\n gap: 8px;\n margin-bottom: 20px;\n }\n\n .credits-label {\n font-size: 0.75rem;\n }\n\n .credits-number {\n font-size: 1.5rem;\n }\n }\n\n\n\n \/* Smooth Scroll Reveal *\/\n .reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.6s ease;\n }\n\n .reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Parallax Effect *\/\n .parallax {\n transform: translateY(0);\n transition: transform 0.5s ease-out;\n }\n <\/style>\n<\/head>\n<body>\n \n <div class=\"theme-toggle\" onclick=\"toggleTheme()\">\n <div class=\"theme-toggle-ball\">\n <i class=\"fas fa-moon\" id=\"themeIcon\"><\/i>\n <\/div>\n <\/div>\n\n \n <div class=\"grid-background\" id=\"gridBackground\"><\/div>\n\n \n <nav class=\"navbar\" id=\"navbar\">\n <div class=\"nav-content\">\n <div class=\"logo\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/07\/uvix-1-1.png\" alt=\"Nuvix AI\" class=\"logo-dark\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/07\/cropped-2-2-1.png\" alt=\"Nuvix AI\" class=\"logo-light\">\n <\/div>\n <ul class=\"nav-links\">\n <li><a href=\"#features\">Eigenschaften<\/a><\/li>\n <li><a href=\"#trading\">Handels-Tools<\/a><\/li>\n <li><a href=\"#pricing\">Preisgestaltung<\/a><\/li>\n <li><a href=\"#testimonials\">Bewertungen<\/a><\/li>\n <li><a href=\"#faq\">FAQ<\/a><\/li>\n <\/ul>\n <\/div>\n <\/nav>\n\n \n <section class=\"hero\">\n <div class=\"hero-content\">\n <div class=\"hero-badge reveal\">\n <i class=\"fas fa-check-circle\"><\/i>\n Zeitlich begrenztes Angebot - $9.99 Testversion\n <\/div>\n \n <h1 class=\"hero-title\">\n <span class=\"gradient-text\">Erweiterte KI<\/span><br>\n Handelsanalyse-Plattform\n <\/h1>\n \n <p class=\"hero-subtitle\">\n Professionelle Bin\u00e4re Optionen und Forex-Analysen auf der Grundlage modernster k\u00fcnstlicher Intelligenz.\n Markteinblicke in Echtzeit mit pers\u00f6nlichem Support inklusive. Krypto-Handel in K\u00fcrze!\n <\/p>\n \n <div class=\"cta-group\">\n <a href=\"#pricing\" class=\"cta-primary\">\n <i class=\"fas fa-rocket\"><\/i>\n Beginnen Sie - $99.99\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"hero-video-container\">\n <div class=\"video-container reveal\">\n <div class=\"video-wrapper\" id=\"videoWrapper\">\n <div class=\"video-overlay\" id=\"videoOverlay\"><\/div>\n <div class=\"video-play-button\" id=\"playButton\">\n <i class=\"fas fa-play\"><\/i>\n <\/div>\n <video id=\"demoVideo\" autoplay muted loop playsinline preload=\"metadata\" controls controlslist=\"nodownload\">\n <source src=\"https:\/\/streamable.com\/l\/edhq6l\/mp4-high.mp4\" type=\"video\/mp4\">\n Ihr Browser unterst\u00fctzt das Video-Tag nicht.\n <\/video>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"stats-section\">\n <div class=\"stats-grid\">\n <div class=\"stat-card\">\n <div class=\"stat-number\" data-count=\"15000\">0<\/div>\n <div class=\"stat-label\">Aktive Trader<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\" data-count=\"89\">0%<\/div>\n <div class=\"stat-label\">Erfolgsquote<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\" data-count=\"247\">0<\/div>\n <div class=\"stat-label\">Abgedeckte M\u00e4rkte<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\">24\/7<\/div>\n <div class=\"stat-label\">Unterst\u00fctzung verf\u00fcgbar<\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"features-section\" id=\"features\">\n <div class=\"section-header reveal\">\n <h2 class=\"section-title\">Professionelle Handelswerkzeuge<\/h2>\n <p class=\"section-subtitle\">Alles, was Sie f\u00fcr den erfolgreichen Handel brauchen, auf einer Plattform<\/p>\n <\/div>\n\n <div class=\"features-grid\">\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-chart-line\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Forex-Analyse<\/h3>\n <p class=\"feature-description\">\n Erweiterte Mustererkennung und technische Analyse f\u00fcr die wichtigsten W\u00e4hrungspaare.\n Signale in Echtzeit und Analyse der Marktstimmung.\n <\/p>\n <\/div>\n\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-chart-bar\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Handel mit bin\u00e4ren Optionen<\/h3>\n <p class=\"feature-description\">\n Spezialisierte Analyse bin\u00e4rer Optionen mit Wahrscheinlichkeitsberechnungen und optimalem Einstiegszeitpunkt f\u00fcr maximalen Erfolg.\n <\/p>\n <\/div>\n\n <div class=\"feature-card coming-soon-card\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-coins\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Handel mit Kryptow\u00e4hrungen<\/h3>\n <span class=\"coming-soon-badge\">Demn\u00e4chst verf\u00fcgbar<\/span>\n <p class=\"feature-description\">\n KI-gest\u00fctzte Kryptomarktanalyse mit Volatilit\u00e4tsvorhersagen und optimalen Einstiegs- und Ausstiegspunkten.\n <\/p>\n <\/div>\n\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-robot\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">KI-Prognosen<\/h3>\n <p class=\"feature-description\">\n Algorithmen des maschinellen Lernens analysieren historische Daten und Marktmuster, um genaue Vorhersagen zu treffen.\n <\/p>\n <\/div>\n\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-shield-alt\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Risikomanagement<\/h3>\n <p class=\"feature-description\">\n Intelligente Stop-Loss- und Take-Profit-Empfehlungen, die auf Ihrer Risikotoleranz und Ihren Zielen basieren.\n <\/p>\n <\/div>\n\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-headset\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Pers\u00f6nliche Unterst\u00fctzung<\/h3>\n <p class=\"feature-description\">\n Engagierter Support-Manager, der Sie durch die Einrichtung f\u00fchrt und alle Ihre Handelsfragen beantwortet.\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"features-section\" id=\"trading\" style=\"background: var(--bg-secondary);\">\n <div class=\"section-header reveal\">\n <h2 class=\"section-title\">Marktabdeckung<\/h2>\n <p class=\"section-subtitle\">Aktive M\u00e4rkte jetzt verf\u00fcgbar<\/p>\n <\/div>\n\n <div class=\"features-grid\">\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-dollar-sign\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Wichtige Forex-Paare<\/h3>\n <p class=\"feature-description\">\n EUR\/USD, GBP\/USD, USD\/JPY und alle wichtigen W\u00e4hrungspaare mit Spreads und Volatilit\u00e4tsanalyse. Inklusive umfassender technischer und fundamentaler Analyse.\n <\/p>\n <\/div>\n\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-exchange-alt\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Bin\u00e4re Optionen Signale<\/h3>\n <p class=\"feature-description\">\n Hochwahrscheinliche Signale f\u00fcr bin\u00e4re Optionen mit detaillierter Analyse, Empfehlungen zur Ablaufzeit und Risiko-Ertrags-Berechnungen.\n <\/p>\n <\/div>\n\n <div class=\"feature-card coming-soon-card\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-bitcoin\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">M\u00e4rkte f\u00fcr Kryptow\u00e4hrungen<\/h3>\n <span class=\"coming-soon-badge\">Demn\u00e4chst verf\u00fcgbar<\/span>\n <p class=\"feature-description\">\n Bitcoin, Ethereum und Top-Altcoins mit fortschrittlicher technischer Analyse und Marktstimmungsanalyse.\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"pricing-section\" id=\"pricing\">\n <div class=\"section-header reveal\">\n <h2 class=\"section-title\">W\u00e4hlen Sie Ihr Paket<\/h2>\n <p class=\"section-subtitle\">Professionelle Handelswerkzeuge f\u00fcr jedes Niveau<\/p>\n <\/div>\n\n \n <div class=\"mobile-package-toggle\">\n <button class=\"package-toggle-btn active\" onclick=\"switchPackage('beginner')\">\n <span class=\"toggle-title\">Anf\u00e4nger<\/span>\n <span class=\"toggle-price\">$99.99<\/span>\n <\/button>\n <button class=\"package-toggle-btn\" onclick=\"switchPackage('trial')\">\n <span class=\"toggle-title\">Trial<\/span>\n <span class=\"toggle-price\">$9.99<\/span>\n <\/button>\n <\/div>\n\n <div class=\"pricing-grid\">\n \n <div class=\"pricing-card primary-package reveal\" data-package=\"beginner\">\n <span class=\"pricing-badge\">Am beliebtesten<\/span>\n <h3 class=\"plan-name\">BEGINNER<\/h3>\n <div class=\"plan-price\">\n $99.99<sup><\/sup>\n <\/div>\n <div class=\"credits-badge\">\n <span class=\"credits-label\">Kredite insgesamt<\/span>\n <span class=\"credits-number\">500<\/span>\n <\/div>\n\n \n <a href=\"https:\/\/nuvix.com\/de\/checkout\/?add-to-cart=39264\" class=\"cta-primary mobile-buy-button\" style=\"width: 100%; justify-content: center; margin-top: 20px; margin-bottom: 30px; background: var(--gradient-gold); border: none;\">\n <i class=\"fas fa-rocket\"><\/i>\n Jetzt loslegen\n <\/a>\n \n <ul class=\"plan-features\">\n <li>\n <i class=\"fas fa-check\"><\/i>\n <strong>Bakkarat-Muster-Studien<\/strong> (jeweils 4 Credits)\n <\/li>\n <li>\n <i class=\"fas fa-check\"><\/i>\n <strong>Roulette Analyse Lektionen<\/strong> (jeweils 4 Credits)\n <\/li>\n <li>\n <i class=\"fas fa-check\"><\/i>\n <strong>Bin\u00e4re Optionen Bildung<\/strong> (nur Bilder)\n <\/li>\n <li>\n <i class=\"fas fa-check\"><\/i>\n <strong>x3 Credits beim Wiederaufladen<\/strong>\n <\/li>\n <li>\n <i class=\"fas fa-check\"><\/i>\n Pers\u00f6nlicher 1-on-1-Betreuer\n <\/li>\n <li>\n <i class=\"fas fa-check\"><\/i>\n Alle Handelspaare enthalten\n <\/li>\n <\/ul>\n\n <a href=\"https:\/\/nuvix.com\/de\/checkout\/?add-to-cart=39264\" class=\"cta-primary\" style=\"width: 100%; justify-content: center;\">\n <i class=\"fas fa-rocket\"><\/i>\n Jetzt loslegen\n <\/a>\n <\/div>\n\n \n <div class=\"pricing-card secondary-package reveal\" data-package=\"trial\">\n <span class=\"pricing-badge trial-badge\">Begrenztes Angebot<\/span>\n <h3 class=\"plan-name\">Schnupperpaket<\/h3>\n <div class=\"plan-price\">\n <span class=\"original\">$99.99<\/span>\n $9.99<sup><\/sup>\n <\/div>\n <p class=\"plan-description\">\n <strong>60 Analyse-Kredite<\/strong><br>\n Ausprobieren, bevor Sie sich festlegen\n <\/p>\n\n \n <a href=\"https:\/\/nuvix.com\/de\/checkout\/?add-to-cart=39566\" class=\"cta-primary mobile-buy-button\" style=\"width: 100%; justify-content: center; margin-top: 20px; margin-bottom: 30px; background: var(--gradient-secondary); border: none;\">\n <i class=\"fas fa-play-circle\"><\/i>\n Versuch starten\n <\/a>\n\n <ul class=\"plan-features\">\n <li>\n <i class=\"fas fa-check\"><\/i>\n 60 professionelle Marktanalysen\n <\/li>\n <li>\n <i class=\"fas fa-check\"><\/i>\n Pers\u00f6nlicher 1-on-1-Betreuer\n <\/li>\n <li>\n <i class=\"fas fa-check\"><\/i>\n Alle Handelspaare enthalten\n <\/li>\n <li>\n <i class=\"fas fa-check\"><\/i>\n Marktwarnungen in Echtzeit\n <\/li>\n <li>\n <i class=\"fas fa-check\"><\/i>\n Instrumente des Risikomanagements\n <\/li>\n <li>\n <i class=\"fas fa-check\"><\/i>\n Upgrade f\u00fcr vollen Zugriff jederzeit m\u00f6glich\n <\/li>\n <\/ul>\n\n <a href=\"https:\/\/nuvix.com\/de\/checkout\/?add-to-cart=39566\" class=\"cta-primary\" style=\"width: 100%; justify-content: center; background: var(--gradient-secondary); border: none;\">\n <i class=\"fas fa-play-circle\"><\/i>\n Versuch starten\n <\/a>\n\n \n <div style=\"margin-top: 30px;\">\n <p style=\"text-align: center; color: var(--text-secondary); margin-bottom: 15px; font-size: 14px;\">\n <i class=\"fas fa-clock\"><\/i> Das Probeangebot endet am:\n <\/p>\n <div class=\"countdown-container\">\n <div class=\"countdown-item\">\n <div class=\"countdown-number\" id=\"hours\">23<\/div>\n <div class=\"countdown-label\">Stunden<\/div>\n <\/div>\n <div class=\"countdown-item\">\n <div class=\"countdown-number\" id=\"minutes\">47<\/div>\n <div class=\"countdown-label\">Protokoll<\/div>\n <\/div>\n <div class=\"countdown-item\">\n <div class=\"countdown-number\" id=\"seconds\">52<\/div>\n <div class=\"countdown-label\">Sekunden<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"testimonials-section\" id=\"testimonials\">\n <div class=\"section-header reveal\">\n <h2 class=\"section-title\">Das Vertrauen der H\u00e4ndler<\/h2>\n <p class=\"section-subtitle\">Lesen Sie, was unsere Nutzer \u00fcber die Plattform sagen<\/p>\n <\/div>\n\n <div class=\"testimonials-grid\">\n <div class=\"testimonial-card\">\n <div class=\"testimonial-rating\">\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <\/div>\n <p class=\"testimonial-text\">\n \"Die Forex-Analyse ist unglaublich genau. Mein Support-Manager hat mir geholfen, alles perfekt einzurichten. Die besten $9.99, die ich f\u00fcr Trading-Tools ausgegeben habe.\"\n <\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-avatar\">JD<\/div>\n <div class=\"author-info\">\n <div class=\"author-name\">James Davidson<\/div>\n <div class=\"author-title\">Forex-H\u00e4ndler<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"testimonial-card\">\n <div class=\"testimonial-rating\">\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <\/div>\n <p class=\"testimonial-text\">\n \"Die Signale f\u00fcr bin\u00e4re Optionen waren genau richtig. Die Wahrscheinlichkeitsberechnungen und Timing-Empfehlungen sind ein echter Knaller. Sehr zu empfehlen!\"\n <\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-avatar\">SC<\/div>\n <div class=\"author-info\">\n <div class=\"author-name\">Sarah Chen<\/div>\n <div class=\"author-title\">Bin\u00e4re Optionen Trader<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"testimonial-card\">\n <div class=\"testimonial-rating\">\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <\/div>\n <p class=\"testimonial-text\">\n \"Professionelle Tools zu einem unschlagbaren Testpreis. Die Risikomanagement-Funktionen haben mich vor mehreren schlechten Trades bewahrt.\"\n <\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-avatar\">MR<\/div>\n <div class=\"author-info\">\n <div class=\"author-name\">Michael Roberts<\/div>\n <div class=\"author-title\">Day Trader<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"faq-section\" id=\"faq\">\n <div class=\"section-header reveal\">\n <h2 class=\"section-title\">H\u00e4ufig gestellte Fragen<\/h2>\n <p class=\"section-subtitle\">Alles, was Sie wissen m\u00fcssen<\/p>\n <\/div>\n\n <div class=\"faq-container\">\n <div class=\"faq-item reveal\">\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n Was passiert, nachdem ich die Testversion gekauft habe?\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n Innerhalb von 24 Stunden nach dem Kauf wird sich Ihr pers\u00f6nlicher Support-Manager mit Ihnen in Verbindung setzen, um eine Einrichtungs-Sitzung zu vereinbaren.\n Er wird Sie durch die Plattform f\u00fchren, Ihnen alle Funktionen erkl\u00e4ren und alle Fragen zum Handel beantworten, die Sie haben.\n <\/div>\n <\/div>\n\n <div class=\"faq-item reveal\">\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n Welche M\u00e4rkte kann ich analysieren?\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n Derzeit erhalten Sie vollen Zugriff auf Devisenpaare (Majors, Minors und Exoten) und Signale f\u00fcr bin\u00e4re Optionen.\n Die KI analysiert alle wichtigen W\u00e4hrungspaare und liefert hochwahrscheinliche Handelssignale f\u00fcr bin\u00e4re Optionen.\n Die Analyse von Kryptow\u00e4hrungen ist in K\u00fcrze verf\u00fcgbar!\n <\/div>\n <\/div>\n\n <div class=\"faq-item reveal\">\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n Wie genau sind die Vorhersagen?\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n Unsere k\u00fcnstliche Intelligenz erreicht bei kurzfristigen Vorhersagen, die auf technischer Analyse beruhen, eine Trefferquote von 89%.\n Jeder Handel ist jedoch mit einem Risiko verbunden, und wir empfehlen stets angemessene Strategien f\u00fcr das Risikomanagement.\n <\/div>\n <\/div>\n\n <div class=\"faq-item reveal\">\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n Kann ich nach der Testphase ein Upgrade durchf\u00fchren?\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n Ja! Sie k\u00f6nnen jederzeit ein Upgrade auf einen beliebigen Tarif vornehmen. Ihr Support-Manager wird Ihnen alle Optionen erkl\u00e4ren\n und hilft Ihnen bei der Auswahl des besten Tarifs f\u00fcr Ihre Handelsanforderungen. Es gibt keinen Druck f\u00fcr ein Upgrade.\n <\/div>\n <\/div>\n\n <div class=\"faq-item reveal\">\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n Brauche ich Handelserfahrung?\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n Keine Vorkenntnisse erforderlich! Die Plattform ist sowohl f\u00fcr Anf\u00e4nger als auch f\u00fcr Profis geeignet.\n Ihr Support-Manager bietet Ihnen eine auf Ihr Erfahrungsniveau zugeschnittene Schulung an.\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n \n <div class=\"fab\" id=\"fab\" onclick=\"scrollToPricing()\">\n <i class=\"fas fa-shopping-cart\"><\/i>\n <span class=\"fab-text\">Jetzt kaufen<\/span>\n <\/div>\n\n <script>\n \/\/ Video Player Controls - Autoplay muted + native controls for pause\/fullscreen\n const video = document.getElementById('demoVideo');\n const playButton = document.getElementById('playButton');\n const videoWrapper = document.getElementById('videoWrapper');\n const videoOverlay = document.getElementById('videoOverlay');\n\n \/\/ Auto-adjust video container based on video dimensions\n function adjustVideoContainer() {\n if (video.videoWidth && video.videoHeight) {\n const aspectRatio = video.videoWidth \/ video.videoHeight;\n const maxWidth = Math.min(window.innerWidth * 0.9, 1400);\n const maxHeight = window.innerHeight * 0.75;\n \n let finalWidth, finalHeight;\n \n \/\/ Calculate dimensions maintaining aspect ratio\n if (maxWidth \/ aspectRatio <= maxHeight) {\n finalWidth = maxWidth;\n finalHeight = maxWidth \/ aspectRatio;\n } else {\n finalHeight = maxHeight;\n finalWidth = maxHeight * aspectRatio;\n }\n \n \/\/ Apply dimensions to video\n video.style.width = finalWidth + 'px';\n video.style.height = finalHeight + 'px';\n video.style.maxWidth = '100%';\n video.style.maxHeight = '80vh';\n \n \/\/ Adjust container\n const container = document.querySelector('.video-container');\n if (container) {\n container.style.maxWidth = finalWidth + 'px';\n }\n }\n }\n\n \/\/ Adjust on video metadata load\n video.addEventListener('loadedmetadata', adjustVideoContainer);\n \n \/\/ Also adjust on window resize\n window.addEventListener('resize', adjustVideoContainer);\n \n \/\/ Initial adjustment if video is already loaded\n if (video.readyState >= 1) {\n adjustVideoContainer();\n }\n\n \/\/ Show custom play button initially to prompt user to watch with sound\n playButton.classList.remove('hidden');\n videoOverlay.classList.remove('hidden');\n\n \/\/ Custom play button - restart from beginning with sound + fullscreen on mobile\n function playWithSound() {\n video.currentTime = 0; \/\/ Restart from beginning\n video.muted = false; \/\/ Unmute\n video.loop = false; \/\/ Stop looping when playing with sound\n video.play();\n playButton.classList.add('hidden');\n videoOverlay.classList.add('hidden');\n \n \/\/ Auto-fullscreen on mobile devices\n if (window.innerWidth <= 768) {\n enterFullscreen();\n }\n }\n\n \/\/ Request fullscreen for video\n function enterFullscreen() {\n try {\n if (video.requestFullscreen) {\n video.requestFullscreen();\n } else if (video.webkitRequestFullscreen) { \/\/ Safari\n video.webkitRequestFullscreen();\n } else if (video.mozRequestFullScreen) { \/\/ Firefox\n video.mozRequestFullScreen();\n } else if (video.msRequestFullscreen) { \/\/ IE\/Edge\n video.msRequestFullscreen();\n } else if (video.webkitEnterFullscreen) { \/\/ iOS Safari\n video.webkitEnterFullscreen();\n }\n } catch (error) {\n console.log('Fullscreen not supported or blocked:', error);\n }\n }\n\n \/\/ Click on custom play button\n playButton.addEventListener('click', function(e) {\n e.stopPropagation();\n playWithSound();\n });\n\n \/\/ Click on overlay\n videoOverlay.addEventListener('click', function(e) {\n e.stopPropagation();\n playWithSound();\n });\n\n \/\/ Show custom play button when video ends\n video.addEventListener('ended', function() {\n playButton.classList.remove('hidden');\n videoOverlay.classList.remove('hidden');\n \/\/ Reset to muted autoplay state\n video.muted = true;\n video.loop = true;\n video.play();\n });\n\n \/\/ Hide overlay when user plays with sound\n video.addEventListener('play', function() {\n if (!video.muted) {\n playButton.classList.add('hidden');\n videoOverlay.classList.add('hidden');\n }\n });\n\n \/\/ Handle fullscreen exit on mobile\n document.addEventListener('fullscreenchange', handleFullscreenChange);\n document.addEventListener('webkitfullscreenchange', handleFullscreenChange);\n document.addEventListener('mozfullscreenchange', handleFullscreenChange);\n document.addEventListener('msfullscreenchange', handleFullscreenChange);\n\n function handleFullscreenChange() {\n const isFullscreen = document.fullscreenElement || \n document.webkitFullscreenElement || \n document.mozFullScreenElement || \n document.msFullscreenElement;\n \n \/\/ On mobile, when exiting fullscreen, pause the video\n if (!isFullscreen && window.innerWidth <= 768) {\n \/\/ Let video continue playing normally\n \/\/ User can control it with native controls\n }\n }\n\n \/\/ Theme Toggle\n function toggleTheme() {\n document.documentElement.classList.toggle('light-mode');\n const icon = document.getElementById('themeIcon');\n if (document.documentElement.classList.contains('light-mode')) {\n icon.className = 'fas fa-sun';\n } else {\n icon.className = 'fas fa-moon';\n }\n localStorage.setItem('theme', document.documentElement.classList.contains('light-mode') ? 'light' : 'dark');\n }\n\n \/\/ Load saved theme\n if (localStorage.getItem('theme') === 'light') {\n document.documentElement.classList.add('light-mode');\n document.getElementById('themeIcon').className = 'fas fa-sun';\n }\n\n \/\/ Create Grid Background\n function createGrid() {\n const grid = document.getElementById('gridBackground');\n for (let i = 0; i < 20; i++) {\n const line = document.createElement('div');\n line.className = 'grid-line horizontal';\n line.style.top = `${i * 5}%`;\n grid.appendChild(line);\n }\n for (let i = 0; i < 20; i++) {\n const line = document.createElement('div');\n line.className = 'grid-line vertical';\n line.style.left = `${i * 5}%`;\n grid.appendChild(line);\n }\n }\n\n \/\/ Scroll Reveal Animation\n function revealOnScroll() {\n const reveals = document.querySelectorAll('.reveal, .feature-card, .testimonial-card, .stat-card');\n \n reveals.forEach(element => {\n const windowHeight = window.innerHeight;\n const elementTop = element.getBoundingClientRect().top;\n const elementVisible = 150;\n \n if (elementTop < windowHeight - elementVisible) {\n element.classList.add('visible', 'active');\n }\n });\n }\n\n \/\/ Parallax Effect\n function parallaxEffect() {\n const scrolled = window.pageYOffset;\n const parallax = document.querySelectorAll('.parallax');\n \n parallax.forEach(element => {\n const speed = element.dataset.speed || 0.5;\n element.style.transform = `translateY(${scrolled * speed}px)`;\n });\n }\n\n \/\/ Navbar Background on Scroll\n function updateNavbar() {\n const navbar = document.getElementById('navbar');\n if (window.scrollY > 50) {\n navbar.classList.add('scrolled');\n } else {\n navbar.classList.remove('scrolled');\n }\n }\n\n \/\/ Show\/Hide FAB\n \/\/ Show\/Hide FAB based on pricing section visibility\n function updateFAB() {\n const fab = document.getElementById('fab');\n const pricingSection = document.getElementById('pricing');\n \n if (!pricingSection) return;\n \n const rect = pricingSection.getBoundingClientRect();\n const windowHeight = window.innerHeight;\n \n \/\/ Check if pricing section is in viewport\n const isInViewport = rect.top < windowHeight && rect.bottom > 0;\n \n \/\/ Show FAB when scrolled down but NOT in pricing section\n if (window.scrollY > 500 && !isInViewport) {\n fab.classList.add('visible');\n } else {\n fab.classList.remove('visible');\n }\n }\n\n \/\/ Scroll to Pricing Section\n function scrollToPricing() {\n const pricingSection = document.getElementById('pricing');\n if (pricingSection) {\n pricingSection.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n }\n\n \/\/ Toggle FAQ\n function toggleFaq(element) {\n const faqItem = element.parentElement;\n const allFaqItems = document.querySelectorAll('.faq-item');\n \n allFaqItems.forEach(item => {\n if (item !== faqItem) {\n item.classList.remove('active');\n }\n });\n \n faqItem.classList.toggle('active');\n }\n\n \/\/ Switch Package on Mobile\n function switchPackage(packageType) {\n \/\/ Only works on mobile\n if (window.innerWidth > 768) return;\n\n const beginnerCard = document.querySelector('.pricing-card[data-package=\"beginner\"]');\n const trialCard = document.querySelector('.pricing-card[data-package=\"trial\"]');\n const beginnerBtn = document.querySelector('.package-toggle-btn:first-child');\n const trialBtn = document.querySelector('.package-toggle-btn:last-child');\n\n if (packageType === 'beginner') {\n \/\/ Show beginner, hide trial\n beginnerCard.classList.remove('mobile-hidden');\n trialCard.classList.remove('mobile-visible');\n beginnerBtn.classList.add('active');\n trialBtn.classList.remove('active');\n } else {\n \/\/ Show trial, hide beginner\n beginnerCard.classList.add('mobile-hidden');\n trialCard.classList.add('mobile-visible');\n trialBtn.classList.add('active');\n beginnerBtn.classList.remove('active');\n }\n }\n\n \/\/ Animated Counter\n function animateCounters() {\n const counters = document.querySelectorAll('[data-count]');\n \n counters.forEach(counter => {\n const target = parseInt(counter.getAttribute('data-count'));\n const isPercentage = counter.textContent.includes('%');\n let count = 0;\n const increment = target \/ 100;\n \n const updateCount = () => {\n count += increment;\n if (count < target) {\n counter.textContent = Math.floor(count) + (isPercentage ? '%' : '');\n requestAnimationFrame(updateCount);\n } else {\n counter.textContent = target + (isPercentage ? '%' : '');\n }\n };\n \n \/\/ Start animation when element is visible\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n updateCount();\n observer.unobserve(entry.target);\n }\n });\n });\n \n observer.observe(counter);\n });\n }\n\n \/\/ Countdown Timer\n function startCountdown() {\n const endTime = new Date().getTime() + (24 * 60 * 60 * 1000);\n \n function updateCountdown() {\n const now = new Date().getTime();\n const distance = endTime - now;\n \n const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\n const minutes = Math.floor((distance % (1000 * 60 * 60)) \/ (1000 * 60));\n const seconds = Math.floor((distance % (1000 * 60)) \/ 1000);\n \n document.getElementById('hours').textContent = hours.toString().padStart(2, '0');\n document.getElementById('minutes').textContent = minutes.toString().padStart(2, '0');\n document.getElementById('seconds').textContent = seconds.toString().padStart(2, '0');\n \n if (distance < 0) {\n clearInterval(countdownInterval);\n document.querySelector('.countdown-container').innerHTML = \n '<p style=\"font-size: 2rem; color: var(--danger);\">Offer Expired!<\/p>';\n }\n }\n \n updateCountdown();\n const countdownInterval = setInterval(updateCountdown, 1000);\n }\n\n \/\/ Smooth Scroll for Navigation Links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\n });\n\n \/\/ Initialize\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Initialize components\n createGrid();\n startCountdown();\n animateCounters();\n \n \/\/ Add event listeners\n window.addEventListener('scroll', () => {\n revealOnScroll();\n parallaxEffect();\n updateNavbar();\n updateFAB();\n });\n \n \/\/ Initial calls\n revealOnScroll();\n });\n <\/script>\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-7d6d498 e-con-full e-flex e-con e-parent\" data-id=\"7d6d498\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b43f89 elementor-widget elementor-widget-shortcode\" data-id=\"0b43f89\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n <style>\n \/* Nuvix Brand Variables *\/\n :root {\n --nuvix-primary: #9f39ff;\n --nuvix-secondary: #00b4d8;\n --nuvix-success: #10b981;\n --nuvix-danger: #ef4444;\n --nuvix-warning: #f59e0b;\n --nuvix-dark: #0a0e27;\n --nuvix-card-bg: rgba(255, 255, 255, 0.03);\n --nuvix-text: #e2e8f0;\n --nuvix-gold: #FFD700;\n --nuvix-accent-pink: #ff006e;\n }\n \n \/* Dark Theme (Default) *\/\n .nuvix-disclaimer-dark,\n .nuvix-disclaimer-dark.nuvix-disclaimer-blocked {\n background: linear-gradient(135deg, rgba(159, 57, 255, 0.05), rgba(0, 180, 216, 0.05));\n border: 1px solid rgba(159, 57, 255, 0.3);\n color: var(--nuvix-text);\n }\n \n \/* Light Theme *\/\n .nuvix-disclaimer-light,\n .nuvix-disclaimer-light.nuvix-disclaimer-blocked {\n background: linear-gradient(135deg, rgba(159, 57, 255, 0.03), rgba(0, 180, 216, 0.03));\n border: 1px solid rgba(159, 57, 255, 0.2);\n color: #1a202c;\n }\n \n .nuvix-disclaimer-light strong {\n color: #2d3748;\n }\n \n \/* Base Disclaimer Styles *\/\n.nuvix-disclaimer, .nuvix-disclaimer-blocked {\n margin: 30px auto;\n padding: 30px;\n border-radius: 20px;\n font-size: 14px;\n line-height: 1.6;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);\n max-width: 1200px; \/* Changed from 100% to a fixed max-width *\/\n width: 90%; \/* Add this to make it responsive but contained *\/\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n}\n \n \/* Animated background effect *\/\n .nuvix-disclaimer::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 3px;\n background: linear-gradient(90deg, var(--nuvix-primary), var(--nuvix-secondary), var(--nuvix-accent-pink));\n animation: scan 4s linear infinite;\n }\n \n @keyframes scan {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(200%); }\n }\n \n \/* Animated entrance *\/\n .nuvix-disclaimer.animated {\n animation: fadeInUp 0.6s ease;\n }\n \n @keyframes fadeInUp {\n from { \n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .nuvix-disclaimer-blocked {\n background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), rgba(245, 158, 11, 0.1)) !important;\n border-color: var(--nuvix-danger) !important;\n }\n \n .disclaimer-header {\n font-size: 20px;\n margin-bottom: 20px;\n padding-bottom: 15px;\n border-bottom: 2px solid rgba(159, 57, 255, 0.2);\n display: flex;\n align-items: center;\n gap: 10px;\n font-weight: 800;\n background: linear-gradient(135deg, var(--nuvix-primary), var(--nuvix-secondary));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n \n .disclaimer-header i {\n -webkit-text-fill-color: var(--nuvix-primary);\n font-size: 24px;\n }\n \n .disclaimer-content p {\n margin-bottom: 15px;\n opacity: 0.95;\n }\n \n .disclaimer-content p:last-child {\n margin-bottom: 0;\n }\n \n \/* Alert Boxes with Nuvix Styling *\/\n .disclaimer-alert {\n margin-top: 20px;\n padding: 20px;\n border-radius: 15px;\n border-left: 4px solid;\n display: flex;\n align-items: flex-start;\n gap: 15px;\n position: relative;\n overflow: hidden;\n transition: all 0.3s ease;\n }\n \n .disclaimer-alert:hover {\n transform: translateX(5px);\n box-shadow: 0 5px 20px rgba(159, 57, 255, 0.2);\n }\n \n .alert-icon {\n font-size: 24px;\n flex-shrink: 0;\n margin-top: -2px;\n }\n \n .alert-content {\n flex: 1;\n }\n \n .disclaimer-critical {\n background: linear-gradient(135deg, rgba(239, 68, 68, 0.15), rgba(239, 68, 68, 0.05));\n border-color: var(--nuvix-danger);\n color: #fca5a5;\n }\n \n .nuvix-disclaimer-light .disclaimer-critical {\n background: rgba(239, 68, 68, 0.1);\n color: #dc2626;\n }\n \n .disclaimer-critical .alert-icon {\n color: var(--nuvix-danger);\n }\n \n .disclaimer-warning {\n background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(245, 158, 11, 0.05));\n border-color: var(--nuvix-warning);\n color: #fcd34d;\n }\n \n .nuvix-disclaimer-light .disclaimer-warning {\n background: rgba(245, 158, 11, 0.1);\n color: #d97706;\n }\n \n .disclaimer-warning .alert-icon {\n color: var(--nuvix-warning);\n }\n \n .disclaimer-caution {\n background: linear-gradient(135deg, rgba(0, 180, 216, 0.15), rgba(0, 180, 216, 0.05));\n border-color: var(--nuvix-secondary);\n color: #67e8f9;\n }\n \n .nuvix-disclaimer-light .disclaimer-caution {\n background: rgba(0, 180, 216, 0.1);\n color: #0891b2;\n }\n \n .disclaimer-caution .alert-icon {\n color: var(--nuvix-secondary);\n }\n \n .disclaimer-info {\n background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(16, 185, 129, 0.05));\n border-color: var(--nuvix-success);\n color: #86efac;\n }\n \n .nuvix-disclaimer-light .disclaimer-info {\n background: rgba(16, 185, 129, 0.1);\n color: #059669;\n }\n \n .disclaimer-info .alert-icon {\n color: var(--nuvix-success);\n }\n \n \/* Country detection display *\/\n .detected-country {\n background: linear-gradient(135deg, var(--nuvix-primary), var(--nuvix-secondary));\n color: white;\n padding: 8px 15px;\n margin-bottom: 15px;\n border-radius: 25px;\n font-size: 12px;\n font-weight: 600;\n display: inline-block;\n animation: pulse 2s infinite;\n }\n \n @keyframes pulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.8; }\n }\n \n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .nuvix-disclaimer, .nuvix-disclaimer-blocked {\n padding: 20px;\n font-size: 13px;\n margin: 20px 15px;\n border-radius: 15px;\n }\n \n .disclaimer-header {\n font-size: 18px;\n flex-wrap: wrap;\n }\n \n .disclaimer-alert {\n padding: 15px;\n flex-direction: column;\n gap: 10px;\n }\n \n .alert-icon {\n font-size: 20px;\n }\n \n .disclaimer-content p {\n font-size: 13px;\n }\n }\n \n \/* Extra small devices *\/\n @media (max-width: 375px) {\n .nuvix-disclaimer, .nuvix-disclaimer-blocked {\n padding: 15px;\n font-size: 12px;\n }\n \n .disclaimer-header {\n font-size: 16px;\n }\n }\n \n \/* Print styles *\/\n @media print {\n .nuvix-disclaimer::before {\n display: none;\n }\n \n .nuvix-disclaimer, .nuvix-disclaimer-blocked {\n border: 2px solid #000;\n box-shadow: none;\n animation: none;\n }\n }\n <\/style><div class=\"nuvix-disclaimer animated nuvix-disclaimer animated-light\"><div class=\"disclaimer-header\"><i class=\"las la-exclamation-triangle\"><\/i> <strong>Wichtiger Haftungsausschluss<\/strong><\/div><div class=\"disclaimer-content\"><p>Alle Informationen, die von der <strong>Nuvix AI-Analyse<\/strong> System (der \"Dienst\") wird ausschlie\u00dflich f\u00fcr folgende Zwecke bereitgestellt <strong>Bildungs- und Informationszwecke<\/strong> nur. Der Dienst generiert algorithmische Auswertungen von Marktdaten, Handels- und Kasinospielmustern, aber er tut <strong>nicht<\/strong> erzeugen keine verwertbaren Handels- oder Wettsignale und sollten nicht als solche angesehen werden.<\/p><p>Die Nutzung des Dienstes ist mit erheblichen Risiken verbunden. Bewertungen in der Vergangenheit sind keine Garantie f\u00fcr zuk\u00fcnftige Leistungen oder Gewinne in den Bereichen Forex, Aktien, Futures, synthetische Indizes, bin\u00e4re Optionen, Kryptow\u00e4hrungen, Roulette, Baccarat oder andere Casino-Spiele. <strong>Nuvix<\/strong> \u00fcbernimmt weder ausdr\u00fccklich noch stillschweigend eine Garantie f\u00fcr die Richtigkeit, Vollst\u00e4ndigkeit oder Eignung einer Analyse. <strong>Ihre Entscheidungen und Ergebnisse<\/strong> h\u00e4ngen ausschlie\u00dflich von Ihrem eigenen Urteilsverm\u00f6gen, Ihrer Risikobereitschaft, Ihrem Einsatz und den vorherrschenden Markt- oder Spielbedingungen ab.<\/p><p><strong>Nuvix<\/strong> ist weder mit Handelsplattformen, Brokern, B\u00f6rsen oder Kasinobetreibern verbunden, noch wird es von diesen unterst\u00fctzt oder mit ihnen assoziiert. Sie sind allein verantwortlich f\u00fcr die Auswahl, den Zugang und die Nutzung einer Plattform f\u00fcr Ihre Handels- oder Spielaktivit\u00e4ten.<\/p><p>Durch die Nutzung des Dienstes erkennen Sie an und akzeptieren, dass <strong>Nuvix<\/strong> und die mit ihr verbundenen Unternehmen haften nicht f\u00fcr Verluste, Sch\u00e4den oder Anspr\u00fcche, die sich aus Ihrer Nutzung der KI-Analysen ergeben. F\u00fchren Sie immer Ihre eigene Due Diligence durch und konsultieren Sie qualifizierte Fachleute, bevor Sie Trades oder Wetten platzieren.<\/p><\/div><div class=\"disclaimer-alert disclaimer-info\"><div class=\"alert-icon\"><i class=\"las la-flag-usa\"><\/i><\/div><div class=\"alert-content\"><strong>EINWOHNER DER USA - ALLGEMEINER HINWEIS:<\/strong> Die Handelsvorschriften sind je nach Bundesland unterschiedlich. Bin\u00e4re Optionen sind nur \u00fcber CFTC-registrierte B\u00f6rsen legal. \u00dcberpr\u00fcfen Sie die Bundes- und Landesgesetze vor dem Handel. Diese Analyse stellt keine Finanzberatung dar.<\/div><\/div><div class=\"disclaimer-alert disclaimer-warning\"><div class=\"alert-icon\"><i class=\"las la-dice\"><\/i><\/div><div class=\"alert-content\"><strong>US-AMERIKANISCHE GL\u00dcCKSSPIELGESETZE:<\/strong> Online-Gl\u00fccksspiele (Kasinospiele und Sportwetten) sind in den meisten US-Bundesstaaten, darunter Utah, Hawaii, Idaho und anderen, illegal oder eingeschr\u00e4nkt. \u00dcberpr\u00fcfen Sie die Gesetze Ihres Bundesstaates, bevor Sie mit dem Gl\u00fccksspiel beginnen.<\/div><\/div><\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a42ccf9 elementor-widget elementor-widget-html\" data-id=\"a42ccf9\" 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\n<div id=\"nuvix-footer-wrapper\">\n <footer class=\"nuvix-site-footer\">\n <div class=\"nuvix-footer-glow\"><\/div>\n <div class=\"nuvix-container\">\n <div class=\"nuvix-footer-content\">\n \n <div class=\"nuvix-footer-section nuvix-footer-brand\">\n <div class=\"nuvix-footer-logo\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/07\/uvix-1-1.png\" \n alt=\"Nuvix\" \n class=\"nuvix-logo-dark\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/07\/cropped-2-2-1.png\" \n alt=\"Nuvix\" \n class=\"nuvix-logo-light\">\n <\/div>\n <p class=\"nuvix-footer-tagline\">Wo KI auf Chancen trifft<\/p>\n <p class=\"nuvix-footer-description\">Revolution\u00e4re KI-gest\u00fctzte Handelsanalyseplattform, die die Herangehensweise von H\u00e4ndlern an die Finanzm\u00e4rkte ver\u00e4ndert.<\/p>\n \n \n <div class=\"nuvix-extension-download\">\n <a href=\"https:\/\/chromewebstore.google.com\/detail\/nuvix-analysis-educationa\/mekepaacobchobieadiednfmppcflglf\" \n target=\"_blank\" \n rel=\"noopener noreferrer\"\n class=\"nuvix-extension-btn\">\n <i class=\"lab la-chrome\"><\/i>\n <span>Nuvix Analyzer Erweiterung erhalten<\/span>\n <i class=\"las la-download\"><\/i>\n <\/a>\n <\/div>\n \n <div class=\"nuvix-footer-social\">\n <a href=\"https:\/\/www.instagram.com\/nuvixofficial\/\" aria-label=\"Instagram\"><i class=\"lab la-instagram\"><\/i><\/a>\n <a href=\"https:\/\/www.facebook.com\/nuvixai\" aria-label=\"Facebook\"><i class=\"lab la-facebook-f\"><\/i><\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"nuvix-footer-section\">\n <h3 class=\"nuvix-footer-title\">Schnelle Links<\/h3>\n <ul class=\"nuvix-footer-links\">\n <li><a href=\"https:\/\/nuvix.com\/de\/#markets\">M\u00e4rkte<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/de\/#solution\">KI-Technologie<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/de\/#pricing\">Pakete<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/de\/#opportunity\">Gelegenheit<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/de\/c_login\/\">Anmeldung f\u00fcr Mitglieder<\/a><\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"nuvix-footer-section\">\n <h3 class=\"nuvix-footer-title\">Rechtliches<\/h3>\n <ul class=\"nuvix-footer-links\">\n <li><a href=\"https:\/\/nuvix.com\/de\/privacy-policy-en\/\">Datenschutzbestimmungen<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/de\/terms-of-use-en\/\">Nutzungsbedingungen<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/de\/refund-and-cancellation-policy-en\/\">R\u00fcckerstattung und Stornierung<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/de\/gdpr-en\/\">GDPR-Politik<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/de\/nuvix-income-disclosure-statement\/\">Ergebnisrechnung<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/de\/service-availability-compliance-policy\/\">Verf\u00fcgbarkeit und Konformit\u00e4t<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/de\/ibp_agreement\/\">IBP-Vereinbarung<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/de\/anti-money-laundering-aml\/\">Anti-Geldw\u00e4sche (AML)<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/de\/cookie-policy\/\">Cookie-Richtlinie<\/a><\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"nuvix-footer-section\">\n <h3 class=\"nuvix-footer-title\">Unterst\u00fctzung & Tools<\/h3>\n <ul class=\"nuvix-footer-links\">\n <li><a href=\"https:\/\/nuvix.com\/de\/contact-us\/\">Kontakt<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/de\/privacy-preferences\/\">Cookie & Datenschutz-Einstellungen<\/a><\/li>\n <li class=\"nuvix-extension-link-item\">\n <a href=\"https:\/\/chromewebstore.google.com\/detail\/nuvix-analysis-educationa\/mekepaacobchobieadiednfmppcflglf\" \n target=\"_blank\" \n rel=\"noopener noreferrer\">\n <i class=\"lab la-chrome\"><\/i> Nuvix Analyzer Erweiterung\n <\/a>\n <\/li>\n <\/ul>\n <div class=\"nuvix-footer-location\">\n <i class=\"las la-map-marker\"><\/i>\n <span>SHERIDAN, WY 82801<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"nuvix-footer-payments\">\n <p class=\"nuvix-payments-title\">Wir akzeptieren<\/p>\n <div class=\"nuvix-payment-methods\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/07\/Copy-of-uvix-1.png\" alt=\"Payment Methods\" class=\"nuvix-payment-logos\">\n <\/div>\n <\/div>\n\n \n <div class=\"nuvix-footer-bottom\">\n <div class=\"nuvix-footer-bottom-content\">\n <p class=\"nuvix-copyright\">Copyright \u00a9\ufe0f 2025 Nuvix by\ufe0f iEvolution Pro LLC - Alle Rechte vorbehalten<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/footer>\n<\/div>\n\n<style>\n\/* Reset and isolate styles for Nuvix footer *\/\n#nuvix-footer-wrapper {\n \/* Reset inherited styles *\/\n all: initial;\n font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n box-sizing: border-box;\n display: block;\n}\n\n#nuvix-footer-wrapper *,\n#nuvix-footer-wrapper *::before,\n#nuvix-footer-wrapper *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\n\/* CSS Variables scoped to footer - DARK MODE (Default) *\/\n#nuvix-footer-wrapper {\n --nuvix-primary-gradient: linear-gradient(135deg, #9f39ff 0%, #00b4d8 100%);\n --nuvix-accent-blue: #00b4d8;\n --nuvix-bg-primary: #0A0E27;\n --nuvix-bg-secondary: #1C1C1E;\n --nuvix-text-primary: #FFFFFF;\n --nuvix-text-secondary: rgba(226, 232, 240, 0.9);\n --nuvix-text-muted: rgba(226, 232, 240, 0.7);\n --nuvix-border-color: rgba(159, 57, 255, 0.2);\n --nuvix-border-light: rgba(255, 255, 255, 0.1);\n --nuvix-card-bg: rgba(226, 232, 240, 0.1);\n}\n\n\/* LIGHT MODE Variables *\/\n.light-mode #nuvix-footer-wrapper {\n --nuvix-bg-primary: #FFFFFF;\n --nuvix-bg-secondary: #F2F2F7;\n --nuvix-text-primary: #000000;\n --nuvix-text-secondary: #1a1a1a;\n --nuvix-text-muted: #666666;\n --nuvix-border-color: rgba(159, 57, 255, 0.3);\n --nuvix-border-light: rgba(0, 0, 0, 0.1);\n --nuvix-card-bg: rgba(0, 0, 0, 0.05);\n}\n\n\/* Footer Styles *\/\n#nuvix-footer-wrapper .nuvix-site-footer {\n position: relative;\n background: transparent;\n border-top: 1px solid var(--nuvix-border-color);\n padding: 4rem 0 0;\n margin-top: 0;\n overflow: hidden;\n width: 100%;\n display: block;\n transition: all 0.3s ease;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-glow {\n position: absolute;\n top: -100px;\n left: 50%;\n transform: translateX(-50%);\n width: 600px;\n height: 200px;\n background: transparent;\n pointer-events: none;\n}\n\n#nuvix-footer-wrapper .nuvix-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-content {\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n margin-bottom: 3rem;\n}\n\n@media (min-width: 768px) {\n #nuvix-footer-wrapper .nuvix-footer-content {\n grid-template-columns: repeat(2, 1fr);\n gap: 3rem;\n }\n}\n\n@media (min-width: 1024px) {\n #nuvix-footer-wrapper .nuvix-footer-content {\n grid-template-columns: 2fr 1fr 1fr 1fr;\n gap: 4rem;\n }\n}\n\n#nuvix-footer-wrapper .nuvix-footer-section {\n padding: 0 1rem;\n transition: transform 0.3s ease;\n}\n\n@media (min-width: 768px) {\n #nuvix-footer-wrapper .nuvix-footer-section {\n padding: 0;\n }\n}\n\n#nuvix-footer-wrapper .nuvix-footer-section:hover {\n transform: translateY(-5px);\n}\n\n#nuvix-footer-wrapper .nuvix-footer-brand {\n max-width: 350px;\n}\n\n@media (min-width: 1024px) {\n #nuvix-footer-wrapper .nuvix-footer-brand {\n padding-right: 2rem;\n }\n}\n\n\/* Logo Theme Switching *\/\n#nuvix-footer-wrapper .nuvix-footer-logo {\n margin-bottom: 1.5rem;\n position: relative;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-logo img {\n height: 45px;\n width: auto;\n filter: drop-shadow(0 0 20px rgba(159, 57, 255, 0.5));\n display: block;\n transition: opacity 0.3s ease;\n}\n\n#nuvix-footer-wrapper .nuvix-logo-dark {\n display: block !important;\n}\n\n#nuvix-footer-wrapper .nuvix-logo-light {\n display: none !important;\n}\n\n.light-mode #nuvix-footer-wrapper .nuvix-logo-dark {\n display: none !important;\n}\n\n.light-mode #nuvix-footer-wrapper .nuvix-logo-light {\n display: block !important;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-tagline {\n color: var(--nuvix-accent-blue);\n font-size: 0.95rem;\n font-style: italic;\n margin-bottom: 1rem;\n font-weight: 500;\n line-height: 1.4;\n transition: color 0.3s ease;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-description {\n color: var(--nuvix-text-muted);\n font-size: 0.9rem;\n line-height: 1.6;\n margin-bottom: 1.5rem;\n transition: color 0.3s ease;\n}\n\n\/* Chrome Extension Download Button *\/\n#nuvix-footer-wrapper .nuvix-extension-download {\n margin: 1.5rem 0;\n}\n\n#nuvix-footer-wrapper .nuvix-extension-btn {\n display: inline-flex !important;\n align-items: center;\n gap: 0.5rem;\n padding: 0.75rem 1.25rem;\n background: var(--nuvix-primary-gradient) !important;\n color: white !important;\n text-decoration: none !important;\n border-radius: 50px;\n font-size: 0.9rem;\n font-weight: 600;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(159, 57, 255, 0.3);\n border: none !important;\n position: relative;\n overflow: hidden;\n}\n\n#nuvix-footer-wrapper .nuvix-extension-btn::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: rgba(255, 255, 255, 0.2);\n transition: left 0.3s ease;\n}\n\n#nuvix-footer-wrapper .nuvix-extension-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 25px rgba(159, 57, 255, 0.5);\n color: white !important;\n}\n\n#nuvix-footer-wrapper .nuvix-extension-btn:hover::before {\n left: 100%;\n}\n\n#nuvix-footer-wrapper .nuvix-extension-btn i.lab {\n font-size: 1.2rem;\n}\n\n#nuvix-footer-wrapper .nuvix-extension-btn i.las {\n font-size: 1rem;\n animation: nuvixBounce 2s infinite;\n}\n\n@keyframes nuvixBounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-3px); }\n}\n\n\/* Extension link in the Support section *\/\n#nuvix-footer-wrapper .nuvix-extension-link-item a {\n display: inline-flex !important;\n align-items: center;\n gap: 0.5rem;\n}\n\n#nuvix-footer-wrapper .nuvix-extension-link-item a i {\n color: var(--nuvix-accent-blue);\n font-size: 1.1rem;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-title {\n color: var(--nuvix-text-primary);\n font-size: 1.1rem;\n font-weight: 700;\n margin-bottom: 1.5rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n position: relative;\n padding-bottom: 0.75rem;\n display: block;\n transition: color 0.3s ease;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 2px;\n background: var(--nuvix-primary-gradient);\n}\n\n#nuvix-footer-wrapper .nuvix-footer-links {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-links li {\n margin-bottom: 0.75rem;\n list-style: none;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-links a {\n color: var(--nuvix-text-secondary) !important;\n text-decoration: none !important;\n font-size: 0.95rem;\n transition: all 0.3s ease;\n display: inline-block;\n position: relative;\n opacity: 0.9;\n background: none !important;\n border: none !important;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-links a::before {\n content: '';\n position: absolute;\n left: -15px;\n top: 50%;\n transform: translateY(-50%);\n width: 0;\n height: 1px;\n background: #00b4d8;\n transition: width 0.3s ease;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-links a:hover {\n color: #00b4d8 !important;\n padding-left: 10px;\n text-shadow: 0 0 10px rgba(0, 180, 216, 0.5);\n opacity: 1;\n text-decoration: none !important;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-links a:hover::before {\n width: 5px;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-social {\n display: flex;\n gap: 0.75rem;\n margin-top: 1.5rem;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-social a {\n width: 40px;\n height: 40px;\n background: var(--nuvix-card-bg) !important;\n border: 1px solid var(--nuvix-border-light) !important;\n border-radius: 50%;\n display: flex !important;\n align-items: center;\n justify-content: center;\n color: var(--nuvix-text-primary) !important;\n font-size: 1.2rem;\n transition: all 0.3s ease;\n text-decoration: none !important;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-social a:hover {\n background: var(--nuvix-primary-gradient) !important;\n border-color: transparent !important;\n color: white !important;\n transform: translateY(-3px);\n box-shadow: 0 8px 20px rgba(159, 57, 255, 0.4);\n}\n\n#nuvix-footer-wrapper .nuvix-footer-location {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n margin-top: 1.5rem;\n color: var(--nuvix-text-muted);\n font-size: 0.9rem;\n transition: color 0.3s ease;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-location i {\n color: var(--nuvix-accent-blue);\n font-size: 1.2rem;\n}\n\n\/* Payment Methods *\/\n#nuvix-footer-wrapper .nuvix-footer-payments {\n text-align: center;\n padding: 2rem 0;\n border-top: 1px solid var(--nuvix-border-light);\n border-bottom: 1px solid var(--nuvix-border-light);\n transition: border-color 0.3s ease;\n}\n\n#nuvix-footer-wrapper .nuvix-payments-title {\n color: var(--nuvix-text-secondary);\n font-size: 0.95rem;\n font-weight: 600;\n margin-bottom: 1rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n display: block;\n transition: color 0.3s ease;\n}\n\n#nuvix-footer-wrapper .nuvix-payment-methods {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n#nuvix-footer-wrapper .nuvix-payment-logos {\n max-height: 40px;\n width: auto;\n opacity: 0.8;\n transition: opacity 0.3s ease;\n display: block;\n}\n\n#nuvix-footer-wrapper .nuvix-payment-logos:hover {\n opacity: 1;\n}\n\n\/* Light mode payment logo adjustment *\/\n.light-mode #nuvix-footer-wrapper .nuvix-payment-logos {\n filter: brightness(0.8);\n}\n\n\/* Bottom Bar *\/\n#nuvix-footer-wrapper .nuvix-footer-bottom {\n padding: 2rem 0;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-bottom-content {\n text-align: center;\n}\n\n#nuvix-footer-wrapper .nuvix-copyright {\n color: var(--nuvix-text-primary);\n font-size: 0.9rem;\n margin-bottom: 0;\n opacity: 0.9;\n display: block;\n transition: color 0.3s ease;\n}\n\n\/* Responsive adjustments *\/\n@media (max-width: 767px) {\n #nuvix-footer-wrapper .nuvix-site-footer {\n padding: 3rem 0 0;\n margin-top: 4rem;\n }\n \n #nuvix-footer-wrapper .nuvix-footer-content {\n text-align: center;\n }\n \n #nuvix-footer-wrapper .nuvix-footer-brand {\n max-width: 100%;\n margin-bottom: 2rem;\n }\n \n #nuvix-footer-wrapper .nuvix-footer-title::after {\n left: 50%;\n transform: translateX(-50%);\n }\n \n #nuvix-footer-wrapper .nuvix-footer-social {\n justify-content: center;\n }\n \n #nuvix-footer-wrapper .nuvix-footer-location {\n justify-content: center;\n }\n \n #nuvix-footer-wrapper .nuvix-footer-links a::before {\n display: none;\n }\n \n #nuvix-footer-wrapper .nuvix-footer-links a:hover {\n padding-left: 0;\n }\n \n #nuvix-footer-wrapper .nuvix-extension-download {\n text-align: center;\n }\n \n #nuvix-footer-wrapper .nuvix-extension-btn {\n width: 100%;\n max-width: 280px;\n justify-content: center;\n }\n}\n\n\/* Animation for footer entrance *\/\n@keyframes nuvixFadeInUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n#nuvix-footer-wrapper .nuvix-site-footer {\n animation: nuvixFadeInUp 0.8s ease-out;\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-23df434 elementor-widget elementor-widget-shortcode\" data-id=\"23df434\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"> <div class=\"ulcs-widget minimal-style\"\n data-position=\"inline\" \n data-type=\"language\">\n <button class=\"ulcs-trigger\" aria-label=\"Sprache \u00e4ndern\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\udde9\ud83c\uddea<\/span>\n <span class=\"ulcs-lang\">DE<\/span>\n \n \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\t\t\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 AI – Advanced Trading Analysis Platform Features Trading Tools Pricing Reviews FAQ Limited Time Offer – $9.99 Trial Advanced AI Trading Analysis Platform Professional Binary Options and Forex analysis powered by cutting-edge artificial intelligence. Real-time market insights with personal support included. Crypto trading coming soon! Get Started – $99.99 Your browser does not support […]","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-41846","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nuvix.com\/de\/wp-json\/wp\/v2\/pages\/41846","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=41846"}],"version-history":[{"count":499,"href":"https:\/\/nuvix.com\/de\/wp-json\/wp\/v2\/pages\/41846\/revisions"}],"predecessor-version":[{"id":45508,"href":"https:\/\/nuvix.com\/de\/wp-json\/wp\/v2\/pages\/41846\/revisions\/45508"}],"wp:attachment":[{"href":"https:\/\/nuvix.com\/de\/wp-json\/wp\/v2\/media?parent=41846"}],"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 \n \n Nuvix AI - Advanced Trading Analysis Platform<\/title>\n \n \n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600&display=swap\" rel=\"stylesheet\">\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\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 \/* CSS Reset and Isolation - Prevents external CSS from affecting this page *\/\n \/* Basic reset without breaking internal styles *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n \/* Primary Colors - Professional Blue & Gold *\/\n --primary: #2563EB;\n --primary-light: #3B82F6;\n --primary-dark: #1E40AF;\n --secondary: #F59E0B;\n --secondary-light: #FCD34D;\n --accent-emerald: #10B981;\n --accent-teal: #14B8A6;\n \n \/* Secondary Colors *\/\n --success: #10B981;\n --danger: #EF4444;\n --warning: #F59E0B;\n --warning-orange: #FB923C;\n \n \/* Background Colors - Deep Professional *\/\n --bg-primary: #0F172A;\n --bg-secondary: #1E293B;\n --bg-tertiary: #334155;\n --bg-card: #E2E8F0;\n \n \/* Text Colors *\/\n --text-primary: #FFFFFF;\n --text-secondary: #94A3B8;\n --text-tertiary: #CBD5E1;\n --text-light: #E2E8F0;\n \n \/* Border and Card - Professional *\/\n --border-color: rgba(148, 163, 184, 0.15);\n --card-bg: rgba(30, 41, 59, 0.5);\n --glass-bg: rgba(30, 41, 59, 0.7);\n \n \/* Professional Gradients *\/\n --gradient-primary: linear-gradient(135deg, #2563EB 0%, #14B8A6 100%);\n --gradient-secondary: linear-gradient(135deg, #F59E0B 0%, #FB923C 100%);\n --gradient-gold: linear-gradient(135deg, #FCD34D 0%, #F59E0B 100%);\n --gradient-aurora: linear-gradient(135deg, #2563EB 0%, #14B8A6 50%, #10B981 100%);\n --gradient-cyber: linear-gradient(135deg, #3B82F6 0%, #14B8A6 50%, #10B981 100%);\n --gradient-premium: linear-gradient(135deg, #1E40AF 0%, #2563EB 50%, #3B82F6 100%);\n }\n\n :root.light-mode {\n --bg-primary: #FFFFFF;\n --bg-secondary: #F2F2F7;\n --bg-tertiary: #E5E5EA;\n --bg-card: #FFFFFF;\n --text-primary: #000000;\n --text-secondary: #8E8E93;\n --text-tertiary: #C7C7CC;\n --border-color: rgba(0, 0, 0, 0.1);\n --card-bg: rgba(0, 0, 0, 0.02);\n }\n\n html {\n scroll-behavior: smooth;\n width: 100%;\n height: 100%;\n }\n\n body {\n font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', sans-serif;\n background: var(--bg-primary);\n color: var(--text-primary);\n overflow-x: hidden;\n line-height: 1.6;\n position: relative;\n transition: background 0.3s ease, color 0.3s ease;\n width: 100%;\n min-height: 100vh;\n }\n\n \/* Theme Toggle - Enhanced *\/\n .theme-toggle {\n position: fixed;\n top: 20px;\n right: 20px;\n z-index: 9999;\n width: 60px;\n height: 30px;\n background: var(--bg-tertiary);\n border-radius: 15px;\n border: 1px solid rgba(255, 255, 255, 0.2);\n cursor: pointer;\n display: flex;\n align-items: center;\n padding: 3px;\n transition: all 0.3s ease;\n box-shadow: 0 4px 16px rgba(37, 99, 235, 0.2);\n }\n\n .theme-toggle:hover {\n box-shadow: 0 6px 24px rgba(37, 99, 235, 0.4);\n border-color: rgba(37, 99, 235, 0.4);\n }\n\n .theme-toggle-ball {\n width: 24px;\n height: 24px;\n background: var(--gradient-cyber);\n border-radius: 50%;\n transition: transform 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 12px;\n box-shadow: 0 2px 8px rgba(37, 99, 235, 0.4);\n }\n\n .light-mode .theme-toggle-ball {\n transform: translateX(30px);\n background: var(--warning);\n }\n\n \/* Navigation Bar - Glass Morphism *\/\n .navbar {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(10, 14, 39, 0.95);\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);\n transition: all 0.3s ease;\n }\n\n .navbar.scrolled {\n background: rgba(15, 23, 42, 0.98);\n box-shadow: 0 8px 32px rgba(37, 99, 235, 0.2);\n border-bottom: 1px solid rgba(37, 99, 235, 0.3);\n }\n\n .light-mode .navbar {\n background: rgba(255, 255, 255, 0.8);\n }\n\n .light-mode .navbar.scrolled {\n background: rgba(255, 255, 255, 0.95);\n }\n\n .nav-content {\n max-width: 1400px;\n margin: 0 auto;\n padding: 15px 30px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n font-size: 24px;\n font-weight: 600;\n display: flex;\n align-items: center;\n height: 40px;\n }\n\n .logo img {\n height: 40px;\n width: auto;\n display: block;\n }\n\n .logo-dark {\n display: block !important;\n }\n\n .logo-light {\n display: none !important;\n }\n\n .light-mode .logo-dark {\n display: none !important;\n }\n\n .light-mode .logo-light {\n display: block !important;\n }\n\n .nav-links {\n display: flex;\n gap: 30px;\n list-style: none;\n }\n\n .nav-links a {\n color: var(--text-secondary);\n text-decoration: none;\n transition: color 0.3s ease;\n font-size: 14px;\n font-weight: 500;\n }\n\n .nav-links a:hover {\n color: var(--primary);\n }\n\n \/* Hero Section - Enhanced *\/\n .hero {\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 120px 20px 80px;\n position: relative;\n background: radial-gradient(ellipse at top, rgba(37, 99, 235, 0.15) 0%, var(--bg-primary) 50%);\n overflow: hidden;\n }\n\n .hero::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(20, 184, 166, 0.08) 0%, transparent 50%);\n animation: rotate 20s linear infinite;\n pointer-events: none;\n }\n\n @keyframes rotate {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n\n .hero-content {\n text-align: center;\n max-width: 1200px;\n margin: 0 auto 20px;\n}\n\n .hero-video-container {\n width: 100%;\n max-width: 100%;\n margin: 0 auto;\n padding: 40px 20px 80px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: var(--bg-secondary);\n border: 1px solid rgba(255, 255, 255, 0.2);\n padding: 8px 20px;\n border-radius: 20px;\n margin-bottom: 30px;\n font-size: 14px;\n font-weight: 500;\n color: var(--text-secondary);\n box-shadow: 0 4px 16px rgba(37, 99, 235, 0.2);\n transition: all 0.3s ease;\n }\n\n .hero-badge:hover {\n border-color: rgba(37, 99, 235, 0.4);\n box-shadow: 0 6px 24px rgba(37, 99, 235, 0.3);\n transform: translateY(-2px);\n }\n\n .hero-badge i {\n color: var(--success);\n }\n\n .hero-title {\n font-size: clamp(3rem, 8vw, 6rem);\n font-weight: 800;\n font-family: 'Montserrat', sans-serif;\n margin-bottom: 30px;\n letter-spacing: -0.03em;\n line-height: 1.1;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 1s ease forwards;\n }\n\n .gradient-text {\n background: var(--gradient-cyber);\n background-size: 300% 300%;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: gradientShift 5s ease infinite;\n position: relative;\n }\n\n @keyframes gradientShift {\n 0%, 100% { \n background-position: 0% 50%;\n filter: hue-rotate(0deg);\n }\n 50% { \n background-position: 100% 50%;\n filter: hue-rotate(15deg);\n }\n }\n\n @keyframes fadeInUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .hero-subtitle {\n font-size: clamp(1.2rem, 3vw, 1.5rem);\n color: var(--text-secondary);\n margin-bottom: 40px;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n opacity: 0;\n transform: translateY(20px);\n animation: fadeInUp 1s ease 0.2s forwards;\n }\n\n \/* CTA Buttons *\/\n .cta-group {\n display: flex;\n gap: 20px;\n justify-content: center;\n flex-wrap: wrap;\n opacity: 0;\n transform: translateY(20px);\n animation: fadeInUp 1s ease 0.4s forwards;\n }\n\n .cta-primary {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n padding: 16px 40px;\n background: var(--gradient-cyber);\n color: white;\n text-decoration: none;\n border-radius: 12px;\n font-size: 16px;\n font-weight: 600;\n transition: all 0.3s ease;\n border: 2px solid transparent;\n box-shadow: 0 8px 32px rgba(37, 99, 235, 0.4);\n position: relative;\n overflow: hidden;\n }\n\n .cta-primary::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n transition: left 0.5s ease;\n }\n\n .cta-primary:hover::before {\n left: 100%;\n }\n\n .cta-primary:hover {\n transform: translateY(-3px);\n box-shadow: 0 12px 48px rgba(37, 99, 235, 0.6), 0 0 30px rgba(20, 184, 166, 0.4);\n border-color: rgba(20, 184, 166, 0.5);\n }\n\n .cta-secondary {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n padding: 16px 40px;\n background: transparent;\n color: var(--text-primary);\n text-decoration: none;\n border-radius: 12px;\n font-size: 16px;\n font-weight: 600;\n border: 2px solid var(--border-color);\n transition: all 0.3s ease;\n }\n\n .cta-secondary:hover {\n border-color: var(--primary);\n background: var(--card-bg);\n }\n\n \/* Animated Background Grid - Enhanced *\/\n .grid-background {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n opacity: 0.08;\n z-index: 0;\n }\n\n .grid-line {\n position: absolute;\n background: linear-gradient(90deg, #2563EB, #14B8A6);\n box-shadow: 0 0 10px rgba(37, 99, 235, 0.2);\n }\n\n .grid-line.horizontal {\n width: 100%;\n height: 1px;\n animation: gridPulseH 3s ease-in-out infinite;\n }\n\n .grid-line.vertical {\n width: 1px;\n height: 100%;\n animation: gridPulseV 3s ease-in-out infinite;\n }\n\n @keyframes gridPulseH {\n 0%, 100% { opacity: 0.3; }\n 50% { opacity: 0.6; }\n }\n\n @keyframes gridPulseV {\n 0%, 100% { opacity: 0.3; }\n 50% { opacity: 0.6; }\n }\n\n\/* Video Container - Auto-adjusts based on video dimensions *\/\n.video-container {\n width: 100%;\n max-width: 90vw;\n margin: 40px auto 60px;\n position: relative;\n border-radius: 24px;\n overflow: visible;\n background: none;\n box-shadow: none;\n line-height: 0;\n}\n\n.video-wrapper {\n position: relative;\n width: 100%;\n height: auto;\n cursor: default;\n line-height: 0;\n font-size: 0;\n overflow: visible;\n background: none;\n border-radius: 24px;\n box-shadow: 0 20px 80px rgba(37, 99, 235, 0.4),\n 0 0 60px rgba(20, 184, 166, 0.3);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.video-wrapper::before {\n content: '';\n position: absolute;\n inset: -2px;\n border-radius: 24px;\n background: var(--gradient-aurora);\n opacity: 0.3;\n z-index: -1;\n filter: blur(20px);\n animation: pulse 3s ease-in-out infinite;\n}\n\n@keyframes pulse {\n 0%, 100% { opacity: 0.3; transform: scale(1); }\n 50% { opacity: 0.6; transform: scale(1.02); }\n}\n\n.video-wrapper video {\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 80vh;\n display: block;\n margin: 0 auto;\n padding: 0;\n border-radius: 24px;\n cursor: pointer;\n object-fit: contain;\n background: none;\n border: 2px solid rgba(37, 99, 235, 0.3);\n}\n\n.video-play-button {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 90px;\n height: 90px;\n background: var(--gradient-cyber);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n z-index: 10;\n box-shadow: 0 10px 40px rgba(37, 99, 235, 0.6),\n 0 0 60px rgba(20, 184, 166, 0.4);\n border: 3px solid rgba(255, 255, 255, 0.4);\n}\n\n.video-play-button::before {\n content: '';\n position: absolute;\n inset: -5px;\n border-radius: 50%;\n background: var(--gradient-aurora);\n opacity: 0;\n z-index: -1;\n filter: blur(20px);\n transition: opacity 0.4s ease;\n}\n\n.video-play-button:hover::before {\n opacity: 1;\n animation: pulse 1.5s ease-in-out infinite;\n}\n\n.video-play-button:hover {\n transform: translate(-50%, -50%) scale(1.2);\n box-shadow: 0 15px 60px rgba(37, 99, 235, 0.8),\n 0 0 80px rgba(20, 184, 166, 0.6);\n border-color: rgba(255, 255, 255, 0.6);\n}\n\n.video-play-button i {\n color: white;\n font-size: 36px;\n margin-left: 6px;\n}\n\n.video-play-button.hidden {\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.3s ease;\n}\n\n.video-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.2);\n z-index: 5;\n pointer-events: auto;\n transition: opacity 0.3s ease;\n cursor: pointer;\n border-radius: 24px;\n}\n\n.video-overlay.hidden {\n opacity: 0;\n pointer-events: none;\n}\n\n\/* Video controls styling - Futuristic theme *\/\n.video-wrapper video::-webkit-media-controls-panel {\n background: linear-gradient(180deg, transparent, rgba(10, 14, 39, 0.95));\n}\n\n.video-wrapper video::-webkit-media-controls-play-button,\n.video-wrapper video::-webkit-media-controls-pause-button {\n filter: brightness(1.2);\n}\n\n.video-wrapper video::-webkit-media-controls-current-time-display,\n.video-wrapper video::-webkit-media-controls-time-remaining-display {\n color: #F59E0B;\n text-shadow: 0 0 10px rgba(245, 158, 11, 0.5);\n}\n\n.video-wrapper video::-webkit-media-controls-timeline {\n filter: hue-rotate(200deg) saturate(1.3);\n}\n\n.video-wrapper video::-webkit-media-controls-volume-slider {\n filter: hue-rotate(200deg) saturate(1.3);\n}\n\n.video-wrapper video::-webkit-media-controls-fullscreen-button {\n filter: brightness(1.2);\n}\n\n \/* Features Section with Scroll Animations *\/\n .features-section {\n padding: 100px 20px;\n position: relative;\n z-index: 1;\n }\n\n .section-header {\n text-align: center;\n margin-bottom: 80px;\n }\n\n .section-title {\n font-size: clamp(2.5rem, 5vw, 4rem);\n font-weight: 700;\n font-family: 'Montserrat', sans-serif;\n margin-bottom: 20px;\n letter-spacing: -0.02em;\n text-shadow: 0 0 40px rgba(37, 99, 235, 0.3);\n background: var(--gradient-cyber);\n background-size: 200% 200%;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .section-subtitle {\n font-size: 1.25rem;\n font-weight: 400;\n color: var(--text-secondary);\n max-width: 600px;\n margin: 0 auto;\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 30px;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .feature-card {\n background: var(--bg-secondary);\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 24px;\n padding: 40px;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n opacity: 0;\n transform: translateY(30px);\n position: relative;\n overflow: hidden;\n }\n\n .feature-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: var(--gradient-cyber);\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n\n .feature-card:hover::before {\n transform: scaleX(1);\n }\n\n .feature-card.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n .feature-card:hover {\n background: rgba(255, 255, 255, 0.08);\n border-color: rgba(37, 99, 235, 0.5);\n transform: translateY(-8px);\n box-shadow: 0 20px 60px rgba(37, 99, 235, 0.3), \n 0 0 40px rgba(20, 184, 166, 0.2);\n }\n\n .coming-soon-card {\n opacity: 0.6;\n position: relative;\n }\n\n .coming-soon-card:hover {\n opacity: 0.7;\n transform: translateY(0);\n }\n\n .coming-soon-badge {\n position: absolute;\n top: 20px;\n right: 20px;\n background: var(--gradient-gold);\n color: white;\n padding: 6px 16px;\n border-radius: 20px;\n font-size: 11px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n box-shadow: 0 4px 12px rgba(255, 215, 0, 0.3);\n }\n\n .feature-icon {\n width: 60px;\n height: 60px;\n background: var(--gradient-cyber);\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n color: white;\n margin-bottom: 20px;\n box-shadow: 0 8px 24px rgba(37, 99, 235, 0.4);\n transition: all 0.3s ease;\n position: relative;\n }\n\n .feature-icon::after {\n content: '';\n position: absolute;\n inset: -2px;\n background: var(--gradient-aurora);\n border-radius: 16px;\n opacity: 0;\n z-index: -1;\n filter: blur(10px);\n transition: opacity 0.3s ease;\n }\n\n .feature-card:hover .feature-icon::after {\n opacity: 1;\n }\n\n .feature-card:hover .feature-icon {\n transform: scale(1.1) rotateY(180deg);\n box-shadow: 0 12px 32px rgba(37, 99, 235, 0.6);\n }\n\n .feature-title {\n font-size: 1.5rem;\n font-weight: 600;\n margin-bottom: 15px;\n }\n\n .feature-description {\n color: var(--text-secondary);\n line-height: 1.6;\n }\n\n \/* Stats Section *\/\n .stats-section {\n padding: 100px 20px;\n background: var(--bg-secondary);\n }\n\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 40px;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .stat-card {\n text-align: center;\n opacity: 0;\n transform: scale(0.9);\n background: var(--bg-secondary);\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 20px;\n padding: 30px 20px;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n\n .stat-card::after {\n content: '';\n position: absolute;\n inset: 0;\n background: radial-gradient(circle at center, rgba(37, 99, 235, 0.1), transparent 70%);\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n\n .stat-card:hover::after {\n opacity: 1;\n }\n\n .stat-card.visible {\n opacity: 1;\n transform: scale(1);\n transition: all 0.5s ease;\n }\n\n .stat-card:hover {\n transform: scale(1.05);\n border-color: rgba(37, 99, 235, 0.4);\n box-shadow: 0 12px 40px rgba(37, 99, 235, 0.3);\n }\n\n .stat-number {\n font-size: 3.5rem;\n font-weight: 700;\n background: var(--gradient-primary);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 10px;\n }\n\n .stat-label {\n font-size: 1.1rem;\n color: var(--text-secondary);\n }\n\n \/* Pricing Section *\/\n .pricing-section {\n padding: 100px 20px;\n position: relative;\n z-index: 1;\n }\n\n \/* Mobile Package Toggle - Hidden on desktop *\/\n .mobile-package-toggle {\n display: none;\n gap: 15px;\n max-width: 600px;\n margin: 0 auto 40px;\n padding: 0 20px;\n }\n\n \/* Mobile Buy Button - Hidden on desktop *\/\n .mobile-buy-button {\n display: none;\n }\n\n \/* Mobile buy button animation *\/\n @keyframes pulseGlow {\n 0%, 100% {\n box-shadow: 0 8px 32px rgba(245, 158, 11, 0.4),\n 0 0 40px rgba(245, 158, 11, 0.3);\n }\n 50% {\n box-shadow: 0 12px 48px rgba(245, 158, 11, 0.6),\n 0 0 60px rgba(245, 158, 11, 0.5);\n }\n }\n\n .mobile-buy-button:hover {\n animation: pulseGlow 2s ease-in-out infinite;\n }\n\n .package-toggle-btn {\n flex: 1;\n padding: 15px 20px;\n background: var(--bg-secondary);\n border: 2px solid rgba(255, 255, 255, 0.1);\n border-radius: 16px;\n cursor: pointer;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 5px;\n position: relative;\n overflow: hidden;\n }\n\n .package-toggle-btn::before {\n content: '';\n position: absolute;\n inset: 0;\n background: var(--gradient-cyber);\n opacity: 0;\n transition: opacity 0.4s ease;\n border-radius: 16px;\n }\n\n .package-toggle-btn::after {\n content: '';\n position: absolute;\n bottom: -2px;\n left: 50%;\n transform: translateX(-50%) scaleX(0);\n width: 80%;\n height: 3px;\n background: white;\n border-radius: 3px;\n transition: transform 0.4s ease;\n z-index: 2;\n }\n\n .package-toggle-btn.active::after {\n transform: translateX(-50%) scaleX(1);\n }\n\n .package-toggle-btn:hover {\n border-color: rgba(37, 99, 235, 0.4);\n box-shadow: 0 6px 24px rgba(37, 99, 235, 0.3);\n transform: scale(1.02);\n }\n\n .package-toggle-btn.active {\n background: var(--gradient-cyber);\n border-color: transparent;\n box-shadow: 0 8px 32px rgba(37, 99, 235, 0.5),\n 0 0 40px rgba(20, 184, 166, 0.3);\n transform: scale(1.05);\n }\n\n .package-toggle-btn.active::before {\n opacity: 1;\n }\n\n .toggle-title {\n font-size: 14px;\n font-weight: 600;\n color: var(--text-primary);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n transition: all 0.3s ease;\n position: relative;\n z-index: 1;\n }\n\n .package-toggle-btn.active .toggle-title {\n color: white;\n font-weight: 700;\n text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n }\n\n .toggle-price {\n font-size: 20px;\n font-weight: 700;\n color: var(--primary);\n transition: all 0.3s ease;\n position: relative;\n z-index: 1;\n }\n\n .package-toggle-btn.active .toggle-price {\n color: white;\n font-weight: 800;\n text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n }\n\n .pricing-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n gap: 40px;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .pricing-card {\n background: var(--bg-secondary);\n border: 2px solid rgba(255, 255, 255, 0.1);\n border-radius: 24px;\n padding: 50px;\n position: relative;\n overflow: hidden;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .pricing-card::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at top right, rgba(37, 99, 235, 0.1), transparent 60%);\n opacity: 0;\n transition: opacity 0.4s ease;\n pointer-events: none;\n }\n\n .pricing-card:hover::after {\n opacity: 1;\n }\n\n .pricing-card:hover {\n transform: translateY(-12px);\n border-color: rgba(37, 99, 235, 0.4);\n box-shadow: 0 30px 80px rgba(37, 99, 235, 0.3),\n 0 0 60px rgba(20, 184, 166, 0.2);\n }\n\n .primary-package {\n border: 3px solid transparent;\n background: linear-gradient(135deg, rgba(37, 99, 235, 0.15) 0%, rgba(20, 184, 166, 0.15) 100%);\n transform: scale(1.05);\n position: relative;\n }\n\n .primary-package::before {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: 24px;\n padding: 3px;\n background: var(--gradient-cyber);\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n animation: rotateBorder 3s linear infinite;\n }\n\n @keyframes rotateBorder {\n 0% { filter: hue-rotate(0deg); }\n 100% { filter: hue-rotate(360deg); }\n }\n\n .primary-package:hover {\n transform: scale(1.05) translateY(-12px);\n box-shadow: 0 40px 100px rgba(37, 99, 235, 0.4),\n 0 0 80px rgba(20, 184, 166, 0.3);\n }\n\n .secondary-package {\n border-color: var(--border-color);\n }\n\n .pricing-badge {\n position: absolute;\n top: 30px;\n right: 30px;\n background: var(--success);\n color: white;\n padding: 8px 20px;\n border-radius: 20px;\n font-size: 12px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .primary-package .pricing-badge {\n background: var(--gradient-primary);\n }\n\n .trial-badge {\n background: var(--warning) !important;\n }\n\n .plan-name {\n font-size: 1.8rem;\n font-weight: 800;\n font-family: 'Montserrat', sans-serif;\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1px;\n padding-right: 0;\n }\n\n .plan-price {\n font-size: 4.5rem;\n font-weight: 800;\n font-family: 'Montserrat', sans-serif;\n margin-bottom: 20px;\n color: var(--primary);\n }\n\n .plan-price sup {\n font-size: 2rem;\n font-weight: 700;\n }\n\n .plan-price .original {\n text-decoration: line-through;\n opacity: 0.5;\n font-size: 1.8rem;\n display: block;\n margin-bottom: 10px;\n }\n\n .credits-badge {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: var(--gradient-secondary);\n padding: 12px 30px;\n border-radius: 50px;\n margin-bottom: 30px;\n }\n\n .credits-label {\n font-size: 0.9rem;\n font-weight: 600;\n color: white;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .credits-number {\n font-size: 2rem;\n font-weight: 800;\n color: white;\n font-family: 'Montserrat', sans-serif;\n }\n\n .plan-description {\n color: var(--text-secondary);\n margin-bottom: 30px;\n font-size: 1.1rem;\n line-height: 1.6;\n }\n\n .plan-features {\n list-style: none;\n padding: 0;\n margin-bottom: 40px;\n }\n\n .plan-features li {\n padding: 15px 0;\n border-bottom: 1px solid var(--border-color);\n display: flex;\n align-items: flex-start;\n gap: 15px;\n line-height: 1.6;\n }\n\n .plan-features li:last-child {\n border-bottom: none;\n }\n\n .plan-features li i {\n color: var(--success);\n font-size: 20px;\n margin-top: 2px;\n flex-shrink: 0;\n }\n\n .primary-package .plan-features li i {\n color: var(--primary);\n }\n\n \/* Testimonials *\/\n .testimonials-section {\n padding: 100px 20px;\n background: var(--bg-secondary);\n }\n\n .testimonials-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 30px;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .testimonial-card {\n background: var(--bg-secondary);\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 24px;\n padding: 30px;\n position: relative;\n opacity: 0;\n transform: translateX(-30px);\n transition: all 0.4s ease;\n overflow: hidden;\n }\n\n .testimonial-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 100%;\n background: var(--gradient-cyber);\n transform: scaleY(0);\n transition: transform 0.4s ease;\n }\n\n .testimonial-card:hover::before {\n transform: scaleY(1);\n }\n\n .testimonial-card.visible {\n opacity: 1;\n transform: translateX(0);\n transition: all 0.6s ease;\n }\n\n .testimonial-card:hover {\n transform: translateX(5px);\n border-color: rgba(37, 99, 235, 0.4);\n box-shadow: 0 12px 40px rgba(37, 99, 235, 0.2);\n }\n\n .testimonial-rating {\n color: var(--warning);\n margin-bottom: 15px;\n }\n\n .testimonial-text {\n font-size: 1.1rem;\n line-height: 1.6;\n margin-bottom: 20px;\n color: var(--text-primary);\n }\n\n .testimonial-author {\n display: flex;\n align-items: center;\n gap: 15px;\n }\n\n .author-avatar {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background: var(--gradient-primary);\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: 600;\n font-size: 18px;\n }\n\n .author-info {\n flex: 1;\n }\n\n .author-name {\n font-weight: 600;\n margin-bottom: 3px;\n }\n\n .author-title {\n color: var(--text-secondary);\n font-size: 14px;\n }\n\n \/* FAQ Section *\/\n .faq-section {\n padding: 100px 20px;\n position: relative;\n z-index: 1;\n }\n\n .faq-container {\n max-width: 800px;\n margin: 0 auto;\n }\n\n .faq-item {\n background: var(--bg-secondary);\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 20px;\n margin-bottom: 20px;\n overflow: hidden;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n }\n\n .faq-item::before {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n width: 4px;\n background: var(--gradient-cyber);\n transform: scaleY(0);\n transition: transform 0.4s ease;\n }\n\n .faq-item.active::before {\n transform: scaleY(1);\n }\n\n .faq-item:hover {\n border-color: rgba(37, 99, 235, 0.4);\n box-shadow: 0 8px 32px rgba(37, 99, 235, 0.2);\n transform: translateX(5px);\n }\n\n .faq-question {\n padding: 25px;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-weight: 600;\n font-size: 1.1rem;\n }\n\n .faq-question i {\n transition: transform 0.3s ease;\n color: var(--primary);\n }\n\n .faq-answer {\n padding: 0 25px;\n max-height: 0;\n overflow: hidden;\n transition: all 0.3s ease;\n opacity: 0;\n }\n\n .faq-item.active .faq-answer {\n max-height: 500px;\n padding: 0 25px 25px;\n opacity: 1;\n }\n\n .faq-item.active .faq-question i {\n transform: rotate(180deg);\n }\n\n \/* Footer *\/\n .footer {\n padding: 60px 20px;\n background: var(--bg-secondary);\n border-top: 1px solid var(--border-color);\n }\n\n .footer-content {\n max-width: 1200px;\n margin: 0 auto;\n text-align: center;\n }\n\n .footer-logo {\n font-size: 28px;\n font-weight: 700;\n background: var(--gradient-primary);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 30px;\n }\n\n .footer-links {\n display: flex;\n justify-content: center;\n gap: 40px;\n margin-bottom: 30px;\n flex-wrap: wrap;\n }\n\n .footer-links a {\n color: var(--text-secondary);\n text-decoration: none;\n transition: color 0.3s ease;\n }\n\n .footer-links a:hover {\n color: var(--primary);\n }\n\n .footer-divider {\n height: 1px;\n background: var(--border-color);\n margin: 30px 0;\n }\n\n .footer-bottom {\n color: var(--text-tertiary);\n font-size: 14px;\n }\n\n \/* Floating Action Button - Enhanced *\/\n .fab {\n position: fixed;\n bottom: 30px;\n right: 30px;\n min-width: 140px;\n height: 56px;\n padding: 0 24px;\n background: var(--gradient-gold);\n border-radius: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n color: white;\n font-size: 16px;\n font-weight: 700;\n box-shadow: 0 10px 40px rgba(245, 158, 11, 0.5),\n 0 0 40px rgba(245, 158, 11, 0.3);\n cursor: pointer;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n z-index: 1000;\n opacity: 0;\n transform: scale(0);\n border: 2px solid rgba(255, 255, 255, 0.3);\n }\n\n .fab i {\n font-size: 20px;\n }\n\n .fab-text {\n font-size: 16px;\n font-weight: 700;\n white-space: nowrap;\n }\n\n .fab::before {\n content: '';\n position: absolute;\n inset: -3px;\n border-radius: 28px;\n background: var(--gradient-gold);\n opacity: 0;\n z-index: -1;\n filter: blur(15px);\n transition: opacity 0.4s ease;\n }\n\n .fab:hover::before {\n opacity: 1;\n animation: pulse 1.5s ease-in-out infinite;\n }\n\n .fab.visible {\n opacity: 1;\n transform: scale(1);\n }\n\n .fab:hover {\n transform: scale(1.05) translateY(-3px);\n box-shadow: 0 15px 60px rgba(245, 158, 11, 0.7),\n 0 0 60px rgba(245, 158, 11, 0.5);\n }\n\n \/* Countdown Timer - Enhanced *\/\n .countdown-container {\n display: flex;\n justify-content: center;\n gap: 30px;\n margin: 40px 0;\n }\n\n .countdown-item {\n background: var(--bg-secondary);\n border: 1px solid rgba(255, 255, 255, 0.2);\n border-radius: 20px;\n padding: 20px;\n min-width: 100px;\n text-align: center;\n box-shadow: 0 8px 32px rgba(37, 99, 235, 0.2);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n\n .countdown-item::before {\n content: '';\n position: absolute;\n inset: -50%;\n background: conic-gradient(from 0deg, transparent, rgba(37, 99, 235, 0.3), transparent);\n animation: rotate 3s linear infinite;\n opacity: 0;\n }\n\n .countdown-item:hover::before {\n opacity: 1;\n }\n\n .countdown-item:hover {\n transform: scale(1.05);\n box-shadow: 0 12px 48px rgba(37, 99, 235, 0.4);\n border-color: rgba(37, 99, 235, 0.5);\n }\n\n .countdown-number {\n font-size: 2.5rem;\n font-weight: 700;\n background: var(--gradient-cyber);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .countdown-label {\n font-size: 0.9rem;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .nav-links {\n display: none;\n }\n\n .hero-title {\n font-size: 3rem;\n }\n\n .features-grid,\n .testimonials-grid {\n grid-template-columns: 1fr;\n }\n\n \/* Mobile Pricing Toggle *\/\n .mobile-package-toggle {\n display: flex;\n }\n\n \/* Show mobile buy button on mobile *\/\n .mobile-buy-button {\n display: inline-flex !important;\n }\n\n .pricing-grid {\n grid-template-columns: 1fr;\n gap: 30px;\n }\n\n \/* Hide trial package by default on mobile *\/\n .pricing-card[data-package=\"trial\"] {\n display: none;\n }\n\n \/* When trial is active, hide beginner *\/\n .pricing-card[data-package=\"beginner\"].mobile-hidden {\n display: none;\n }\n\n .pricing-card[data-package=\"trial\"].mobile-visible {\n display: block;\n }\n\n .primary-package {\n transform: scale(1);\n }\n\n .primary-package:hover {\n transform: scale(1) translateY(-5px);\n }\n\n .cta-group {\n flex-direction: column;\n width: 100%;\n }\n\n .cta-primary,\n .cta-secondary {\n width: 100%;\n justify-content: center;\n }\n\n .stats-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 15px;\n }\n\n .stat-card {\n padding: 20px 10px;\n }\n\n .stat-number {\n font-size: 2rem;\n margin-bottom: 5px;\n line-height: 1.2;\n word-break: break-word;\n }\n\n .stat-label {\n font-size: 0.85rem;\n line-height: 1.3;\n }\n\n .countdown-container {\n gap: 15px;\n }\n\n .countdown-item {\n min-width: 70px;\n padding: 12px 8px;\n }\n\n .countdown-number {\n font-size: 1.8rem;\n }\n\n .video-play-button {\n width: 70px;\n height: 70px;\n }\n\n .video-play-button i {\n font-size: 28px;\n }\n\n .video-container {\n max-width: 95vw;\n margin: 30px auto 40px;\n }\n\n .hero-video-container {\n padding: 30px 10px 60px;\n }\n\n .video-wrapper video {\n max-height: 60vh;\n }\n\n .plan-price {\n font-size: 3.5rem;\n }\n\n .pricing-card {\n padding: 30px;\n }\n\n \/* FAB mobile adjustments *\/\n .fab {\n bottom: 20px;\n right: 20px;\n min-width: 120px;\n height: 50px;\n padding: 0 20px;\n font-size: 14px;\n }\n\n .fab i {\n font-size: 18px;\n }\n\n .fab-text {\n font-size: 14px;\n }\n\n \/* Fix badge overlap on mobile *\/\n .pricing-badge {\n position: static;\n display: inline-block;\n margin-bottom: 15px;\n padding: 6px 16px;\n font-size: 10px;\n }\n\n .plan-name {\n font-size: 1.5rem;\n padding-right: 0;\n margin-bottom: 15px;\n }\n\n .credits-badge {\n padding: 10px 20px;\n gap: 8px;\n margin-bottom: 20px;\n }\n\n .credits-label {\n font-size: 0.75rem;\n }\n\n .credits-number {\n font-size: 1.5rem;\n }\n }\n\n\n\n \/* Smooth Scroll Reveal *\/\n .reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.6s ease;\n }\n\n .reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Parallax Effect *\/\n .parallax {\n transform: translateY(0);\n transition: transform 0.5s ease-out;\n }\n <\/style>\n<\/head>\n<body>\n \n <div class=\"theme-toggle\" onclick=\"toggleTheme()\">\n <div class=\"theme-toggle-ball\">\n <i class=\"fas fa-moon\" id=\"themeIcon\"><\/i>\n <\/div>\n <\/div>\n\n \n <div class=\"grid-background\" id=\"gridBackground\"><\/div>\n\n \n <nav class=\"navbar\" id=\"navbar\">\n <div class=\"nav-content\">\n <div class=\"logo\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/07\/uvix-1-1.png\" alt=\"Nuvix AI\" class=\"logo-dark\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/07\/cropped-2-2-1.png\" alt=\"Nuvix AI\" class=\"logo-light\">\n <\/div>\n <ul class=\"nav-links\">\n <li><a href=\"#features\">Eigenschaften<\/a><\/li>\n <li><a href=\"#trading\">Handels-Tools<\/a><\/li>\n <li><a href=\"#pricing\">Preisgestaltung<\/a><\/li>\n <li><a href=\"#testimonials\">Bewertungen<\/a><\/li>\n <li><a href=\"#faq\">FAQ<\/a><\/li>\n <\/ul>\n <\/div>\n <\/nav>\n\n \n <section class=\"hero\">\n <div class=\"hero-content\">\n <div class=\"hero-badge reveal\">\n <i class=\"fas fa-check-circle\"><\/i>\n Zeitlich begrenztes Angebot - $9.99 Testversion\n <\/div>\n \n <h1 class=\"hero-title\">\n <span class=\"gradient-text\">Erweiterte KI<\/span><br>\n Handelsanalyse-Plattform\n <\/h1>\n \n <p class=\"hero-subtitle\">\n Professionelle Bin\u00e4re Optionen und Forex-Analysen auf der Grundlage modernster k\u00fcnstlicher Intelligenz.\n Markteinblicke in Echtzeit mit pers\u00f6nlichem Support inklusive. Krypto-Handel in K\u00fcrze!\n <\/p>\n \n <div class=\"cta-group\">\n <a href=\"#pricing\" class=\"cta-primary\">\n <i class=\"fas fa-rocket\"><\/i>\n Beginnen Sie - $99.99\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"hero-video-container\">\n <div class=\"video-container reveal\">\n <div class=\"video-wrapper\" id=\"videoWrapper\">\n <div class=\"video-overlay\" id=\"videoOverlay\"><\/div>\n <div class=\"video-play-button\" id=\"playButton\">\n <i class=\"fas fa-play\"><\/i>\n <\/div>\n <video id=\"demoVideo\" autoplay muted loop playsinline preload=\"metadata\" controls controlslist=\"nodownload\">\n <source src=\"https:\/\/streamable.com\/l\/edhq6l\/mp4-high.mp4\" type=\"video\/mp4\">\n Ihr Browser unterst\u00fctzt das Video-Tag nicht.\n <\/video>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"stats-section\">\n <div class=\"stats-grid\">\n <div class=\"stat-card\">\n <div class=\"stat-number\" data-count=\"15000\">0<\/div>\n <div class=\"stat-label\">Aktive Trader<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\" data-count=\"89\">0%<\/div>\n <div class=\"stat-label\">Erfolgsquote<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\" data-count=\"247\">0<\/div>\n <div class=\"stat-label\">Abgedeckte M\u00e4rkte<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\">24\/7<\/div>\n <div class=\"stat-label\">Unterst\u00fctzung verf\u00fcgbar<\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"features-section\" id=\"features\">\n <div class=\"section-header reveal\">\n <h2 class=\"section-title\">Professionelle Handelswerkzeuge<\/h2>\n <p class=\"section-subtitle\">Alles, was Sie f\u00fcr den erfolgreichen Handel brauchen, auf einer Plattform<\/p>\n <\/div>\n\n <div class=\"features-grid\">\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-chart-line\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Forex-Analyse<\/h3>\n <p class=\"feature-description\">\n Erweiterte Mustererkennung und technische Analyse f\u00fcr die wichtigsten W\u00e4hrungspaare.\n Signale in Echtzeit und Analyse der Marktstimmung.\n <\/p>\n <\/div>\n\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-chart-bar\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Handel mit bin\u00e4ren Optionen<\/h3>\n <p class=\"feature-description\">\n Spezialisierte Analyse bin\u00e4rer Optionen mit Wahrscheinlichkeitsberechnungen und optimalem Einstiegszeitpunkt f\u00fcr maximalen Erfolg.\n <\/p>\n <\/div>\n\n <div class=\"feature-card coming-soon-card\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-coins\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Handel mit Kryptow\u00e4hrungen<\/h3>\n <span class=\"coming-soon-badge\">Demn\u00e4chst verf\u00fcgbar<\/span>\n <p class=\"feature-description\">\n KI-gest\u00fctzte Kryptomarktanalyse mit Volatilit\u00e4tsvorhersagen und optimalen Einstiegs- und Ausstiegspunkten.\n <\/p>\n <\/div>\n\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-robot\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">KI-Prognosen<\/h3>\n <p class=\"feature-description\">\n Algorithmen des maschinellen Lernens analysieren historische Daten und Marktmuster, um genaue Vorhersagen zu treffen.\n <\/p>\n <\/div>\n\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-shield-alt\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Risikomanagement<\/h3>\n <p class=\"feature-description\">\n Intelligente Stop-Loss- und Take-Profit-Empfehlungen, die auf Ihrer Risikotoleranz und Ihren Zielen basieren.\n <\/p>\n <\/div>\n\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-headset\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Pers\u00f6nliche Unterst\u00fctzung<\/h3>\n <p class=\"feature-description\">\n Engagierter Support-Manager, der Sie durch die Einrichtung f\u00fchrt und alle Ihre Handelsfragen beantwortet.\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"features-section\" id=\"trading\" style=\"background: var(--bg-secondary);\">\n <div class=\"section-header reveal\">\n <h2 class=\"section-title\">Marktabdeckung<\/h2>\n <p class=\"section-subtitle\">Aktive M\u00e4rkte jetzt verf\u00fcgbar<\/p>\n <\/div>\n\n <div class=\"features-grid\">\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-dollar-sign\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Wichtige Forex-Paare<\/h3>\n <p class=\"feature-description\">\n EUR\/USD, GBP\/USD, USD\/JPY und alle wichtigen W\u00e4hrungspaare mit Spreads und Volatilit\u00e4tsanalyse. Inklusive umfassender technischer und fundamentaler Analyse.\n <\/p>\n <\/div>\n\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-exchange-alt\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Bin\u00e4re Optionen Signale<\/h3>\n <p class=\"feature-description\">\n Hochwahrscheinliche Signale f\u00fcr bin\u00e4re Optionen mit detaillierter Analyse, Empfehlungen zur Ablaufzeit und Risiko-Ertrags-Berechnungen.\n <\/p>\n <\/div>\n\n <div class=\"feature-card coming-soon-card\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-bitcoin\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">M\u00e4rkte f\u00fcr Kryptow\u00e4hrungen<\/h3>\n <span class=\"coming-soon-badge\">Demn\u00e4chst verf\u00fcgbar<\/span>\n <p class=\"feature-description\">\n Bitcoin, Ethereum und Top-Altcoins mit fortschrittlicher technischer Analyse und Marktstimmungsanalyse.\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"pricing-section\" id=\"pricing\">\n <div class=\"section-header reveal\">\n <h2 class=\"section-title\">W\u00e4hlen Sie Ihr Paket<\/h2>\n <p class=\"section-subtitle\">Professionelle Handelswerkzeuge f\u00fcr jedes Niveau<\/p>\n <\/div>\n\n \n <div class=\"mobile-package-toggle\">\n <button class=\"package-toggle-btn active\" onclick=\"switchPackage('beginner')\">\n <span class=\"toggle-title\">Anf\u00e4nger<\/span>\n <span class=\"toggle-price\">$99.99<\/span>\n <\/button>\n <button class=\"package-toggle-btn\" onclick=\"switchPackage('trial')\">\n <span class=\"toggle-title\">Trial<\/span>\n <span class=\"toggle-price\">$9.99<\/span>\n <\/button>\n <\/div>\n\n <div class=\"pricing-grid\">\n \n <div class=\"pricing-card primary-package reveal\" data-package=\"beginner\">\n <span class=\"pricing-badge\">Am beliebtesten<\/span>\n <h3 class=\"plan-name\">BEGINNER<\/h3>\n <div class=\"plan-price\">\n $99.99<sup><\/sup>\n <\/div>\n <div class=\"credits-badge\">\n <span class=\"credits-label\">Kredite insgesamt<\/span>\n <span class=\"credits-number\">500<\/span>\n <\/div>\n\n \n <a href=\"https:\/\/nuvix.com\/de\/checkout\/?add-to-cart=39264\" class=\"cta-primary mobile-buy-button\" style=\"width: 100%; justify-content: center; margin-top: 20px; margin-bottom: 30px; background: var(--gradient-gold); border: none;\">\n <i class=\"fas fa-rocket\"><\/i>\n Jetzt loslegen\n <\/a>\n \n <ul class=\"plan-features\">\n <li>\n <i class=\"fas fa-check\"><\/i>\n <strong>Bakkarat-Muster-Studien<\/strong> (jeweils 4 Credits)\n <\/li>\n <li>\n <i class=\"fas fa-check\"><\/i>\n <strong>Roulette Analyse Lektionen<\/strong> (jeweils 4 Credits)\n <\/li>\n <li>\n <i class=\"fas fa-check\"><\/i>\n <strong>Bin\u00e4re Optionen Bildung<\/strong> (nur Bilder)\n <\/li>\n <li>\n <i class=\"fas fa-check\"><\/i>\n <strong>x3 Credits beim Wiederaufladen<\/strong>\n <\/li>\n <li>\n <i class=\"fas fa-check\"><\/i>\n Pers\u00f6nlicher 1-on-1-Betreuer\n <\/li>\n <li>\n <i class=\"fas fa-check\"><\/i>\n Alle Handelspaare enthalten\n <\/li>\n <\/ul>\n\n <a href=\"https:\/\/nuvix.com\/de\/checkout\/?add-to-cart=39264\" class=\"cta-primary\" style=\"width: 100%; justify-content: center;\">\n <i class=\"fas fa-rocket\"><\/i>\n Jetzt loslegen\n <\/a>\n <\/div>\n\n \n <div class=\"pricing-card secondary-package reveal\" data-package=\"trial\">\n <span class=\"pricing-badge trial-badge\">Begrenztes Angebot<\/span>\n <h3 class=\"plan-name\">Schnupperpaket<\/h3>\n <div class=\"plan-price\">\n <span class=\"original\">$99.99<\/span>\n $9.99<sup><\/sup>\n <\/div>\n <p class=\"plan-description\">\n <strong>60 Analyse-Kredite<\/strong><br>\n Ausprobieren, bevor Sie sich festlegen\n <\/p>\n\n \n <a href=\"https:\/\/nuvix.com\/de\/checkout\/?add-to-cart=39566\" class=\"cta-primary mobile-buy-button\" style=\"width: 100%; justify-content: center; margin-top: 20px; margin-bottom: 30px; background: var(--gradient-secondary); border: none;\">\n <i class=\"fas fa-play-circle\"><\/i>\n Versuch starten\n <\/a>\n\n <ul class=\"plan-features\">\n <li>\n <i class=\"fas fa-check\"><\/i>\n 60 professionelle Marktanalysen\n <\/li>\n <li>\n <i class=\"fas fa-check\"><\/i>\n Pers\u00f6nlicher 1-on-1-Betreuer\n <\/li>\n <li>\n <i class=\"fas fa-check\"><\/i>\n Alle Handelspaare enthalten\n <\/li>\n <li>\n <i class=\"fas fa-check\"><\/i>\n Marktwarnungen in Echtzeit\n <\/li>\n <li>\n <i class=\"fas fa-check\"><\/i>\n Instrumente des Risikomanagements\n <\/li>\n <li>\n <i class=\"fas fa-check\"><\/i>\n Upgrade f\u00fcr vollen Zugriff jederzeit m\u00f6glich\n <\/li>\n <\/ul>\n\n <a href=\"https:\/\/nuvix.com\/de\/checkout\/?add-to-cart=39566\" class=\"cta-primary\" style=\"width: 100%; justify-content: center; background: var(--gradient-secondary); border: none;\">\n <i class=\"fas fa-play-circle\"><\/i>\n Versuch starten\n <\/a>\n\n \n <div style=\"margin-top: 30px;\">\n <p style=\"text-align: center; color: var(--text-secondary); margin-bottom: 15px; font-size: 14px;\">\n <i class=\"fas fa-clock\"><\/i> Das Probeangebot endet am:\n <\/p>\n <div class=\"countdown-container\">\n <div class=\"countdown-item\">\n <div class=\"countdown-number\" id=\"hours\">23<\/div>\n <div class=\"countdown-label\">Stunden<\/div>\n <\/div>\n <div class=\"countdown-item\">\n <div class=\"countdown-number\" id=\"minutes\">47<\/div>\n <div class=\"countdown-label\">Protokoll<\/div>\n <\/div>\n <div class=\"countdown-item\">\n <div class=\"countdown-number\" id=\"seconds\">52<\/div>\n <div class=\"countdown-label\">Sekunden<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"testimonials-section\" id=\"testimonials\">\n <div class=\"section-header reveal\">\n <h2 class=\"section-title\">Das Vertrauen der H\u00e4ndler<\/h2>\n <p class=\"section-subtitle\">Lesen Sie, was unsere Nutzer \u00fcber die Plattform sagen<\/p>\n <\/div>\n\n <div class=\"testimonials-grid\">\n <div class=\"testimonial-card\">\n <div class=\"testimonial-rating\">\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <\/div>\n <p class=\"testimonial-text\">\n \"Die Forex-Analyse ist unglaublich genau. Mein Support-Manager hat mir geholfen, alles perfekt einzurichten. Die besten $9.99, die ich f\u00fcr Trading-Tools ausgegeben habe.\"\n <\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-avatar\">JD<\/div>\n <div class=\"author-info\">\n <div class=\"author-name\">James Davidson<\/div>\n <div class=\"author-title\">Forex-H\u00e4ndler<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"testimonial-card\">\n <div class=\"testimonial-rating\">\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <\/div>\n <p class=\"testimonial-text\">\n \"Die Signale f\u00fcr bin\u00e4re Optionen waren genau richtig. Die Wahrscheinlichkeitsberechnungen und Timing-Empfehlungen sind ein echter Knaller. Sehr zu empfehlen!\"\n <\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-avatar\">SC<\/div>\n <div class=\"author-info\">\n <div class=\"author-name\">Sarah Chen<\/div>\n <div class=\"author-title\">Bin\u00e4re Optionen Trader<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"testimonial-card\">\n <div class=\"testimonial-rating\">\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <\/div>\n <p class=\"testimonial-text\">\n \"Professionelle Tools zu einem unschlagbaren Testpreis. Die Risikomanagement-Funktionen haben mich vor mehreren schlechten Trades bewahrt.\"\n <\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-avatar\">MR<\/div>\n <div class=\"author-info\">\n <div class=\"author-name\">Michael Roberts<\/div>\n <div class=\"author-title\">Day Trader<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"faq-section\" id=\"faq\">\n <div class=\"section-header reveal\">\n <h2 class=\"section-title\">H\u00e4ufig gestellte Fragen<\/h2>\n <p class=\"section-subtitle\">Alles, was Sie wissen m\u00fcssen<\/p>\n <\/div>\n\n <div class=\"faq-container\">\n <div class=\"faq-item reveal\">\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n Was passiert, nachdem ich die Testversion gekauft habe?\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n Innerhalb von 24 Stunden nach dem Kauf wird sich Ihr pers\u00f6nlicher Support-Manager mit Ihnen in Verbindung setzen, um eine Einrichtungs-Sitzung zu vereinbaren.\n Er wird Sie durch die Plattform f\u00fchren, Ihnen alle Funktionen erkl\u00e4ren und alle Fragen zum Handel beantworten, die Sie haben.\n <\/div>\n <\/div>\n\n <div class=\"faq-item reveal\">\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n Welche M\u00e4rkte kann ich analysieren?\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n Derzeit erhalten Sie vollen Zugriff auf Devisenpaare (Majors, Minors und Exoten) und Signale f\u00fcr bin\u00e4re Optionen.\n Die KI analysiert alle wichtigen W\u00e4hrungspaare und liefert hochwahrscheinliche Handelssignale f\u00fcr bin\u00e4re Optionen.\n Die Analyse von Kryptow\u00e4hrungen ist in K\u00fcrze verf\u00fcgbar!\n <\/div>\n <\/div>\n\n <div class=\"faq-item reveal\">\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n Wie genau sind die Vorhersagen?\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n Unsere k\u00fcnstliche Intelligenz erreicht bei kurzfristigen Vorhersagen, die auf technischer Analyse beruhen, eine Trefferquote von 89%.\n Jeder Handel ist jedoch mit einem Risiko verbunden, und wir empfehlen stets angemessene Strategien f\u00fcr das Risikomanagement.\n <\/div>\n <\/div>\n\n <div class=\"faq-item reveal\">\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n Kann ich nach der Testphase ein Upgrade durchf\u00fchren?\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n Ja! Sie k\u00f6nnen jederzeit ein Upgrade auf einen beliebigen Tarif vornehmen. Ihr Support-Manager wird Ihnen alle Optionen erkl\u00e4ren\n und hilft Ihnen bei der Auswahl des besten Tarifs f\u00fcr Ihre Handelsanforderungen. Es gibt keinen Druck f\u00fcr ein Upgrade.\n <\/div>\n <\/div>\n\n <div class=\"faq-item reveal\">\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n Brauche ich Handelserfahrung?\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n Keine Vorkenntnisse erforderlich! Die Plattform ist sowohl f\u00fcr Anf\u00e4nger als auch f\u00fcr Profis geeignet.\n Ihr Support-Manager bietet Ihnen eine auf Ihr Erfahrungsniveau zugeschnittene Schulung an.\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n \n <div class=\"fab\" id=\"fab\" onclick=\"scrollToPricing()\">\n <i class=\"fas fa-shopping-cart\"><\/i>\n <span class=\"fab-text\">Jetzt kaufen<\/span>\n <\/div>\n\n <script>\n \/\/ Video Player Controls - Autoplay muted + native controls for pause\/fullscreen\n const video = document.getElementById('demoVideo');\n const playButton = document.getElementById('playButton');\n const videoWrapper = document.getElementById('videoWrapper');\n const videoOverlay = document.getElementById('videoOverlay');\n\n \/\/ Auto-adjust video container based on video dimensions\n function adjustVideoContainer() {\n if (video.videoWidth && video.videoHeight) {\n const aspectRatio = video.videoWidth \/ video.videoHeight;\n const maxWidth = Math.min(window.innerWidth * 0.9, 1400);\n const maxHeight = window.innerHeight * 0.75;\n \n let finalWidth, finalHeight;\n \n \/\/ Calculate dimensions maintaining aspect ratio\n if (maxWidth \/ aspectRatio <= maxHeight) {\n finalWidth = maxWidth;\n finalHeight = maxWidth \/ aspectRatio;\n } else {\n finalHeight = maxHeight;\n finalWidth = maxHeight * aspectRatio;\n }\n \n \/\/ Apply dimensions to video\n video.style.width = finalWidth + 'px';\n video.style.height = finalHeight + 'px';\n video.style.maxWidth = '100%';\n video.style.maxHeight = '80vh';\n \n \/\/ Adjust container\n const container = document.querySelector('.video-container');\n if (container) {\n container.style.maxWidth = finalWidth + 'px';\n }\n }\n }\n\n \/\/ Adjust on video metadata load\n video.addEventListener('loadedmetadata', adjustVideoContainer);\n \n \/\/ Also adjust on window resize\n window.addEventListener('resize', adjustVideoContainer);\n \n \/\/ Initial adjustment if video is already loaded\n if (video.readyState >= 1) {\n adjustVideoContainer();\n }\n\n \/\/ Show custom play button initially to prompt user to watch with sound\n playButton.classList.remove('hidden');\n videoOverlay.classList.remove('hidden');\n\n \/\/ Custom play button - restart from beginning with sound + fullscreen on mobile\n function playWithSound() {\n video.currentTime = 0; \/\/ Restart from beginning\n video.muted = false; \/\/ Unmute\n video.loop = false; \/\/ Stop looping when playing with sound\n video.play();\n playButton.classList.add('hidden');\n videoOverlay.classList.add('hidden');\n \n \/\/ Auto-fullscreen on mobile devices\n if (window.innerWidth <= 768) {\n enterFullscreen();\n }\n }\n\n \/\/ Request fullscreen for video\n function enterFullscreen() {\n try {\n if (video.requestFullscreen) {\n video.requestFullscreen();\n } else if (video.webkitRequestFullscreen) { \/\/ Safari\n video.webkitRequestFullscreen();\n } else if (video.mozRequestFullScreen) { \/\/ Firefox\n video.mozRequestFullScreen();\n } else if (video.msRequestFullscreen) { \/\/ IE\/Edge\n video.msRequestFullscreen();\n } else if (video.webkitEnterFullscreen) { \/\/ iOS Safari\n video.webkitEnterFullscreen();\n }\n } catch (error) {\n console.log('Fullscreen not supported or blocked:', error);\n }\n }\n\n \/\/ Click on custom play button\n playButton.addEventListener('click', function(e) {\n e.stopPropagation();\n playWithSound();\n });\n\n \/\/ Click on overlay\n videoOverlay.addEventListener('click', function(e) {\n e.stopPropagation();\n playWithSound();\n });\n\n \/\/ Show custom play button when video ends\n video.addEventListener('ended', function() {\n playButton.classList.remove('hidden');\n videoOverlay.classList.remove('hidden');\n \/\/ Reset to muted autoplay state\n video.muted = true;\n video.loop = true;\n video.play();\n });\n\n \/\/ Hide overlay when user plays with sound\n video.addEventListener('play', function() {\n if (!video.muted) {\n playButton.classList.add('hidden');\n videoOverlay.classList.add('hidden');\n }\n });\n\n \/\/ Handle fullscreen exit on mobile\n document.addEventListener('fullscreenchange', handleFullscreenChange);\n document.addEventListener('webkitfullscreenchange', handleFullscreenChange);\n document.addEventListener('mozfullscreenchange', handleFullscreenChange);\n document.addEventListener('msfullscreenchange', handleFullscreenChange);\n\n function handleFullscreenChange() {\n const isFullscreen = document.fullscreenElement || \n document.webkitFullscreenElement || \n document.mozFullScreenElement || \n document.msFullscreenElement;\n \n \/\/ On mobile, when exiting fullscreen, pause the video\n if (!isFullscreen && window.innerWidth <= 768) {\n \/\/ Let video continue playing normally\n \/\/ User can control it with native controls\n }\n }\n\n \/\/ Theme Toggle\n function toggleTheme() {\n document.documentElement.classList.toggle('light-mode');\n const icon = document.getElementById('themeIcon');\n if (document.documentElement.classList.contains('light-mode')) {\n icon.className = 'fas fa-sun';\n } else {\n icon.className = 'fas fa-moon';\n }\n localStorage.setItem('theme', document.documentElement.classList.contains('light-mode') ? 'light' : 'dark');\n }\n\n \/\/ Load saved theme\n if (localStorage.getItem('theme') === 'light') {\n document.documentElement.classList.add('light-mode');\n document.getElementById('themeIcon').className = 'fas fa-sun';\n }\n\n \/\/ Create Grid Background\n function createGrid() {\n const grid = document.getElementById('gridBackground');\n for (let i = 0; i < 20; i++) {\n const line = document.createElement('div');\n line.className = 'grid-line horizontal';\n line.style.top = `${i * 5}%`;\n grid.appendChild(line);\n }\n for (let i = 0; i < 20; i++) {\n const line = document.createElement('div');\n line.className = 'grid-line vertical';\n line.style.left = `${i * 5}%`;\n grid.appendChild(line);\n }\n }\n\n \/\/ Scroll Reveal Animation\n function revealOnScroll() {\n const reveals = document.querySelectorAll('.reveal, .feature-card, .testimonial-card, .stat-card');\n \n reveals.forEach(element => {\n const windowHeight = window.innerHeight;\n const elementTop = element.getBoundingClientRect().top;\n const elementVisible = 150;\n \n if (elementTop < windowHeight - elementVisible) {\n element.classList.add('visible', 'active');\n }\n });\n }\n\n \/\/ Parallax Effect\n function parallaxEffect() {\n const scrolled = window.pageYOffset;\n const parallax = document.querySelectorAll('.parallax');\n \n parallax.forEach(element => {\n const speed = element.dataset.speed || 0.5;\n element.style.transform = `translateY(${scrolled * speed}px)`;\n });\n }\n\n \/\/ Navbar Background on Scroll\n function updateNavbar() {\n const navbar = document.getElementById('navbar');\n if (window.scrollY > 50) {\n navbar.classList.add('scrolled');\n } else {\n navbar.classList.remove('scrolled');\n }\n }\n\n \/\/ Show\/Hide FAB\n \/\/ Show\/Hide FAB based on pricing section visibility\n function updateFAB() {\n const fab = document.getElementById('fab');\n const pricingSection = document.getElementById('pricing');\n \n if (!pricingSection) return;\n \n const rect = pricingSection.getBoundingClientRect();\n const windowHeight = window.innerHeight;\n \n \/\/ Check if pricing section is in viewport\n const isInViewport = rect.top < windowHeight && rect.bottom > 0;\n \n \/\/ Show FAB when scrolled down but NOT in pricing section\n if (window.scrollY > 500 && !isInViewport) {\n fab.classList.add('visible');\n } else {\n fab.classList.remove('visible');\n }\n }\n\n \/\/ Scroll to Pricing Section\n function scrollToPricing() {\n const pricingSection = document.getElementById('pricing');\n if (pricingSection) {\n pricingSection.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n }\n\n \/\/ Toggle FAQ\n function toggleFaq(element) {\n const faqItem = element.parentElement;\n const allFaqItems = document.querySelectorAll('.faq-item');\n \n allFaqItems.forEach(item => {\n if (item !== faqItem) {\n item.classList.remove('active');\n }\n });\n \n faqItem.classList.toggle('active');\n }\n\n \/\/ Switch Package on Mobile\n function switchPackage(packageType) {\n \/\/ Only works on mobile\n if (window.innerWidth > 768) return;\n\n const beginnerCard = document.querySelector('.pricing-card[data-package=\"beginner\"]');\n const trialCard = document.querySelector('.pricing-card[data-package=\"trial\"]');\n const beginnerBtn = document.querySelector('.package-toggle-btn:first-child');\n const trialBtn = document.querySelector('.package-toggle-btn:last-child');\n\n if (packageType === 'beginner') {\n \/\/ Show beginner, hide trial\n beginnerCard.classList.remove('mobile-hidden');\n trialCard.classList.remove('mobile-visible');\n beginnerBtn.classList.add('active');\n trialBtn.classList.remove('active');\n } else {\n \/\/ Show trial, hide beginner\n beginnerCard.classList.add('mobile-hidden');\n trialCard.classList.add('mobile-visible');\n trialBtn.classList.add('active');\n beginnerBtn.classList.remove('active');\n }\n }\n\n \/\/ Animated Counter\n function animateCounters() {\n const counters = document.querySelectorAll('[data-count]');\n \n counters.forEach(counter => {\n const target = parseInt(counter.getAttribute('data-count'));\n const isPercentage = counter.textContent.includes('%');\n let count = 0;\n const increment = target \/ 100;\n \n const updateCount = () => {\n count += increment;\n if (count < target) {\n counter.textContent = Math.floor(count) + (isPercentage ? '%' : '');\n requestAnimationFrame(updateCount);\n } else {\n counter.textContent = target + (isPercentage ? '%' : '');\n }\n };\n \n \/\/ Start animation when element is visible\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n updateCount();\n observer.unobserve(entry.target);\n }\n });\n });\n \n observer.observe(counter);\n });\n }\n\n \/\/ Countdown Timer\n function startCountdown() {\n const endTime = new Date().getTime() + (24 * 60 * 60 * 1000);\n \n function updateCountdown() {\n const now = new Date().getTime();\n const distance = endTime - now;\n \n const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\n const minutes = Math.floor((distance % (1000 * 60 * 60)) \/ (1000 * 60));\n const seconds = Math.floor((distance % (1000 * 60)) \/ 1000);\n \n document.getElementById('hours').textContent = hours.toString().padStart(2, '0');\n document.getElementById('minutes').textContent = minutes.toString().padStart(2, '0');\n document.getElementById('seconds').textContent = seconds.toString().padStart(2, '0');\n \n if (distance < 0) {\n clearInterval(countdownInterval);\n document.querySelector('.countdown-container').innerHTML = \n '<p style=\"font-size: 2rem; color: var(--danger);\">Offer Expired!<\/p>';\n }\n }\n \n updateCountdown();\n const countdownInterval = setInterval(updateCountdown, 1000);\n }\n\n \/\/ Smooth Scroll for Navigation Links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\n });\n\n \/\/ Initialize\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Initialize components\n createGrid();\n startCountdown();\n animateCounters();\n \n \/\/ Add event listeners\n window.addEventListener('scroll', () => {\n revealOnScroll();\n parallaxEffect();\n updateNavbar();\n updateFAB();\n });\n \n \/\/ Initial calls\n revealOnScroll();\n });\n <\/script>\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-7d6d498 e-con-full e-flex e-con e-parent\" data-id=\"7d6d498\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b43f89 elementor-widget elementor-widget-shortcode\" data-id=\"0b43f89\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n <style>\n \/* Nuvix Brand Variables *\/\n :root {\n --nuvix-primary: #9f39ff;\n --nuvix-secondary: #00b4d8;\n --nuvix-success: #10b981;\n --nuvix-danger: #ef4444;\n --nuvix-warning: #f59e0b;\n --nuvix-dark: #0a0e27;\n --nuvix-card-bg: rgba(255, 255, 255, 0.03);\n --nuvix-text: #e2e8f0;\n --nuvix-gold: #FFD700;\n --nuvix-accent-pink: #ff006e;\n }\n \n \/* Dark Theme (Default) *\/\n .nuvix-disclaimer-dark,\n .nuvix-disclaimer-dark.nuvix-disclaimer-blocked {\n background: linear-gradient(135deg, rgba(159, 57, 255, 0.05), rgba(0, 180, 216, 0.05));\n border: 1px solid rgba(159, 57, 255, 0.3);\n color: var(--nuvix-text);\n }\n \n \/* Light Theme *\/\n .nuvix-disclaimer-light,\n .nuvix-disclaimer-light.nuvix-disclaimer-blocked {\n background: linear-gradient(135deg, rgba(159, 57, 255, 0.03), rgba(0, 180, 216, 0.03));\n border: 1px solid rgba(159, 57, 255, 0.2);\n color: #1a202c;\n }\n \n .nuvix-disclaimer-light strong {\n color: #2d3748;\n }\n \n \/* Base Disclaimer Styles *\/\n.nuvix-disclaimer, .nuvix-disclaimer-blocked {\n margin: 30px auto;\n padding: 30px;\n border-radius: 20px;\n font-size: 14px;\n line-height: 1.6;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);\n max-width: 1200px; \/* Changed from 100% to a fixed max-width *\/\n width: 90%; \/* Add this to make it responsive but contained *\/\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n}\n \n \/* Animated background effect *\/\n .nuvix-disclaimer::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 3px;\n background: linear-gradient(90deg, var(--nuvix-primary), var(--nuvix-secondary), var(--nuvix-accent-pink));\n animation: scan 4s linear infinite;\n }\n \n @keyframes scan {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(200%); }\n }\n \n \/* Animated entrance *\/\n .nuvix-disclaimer.animated {\n animation: fadeInUp 0.6s ease;\n }\n \n @keyframes fadeInUp {\n from { \n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .nuvix-disclaimer-blocked {\n background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), rgba(245, 158, 11, 0.1)) !important;\n border-color: var(--nuvix-danger) !important;\n }\n \n .disclaimer-header {\n font-size: 20px;\n margin-bottom: 20px;\n padding-bottom: 15px;\n border-bottom: 2px solid rgba(159, 57, 255, 0.2);\n display: flex;\n align-items: center;\n gap: 10px;\n font-weight: 800;\n background: linear-gradient(135deg, var(--nuvix-primary), var(--nuvix-secondary));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n \n .disclaimer-header i {\n -webkit-text-fill-color: var(--nuvix-primary);\n font-size: 24px;\n }\n \n .disclaimer-content p {\n margin-bottom: 15px;\n opacity: 0.95;\n }\n \n .disclaimer-content p:last-child {\n margin-bottom: 0;\n }\n \n \/* Alert Boxes with Nuvix Styling *\/\n .disclaimer-alert {\n margin-top: 20px;\n padding: 20px;\n border-radius: 15px;\n border-left: 4px solid;\n display: flex;\n align-items: flex-start;\n gap: 15px;\n position: relative;\n overflow: hidden;\n transition: all 0.3s ease;\n }\n \n .disclaimer-alert:hover {\n transform: translateX(5px);\n box-shadow: 0 5px 20px rgba(159, 57, 255, 0.2);\n }\n \n .alert-icon {\n font-size: 24px;\n flex-shrink: 0;\n margin-top: -2px;\n }\n \n .alert-content {\n flex: 1;\n }\n \n .disclaimer-critical {\n background: linear-gradient(135deg, rgba(239, 68, 68, 0.15), rgba(239, 68, 68, 0.05));\n border-color: var(--nuvix-danger);\n color: #fca5a5;\n }\n \n .nuvix-disclaimer-light .disclaimer-critical {\n background: rgba(239, 68, 68, 0.1);\n color: #dc2626;\n }\n \n .disclaimer-critical .alert-icon {\n color: var(--nuvix-danger);\n }\n \n .disclaimer-warning {\n background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(245, 158, 11, 0.05));\n border-color: var(--nuvix-warning);\n color: #fcd34d;\n }\n \n .nuvix-disclaimer-light .disclaimer-warning {\n background: rgba(245, 158, 11, 0.1);\n color: #d97706;\n }\n \n .disclaimer-warning .alert-icon {\n color: var(--nuvix-warning);\n }\n \n .disclaimer-caution {\n background: linear-gradient(135deg, rgba(0, 180, 216, 0.15), rgba(0, 180, 216, 0.05));\n border-color: var(--nuvix-secondary);\n color: #67e8f9;\n }\n \n .nuvix-disclaimer-light .disclaimer-caution {\n background: rgba(0, 180, 216, 0.1);\n color: #0891b2;\n }\n \n .disclaimer-caution .alert-icon {\n color: var(--nuvix-secondary);\n }\n \n .disclaimer-info {\n background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(16, 185, 129, 0.05));\n border-color: var(--nuvix-success);\n color: #86efac;\n }\n \n .nuvix-disclaimer-light .disclaimer-info {\n background: rgba(16, 185, 129, 0.1);\n color: #059669;\n }\n \n .disclaimer-info .alert-icon {\n color: var(--nuvix-success);\n }\n \n \/* Country detection display *\/\n .detected-country {\n background: linear-gradient(135deg, var(--nuvix-primary), var(--nuvix-secondary));\n color: white;\n padding: 8px 15px;\n margin-bottom: 15px;\n border-radius: 25px;\n font-size: 12px;\n font-weight: 600;\n display: inline-block;\n animation: pulse 2s infinite;\n }\n \n @keyframes pulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.8; }\n }\n \n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .nuvix-disclaimer, .nuvix-disclaimer-blocked {\n padding: 20px;\n font-size: 13px;\n margin: 20px 15px;\n border-radius: 15px;\n }\n \n .disclaimer-header {\n font-size: 18px;\n flex-wrap: wrap;\n }\n \n .disclaimer-alert {\n padding: 15px;\n flex-direction: column;\n gap: 10px;\n }\n \n .alert-icon {\n font-size: 20px;\n }\n \n .disclaimer-content p {\n font-size: 13px;\n }\n }\n \n \/* Extra small devices *\/\n @media (max-width: 375px) {\n .nuvix-disclaimer, .nuvix-disclaimer-blocked {\n padding: 15px;\n font-size: 12px;\n }\n \n .disclaimer-header {\n font-size: 16px;\n }\n }\n \n \/* Print styles *\/\n @media print {\n .nuvix-disclaimer::before {\n display: none;\n }\n \n .nuvix-disclaimer, .nuvix-disclaimer-blocked {\n border: 2px solid #000;\n box-shadow: none;\n animation: none;\n }\n }\n <\/style><div class=\"nuvix-disclaimer animated nuvix-disclaimer animated-light\"><div class=\"disclaimer-header\"><i class=\"las la-exclamation-triangle\"><\/i> <strong>Wichtiger Haftungsausschluss<\/strong><\/div><div class=\"disclaimer-content\"><p>Alle Informationen, die von der <strong>Nuvix AI-Analyse<\/strong> System (der \"Dienst\") wird ausschlie\u00dflich f\u00fcr folgende Zwecke bereitgestellt <strong>Bildungs- und Informationszwecke<\/strong> nur. Der Dienst generiert algorithmische Auswertungen von Marktdaten, Handels- und Kasinospielmustern, aber er tut <strong>nicht<\/strong> erzeugen keine verwertbaren Handels- oder Wettsignale und sollten nicht als solche angesehen werden.<\/p><p>Die Nutzung des Dienstes ist mit erheblichen Risiken verbunden. Bewertungen in der Vergangenheit sind keine Garantie f\u00fcr zuk\u00fcnftige Leistungen oder Gewinne in den Bereichen Forex, Aktien, Futures, synthetische Indizes, bin\u00e4re Optionen, Kryptow\u00e4hrungen, Roulette, Baccarat oder andere Casino-Spiele. <strong>Nuvix<\/strong> \u00fcbernimmt weder ausdr\u00fccklich noch stillschweigend eine Garantie f\u00fcr die Richtigkeit, Vollst\u00e4ndigkeit oder Eignung einer Analyse. <strong>Ihre Entscheidungen und Ergebnisse<\/strong> h\u00e4ngen ausschlie\u00dflich von Ihrem eigenen Urteilsverm\u00f6gen, Ihrer Risikobereitschaft, Ihrem Einsatz und den vorherrschenden Markt- oder Spielbedingungen ab.<\/p><p><strong>Nuvix<\/strong> ist weder mit Handelsplattformen, Brokern, B\u00f6rsen oder Kasinobetreibern verbunden, noch wird es von diesen unterst\u00fctzt oder mit ihnen assoziiert. Sie sind allein verantwortlich f\u00fcr die Auswahl, den Zugang und die Nutzung einer Plattform f\u00fcr Ihre Handels- oder Spielaktivit\u00e4ten.<\/p><p>Durch die Nutzung des Dienstes erkennen Sie an und akzeptieren, dass <strong>Nuvix<\/strong> und die mit ihr verbundenen Unternehmen haften nicht f\u00fcr Verluste, Sch\u00e4den oder Anspr\u00fcche, die sich aus Ihrer Nutzung der KI-Analysen ergeben. F\u00fchren Sie immer Ihre eigene Due Diligence durch und konsultieren Sie qualifizierte Fachleute, bevor Sie Trades oder Wetten platzieren.<\/p><\/div><div class=\"disclaimer-alert disclaimer-info\"><div class=\"alert-icon\"><i class=\"las la-flag-usa\"><\/i><\/div><div class=\"alert-content\"><strong>EINWOHNER DER USA - ALLGEMEINER HINWEIS:<\/strong> Die Handelsvorschriften sind je nach Bundesland unterschiedlich. Bin\u00e4re Optionen sind nur \u00fcber CFTC-registrierte B\u00f6rsen legal. \u00dcberpr\u00fcfen Sie die Bundes- und Landesgesetze vor dem Handel. Diese Analyse stellt keine Finanzberatung dar.<\/div><\/div><div class=\"disclaimer-alert disclaimer-warning\"><div class=\"alert-icon\"><i class=\"las la-dice\"><\/i><\/div><div class=\"alert-content\"><strong>US-AMERIKANISCHE GL\u00dcCKSSPIELGESETZE:<\/strong> Online-Gl\u00fccksspiele (Kasinospiele und Sportwetten) sind in den meisten US-Bundesstaaten, darunter Utah, Hawaii, Idaho und anderen, illegal oder eingeschr\u00e4nkt. \u00dcberpr\u00fcfen Sie die Gesetze Ihres Bundesstaates, bevor Sie mit dem Gl\u00fccksspiel beginnen.<\/div><\/div><\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a42ccf9 elementor-widget elementor-widget-html\" data-id=\"a42ccf9\" 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\n<div id=\"nuvix-footer-wrapper\">\n <footer class=\"nuvix-site-footer\">\n <div class=\"nuvix-footer-glow\"><\/div>\n <div class=\"nuvix-container\">\n <div class=\"nuvix-footer-content\">\n \n <div class=\"nuvix-footer-section nuvix-footer-brand\">\n <div class=\"nuvix-footer-logo\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/07\/uvix-1-1.png\" \n alt=\"Nuvix\" \n class=\"nuvix-logo-dark\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/07\/cropped-2-2-1.png\" \n alt=\"Nuvix\" \n class=\"nuvix-logo-light\">\n <\/div>\n <p class=\"nuvix-footer-tagline\">Wo KI auf Chancen trifft<\/p>\n <p class=\"nuvix-footer-description\">Revolution\u00e4re KI-gest\u00fctzte Handelsanalyseplattform, die die Herangehensweise von H\u00e4ndlern an die Finanzm\u00e4rkte ver\u00e4ndert.<\/p>\n \n \n <div class=\"nuvix-extension-download\">\n <a href=\"https:\/\/chromewebstore.google.com\/detail\/nuvix-analysis-educationa\/mekepaacobchobieadiednfmppcflglf\" \n target=\"_blank\" \n rel=\"noopener noreferrer\"\n class=\"nuvix-extension-btn\">\n <i class=\"lab la-chrome\"><\/i>\n <span>Nuvix Analyzer Erweiterung erhalten<\/span>\n <i class=\"las la-download\"><\/i>\n <\/a>\n <\/div>\n \n <div class=\"nuvix-footer-social\">\n <a href=\"https:\/\/www.instagram.com\/nuvixofficial\/\" aria-label=\"Instagram\"><i class=\"lab la-instagram\"><\/i><\/a>\n <a href=\"https:\/\/www.facebook.com\/nuvixai\" aria-label=\"Facebook\"><i class=\"lab la-facebook-f\"><\/i><\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"nuvix-footer-section\">\n <h3 class=\"nuvix-footer-title\">Schnelle Links<\/h3>\n <ul class=\"nuvix-footer-links\">\n <li><a href=\"https:\/\/nuvix.com\/de\/#markets\">M\u00e4rkte<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/de\/#solution\">KI-Technologie<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/de\/#pricing\">Pakete<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/de\/#opportunity\">Gelegenheit<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/de\/c_login\/\">Anmeldung f\u00fcr Mitglieder<\/a><\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"nuvix-footer-section\">\n <h3 class=\"nuvix-footer-title\">Rechtliches<\/h3>\n <ul class=\"nuvix-footer-links\">\n <li><a href=\"https:\/\/nuvix.com\/de\/privacy-policy-en\/\">Datenschutzbestimmungen<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/de\/terms-of-use-en\/\">Nutzungsbedingungen<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/de\/refund-and-cancellation-policy-en\/\">R\u00fcckerstattung und Stornierung<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/de\/gdpr-en\/\">GDPR-Politik<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/de\/nuvix-income-disclosure-statement\/\">Ergebnisrechnung<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/de\/service-availability-compliance-policy\/\">Verf\u00fcgbarkeit und Konformit\u00e4t<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/de\/ibp_agreement\/\">IBP-Vereinbarung<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/de\/anti-money-laundering-aml\/\">Anti-Geldw\u00e4sche (AML)<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/de\/cookie-policy\/\">Cookie-Richtlinie<\/a><\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"nuvix-footer-section\">\n <h3 class=\"nuvix-footer-title\">Unterst\u00fctzung & Tools<\/h3>\n <ul class=\"nuvix-footer-links\">\n <li><a href=\"https:\/\/nuvix.com\/de\/contact-us\/\">Kontakt<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/de\/privacy-preferences\/\">Cookie & Datenschutz-Einstellungen<\/a><\/li>\n <li class=\"nuvix-extension-link-item\">\n <a href=\"https:\/\/chromewebstore.google.com\/detail\/nuvix-analysis-educationa\/mekepaacobchobieadiednfmppcflglf\" \n target=\"_blank\" \n rel=\"noopener noreferrer\">\n <i class=\"lab la-chrome\"><\/i> Nuvix Analyzer Erweiterung\n <\/a>\n <\/li>\n <\/ul>\n <div class=\"nuvix-footer-location\">\n <i class=\"las la-map-marker\"><\/i>\n <span>SHERIDAN, WY 82801<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"nuvix-footer-payments\">\n <p class=\"nuvix-payments-title\">Wir akzeptieren<\/p>\n <div class=\"nuvix-payment-methods\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/07\/Copy-of-uvix-1.png\" alt=\"Payment Methods\" class=\"nuvix-payment-logos\">\n <\/div>\n <\/div>\n\n \n <div class=\"nuvix-footer-bottom\">\n <div class=\"nuvix-footer-bottom-content\">\n <p class=\"nuvix-copyright\">Copyright \u00a9\ufe0f 2025 Nuvix by\ufe0f iEvolution Pro LLC - Alle Rechte vorbehalten<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/footer>\n<\/div>\n\n<style>\n\/* Reset and isolate styles for Nuvix footer *\/\n#nuvix-footer-wrapper {\n \/* Reset inherited styles *\/\n all: initial;\n font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n box-sizing: border-box;\n display: block;\n}\n\n#nuvix-footer-wrapper *,\n#nuvix-footer-wrapper *::before,\n#nuvix-footer-wrapper *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\n\/* CSS Variables scoped to footer - DARK MODE (Default) *\/\n#nuvix-footer-wrapper {\n --nuvix-primary-gradient: linear-gradient(135deg, #9f39ff 0%, #00b4d8 100%);\n --nuvix-accent-blue: #00b4d8;\n --nuvix-bg-primary: #0A0E27;\n --nuvix-bg-secondary: #1C1C1E;\n --nuvix-text-primary: #FFFFFF;\n --nuvix-text-secondary: rgba(226, 232, 240, 0.9);\n --nuvix-text-muted: rgba(226, 232, 240, 0.7);\n --nuvix-border-color: rgba(159, 57, 255, 0.2);\n --nuvix-border-light: rgba(255, 255, 255, 0.1);\n --nuvix-card-bg: rgba(226, 232, 240, 0.1);\n}\n\n\/* LIGHT MODE Variables *\/\n.light-mode #nuvix-footer-wrapper {\n --nuvix-bg-primary: #FFFFFF;\n --nuvix-bg-secondary: #F2F2F7;\n --nuvix-text-primary: #000000;\n --nuvix-text-secondary: #1a1a1a;\n --nuvix-text-muted: #666666;\n --nuvix-border-color: rgba(159, 57, 255, 0.3);\n --nuvix-border-light: rgba(0, 0, 0, 0.1);\n --nuvix-card-bg: rgba(0, 0, 0, 0.05);\n}\n\n\/* Footer Styles *\/\n#nuvix-footer-wrapper .nuvix-site-footer {\n position: relative;\n background: transparent;\n border-top: 1px solid var(--nuvix-border-color);\n padding: 4rem 0 0;\n margin-top: 0;\n overflow: hidden;\n width: 100%;\n display: block;\n transition: all 0.3s ease;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-glow {\n position: absolute;\n top: -100px;\n left: 50%;\n transform: translateX(-50%);\n width: 600px;\n height: 200px;\n background: transparent;\n pointer-events: none;\n}\n\n#nuvix-footer-wrapper .nuvix-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-content {\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n margin-bottom: 3rem;\n}\n\n@media (min-width: 768px) {\n #nuvix-footer-wrapper .nuvix-footer-content {\n grid-template-columns: repeat(2, 1fr);\n gap: 3rem;\n }\n}\n\n@media (min-width: 1024px) {\n #nuvix-footer-wrapper .nuvix-footer-content {\n grid-template-columns: 2fr 1fr 1fr 1fr;\n gap: 4rem;\n }\n}\n\n#nuvix-footer-wrapper .nuvix-footer-section {\n padding: 0 1rem;\n transition: transform 0.3s ease;\n}\n\n@media (min-width: 768px) {\n #nuvix-footer-wrapper .nuvix-footer-section {\n padding: 0;\n }\n}\n\n#nuvix-footer-wrapper .nuvix-footer-section:hover {\n transform: translateY(-5px);\n}\n\n#nuvix-footer-wrapper .nuvix-footer-brand {\n max-width: 350px;\n}\n\n@media (min-width: 1024px) {\n #nuvix-footer-wrapper .nuvix-footer-brand {\n padding-right: 2rem;\n }\n}\n\n\/* Logo Theme Switching *\/\n#nuvix-footer-wrapper .nuvix-footer-logo {\n margin-bottom: 1.5rem;\n position: relative;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-logo img {\n height: 45px;\n width: auto;\n filter: drop-shadow(0 0 20px rgba(159, 57, 255, 0.5));\n display: block;\n transition: opacity 0.3s ease;\n}\n\n#nuvix-footer-wrapper .nuvix-logo-dark {\n display: block !important;\n}\n\n#nuvix-footer-wrapper .nuvix-logo-light {\n display: none !important;\n}\n\n.light-mode #nuvix-footer-wrapper .nuvix-logo-dark {\n display: none !important;\n}\n\n.light-mode #nuvix-footer-wrapper .nuvix-logo-light {\n display: block !important;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-tagline {\n color: var(--nuvix-accent-blue);\n font-size: 0.95rem;\n font-style: italic;\n margin-bottom: 1rem;\n font-weight: 500;\n line-height: 1.4;\n transition: color 0.3s ease;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-description {\n color: var(--nuvix-text-muted);\n font-size: 0.9rem;\n line-height: 1.6;\n margin-bottom: 1.5rem;\n transition: color 0.3s ease;\n}\n\n\/* Chrome Extension Download Button *\/\n#nuvix-footer-wrapper .nuvix-extension-download {\n margin: 1.5rem 0;\n}\n\n#nuvix-footer-wrapper .nuvix-extension-btn {\n display: inline-flex !important;\n align-items: center;\n gap: 0.5rem;\n padding: 0.75rem 1.25rem;\n background: var(--nuvix-primary-gradient) !important;\n color: white !important;\n text-decoration: none !important;\n border-radius: 50px;\n font-size: 0.9rem;\n font-weight: 600;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(159, 57, 255, 0.3);\n border: none !important;\n position: relative;\n overflow: hidden;\n}\n\n#nuvix-footer-wrapper .nuvix-extension-btn::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: rgba(255, 255, 255, 0.2);\n transition: left 0.3s ease;\n}\n\n#nuvix-footer-wrapper .nuvix-extension-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 25px rgba(159, 57, 255, 0.5);\n color: white !important;\n}\n\n#nuvix-footer-wrapper .nuvix-extension-btn:hover::before {\n left: 100%;\n}\n\n#nuvix-footer-wrapper .nuvix-extension-btn i.lab {\n font-size: 1.2rem;\n}\n\n#nuvix-footer-wrapper .nuvix-extension-btn i.las {\n font-size: 1rem;\n animation: nuvixBounce 2s infinite;\n}\n\n@keyframes nuvixBounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-3px); }\n}\n\n\/* Extension link in the Support section *\/\n#nuvix-footer-wrapper .nuvix-extension-link-item a {\n display: inline-flex !important;\n align-items: center;\n gap: 0.5rem;\n}\n\n#nuvix-footer-wrapper .nuvix-extension-link-item a i {\n color: var(--nuvix-accent-blue);\n font-size: 1.1rem;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-title {\n color: var(--nuvix-text-primary);\n font-size: 1.1rem;\n font-weight: 700;\n margin-bottom: 1.5rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n position: relative;\n padding-bottom: 0.75rem;\n display: block;\n transition: color 0.3s ease;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 2px;\n background: var(--nuvix-primary-gradient);\n}\n\n#nuvix-footer-wrapper .nuvix-footer-links {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-links li {\n margin-bottom: 0.75rem;\n list-style: none;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-links a {\n color: var(--nuvix-text-secondary) !important;\n text-decoration: none !important;\n font-size: 0.95rem;\n transition: all 0.3s ease;\n display: inline-block;\n position: relative;\n opacity: 0.9;\n background: none !important;\n border: none !important;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-links a::before {\n content: '';\n position: absolute;\n left: -15px;\n top: 50%;\n transform: translateY(-50%);\n width: 0;\n height: 1px;\n background: #00b4d8;\n transition: width 0.3s ease;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-links a:hover {\n color: #00b4d8 !important;\n padding-left: 10px;\n text-shadow: 0 0 10px rgba(0, 180, 216, 0.5);\n opacity: 1;\n text-decoration: none !important;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-links a:hover::before {\n width: 5px;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-social {\n display: flex;\n gap: 0.75rem;\n margin-top: 1.5rem;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-social a {\n width: 40px;\n height: 40px;\n background: var(--nuvix-card-bg) !important;\n border: 1px solid var(--nuvix-border-light) !important;\n border-radius: 50%;\n display: flex !important;\n align-items: center;\n justify-content: center;\n color: var(--nuvix-text-primary) !important;\n font-size: 1.2rem;\n transition: all 0.3s ease;\n text-decoration: none !important;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-social a:hover {\n background: var(--nuvix-primary-gradient) !important;\n border-color: transparent !important;\n color: white !important;\n transform: translateY(-3px);\n box-shadow: 0 8px 20px rgba(159, 57, 255, 0.4);\n}\n\n#nuvix-footer-wrapper .nuvix-footer-location {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n margin-top: 1.5rem;\n color: var(--nuvix-text-muted);\n font-size: 0.9rem;\n transition: color 0.3s ease;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-location i {\n color: var(--nuvix-accent-blue);\n font-size: 1.2rem;\n}\n\n\/* Payment Methods *\/\n#nuvix-footer-wrapper .nuvix-footer-payments {\n text-align: center;\n padding: 2rem 0;\n border-top: 1px solid var(--nuvix-border-light);\n border-bottom: 1px solid var(--nuvix-border-light);\n transition: border-color 0.3s ease;\n}\n\n#nuvix-footer-wrapper .nuvix-payments-title {\n color: var(--nuvix-text-secondary);\n font-size: 0.95rem;\n font-weight: 600;\n margin-bottom: 1rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n display: block;\n transition: color 0.3s ease;\n}\n\n#nuvix-footer-wrapper .nuvix-payment-methods {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n#nuvix-footer-wrapper .nuvix-payment-logos {\n max-height: 40px;\n width: auto;\n opacity: 0.8;\n transition: opacity 0.3s ease;\n display: block;\n}\n\n#nuvix-footer-wrapper .nuvix-payment-logos:hover {\n opacity: 1;\n}\n\n\/* Light mode payment logo adjustment *\/\n.light-mode #nuvix-footer-wrapper .nuvix-payment-logos {\n filter: brightness(0.8);\n}\n\n\/* Bottom Bar *\/\n#nuvix-footer-wrapper .nuvix-footer-bottom {\n padding: 2rem 0;\n}\n\n#nuvix-footer-wrapper .nuvix-footer-bottom-content {\n text-align: center;\n}\n\n#nuvix-footer-wrapper .nuvix-copyright {\n color: var(--nuvix-text-primary);\n font-size: 0.9rem;\n margin-bottom: 0;\n opacity: 0.9;\n display: block;\n transition: color 0.3s ease;\n}\n\n\/* Responsive adjustments *\/\n@media (max-width: 767px) {\n #nuvix-footer-wrapper .nuvix-site-footer {\n padding: 3rem 0 0;\n margin-top: 4rem;\n }\n \n #nuvix-footer-wrapper .nuvix-footer-content {\n text-align: center;\n }\n \n #nuvix-footer-wrapper .nuvix-footer-brand {\n max-width: 100%;\n margin-bottom: 2rem;\n }\n \n #nuvix-footer-wrapper .nuvix-footer-title::after {\n left: 50%;\n transform: translateX(-50%);\n }\n \n #nuvix-footer-wrapper .nuvix-footer-social {\n justify-content: center;\n }\n \n #nuvix-footer-wrapper .nuvix-footer-location {\n justify-content: center;\n }\n \n #nuvix-footer-wrapper .nuvix-footer-links a::before {\n display: none;\n }\n \n #nuvix-footer-wrapper .nuvix-footer-links a:hover {\n padding-left: 0;\n }\n \n #nuvix-footer-wrapper .nuvix-extension-download {\n text-align: center;\n }\n \n #nuvix-footer-wrapper .nuvix-extension-btn {\n width: 100%;\n max-width: 280px;\n justify-content: center;\n }\n}\n\n\/* Animation for footer entrance *\/\n@keyframes nuvixFadeInUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n#nuvix-footer-wrapper .nuvix-site-footer {\n animation: nuvixFadeInUp 0.8s ease-out;\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-23df434 elementor-widget elementor-widget-shortcode\" data-id=\"23df434\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"> <div class=\"ulcs-widget minimal-style\"\n data-position=\"inline\" \n data-type=\"language\">\n <button class=\"ulcs-trigger\" aria-label=\"Sprache \u00e4ndern\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\udde9\ud83c\uddea<\/span>\n <span class=\"ulcs-lang\">DE<\/span>\n \n \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\t\t\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 AI – Advanced Trading Analysis Platform Features Trading Tools Pricing Reviews FAQ Limited Time Offer – $9.99 Trial Advanced AI Trading Analysis Platform Professional Binary Options and Forex analysis powered by cutting-edge artificial intelligence. Real-time market insights with personal support included. Crypto trading coming soon! Get Started – $99.99 Your browser does not support […]","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-41846","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nuvix.com\/de\/wp-json\/wp\/v2\/pages\/41846","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=41846"}],"version-history":[{"count":499,"href":"https:\/\/nuvix.com\/de\/wp-json\/wp\/v2\/pages\/41846\/revisions"}],"predecessor-version":[{"id":45508,"href":"https:\/\/nuvix.com\/de\/wp-json\/wp\/v2\/pages\/41846\/revisions\/45508"}],"wp:attachment":[{"href":"https:\/\/nuvix.com\/de\/wp-json\/wp\/v2\/media?parent=41846"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}