{"id":41913,"date":"2025-08-21T18:44:46","date_gmt":"2025-08-22T01:44:46","guid":{"rendered":"https:\/\/nuvix.com\/?page_id=41913"},"modified":"2025-08-22T11:38:14","modified_gmt":"2025-08-22T18:38:14","slug":"landing-1","status":"publish","type":"page","link":"https:\/\/nuvix.com\/it\/landing-1\/","title":{"rendered":"landing-1"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Nuvix AI - Advanced Pattern Recognition Technology<\/title>\n \n <!-- Line Awesome Icons -->\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-purple: #9f39ff;\n --primary-pink: #ff006e;\n --primary-blue: #00b4d8;\n --dark-bg: #0a0e27;\n --purple-bg: #1a0f2e;\n --card-bg: rgba(255, 255, 255, 0.05);\n --text-light: #e2e8f0;\n --text-dim: rgba(255, 255, 255, 0.7);\n --accent-orange: #f59e0b;\n --success-green: #10b981;\n }\n\n html, body {\n width: 100%;\n overflow-x: hidden;\n position: relative;\n }\n\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n background: linear-gradient(135deg, #0a0e27 0%, #1a0f2e 50%, #2d1b4e 100%);\n min-height: 100vh;\n color: var(--text-light);\n }\n\n \/* Grid background pattern *\/\n body::before {\n content: '';\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: \n linear-gradient(rgba(159, 57, 255, 0.1) 1px, transparent 1px),\n linear-gradient(90deg, rgba(159, 57, 255, 0.1) 1px, transparent 1px);\n background-size: 50px 50px;\n pointer-events: none;\n opacity: 0.3;\n z-index: 0;\n }\n\n \/* Container *\/\n .container {\n width: 100%;\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 20px;\n position: relative;\n z-index: 1;\n }\n\n @media (max-width: 768px) {\n .container {\n padding: 0 15px;\n }\n }\n\n \/* Hero Section *\/\n .hero {\n padding: 40px 0;\n min-height: 100vh;\n display: flex;\n align-items: center;\n position: relative;\n }\n\n @media (max-width: 768px) {\n .hero {\n padding: 30px 0;\n }\n }\n\n .hero-content {\n display: grid;\n grid-template-columns: 1fr;\n gap: 40px;\n align-items: center;\n width: 100%;\n }\n\n @media (min-width: 1024px) {\n .hero-content {\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n }\n }\n\n \/* Logo styling *\/\n .logo-container {\n text-align: center;\n margin-bottom: 30px;\n }\n\n @media (min-width: 1024px) {\n .logo-container {\n text-align: left;\n margin-bottom: 40px;\n }\n }\n\n .logo-container img {\n height: 40px;\n max-width: 150px;\n filter: drop-shadow(0 0 20px rgba(159, 57, 255, 0.5));\n }\n\n @media (min-width: 1024px) {\n .logo-container img {\n height: 50px;\n max-width: 180px;\n }\n }\n\n @media (max-width: 480px) {\n .logo-container img {\n height: 35px;\n }\n }\n\n \/* Text content *\/\n .hero-text {\n width: 100%;\n max-width: 600px;\n margin: 0 auto;\n }\n\n @media (min-width: 1024px) {\n .hero-text {\n margin: 0;\n }\n }\n\n .pre-reg-badge {\n background: linear-gradient(135deg, var(--accent-orange), #ef4444);\n color: white;\n padding: 10px 20px;\n border-radius: 25px;\n font-size: 0.875rem;\n font-weight: 600;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 25px;\n animation: pulse 2s infinite;\n }\n\n @keyframes pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n }\n\n .tagline {\n color: var(--primary-blue);\n font-size: 1.1rem;\n margin-bottom: 15px;\n font-style: italic;\n }\n\n h1 {\n font-size: clamp(2rem, 5vw, 3.5rem);\n font-weight: 800;\n line-height: 1.2;\n margin-bottom: 25px;\n }\n\n .gradient-text {\n background: linear-gradient(135deg, #fff 0%, var(--primary-purple) 50%, var(--primary-pink) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero-description {\n font-size: 1.125rem;\n color: var(--text-dim);\n line-height: 1.7;\n margin-bottom: 40px;\n }\n\n @media (max-width: 768px) {\n .hero-description {\n font-size: 1rem;\n margin-bottom: 30px;\n }\n }\n\n \/* Stats Grid *\/\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 15px;\n margin-bottom: 40px;\n }\n\n @media (max-width: 480px) {\n .stats-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n margin-bottom: 30px;\n }\n }\n\n .stat-card {\n background: var(--card-bg);\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 15px;\n padding: 20px;\n text-align: center;\n backdrop-filter: blur(10px);\n transition: all 0.3s ease;\n }\n\n @media (max-width: 768px) {\n .stat-card {\n padding: 15px 10px;\n }\n }\n\n .stat-card:hover {\n transform: translateY(-5px);\n border-color: var(--primary-purple);\n box-shadow: 0 10px 30px rgba(159, 57, 255, 0.2);\n }\n\n .stat-number {\n font-size: 2rem;\n font-weight: 800;\n background: linear-gradient(135deg, var(--primary-purple), var(--primary-blue));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 5px;\n }\n\n @media (max-width: 768px) {\n .stat-number {\n font-size: 1.5rem;\n }\n }\n\n .stat-label {\n font-size: 0.875rem;\n color: var(--text-dim);\n }\n\n \/* CTA Buttons *\/\n .cta-buttons {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n position: relative;\n }\n\n @media (max-width: 480px) {\n .cta-buttons {\n flex-direction: column;\n gap: 15px;\n }\n }\n\n .btn {\n padding: 15px 35px;\n border-radius: 30px;\n font-weight: 600;\n font-size: 1rem;\n text-decoration: none;\n transition: all 0.3s ease;\n cursor: pointer;\n border: none;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n white-space: nowrap;\n }\n\n @media (max-width: 480px) {\n .btn {\n width: 100%;\n padding: 14px 28px;\n font-size: 0.9rem;\n }\n }\n\n .btn-primary {\n background: linear-gradient(135deg, var(--primary-purple), var(--primary-blue));\n color: white;\n box-shadow: 0 10px 30px rgba(159, 57, 255, 0.4);\n position: relative;\n overflow: hidden;\n }\n\n .btn-primary:hover {\n transform: translateY(-2px);\n box-shadow: 0 15px 40px 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(--primary-blue);\n }\n\n \/* Chart Container *\/\n .chart-container {\n background: linear-gradient(135deg, rgba(159, 57, 255, 0.05), rgba(0, 180, 216, 0.03));\n border: 1px solid rgba(159, 57, 255, 0.2);\n border-radius: 20px;\n padding: 30px;\n backdrop-filter: blur(20px);\n position: relative;\n overflow: hidden;\n min-height: 500px;\n width: 100%;\n max-width: 600px;\n margin: 0 auto;\n }\n\n @media (max-width: 768px) {\n .chart-container {\n padding: 20px;\n min-height: 400px;\n }\n }\n\n @media (min-width: 1024px) {\n .chart-container {\n margin: 0;\n }\n }\n\n .chart-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 30px;\n padding-bottom: 15px;\n border-bottom: 1px solid rgba(159, 57, 255, 0.2);\n }\n\n .chart-title {\n font-size: 0.875rem;\n color: var(--text-light);\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 2px;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n .live-dot {\n width: 6px;\n height: 6px;\n background: #00ff88;\n border-radius: 50%;\n animation: pulse-live 1s ease-in-out infinite;\n }\n\n @keyframes pulse-live {\n 0%, 100% { transform: scale(1); opacity: 1; }\n 50% { transform: scale(1.5); opacity: 0.5; }\n }\n\n .chart-controls {\n display: flex;\n gap: 8px;\n }\n\n .chart-control {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.2);\n cursor: pointer;\n }\n\n .chart-control:first-child { background: #ff5f57; }\n .chart-control:nth-child(2) { background: #ffbd2e; }\n .chart-control:last-child { background: #28ca42; }\n\n \/* Chart wrapper *\/\n .chart-wrapper {\n position: relative;\n margin-bottom: 20px;\n border-radius: 10px;\n overflow: hidden;\n background: linear-gradient(180deg, rgba(159, 57, 255, 0.05) 0%, transparent 100%);\n }\n\n .chart-metrics {\n position: absolute;\n top: 10px;\n left: 10px;\n display: flex;\n flex-direction: column;\n gap: 5px;\n z-index: 10;\n background: rgba(10, 14, 39, 0.8);\n padding: 8px;\n border-radius: 8px;\n border: 1px solid rgba(159, 57, 255, 0.3);\n backdrop-filter: blur(10px);\n }\n\n .metric-item {\n display: flex;\n align-items: center;\n gap: 5px;\n font-size: 0.7rem;\n }\n\n .metric-label {\n color: var(--text-dim);\n font-weight: 600;\n }\n\n .metric-value {\n color: var(--primary-blue);\n font-family: 'Courier New', monospace;\n font-weight: bold;\n }\n\n .metric-value.positive { color: #00ff88; }\n .metric-value.negative { color: #ff006e; }\n\n .pattern-detected {\n position: absolute;\n top: 10px;\n right: 10px;\n background: linear-gradient(135deg, var(--primary-purple), var(--primary-blue));\n color: white;\n padding: 6px 12px;\n border-radius: 20px;\n font-size: 0.65rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1px;\n z-index: 10;\n display: none;\n }\n\n .pattern-detected.active {\n display: block;\n animation: pattern-pulse 2s ease-in-out infinite;\n }\n\n @keyframes pattern-pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n }\n\n #tradingChart {\n width: 100%;\n height: 300px;\n display: block;\n }\n\n @media (max-width: 768px) {\n #tradingChart {\n height: 250px;\n }\n }\n\n \/* AI Features *\/\n .ai-features {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 15px;\n margin-top: 20px;\n }\n\n @media (max-width: 480px) {\n .ai-features {\n grid-template-columns: 1fr;\n gap: 12px;\n }\n }\n\n .ai-feature {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 10px;\n background: linear-gradient(135deg, rgba(159, 57, 255, 0.1), rgba(0, 180, 216, 0.05));\n border: 1px solid rgba(159, 57, 255, 0.2);\n border-radius: 10px;\n font-size: 0.875rem;\n color: var(--text-light);\n transition: all 0.3s ease;\n }\n\n .ai-feature:hover {\n transform: translateX(5px);\n border-color: var(--primary-purple);\n }\n\n .ai-feature-icon {\n width: 30px;\n height: 30px;\n background: linear-gradient(135deg, var(--primary-purple), var(--primary-blue));\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n\n .ai-feature-icon i {\n color: white;\n font-size: 14px;\n }\n\n .status-indicator {\n text-align: center;\n margin-top: 20px;\n padding: 12px;\n background: rgba(16, 185, 129, 0.1);\n border: 1px solid rgba(16, 185, 129, 0.3);\n border-radius: 10px;\n color: var(--success-green);\n font-size: 0.875rem;\n font-weight: 600;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n }\n\n .status-dot {\n width: 8px;\n height: 8px;\n background: var(--success-green);\n border-radius: 50%;\n animation: blink 2s infinite;\n }\n\n @keyframes blink {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.3; }\n }\n\n \/* Floating elements *\/\n .floating-circle {\n position: absolute;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(159, 57, 255, 0.3), transparent);\n pointer-events: none;\n }\n\n .floating-circle:nth-child(1) {\n width: 100px;\n height: 100px;\n top: -50px;\n right: -50px;\n animation: float 6s ease-in-out infinite;\n }\n\n .floating-circle:nth-child(2) {\n width: 60px;\n height: 60px;\n bottom: -30px;\n left: -30px;\n animation: float 8s ease-in-out infinite reverse;\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-20px); }\n }\n\n \/* Mobile and Tablet Layout Restructure *\/\n @media (max-width: 1023px) {\n .hero {\n padding-bottom: 100px; \/* Space for fixed button *\/\n }\n \n \/* Hide desktop chart on mobile\/tablet *\/\n .desktop-chart {\n display: none !important;\n }\n \n \/* Mobile chart section right after title *\/\n .mobile-chart-section {\n margin: 30px -15px; \/* Full width on mobile *\/\n order: 2;\n }\n \n .mobile-chart-section .chart-container {\n border-radius: 0;\n border-left: none;\n border-right: none;\n margin: 0;\n max-width: 100%;\n }\n \n \/* Title shows first *\/\n .title-section {\n order: 1;\n text-align: center;\n margin-bottom: 0;\n }\n \n \/* Description and stats show after chart *\/\n .desktop-only-order {\n order: 3;\n margin-top: 30px;\n }\n \n \/* Center tagline and title on mobile *\/\n .tagline {\n text-align: center;\n }\n \n h1 {\n text-align: center;\n }\n \n \/* Hide Watch Demo button *\/\n .desktop-only {\n display: none !important;\n }\n \n \/* Fixed floating Learn More button *\/\n .cta-buttons {\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 1000;\n padding: 15px;\n background: linear-gradient(to top, \n rgba(10, 14, 39, 1) 0%,\n rgba(10, 14, 39, 0.95) 50%,\n rgba(10, 14, 39, 0) 100%);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n }\n \n .btn-primary {\n width: 100%;\n max-width: 400px;\n margin: 0 auto;\n font-size: 1rem;\n padding: 16px 32px;\n box-shadow: \n 0 -5px 20px rgba(159, 57, 255, 0.3),\n 0 10px 40px rgba(159, 57, 255, 0.5),\n inset 0 1px 0 rgba(255, 255, 255, 0.1);\n animation: pulse-glow 2s ease-in-out infinite;\n }\n \n @keyframes pulse-glow {\n 0%, 100% {\n box-shadow: \n 0 -5px 20px rgba(159, 57, 255, 0.3),\n 0 10px 40px rgba(159, 57, 255, 0.5),\n inset 0 1px 0 rgba(255, 255, 255, 0.1);\n }\n 50% {\n box-shadow: \n 0 -5px 30px rgba(159, 57, 255, 0.5),\n 0 10px 50px rgba(159, 57, 255, 0.7),\n inset 0 1px 0 rgba(255, 255, 255, 0.2);\n }\n }\n }\n \n \/* Desktop Layout - Keep Original *\/\n @media (min-width: 1024px) {\n .title-section,\n .desktop-only-order {\n display: contents; \/* Removes wrapper div effect *\/\n }\n \n .mobile-chart-section {\n display: none; \/* Hide mobile chart section on desktop *\/\n }\n \n .desktop-chart {\n display: block !important; \/* Show desktop chart *\/\n }\n \n .desktop-only {\n display: inline-flex !important;\n }\n \n .cta-buttons {\n position: relative;\n display: flex;\n gap: 20px;\n margin-top: 40px;\n }\n \n .btn-primary {\n width: auto;\n }\n }\n \n \/* Ensure proper spacing on very small screens *\/\n @media (max-width: 480px) {\n .mobile-chart-section {\n margin: 20px -15px;\n }\n \n h1 {\n font-size: 1.75rem;\n margin-bottom: 15px;\n }\n \n .hero {\n padding-top: 20px;\n }\n \n .hero-description {\n padding: 0 15px;\n text-align: center;\n }\n }\n \n \/* Tablet specific *\/\n @media (min-width: 481px) and (max-width: 1023px) {\n h1 {\n font-size: 2.5rem;\n }\n \n .mobile-chart-section {\n margin: 30px 0;\n }\n \n .mobile-chart-section .chart-container {\n border-radius: 20px;\n border: 1px solid rgba(159, 57, 255, 0.2);\n }\n \n .stats-grid {\n grid-template-columns: repeat(4, 1fr);\n }\n \n .ai-features {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n \n \/* Prevent content from going under fixed button *\/\n @media (max-width: 1023px) {\n body {\n padding-bottom: 0;\n }\n \n .container {\n padding-bottom: 20px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <!-- Hero Section -->\n <section class=\"hero\">\n <div class=\"container\">\n <!-- Logo - Now visible on all devices -->\n <div class=\"logo-container\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/07\/uvix-1-1.png\" alt=\"Nuvix AI\">\n <\/div>\n\n <div class=\"hero-content\">\n <!-- Text content -->\n <div class=\"hero-text\">\n <!-- Title Section - Shows first on mobile -->\n <div class=\"title-section\">\n <p class=\"tagline\">La nostra intelligenza, il vostro vantaggio<\/p>\n \n <h1>\n <span class=\"gradient-text\">AI-Powered<\/span><br>\n <span class=\"gradient-text\">Riconoscimento dei modelli<\/span><br>\n <span class=\"gradient-text\">Piattaforma di analisi<\/span>\n <\/h1>\n <\/div>\n \n <!-- Chart shows right after title on mobile\/tablet, but stays in right column on desktop -->\n <div class=\"mobile-chart-section\">\n <!-- This will be filled by JavaScript for mobile\/tablet -->\n <\/div>\n \n <!-- This section will show after chart on mobile but stays here on desktop -->\n <div class=\"desktop-only-order\">\n <p class=\"hero-description\">\n Nuvix revolutionizes data analysis with proprietary AI technology that processes millions of data points 24\/7, identifying patterns and opportunities with unprecedented accuracy.\n <\/p>\n \n <div class=\"stats-grid\">\n <div class=\"stat-card\">\n <div class=\"stat-number\">95%<\/div>\n <div class=\"stat-label\">Tasso di precisione<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\">24\/7<\/div>\n <div class=\"stat-label\">Analisi dell'intelligenza artificiale<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\">8+<\/div>\n <div class=\"stat-label\">Data Sources<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\">100%<\/div>\n <div class=\"stat-label\">Proprietario<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- CTA Buttons - Fixed on mobile, normal on desktop -->\n <div class=\"cta-buttons desktop-inline\">\n <a href=\"https:\/\/nuvix.com\/it\/landing\/\" class=\"btn btn-primary\">\n LEARN MORE <i class=\"las la-arrow-right\"><\/i>\n <\/a>\n <a href=\"https:\/\/nuvix.com\/it\/landing\/\" class=\"btn btn-secondary desktop-only\">\n WATCH DEMO\n <\/a>\n <\/div>\n <\/div>\n \n <!-- Chart visualization - Hidden on mobile (moved up), visible on desktop -->\n <div class=\"chart-container desktop-chart\">\n <div class=\"floating-circle\"><\/div>\n <div class=\"floating-circle\"><\/div>\n \n <div class=\"chart-header\">\n <span class=\"chart-title\">\n <span class=\"live-dot\"><\/span>\n REAL-TIME ANALYSIS\n <\/span>\n <div class=\"chart-controls\">\n <span class=\"chart-control\"><\/span>\n <span class=\"chart-control\"><\/span>\n <span class=\"chart-control\"><\/span>\n <\/div>\n <\/div>\n \n <div class=\"chart-wrapper\">\n <div class=\"chart-metrics\">\n <div class=\"metric-item\">\n <span class=\"metric-label\">VOL:<\/span>\n <span class=\"metric-value\" id=\"volume\">2.4M<\/span>\n <\/div>\n <div class=\"metric-item\">\n <span class=\"metric-label\">TREND:<\/span>\n <span class=\"metric-value positive\" id=\"trend\">+5.2%<\/span>\n <\/div>\n <div class=\"metric-item\">\n <span class=\"metric-label\">RSI:<\/span>\n <span class=\"metric-value\" id=\"rsi\">67.8<\/span>\n <\/div>\n <\/div>\n <div class=\"pattern-detected\" id=\"patternAlert\">\n Pattern Detected\n <\/div>\n <canvas id=\"tradingChart\"><\/canvas>\n <\/div>\n \n <div class=\"ai-features\">\n <div class=\"ai-feature\">\n <div class=\"ai-feature-icon\">\n <i class=\"las la-chart-line\"><\/i>\n <\/div>\n <span>Riconoscimento dei modelli<\/span>\n <\/div>\n <div class=\"ai-feature\">\n <div class=\"ai-feature-icon\">\n <i class=\"las la-shield-alt\"><\/i>\n <\/div>\n <span>Valutazione del rischio<\/span>\n <\/div>\n <div class=\"ai-feature\">\n <div class=\"ai-feature-icon\">\n <i class=\"las la-crosshairs\"><\/i>\n <\/div>\n <span>Precision Analysis<\/span>\n <\/div>\n <div class=\"ai-feature\">\n <div class=\"ai-feature-icon\">\n <i class=\"las la-brain\"><\/i>\n <\/div>\n <span>Apprendimento profondo<\/span>\n <\/div>\n <\/div>\n \n <div class=\"status-indicator\">\n <span class=\"status-dot\"><\/span>\n AI ANALYZING DATA IN REAL-TIME\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <script>\n \/\/ Canvas animation script\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Global animation variables\n let animationId = null;\n let time = 0;\n let candleData = [];\n let candleCount = 20;\n let isAnimating = false;\n let isScrolling = false;\n let scrollTimeout = null;\n let chartInitialized = false;\n \n \/\/ Clone chart for mobile\/tablet layout\n function handleResponsiveChart() {\n const mobileChartSection = document.querySelector('.mobile-chart-section');\n const desktopChart = document.querySelector('.desktop-chart');\n \n if (!mobileChartSection || !desktopChart) return;\n \n if (window.innerWidth < 1024) {\n \/\/ Clone chart to mobile position if not already there\n if (!mobileChartSection.querySelector('.chart-container')) {\n const chartClone = desktopChart.innerHTML;\n const newContainer = document.createElement('div');\n newContainer.className = 'chart-container mobile-chart';\n newContainer.innerHTML = chartClone;\n mobileChartSection.appendChild(newContainer);\n \n \/\/ Reinitialize canvas after cloning\n setTimeout(() => {\n initializeAllCanvases();\n if (!isAnimating) {\n startAnimation();\n }\n }, 100);\n }\n } else {\n \/\/ Clean up mobile chart on desktop\n mobileChartSection.innerHTML = '';\n \/\/ Reinitialize desktop canvas\n setTimeout(() => {\n initializeAllCanvases();\n if (!isAnimating) {\n startAnimation();\n }\n }, 100);\n }\n }\n \n \/\/ Initialize all canvases\n function initializeAllCanvases() {\n const allCanvases = document.querySelectorAll('#tradingChart');\n allCanvases.forEach(canvas => {\n const container = canvas.parentElement;\n if (container) {\n \/\/ Set canvas size based on container\n const rect = container.getBoundingClientRect();\n if (rect.width > 0) {\n canvas.width = rect.width;\n canvas.height = window.innerWidth < 768 ? 250 : 300;\n }\n }\n });\n \n \/\/ Initialize data if not already done\n if (!chartInitialized) {\n updateCandleCount();\n initCandleData();\n chartInitialized = true;\n }\n }\n \n function updateCandleCount() {\n const newCount = window.innerWidth < 480 ? 12 : window.innerWidth < 768 ? 15 : 20;\n if (newCount !== candleCount) {\n candleCount = newCount;\n initCandleData();\n }\n }\n \n function initCandleData() {\n candleData = [];\n for (let i = 0; i < candleCount; i++) {\n candleData.push({\n open: 50 + Math.random() * 50,\n close: 50 + Math.random() * 50,\n high: 80 + Math.random() * 20,\n low: 30 + Math.random() * 20,\n baseOpen: 50 + Math.random() * 50,\n baseClose: 50 + Math.random() * 50\n });\n }\n }\n \n function updateMetrics() {\n \/\/ Update all metric elements (both mobile and desktop versions)\n document.querySelectorAll('#volume').forEach(el => {\n if (el) el.textContent = (1.5 + Math.sin(time * 0.02) * 0.5).toFixed(1) + 'M';\n });\n \n const trendValue = (Math.sin(time * 0.01) * 10).toFixed(1);\n document.querySelectorAll('#trend').forEach(el => {\n if (el) {\n el.textContent = (trendValue >= 0 ? '+' : '') + trendValue + '%';\n el.className = 'metric-value ' + (trendValue >= 0 ? 'positive' : 'negative');\n }\n });\n \n document.querySelectorAll('#rsi').forEach(el => {\n if (el) el.textContent = (50 + Math.sin(time * 0.015) * 30).toFixed(1);\n });\n \n if (time % 300 === 0) {\n document.querySelectorAll('#patternAlert').forEach(el => {\n if (el) {\n el.classList.add('active');\n setTimeout(() => el.classList.remove('active'), 3000);\n }\n });\n }\n }\n \n function drawOnCanvas(canvas) {\n if (!canvas || canvas.width === 0 || canvas.height === 0) return;\n \n const ctx = canvas.getContext('2d');\n if (!ctx) return;\n \n \/\/ Clear canvas\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n \n \/\/ Draw grid\n ctx.strokeStyle = 'rgba(159, 57, 255, 0.05)';\n ctx.lineWidth = 0.5;\n \n \/\/ Horizontal lines\n for (let i = 0; i <= 5; i++) {\n const y = (canvas.height \/ 5) * i;\n ctx.beginPath();\n ctx.moveTo(0, y);\n ctx.lineTo(canvas.width, y);\n ctx.stroke();\n }\n \n \/\/ Vertical lines\n for (let i = 0; i <= candleCount; i++) {\n const x = (canvas.width \/ candleCount) * i;\n ctx.beginPath();\n ctx.moveTo(x, 0);\n ctx.lineTo(x, canvas.height);\n ctx.stroke();\n }\n \n \/\/ Draw candlesticks\n const candleWidth = canvas.width \/ candleCount;\n \n candleData.forEach((candle, index) => {\n const x = index * candleWidth + candleWidth \/ 2;\n \n \/\/ Animate candle values\n if (!isScrolling) {\n candle.close = candle.baseClose + Math.sin(time * 0.01 + index) * 2;\n candle.open = candle.baseOpen + Math.cos(time * 0.01 + index) * 1.5;\n }\n \n const isGreen = candle.close > candle.open;\n const color = isGreen ? '#10b981' : '#ef4444';\n \n \/\/ Draw wick\n ctx.strokeStyle = color;\n ctx.lineWidth = window.innerWidth < 480 ? 1 : 2;\n ctx.beginPath();\n ctx.moveTo(x, canvas.height - (candle.high * 2.5));\n ctx.lineTo(x, canvas.height - (candle.low * 2.5));\n ctx.stroke();\n \n \/\/ Draw body\n ctx.fillStyle = color;\n const bodyTop = Math.max(candle.open, candle.close);\n const bodyBottom = Math.min(candle.open, candle.close);\n const bodyHeight = (bodyTop - bodyBottom) * 2.5;\n \n ctx.fillRect(\n x - candleWidth * 0.3,\n canvas.height - (bodyTop * 2.5),\n candleWidth * 0.6,\n bodyHeight || 2\n );\n });\n \n \/\/ Draw moving average line\n ctx.strokeStyle = 'rgba(159, 57, 255, 0.4)';\n ctx.lineWidth = 2;\n ctx.beginPath();\n \n for (let i = 0; i < candleCount; i++) {\n const x = i * candleWidth + candleWidth \/ 2;\n const avg = (candleData[i].open + candleData[i].close) \/ 2;\n const y = canvas.height - (avg * 2.5);\n \n if (i === 0) ctx.moveTo(x, y);\n else ctx.lineTo(x, y);\n }\n ctx.stroke();\n \n \/\/ Draw scan line animation\n if (!isScrolling) {\n const scanX = (time * 2) % canvas.width;\n const gradient = ctx.createLinearGradient(scanX - 30, 0, scanX + 30, 0);\n gradient.addColorStop(0, 'rgba(0, 180, 216, 0)');\n gradient.addColorStop(0.5, 'rgba(0, 180, 216, 0.2)');\n gradient.addColorStop(1, 'rgba(0, 180, 216, 0)');\n \n ctx.strokeStyle = gradient;\n ctx.lineWidth = 2;\n ctx.beginPath();\n ctx.moveTo(scanX, 0);\n ctx.lineTo(scanX, canvas.height);\n ctx.stroke();\n }\n }\n \n function drawChart() {\n \/\/ Draw on all visible canvases\n const allCanvases = document.querySelectorAll('#tradingChart');\n \n allCanvases.forEach(canvas => {\n \/\/ Check if canvas is visible\n const rect = canvas.getBoundingClientRect();\n if (rect.width > 0 && rect.height > 0) {\n drawOnCanvas(canvas);\n }\n });\n \n \/\/ Update metrics\n updateMetrics();\n \n \/\/ Increment time\n time++;\n \n \/\/ Continue animation\n if (isAnimating) {\n animationId = requestAnimationFrame(drawChart);\n }\n }\n \n function startAnimation() {\n if (!isAnimating) {\n isAnimating = true;\n drawChart();\n }\n }\n \n function stopAnimation() {\n isAnimating = false;\n if (animationId) {\n cancelAnimationFrame(animationId);\n animationId = null;\n }\n }\n \n function handleScroll() {\n isScrolling = true;\n clearTimeout(scrollTimeout);\n scrollTimeout = setTimeout(() => {\n isScrolling = false;\n }, 150);\n }\n \n \/\/ Initialize\n function init() {\n handleResponsiveChart();\n initializeAllCanvases();\n startAnimation();\n }\n \n \/\/ Event listeners\n window.addEventListener('scroll', handleScroll, { passive: true });\n \n \/\/ Handle resize\n let resizeTimeout;\n window.addEventListener('resize', function() {\n clearTimeout(resizeTimeout);\n resizeTimeout = setTimeout(function() {\n stopAnimation();\n handleResponsiveChart();\n updateCandleCount();\n initializeAllCanvases();\n startAnimation();\n }, 250);\n });\n \n \/\/ Handle visibility change\n document.addEventListener('visibilitychange', function() {\n if (document.hidden) {\n stopAnimation();\n } else {\n startAnimation();\n }\n });\n \n \/\/ Handle page show\/hide (iOS)\n window.addEventListener('pageshow', function(event) {\n if (!event.persisted) {\n init();\n } else {\n startAnimation();\n }\n });\n \n window.addEventListener('pagehide', function() {\n stopAnimation();\n });\n \n \/\/ Initialize with a small delay to ensure DOM is ready\n setTimeout(init, 100);\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e56627e e-con-full e-flex e-con e-parent\" data-id=\"e56627e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e12a308 elementor-widget elementor-widget-html\" data-id=\"e12a308\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<footer style=\"background: rgba(0, 0, 0, 0.3); padding: 30px 20px; margin-top: 60px; border-top: 1px solid rgba(255, 255, 255, 0.1);\">\n <div style=\"max-width: 1200px; margin: 0 auto; text-align: center;\">\n <p style=\"color: rgba(255, 255, 255, 0.6); font-size: 12px; line-height: 1.6; margin-bottom: 15px;\">\n <strong>DISCLAIMER:<\/strong> Nuvix AI is an educational technology platform that provides pattern recognition and data analysis tools. Results shown are based on historical data analysis and do not guarantee future performance. The use of AI technology in any decision-making process involves risk, and past results are not indicative of future outcomes.\n <\/p>\n \n <p style=\"color: rgba(255, 255, 255, 0.6); font-size: 12px; line-height: 1.6; margin-bottom: 15px;\">\n <strong>RISK WARNING:<\/strong> Any form of data analysis, whether for financial markets, gaming, or other applications, carries inherent risks. Users should conduct their own research and seek professional advice before making any decisions. Nuvix AI does not provide financial, investment, or gambling advice.\n <\/p>\n \n <p style=\"color: rgba(255, 255, 255, 0.6); font-size: 12px; line-height: 1.6; margin-bottom: 15px;\">\n <strong>NO GUARANTEES:<\/strong> We make no representations or warranties about the accuracy, completeness, or suitability of our AI analysis for any particular purpose. Individual results may vary significantly. The platform is provided \"as is\" for educational and informational purposes only.\n <\/p>\n \n <p style=\"color: rgba(255, 255, 255, 0.5); font-size: 11px; line-height: 1.6;\">\n \u00a9 2025 Nuvix AI. All rights reserved. | Not affiliated with Meta, Facebook, or any financial institutions. | \n <a href=\"https:\/\/nuvix.com\/it\/privacy-policy-en\/\" style=\"color: #00b4d8; text-decoration: none;\">Informativa sulla privacy<\/a> | \n <a href=\"https:\/\/nuvix.com\/it\/terms-of-use-en\/\" style=\"color: #00b4d8; text-decoration: none;\">Terms of Service<\/a>\n <\/p>\n <\/div>\n<\/footer>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ba45d4e elementor-widget elementor-widget-shortcode\" data-id=\"ba45d4e\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"> <div class=\"ulcs-widget modern-style\"\n data-position=\"inline\" \n data-type=\"language\">\n <button class=\"ulcs-trigger\" aria-label=\"Cambiare la lingua\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\uddee\ud83c\uddf9<\/span>\n <span class=\"ulcs-lang\">IT<\/span>\n \n \n <\/div>\n <svg class=\"ulcs-arrow\" width=\"12\" height=\"12\" viewbox=\"0 0 12 12\" fill=\"none\">\n <path d=\"M3 4.5L6 7.5L9 4.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/button>\n <\/div>\n <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"Nuvix AI – Advanced Pattern Recognition Technology Our Intelligence, Your Advantage AI-Powered Pattern Recognition Analysis Platform Nuvix revolutionizes data analysis with proprietary AI technology that processes millions of data points 24\/7, identifying patterns and opportunities with unprecedented accuracy. 95% Accuracy Rate 24\/7 AI Analysis 8+ Data Sources 100% Proprietary LEARN MORE WATCH DEMO REAL-TIME ANALYSIS […]","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-41913","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nuvix.com\/it\/wp-json\/wp\/v2\/pages\/41913","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=41913"}],"version-history":[{"count":101,"href":"https:\/\/nuvix.com\/it\/wp-json\/wp\/v2\/pages\/41913\/revisions"}],"predecessor-version":[{"id":42123,"href":"https:\/\/nuvix.com\/it\/wp-json\/wp\/v2\/pages\/41913\/revisions\/42123"}],"wp:attachment":[{"href":"https:\/\/nuvix.com\/it\/wp-json\/wp\/v2\/media?parent=41913"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}