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\">Caract\u00e9ristiques<\/a><\/li>\n <li><a href=\"#trading\">Outils de n\u00e9gociation<\/a><\/li>\n <li><a href=\"#pricing\">Tarification<\/a><\/li>\n <li><a href=\"#testimonials\">Commentaires<\/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 Offre limit\u00e9e dans le temps - $9.99 Trial\n <\/div>\n \n <h1 class=\"hero-title\">\n <span class=\"gradient-text\">IA avanc\u00e9e<\/span><br>\n Plate-forme d'analyse commerciale\n <\/h1>\n \n <p class=\"hero-subtitle\">\n Analyse professionnelle des options binaires et du Forex gr\u00e2ce \u00e0 une intelligence artificielle de pointe.\n Analyse du march\u00e9 en temps r\u00e9el avec assistance personnelle incluse. Le trading de crypto-monnaies arrive bient\u00f4t !\n <\/p>\n \n <div class=\"cta-group\">\n <a href=\"#pricing\" class=\"cta-primary\">\n <i class=\"fas fa-rocket\"><\/i>\n D\u00e9marrer - $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 Votre navigateur ne prend pas en charge la balise vid\u00e9o.\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\">Op\u00e9rateurs actifs<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\" data-count=\"89\">0%<\/div>\n <div class=\"stat-label\">Taux de r\u00e9ussite<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\" data-count=\"247\">0<\/div>\n <div class=\"stat-label\">March\u00e9s couverts<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\">24\/7<\/div>\n <div class=\"stat-label\">Soutien disponible<\/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\">Outils de trading professionnels<\/h2>\n <p class=\"section-subtitle\">Tout ce dont vous avez besoin pour r\u00e9ussir vos transactions en une seule plateforme<\/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\">Analyse du Forex<\/h3>\n <p class=\"feature-description\">\n Reconnaissance avanc\u00e9e des formes et analyse technique pour les principales paires de devises.\n Signaux en temps r\u00e9el et analyse du sentiment du march\u00e9.\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\">N\u00e9gociation d'options binaires<\/h3>\n <p class=\"feature-description\">\n Analyse sp\u00e9cialis\u00e9e des options binaires avec des calculs de probabilit\u00e9 et un timing d'entr\u00e9e optimal pour une r\u00e9ussite maximale.\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\">Commerce de crypto-monnaies<\/h3>\n <span class=\"coming-soon-badge\">Bient\u00f4t disponible<\/span>\n <p class=\"feature-description\">\n Analyse du march\u00e9 des crypto-monnaies aliment\u00e9e par l'IA avec des pr\u00e9visions de volatilit\u00e9 et des points d'entr\u00e9e et de sortie optimaux.\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\">Pr\u00e9dictions en mati\u00e8re d'IA<\/h3>\n <p class=\"feature-description\">\n Les algorithmes d'apprentissage automatique analysent les donn\u00e9es historiques et les mod\u00e8les de march\u00e9 pour \u00e9tablir des pr\u00e9visions pr\u00e9cises.\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\">Gestion des risques<\/h3>\n <p class=\"feature-description\">\n Des recommandations intelligentes de stop-loss et de take-profit bas\u00e9es sur votre tol\u00e9rance au risque et vos objectifs.\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\">Soutien personnel<\/h3>\n <p class=\"feature-description\">\n Un responsable de l'assistance d\u00e9di\u00e9 pour vous guider dans l'installation et r\u00e9pondre \u00e0 toutes vos questions sur le trading.\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\">Couverture du march\u00e9<\/h2>\n <p class=\"section-subtitle\">March\u00e9s actifs disponibles d\u00e8s maintenant<\/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\">Principales paires de devises<\/h3>\n <p class=\"feature-description\">\n EUR\/USD, GBP\/USD, USD\/JPY et toutes les principales paires de devises avec analyse des spreads et de la volatilit\u00e9. Analyse technique et fondamentale compl\u00e8te incluse.\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\">Signaux d'options binaires<\/h3>\n <p class=\"feature-description\">\n Signaux d'options binaires \u00e0 haute probabilit\u00e9 avec une analyse d\u00e9taill\u00e9e, des recommandations de temps d'expiration et des calculs de risque-r\u00e9compense.\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\">March\u00e9s des crypto-monnaies<\/h3>\n <span class=\"coming-soon-badge\">Bient\u00f4t disponible<\/span>\n <p class=\"feature-description\">\n Bitcoin, Ethereum, et les meilleurs altcoins avec une analyse technique avanc\u00e9e et un suivi des sentiments du march\u00e9.\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\">Choisissez votre forfait<\/h2>\n <p class=\"section-subtitle\">Des outils de trading professionnels pour tous les niveaux<\/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\">D\u00e9butant<\/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\">Les plus populaires<\/span>\n <h3 class=\"plan-name\">D\u00c9BUTANT<\/h3>\n <div class=\"plan-price\">\n $99.99<sup><\/sup>\n <\/div>\n <div class=\"credits-badge\">\n <span class=\"credits-label\">Total des cr\u00e9dits<\/span>\n <span class=\"credits-number\">500<\/span>\n <\/div>\n\n \n <a href=\"https:\/\/nuvix.com\/fr\/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 Commencer maintenant\n <\/a>\n \n <ul class=\"plan-features\">\n <li>\n <i class=\"fas fa-check\"><\/i>\n <strong>\u00c9tudes des motifs du Baccarat<\/strong> (4 cr\u00e9dits chacun)\n <\/li>\n <li>\n <i class=\"fas fa-check\"><\/i>\n <strong>Le\u00e7ons d'analyse \u00e0 la roulette<\/strong> (4 cr\u00e9dits chacun)\n <\/li>\n <li>\n <i class=\"fas fa-check\"><\/i>\n <strong>Formation sur les options binaires<\/strong> (images seulement)\n <\/li>\n <li>\n <i class=\"fas fa-check\"><\/i>\n <strong>x3 cr\u00e9dits \u00e0 la recharge<\/strong>\n <\/li>\n <li>\n <i class=\"fas fa-check\"><\/i>\n Responsable de l'assistance personnelle 1-on-1\n <\/li>\n <li>\n <i class=\"fas fa-check\"><\/i>\n Toutes les paires commerciales sont incluses\n <\/li>\n <\/ul>\n\n <a href=\"https:\/\/nuvix.com\/fr\/checkout\/?add-to-cart=39264\" class=\"cta-primary\" style=\"width: 100%; justify-content: center;\">\n <i class=\"fas fa-rocket\"><\/i>\n Commencer maintenant\n <\/a>\n <\/div>\n\n \n <div class=\"pricing-card secondary-package reveal\" data-package=\"trial\">\n <span class=\"pricing-badge trial-badge\">Offre limit\u00e9e<\/span>\n <h3 class=\"plan-name\">Paquet d'essai<\/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 cr\u00e9dits d'analyse<\/strong><br>\n Essayer avant de s'engager\n <\/p>\n\n \n <a href=\"https:\/\/nuvix.com\/fr\/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 D\u00e9but de l'essai\n <\/a>\n\n <ul class=\"plan-features\">\n <li>\n <i class=\"fas fa-check\"><\/i>\n 60 analyses de march\u00e9 professionnelles\n <\/li>\n <li>\n <i class=\"fas fa-check\"><\/i>\n Responsable de l'assistance personnelle 1-on-1\n <\/li>\n <li>\n <i class=\"fas fa-check\"><\/i>\n Toutes les paires commerciales sont incluses\n <\/li>\n <li>\n <i class=\"fas fa-check\"><\/i>\n Alertes de march\u00e9 en temps r\u00e9el\n <\/li>\n <li>\n <i class=\"fas fa-check\"><\/i>\n Outils de gestion des risques\n <\/li>\n <li>\n <i class=\"fas fa-check\"><\/i>\n Mise \u00e0 jour \u00e0 tout moment pour un acc\u00e8s complet\n <\/li>\n <\/ul>\n\n <a href=\"https:\/\/nuvix.com\/fr\/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 D\u00e9but de l'essai\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> L'offre d'essai se termine en :\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\">Heures<\/div>\n <\/div>\n <div class=\"countdown-item\">\n <div class=\"countdown-number\" id=\"minutes\">47<\/div>\n <div class=\"countdown-label\">Proc\u00e8s-verbal<\/div>\n <\/div>\n <div class=\"countdown-item\">\n <div class=\"countdown-number\" id=\"seconds\">52<\/div>\n <div class=\"countdown-label\">Secondes<\/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\">La confiance des commer\u00e7ants<\/h2>\n <p class=\"section-subtitle\">Voir ce que nos utilisateurs disent de la plateforme<\/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 \"L'analyse du forex est incroyablement pr\u00e9cise. Mon responsable du support m'a aid\u00e9 \u00e0 tout configurer parfaitement. Le meilleur $9.99 que j'ai d\u00e9pens\u00e9 en outils de trading.\"\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\">Trader Forex<\/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 \"Les signaux d'options binaires sont parfaits. Les calculs de probabilit\u00e9 et les recommandations de timing changent la donne. Hautement recommand\u00e9 !\"\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\">Trader d'options binaires<\/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 \"Des outils de qualit\u00e9 professionnelle \u00e0 un prix d'essai imbattable. Les fonctions de gestion du risque m'ont permis d'\u00e9viter plusieurs mauvaises transactions.\"\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\">Questions fr\u00e9quemment pos\u00e9es<\/h2>\n <p class=\"section-subtitle\">Tout ce qu'il faut savoir<\/p>\n <\/div>\n\n <div class=\"faq-container\">\n <div class=\"faq-item reveal\">\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n Que se passe-t-il apr\u00e8s l'achat de la version d'essai ?\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n Dans les 24 heures suivant l'achat, votre responsable d'assistance personnel vous contactera pour planifier une session d'installation.\n Il vous guidera \u00e0 travers la plateforme, vous expliquera toutes les fonctionnalit\u00e9s et r\u00e9pondra \u00e0 toutes les questions que vous vous posez sur le trading.\n <\/div>\n <\/div>\n\n <div class=\"faq-item reveal\">\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n Quels march\u00e9s puis-je analyser ?\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n Actuellement, vous b\u00e9n\u00e9ficiez d'un acc\u00e8s complet aux paires de devises (majeures, mineures et exotiques) et aux signaux d'options binaires.\n L'IA analyse toutes les principales paires de devises et fournit des signaux de trading d'options binaires \u00e0 haute probabilit\u00e9.\n L'analyse des crypto-monnaies sera bient\u00f4t disponible !\n <\/div>\n <\/div>\n\n <div class=\"faq-item reveal\">\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n Quelle est la pr\u00e9cision des pr\u00e9visions ?\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n Notre IA maintient un taux de pr\u00e9cision de 89% pour les pr\u00e9visions \u00e0 court terme bas\u00e9es sur l'analyse technique.\n Cependant, tout trading implique un risque, et nous recommandons toujours des strat\u00e9gies de gestion du risque appropri\u00e9es.\n <\/div>\n <\/div>\n\n <div class=\"faq-item reveal\">\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n Puis-je effectuer une mise \u00e0 jour apr\u00e8s la p\u00e9riode d'essai ?\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n Oui, vous pouvez passer \u00e0 n'importe quel plan \u00e0 tout moment. Votre responsable du support vous expliquera toutes les options\n et vous aidera \u00e0 choisir le meilleur plan pour vos besoins de trading. Il n'y a aucune pression pour passer \u00e0 un plan sup\u00e9rieur.\n <\/div>\n <\/div>\n\n <div class=\"faq-item reveal\">\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n Ai-je besoin d'une exp\u00e9rience en mati\u00e8re de n\u00e9gociation ?\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n Aucune exp\u00e9rience pr\u00e9alable n'est requise ! La plateforme est con\u00e7ue pour les d\u00e9butants comme pour les professionnels.\n Votre responsable de l'assistance vous fournira une formation adapt\u00e9e \u00e0 votre niveau d'exp\u00e9rience.\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\">Acheter<\/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>Avertissement important<\/strong><\/div><div class=\"disclaimer-content\"><p>Toutes les informations produites par le <strong>Analyse de l'IA de Nuvix<\/strong> (le \"Service\") est fourni strictement \u00e0 des fins d'information. <strong>\u00e0 des fins \u00e9ducatives et informatives<\/strong> seulement. Le service g\u00e9n\u00e8re des \u00e9valuations algorithmiques des donn\u00e9es du march\u00e9, des mod\u00e8les de n\u00e9gociation et de jeux de casino, mais il n'a pas d'effet sur la qualit\u00e9 des donn\u00e9es. <strong>pas<\/strong> ne g\u00e9n\u00e8rent pas de signaux de trading ou de pari exploitables et ne doivent pas \u00eatre consid\u00e9r\u00e9s comme tels.<\/p><p>L'utilisation du service comporte des risques importants. Les \u00e9valuations pass\u00e9es ne garantissent pas les performances ou les gains futurs sur le Forex, les actions, les contrats \u00e0 terme, les indices synth\u00e9tiques, les options binaires, les crypto-actifs, la roulette, le baccarat ou d'autres jeux de casino. <strong>Nuvix<\/strong> ne donne aucune garantie, expresse ou implicite, quant \u00e0 l'exactitude, l'exhaustivit\u00e9 ou l'ad\u00e9quation de toute analyse. <strong>Vos d\u00e9cisions et r\u00e9sultats<\/strong> d\u00e9pendent enti\u00e8rement de votre propre jugement, de votre tol\u00e9rance au risque, de vos efforts et des conditions du march\u00e9 ou du jeu.<\/p><p><strong>Nuvix<\/strong> n'est pas affili\u00e9, approuv\u00e9 ou associ\u00e9 \u00e0 des plates-formes de n\u00e9gociation, des courtiers, des bourses ou des op\u00e9rateurs de casino. Vous \u00eates seul responsable de la s\u00e9lection, de l'acc\u00e8s et de l'utilisation de toute plate-forme pour vos activit\u00e9s de n\u00e9gociation ou de jeu.<\/p><p>En utilisant le service, vous reconnaissez et acceptez que <strong>Nuvix<\/strong> et ses affili\u00e9s ne peuvent \u00eatre tenus responsables des pertes, dommages ou r\u00e9clamations r\u00e9sultant de l'utilisation des analyses AI. Vous devez toujours faire preuve de diligence raisonnable et consulter des professionnels qualifi\u00e9s avant d'effectuer des transactions ou des paris.<\/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>R\u00c9SIDENTS DES \u00c9TATS-UNIS - AVIS G\u00c9N\u00c9RAL :<\/strong> Les r\u00e9glementations en mati\u00e8re de n\u00e9gociation varient d'un \u00c9tat \u00e0 l'autre. Les options binaires ne sont autoris\u00e9es que par les bourses enregistr\u00e9es aupr\u00e8s de la CFTC. V\u00e9rifiez les lois f\u00e9d\u00e9rales et nationales avant d'effectuer des transactions. Cette analyse ne constitue pas un conseil financier.<\/div><\/div><div class=\"disclaimer-alert disclaimer-warning\"><div class=\"alert-icon\"><i class=\"las la-dice\"><\/i><\/div><div class=\"alert-content\"><strong>LES LOIS AM\u00c9RICAINES SUR LES JEUX D'ARGENT :<\/strong> Les jeux d'argent en ligne (jeux de casino et paris sportifs) sont ill\u00e9gaux ou soumis \u00e0 des restrictions dans la plupart des \u00c9tats am\u00e9ricains, notamment l'Utah, Hawa\u00ef et l'Idaho. V\u00e9rifiez la l\u00e9gislation de votre \u00c9tat avant de vous livrer \u00e0 des activit\u00e9s de jeu.<\/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\">Quand l'IA rencontre l'opportunit\u00e9<\/p>\n <p class=\"nuvix-footer-description\">Une plateforme r\u00e9volutionnaire d'analyse de trading aliment\u00e9e par l'IA qui transforme la fa\u00e7on dont les traders abordent les march\u00e9s financiers.<\/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>Obtenir l'extension de l'analyseur Nuvix<\/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\">Liens rapides<\/h3>\n <ul class=\"nuvix-footer-links\">\n <li><a href=\"https:\/\/nuvix.com\/fr\/#markets\">March\u00e9s<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/fr\/#solution\">Technologie de l'IA<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/fr\/#pricing\">Emballages<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/fr\/#opportunity\">Opportunit\u00e9<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/fr\/c_login\/\">Connexion des membres<\/a><\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"nuvix-footer-section\">\n <h3 class=\"nuvix-footer-title\">Juridique<\/h3>\n <ul class=\"nuvix-footer-links\">\n <li><a href=\"https:\/\/nuvix.com\/fr\/privacy-policy-en\/\">Politique de confidentialit\u00e9<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/fr\/terms-of-use-en\/\">Conditions d'utilisation<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/fr\/refund-and-cancellation-policy-en\/\">Remboursement et annulation<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/fr\/gdpr-en\/\">Politique GDPR<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/fr\/nuvix-income-disclosure-statement\/\">Compte de r\u00e9sultat<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/fr\/service-availability-compliance-policy\/\">Disponibilit\u00e9 et conformit\u00e9<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/fr\/ibp_agreement\/\">Accord IBP<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/fr\/anti-money-laundering-aml\/\">Lutte contre le blanchiment d'argent (AML)<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/fr\/cookie-policy\/\">Politique en mati\u00e8re de cookies<\/a><\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"nuvix-footer-section\">\n <h3 class=\"nuvix-footer-title\">Soutien et outils<\/h3>\n <ul class=\"nuvix-footer-links\">\n <li><a href=\"https:\/\/nuvix.com\/fr\/contact-us\/\">Nous contacter<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/fr\/privacy-preferences\/\">Pr\u00e9f\u00e9rences en mati\u00e8re de cookies et de protection de la vie priv\u00e9e<\/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> Extension de l'analyseur Nuvix\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\">Nous acceptons<\/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 - Tous droits r\u00e9serv\u00e9s<\/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=\"Changer de langue\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\uddeb\ud83c\uddf7<\/span>\n <span class=\"ulcs-lang\">FR<\/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\/fr\/wp-json\/wp\/v2\/pages\/41846","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/comments?post=41846"}],"version-history":[{"count":499,"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/pages\/41846\/revisions"}],"predecessor-version":[{"id":45508,"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/pages\/41846\/revisions\/45508"}],"wp:attachment":[{"href":"https:\/\/nuvix.com\/fr\/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\">Caract\u00e9ristiques<\/a><\/li>\n <li><a href=\"#trading\">Outils de n\u00e9gociation<\/a><\/li>\n <li><a href=\"#pricing\">Tarification<\/a><\/li>\n <li><a href=\"#testimonials\">Commentaires<\/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 Offre limit\u00e9e dans le temps - $9.99 Trial\n <\/div>\n \n <h1 class=\"hero-title\">\n <span class=\"gradient-text\">IA avanc\u00e9e<\/span><br>\n Plate-forme d'analyse commerciale\n <\/h1>\n \n <p class=\"hero-subtitle\">\n Analyse professionnelle des options binaires et du Forex gr\u00e2ce \u00e0 une intelligence artificielle de pointe.\n Analyse du march\u00e9 en temps r\u00e9el avec assistance personnelle incluse. Le trading de crypto-monnaies arrive bient\u00f4t !\n <\/p>\n \n <div class=\"cta-group\">\n <a href=\"#pricing\" class=\"cta-primary\">\n <i class=\"fas fa-rocket\"><\/i>\n D\u00e9marrer - $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 Votre navigateur ne prend pas en charge la balise vid\u00e9o.\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\">Op\u00e9rateurs actifs<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\" data-count=\"89\">0%<\/div>\n <div class=\"stat-label\">Taux de r\u00e9ussite<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\" data-count=\"247\">0<\/div>\n <div class=\"stat-label\">March\u00e9s couverts<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\">24\/7<\/div>\n <div class=\"stat-label\">Soutien disponible<\/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\">Outils de trading professionnels<\/h2>\n <p class=\"section-subtitle\">Tout ce dont vous avez besoin pour r\u00e9ussir vos transactions en une seule plateforme<\/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\">Analyse du Forex<\/h3>\n <p class=\"feature-description\">\n Reconnaissance avanc\u00e9e des formes et analyse technique pour les principales paires de devises.\n Signaux en temps r\u00e9el et analyse du sentiment du march\u00e9.\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\">N\u00e9gociation d'options binaires<\/h3>\n <p class=\"feature-description\">\n Analyse sp\u00e9cialis\u00e9e des options binaires avec des calculs de probabilit\u00e9 et un timing d'entr\u00e9e optimal pour une r\u00e9ussite maximale.\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\">Commerce de crypto-monnaies<\/h3>\n <span class=\"coming-soon-badge\">Bient\u00f4t disponible<\/span>\n <p class=\"feature-description\">\n Analyse du march\u00e9 des crypto-monnaies aliment\u00e9e par l'IA avec des pr\u00e9visions de volatilit\u00e9 et des points d'entr\u00e9e et de sortie optimaux.\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\">Pr\u00e9dictions en mati\u00e8re d'IA<\/h3>\n <p class=\"feature-description\">\n Les algorithmes d'apprentissage automatique analysent les donn\u00e9es historiques et les mod\u00e8les de march\u00e9 pour \u00e9tablir des pr\u00e9visions pr\u00e9cises.\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\">Gestion des risques<\/h3>\n <p class=\"feature-description\">\n Des recommandations intelligentes de stop-loss et de take-profit bas\u00e9es sur votre tol\u00e9rance au risque et vos objectifs.\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\">Soutien personnel<\/h3>\n <p class=\"feature-description\">\n Un responsable de l'assistance d\u00e9di\u00e9 pour vous guider dans l'installation et r\u00e9pondre \u00e0 toutes vos questions sur le trading.\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\">Couverture du march\u00e9<\/h2>\n <p class=\"section-subtitle\">March\u00e9s actifs disponibles d\u00e8s maintenant<\/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\">Principales paires de devises<\/h3>\n <p class=\"feature-description\">\n EUR\/USD, GBP\/USD, USD\/JPY et toutes les principales paires de devises avec analyse des spreads et de la volatilit\u00e9. Analyse technique et fondamentale compl\u00e8te incluse.\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\">Signaux d'options binaires<\/h3>\n <p class=\"feature-description\">\n Signaux d'options binaires \u00e0 haute probabilit\u00e9 avec une analyse d\u00e9taill\u00e9e, des recommandations de temps d'expiration et des calculs de risque-r\u00e9compense.\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\">March\u00e9s des crypto-monnaies<\/h3>\n <span class=\"coming-soon-badge\">Bient\u00f4t disponible<\/span>\n <p class=\"feature-description\">\n Bitcoin, Ethereum, et les meilleurs altcoins avec une analyse technique avanc\u00e9e et un suivi des sentiments du march\u00e9.\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\">Choisissez votre forfait<\/h2>\n <p class=\"section-subtitle\">Des outils de trading professionnels pour tous les niveaux<\/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\">D\u00e9butant<\/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\">Les plus populaires<\/span>\n <h3 class=\"plan-name\">D\u00c9BUTANT<\/h3>\n <div class=\"plan-price\">\n $99.99<sup><\/sup>\n <\/div>\n <div class=\"credits-badge\">\n <span class=\"credits-label\">Total des cr\u00e9dits<\/span>\n <span class=\"credits-number\">500<\/span>\n <\/div>\n\n \n <a href=\"https:\/\/nuvix.com\/fr\/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 Commencer maintenant\n <\/a>\n \n <ul class=\"plan-features\">\n <li>\n <i class=\"fas fa-check\"><\/i>\n <strong>\u00c9tudes des motifs du Baccarat<\/strong> (4 cr\u00e9dits chacun)\n <\/li>\n <li>\n <i class=\"fas fa-check\"><\/i>\n <strong>Le\u00e7ons d'analyse \u00e0 la roulette<\/strong> (4 cr\u00e9dits chacun)\n <\/li>\n <li>\n <i class=\"fas fa-check\"><\/i>\n <strong>Formation sur les options binaires<\/strong> (images seulement)\n <\/li>\n <li>\n <i class=\"fas fa-check\"><\/i>\n <strong>x3 cr\u00e9dits \u00e0 la recharge<\/strong>\n <\/li>\n <li>\n <i class=\"fas fa-check\"><\/i>\n Responsable de l'assistance personnelle 1-on-1\n <\/li>\n <li>\n <i class=\"fas fa-check\"><\/i>\n Toutes les paires commerciales sont incluses\n <\/li>\n <\/ul>\n\n <a href=\"https:\/\/nuvix.com\/fr\/checkout\/?add-to-cart=39264\" class=\"cta-primary\" style=\"width: 100%; justify-content: center;\">\n <i class=\"fas fa-rocket\"><\/i>\n Commencer maintenant\n <\/a>\n <\/div>\n\n \n <div class=\"pricing-card secondary-package reveal\" data-package=\"trial\">\n <span class=\"pricing-badge trial-badge\">Offre limit\u00e9e<\/span>\n <h3 class=\"plan-name\">Paquet d'essai<\/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 cr\u00e9dits d'analyse<\/strong><br>\n Essayer avant de s'engager\n <\/p>\n\n \n <a href=\"https:\/\/nuvix.com\/fr\/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 D\u00e9but de l'essai\n <\/a>\n\n <ul class=\"plan-features\">\n <li>\n <i class=\"fas fa-check\"><\/i>\n 60 analyses de march\u00e9 professionnelles\n <\/li>\n <li>\n <i class=\"fas fa-check\"><\/i>\n Responsable de l'assistance personnelle 1-on-1\n <\/li>\n <li>\n <i class=\"fas fa-check\"><\/i>\n Toutes les paires commerciales sont incluses\n <\/li>\n <li>\n <i class=\"fas fa-check\"><\/i>\n Alertes de march\u00e9 en temps r\u00e9el\n <\/li>\n <li>\n <i class=\"fas fa-check\"><\/i>\n Outils de gestion des risques\n <\/li>\n <li>\n <i class=\"fas fa-check\"><\/i>\n Mise \u00e0 jour \u00e0 tout moment pour un acc\u00e8s complet\n <\/li>\n <\/ul>\n\n <a href=\"https:\/\/nuvix.com\/fr\/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 D\u00e9but de l'essai\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> L'offre d'essai se termine en :\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\">Heures<\/div>\n <\/div>\n <div class=\"countdown-item\">\n <div class=\"countdown-number\" id=\"minutes\">47<\/div>\n <div class=\"countdown-label\">Proc\u00e8s-verbal<\/div>\n <\/div>\n <div class=\"countdown-item\">\n <div class=\"countdown-number\" id=\"seconds\">52<\/div>\n <div class=\"countdown-label\">Secondes<\/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\">La confiance des commer\u00e7ants<\/h2>\n <p class=\"section-subtitle\">Voir ce que nos utilisateurs disent de la plateforme<\/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 \"L'analyse du forex est incroyablement pr\u00e9cise. Mon responsable du support m'a aid\u00e9 \u00e0 tout configurer parfaitement. Le meilleur $9.99 que j'ai d\u00e9pens\u00e9 en outils de trading.\"\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\">Trader Forex<\/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 \"Les signaux d'options binaires sont parfaits. Les calculs de probabilit\u00e9 et les recommandations de timing changent la donne. Hautement recommand\u00e9 !\"\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\">Trader d'options binaires<\/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 \"Des outils de qualit\u00e9 professionnelle \u00e0 un prix d'essai imbattable. Les fonctions de gestion du risque m'ont permis d'\u00e9viter plusieurs mauvaises transactions.\"\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\">Questions fr\u00e9quemment pos\u00e9es<\/h2>\n <p class=\"section-subtitle\">Tout ce qu'il faut savoir<\/p>\n <\/div>\n\n <div class=\"faq-container\">\n <div class=\"faq-item reveal\">\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n Que se passe-t-il apr\u00e8s l'achat de la version d'essai ?\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n Dans les 24 heures suivant l'achat, votre responsable d'assistance personnel vous contactera pour planifier une session d'installation.\n Il vous guidera \u00e0 travers la plateforme, vous expliquera toutes les fonctionnalit\u00e9s et r\u00e9pondra \u00e0 toutes les questions que vous vous posez sur le trading.\n <\/div>\n <\/div>\n\n <div class=\"faq-item reveal\">\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n Quels march\u00e9s puis-je analyser ?\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n Actuellement, vous b\u00e9n\u00e9ficiez d'un acc\u00e8s complet aux paires de devises (majeures, mineures et exotiques) et aux signaux d'options binaires.\n L'IA analyse toutes les principales paires de devises et fournit des signaux de trading d'options binaires \u00e0 haute probabilit\u00e9.\n L'analyse des crypto-monnaies sera bient\u00f4t disponible !\n <\/div>\n <\/div>\n\n <div class=\"faq-item reveal\">\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n Quelle est la pr\u00e9cision des pr\u00e9visions ?\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n Notre IA maintient un taux de pr\u00e9cision de 89% pour les pr\u00e9visions \u00e0 court terme bas\u00e9es sur l'analyse technique.\n Cependant, tout trading implique un risque, et nous recommandons toujours des strat\u00e9gies de gestion du risque appropri\u00e9es.\n <\/div>\n <\/div>\n\n <div class=\"faq-item reveal\">\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n Puis-je effectuer une mise \u00e0 jour apr\u00e8s la p\u00e9riode d'essai ?\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n Oui, vous pouvez passer \u00e0 n'importe quel plan \u00e0 tout moment. Votre responsable du support vous expliquera toutes les options\n et vous aidera \u00e0 choisir le meilleur plan pour vos besoins de trading. Il n'y a aucune pression pour passer \u00e0 un plan sup\u00e9rieur.\n <\/div>\n <\/div>\n\n <div class=\"faq-item reveal\">\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n Ai-je besoin d'une exp\u00e9rience en mati\u00e8re de n\u00e9gociation ?\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n Aucune exp\u00e9rience pr\u00e9alable n'est requise ! La plateforme est con\u00e7ue pour les d\u00e9butants comme pour les professionnels.\n Votre responsable de l'assistance vous fournira une formation adapt\u00e9e \u00e0 votre niveau d'exp\u00e9rience.\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\">Acheter<\/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>Avertissement important<\/strong><\/div><div class=\"disclaimer-content\"><p>Toutes les informations produites par le <strong>Analyse de l'IA de Nuvix<\/strong> (le \"Service\") est fourni strictement \u00e0 des fins d'information. <strong>\u00e0 des fins \u00e9ducatives et informatives<\/strong> seulement. Le service g\u00e9n\u00e8re des \u00e9valuations algorithmiques des donn\u00e9es du march\u00e9, des mod\u00e8les de n\u00e9gociation et de jeux de casino, mais il n'a pas d'effet sur la qualit\u00e9 des donn\u00e9es. <strong>pas<\/strong> ne g\u00e9n\u00e8rent pas de signaux de trading ou de pari exploitables et ne doivent pas \u00eatre consid\u00e9r\u00e9s comme tels.<\/p><p>L'utilisation du service comporte des risques importants. Les \u00e9valuations pass\u00e9es ne garantissent pas les performances ou les gains futurs sur le Forex, les actions, les contrats \u00e0 terme, les indices synth\u00e9tiques, les options binaires, les crypto-actifs, la roulette, le baccarat ou d'autres jeux de casino. <strong>Nuvix<\/strong> ne donne aucune garantie, expresse ou implicite, quant \u00e0 l'exactitude, l'exhaustivit\u00e9 ou l'ad\u00e9quation de toute analyse. <strong>Vos d\u00e9cisions et r\u00e9sultats<\/strong> d\u00e9pendent enti\u00e8rement de votre propre jugement, de votre tol\u00e9rance au risque, de vos efforts et des conditions du march\u00e9 ou du jeu.<\/p><p><strong>Nuvix<\/strong> n'est pas affili\u00e9, approuv\u00e9 ou associ\u00e9 \u00e0 des plates-formes de n\u00e9gociation, des courtiers, des bourses ou des op\u00e9rateurs de casino. Vous \u00eates seul responsable de la s\u00e9lection, de l'acc\u00e8s et de l'utilisation de toute plate-forme pour vos activit\u00e9s de n\u00e9gociation ou de jeu.<\/p><p>En utilisant le service, vous reconnaissez et acceptez que <strong>Nuvix<\/strong> et ses affili\u00e9s ne peuvent \u00eatre tenus responsables des pertes, dommages ou r\u00e9clamations r\u00e9sultant de l'utilisation des analyses AI. Vous devez toujours faire preuve de diligence raisonnable et consulter des professionnels qualifi\u00e9s avant d'effectuer des transactions ou des paris.<\/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>R\u00c9SIDENTS DES \u00c9TATS-UNIS - AVIS G\u00c9N\u00c9RAL :<\/strong> Les r\u00e9glementations en mati\u00e8re de n\u00e9gociation varient d'un \u00c9tat \u00e0 l'autre. Les options binaires ne sont autoris\u00e9es que par les bourses enregistr\u00e9es aupr\u00e8s de la CFTC. V\u00e9rifiez les lois f\u00e9d\u00e9rales et nationales avant d'effectuer des transactions. Cette analyse ne constitue pas un conseil financier.<\/div><\/div><div class=\"disclaimer-alert disclaimer-warning\"><div class=\"alert-icon\"><i class=\"las la-dice\"><\/i><\/div><div class=\"alert-content\"><strong>LES LOIS AM\u00c9RICAINES SUR LES JEUX D'ARGENT :<\/strong> Les jeux d'argent en ligne (jeux de casino et paris sportifs) sont ill\u00e9gaux ou soumis \u00e0 des restrictions dans la plupart des \u00c9tats am\u00e9ricains, notamment l'Utah, Hawa\u00ef et l'Idaho. V\u00e9rifiez la l\u00e9gislation de votre \u00c9tat avant de vous livrer \u00e0 des activit\u00e9s de jeu.<\/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\">Quand l'IA rencontre l'opportunit\u00e9<\/p>\n <p class=\"nuvix-footer-description\">Une plateforme r\u00e9volutionnaire d'analyse de trading aliment\u00e9e par l'IA qui transforme la fa\u00e7on dont les traders abordent les march\u00e9s financiers.<\/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>Obtenir l'extension de l'analyseur Nuvix<\/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\">Liens rapides<\/h3>\n <ul class=\"nuvix-footer-links\">\n <li><a href=\"https:\/\/nuvix.com\/fr\/#markets\">March\u00e9s<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/fr\/#solution\">Technologie de l'IA<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/fr\/#pricing\">Emballages<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/fr\/#opportunity\">Opportunit\u00e9<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/fr\/c_login\/\">Connexion des membres<\/a><\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"nuvix-footer-section\">\n <h3 class=\"nuvix-footer-title\">Juridique<\/h3>\n <ul class=\"nuvix-footer-links\">\n <li><a href=\"https:\/\/nuvix.com\/fr\/privacy-policy-en\/\">Politique de confidentialit\u00e9<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/fr\/terms-of-use-en\/\">Conditions d'utilisation<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/fr\/refund-and-cancellation-policy-en\/\">Remboursement et annulation<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/fr\/gdpr-en\/\">Politique GDPR<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/fr\/nuvix-income-disclosure-statement\/\">Compte de r\u00e9sultat<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/fr\/service-availability-compliance-policy\/\">Disponibilit\u00e9 et conformit\u00e9<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/fr\/ibp_agreement\/\">Accord IBP<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/fr\/anti-money-laundering-aml\/\">Lutte contre le blanchiment d'argent (AML)<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/fr\/cookie-policy\/\">Politique en mati\u00e8re de cookies<\/a><\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"nuvix-footer-section\">\n <h3 class=\"nuvix-footer-title\">Soutien et outils<\/h3>\n <ul class=\"nuvix-footer-links\">\n <li><a href=\"https:\/\/nuvix.com\/fr\/contact-us\/\">Nous contacter<\/a><\/li>\n <li><a href=\"https:\/\/nuvix.com\/fr\/privacy-preferences\/\">Pr\u00e9f\u00e9rences en mati\u00e8re de cookies et de protection de la vie priv\u00e9e<\/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> Extension de l'analyseur Nuvix\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\">Nous acceptons<\/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 - Tous droits r\u00e9serv\u00e9s<\/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=\"Changer de langue\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\uddeb\ud83c\uddf7<\/span>\n <span class=\"ulcs-lang\">FR<\/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\/fr\/wp-json\/wp\/v2\/pages\/41846","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/comments?post=41846"}],"version-history":[{"count":499,"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/pages\/41846\/revisions"}],"predecessor-version":[{"id":45508,"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/pages\/41846\/revisions\/45508"}],"wp:attachment":[{"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/media?parent=41846"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}