{"id":41629,"date":"2025-08-17T17:19:52","date_gmt":"2025-08-18T00:19:52","guid":{"rendered":"https:\/\/nuvix.com\/?page_id=41629"},"modified":"2025-08-18T10:45:26","modified_gmt":"2025-08-18T17:45:26","slug":"test-home","status":"publish","type":"page","link":"https:\/\/nuvix.com\/fr\/test-home\/","title":{"rendered":"test home"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Nuvix by iEvolution - Revolutionary AI Trading Analysis Platform<\/title>\n \n <!-- Icons8 Line Awesome (Free icon font) -->\n <link rel=\"stylesheet\" href=\"https:\/\/maxst.icons8.com\/vue-static\/landings\/line-awesome\/line-awesome\/1.3.0\/css\/line-awesome.min.css\">\n \n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --primary-gradient: linear-gradient(135deg, #9f39ff 0%, #00b4d8 100%);\n --secondary-gradient: linear-gradient(135deg, #ff006e 0%, #00b4d8 100%);\n --gold-gradient: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);\n --dark-bg: #0a0e27;\n --card-bg: rgba(255, 255, 255, 0.05);\n --text-light: #e2e8f0;\n --accent-blue: #00b4d8;\n --accent-purple: #9f39ff;\n --accent-pink: #ff006e;\n --success-green: #10b981;\n --danger-red: #ef4444;\n --gold: #FFD700;\n }\n\n \/* Base styles *\/\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n background-color: var(--dark-bg);\n color: var(--text-light);\n overflow-x: hidden;\n line-height: 1.6;\n margin: 0;\n padding: 0;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n \/* Container system for responsive design *\/\n .container {\n width: 100%;\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 1rem;\n }\n\n @media (min-width: 576px) {\n .container { padding: 0 1.5rem; }\n }\n\n @media (min-width: 768px) {\n .container { padding: 0 2rem; }\n }\n\n @media (min-width: 1024px) {\n .container { padding: 0 2rem; }\n }\n\n \/* Premium Animated background *\/\n .bg-animation {\n position: fixed;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: -1;\n background: var(--dark-bg);\n overflow: hidden;\n }\n\n .bg-animation::before {\n content: '';\n position: absolute;\n width: 200%;\n height: 200%;\n top: -50%;\n left: -50%;\n background: radial-gradient(circle at 20% 50%, rgba(159, 57, 255, 0.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 50%, rgba(0, 180, 216, 0.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255, 0, 110, 0.05) 0%, transparent 50%);\n animation: rotate 30s linear infinite;\n }\n\n @keyframes rotate {\n to { transform: rotate(360deg); }\n }\n\n \/* Neural network animation *\/\n .neural-network {\n position: absolute;\n width: 100%;\n height: 100%;\n opacity: 0.1;\n }\n\n .neural-path {\n stroke: var(--accent-purple);\n stroke-width: 0.5;\n fill: none;\n animation: pulse-path 3s ease-in-out infinite;\n }\n\n @keyframes pulse-path {\n 0%, 100% { opacity: 0.1; }\n 50% { opacity: 0.3; }\n }\n\n \/* Floating particles *\/\n .particle {\n position: absolute;\n background: rgba(255, 255, 255, 0.5);\n border-radius: 50%;\n animation: float 20s infinite linear;\n pointer-events: none;\n }\n\n @keyframes float {\n from {\n transform: translateY(100vh) translateX(0);\n opacity: 0;\n }\n 10% { opacity: 1; }\n 90% { opacity: 1; }\n to {\n transform: translateY(-100vh) translateX(100px);\n opacity: 0;\n }\n }\n\n \/* Header - Fully Responsive *\/\n header {\n position: fixed;\n top: 0;\n width: 100%;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(10, 14, 39, 0.8);\n backdrop-filter: blur(20px);\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;\n will-change: transform;\n }\n\n header.scrolled {\n background: rgba(10, 14, 39, 0.95);\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n }\n\n header.hidden {\n transform: translateY(-100%);\n }\n\n nav {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n width: 100%;\n max-width: 100%;\n }\n\n @media (min-width: 768px) {\n nav {\n padding: 1rem 2rem;\n }\n }\n\n @media (min-width: 1400px) {\n nav {\n max-width: 1400px;\n margin: 0 auto;\n padding: 1rem 2rem;\n }\n }\n\n .logo {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n z-index: 1002;\n }\n\n .logo img {\n height: 40px;\n width: auto;\n filter: drop-shadow(0 0 10px rgba(159, 57, 255, 0.5));\n }\n\n @media (min-width: 768px) {\n .logo img { height: 45px; }\n }\n\n \/* Desktop Navigation *\/\n .nav-links {\n display: none;\n gap: 1.5rem;\n align-items: center;\n }\n\n @media (min-width: 1024px) {\n .nav-links {\n display: flex;\n gap: 2.5rem;\n }\n }\n\n .nav-links a {\n color: var(--text-light);\n text-decoration: none;\n transition: all 0.3s ease;\n position: relative;\n font-weight: 500;\n white-space: nowrap;\n font-size: 0.95rem;\n }\n\n @media (min-width: 1200px) {\n .nav-links a { font-size: 1rem; }\n }\n\n .nav-links a::after {\n content: '';\n position: absolute;\n bottom: -5px;\n left: 0;\n width: 0;\n height: 2px;\n background: var(--primary-gradient);\n transition: width 0.3s ease;\n }\n\n .nav-links a:hover::after {\n width: 100%;\n }\n\n \/* Mobile Navigation *\/\n .mobile-nav-container {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n @media (min-width: 1024px) {\n .mobile-nav-container { display: none; }\n }\n\n .hamburger {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n width: 30px;\n height: 24px;\n cursor: pointer;\n z-index: 1002;\n padding: 5px;\n background: transparent;\n border: none;\n outline: none;\n -webkit-tap-highlight-color: transparent;\n touch-action: manipulation;\n }\n\n .hamburger:hover span {\n background: var(--accent-blue);\n }\n\n .hamburger span {\n display: block;\n width: 100%;\n height: 3px;\n background: var(--text-light);\n border-radius: 3px;\n transition: all 0.3s ease;\n }\n\n .hamburger.active span:nth-child(1) {\n transform: translateY(10.5px) rotate(45deg);\n }\n\n .hamburger.active span:nth-child(2) {\n opacity: 0;\n }\n\n .hamburger.active span:nth-child(3) {\n transform: translateY(-10.5px) rotate(-45deg);\n }\n\n \/* Mobile menu overlay *\/\n .mobile-menu {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n height: 100dvh; \/* Dynamic viewport height for mobile *\/\n background: rgba(10, 14, 39, 0.98);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n z-index: 999;\n opacity: 0;\n visibility: hidden;\n transition: opacity 0.3s ease, visibility 0.3s ease;\n pointer-events: none;\n }\n\n .mobile-menu.active {\n opacity: 1;\n visibility: visible;\n pointer-events: auto;\n }\n\n .mobile-menu-content {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n padding: 2rem;\n }\n\n .mobile-menu-links {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n text-align: center;\n margin-bottom: 2rem;\n }\n\n @media (min-width: 576px) {\n .mobile-menu-links { gap: 2rem; margin-bottom: 3rem; }\n }\n\n .mobile-menu-links a {\n color: var(--text-light);\n text-decoration: none;\n font-size: 1.25rem;\n font-weight: 600;\n transition: all 0.3s ease;\n padding: 0.5rem 1rem;\n display: block;\n -webkit-tap-highlight-color: transparent;\n }\n\n .mobile-menu-links a:hover,\n .mobile-menu-links a:active {\n color: var(--accent-blue);\n transform: translateX(5px);\n }\n\n @media (min-width: 576px) {\n .mobile-menu-links a { font-size: 1.5rem; }\n }\n\n .mobile-menu-buttons {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n max-width: 300px;\n }\n\n \/* Hero Section - Fully Responsive *\/\n .hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 5rem 0 3rem;\n position: relative;\n background: radial-gradient(circle at 50% 50%, rgba(159, 57, 255, 0.1) 0%, transparent 70%);\n }\n\n @media (min-width: 768px) {\n .hero { padding: 6rem 0 4rem; }\n }\n\n .hero-content {\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n align-items: center;\n }\n\n @media (min-width: 768px) {\n .hero-content {\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n }\n }\n\n @media (min-width: 1024px) {\n .hero-content { gap: 4rem; }\n }\n\n .hero-text {\n text-align: center;\n }\n\n @media (min-width: 768px) {\n .hero-text { text-align: left; }\n }\n\n .hero-text h1 {\n font-size: clamp(1.75rem, 4vw, 4.5rem);\n font-weight: 800;\n margin-bottom: 1rem;\n background: linear-gradient(135deg, #fff 0%, #9f39ff 50%, #00b4d8 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: gradient-shift 3s ease infinite;\n line-height: 1.1;\n }\n\n @media (min-width: 768px) {\n .hero-text h1 {\n font-size: clamp(2.5rem, 5vw, 4.5rem);\n margin-bottom: 1.5rem;\n }\n }\n\n @keyframes gradient-shift {\n 0%, 100% { filter: hue-rotate(0deg); }\n 50% { filter: hue-rotate(30deg); }\n }\n\n .hero-text p {\n font-size: clamp(0.95rem, 1.5vw, 1.25rem);\n margin-bottom: 1.5rem;\n opacity: 0.9;\n line-height: 1.6;\n }\n\n @media (min-width: 768px) {\n .hero-text p { margin-bottom: 2rem; }\n }\n\n .tagline {\n font-size: 1rem;\n color: var(--accent-blue);\n margin-bottom: 0.75rem;\n font-style: italic;\n font-weight: 500;\n }\n\n @media (min-width: 768px) {\n .tagline {\n font-size: 1.2rem;\n margin-bottom: 1rem;\n }\n }\n\n .hero-stats {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin: 1.5rem 0;\n }\n\n @media (min-width: 576px) {\n .hero-stats {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 1.5rem;\n }\n }\n\n @media (min-width: 768px) {\n .hero-stats {\n justify-content: flex-start;\n gap: 2rem;\n margin: 2rem 0;\n }\n }\n\n .stat-item {\n text-align: center;\n padding: 0.75rem;\n background: rgba(255, 255, 255, 0.05);\n border-radius: 10px;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n @media (min-width: 576px) {\n .stat-item {\n min-width: 110px;\n padding: 1rem;\n }\n }\n\n @media (min-width: 768px) {\n .stat-item { min-width: 120px; }\n }\n\n .stat-number {\n font-size: 1.5rem;\n font-weight: 800;\n background: var(--primary-gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n @media (min-width: 576px) {\n .stat-number { font-size: 1.75rem; }\n }\n\n @media (min-width: 768px) {\n .stat-number { font-size: 2rem; }\n }\n\n .stat-label {\n font-size: 0.75rem;\n opacity: 0.8;\n margin-top: 0.25rem;\n }\n\n @media (min-width: 576px) {\n .stat-label { font-size: 0.875rem; }\n }\n\n .cta-buttons {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n margin-top: 1.5rem;\n }\n\n @media (min-width: 576px) {\n .cta-buttons {\n flex-direction: row;\n justify-content: center;\n flex-wrap: wrap;\n gap: 1rem;\n }\n }\n\n @media (min-width: 768px) {\n .cta-buttons {\n justify-content: flex-start;\n margin-top: 2rem;\n }\n }\n\n \/* Buttons - Responsive *\/\n .btn {\n padding: 0.875rem 2rem;\n border-radius: 25px;\n text-decoration: none;\n font-weight: 600;\n transition: all 0.3s ease;\n display: inline-block;\n position: relative;\n overflow: hidden;\n border: none;\n cursor: pointer;\n font-size: 0.9rem;\n white-space: nowrap;\n text-align: center;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n @media (min-width: 576px) {\n .btn {\n padding: 1rem 2.5rem;\n font-size: 1rem;\n }\n }\n\n .btn-primary {\n background: var(--primary-gradient);\n color: white;\n box-shadow: 0 4px 20px rgba(159, 57, 255, 0.4);\n }\n\n .btn-primary:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 30px rgba(159, 57, 255, 0.6);\n }\n\n .btn-secondary {\n background: transparent;\n color: var(--text-light);\n border: 2px solid rgba(255, 255, 255, 0.3);\n }\n\n .btn-secondary:hover {\n background: rgba(255, 255, 255, 0.1);\n border-color: var(--accent-blue);\n color: var(--accent-blue);\n }\n\n \/* Pre-registration badge *\/\n .pre-reg-badge {\n background: linear-gradient(135deg, #f59e0b, #ef4444);\n color: white;\n padding: 0.4rem 1rem;\n border-radius: 25px;\n font-size: 0.75rem;\n font-weight: 600;\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n margin-bottom: 0.75rem;\n animation: pulse 2s infinite;\n box-shadow: 0 4px 15px rgba(245, 158, 11, 0.4);\n }\n\n @media (min-width: 576px) {\n .pre-reg-badge {\n padding: 0.5rem 1.5rem;\n font-size: 0.875rem;\n margin-bottom: 1rem;\n }\n }\n\n @keyframes pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n }\n\n \/* AI Visualization - Responsive *\/\n .ai-visual {\n position: relative;\n animation: float-slow 6s ease-in-out infinite;\n width: 100%;\n margin-top: 2rem;\n }\n\n @media (min-width: 768px) {\n .ai-visual { margin-top: 0; }\n }\n\n @keyframes float-slow {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-20px); }\n }\n\n .chart-preview {\n background: rgba(255, 255, 255, 0.03);\n border-radius: 20px;\n padding: 1.5rem 1rem;\n border: 1px solid rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(20px);\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 40px rgba(159, 57, 255, 0.2);\n }\n\n @media (min-width: 576px) {\n .chart-preview { padding: 2rem; }\n }\n\n .chart-preview::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: var(--primary-gradient);\n animation: scan 2s ease-in-out infinite;\n }\n\n @keyframes scan {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(100%); }\n }\n\n .ai-features-preview {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.75rem;\n margin-top: 1.5rem;\n }\n\n @media (min-width: 576px) {\n .ai-features-preview {\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n }\n\n .ai-feature-item {\n background: rgba(255, 255, 255, 0.05);\n padding: 0.75rem;\n border-radius: 10px;\n font-size: 0.875rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .ai-feature-item i {\n color: var(--success-green);\n font-size: 1rem;\n }\n\n \/* Canvas responsive sizing *\/\n #chart {\n max-width: 100%;\n height: auto;\n }\n\n \/* Markets Section - Responsive Grid *\/\n .markets-section {\n padding: 3rem 0;\n }\n\n @media (min-width: 768px) {\n .markets-section { padding: 5rem 0; }\n }\n\n @media (min-width: 1024px) {\n .markets-section { padding: 6rem 0; }\n }\n\n .markets-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-top: 2rem;\n }\n\n @media (min-width: 576px) {\n .markets-grid {\n grid-template-columns: repeat(3, 1fr);\n gap: 1.5rem;\n }\n }\n\n @media (min-width: 768px) {\n .markets-grid {\n grid-template-columns: repeat(4, 1fr);\n gap: 2rem;\n }\n }\n\n @media (min-width: 1024px) {\n .markets-grid { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }\n }\n\n .market-card {\n background: var(--card-bg);\n padding: 1.5rem 1rem;\n border-radius: 15px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n text-align: center;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n\n @media (min-width: 576px) {\n .market-card { padding: 2rem; }\n }\n\n .market-card::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(159, 57, 255, 0.1) 0%, transparent 70%);\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n\n .market-card:hover::before {\n opacity: 1;\n }\n\n .market-card:hover {\n transform: translateY(-5px);\n border-color: var(--accent-purple);\n box-shadow: 0 10px 30px rgba(159, 57, 255, 0.3);\n }\n\n .market-icon {\n font-size: 2.5rem;\n margin-bottom: 0.75rem;\n color: var(--accent-blue);\n }\n\n @media (min-width: 576px) {\n .market-icon {\n font-size: 3rem;\n margin-bottom: 1rem;\n }\n }\n\n .market-name {\n font-size: 1.1rem;\n font-weight: 600;\n margin-bottom: 0.5rem;\n }\n\n @media (min-width: 576px) {\n .market-name { font-size: 1.25rem; }\n }\n\n \/* Section styles - Responsive *\/\n .section-container {\n padding: 0;\n }\n\n .section-title {\n text-align: center;\n font-size: clamp(1.75rem, 3.5vw, 3.5rem);\n margin-bottom: 1rem;\n background: linear-gradient(135deg, #fff 0%, #00b4d8 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-weight: 800;\n }\n\n @media (min-width: 768px) {\n .section-title {\n font-size: clamp(2.5rem, 4vw, 3.5rem);\n margin-bottom: 1.5rem;\n }\n }\n\n .section-subtitle {\n text-align: center;\n font-size: clamp(0.95rem, 1.5vw, 1.25rem);\n opacity: 0.8;\n margin-bottom: 2.5rem;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n }\n\n @media (min-width: 768px) {\n .section-subtitle { margin-bottom: 4rem; }\n }\n\n \/* Problem Section - Responsive *\/\n .problem-section {\n padding: 3rem 0;\n background: linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, 0.02) 50%, transparent 100%);\n }\n\n @media (min-width: 768px) {\n .problem-section { padding: 5rem 0; }\n }\n\n @media (min-width: 1024px) {\n .problem-section { padding: 6rem 0; }\n }\n\n .problem-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1.5rem;\n margin-bottom: 3rem;\n }\n\n @media (min-width: 576px) {\n .problem-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 1.5rem;\n }\n }\n\n @media (min-width: 768px) {\n .problem-grid {\n grid-template-columns: repeat(3, 1fr);\n gap: 2rem;\n }\n }\n\n @media (min-width: 1024px) {\n .problem-grid { margin-bottom: 4rem; }\n }\n\n .problem-card {\n background: var(--card-bg);\n padding: 2rem 1.5rem;\n border-radius: 20px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n text-align: center;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n\n @media (min-width: 768px) {\n .problem-card { padding: 2.5rem; }\n }\n\n .problem-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(135deg, transparent, rgba(239, 68, 68, 0.1));\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n\n .problem-card:hover::before {\n opacity: 1;\n }\n\n .problem-card:hover {\n transform: translateY(-10px);\n border-color: var(--danger-red);\n box-shadow: 0 15px 40px rgba(239, 68, 68, 0.3);\n }\n\n .problem-icon {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n display: block;\n color: var(--danger-red);\n }\n\n @media (min-width: 768px) {\n .problem-icon {\n font-size: 3.5rem;\n margin-bottom: 1.5rem;\n }\n }\n\n .problem-title {\n font-size: 1.1rem;\n font-weight: 600;\n margin-bottom: 0.75rem;\n color: #fff;\n }\n\n @media (min-width: 768px) {\n .problem-title { font-size: 1.25rem; }\n }\n\n .problem-desc {\n opacity: 0.8;\n line-height: 1.5;\n font-size: 0.9rem;\n }\n\n @media (min-width: 768px) {\n .problem-desc { font-size: 1rem; }\n }\n\n .big-stat {\n text-align: center;\n margin: 3rem 0;\n position: relative;\n }\n\n @media (min-width: 768px) {\n .big-stat { margin: 5rem 0; }\n }\n\n .big-stat-number {\n font-size: clamp(3rem, 7vw, 6rem);\n font-weight: 900;\n background: linear-gradient(135deg, #ef4444, #f59e0b);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n line-height: 1;\n text-shadow: 0 4px 20px rgba(239, 68, 68, 0.3);\n }\n\n .big-stat-desc {\n font-size: clamp(1.1rem, 2vw, 1.75rem);\n margin-top: 1rem;\n opacity: 0.9;\n }\n\n \/* Solution Section - Responsive *\/\n .solution-section {\n padding: 3rem 0;\n }\n\n @media (min-width: 768px) {\n .solution-section { padding: 5rem 0; }\n }\n\n @media (min-width: 1024px) {\n .solution-section { padding: 6rem 0; }\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n margin-bottom: 3rem;\n }\n\n @media (min-width: 768px) {\n .features-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 2.5rem;\n }\n }\n\n @media (min-width: 1024px) {\n .features-grid {\n grid-template-columns: repeat(3, 1fr);\n gap: 3rem;\n margin-bottom: 4rem;\n }\n }\n\n .feature-card {\n background: var(--card-bg);\n padding: 2rem 1.5rem;\n border-radius: 20px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n\n @media (min-width: 768px) {\n .feature-card { padding: 3rem; }\n }\n\n .feature-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(135deg, transparent, rgba(159, 57, 255, 0.1));\n transform: translateX(-100%);\n transition: transform 0.5s ease;\n }\n\n .feature-card:hover::before {\n transform: translateX(0);\n }\n\n .feature-card:hover {\n transform: translateY(-10px);\n border-color: var(--accent-purple);\n box-shadow: 0 20px 50px rgba(159, 57, 255, 0.3);\n }\n\n .feature-icon {\n width: 60px;\n height: 60px;\n background: var(--primary-gradient);\n border-radius: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2rem;\n margin-bottom: 1.5rem;\n box-shadow: 0 8px 25px rgba(159, 57, 255, 0.3);\n color: white;\n }\n\n @media (min-width: 768px) {\n .feature-icon {\n width: 70px;\n height: 70px;\n font-size: 2.5rem;\n margin-bottom: 2rem;\n }\n }\n\n .feature-title {\n font-size: 1.25rem;\n font-weight: 700;\n margin-bottom: 1rem;\n color: #fff;\n }\n\n @media (min-width: 768px) {\n .feature-title { font-size: 1.5rem; }\n }\n\n .feature-desc {\n opacity: 0.9;\n line-height: 1.6;\n margin-bottom: 1.5rem;\n font-size: 0.95rem;\n }\n\n @media (min-width: 768px) {\n .feature-desc { font-size: 1rem; }\n }\n\n .feature-list {\n list-style: none;\n }\n\n .feature-list li {\n padding: 0.5rem 0;\n padding-left: 1.5rem;\n position: relative;\n opacity: 0.8;\n font-size: 0.9rem;\n }\n\n @media (min-width: 768px) {\n .feature-list li { font-size: 0.95rem; }\n }\n\n .feature-list li i {\n position: absolute;\n left: 0;\n color: var(--accent-blue);\n font-weight: bold;\n }\n\n \/* AI Features Section - Responsive *\/\n .ai-features-section {\n padding: 3rem 0;\n background: rgba(159, 57, 255, 0.05);\n }\n\n @media (min-width: 768px) {\n .ai-features-section { padding: 5rem 0; }\n }\n\n @media (min-width: 1024px) {\n .ai-features-section { padding: 6rem 0; }\n }\n\n .ai-capabilities-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1.5rem;\n padding: 2rem 0;\n }\n\n @media (min-width: 576px) {\n .ai-capabilities-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 2rem;\n }\n }\n\n @media (min-width: 768px) {\n .ai-capabilities-grid {\n grid-template-columns: repeat(3, 1fr);\n gap: 2.5rem;\n }\n }\n\n .ai-capability {\n background: rgba(255, 255, 255, 0.03);\n padding: 2rem 1.5rem;\n border-radius: 20px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.3s ease;\n text-align: center;\n }\n\n @media (min-width: 768px) {\n .ai-capability { padding: 2.5rem; }\n }\n\n .ai-capability:hover {\n transform: scale(1.05);\n background: rgba(255, 255, 255, 0.05);\n box-shadow: 0 15px 40px rgba(159, 57, 255, 0.3);\n }\n\n .capability-icon {\n width: 70px;\n height: 70px;\n margin: 0 auto 1.5rem;\n background: var(--primary-gradient);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2rem;\n color: white;\n }\n\n @media (min-width: 768px) {\n .capability-icon {\n width: 80px;\n height: 80px;\n font-size: 2.5rem;\n }\n }\n\n .capability-title {\n font-size: 1.1rem;\n font-weight: 600;\n margin-bottom: 0.75rem;\n color: var(--accent-blue);\n }\n\n @media (min-width: 768px) {\n .capability-title { font-size: 1.25rem; }\n }\n\n \/* Business Model Section - Responsive *\/\n .business-model-section {\n padding: 3rem 0;\n background: linear-gradient(180deg, transparent 0%, rgba(0, 180, 216, 0.05) 50%, transparent 100%);\n }\n\n @media (min-width: 768px) {\n .business-model-section { padding: 5rem 0; }\n }\n\n @media (min-width: 1024px) {\n .business-model-section { padding: 6rem 0; }\n }\n\n .business-model-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n\n @media (min-width: 768px) {\n .business-model-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 2.5rem;\n }\n }\n\n @media (min-width: 1024px) {\n .business-model-grid {\n grid-template-columns: repeat(3, 1fr);\n gap: 3rem;\n }\n }\n\n .model-card {\n background: rgba(255, 255, 255, 0.03);\n padding: 2rem 1.5rem;\n border-radius: 25px;\n border: 1px solid rgba(0, 180, 216, 0.2);\n position: relative;\n overflow: hidden;\n }\n\n @media (min-width: 768px) {\n .model-card { padding: 3rem; }\n }\n\n .model-card::after {\n content: '';\n position: absolute;\n top: -2px;\n left: -2px;\n right: -2px;\n bottom: -2px;\n background: var(--primary-gradient);\n border-radius: 25px;\n opacity: 0;\n z-index: -1;\n transition: opacity 0.3s ease;\n }\n\n .model-card:hover::after {\n opacity: 0.2;\n }\n\n .model-icon {\n width: 80px;\n height: 80px;\n background: linear-gradient(135deg, rgba(0, 180, 216, 0.2), rgba(159, 57, 255, 0.2));\n border-radius: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2.5rem;\n margin-bottom: 1.5rem;\n color: var(--accent-blue);\n }\n\n @media (min-width: 768px) {\n .model-icon {\n width: 100px;\n height: 100px;\n font-size: 3rem;\n margin-bottom: 2rem;\n }\n }\n\n .model-title {\n font-size: 1.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n background: var(--primary-gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n @media (min-width: 768px) {\n .model-title { font-size: 1.75rem; }\n }\n\n .model-desc {\n font-size: 1rem;\n line-height: 1.6;\n margin-bottom: 1.5rem;\n opacity: 0.9;\n }\n\n @media (min-width: 768px) {\n .model-desc {\n font-size: 1.1rem;\n margin-bottom: 2rem;\n }\n }\n\n .model-features {\n list-style: none;\n }\n\n .model-features li {\n padding: 0.75rem 0;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n display: flex;\n align-items: center;\n gap: 0.75rem;\n font-size: 0.95rem;\n }\n\n .model-features li i {\n color: var(--success-green);\n font-size: 1.25rem;\n }\n\n \/* Pricing Section - Fully Responsive *\/\n .pricing {\n padding: 3rem 0;\n background: rgba(255, 255, 255, 0.02);\n position: relative;\n overflow: hidden;\n }\n\n @media (min-width: 768px) {\n .pricing { padding: 5rem 0; }\n }\n\n @media (min-width: 1024px) {\n .pricing { padding: 6rem 0; }\n }\n\n .pricing::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 800px;\n height: 800px;\n background: radial-gradient(circle, rgba(159, 57, 255, 0.1) 0%, transparent 70%);\n transform: translate(-50%, -50%);\n }\n\n .pricing-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n position: relative;\n z-index: 1;\n }\n\n @media (min-width: 768px) {\n .pricing-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 2rem;\n }\n }\n\n @media (min-width: 1024px) {\n .pricing-grid {\n grid-template-columns: repeat(3, 1fr);\n gap: 2rem;\n }\n }\n\n .pricing-card {\n background: rgba(255, 255, 255, 0.03);\n border-radius: 25px;\n padding: 2rem 1.5rem;\n border: 1px solid rgba(255, 255, 255, 0.1);\n text-align: center;\n position: relative;\n transition: all 0.3s ease;\n backdrop-filter: blur(10px);\n display: flex;\n flex-direction: column;\n }\n\n @media (min-width: 576px) {\n .pricing-card { padding: 2.5rem 2rem; }\n }\n\n @media (min-width: 768px) {\n .pricing-card { padding: 3rem 2rem; }\n }\n\n @media (min-width: 768px) and (max-width: 1023px) {\n .pricing-card:nth-child(3) {\n grid-column: span 2;\n max-width: 500px;\n margin: 0 auto;\n }\n }\n\n .pricing-card.featured {\n border-color: var(--accent-purple);\n background: rgba(159, 57, 255, 0.05);\n box-shadow: 0 25px 60px rgba(159, 57, 255, 0.4);\n padding-top: 3.5rem;\n }\n\n @media (min-width: 768px) {\n .pricing-card.featured {\n transform: scale(1.05);\n padding-top: 4.5rem;\n }\n }\n\n .pricing-card.featured::before {\n content: 'MOST POPULAR';\n position: absolute;\n top: 10px;\n left: 50%;\n transform: translateX(-50%);\n background: var(--primary-gradient);\n padding: 0.4rem 1.5rem;\n border-radius: 25px;\n font-size: 0.75rem;\n font-weight: 700;\n letter-spacing: 1px;\n box-shadow: 0 4px 15px rgba(159, 57, 255, 0.4);\n white-space: nowrap;\n }\n\n @media (min-width: 576px) {\n .pricing-card.featured::before {\n top: 15px;\n padding: 0.5rem 2rem;\n font-size: 0.875rem;\n }\n }\n\n \/* Mobile Package Selector *\/\n .mobile-package-selector {\n display: block;\n background: rgba(10, 14, 39, 0.95);\n backdrop-filter: blur(10px);\n padding: 1rem;\n margin-bottom: 2rem;\n border-radius: 15px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n @media (min-width: 768px) {\n .mobile-package-selector { display: none; }\n }\n\n .package-buttons {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 0.5rem;\n }\n\n .package-btn {\n padding: 0.6rem 0.8rem;\n border: none;\n background: var(--card-bg);\n color: var(--text-light);\n border-radius: 25px;\n cursor: pointer;\n transition: all 0.3s ease;\n font-weight: 600;\n font-size: 0.8rem;\n }\n\n @media (min-width: 576px) {\n .package-btn {\n padding: 0.75rem 1.5rem;\n font-size: 0.85rem;\n }\n }\n\n .package-btn.active {\n background: var(--primary-gradient);\n color: white;\n }\n\n \/* Show only active card on mobile with smooth transitions *\/\n @media (max-width: 767px) {\n .pricing-card {\n opacity: 0;\n transform: translateX(100%);\n position: absolute;\n width: 100%;\n transition: opacity 0.4s ease, transform 0.4s ease;\n pointer-events: none;\n }\n \n .pricing-card.active {\n opacity: 1;\n transform: translateX(0);\n position: relative;\n pointer-events: auto;\n }\n \n .pricing-grid {\n position: relative;\n min-height: 650px;\n }\n }\n\n .pricing-header {\n margin-bottom: 1rem;\n }\n\n .package-name {\n font-size: 1.25rem;\n font-weight: 700;\n margin-bottom: 0.5rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n @media (min-width: 768px) {\n .package-name { font-size: 1.5rem; }\n }\n\n .package-tagline {\n font-size: 0.9rem;\n opacity: 0.7;\n font-style: italic;\n }\n\n @media (min-width: 768px) {\n .package-tagline { font-size: 0.95rem; }\n }\n\n .price-container {\n min-height: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 1.5rem 0;\n padding: 0 1rem;\n }\n\n @media (min-width: 768px) {\n .price-container { min-height: 80px; }\n }\n\n .price {\n font-size: 2rem;\n font-weight: 900;\n margin: 0;\n background: var(--secondary-gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n line-height: 1;\n transition: font-size 0.3s ease;\n }\n\n @media (min-width: 576px) {\n .price { font-size: 2.2rem; }\n }\n\n @media (min-width: 768px) {\n .price { font-size: 2.5rem; }\n }\n\n .price-period {\n font-size: 0.4em;\n opacity: 0.7;\n font-weight: 400;\n }\n\n .token-info {\n background: linear-gradient(135deg, rgba(159, 57, 255, 0.1), rgba(0, 180, 216, 0.1));\n border: 1px solid rgba(159, 57, 255, 0.3);\n border-radius: 15px;\n padding: 1rem;\n margin: 1rem 0;\n }\n\n @media (min-width: 768px) {\n .token-info {\n padding: 1.5rem;\n margin: 1.5rem 0;\n }\n }\n\n .token-value {\n font-size: 0.85rem;\n opacity: 0.8;\n }\n\n @media (min-width: 768px) {\n .token-value { font-size: 0.9rem; }\n }\n\n .price-features {\n list-style: none;\n margin: 1.5rem 0;\n text-align: left;\n flex-grow: 1;\n }\n\n @media (min-width: 768px) {\n .price-features { margin: 2rem 0; }\n }\n\n .price-features li {\n padding: 0.75rem 0;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n display: flex;\n align-items: center;\n gap: 0.75rem;\n font-size: 0.9rem;\n }\n\n @media (min-width: 768px) {\n .price-features li {\n padding: 1rem 0;\n font-size: 1rem;\n }\n }\n\n .price-features li:last-child {\n border-bottom: none;\n }\n\n .feature-check {\n color: var(--success-green);\n font-size: 1.1rem;\n flex-shrink: 0;\n }\n\n @media (min-width: 768px) {\n .feature-check { font-size: 1.25rem; }\n }\n\n .commission-info {\n background: rgba(255, 215, 0, 0.1);\n border: 1px solid rgba(255, 215, 0, 0.3);\n border-radius: 10px;\n padding: 0.75rem;\n margin: 1rem 0;\n font-size: 0.85rem;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n gap: 0.5rem;\n }\n\n @media (min-width: 768px) {\n .commission-info {\n padding: 1rem;\n font-size: 0.9rem;\n }\n }\n\n .commission-amount {\n color: var(--gold);\n font-weight: 700;\n font-size: 1rem;\n white-space: nowrap;\n }\n\n @media (min-width: 768px) {\n .commission-amount { font-size: 1.1rem; }\n }\n\n \/* Compensation Section - Responsive *\/\n .compensation-section {\n padding: 3rem 0;\n background: linear-gradient(180deg, transparent 0%, rgba(255, 215, 0, 0.05) 50%, transparent 100%);\n }\n\n @media (min-width: 768px) {\n .compensation-section { padding: 5rem 0; }\n }\n\n @media (min-width: 1024px) {\n .compensation-section { padding: 6rem 0; }\n }\n\n .compensation-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n margin-bottom: 3rem;\n }\n\n @media (min-width: 768px) {\n .compensation-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 2.5rem;\n }\n }\n\n @media (min-width: 1024px) {\n .compensation-grid {\n grid-template-columns: repeat(3, 1fr);\n margin-bottom: 4rem;\n }\n }\n\n .comp-card {\n background: rgba(255, 255, 255, 0.03);\n padding: 2rem 1.5rem;\n border-radius: 25px;\n border: 1px solid rgba(255, 215, 0, 0.2);\n text-align: center;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n\n @media (min-width: 768px) {\n .comp-card { padding: 3rem; }\n }\n\n .comp-card::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255, 215, 0, 0.1) 0%, transparent 70%);\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n\n .comp-card:hover::before {\n opacity: 1;\n }\n\n .comp-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 50px rgba(255, 215, 0, 0.3);\n }\n\n .comp-icon {\n width: 70px;\n height: 70px;\n background: var(--gold-gradient);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2rem;\n margin: 0 auto 1.5rem;\n box-shadow: 0 8px 25px rgba(255, 215, 0, 0.3);\n color: white;\n }\n\n @media (min-width: 768px) {\n .comp-icon {\n width: 80px;\n height: 80px;\n font-size: 2.5rem;\n }\n }\n\n .comp-card h3 {\n font-size: 1.25rem;\n color: var(--gold);\n margin-bottom: 1rem;\n font-weight: 700;\n }\n\n @media (min-width: 768px) {\n .comp-card h3 { font-size: 1.5rem; }\n }\n\n .comp-desc {\n font-size: 0.95rem;\n opacity: 0.8;\n margin-bottom: 1.5rem;\n line-height: 1.5;\n }\n\n @media (min-width: 768px) {\n .comp-desc { font-size: 1rem; }\n }\n\n .comp-amount {\n font-size: 2.5rem;\n font-weight: 900;\n background: var(--gold-gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n line-height: 1;\n }\n\n @media (min-width: 768px) {\n .comp-amount { font-size: 3rem; }\n }\n\n .comp-period {\n font-size: 0.9rem;\n opacity: 0.7;\n margin-top: 0.5rem;\n }\n\n @media (min-width: 768px) {\n .comp-period { font-size: 1rem; }\n }\n\n \/* Binary Plan Visual - Responsive *\/\n .binary-visual {\n max-width: 800px;\n margin: 3rem auto;\n text-align: center;\n }\n\n @media (min-width: 768px) {\n .binary-visual { margin: 4rem auto; }\n }\n\n .tree-diagram {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n margin: 2rem 0;\n transform: scale(0.8);\n }\n\n @media (min-width: 576px) {\n .tree-diagram { transform: scale(0.9); }\n }\n\n @media (min-width: 768px) {\n .tree-diagram { transform: scale(1); }\n }\n\n .tree-node {\n display: flex;\n flex-direction: column;\n align-items: center;\n position: relative;\n margin: 0 1rem;\n }\n\n @media (min-width: 768px) {\n .tree-node { margin: 0 2rem; }\n }\n\n .node-circle {\n width: 60px;\n height: 60px;\n background: var(--primary-gradient);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n color: white;\n box-shadow: 0 8px 25px rgba(159, 57, 255, 0.4);\n position: relative;\n z-index: 2;\n font-size: 0.9rem;\n }\n\n @media (min-width: 768px) {\n .node-circle {\n width: 80px;\n height: 80px;\n font-size: 1rem;\n }\n }\n\n .node-label {\n margin-top: 0.75rem;\n font-weight: 600;\n color: var(--accent-blue);\n font-size: 0.85rem;\n }\n\n @media (min-width: 768px) {\n .node-label {\n margin-top: 1rem;\n font-size: 1rem;\n }\n }\n\n .tree-branches {\n display: flex;\n margin-top: 2rem;\n position: relative;\n }\n\n .tree-branches::before {\n content: '';\n position: absolute;\n top: -40px;\n left: 50%;\n width: 2px;\n height: 40px;\n background: rgba(255, 255, 255, 0.3);\n }\n\n \/* Video Section - Responsive *\/\n .video-section {\n padding: 3rem 0;\n background: linear-gradient(180deg, rgba(159, 57, 255, 0.05) 0%, transparent 100%);\n position: relative;\n overflow: hidden;\n }\n\n @media (min-width: 768px) {\n .video-section { padding: 5rem 0; }\n }\n\n @media (min-width: 1024px) {\n .video-section { padding: 6rem 0; }\n }\n\n .video-container {\n max-width: 100%;\n margin: 0 auto;\n }\n\n .video-wrapper {\n background: #000;\n border-radius: 0;\n overflow: hidden;\n position: relative;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n }\n\n .video-label {\n position: absolute;\n top: 15px;\n left: 15px;\n background: rgba(159, 57, 255, 0.9);\n backdrop-filter: blur(10px);\n color: #fff;\n padding: 8px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 700;\n z-index: 5;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n @media (min-width: 768px) {\n .video-label {\n top: 20px;\n left: 20px;\n padding: 10px 25px;\n font-size: 14px;\n }\n }\n\n .video-player {\n position: relative;\n width: 100%;\n background: #000;\n cursor: pointer;\n }\n\n .video-player video {\n width: 100%;\n height: auto;\n display: block;\n }\n\n .play-btn {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 70px;\n height: 70px;\n background: rgba(255, 255, 255, 0.95);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 0.3s ease;\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);\n }\n\n @media (min-width: 576px) {\n .play-btn {\n width: 80px;\n height: 80px;\n }\n }\n\n @media (min-width: 768px) {\n .play-btn {\n width: 100px;\n height: 100px;\n }\n }\n\n .play-btn:hover {\n transform: translate(-50%, -50%) scale(1.1);\n background: #fff;\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);\n }\n\n .play-btn i {\n color: var(--accent-purple);\n font-size: 1.5rem;\n margin-left: 5px;\n }\n\n @media (min-width: 576px) {\n .play-btn i { font-size: 1.75rem; }\n }\n\n @media (min-width: 768px) {\n .play-btn i { font-size: 2rem; }\n }\n\n \/* CTA Section - Responsive *\/\n .cta-section {\n padding: 4rem 0;\n background: linear-gradient(135deg, rgba(159, 57, 255, 0.1) 0%, rgba(0, 180, 216, 0.1) 100%);\n text-align: center;\n }\n\n @media (min-width: 768px) {\n .cta-section { padding: 6rem 0; }\n }\n\n @media (min-width: 1024px) {\n .cta-section { padding: 8rem 0; }\n }\n\n .cta-content {\n max-width: 800px;\n margin: 0 auto;\n }\n\n .cta-title {\n font-size: clamp(2rem, 3.5vw, 3.5rem);\n font-weight: 800;\n margin-bottom: 1rem;\n background: linear-gradient(135deg, #fff 0%, #9f39ff 50%, #00b4d8 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n @media (min-width: 768px) {\n .cta-title { margin-bottom: 1.5rem; }\n }\n\n .cta-subtitle {\n font-size: clamp(1.1rem, 2vw, 1.5rem);\n opacity: 0.9;\n margin-bottom: 2rem;\n line-height: 1.5;\n }\n\n @media (min-width: 768px) {\n .cta-subtitle { margin-bottom: 3rem; }\n }\n\n .btn-large {\n padding: 1rem 2.5rem;\n font-size: 1rem;\n }\n\n @media (min-width: 576px) {\n .btn-large {\n padding: 1.125rem 2.75rem;\n font-size: 1.05rem;\n }\n }\n\n @media (min-width: 768px) {\n .btn-large {\n padding: 1.25rem 3rem;\n font-size: 1.1rem;\n }\n }\n\n \/* Disclaimer - Responsive *\/\n .disclaimer {\n background: rgba(239, 68, 68, 0.1);\n border: 2px solid rgba(239, 68, 68, 0.3);\n border-radius: 15px;\n padding: 1.5rem 1rem;\n margin: 2rem auto;\n font-size: 0.8rem;\n text-align: left;\n max-width: 1200px;\n backdrop-filter: blur(10px);\n }\n\n @media (min-width: 576px) {\n .disclaimer {\n padding: 2rem;\n font-size: 0.85rem;\n }\n }\n\n @media (min-width: 768px) {\n .disclaimer {\n margin: 3rem auto;\n font-size: 0.9rem;\n }\n }\n\n .disclaimer strong {\n color: var(--danger-red);\n }\n\n .disclaimer p {\n margin-bottom: 0.75rem;\n line-height: 1.6;\n }\n\n @media (min-width: 768px) {\n .disclaimer p { margin-bottom: 1rem; }\n }\n\n .disclaimer p:last-child {\n margin-bottom: 0;\n }\n\n \/* Utility classes *\/\n .text-center { text-align: center; }\n .text-left { text-align: left; }\n .text-right { text-align: right; }\n\n \/* Animation classes *\/\n .fade-in {\n opacity: 0;\n transform: translateY(20px);\n transition: all 0.6s ease;\n }\n\n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Shimmer effect *\/\n @keyframes shimmer {\n 0% { background-position: -200% center; }\n 100% { background-position: 200% center; }\n }\n\n .shimmer {\n background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.2) 50%, transparent 100%);\n background-size: 200% 100%;\n animation: shimmer 2s infinite;\n }\n\n \/* Glow effects *\/\n .glow {\n animation: glow 2s ease-in-out infinite alternate;\n }\n\n @keyframes glow {\n from { box-shadow: 0 0 20px rgba(159, 57, 255, 0.5); }\n to { box-shadow: 0 0 30px rgba(159, 57, 255, 0.8), 0 0 40px rgba(159, 57, 255, 0.5); }\n }\n\n \/* Ensure proper scrolling behavior *\/\n html {\n scroll-behavior: smooth;\n }\n\n \/* Prevent horizontal scroll *\/\n body {\n overflow-x: hidden;\n }\n\n \/* Responsive iframe\/video container *\/\n .video-responsive {\n position: relative;\n padding-bottom: 56.25%; \/* 16:9 *\/\n height: 0;\n overflow: hidden;\n }\n\n .video-responsive iframe,\n .video-responsive video {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n \/* Print styles *\/\n @media print {\n .no-print {\n display: none !important;\n }\n \n body {\n background: white;\n color: black;\n }\n }\n\n \/* High contrast mode support *\/\n @media (prefers-contrast: high) {\n :root {\n --dark-bg: #000;\n --text-light: #fff;\n }\n }\n\n \/* Reduced motion support *\/\n @media (prefers-reduced-motion: reduce) {\n *,\n *::before,\n *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n }\n }\n\n <\/style>\n<\/head>\n<body>\n<!-- Continue from where Part 1 ends with <body> tag -->\n <div id=\"nuvix-landing\">\n <div class=\"bg-animation\">\n <svg class=\"neural-network\" viewbox=\"0 0 1920 1080\">\n <path class=\"neural-path\" d=\"M0,500 Q480,400 960,500 T1920,500\" \/>\n <path class=\"neural-path\" d=\"M200,300 Q680,200 1160,300 T1920,300\" \/>\n <path class=\"neural-path\" d=\"M100,700 Q580,600 1060,700 T1920,700\" \/>\n <\/svg>\n <\/div>\n\n <header>\n <nav>\n <div class=\"logo\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/07\/uvix-1-1.png\" alt=\"Nuvix\">\n <\/div>\n \n <!-- Desktop Navigation -->\n <div class=\"nav-links\">\n <a href=\"#markets\">March\u00e9s<\/a>\n <a href=\"#solution\">Technologie de l'IA<\/a>\n <a href=\"#business-model\">Mod\u00e8le d'entreprise<\/a>\n <a href=\"#pricing\">Emballages<\/a>\n <a href=\"#opportunity\">Opportunit\u00e9<\/a>\n <a href=\"https:\/\/nuvix.com\/fr\/c_login\/\">Se connecter<\/a>\n <div class=\"locale-switcher-wrapper\"> <div class=\"ulcs-widget minimal-style\"\n data-position=\"inline\" \n data-type=\"both\">\n <button class=\"ulcs-trigger\" aria-label=\"Modifier les deux\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\uddeb\ud83c\uddf7<\/span>\n <span class=\"ulcs-lang\">FR<\/span>\n \n <span class=\"ulcs-divider\">|<\/span>\n \n <span class=\"ulcs-currency-symbol\">$<\/span>\n <span class=\"ulcs-currency-code\">USD<\/span>\n <\/div>\n <svg class=\"ulcs-arrow\" width=\"12\" height=\"12\" viewbox=\"0 0 12 12\" fill=\"none\">\n <path d=\"M3 4.5L6 7.5L9 4.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/button>\n <\/div>\n <\/div>\n <a href=\"#pricing\" class=\"btn btn-primary\">Commencer<\/a>\n <\/div>\n \n <!-- Mobile Navigation -->\n <div class=\"mobile-nav-container\">\n <a href=\"#pricing\" class=\"btn btn-primary\" style=\"padding: 0.5rem 1.25rem; font-size: 0.85rem;\">Commencer<\/a>\n <div class=\"hamburger\" id=\"hamburger\">\n <span><\/span>\n <span><\/span>\n <span><\/span>\n <\/div>\n <\/div>\n <\/nav>\n <\/header>\n\n <!-- Mobile Menu Overlay -->\n <div class=\"mobile-menu\" id=\"mobileMenu\">\n <div class=\"mobile-menu-content\">\n <div class=\"mobile-menu-links\">\n <a href=\"#markets\">March\u00e9s<\/a>\n <a href=\"#solution\">Technologie de l'IA<\/a>\n <a href=\"#business-model\">Mod\u00e8le d'entreprise<\/a>\n <a href=\"#pricing\">Emballages<\/a>\n <a href=\"#opportunity\">Opportunit\u00e9<\/a>\n <\/div>\n <div class=\"mobile-menu-buttons\">\n <a href=\"https:\/\/nuvix.com\/fr\/c_login\/\" class=\"btn btn-secondary\">Se connecter<\/a>\n <a href=\"#pricing\" class=\"btn btn-primary\">Commencer maintenant<\/a>\n <div class=\"locale-switcher-wrapper\"><center> <div class=\"ulcs-widget minimal-style\"\n data-position=\"inline\" \n data-type=\"both\">\n <button class=\"ulcs-trigger\" aria-label=\"Modifier les deux\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\uddeb\ud83c\uddf7<\/span>\n <span class=\"ulcs-lang\">FR<\/span>\n \n <span class=\"ulcs-divider\">|<\/span>\n \n <span class=\"ulcs-currency-symbol\">$<\/span>\n <span class=\"ulcs-currency-code\">USD<\/span>\n <\/div>\n <svg class=\"ulcs-arrow\" width=\"12\" height=\"12\" viewbox=\"0 0 12 12\" fill=\"none\">\n <path d=\"M3 4.5L6 7.5L9 4.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/button>\n <\/div>\n <\/center><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <section class=\"hero\">\n <div class=\"container\">\n <div class=\"hero-content\">\n <div class=\"hero-text\">\n <div class=\"pre-reg-badge\">\n <i class=\"las la-rocket\"><\/i>\n PRE-REGISTRATION SPECIAL - Limited Time Only\n <\/div>\n <p class=\"tagline\">Notre intelligence, votre avantage<\/p>\n <h1>L'avenir du trading est l\u00e0 : L'analyse de march\u00e9 assist\u00e9e par l'IA<\/h1>\n <p>Nuvix r\u00e9volutionne le trading gr\u00e2ce \u00e0 une technologie d'intelligence artificielle propri\u00e9taire qui analyse les march\u00e9s 24 heures sur 24, 7 jours sur 7, en identifiant des mod\u00e8les invisibles pour les traders humains. Rejoignez l'\u00e9lite des 5% qui r\u00e9alisent des profits r\u00e9guliers gr\u00e2ce \u00e0 notre intelligence artificielle avanc\u00e9e.<\/p>\n \n <div class=\"hero-stats\">\n <div class=\"stat-item\">\n <div class=\"stat-number\">95%<\/div>\n <div class=\"stat-label\">Taux de pr\u00e9cision<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">24\/7<\/div>\n <div class=\"stat-label\">Analyse de l'IA<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">8+<\/div>\n <div class=\"stat-label\">March\u00e9s<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">100%<\/div>\n <div class=\"stat-label\">Propri\u00e9taire<\/div>\n <\/div>\n <\/div>\n\n <div class=\"cta-buttons\">\n <a href=\"#pricing\" class=\"btn btn-primary\">Acc\u00e8s anticip\u00e9<\/a>\n <a href=\"#video-section\" class=\"btn btn-secondary\">Regarder la d\u00e9mo<\/a>\n <\/div>\n <\/div>\n <div class=\"ai-visual\">\n <div class=\"chart-preview\">\n <div style=\"height: 350px; display: flex; align-items: center; justify-content: center;\">\n <canvas id=\"chart\" width=\"500\" height=\"300\"><\/canvas>\n <\/div>\n <div class=\"ai-features-preview\">\n <div class=\"ai-feature-item\">\n <i class=\"las la-chart-line\"><\/i>\n Reconnaissance des formes\n <\/div>\n <div class=\"ai-feature-item\">\n <i class=\"las la-shield-alt\"><\/i>\n \u00c9valuation des risques\n <\/div>\n <div class=\"ai-feature-item\">\n <i class=\"las la-crosshairs\"><\/i>\n Points d'entr\u00e9e\/sortie\n <\/div>\n <div class=\"ai-feature-item\">\n <i class=\"las la-brain\"><\/i>\n Sentiment du march\u00e9\n <\/div>\n <\/div>\n <div style=\"text-align: center; margin-top: 1.5rem;\">\n <span class=\"pulse\" style=\"color: #10b981; font-weight: bold;\">\n <i class=\"las la-circle\"><\/i> ANALYSE EN TEMPS R\u00c9EL DE L'INTELLIGENCE ARTIFICIELLE\n <\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Markets Section -->\n <section class=\"markets-section\" id=\"markets\">\n <div class=\"container\">\n <h2 class=\"section-title\">N\u00e9gocier sur plusieurs march\u00e9s avec une seule intelligence artificielle<\/h2>\n <p class=\"section-subtitle\">Notre IA analyse des mod\u00e8les sur divers march\u00e9s financiers et plates-formes de jeux.<\/p>\n <div class=\"markets-grid\">\n <div class=\"market-card\">\n <div class=\"market-icon\"><i class=\"las la-exchange-alt\"><\/i><\/div>\n <h3 class=\"market-name\">Le change<\/h3>\n <p>Principales paires de devises<\/p>\n <\/div>\n <div class=\"market-card\">\n <div class=\"market-icon\"><i class=\"las la-chart-area\"><\/i><\/div>\n <h3 class=\"market-name\">Stocks<\/h3>\n <p>Actions mondiales<\/p>\n <\/div>\n <div class=\"market-card\">\n <div class=\"market-icon\"><i class=\"lab la-bitcoin\"><\/i><\/div>\n <h3 class=\"market-name\">Crypto<\/h3>\n <p>Actifs num\u00e9riques<\/p>\n <\/div>\n <div class=\"market-card\">\n <div class=\"market-icon\"><i class=\"las la-chart-bar\"><\/i><\/div>\n <h3 class=\"market-name\">Indices<\/h3>\n <p>Indices de march\u00e9<\/p>\n <\/div>\n <div class=\"market-card\">\n <div class=\"market-icon\"><i class=\"las la-percentage\"><\/i><\/div>\n <h3 class=\"market-name\">Options binaires<\/h3>\n <p>Rendement fixe<\/p>\n <\/div>\n <div class=\"market-card\">\n <div class=\"market-icon\"><i class=\"las la-dice\"><\/i><\/div>\n <h3 class=\"market-name\">Jeux de casino<\/h3>\n <p>Analyse des sch\u00e9mas<\/p>\n <\/div>\n <div class=\"market-card\">\n <div class=\"market-icon\"><i class=\"las la-trophy\"><\/i><\/div>\n <h3 class=\"market-name\">Paris sportifs<\/h3>\n <p>Bord statistique<\/p>\n <\/div>\n <div class=\"market-card\">\n <div class=\"market-icon\"><i class=\"las la-globe\"><\/i><\/div>\n <h3 class=\"market-name\">Produits de base<\/h3>\n <p>Mati\u00e8res premi\u00e8res<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"video-section\" id=\"video-section\">\n <div class=\"container\">\n <h2 class=\"section-title\">D\u00e9couvrez Nuvix AI en action<\/h2>\n <p class=\"section-subtitle\">Regardez comment notre IA analyse les march\u00e9s en temps r\u00e9el<\/p>\n <div class=\"video-container\">\n <div class=\"video-wrapper\">\n <div class=\"video-label\">D\u00e9monstration en direct<\/div>\n <div class=\"video-player\">\n <video class=\"nv-video\" muted playsinline preload=\"metadata\" src=\"https:\/\/streamable.com\/l\/lbi1sn\/mp4-high.mp4\"><\/video>\n <div class=\"play-btn\">\n <i class=\"las la-play\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"problem-section\">\n <div class=\"container\">\n <h2 class=\"section-title\">Le d\u00e9fi commercial<\/h2>\n <p class=\"section-subtitle\">Pourquoi 95% des traders \u00e9chouent et comment nous changeons cela<\/p>\n <div class=\"big-stat\">\n <div class=\"big-stat-number\">95%<\/div>\n <p class=\"big-stat-desc\">des traders perdent de l'argent sur les march\u00e9s financiers<\/p>\n <\/div>\n <div class=\"problem-grid\">\n <div class=\"problem-card\">\n <div class=\"problem-icon\"><i class=\"las la-chart-pie\"><\/i><\/div>\n <h3 class=\"problem-title\">Surcharge d'informations<\/h3>\n <p class=\"problem-desc\">Trop de donn\u00e9es, pas assez d'informations exploitables<\/p>\n <\/div>\n <div class=\"problem-card\">\n <div class=\"problem-icon\"><i class=\"las la-frown\"><\/i><\/div>\n <h3 class=\"problem-title\">Le trading \u00e9motionnel<\/h3>\n <p class=\"problem-desc\">La peur et la cupidit\u00e9 d\u00e9truisent les comptes de n\u00e9gociation<\/p>\n <\/div>\n <div class=\"problem-card\">\n <div class=\"problem-icon\"><i class=\"las la-clock\"><\/i><\/div>\n <h3 class=\"problem-title\">Contraintes de temps<\/h3>\n <p class=\"problem-desc\">Les march\u00e9s fonctionnent 24 heures sur 24 et 7 jours sur 7, les humains ont besoin de sommeil<\/p>\n <\/div>\n <div class=\"problem-card\">\n <div class=\"problem-icon\"><i class=\"las la-chart-line\"><\/i><\/div>\n <h3 class=\"problem-title\">Mauvaise gestion des risques<\/h3>\n <p class=\"problem-desc\">Une mauvaise op\u00e9ration peut an\u00e9antir des mois de gains<\/p>\n <\/div>\n <div class=\"problem-card\">\n <div class=\"problem-icon\"><i class=\"las la-bullseye\"><\/i><\/div>\n <h3 class=\"problem-title\">Absence de strat\u00e9gie<\/h3>\n <p class=\"problem-desc\">Trader sans syst\u00e8me \u00e9prouv\u00e9<\/p>\n <\/div>\n <div class=\"problem-card\">\n <div class=\"problem-icon\"><i class=\"las la-hand-rock\"><\/i><\/div>\n <h3 class=\"problem-title\">Manipulation des march\u00e9s<\/h3>\n <p class=\"problem-desc\">Les grands acteurs font bouger les march\u00e9s au d\u00e9triment des petits commer\u00e7ants<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"solution-section\" id=\"solution\">\n <div class=\"container\">\n <h2 class=\"section-title\">La solution Nuvix : Technologie avanc\u00e9e d'IA<\/h2>\n <p class=\"section-subtitle\">Intelligence artificielle exclusive d\u00e9velopp\u00e9e \u00e0 partir de z\u00e9ro, con\u00e7ue pour vous donner une longueur d'avance<\/p>\n <div class=\"features-grid\">\n <div class=\"feature-card\">\n <div class=\"feature-icon\"><i class=\"las la-brain\"><\/i><\/div>\n <h3 class=\"feature-title\">100% Propri\u00e9taire AI<\/h3>\n <p class=\"feature-desc\">Construit de A \u00e0 Z par notre \u00e9quipe d'experts en IA et de traders. Aucune d\u00e9pendance \u00e0 l'\u00e9gard de tiers.<\/p>\n <ul class=\"feature-list\">\n <li><i class=\"las la-arrow-right\"><\/i> R\u00e9seaux neuronaux personnalis\u00e9s<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Algorithmes d'apprentissage automatique<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Am\u00e9lioration continue<\/li>\n <\/ul>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\"><i class=\"las la-lock\"><\/i><\/div>\n <h3 class=\"feature-title\">Infrastructure priv\u00e9e s\u00e9curis\u00e9e<\/h3>\n <p class=\"feature-desc\">Vos donn\u00e9es ne quittent jamais nos serveurs crypt\u00e9s. Protocoles de s\u00e9curit\u00e9 de niveau militaire.<\/p>\n <ul class=\"feature-list\">\n <li><i class=\"las la-arrow-right\"><\/i> Cryptage de bout en bout<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Serveurs en nuage priv\u00e9s<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Pas de partage de donn\u00e9es<\/li>\n <\/ul>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\"><i class=\"las la-bolt\"><\/i><\/div>\n <h3 class=\"feature-title\">Analyse en temps r\u00e9el<\/h3>\n <p class=\"feature-desc\">Reconnaissance instantan\u00e9e des tendances et analyse du march\u00e9 sur plusieurs p\u00e9riodes.<\/p>\n <ul class=\"feature-list\">\n <li><i class=\"las la-arrow-right\"><\/i> Temps de r\u00e9ponse en millisecondes<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Surveillance du march\u00e9 24\/7<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Analyse multitemporelle<\/li>\n <\/ul>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\"><i class=\"las la-chart-line\"><\/i><\/div>\n <h3 class=\"feature-title\">Analyse pr\u00e9dictive<\/h3>\n <p class=\"feature-desc\">Des algorithmes avanc\u00e9s pr\u00e9disent les mouvements du march\u00e9 avec une grande pr\u00e9cision.<\/p>\n <ul class=\"feature-list\">\n <li><i class=\"las la-arrow-right\"><\/i> 95% taux de pr\u00e9cision<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Optimisation du rapport risque\/r\u00e9compense<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Signaux d'entr\u00e9e\/sortie<\/li>\n <\/ul>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\"><i class=\"las la-crosshairs\"><\/i><\/div>\n <h3 class=\"feature-title\">Gestion intelligente des risques<\/h3>\n <p class=\"feature-desc\">Des recommandations de dimensionnement de position et de stop-loss aliment\u00e9es par l'IA.<\/p>\n <ul class=\"feature-list\">\n <li><i class=\"las la-arrow-right\"><\/i> Dimensionnement dynamique de la position<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Alertes automatis\u00e9es sur les risques<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Protection du portefeuille<\/li>\n <\/ul>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\"><i class=\"las la-mobile\"><\/i><\/div>\n <h3 class=\"feature-title\">Interface conviviale<\/h3>\n <p class=\"feature-desc\">L'IA complexe en toute simplicit\u00e9. Parfait pour les d\u00e9butants et les professionnels.<\/p>\n <ul class=\"feature-list\">\n <li><i class=\"las la-arrow-right\"><\/i> Analyse en un clic<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Des recommandations claires<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Mobile responsive<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- AI Features Section -->\n <section class=\"ai-features-section\">\n <div class=\"container\">\n <h2 class=\"section-title\">Des capacit\u00e9s d'IA qui nous distinguent<\/h2>\n <p class=\"section-subtitle\">Fonctionnalit\u00e9s avanc\u00e9es aliment\u00e9es par une intelligence artificielle de pointe<\/p>\n <div class=\"ai-capabilities-grid\">\n <div class=\"ai-capability\">\n <div class=\"capability-icon\"><i class=\"las la-search\"><\/i><\/div>\n <h3 class=\"capability-title\">Reconnaissance des formes<\/h3>\n <p>Identifier des mod\u00e8les complexes sur plusieurs march\u00e9s simultan\u00e9ment<\/p>\n <\/div>\n <div class=\"ai-capability\">\n <div class=\"capability-icon\"><i class=\"las la-chart-bar\"><\/i><\/div>\n <h3 class=\"capability-title\">Analyse du sentiment du march\u00e9<\/h3>\n <p>Analyse le sentiment du march\u00e9 mondial et le positionnement des op\u00e9rateurs<\/p>\n <\/div>\n <div class=\"ai-capability\">\n <div class=\"capability-icon\"><i class=\"las la-balance-scale\"><\/i><\/div>\n <h3 class=\"capability-title\">\u00c9valuation des risques<\/h3>\n <p>Calcule la taille optimale des positions et les param\u00e8tres de risque<\/p>\n <\/div>\n <div class=\"ai-capability\">\n <div class=\"capability-icon\"><i class=\"las la-dice\"><\/i><\/div>\n <h3 class=\"capability-title\">Calcul des probabilit\u00e9s<\/h3>\n <p>Mod\u00e8les statistiques avanc\u00e9s pour la pr\u00e9diction des r\u00e9sultats<\/p>\n <\/div>\n <div class=\"ai-capability\">\n <div class=\"capability-icon\"><i class=\"las la-sync\"><\/i><\/div>\n <h3 class=\"capability-title\">Apprentissage adaptatif<\/h3>\n <p>Am\u00e9lioration continue de la pr\u00e9cision gr\u00e2ce \u00e0 l'apprentissage automatique<\/p>\n <\/div>\n <div class=\"ai-capability\">\n <div class=\"capability-icon\"><i class=\"las la-network-wired\"><\/i><\/div>\n <h3 class=\"capability-title\">Corr\u00e9lation entre plusieurs march\u00e9s<\/h3>\n <p>Trouver des opportunit\u00e9s sur des march\u00e9s corr\u00e9l\u00e9s<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Business Model Section -->\n <section class=\"business-model-section\" id=\"business-model\">\n <div class=\"container\">\n <h2 class=\"section-title\">Un mod\u00e8le d'entreprise r\u00e9volutionnaire<\/h2>\n <p class=\"section-subtitle\">Des flux de revenus multiples con\u00e7us pour votre succ\u00e8s<\/p>\n <div class=\"business-model-grid\">\n <div class=\"model-card\">\n <div class=\"model-icon\"><i class=\"las la-coins\"><\/i><\/div>\n <h3 class=\"model-title\">Token-Based System<\/h3>\n <p class=\"model-desc\">Pay only for what you use with our flexible token system<\/p>\n <ul class=\"model-features\">\n <li><i class=\"las la-check\"><\/i> 1 token = 1 AI analysis<\/li>\n <li><i class=\"las la-check\"><\/i> Pas de frais mensuels ni d'abonnement<\/li>\n <li><i class=\"las la-check\"><\/i> Tokens never expire<\/li>\n <li><i class=\"las la-check\"><\/i> Remises en vrac disponibles<\/li>\n <\/ul>\n <\/div>\n <div class=\"model-card\">\n <div class=\"model-icon\"><i class=\"las la-hand-holding-usd\"><\/i><\/div>\n <h3 class=\"model-title\">Programme d'affiliation<\/h3>\n <p class=\"model-desc\">Gagnez des commissions substantielles en partageant Nuvix<\/p>\n <ul class=\"model-features\">\n <li><i class=\"las la-check\"><\/i> Jusqu'\u00e0 $200 par r\u00e9f\u00e9rence directe<\/li>\n <li><i class=\"las la-check\"><\/i> Plan de compensation binaire<\/li>\n <li><i class=\"las la-check\"><\/i> Potentiel de gain illimit\u00e9<\/li>\n <li><i class=\"las la-check\"><\/i> Une opportunit\u00e9 mondiale<\/li>\n <\/ul>\n <\/div>\n <div class=\"model-card\">\n <div class=\"model-icon\"><i class=\"las la-rocket\"><\/i><\/div>\n <h3 class=\"model-title\">Incitations \u00e0 la croissance<\/h3>\n <p class=\"model-desc\">Bonus sp\u00e9ciaux et multiplicateurs pour les utilisateurs actifs<\/p>\n <ul class=\"model-features\">\n <li><i class=\"las la-check\"><\/i> Multiplication des jetons lors de la recharge<\/li>\n <li><i class=\"las la-check\"><\/i> Primes bas\u00e9es sur le volume<\/li>\n <li><i class=\"las la-check\"><\/i> R\u00e9compenses pour les dirigeants<\/li>\n <li><i class=\"las la-check\"><\/i> Incitations \u00e0 la performance<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"pricing\" id=\"pricing\">\n <div class=\"container\">\n <h2 class=\"section-title\">Forfaits de pr\u00e9inscription<\/h2>\n <p class=\"section-subtitle\">Assurez votre poste d\u00e8s maintenant !<\/p>\n \n <!-- Mobile Package Selector -->\n <div class=\"mobile-package-selector\">\n <div class=\"package-buttons\">\n <button class=\"package-btn\" onclick=\"showPackage('beginner')\">D\u00e9butant<\/button>\n <button class=\"package-btn active\" onclick=\"showPackage('pro')\">Pro<\/button>\n <button class=\"package-btn\" onclick=\"showPackage('advanced')\">Avanc\u00e9<\/button>\n <\/div>\n <\/div>\n\n <div class=\"pricing-grid\">\n <div class=\"pricing-card\" id=\"beginner-card\">\n <div class=\"pricing-header\">\n <h3 class=\"package-name\">D\u00c9BUTANT<\/h3>\n <p class=\"package-tagline\">Commencez votre voyage dans le commerce de l'IA<\/p>\n <\/div>\n <div class=\"price-container\">\n <div class=\"price\">$99<span class=\"price-period\">.99<\/span><\/div>\n <\/div>\n <div class=\"token-info\">\n <div class=\"token-value\">300 jetons d'analyse<\/div>\n <\/div>\n <ul class=\"price-features\">\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Analyse du march\u00e9 de l'IA pour tous les march\u00e9s<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Informations sur les transactions en temps r\u00e9el<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Acc\u00e8s au soutien de base<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> 3x Token Multiplier on Recharge<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Acc\u00e8s \u00e0 l'extension Chrome<\/li>\n <\/ul>\n <div class=\"commission-info\">\n Prime de d\u00e9marrage rapide : <span class=\"commission-amount\">$20<\/span>\n <\/div>\n <a href=\"https:\/\/nuvix.com\/fr\/checkout\/?add-to-cart=39264\" class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1.5rem;\">Pr\u00e9-inscrivez-vous maintenant<\/a>\n <\/div>\n \n <div class=\"pricing-card featured active\" id=\"pro-card\">\n <div class=\"pricing-header\">\n <h3 class=\"package-name\">PRO<\/h3>\n <p class=\"package-tagline\">Une valeur maximale pour les commer\u00e7ants s\u00e9rieux<\/p>\n <\/div>\n <div class=\"price-container\">\n <div class=\"price\">$999<span class=\"price-period\">.99<\/span><\/div>\n <\/div>\n <div class=\"token-info\">\n <div class=\"token-value\">3000 Analysis Tokens<\/div>\n <\/div>\n <ul class=\"price-features\">\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Tout dans le paquet avanc\u00e9<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Assistance prioritaire VIP 24\/7<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Tableau de bord analytique premium<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> 5x Token Multiplier on Recharge<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Webinaires exclusifs sur le trading<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Acc\u00e8s \u00e0 l'extension Chrome<\/li>\n <\/ul>\n <div class=\"commission-info\">\n Prime de d\u00e9marrage rapide : <span class=\"commission-amount\">$200<\/span>\n <\/div>\n <a href=\"https:\/\/nuvix.com\/fr\/checkout\/?add-to-cart=40406\" class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1.5rem;\">Pr\u00e9-inscrivez-vous maintenant<\/a>\n <\/div>\n \n <div class=\"pricing-card\" id=\"advanced-card\">\n <div class=\"pricing-header\">\n <h3 class=\"package-name\">AVANC\u00c9<\/h3>\n <p class=\"package-tagline\">Pour les commer\u00e7ants exp\u00e9riment\u00e9s<\/p>\n <\/div>\n <div class=\"price-container\">\n <div class=\"price\">$499<span class=\"price-period\">.99<\/span><\/div>\n <\/div>\n <div class=\"token-info\">\n <div class=\"token-value\">1500 Analysis Tokens<\/div>\n <\/div>\n <ul class=\"price-features\">\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Tout ce qu'il y a dans l'offre pour d\u00e9butants<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> R\u00e9ponse prioritaire de l'assistance<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Fonctionnalit\u00e9s analytiques avanc\u00e9es<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> 4x Token Multiplier on Recharge<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Outils de corr\u00e9lation multi-march\u00e9s<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Acc\u00e8s \u00e0 l'extension Chrome<\/li>\n <\/ul>\n <div class=\"commission-info\">\n Prime de d\u00e9marrage rapide : <span class=\"commission-amount\">$100<\/span>\n <\/div>\n <a href=\"https:\/\/nuvix.com\/fr\/checkout\/?add-to-cart=40404\" class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1.5rem;\">Pr\u00e9-inscrivez-vous maintenant<\/a>\n <\/div>\n <\/div>\n <p style=\"text-align: center; margin-top: 2rem; opacity: 0.8;\">\n * 80% de la valeur de l'emballage se convertit en volume commissionnable (CV).\n <\/p>\n <\/div>\n <\/section>\n\n <section class=\"compensation-section\" id=\"opportunity\">\n <div class=\"container\">\n <h2 class=\"section-title\">Construire son avenir financier<\/h2>\n <p class=\"section-subtitle\">Rejoignez notre r\u00e9seau mondial et gagnez de l'argent en faisant du commerce<\/p>\n <div class=\"compensation-grid\">\n <div class=\"comp-card\">\n <div class=\"comp-icon\"><i class=\"las la-dollar-sign\"><\/i><\/div>\n <h3>Bonus de d\u00e9marrage rapide<\/h3>\n <p class=\"comp-desc\">Gagnez des commissions imm\u00e9diates sur chaque parrainage direct<\/p>\n <div class=\"comp-amount\">$20 - $200<\/div>\n <p class=\"comp-period\">par vente directe<\/p>\n <\/div>\n <div class=\"comp-card\">\n <div class=\"comp-icon\"><i class=\"las la-chart-line\"><\/i><\/div>\n <h3>Compensation binaire<\/h3>\n <p class=\"comp-desc\">Constituez deux \u00e9quipes et gagnez de l'argent gr\u00e2ce \u00e0 un volume \u00e9quilibr\u00e9<\/p>\n <div class=\"comp-amount\">10-20%<\/div>\n <p class=\"comp-period\">du volume de la jambe la plus faible<\/p>\n <\/div>\n <div class=\"comp-card\">\n <div class=\"comp-icon\"><i class=\"las la-trophy\"><\/i><\/div>\n <h3>Primes d'encadrement<\/h3>\n <p class=\"comp-desc\">R\u00e9compenses suppl\u00e9mentaires pour la constitution d'\u00e9quipes performantes<\/p>\n <div class=\"comp-amount\">Jusqu'\u00e0 $250K<\/div>\n <p class=\"comp-period\">potentiel annuel<\/p>\n <\/div>\n <\/div>\n \n <!-- Binary Plan Visual -->\n <div class=\"binary-visual\">\n <h3 style=\"font-size: 1.75rem; margin-bottom: 2rem; color: var(--accent-blue);\">Structure de compensation binaire<\/h3>\n <div class=\"tree-diagram\">\n <div class=\"tree-node\">\n <div class=\"node-circle\">VOUS<\/div>\n <div class=\"node-label\">Parrainage illimit\u00e9<\/div>\n <div class=\"tree-branches\">\n <div class=\"tree-node\">\n <div class=\"node-circle\">GAUCHE<\/div>\n <div class=\"node-label\">\u00c9quipe A<\/div>\n <\/div>\n <div class=\"tree-node\">\n <div class=\"node-circle\">DROIT<\/div>\n <div class=\"node-label\">\u00c9quipe B<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <p style=\"margin-top: 2rem; opacity: 0.8;\">Gagnez des commissions sur le volume de votre jambe la plus faible. Constituez des \u00e9quipes \u00e9quilibr\u00e9es pour maximiser vos gains !<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- CTA Section -->\n <section class=\"cta-section\">\n <div class=\"container\">\n <div class=\"cta-content\">\n <h2 class=\"cta-title\">Pr\u00eat \u00e0 rejoindre la r\u00e9volution commerciale de l'IA ?<\/h2>\n <p class=\"cta-subtitle\">Le nombre de places disponibles en pr\u00e9inscription est limit\u00e9. R\u00e9servez votre place d\u00e8s aujourd'hui !<\/p>\n <div class=\"cta-buttons\" style=\"display: flex; justify-content: center; gap: 1rem;\">\n <a href=\"#pricing\" class=\"btn btn-primary btn-large\">Commencer maintenant<\/a>\n <a href=\"https:\/\/nuvix.com\/fr\/c_login\/\" class=\"btn btn-secondary btn-large\">Se connecter<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"container\">\n <div class=\"disclaimer\">\n <p><strong>Avis de non-responsabilit\u00e9 important :<\/strong> 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>\n <p><strong>Avertissement de risque :<\/strong> 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>\n <p><strong>Pas d'affiliation :<\/strong> <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>\n <p><strong>Limitation de la responsabilit\u00e9 :<\/strong> 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. Le trading et les jeux d'argent peuvent entra\u00eener des pertes financi\u00e8res importantes.<\/p>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Create floating particles with better performance\n (function() {\n const bgAnimation = document.querySelector('.bg-animation');\n const particleCount = window.innerWidth > 768 ? 20 : 10;\n \n for (let i = 0; i < particleCount; i++) {\n const particle = document.createElement('div');\n particle.className = 'particle';\n particle.style.width = Math.random() * 5 + 'px';\n particle.style.height = particle.style.width;\n particle.style.left = Math.random() * 100 + '%';\n particle.style.animationDelay = Math.random() * 20 + 's';\n particle.style.animationDuration = Math.random() * 20 + 20 + 's';\n bgAnimation.appendChild(particle);\n }\n })();\n \n \/\/ Mobile Navigation Toggle - COPY THIS ENTIRE BLOCK\n(function() {\n const hamburger = document.getElementById('hamburger');\n const mobileMenu = document.getElementById('mobileMenu');\n const mobileMenuLinks = document.querySelectorAll('.mobile-menu-links a');\n const body = document.body;\n\n if (hamburger && mobileMenu) {\n \/\/ Toggle menu when hamburger is clicked\n hamburger.addEventListener('click', function(e) {\n e.stopPropagation();\n this.classList.toggle('active');\n mobileMenu.classList.toggle('active');\n \n \/\/ Prevent body scroll when menu is open\n if (mobileMenu.classList.contains('active')) {\n body.style.overflow = 'hidden';\n } else {\n body.style.overflow = '';\n }\n });\n\n \/\/ Close menu when clicking a link\n mobileMenuLinks.forEach(link => {\n link.addEventListener('click', function() {\n hamburger.classList.remove('active');\n mobileMenu.classList.remove('active');\n body.style.overflow = '';\n });\n });\n\n \/\/ Close menu when clicking outside\n document.addEventListener('click', function(e) {\n if (!mobileMenu.contains(e.target) && !hamburger.contains(e.target)) {\n if (mobileMenu.classList.contains('active')) {\n hamburger.classList.remove('active');\n mobileMenu.classList.remove('active');\n body.style.overflow = '';\n }\n }\n });\n }\n})();\n\n \/\/ Enhanced video player with fullscreen support\n (function() {\n const videoPlayer = document.querySelector('.video-player');\n const video = document.querySelector('.nv-video');\n const playBtn = document.querySelector('.play-btn');\n let userInteracted = false;\n\n if (videoPlayer && video && playBtn) {\n \/\/ Show play button initially and auto-play muted\n playBtn.style.display = 'flex';\n video.muted = true;\n video.play().catch(() => {\n \/\/ If autoplay fails, still show play button\n playBtn.style.display = 'flex';\n });\n\n \/\/ Handle clicks on the video player or play button\n videoPlayer.addEventListener('click', (e) => {\n if (!userInteracted) {\n \/\/ First user interaction - restart unmuted and hide play button\n userInteracted = true;\n video.currentTime = 0;\n video.muted = false;\n video.play();\n playBtn.style.display = 'none';\n } else {\n \/\/ Subsequent clicks - toggle play\/pause\n if (video.paused) {\n video.play();\n playBtn.style.display = 'none';\n } else {\n video.pause();\n playBtn.style.display = 'flex';\n }\n }\n });\n\n video.addEventListener('ended', () => {\n video.currentTime = 0;\n \/\/ Reset interaction flag so next click restarts unmuted\n userInteracted = false;\n \/\/ Auto-replay muted without showing play button\n video.muted = true;\n video.play().catch(() => {\n \/\/ If auto-replay fails, show play button\n playBtn.style.display = 'flex';\n });\n });\n\n \/\/ Add fullscreen support\n video.addEventListener('dblclick', () => {\n if (video.requestFullscreen) {\n video.requestFullscreen();\n } else if (video.webkitRequestFullscreen) {\n video.webkitRequestFullscreen();\n } else if (video.msRequestFullscreen) {\n video.msRequestFullscreen();\n }\n });\n }\n })();\n\n \/\/ Mobile package selector with smooth transitions\n function showPackage(packageType) {\n \/\/ Update buttons\n document.querySelectorAll('.package-btn').forEach(btn => {\n btn.classList.remove('active');\n });\n event.target.classList.add('active');\n\n \/\/ Smooth transition between cards\n const allCards = document.querySelectorAll('.pricing-card');\n const selectedCard = document.getElementById(packageType + '-card');\n \n \/\/ First, fade out current active card\n allCards.forEach(card => {\n if (card.classList.contains('active')) {\n card.classList.remove('active');\n }\n });\n \n \/\/ Then, fade in selected card with a slight delay\n setTimeout(() => {\n if (selectedCard) {\n selectedCard.classList.add('active');\n }\n }, 50);\n }\n\n \/\/ Enhanced animated chart with performance optimizations\n (function() {\n const canvas = document.getElementById('chart');\n if (!canvas) return;\n\n const ctx = canvas.getContext('2d');\n let time = 0;\n let patterns = [];\n let animationId;\n let isVisible = true;\n\n \/\/ Initialize patterns\n for (let i = 0; i < 5; i++) {\n patterns.push({\n x: Math.random() * 500,\n y: Math.random() * 300,\n radius: Math.random() * 30 + 20,\n growth: Math.random() * 0.5 + 0.5\n });\n }\n\n function drawChart() {\n if (!isVisible) {\n animationId = requestAnimationFrame(drawChart);\n return;\n }\n\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n \n \/\/ Draw grid with gradient\n ctx.strokeStyle = 'rgba(255, 255, 255, 0.05)';\n ctx.lineWidth = 1;\n for (let i = 0; i < 10; i++) {\n ctx.beginPath();\n ctx.moveTo(0, i * 30);\n ctx.lineTo(500, i * 30);\n ctx.stroke();\n \n ctx.beginPath();\n ctx.moveTo(i * 50, 0);\n ctx.lineTo(i * 50, 300);\n ctx.stroke();\n }\n\n \/\/ Draw flowing data lines\n ctx.strokeStyle = 'rgba(159, 57, 255, 0.3)';\n ctx.lineWidth = 2;\n ctx.beginPath();\n ctx.moveTo(0, 150);\n for (let x = 0; x < 500; x += 5) {\n const y = 150 + Math.sin((x + time) * 0.02) * 50 + Math.sin((x + time) * 0.05) * 30;\n ctx.lineTo(x, y);\n }\n ctx.stroke();\n\n \/\/ Draw candlesticks with AI highlights\n for (let i = 0; i < 25; i++) {\n const x = i * 20 + 10;\n const height = Math.sin(i * 0.5 + time * 0.01) * 30 + 40;\n const y = 150 + Math.sin(i * 0.3 + time * 0.02) * 50;\n \n const isGreen = Math.sin(i + time * 0.01) > 0;\n ctx.fillStyle = isGreen ? '#10b981' : '#ef4444';\n ctx.fillRect(x - 6, y - height\/2, 12, height);\n \n \/\/ Wick\n ctx.strokeStyle = ctx.fillStyle;\n ctx.lineWidth = 2;\n ctx.beginPath();\n ctx.moveTo(x, y - height\/2 - 10);\n ctx.lineTo(x, y + height\/2 + 10);\n ctx.stroke();\n }\n\n \/\/ AI pattern recognition circles\n patterns.forEach(pattern => {\n const pulseRadius = pattern.radius + Math.sin(time * 0.05) * 5;\n \n \/\/ Outer glow\n ctx.strokeStyle = 'rgba(0, 180, 216, 0.2)';\n ctx.lineWidth = 2;\n ctx.beginPath();\n ctx.arc(pattern.x, pattern.y, pulseRadius * 1.5, 0, Math.PI * 2);\n ctx.stroke();\n \n \/\/ Inner circle\n ctx.strokeStyle = 'rgba(0, 180, 216, 0.5)';\n ctx.lineWidth = 2;\n ctx.beginPath();\n ctx.arc(pattern.x, pattern.y, pulseRadius, 0, Math.PI * 2);\n ctx.stroke();\n \n \/\/ Update position slowly\n pattern.x += Math.sin(time * 0.01) * 0.5;\n pattern.y += Math.cos(time * 0.01) * 0.3;\n \n \/\/ Keep within bounds\n if (pattern.x < 0) pattern.x = 500;\n if (pattern.x > 500) pattern.x = 0;\n if (pattern.y < 0) pattern.y = 300;\n if (pattern.y > 300) pattern.y = 0;\n });\n\n \/\/ AI scan line with gradient\n const scanX = (time % 500);\n const gradient = ctx.createLinearGradient(scanX, 0, scanX, 300);\n gradient.addColorStop(0, 'rgba(159, 57, 255, 0)');\n gradient.addColorStop(0.5, 'rgba(159, 57, 255, 0.8)');\n gradient.addColorStop(1, 'rgba(159, 57, 255, 0)');\n \n ctx.strokeStyle = gradient;\n ctx.lineWidth = 3;\n ctx.beginPath();\n ctx.moveTo(scanX, 0);\n ctx.lineTo(scanX, 300);\n ctx.stroke();\n\n time += 2;\n animationId = requestAnimationFrame(drawChart);\n }\n\n \/\/ Start animation\n drawChart();\n\n \/\/ Pause animation when page is not visible\n document.addEventListener('visibilitychange', () => {\n isVisible = !document.hidden;\n });\n\n \/\/ Clean up on page unload\n window.addEventListener('beforeunload', () => {\n if (animationId) {\n cancelAnimationFrame(animationId);\n }\n });\n })();\n\n \/\/ Smooth scroll with header offset\n (function() {\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const targetId = this.getAttribute('href');\n if (targetId === '#') return;\n \n const target = document.querySelector(targetId);\n if (target) {\n const headerOffset = 80;\n const elementPosition = target.getBoundingClientRect().top;\n const offsetPosition = elementPosition + window.pageYOffset - headerOffset;\n\n window.scrollTo({\n top: offsetPosition,\n behavior: 'smooth'\n });\n }\n });\n });\n })();\n\n \/\/ Intersection Observer for fade-in animations\n (function() {\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n \/\/ Unobserve after animation to improve performance\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n \/\/ Observe all animated elements\n const animatedElements = document.querySelectorAll(\n '.market-card, .problem-card, .feature-card, .ai-capability, .model-card, .comp-card'\n );\n \n animatedElements.forEach(el => {\n el.classList.add('fade-in');\n observer.observe(el);\n });\n })();\n\n \/\/ Initialize mobile pricing view with smooth transitions\n (function() {\n if (window.innerWidth <= 768) {\n \/\/ Remove display none and use opacity\/transform for smooth transitions\n document.querySelectorAll('.pricing-card').forEach(card => {\n card.classList.remove('active');\n });\n \n \/\/ Show Pro package by default on mobile\n const proCard = document.getElementById('pro-card');\n if (proCard) {\n setTimeout(() => {\n proCard.classList.add('active');\n }, 100);\n }\n }\n })();\n\n \/\/ Handle window resize for responsive adjustments\n (function() {\n let resizeTimer;\n \n window.addEventListener('resize', () => {\n clearTimeout(resizeTimer);\n resizeTimer = setTimeout(() => {\n \/\/ Adjust mobile menu if needed\n if (window.innerWidth > 1024) {\n document.getElementById('hamburger').classList.remove('active');\n document.getElementById('mobileMenu').classList.remove('active');\n document.body.style.overflow = '';\n }\n \n \/\/ Adjust pricing cards display\n if (window.innerWidth > 768) {\n document.querySelectorAll('.pricing-card').forEach(card => {\n card.classList.add('active');\n card.style.opacity = '';\n card.style.transform = '';\n card.style.position = '';\n });\n } else {\n \/\/ Re-initialize mobile view\n document.querySelectorAll('.pricing-card').forEach(card => {\n card.classList.remove('active');\n });\n const activeBtn = document.querySelector('.package-btn.active');\n if (activeBtn) {\n const packageType = activeBtn.textContent.toLowerCase();\n const activeCard = document.getElementById(packageType + '-card');\n if (activeCard) {\n activeCard.classList.add('active');\n }\n } else {\n \/\/ Default to Pro if no active button\n const proCard = document.getElementById('pro-card');\n if (proCard) {\n proCard.classList.add('active');\n }\n }\n }\n }, 250);\n });\n })();\n\n \/\/ Enhanced performance monitoring\n (function() {\n if ('performance' in window && 'PerformanceObserver' in window) {\n \/\/ Log performance metrics\n window.addEventListener('load', () => {\n const perfData = performance.getEntriesByType('navigation')[0];\n if (perfData) {\n console.log('Page Load Performance:', {\n domContentLoaded: perfData.domContentLoadedEventEnd - perfData.domContentLoadedEventStart,\n loadComplete: perfData.loadEventEnd - perfData.loadEventStart,\n domInteractive: perfData.domInteractive,\n domComplete: perfData.domComplete\n });\n }\n });\n }\n })();\n\n \/\/ Lazy load images if needed\n (function() {\n if ('IntersectionObserver' in window) {\n const images = document.querySelectorAll('img[data-src]');\n \n if (images.length > 0) {\n const imageObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n const img = entry.target;\n img.src = img.dataset.src;\n img.removeAttribute('data-src');\n imageObserver.unobserve(img);\n }\n });\n });\n \n images.forEach(img => imageObserver.observe(img));\n }\n }\n })();\n\n \/\/ Initialize any third-party integrations\n (function() {\n \/\/ Google Analytics or other tracking\n if (typeof gtag !== 'undefined') {\n gtag('event', 'page_view', {\n page_title: 'Nuvix Landing Page',\n page_path: window.location.pathname\n });\n }\n })();\n\n \/\/ Service Worker registration for PWA support\n (function() {\n if ('serviceWorker' in navigator && window.location.protocol === 'https:') {\n window.addEventListener('load', () => {\n navigator.serviceWorker.register('\/sw.js').then(\n registration => console.log('ServiceWorker registered:', registration),\n error => console.log('ServiceWorker registration failed:', error)\n ).catch(err => {\n \/\/ Service worker not available, continue normally\n });\n });\n }\n })();\n <\/script>\n <\/div>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"Nuvix by iEvolution – Revolutionary AI Trading Analysis Platform Markets AI Technology Business Model Packages Opportunity Log In Get Started Get Started Markets AI Technology Business Model Packages Opportunity Log In Get Started Now PRE-REGISTRATION SPECIAL – Limited Time Only Our Intelligence, Your Advantage The Future of Trading is Here: AI-Powered Market Analysis Nuvix revolutionizes […]","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-41629","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/pages\/41629","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=41629"}],"version-history":[{"count":55,"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/pages\/41629\/revisions"}],"predecessor-version":[{"id":41715,"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/pages\/41629\/revisions\/41715"}],"wp:attachment":[{"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/media?parent=41629"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}