Nuvix by iEvolution - Revolutionary AI Trading Analysis Platform<\/title>\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/maxst.icons8.com\/vue-static\/landings\/line-awesome\/line-awesome\/1.3.0\/css\/line-awesome.min.css\">\n \n <style>\n * {\n 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\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 \n <div class=\"nav-links\">\n <a href=\"#markets\">Mercati<\/a>\n <a href=\"#solution\">Tecnologia AI<\/a>\n <a href=\"#business-model\">Modello di business<\/a>\n <a href=\"#pricing\">Pacchetti<\/a>\n <a href=\"#opportunity\">Opportunit\u00e0<\/a>\n <a href=\"https:\/\/nuvix.com\/it\/c_login\/\">Accedi<\/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=\"Cambiare entrambi\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\uddee\ud83c\uddf9<\/span>\n <span class=\"ulcs-lang\">IT<\/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\">Iniziare<\/a>\n <\/div>\n \n \n <div class=\"mobile-nav-container\">\n <a href=\"#pricing\" class=\"btn btn-primary\" style=\"padding: 0.5rem 1.25rem; font-size: 0.85rem;\">Iniziare<\/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 \n <div class=\"mobile-menu\" id=\"mobileMenu\">\n <div class=\"mobile-menu-content\">\n <div class=\"mobile-menu-links\">\n <a href=\"#markets\">Mercati<\/a>\n <a href=\"#solution\">Tecnologia AI<\/a>\n <a href=\"#business-model\">Modello di business<\/a>\n <a href=\"#pricing\">Pacchetti<\/a>\n <a href=\"#opportunity\">Opportunit\u00e0<\/a>\n <\/div>\n <div class=\"mobile-menu-buttons\">\n <a href=\"https:\/\/nuvix.com\/it\/c_login\/\" class=\"btn btn-secondary\">Accedi<\/a>\n <a href=\"#pricing\" class=\"btn btn-primary\">Iniziare subito<\/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=\"Cambiare entrambi\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\uddee\ud83c\uddf9<\/span>\n <span class=\"ulcs-lang\">IT<\/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\">La nostra intelligenza, il vostro vantaggio<\/p>\n <h1>Il futuro del trading \u00e8 qui: Analisi di mercato alimentate dall'intelligenza artificiale<\/h1>\n <p>Nuvix rivoluziona il trading con una tecnologia AI proprietaria che analizza i mercati 24 ore su 24, 7 giorni su 7, identificando modelli invisibili ai trader umani. Unisciti all'\u00e9lite dei 5% che traggono profitti costanti grazie alla nostra intelligenza artificiale avanzata.<\/p>\n \n <div class=\"hero-stats\">\n <div class=\"stat-item\">\n <div class=\"stat-number\">95%<\/div>\n <div class=\"stat-label\">Tasso di precisione<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">24\/7<\/div>\n <div class=\"stat-label\">Analisi dell'intelligenza artificiale<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">8+<\/div>\n <div class=\"stat-label\">Mercati<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">100%<\/div>\n <div class=\"stat-label\">Proprietario<\/div>\n <\/div>\n <\/div>\n\n <div class=\"cta-buttons\">\n <a href=\"#pricing\" class=\"btn btn-primary\">Accesso anticipato<\/a>\n <a href=\"#video-section\" class=\"btn btn-secondary\">Guarda la demo<\/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 Riconoscimento dei modelli\n <\/div>\n <div class=\"ai-feature-item\">\n <i class=\"las la-shield-alt\"><\/i>\n Valutazione del rischio\n <\/div>\n <div class=\"ai-feature-item\">\n <i class=\"las la-crosshairs\"><\/i>\n Punti di ingresso\/uscita\n <\/div>\n <div class=\"ai-feature-item\">\n <i class=\"las la-brain\"><\/i>\n Sentimento di mercato\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> ANALISI AI IN TEMPO REALE\n <\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"markets-section\" id=\"markets\">\n <div class=\"container\">\n <h2 class=\"section-title\">Negoziare su pi\u00f9 mercati con un'unica intelligenza artificiale<\/h2>\n <p class=\"section-subtitle\">La nostra intelligenza artificiale analizza i modelli dei diversi mercati finanziari e delle piattaforme di gioco.<\/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\">Forex<\/h3>\n <p>Principali coppie di valute<\/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\">Le scorte<\/h3>\n <p>Azioni globali<\/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\">Crittografia<\/h3>\n <p>Beni digitali<\/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\">Indici<\/h3>\n <p>Indici di mercato<\/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\">Opzioni binarie<\/h3>\n <p>Rendimenti fissi<\/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\">Giochi di casin\u00f2<\/h3>\n <p>Analisi del modello<\/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\">Scommesse sportive<\/h3>\n <p>Bordo statistico<\/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\">Materie prime<\/h3>\n <p>Materie prime<\/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\">Provate l'AI di Nuvix in azione<\/h2>\n <p class=\"section-subtitle\">Guardate come la nostra AI analizza i mercati in tempo reale<\/p>\n <div class=\"video-container\">\n <div class=\"video-wrapper\">\n <div class=\"video-label\">Demo dal vivo<\/div>\n <div class=\"video-player\">\n <video class=\"nv-video\" muted playsinline preload=\"metadata\" src=\"https:\/\/streamable.com\/l\/qi4x1x\/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\">La sfida del trading<\/h2>\n <p class=\"section-subtitle\">Perch\u00e9 95% dei trader falliscono e come stiamo cambiando questa situazione<\/p>\n <div class=\"big-stat\">\n <div class=\"big-stat-number\">95%<\/div>\n <p class=\"big-stat-desc\">dei trader perde denaro nei mercati finanziari<\/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\">Sovraccarico di informazioni<\/h3>\n <p class=\"problem-desc\">Troppi dati, pochi spunti d'azione<\/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\">Trading emozionale<\/h3>\n <p class=\"problem-desc\">La paura e l'avidit\u00e0 distruggono i conti di trading<\/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\">Vincoli temporali<\/h3>\n <p class=\"problem-desc\">I mercati si muovono 24 ore su 24, 7 giorni su 7, gli esseri umani hanno bisogno di dormire<\/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\">Scarsa gestione del rischio<\/h3>\n <p class=\"problem-desc\">Un'operazione sbagliata pu\u00f2 vanificare mesi di guadagni<\/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\">Mancanza di strategia<\/h3>\n <p class=\"problem-desc\">Fare trading senza un sistema collaudato<\/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\">Manipolazione del mercato<\/h3>\n <p class=\"problem-desc\">I grandi operatori muovono i mercati contro i commercianti al dettaglio<\/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 soluzione Nuvix: Tecnologia AI avanzata<\/h2>\n <p class=\"section-subtitle\">Intelligenza artificiale proprietaria sviluppata da zero, progettata per darvi il massimo vantaggio<\/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% Proprietario AI<\/h3>\n <p class=\"feature-desc\">Costruito da zero dal nostro team di esperti di IA e di trader. Nessuna dipendenza da terzi.<\/p>\n <ul class=\"feature-list\">\n <li><i class=\"las la-arrow-right\"><\/i> Reti neurali personalizzate<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Algoritmi di apprendimento automatico<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Miglioramento continuo<\/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\">Infrastruttura privata sicura<\/h3>\n <p class=\"feature-desc\">I vostri dati non lasciano mai i nostri server criptati. Protocolli di sicurezza di livello militare.<\/p>\n <ul class=\"feature-list\">\n <li><i class=\"las la-arrow-right\"><\/i> Crittografia end-to-end<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Server cloud privati<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Zero condivisione dei dati<\/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\">Analisi in tempo reale<\/h3>\n <p class=\"feature-desc\">Riconoscimento istantaneo dei modelli e analisi del mercato su pi\u00f9 orizzonti temporali.<\/p>\n <ul class=\"feature-list\">\n <li><i class=\"las la-arrow-right\"><\/i> Tempo di risposta di un millisecondo<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Monitoraggio del mercato 24\/7<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Analisi multi timeframe<\/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\">Analisi predittiva<\/h3>\n <p class=\"feature-desc\">Algoritmi avanzati prevedono i movimenti del mercato con elevata precisione.<\/p>\n <ul class=\"feature-list\">\n <li><i class=\"las la-arrow-right\"><\/i> Tasso di precisione 95%<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Ottimizzazione del rischio\/ricompensa<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Segnali di entrata\/uscita<\/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\">Gestione intelligente del rischio<\/h3>\n <p class=\"feature-desc\">Consigli di dimensionamento delle posizioni e di stop-loss basati sull'intelligenza artificiale.<\/p>\n <ul class=\"feature-list\">\n <li><i class=\"las la-arrow-right\"><\/i> Dimensionamento dinamico della posizione<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Avvisi di rischio automatici<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Protezione del portafoglio<\/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\">Interfaccia facile da usare<\/h3>\n <p class=\"feature-desc\">L'intelligenza artificiale complessa resa semplice. Perfetto per principianti e professionisti.<\/p>\n <ul class=\"feature-list\">\n <li><i class=\"las la-arrow-right\"><\/i> Analisi con un solo clic<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Raccomandazioni chiare<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Responsive per i dispositivi mobili<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"ai-features-section\">\n <div class=\"container\">\n <h2 class=\"section-title\">Le capacit\u00e0 di intelligenza artificiale che ci distinguono<\/h2>\n <p class=\"section-subtitle\">Funzionalit\u00e0 avanzate grazie all'intelligenza artificiale all'avanguardia<\/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\">Riconoscimento dei modelli<\/h3>\n <p>Identifica modelli complessi su pi\u00f9 mercati contemporaneamente<\/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\">Analisi del sentiment di mercato<\/h3>\n <p>Analizzare il sentiment del mercato globale e il posizionamento dei trader<\/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\">Valutazione del rischio<\/h3>\n <p>Calcola le dimensioni ottimali delle posizioni e i parametri di rischio<\/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\">Calcolo della probabilit\u00e0<\/h3>\n <p>Modelli statistici avanzati per la previsione degli esiti<\/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\">Apprendimento adattivo<\/h3>\n <p>Migliora continuamente la precisione grazie all'apprendimento automatico<\/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\">Correlazione multimercato<\/h3>\n <p>Trova opportunit\u00e0 nei mercati correlati<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"business-model-section\" id=\"business-model\">\n <div class=\"container\">\n <h2 class=\"section-title\">Modello aziendale rivoluzionario<\/h2>\n <p class=\"section-subtitle\">Flussi di reddito multipli progettati per il vostro successo<\/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\">Sistema basato su gettoni<\/h3>\n <p class=\"model-desc\">Pagate solo per ci\u00f2 che utilizzate con il nostro sistema di gettoni flessibile<\/p>\n <ul class=\"model-features\">\n <li><i class=\"las la-check\"><\/i> 1 gettone = 1 analisi AI<\/li>\n <li><i class=\"las la-check\"><\/i> Nessun canone mensile o abbonamento<\/li>\n <li><i class=\"las la-check\"><\/i> I gettoni non scadono mai<\/li>\n <li><i class=\"las la-check\"><\/i> Sconti per grandi quantit\u00e0 disponibili<\/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\">Programma di affiliazione<\/h3>\n <p class=\"model-desc\">Guadagnare commissioni sostanziali condividendo Nuvix<\/p>\n <ul class=\"model-features\">\n <li><i class=\"las la-check\"><\/i> Fino a $200 per referral diretto<\/li>\n <li><i class=\"las la-check\"><\/i> Piano di compensazione binario<\/li>\n <li><i class=\"las la-check\"><\/i> Potenziale di guadagno illimitato<\/li>\n <li><i class=\"las la-check\"><\/i> Opportunit\u00e0 globale<\/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\">Incentivi alla crescita<\/h3>\n <p class=\"model-desc\">Bonus e moltiplicatori speciali per gli utenti attivi<\/p>\n <ul class=\"model-features\">\n <li><i class=\"las la-check\"><\/i> Moltiplicatori di gettoni per la ricarica<\/li>\n <li><i class=\"las la-check\"><\/i> Bonus basati sui volumi<\/li>\n <li><i class=\"las la-check\"><\/i> Premi per la leadership<\/li>\n <li><i class=\"las la-check\"><\/i> Incentivi alle prestazioni<\/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\">Pacchetti di pre-registrazione<\/h2>\n <p class=\"section-subtitle\">Assicuratevi subito la vostra posizione!<\/p>\n \n \n <div class=\"mobile-package-selector\">\n <div class=\"package-buttons\">\n <button class=\"package-btn\" onclick=\"showPackage('beginner')\">Principiante<\/button>\n <button class=\"package-btn active\" onclick=\"showPackage('pro')\">Pro<\/button>\n <button class=\"package-btn\" onclick=\"showPackage('advanced')\">Avanzato<\/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\">PRINCIPIANTI<\/h3>\n <p class=\"package-tagline\">Inizia il tuo viaggio nel trading con l'intelligenza artificiale<\/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 Gettoni di analisi<\/div>\n <\/div>\n <ul class=\"price-features\">\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Analisi di mercato dell'intelligenza artificiale per tutti i mercati<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Approfondimenti di trading in tempo reale<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Accesso al supporto di base<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Moltiplicatore di gettoni 3x sulla ricarica<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Accesso alle estensioni di Chrome<\/li>\n <\/ul>\n <div class=\"commission-info\">\n Bonus di avvio rapido: <span class=\"commission-amount\">$20<\/span>\n <\/div>\n <a href=\"https:\/\/nuvix.com\/it\/checkout\/?add-to-cart=39264\" class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1.5rem;\">Pre-registrarsi ora<\/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\">Massimo valore per i trader seri<\/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 Gettoni di analisi<\/div>\n <\/div>\n <ul class=\"price-features\">\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Tutto nel pacchetto avanzato<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Assistenza prioritaria VIP 24 ore su 24, 7 giorni su 7<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Cruscotto analitico Premium<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Moltiplicatore di gettoni 5x sulla ricarica<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Webinar di trading esclusivi<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Accesso alle estensioni di Chrome<\/li>\n <\/ul>\n <div class=\"commission-info\">\n Bonus di avvio rapido: <span class=\"commission-amount\">$200<\/span>\n <\/div>\n <a href=\"https:\/\/nuvix.com\/it\/checkout\/?add-to-cart=40406\" class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1.5rem;\">Pre-registrarsi ora<\/a>\n <\/div>\n \n <div class=\"pricing-card\" id=\"advanced-card\">\n <div class=\"pricing-header\">\n <h3 class=\"package-name\">AVANZATO<\/h3>\n <p class=\"package-tagline\">Per i trader esperti<\/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 Gettoni di analisi<\/div>\n <\/div>\n <ul class=\"price-features\">\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Tutto nel pacchetto principianti<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Risposta prioritaria dell'assistenza<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Funzioni di analisi avanzate<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Moltiplicatore di gettoni 4x sulla ricarica<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Strumenti di correlazione multimercato<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Accesso alle estensioni di Chrome<\/li>\n <\/ul>\n <div class=\"commission-info\">\n Bonus di avvio rapido: <span class=\"commission-amount\">$100<\/span>\n <\/div>\n <a href=\"https:\/\/nuvix.com\/it\/checkout\/?add-to-cart=40404\" class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1.5rem;\">Pre-registrarsi ora<\/a>\n <\/div>\n <\/div>\n <p style=\"text-align: center; margin-top: 2rem; opacity: 0.8;\">\n * 80% del valore della confezione si converte in volume commissionabile (CV).\n <\/p>\n <\/div>\n <\/section>\n\n <section class=\"compensation-section\" id=\"opportunity\">\n <div class=\"container\">\n <h2 class=\"section-title\">Costruite il vostro futuro finanziario<\/h2>\n <p class=\"section-subtitle\">Unisciti alla nostra rete globale e guadagna mentre fai trading<\/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 di avvio rapido<\/h3>\n <p class=\"comp-desc\">Guadagnare commissioni immediate su ogni referral diretto<\/p>\n <div class=\"comp-amount\">$20 - $200<\/div>\n <p class=\"comp-period\">per vendita diretta<\/p>\n <\/div>\n <div class=\"comp-card\">\n <div class=\"comp-icon\"><i class=\"las la-chart-line\"><\/i><\/div>\n <h3>Compensazione binaria<\/h3>\n <p class=\"comp-desc\">Costruire due squadre e guadagnare da un volume equilibrato<\/p>\n <div class=\"comp-amount\">10-20%<\/div>\n <p class=\"comp-period\">del volume delle gambe deboli<\/p>\n <\/div>\n <div class=\"comp-card\">\n <div class=\"comp-icon\"><i class=\"las la-trophy\"><\/i><\/div>\n <h3>Bonus per la leadership<\/h3>\n <p class=\"comp-desc\">Premi aggiuntivi per la creazione di team di successo<\/p>\n <div class=\"comp-amount\">Fino a $250K<\/div>\n <p class=\"comp-period\">potenziale annuale<\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"binary-visual\">\n <h3 style=\"font-size: 1.75rem; margin-bottom: 2rem; color: var(--accent-blue);\">Struttura di compensazione binaria<\/h3>\n <div class=\"tree-diagram\">\n <div class=\"tree-node\">\n <div class=\"node-circle\">VOI<\/div>\n <div class=\"node-label\">Sponsor illimitato<\/div>\n <div class=\"tree-branches\">\n <div class=\"tree-node\">\n <div class=\"node-circle\">SINISTRA<\/div>\n <div class=\"node-label\">Squadra A<\/div>\n <\/div>\n <div class=\"tree-node\">\n <div class=\"node-circle\">DIRITTO<\/div>\n <div class=\"node-label\">Squadra B<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <p style=\"margin-top: 2rem; opacity: 0.8;\">Guadagnate commissioni sul volume della vostra gamba pi\u00f9 debole. Costruite squadre equilibrate per ottenere i massimi guadagni!<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"cta-section\">\n <div class=\"container\">\n <div class=\"cta-content\">\n <h2 class=\"cta-title\">Siete pronti ad unirvi alla rivoluzione del trading con l'intelligenza artificiale?<\/h2>\n <p class=\"cta-subtitle\">Sono disponibili posti limitati per la pre-registrazione. Assicuratevi il vostro posto oggi stesso!<\/p>\n <div class=\"cta-buttons\" style=\"display: flex; justify-content: center; gap: 1rem;\">\n <a href=\"#pricing\" class=\"btn btn-primary btn-large\">Iniziare subito<\/a>\n <a href=\"https:\/\/nuvix.com\/it\/c_login\/\" class=\"btn btn-secondary btn-large\">Accedi<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"container\">\n <div class=\"disclaimer\">\n <p><strong>Disclaimer importante:<\/strong> Tutte le informazioni prodotte dal <strong>Analisi di Nuvix AI<\/strong> sistema (il \"Servizio\") \u00e8 fornito esclusivamente per <strong>scopi educativi e informativi<\/strong> solo. Il Servizio genera valutazioni algoritmiche dei dati di mercato, degli schemi di trading e di gioco dei casin\u00f2, ma non <strong>non<\/strong> generare segnali di trading o di scommessa utilizzabili e non si deve fare affidamento su di essi.<\/p>\n <p><strong>Avviso di rischio:<\/strong> L'uso del Servizio comporta un rischio significativo. Le valutazioni passate non garantiscono prestazioni o vincite future nel Forex, nelle azioni, nei futures, negli indici sintetici, nelle opzioni binarie, nelle attivit\u00e0 cripto, nella roulette, nel baccarat o in altri giochi da casin\u00f2. <strong>Nuvix<\/strong> non fornisce alcuna garanzia, espressa o implicita, in merito all'accuratezza, alla completezza o all'idoneit\u00e0 di qualsiasi analisi. <strong>Le vostre decisioni e i vostri risultati<\/strong> dipendono interamente dal vostro giudizio, dalla vostra tolleranza al rischio, dal vostro impegno e dalle condizioni di mercato o di gioco prevalenti.<\/p>\n <p><strong>Nessuna affiliazione:<\/strong> <strong>Nuvix<\/strong> non \u00e8 affiliato, appoggiato o associato a piattaforme di trading, broker, borse o operatori di casin\u00f2. L'utente \u00e8 l'unico responsabile della scelta, dell'accesso e dell'utilizzo di qualsiasi piattaforma per le proprie attivit\u00e0 di trading o di gioco.<\/p>\n <p><strong>Limitazione di responsabilit\u00e0:<\/strong> Utilizzando il Servizio, l'utente riconosce e accetta che <strong>Nuvix<\/strong> e le sue affiliate non saranno responsabili per eventuali perdite, danni o reclami derivanti dall'uso delle analisi dell'IA. Eseguire sempre la propria due diligence e consultare professionisti qualificati prima di effettuare operazioni o scommesse. Il trading e il gioco d'azzardo possono comportare perdite finanziarie significative.<\/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\/it\/wp-json\/wp\/v2\/pages\/41629","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nuvix.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nuvix.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nuvix.com\/it\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nuvix.com\/it\/wp-json\/wp\/v2\/comments?post=41629"}],"version-history":[{"count":55,"href":"https:\/\/nuvix.com\/it\/wp-json\/wp\/v2\/pages\/41629\/revisions"}],"predecessor-version":[{"id":41715,"href":"https:\/\/nuvix.com\/it\/wp-json\/wp\/v2\/pages\/41629\/revisions\/41715"}],"wp:attachment":[{"href":"https:\/\/nuvix.com\/it\/wp-json\/wp\/v2\/media?parent=41629"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Nuvix by iEvolution - Revolutionary AI Trading Analysis Platform<\/title>\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/maxst.icons8.com\/vue-static\/landings\/line-awesome\/line-awesome\/1.3.0\/css\/line-awesome.min.css\">\n \n <style>\n * {\n 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\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 \n <div class=\"nav-links\">\n <a href=\"#markets\">Mercati<\/a>\n <a href=\"#solution\">Tecnologia AI<\/a>\n <a href=\"#business-model\">Modello di business<\/a>\n <a href=\"#pricing\">Pacchetti<\/a>\n <a href=\"#opportunity\">Opportunit\u00e0<\/a>\n <a href=\"https:\/\/nuvix.com\/it\/c_login\/\">Accedi<\/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=\"Cambiare entrambi\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\uddee\ud83c\uddf9<\/span>\n <span class=\"ulcs-lang\">IT<\/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\">Iniziare<\/a>\n <\/div>\n \n \n <div class=\"mobile-nav-container\">\n <a href=\"#pricing\" class=\"btn btn-primary\" style=\"padding: 0.5rem 1.25rem; font-size: 0.85rem;\">Iniziare<\/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 \n <div class=\"mobile-menu\" id=\"mobileMenu\">\n <div class=\"mobile-menu-content\">\n <div class=\"mobile-menu-links\">\n <a href=\"#markets\">Mercati<\/a>\n <a href=\"#solution\">Tecnologia AI<\/a>\n <a href=\"#business-model\">Modello di business<\/a>\n <a href=\"#pricing\">Pacchetti<\/a>\n <a href=\"#opportunity\">Opportunit\u00e0<\/a>\n <\/div>\n <div class=\"mobile-menu-buttons\">\n <a href=\"https:\/\/nuvix.com\/it\/c_login\/\" class=\"btn btn-secondary\">Accedi<\/a>\n <a href=\"#pricing\" class=\"btn btn-primary\">Iniziare subito<\/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=\"Cambiare entrambi\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\uddee\ud83c\uddf9<\/span>\n <span class=\"ulcs-lang\">IT<\/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\">La nostra intelligenza, il vostro vantaggio<\/p>\n <h1>Il futuro del trading \u00e8 qui: Analisi di mercato alimentate dall'intelligenza artificiale<\/h1>\n <p>Nuvix rivoluziona il trading con una tecnologia AI proprietaria che analizza i mercati 24 ore su 24, 7 giorni su 7, identificando modelli invisibili ai trader umani. Unisciti all'\u00e9lite dei 5% che traggono profitti costanti grazie alla nostra intelligenza artificiale avanzata.<\/p>\n \n <div class=\"hero-stats\">\n <div class=\"stat-item\">\n <div class=\"stat-number\">95%<\/div>\n <div class=\"stat-label\">Tasso di precisione<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">24\/7<\/div>\n <div class=\"stat-label\">Analisi dell'intelligenza artificiale<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">8+<\/div>\n <div class=\"stat-label\">Mercati<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">100%<\/div>\n <div class=\"stat-label\">Proprietario<\/div>\n <\/div>\n <\/div>\n\n <div class=\"cta-buttons\">\n <a href=\"#pricing\" class=\"btn btn-primary\">Accesso anticipato<\/a>\n <a href=\"#video-section\" class=\"btn btn-secondary\">Guarda la demo<\/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 Riconoscimento dei modelli\n <\/div>\n <div class=\"ai-feature-item\">\n <i class=\"las la-shield-alt\"><\/i>\n Valutazione del rischio\n <\/div>\n <div class=\"ai-feature-item\">\n <i class=\"las la-crosshairs\"><\/i>\n Punti di ingresso\/uscita\n <\/div>\n <div class=\"ai-feature-item\">\n <i class=\"las la-brain\"><\/i>\n Sentimento di mercato\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> ANALISI AI IN TEMPO REALE\n <\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"markets-section\" id=\"markets\">\n <div class=\"container\">\n <h2 class=\"section-title\">Negoziare su pi\u00f9 mercati con un'unica intelligenza artificiale<\/h2>\n <p class=\"section-subtitle\">La nostra intelligenza artificiale analizza i modelli dei diversi mercati finanziari e delle piattaforme di gioco.<\/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\">Forex<\/h3>\n <p>Principali coppie di valute<\/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\">Le scorte<\/h3>\n <p>Azioni globali<\/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\">Crittografia<\/h3>\n <p>Beni digitali<\/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\">Indici<\/h3>\n <p>Indici di mercato<\/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\">Opzioni binarie<\/h3>\n <p>Rendimenti fissi<\/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\">Giochi di casin\u00f2<\/h3>\n <p>Analisi del modello<\/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\">Scommesse sportive<\/h3>\n <p>Bordo statistico<\/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\">Materie prime<\/h3>\n <p>Materie prime<\/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\">Provate l'AI di Nuvix in azione<\/h2>\n <p class=\"section-subtitle\">Guardate come la nostra AI analizza i mercati in tempo reale<\/p>\n <div class=\"video-container\">\n <div class=\"video-wrapper\">\n <div class=\"video-label\">Demo dal vivo<\/div>\n <div class=\"video-player\">\n <video class=\"nv-video\" muted playsinline preload=\"metadata\" src=\"https:\/\/streamable.com\/l\/qi4x1x\/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\">La sfida del trading<\/h2>\n <p class=\"section-subtitle\">Perch\u00e9 95% dei trader falliscono e come stiamo cambiando questa situazione<\/p>\n <div class=\"big-stat\">\n <div class=\"big-stat-number\">95%<\/div>\n <p class=\"big-stat-desc\">dei trader perde denaro nei mercati finanziari<\/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\">Sovraccarico di informazioni<\/h3>\n <p class=\"problem-desc\">Troppi dati, pochi spunti d'azione<\/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\">Trading emozionale<\/h3>\n <p class=\"problem-desc\">La paura e l'avidit\u00e0 distruggono i conti di trading<\/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\">Vincoli temporali<\/h3>\n <p class=\"problem-desc\">I mercati si muovono 24 ore su 24, 7 giorni su 7, gli esseri umani hanno bisogno di dormire<\/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\">Scarsa gestione del rischio<\/h3>\n <p class=\"problem-desc\">Un'operazione sbagliata pu\u00f2 vanificare mesi di guadagni<\/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\">Mancanza di strategia<\/h3>\n <p class=\"problem-desc\">Fare trading senza un sistema collaudato<\/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\">Manipolazione del mercato<\/h3>\n <p class=\"problem-desc\">I grandi operatori muovono i mercati contro i commercianti al dettaglio<\/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 soluzione Nuvix: Tecnologia AI avanzata<\/h2>\n <p class=\"section-subtitle\">Intelligenza artificiale proprietaria sviluppata da zero, progettata per darvi il massimo vantaggio<\/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% Proprietario AI<\/h3>\n <p class=\"feature-desc\">Costruito da zero dal nostro team di esperti di IA e di trader. Nessuna dipendenza da terzi.<\/p>\n <ul class=\"feature-list\">\n <li><i class=\"las la-arrow-right\"><\/i> Reti neurali personalizzate<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Algoritmi di apprendimento automatico<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Miglioramento continuo<\/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\">Infrastruttura privata sicura<\/h3>\n <p class=\"feature-desc\">I vostri dati non lasciano mai i nostri server criptati. Protocolli di sicurezza di livello militare.<\/p>\n <ul class=\"feature-list\">\n <li><i class=\"las la-arrow-right\"><\/i> Crittografia end-to-end<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Server cloud privati<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Zero condivisione dei dati<\/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\">Analisi in tempo reale<\/h3>\n <p class=\"feature-desc\">Riconoscimento istantaneo dei modelli e analisi del mercato su pi\u00f9 orizzonti temporali.<\/p>\n <ul class=\"feature-list\">\n <li><i class=\"las la-arrow-right\"><\/i> Tempo di risposta di un millisecondo<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Monitoraggio del mercato 24\/7<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Analisi multi timeframe<\/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\">Analisi predittiva<\/h3>\n <p class=\"feature-desc\">Algoritmi avanzati prevedono i movimenti del mercato con elevata precisione.<\/p>\n <ul class=\"feature-list\">\n <li><i class=\"las la-arrow-right\"><\/i> Tasso di precisione 95%<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Ottimizzazione del rischio\/ricompensa<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Segnali di entrata\/uscita<\/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\">Gestione intelligente del rischio<\/h3>\n <p class=\"feature-desc\">Consigli di dimensionamento delle posizioni e di stop-loss basati sull'intelligenza artificiale.<\/p>\n <ul class=\"feature-list\">\n <li><i class=\"las la-arrow-right\"><\/i> Dimensionamento dinamico della posizione<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Avvisi di rischio automatici<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Protezione del portafoglio<\/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\">Interfaccia facile da usare<\/h3>\n <p class=\"feature-desc\">L'intelligenza artificiale complessa resa semplice. Perfetto per principianti e professionisti.<\/p>\n <ul class=\"feature-list\">\n <li><i class=\"las la-arrow-right\"><\/i> Analisi con un solo clic<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Raccomandazioni chiare<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Responsive per i dispositivi mobili<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"ai-features-section\">\n <div class=\"container\">\n <h2 class=\"section-title\">Le capacit\u00e0 di intelligenza artificiale che ci distinguono<\/h2>\n <p class=\"section-subtitle\">Funzionalit\u00e0 avanzate grazie all'intelligenza artificiale all'avanguardia<\/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\">Riconoscimento dei modelli<\/h3>\n <p>Identifica modelli complessi su pi\u00f9 mercati contemporaneamente<\/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\">Analisi del sentiment di mercato<\/h3>\n <p>Analizzare il sentiment del mercato globale e il posizionamento dei trader<\/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\">Valutazione del rischio<\/h3>\n <p>Calcola le dimensioni ottimali delle posizioni e i parametri di rischio<\/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\">Calcolo della probabilit\u00e0<\/h3>\n <p>Modelli statistici avanzati per la previsione degli esiti<\/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\">Apprendimento adattivo<\/h3>\n <p>Migliora continuamente la precisione grazie all'apprendimento automatico<\/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\">Correlazione multimercato<\/h3>\n <p>Trova opportunit\u00e0 nei mercati correlati<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"business-model-section\" id=\"business-model\">\n <div class=\"container\">\n <h2 class=\"section-title\">Modello aziendale rivoluzionario<\/h2>\n <p class=\"section-subtitle\">Flussi di reddito multipli progettati per il vostro successo<\/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\">Sistema basato su gettoni<\/h3>\n <p class=\"model-desc\">Pagate solo per ci\u00f2 che utilizzate con il nostro sistema di gettoni flessibile<\/p>\n <ul class=\"model-features\">\n <li><i class=\"las la-check\"><\/i> 1 gettone = 1 analisi AI<\/li>\n <li><i class=\"las la-check\"><\/i> Nessun canone mensile o abbonamento<\/li>\n <li><i class=\"las la-check\"><\/i> I gettoni non scadono mai<\/li>\n <li><i class=\"las la-check\"><\/i> Sconti per grandi quantit\u00e0 disponibili<\/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\">Programma di affiliazione<\/h3>\n <p class=\"model-desc\">Guadagnare commissioni sostanziali condividendo Nuvix<\/p>\n <ul class=\"model-features\">\n <li><i class=\"las la-check\"><\/i> Fino a $200 per referral diretto<\/li>\n <li><i class=\"las la-check\"><\/i> Piano di compensazione binario<\/li>\n <li><i class=\"las la-check\"><\/i> Potenziale di guadagno illimitato<\/li>\n <li><i class=\"las la-check\"><\/i> Opportunit\u00e0 globale<\/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\">Incentivi alla crescita<\/h3>\n <p class=\"model-desc\">Bonus e moltiplicatori speciali per gli utenti attivi<\/p>\n <ul class=\"model-features\">\n <li><i class=\"las la-check\"><\/i> Moltiplicatori di gettoni per la ricarica<\/li>\n <li><i class=\"las la-check\"><\/i> Bonus basati sui volumi<\/li>\n <li><i class=\"las la-check\"><\/i> Premi per la leadership<\/li>\n <li><i class=\"las la-check\"><\/i> Incentivi alle prestazioni<\/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\">Pacchetti di pre-registrazione<\/h2>\n <p class=\"section-subtitle\">Assicuratevi subito la vostra posizione!<\/p>\n \n \n <div class=\"mobile-package-selector\">\n <div class=\"package-buttons\">\n <button class=\"package-btn\" onclick=\"showPackage('beginner')\">Principiante<\/button>\n <button class=\"package-btn active\" onclick=\"showPackage('pro')\">Pro<\/button>\n <button class=\"package-btn\" onclick=\"showPackage('advanced')\">Avanzato<\/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\">PRINCIPIANTI<\/h3>\n <p class=\"package-tagline\">Inizia il tuo viaggio nel trading con l'intelligenza artificiale<\/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 Gettoni di analisi<\/div>\n <\/div>\n <ul class=\"price-features\">\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Analisi di mercato dell'intelligenza artificiale per tutti i mercati<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Approfondimenti di trading in tempo reale<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Accesso al supporto di base<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Moltiplicatore di gettoni 3x sulla ricarica<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Accesso alle estensioni di Chrome<\/li>\n <\/ul>\n <div class=\"commission-info\">\n Bonus di avvio rapido: <span class=\"commission-amount\">$20<\/span>\n <\/div>\n <a href=\"https:\/\/nuvix.com\/it\/checkout\/?add-to-cart=39264\" class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1.5rem;\">Pre-registrarsi ora<\/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\">Massimo valore per i trader seri<\/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 Gettoni di analisi<\/div>\n <\/div>\n <ul class=\"price-features\">\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Tutto nel pacchetto avanzato<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Assistenza prioritaria VIP 24 ore su 24, 7 giorni su 7<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Cruscotto analitico Premium<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Moltiplicatore di gettoni 5x sulla ricarica<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Webinar di trading esclusivi<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Accesso alle estensioni di Chrome<\/li>\n <\/ul>\n <div class=\"commission-info\">\n Bonus di avvio rapido: <span class=\"commission-amount\">$200<\/span>\n <\/div>\n <a href=\"https:\/\/nuvix.com\/it\/checkout\/?add-to-cart=40406\" class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1.5rem;\">Pre-registrarsi ora<\/a>\n <\/div>\n \n <div class=\"pricing-card\" id=\"advanced-card\">\n <div class=\"pricing-header\">\n <h3 class=\"package-name\">AVANZATO<\/h3>\n <p class=\"package-tagline\">Per i trader esperti<\/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 Gettoni di analisi<\/div>\n <\/div>\n <ul class=\"price-features\">\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Tutto nel pacchetto principianti<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Risposta prioritaria dell'assistenza<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Funzioni di analisi avanzate<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Moltiplicatore di gettoni 4x sulla ricarica<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Strumenti di correlazione multimercato<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Accesso alle estensioni di Chrome<\/li>\n <\/ul>\n <div class=\"commission-info\">\n Bonus di avvio rapido: <span class=\"commission-amount\">$100<\/span>\n <\/div>\n <a href=\"https:\/\/nuvix.com\/it\/checkout\/?add-to-cart=40404\" class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1.5rem;\">Pre-registrarsi ora<\/a>\n <\/div>\n <\/div>\n <p style=\"text-align: center; margin-top: 2rem; opacity: 0.8;\">\n * 80% del valore della confezione si converte in volume commissionabile (CV).\n <\/p>\n <\/div>\n <\/section>\n\n <section class=\"compensation-section\" id=\"opportunity\">\n <div class=\"container\">\n <h2 class=\"section-title\">Costruite il vostro futuro finanziario<\/h2>\n <p class=\"section-subtitle\">Unisciti alla nostra rete globale e guadagna mentre fai trading<\/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 di avvio rapido<\/h3>\n <p class=\"comp-desc\">Guadagnare commissioni immediate su ogni referral diretto<\/p>\n <div class=\"comp-amount\">$20 - $200<\/div>\n <p class=\"comp-period\">per vendita diretta<\/p>\n <\/div>\n <div class=\"comp-card\">\n <div class=\"comp-icon\"><i class=\"las la-chart-line\"><\/i><\/div>\n <h3>Compensazione binaria<\/h3>\n <p class=\"comp-desc\">Costruire due squadre e guadagnare da un volume equilibrato<\/p>\n <div class=\"comp-amount\">10-20%<\/div>\n <p class=\"comp-period\">del volume delle gambe deboli<\/p>\n <\/div>\n <div class=\"comp-card\">\n <div class=\"comp-icon\"><i class=\"las la-trophy\"><\/i><\/div>\n <h3>Bonus per la leadership<\/h3>\n <p class=\"comp-desc\">Premi aggiuntivi per la creazione di team di successo<\/p>\n <div class=\"comp-amount\">Fino a $250K<\/div>\n <p class=\"comp-period\">potenziale annuale<\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"binary-visual\">\n <h3 style=\"font-size: 1.75rem; margin-bottom: 2rem; color: var(--accent-blue);\">Struttura di compensazione binaria<\/h3>\n <div class=\"tree-diagram\">\n <div class=\"tree-node\">\n <div class=\"node-circle\">VOI<\/div>\n <div class=\"node-label\">Sponsor illimitato<\/div>\n <div class=\"tree-branches\">\n <div class=\"tree-node\">\n <div class=\"node-circle\">SINISTRA<\/div>\n <div class=\"node-label\">Squadra A<\/div>\n <\/div>\n <div class=\"tree-node\">\n <div class=\"node-circle\">DIRITTO<\/div>\n <div class=\"node-label\">Squadra B<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <p style=\"margin-top: 2rem; opacity: 0.8;\">Guadagnate commissioni sul volume della vostra gamba pi\u00f9 debole. Costruite squadre equilibrate per ottenere i massimi guadagni!<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"cta-section\">\n <div class=\"container\">\n <div class=\"cta-content\">\n <h2 class=\"cta-title\">Siete pronti ad unirvi alla rivoluzione del trading con l'intelligenza artificiale?<\/h2>\n <p class=\"cta-subtitle\">Sono disponibili posti limitati per la pre-registrazione. Assicuratevi il vostro posto oggi stesso!<\/p>\n <div class=\"cta-buttons\" style=\"display: flex; justify-content: center; gap: 1rem;\">\n <a href=\"#pricing\" class=\"btn btn-primary btn-large\">Iniziare subito<\/a>\n <a href=\"https:\/\/nuvix.com\/it\/c_login\/\" class=\"btn btn-secondary btn-large\">Accedi<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"container\">\n <div class=\"disclaimer\">\n <p><strong>Disclaimer importante:<\/strong> Tutte le informazioni prodotte dal <strong>Analisi di Nuvix AI<\/strong> sistema (il \"Servizio\") \u00e8 fornito esclusivamente per <strong>scopi educativi e informativi<\/strong> solo. Il Servizio genera valutazioni algoritmiche dei dati di mercato, degli schemi di trading e di gioco dei casin\u00f2, ma non <strong>non<\/strong> generare segnali di trading o di scommessa utilizzabili e non si deve fare affidamento su di essi.<\/p>\n <p><strong>Avviso di rischio:<\/strong> L'uso del Servizio comporta un rischio significativo. Le valutazioni passate non garantiscono prestazioni o vincite future nel Forex, nelle azioni, nei futures, negli indici sintetici, nelle opzioni binarie, nelle attivit\u00e0 cripto, nella roulette, nel baccarat o in altri giochi da casin\u00f2. <strong>Nuvix<\/strong> non fornisce alcuna garanzia, espressa o implicita, in merito all'accuratezza, alla completezza o all'idoneit\u00e0 di qualsiasi analisi. <strong>Le vostre decisioni e i vostri risultati<\/strong> dipendono interamente dal vostro giudizio, dalla vostra tolleranza al rischio, dal vostro impegno e dalle condizioni di mercato o di gioco prevalenti.<\/p>\n <p><strong>Nessuna affiliazione:<\/strong> <strong>Nuvix<\/strong> non \u00e8 affiliato, appoggiato o associato a piattaforme di trading, broker, borse o operatori di casin\u00f2. L'utente \u00e8 l'unico responsabile della scelta, dell'accesso e dell'utilizzo di qualsiasi piattaforma per le proprie attivit\u00e0 di trading o di gioco.<\/p>\n <p><strong>Limitazione di responsabilit\u00e0:<\/strong> Utilizzando il Servizio, l'utente riconosce e accetta che <strong>Nuvix<\/strong> e le sue affiliate non saranno responsabili per eventuali perdite, danni o reclami derivanti dall'uso delle analisi dell'IA. Eseguire sempre la propria due diligence e consultare professionisti qualificati prima di effettuare operazioni o scommesse. Il trading e il gioco d'azzardo possono comportare perdite finanziarie significative.<\/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\/it\/wp-json\/wp\/v2\/pages\/41629","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nuvix.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nuvix.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nuvix.com\/it\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nuvix.com\/it\/wp-json\/wp\/v2\/comments?post=41629"}],"version-history":[{"count":55,"href":"https:\/\/nuvix.com\/it\/wp-json\/wp\/v2\/pages\/41629\/revisions"}],"predecessor-version":[{"id":41715,"href":"https:\/\/nuvix.com\/it\/wp-json\/wp\/v2\/pages\/41629\/revisions\/41715"}],"wp:attachment":[{"href":"https:\/\/nuvix.com\/it\/wp-json\/wp\/v2\/media?parent=41629"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}