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\">Mercados<\/a>\n <a href=\"#solution\">Tecnolog\u00eda de IA<\/a>\n <a href=\"#business-model\">Negocio<\/a>\n <a href=\"#pricing\">Paquetes<\/a>\n <a href=\"#opportunity\">Oportunidad<\/a>\n <a href=\"https:\/\/nuvix.com\/es\/c_login\/\">Iniciar sesi\u00f3n<\/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=\"Cambiar ambos\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\uddea\ud83c\uddf8<\/span>\n <span class=\"ulcs-lang\">ES<\/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\">Comenzar<\/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;\">Comenzar<\/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\">Mercados<\/a>\n <a href=\"#solution\">Tecnolog\u00eda de IA<\/a>\n <a href=\"#business-model\">Negocio<\/a>\n <a href=\"#pricing\">Paquetes<\/a>\n <a href=\"#opportunity\">Oportunidad<\/a>\n <\/div>\n <div class=\"mobile-menu-buttons\">\n <a href=\"https:\/\/nuvix.com\/es\/c_login\/\" class=\"btn btn-secondary\">Iniciar sesi\u00f3n<\/a>\n <a href=\"#pricing\" class=\"btn btn-primary\">Empezar ahora<\/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=\"Cambiar ambos\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\uddea\ud83c\uddf8<\/span>\n <span class=\"ulcs-lang\">ES<\/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 ESPECIAL PREINSCRIPCI\u00d3N - S\u00f3lo por tiempo limitado\n <\/div>\n <p class=\"tagline\">Nuestra inteligencia, su ventaja<\/p>\n <h1>El futuro del trading ya est\u00e1 aqu\u00ed: An\u00e1lisis de mercados basados en IA<\/h1>\n <p>Nuvix revoluciona el trading con tecnolog\u00eda propia de IA que analiza los mercados 24\/7, identificando patrones invisibles para los traders humanos. \u00danete a la \u00e9lite 5% que ganan constantemente con nuestra inteligencia artificial avanzada.<\/p>\n \n <div class=\"hero-stats\">\n <div class=\"stat-item\">\n <div class=\"stat-number\">95%<\/div>\n <div class=\"stat-label\">\u00cdndice de precisi\u00f3n<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">24\/7<\/div>\n <div class=\"stat-label\">An\u00e1lisis de IA<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">8+<\/div>\n <div class=\"stat-label\">Mercados<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">100%<\/div>\n <div class=\"stat-label\">Propietario<\/div>\n <\/div>\n <\/div>\n\n <div class=\"cta-buttons\">\n <a href=\"#pricing\" class=\"btn btn-primary\">Acceso anticipado<\/a>\n <a href=\"#video-section\" class=\"btn btn-secondary\">Ver demostraci\u00f3n<\/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 Reconocimiento de patrones\n <\/div>\n <div class=\"ai-feature-item\">\n <i class=\"las la-shield-alt\"><\/i>\n Evaluaci\u00f3n de riesgos\n <\/div>\n <div class=\"ai-feature-item\">\n <i class=\"las la-crosshairs\"><\/i>\n Puntos de entrada\/salida\n <\/div>\n <div class=\"ai-feature-item\">\n <i class=\"las la-brain\"><\/i>\n Sentimiento del mercado\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> AI ANALIZANDO EN TIEMPO REAL\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\">Opere en varios mercados con una IA<\/h2>\n <p class=\"section-subtitle\">Nuestra IA analiza patrones en diversos mercados financieros y plataformas de juego<\/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>Principales pares de divisas<\/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\">Acciones<\/h3>\n <p>Renta variable mundial<\/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\">Cripto<\/h3>\n <p>Activos digitales<\/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\">\u00cdndices<\/h3>\n <p>\u00cdndices de mercado<\/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\">Opciones binarias<\/h3>\n <p>Rendimientos fijos<\/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\">Juegos de casino<\/h3>\n <p>An\u00e1lisis de patrones<\/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\">Apuestas deportivas<\/h3>\n <p>Ventaja estad\u00edstica<\/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\">Materias primas<\/h3>\n <p>Materias primas<\/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\">Experimente la IA de Nuvix en acci\u00f3n<\/h2>\n <p class=\"section-subtitle\">Vea c\u00f3mo nuestra IA analiza los mercados en tiempo real<\/p>\n <div class=\"video-container\">\n <div class=\"video-wrapper\">\n <div class=\"video-label\">Demostraci\u00f3n en directo<\/div>\n <div class=\"video-player\">\n <video class=\"nv-video\" muted playsinline preload=\"metadata\" src=\"https:\/\/streamable.com\/l\/44cf7f\/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\">El desaf\u00edo comercial<\/h2>\n <p class=\"section-subtitle\">Por qu\u00e9 fracasan 95% de los comerciantes y c\u00f3mo lo estamos cambiando<\/p>\n <div class=\"big-stat\">\n <div class=\"big-stat-number\">95%<\/div>\n <p class=\"big-stat-desc\">de los operadores pierden dinero en los mercados financieros<\/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\">Sobrecarga de informaci\u00f3n<\/h3>\n <p class=\"problem-desc\">Demasiados datos, poca informaci\u00f3n pr\u00e1ctica<\/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\">Comercio emocional<\/h3>\n <p class=\"problem-desc\">El miedo y la codicia destruyen las cuentas de 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\">Limitaciones temporales<\/h3>\n <p class=\"problem-desc\">Los mercados se mueven 24\/7, los humanos necesitan dormir<\/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\">Mala gesti\u00f3n del riesgo<\/h3>\n <p class=\"problem-desc\">Una mala operaci\u00f3n puede echar por tierra meses de ganancias<\/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\">Falta de estrategia<\/h3>\n <p class=\"problem-desc\">Operar sin un sistema probado<\/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\">Manipulaci\u00f3n del mercado<\/h3>\n <p class=\"problem-desc\">Los grandes operadores mueven los mercados en contra de los minoristas<\/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 soluci\u00f3n Nuvix: Tecnolog\u00eda avanzada de IA<\/h2>\n <p class=\"section-subtitle\">Inteligencia artificial patentada desarrollada desde cero, dise\u00f1ada para darte ventaja<\/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% AI patentada<\/h3>\n <p class=\"feature-desc\">Construido desde cero por nuestro equipo de expertos en IA y traders. Sin dependencias de terceros.<\/p>\n <ul class=\"feature-list\">\n <li><i class=\"las la-arrow-right\"><\/i> Redes neuronales personalizadas<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Algoritmos de aprendizaje autom\u00e1tico<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Mejora continua<\/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\">Infraestructura privada segura<\/h3>\n <p class=\"feature-desc\">Sus datos nunca salen de nuestros servidores encriptados. Protocolos de seguridad de grado militar.<\/p>\n <ul class=\"feature-list\">\n <li><i class=\"las la-arrow-right\"><\/i> Cifrado de extremo a extremo<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Servidores en nube privados<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Cero intercambio de datos<\/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\">An\u00e1lisis en tiempo real<\/h3>\n <p class=\"feature-desc\">Reconocimiento instant\u00e1neo de patrones y an\u00e1lisis de mercado en m\u00faltiples marcos temporales.<\/p>\n <ul class=\"feature-list\">\n <li><i class=\"las la-arrow-right\"><\/i> Tiempo de respuesta en milisegundos<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Seguimiento del mercado 24 horas al d\u00eda, 7 d\u00edas a la semana<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> An\u00e1lisis multitemporal<\/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\">An\u00e1lisis predictivo<\/h3>\n <p class=\"feature-desc\">Algoritmos avanzados predicen los movimientos del mercado con gran precisi\u00f3n.<\/p>\n <ul class=\"feature-list\">\n <li><i class=\"las la-arrow-right\"><\/i> \u00cdndice de precisi\u00f3n 95%<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Optimizaci\u00f3n de la relaci\u00f3n riesgo\/recompensa<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Se\u00f1ales de entrada\/salida<\/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\">Gesti\u00f3n inteligente del riesgo<\/h3>\n <p class=\"feature-desc\">Recomendaciones de stop-loss y dimensionamiento de posiciones basadas en inteligencia artificial.<\/p>\n <ul class=\"feature-list\">\n <li><i class=\"las la-arrow-right\"><\/i> Dimensionamiento din\u00e1mico de las posiciones<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Alertas de riesgo automatizadas<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Protecci\u00f3n de la cartera<\/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\">Interfaz f\u00e1cil de usar<\/h3>\n <p class=\"feature-desc\">Inteligencia artificial compleja simplificada. Perfecto para principiantes y profesionales.<\/p>\n <ul class=\"feature-list\">\n <li><i class=\"las la-arrow-right\"><\/i> An\u00e1lisis en un clic<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Recomendaciones claras<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Respuesta m\u00f3vil<\/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\">Capacidades de IA que nos diferencian<\/h2>\n <p class=\"section-subtitle\">Funciones avanzadas basadas en inteligencia artificial de vanguardia<\/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\">Reconocimiento de patrones<\/h3>\n <p>Identifica patrones complejos en m\u00faltiples mercados simult\u00e1neamente<\/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\">An\u00e1lisis del sentimiento del mercado<\/h3>\n <p>Analiza el sentimiento del mercado mundial y el posicionamiento de los operadores<\/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\">Evaluaci\u00f3n de riesgos<\/h3>\n <p>Calcula el tama\u00f1o \u00f3ptimo de las posiciones y los par\u00e1metros de riesgo<\/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\">C\u00e1lculo de probabilidades<\/h3>\n <p>Modelos estad\u00edsticos avanzados para la predicci\u00f3n de resultados<\/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\">Aprendizaje adaptativo<\/h3>\n <p>Mejora continua de la precisi\u00f3n gracias al aprendizaje autom\u00e1tico<\/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\">Correlaci\u00f3n multimercado<\/h3>\n <p>Encuentra oportunidades en mercados correlacionados<\/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\">Un modelo de negocio revolucionario<\/h2>\n <p class=\"section-subtitle\">M\u00faltiples fuentes de ingresos dise\u00f1adas para su \u00e9xito<\/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 basado en fichas<\/h3>\n <p class=\"model-desc\">Pague s\u00f3lo por lo que utilice con nuestro flexible sistema de fichas<\/p>\n <ul class=\"model-features\">\n <li><i class=\"las la-check\"><\/i> 1 ficha = 1 an\u00e1lisis de IA<\/li>\n <li><i class=\"las la-check\"><\/i> Sin cuotas mensuales ni suscripciones<\/li>\n <li><i class=\"las la-check\"><\/i> Las fichas nunca caducan<\/li>\n <li><i class=\"las la-check\"><\/i> Descuentos por volumen<\/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\">Programa de afiliados<\/h3>\n <p class=\"model-desc\">Gane importantes comisiones compartiendo Nuvix<\/p>\n <ul class=\"model-features\">\n <li><i class=\"las la-check\"><\/i> Hasta $200 por remisi\u00f3n directa<\/li>\n <li><i class=\"las la-check\"><\/i> Plan de compensaci\u00f3n binario<\/li>\n <li><i class=\"las la-check\"><\/i> Potencial de ingresos ilimitado<\/li>\n <li><i class=\"las la-check\"><\/i> Oportunidad global<\/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\">Incentivos al crecimiento<\/h3>\n <p class=\"model-desc\">Bonificaciones especiales y multiplicadores para usuarios activos<\/p>\n <ul class=\"model-features\">\n <li><i class=\"las la-check\"><\/i> Multiplicadores de fichas al recargar<\/li>\n <li><i class=\"las la-check\"><\/i> Bonificaciones por volumen<\/li>\n <li><i class=\"las la-check\"><\/i> Recompensas al liderazgo<\/li>\n <li><i class=\"las la-check\"><\/i> Incentivos por resultados<\/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\">Paquetes de preinscripci\u00f3n<\/h2>\n <p class=\"section-subtitle\">\u00a1Asegure su puesto ahora!<\/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')\">Avanzado<\/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\">PRINCIPIANTE<\/h3>\n <p class=\"package-tagline\">Comience su viaje por el comercio con inteligencia artificial<\/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 fichas de an\u00e1lisis<\/div>\n <\/div>\n <ul class=\"price-features\">\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> An\u00e1lisis del mercado de IA para todos los mercados<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Informaci\u00f3n sobre negociaci\u00f3n en tiempo real<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Acceso a la asistencia b\u00e1sica<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Multiplicador de fichas 3x en recarga<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Acceso a extensiones de Chrome<\/li>\n <\/ul>\n <div class=\"commission-info\">\n Bonificaci\u00f3n por inicio r\u00e1pido: <span class=\"commission-amount\">$20<\/span>\n <\/div>\n <a href=\"https:\/\/nuvix.com\/es\/checkout\/?add-to-cart=39264\" class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1.5rem;\">Pre-reg\u00edstrate Ahora<\/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\">M\u00e1ximo valor para operadores serios<\/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 fichas de an\u00e1lisis<\/div>\n <\/div>\n <ul class=\"price-features\">\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Todo en el paquete avanzado<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Asistencia prioritaria VIP 24 horas al d\u00eda, 7 d\u00edas a la semana<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Panel de an\u00e1lisis Premium<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Multiplicador de fichas 5x en recarga<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Webinarios exclusivos sobre negociaci\u00f3n<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Acceso a extensiones de Chrome<\/li>\n <\/ul>\n <div class=\"commission-info\">\n Bonificaci\u00f3n por inicio r\u00e1pido: <span class=\"commission-amount\">$200<\/span>\n <\/div>\n <a href=\"https:\/\/nuvix.com\/es\/checkout\/?add-to-cart=40406\" class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1.5rem;\">Pre-reg\u00edstrate Ahora<\/a>\n <\/div>\n \n <div class=\"pricing-card\" id=\"advanced-card\">\n <div class=\"pricing-header\">\n <h3 class=\"package-name\">AVANZADO<\/h3>\n <p class=\"package-tagline\">Para operadores con experiencia<\/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 fichas de an\u00e1lisis<\/div>\n <\/div>\n <ul class=\"price-features\">\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Todo en el paquete para principiantes<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Respuesta prioritaria de asistencia<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Funciones anal\u00edticas avanzadas<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Multiplicador de fichas 4x en recarga<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Herramientas de correlaci\u00f3n multimercado<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Acceso a extensiones de Chrome<\/li>\n <\/ul>\n <div class=\"commission-info\">\n Bonificaci\u00f3n por inicio r\u00e1pido: <span class=\"commission-amount\">$100<\/span>\n <\/div>\n <a href=\"https:\/\/nuvix.com\/es\/checkout\/?add-to-cart=40404\" class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1.5rem;\">Pre-reg\u00edstrate Ahora<\/a>\n <\/div>\n <\/div>\n <p style=\"text-align: center; margin-top: 2rem; opacity: 0.8;\">\n * 80% del valor del paquete se convierte en Volumen Comisionable (CV)\n <\/p>\n <\/div>\n <\/section>\n\n <section class=\"compensation-section\" id=\"opportunity\">\n <div class=\"container\">\n <h2 class=\"section-title\">Construya su futuro financiero<\/h2>\n <p class=\"section-subtitle\">\u00danase a nuestra red mundial y gane mientras comercia<\/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>Bonificaci\u00f3n de inicio r\u00e1pido<\/h3>\n <p class=\"comp-desc\">Gane comisiones inmediatas por cada recomendaci\u00f3n directa<\/p>\n <div class=\"comp-amount\">$20 - $200<\/div>\n <p class=\"comp-period\">por venta directa<\/p>\n <\/div>\n <div class=\"comp-card\">\n <div class=\"comp-icon\"><i class=\"las la-chart-line\"><\/i><\/div>\n <h3>Compensaci\u00f3n binaria<\/h3>\n <p class=\"comp-desc\">Crea dos equipos y gana con un volumen equilibrado<\/p>\n <div class=\"comp-amount\">10-20%<\/div>\n <p class=\"comp-period\">de volumen de pierna d\u00e9bil<\/p>\n <\/div>\n <div class=\"comp-card\">\n <div class=\"comp-icon\"><i class=\"las la-trophy\"><\/i><\/div>\n <h3>Primas de liderazgo<\/h3>\n <p class=\"comp-desc\">Recompensas adicionales por crear equipos de \u00e9xito<\/p>\n <div class=\"comp-amount\">Hasta $250K<\/div>\n <p class=\"comp-period\">potencial anual<\/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);\">Estructura de compensaci\u00f3n binaria<\/h3>\n <div class=\"tree-diagram\">\n <div class=\"tree-node\">\n <div class=\"node-circle\">USTED<\/div>\n <div class=\"node-label\">Patrocinador ilimitado<\/div>\n <div class=\"tree-branches\">\n <div class=\"tree-node\">\n <div class=\"node-circle\">IZQUIERDA<\/div>\n <div class=\"node-label\">Equipo A<\/div>\n <\/div>\n <div class=\"tree-node\">\n <div class=\"node-circle\">DERECHA<\/div>\n <div class=\"node-label\">Equipo B<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <p style=\"margin-top: 2rem; opacity: 0.8;\">Gane comisiones sobre el volumen de su pierna m\u00e1s d\u00e9bil. \u00a1Construye equipos equilibrados para obtener las m\u00e1ximas ganancias!<\/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\">\u00bfPreparado para unirse a la revoluci\u00f3n de la IA?<\/h2>\n <p class=\"cta-subtitle\">Plazas de preinscripci\u00f3n limitadas. \u00a1Aseg\u00farese su plaza hoy mismo!<\/p>\n <div class=\"cta-buttons\" style=\"display: flex; justify-content: center; gap: 1rem;\">\n <a href=\"#pricing\" class=\"btn btn-primary btn-large\">Empezar ahora<\/a>\n <a href=\"https:\/\/nuvix.com\/es\/c_login\/\" class=\"btn btn-secondary btn-large\">Iniciar sesi\u00f3n<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"container\">\n <div class=\"disclaimer\">\n <p><strong>Descargo de responsabilidad importante:<\/strong> Toda la informaci\u00f3n producida por el <strong>An\u00e1lisis de IA de Nuvix<\/strong> (el \"Servicio\") se proporciona estrictamente para <strong>educativos e informativos<\/strong> \u00fanicamente. El Servicio genera evaluaciones algor\u00edtmicas de datos de mercado, patrones de trading y juegos de casino, pero no <strong>no<\/strong> genera se\u00f1ales operativas de trading o apuestas y no debe ser utilizado como tal.<\/p>\n <p><strong>Advertencia de riesgo:<\/strong> El uso del Servicio implica un riesgo significativo. Las evaluaciones pasadas no garantizan el rendimiento o las ganancias futuras en Forex, acciones, futuros, \u00edndices sint\u00e9ticos, opciones binarias, criptoactivos, ruleta, baccarat u otros juegos de casino. <strong>Nuvix<\/strong> no ofrece garant\u00edas, expresas ni impl\u00edcitas, sobre la precisi\u00f3n, integridad o idoneidad de ning\u00fan an\u00e1lisis. <strong>Tus decisiones y resultados<\/strong> dependen completamente de tu propio juicio, tolerancia al riesgo, esfuerzo y de las condiciones del mercado o del juego en ese momento.<\/p>\n <p><strong>Sin afiliaci\u00f3n:<\/strong> <strong>Nuvix<\/strong> no est\u00e1 afiliado, respaldado ni asociado con ninguna plataforma de trading, br\u00f3ker, casa de cambio o operador de casino. T\u00fa eres el \u00fanico responsable de seleccionar, acceder y utilizar cualquier plataforma para tus actividades de trading o juego.<\/p>\n <p><strong>Limitaci\u00f3n de responsabilidad:<\/strong> Al utilizar el Servicio, reconoces y aceptas que <strong>Nuvix<\/strong> y sus filiales no ser\u00e1n responsables de las p\u00e9rdidas, da\u00f1os o reclamaciones derivados del uso que usted haga de los an\u00e1lisis de IA. Realice siempre su propia diligencia debida y consulte a profesionales cualificados antes de realizar operaciones o apuestas. El trading y las apuestas pueden dar lugar a importantes p\u00e9rdidas financieras.<\/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\/es\/wp-json\/wp\/v2\/pages\/41629","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nuvix.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nuvix.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nuvix.com\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nuvix.com\/es\/wp-json\/wp\/v2\/comments?post=41629"}],"version-history":[{"count":55,"href":"https:\/\/nuvix.com\/es\/wp-json\/wp\/v2\/pages\/41629\/revisions"}],"predecessor-version":[{"id":41715,"href":"https:\/\/nuvix.com\/es\/wp-json\/wp\/v2\/pages\/41629\/revisions\/41715"}],"wp:attachment":[{"href":"https:\/\/nuvix.com\/es\/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\">Mercados<\/a>\n <a href=\"#solution\">Tecnolog\u00eda de IA<\/a>\n <a href=\"#business-model\">Negocio<\/a>\n <a href=\"#pricing\">Paquetes<\/a>\n <a href=\"#opportunity\">Oportunidad<\/a>\n <a href=\"https:\/\/nuvix.com\/es\/c_login\/\">Iniciar sesi\u00f3n<\/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=\"Cambiar ambos\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\uddea\ud83c\uddf8<\/span>\n <span class=\"ulcs-lang\">ES<\/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\">Comenzar<\/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;\">Comenzar<\/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\">Mercados<\/a>\n <a href=\"#solution\">Tecnolog\u00eda de IA<\/a>\n <a href=\"#business-model\">Negocio<\/a>\n <a href=\"#pricing\">Paquetes<\/a>\n <a href=\"#opportunity\">Oportunidad<\/a>\n <\/div>\n <div class=\"mobile-menu-buttons\">\n <a href=\"https:\/\/nuvix.com\/es\/c_login\/\" class=\"btn btn-secondary\">Iniciar sesi\u00f3n<\/a>\n <a href=\"#pricing\" class=\"btn btn-primary\">Empezar ahora<\/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=\"Cambiar ambos\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\uddea\ud83c\uddf8<\/span>\n <span class=\"ulcs-lang\">ES<\/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 ESPECIAL PREINSCRIPCI\u00d3N - S\u00f3lo por tiempo limitado\n <\/div>\n <p class=\"tagline\">Nuestra inteligencia, su ventaja<\/p>\n <h1>El futuro del trading ya est\u00e1 aqu\u00ed: An\u00e1lisis de mercados basados en IA<\/h1>\n <p>Nuvix revoluciona el trading con tecnolog\u00eda propia de IA que analiza los mercados 24\/7, identificando patrones invisibles para los traders humanos. \u00danete a la \u00e9lite 5% que ganan constantemente con nuestra inteligencia artificial avanzada.<\/p>\n \n <div class=\"hero-stats\">\n <div class=\"stat-item\">\n <div class=\"stat-number\">95%<\/div>\n <div class=\"stat-label\">\u00cdndice de precisi\u00f3n<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">24\/7<\/div>\n <div class=\"stat-label\">An\u00e1lisis de IA<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">8+<\/div>\n <div class=\"stat-label\">Mercados<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">100%<\/div>\n <div class=\"stat-label\">Propietario<\/div>\n <\/div>\n <\/div>\n\n <div class=\"cta-buttons\">\n <a href=\"#pricing\" class=\"btn btn-primary\">Acceso anticipado<\/a>\n <a href=\"#video-section\" class=\"btn btn-secondary\">Ver demostraci\u00f3n<\/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 Reconocimiento de patrones\n <\/div>\n <div class=\"ai-feature-item\">\n <i class=\"las la-shield-alt\"><\/i>\n Evaluaci\u00f3n de riesgos\n <\/div>\n <div class=\"ai-feature-item\">\n <i class=\"las la-crosshairs\"><\/i>\n Puntos de entrada\/salida\n <\/div>\n <div class=\"ai-feature-item\">\n <i class=\"las la-brain\"><\/i>\n Sentimiento del mercado\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> AI ANALIZANDO EN TIEMPO REAL\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\">Opere en varios mercados con una IA<\/h2>\n <p class=\"section-subtitle\">Nuestra IA analiza patrones en diversos mercados financieros y plataformas de juego<\/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>Principales pares de divisas<\/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\">Acciones<\/h3>\n <p>Renta variable mundial<\/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\">Cripto<\/h3>\n <p>Activos digitales<\/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\">\u00cdndices<\/h3>\n <p>\u00cdndices de mercado<\/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\">Opciones binarias<\/h3>\n <p>Rendimientos fijos<\/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\">Juegos de casino<\/h3>\n <p>An\u00e1lisis de patrones<\/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\">Apuestas deportivas<\/h3>\n <p>Ventaja estad\u00edstica<\/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\">Materias primas<\/h3>\n <p>Materias primas<\/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\">Experimente la IA de Nuvix en acci\u00f3n<\/h2>\n <p class=\"section-subtitle\">Vea c\u00f3mo nuestra IA analiza los mercados en tiempo real<\/p>\n <div class=\"video-container\">\n <div class=\"video-wrapper\">\n <div class=\"video-label\">Demostraci\u00f3n en directo<\/div>\n <div class=\"video-player\">\n <video class=\"nv-video\" muted playsinline preload=\"metadata\" src=\"https:\/\/streamable.com\/l\/44cf7f\/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\">El desaf\u00edo comercial<\/h2>\n <p class=\"section-subtitle\">Por qu\u00e9 fracasan 95% de los comerciantes y c\u00f3mo lo estamos cambiando<\/p>\n <div class=\"big-stat\">\n <div class=\"big-stat-number\">95%<\/div>\n <p class=\"big-stat-desc\">de los operadores pierden dinero en los mercados financieros<\/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\">Sobrecarga de informaci\u00f3n<\/h3>\n <p class=\"problem-desc\">Demasiados datos, poca informaci\u00f3n pr\u00e1ctica<\/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\">Comercio emocional<\/h3>\n <p class=\"problem-desc\">El miedo y la codicia destruyen las cuentas de 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\">Limitaciones temporales<\/h3>\n <p class=\"problem-desc\">Los mercados se mueven 24\/7, los humanos necesitan dormir<\/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\">Mala gesti\u00f3n del riesgo<\/h3>\n <p class=\"problem-desc\">Una mala operaci\u00f3n puede echar por tierra meses de ganancias<\/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\">Falta de estrategia<\/h3>\n <p class=\"problem-desc\">Operar sin un sistema probado<\/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\">Manipulaci\u00f3n del mercado<\/h3>\n <p class=\"problem-desc\">Los grandes operadores mueven los mercados en contra de los minoristas<\/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 soluci\u00f3n Nuvix: Tecnolog\u00eda avanzada de IA<\/h2>\n <p class=\"section-subtitle\">Inteligencia artificial patentada desarrollada desde cero, dise\u00f1ada para darte ventaja<\/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% AI patentada<\/h3>\n <p class=\"feature-desc\">Construido desde cero por nuestro equipo de expertos en IA y traders. Sin dependencias de terceros.<\/p>\n <ul class=\"feature-list\">\n <li><i class=\"las la-arrow-right\"><\/i> Redes neuronales personalizadas<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Algoritmos de aprendizaje autom\u00e1tico<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Mejora continua<\/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\">Infraestructura privada segura<\/h3>\n <p class=\"feature-desc\">Sus datos nunca salen de nuestros servidores encriptados. Protocolos de seguridad de grado militar.<\/p>\n <ul class=\"feature-list\">\n <li><i class=\"las la-arrow-right\"><\/i> Cifrado de extremo a extremo<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Servidores en nube privados<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Cero intercambio de datos<\/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\">An\u00e1lisis en tiempo real<\/h3>\n <p class=\"feature-desc\">Reconocimiento instant\u00e1neo de patrones y an\u00e1lisis de mercado en m\u00faltiples marcos temporales.<\/p>\n <ul class=\"feature-list\">\n <li><i class=\"las la-arrow-right\"><\/i> Tiempo de respuesta en milisegundos<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Seguimiento del mercado 24 horas al d\u00eda, 7 d\u00edas a la semana<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> An\u00e1lisis multitemporal<\/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\">An\u00e1lisis predictivo<\/h3>\n <p class=\"feature-desc\">Algoritmos avanzados predicen los movimientos del mercado con gran precisi\u00f3n.<\/p>\n <ul class=\"feature-list\">\n <li><i class=\"las la-arrow-right\"><\/i> \u00cdndice de precisi\u00f3n 95%<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Optimizaci\u00f3n de la relaci\u00f3n riesgo\/recompensa<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Se\u00f1ales de entrada\/salida<\/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\">Gesti\u00f3n inteligente del riesgo<\/h3>\n <p class=\"feature-desc\">Recomendaciones de stop-loss y dimensionamiento de posiciones basadas en inteligencia artificial.<\/p>\n <ul class=\"feature-list\">\n <li><i class=\"las la-arrow-right\"><\/i> Dimensionamiento din\u00e1mico de las posiciones<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Alertas de riesgo automatizadas<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Protecci\u00f3n de la cartera<\/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\">Interfaz f\u00e1cil de usar<\/h3>\n <p class=\"feature-desc\">Inteligencia artificial compleja simplificada. Perfecto para principiantes y profesionales.<\/p>\n <ul class=\"feature-list\">\n <li><i class=\"las la-arrow-right\"><\/i> An\u00e1lisis en un clic<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Recomendaciones claras<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Respuesta m\u00f3vil<\/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\">Capacidades de IA que nos diferencian<\/h2>\n <p class=\"section-subtitle\">Funciones avanzadas basadas en inteligencia artificial de vanguardia<\/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\">Reconocimiento de patrones<\/h3>\n <p>Identifica patrones complejos en m\u00faltiples mercados simult\u00e1neamente<\/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\">An\u00e1lisis del sentimiento del mercado<\/h3>\n <p>Analiza el sentimiento del mercado mundial y el posicionamiento de los operadores<\/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\">Evaluaci\u00f3n de riesgos<\/h3>\n <p>Calcula el tama\u00f1o \u00f3ptimo de las posiciones y los par\u00e1metros de riesgo<\/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\">C\u00e1lculo de probabilidades<\/h3>\n <p>Modelos estad\u00edsticos avanzados para la predicci\u00f3n de resultados<\/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\">Aprendizaje adaptativo<\/h3>\n <p>Mejora continua de la precisi\u00f3n gracias al aprendizaje autom\u00e1tico<\/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\">Correlaci\u00f3n multimercado<\/h3>\n <p>Encuentra oportunidades en mercados correlacionados<\/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\">Un modelo de negocio revolucionario<\/h2>\n <p class=\"section-subtitle\">M\u00faltiples fuentes de ingresos dise\u00f1adas para su \u00e9xito<\/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 basado en fichas<\/h3>\n <p class=\"model-desc\">Pague s\u00f3lo por lo que utilice con nuestro flexible sistema de fichas<\/p>\n <ul class=\"model-features\">\n <li><i class=\"las la-check\"><\/i> 1 ficha = 1 an\u00e1lisis de IA<\/li>\n <li><i class=\"las la-check\"><\/i> Sin cuotas mensuales ni suscripciones<\/li>\n <li><i class=\"las la-check\"><\/i> Las fichas nunca caducan<\/li>\n <li><i class=\"las la-check\"><\/i> Descuentos por volumen<\/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\">Programa de afiliados<\/h3>\n <p class=\"model-desc\">Gane importantes comisiones compartiendo Nuvix<\/p>\n <ul class=\"model-features\">\n <li><i class=\"las la-check\"><\/i> Hasta $200 por remisi\u00f3n directa<\/li>\n <li><i class=\"las la-check\"><\/i> Plan de compensaci\u00f3n binario<\/li>\n <li><i class=\"las la-check\"><\/i> Potencial de ingresos ilimitado<\/li>\n <li><i class=\"las la-check\"><\/i> Oportunidad global<\/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\">Incentivos al crecimiento<\/h3>\n <p class=\"model-desc\">Bonificaciones especiales y multiplicadores para usuarios activos<\/p>\n <ul class=\"model-features\">\n <li><i class=\"las la-check\"><\/i> Multiplicadores de fichas al recargar<\/li>\n <li><i class=\"las la-check\"><\/i> Bonificaciones por volumen<\/li>\n <li><i class=\"las la-check\"><\/i> Recompensas al liderazgo<\/li>\n <li><i class=\"las la-check\"><\/i> Incentivos por resultados<\/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\">Paquetes de preinscripci\u00f3n<\/h2>\n <p class=\"section-subtitle\">\u00a1Asegure su puesto ahora!<\/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')\">Avanzado<\/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\">PRINCIPIANTE<\/h3>\n <p class=\"package-tagline\">Comience su viaje por el comercio con inteligencia artificial<\/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 fichas de an\u00e1lisis<\/div>\n <\/div>\n <ul class=\"price-features\">\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> An\u00e1lisis del mercado de IA para todos los mercados<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Informaci\u00f3n sobre negociaci\u00f3n en tiempo real<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Acceso a la asistencia b\u00e1sica<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Multiplicador de fichas 3x en recarga<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Acceso a extensiones de Chrome<\/li>\n <\/ul>\n <div class=\"commission-info\">\n Bonificaci\u00f3n por inicio r\u00e1pido: <span class=\"commission-amount\">$20<\/span>\n <\/div>\n <a href=\"https:\/\/nuvix.com\/es\/checkout\/?add-to-cart=39264\" class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1.5rem;\">Pre-reg\u00edstrate Ahora<\/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\">M\u00e1ximo valor para operadores serios<\/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 fichas de an\u00e1lisis<\/div>\n <\/div>\n <ul class=\"price-features\">\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Todo en el paquete avanzado<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Asistencia prioritaria VIP 24 horas al d\u00eda, 7 d\u00edas a la semana<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Panel de an\u00e1lisis Premium<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Multiplicador de fichas 5x en recarga<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Webinarios exclusivos sobre negociaci\u00f3n<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Acceso a extensiones de Chrome<\/li>\n <\/ul>\n <div class=\"commission-info\">\n Bonificaci\u00f3n por inicio r\u00e1pido: <span class=\"commission-amount\">$200<\/span>\n <\/div>\n <a href=\"https:\/\/nuvix.com\/es\/checkout\/?add-to-cart=40406\" class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1.5rem;\">Pre-reg\u00edstrate Ahora<\/a>\n <\/div>\n \n <div class=\"pricing-card\" id=\"advanced-card\">\n <div class=\"pricing-header\">\n <h3 class=\"package-name\">AVANZADO<\/h3>\n <p class=\"package-tagline\">Para operadores con experiencia<\/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 fichas de an\u00e1lisis<\/div>\n <\/div>\n <ul class=\"price-features\">\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Todo en el paquete para principiantes<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Respuesta prioritaria de asistencia<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Funciones anal\u00edticas avanzadas<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Multiplicador de fichas 4x en recarga<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Herramientas de correlaci\u00f3n multimercado<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Acceso a extensiones de Chrome<\/li>\n <\/ul>\n <div class=\"commission-info\">\n Bonificaci\u00f3n por inicio r\u00e1pido: <span class=\"commission-amount\">$100<\/span>\n <\/div>\n <a href=\"https:\/\/nuvix.com\/es\/checkout\/?add-to-cart=40404\" class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1.5rem;\">Pre-reg\u00edstrate Ahora<\/a>\n <\/div>\n <\/div>\n <p style=\"text-align: center; margin-top: 2rem; opacity: 0.8;\">\n * 80% del valor del paquete se convierte en Volumen Comisionable (CV)\n <\/p>\n <\/div>\n <\/section>\n\n <section class=\"compensation-section\" id=\"opportunity\">\n <div class=\"container\">\n <h2 class=\"section-title\">Construya su futuro financiero<\/h2>\n <p class=\"section-subtitle\">\u00danase a nuestra red mundial y gane mientras comercia<\/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>Bonificaci\u00f3n de inicio r\u00e1pido<\/h3>\n <p class=\"comp-desc\">Gane comisiones inmediatas por cada recomendaci\u00f3n directa<\/p>\n <div class=\"comp-amount\">$20 - $200<\/div>\n <p class=\"comp-period\">por venta directa<\/p>\n <\/div>\n <div class=\"comp-card\">\n <div class=\"comp-icon\"><i class=\"las la-chart-line\"><\/i><\/div>\n <h3>Compensaci\u00f3n binaria<\/h3>\n <p class=\"comp-desc\">Crea dos equipos y gana con un volumen equilibrado<\/p>\n <div class=\"comp-amount\">10-20%<\/div>\n <p class=\"comp-period\">de volumen de pierna d\u00e9bil<\/p>\n <\/div>\n <div class=\"comp-card\">\n <div class=\"comp-icon\"><i class=\"las la-trophy\"><\/i><\/div>\n <h3>Primas de liderazgo<\/h3>\n <p class=\"comp-desc\">Recompensas adicionales por crear equipos de \u00e9xito<\/p>\n <div class=\"comp-amount\">Hasta $250K<\/div>\n <p class=\"comp-period\">potencial anual<\/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);\">Estructura de compensaci\u00f3n binaria<\/h3>\n <div class=\"tree-diagram\">\n <div class=\"tree-node\">\n <div class=\"node-circle\">USTED<\/div>\n <div class=\"node-label\">Patrocinador ilimitado<\/div>\n <div class=\"tree-branches\">\n <div class=\"tree-node\">\n <div class=\"node-circle\">IZQUIERDA<\/div>\n <div class=\"node-label\">Equipo A<\/div>\n <\/div>\n <div class=\"tree-node\">\n <div class=\"node-circle\">DERECHA<\/div>\n <div class=\"node-label\">Equipo B<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <p style=\"margin-top: 2rem; opacity: 0.8;\">Gane comisiones sobre el volumen de su pierna m\u00e1s d\u00e9bil. \u00a1Construye equipos equilibrados para obtener las m\u00e1ximas ganancias!<\/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\">\u00bfPreparado para unirse a la revoluci\u00f3n de la IA?<\/h2>\n <p class=\"cta-subtitle\">Plazas de preinscripci\u00f3n limitadas. \u00a1Aseg\u00farese su plaza hoy mismo!<\/p>\n <div class=\"cta-buttons\" style=\"display: flex; justify-content: center; gap: 1rem;\">\n <a href=\"#pricing\" class=\"btn btn-primary btn-large\">Empezar ahora<\/a>\n <a href=\"https:\/\/nuvix.com\/es\/c_login\/\" class=\"btn btn-secondary btn-large\">Iniciar sesi\u00f3n<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"container\">\n <div class=\"disclaimer\">\n <p><strong>Descargo de responsabilidad importante:<\/strong> Toda la informaci\u00f3n producida por el <strong>An\u00e1lisis de IA de Nuvix<\/strong> (el \"Servicio\") se proporciona estrictamente para <strong>educativos e informativos<\/strong> \u00fanicamente. El Servicio genera evaluaciones algor\u00edtmicas de datos de mercado, patrones de trading y juegos de casino, pero no <strong>no<\/strong> genera se\u00f1ales operativas de trading o apuestas y no debe ser utilizado como tal.<\/p>\n <p><strong>Advertencia de riesgo:<\/strong> El uso del Servicio implica un riesgo significativo. Las evaluaciones pasadas no garantizan el rendimiento o las ganancias futuras en Forex, acciones, futuros, \u00edndices sint\u00e9ticos, opciones binarias, criptoactivos, ruleta, baccarat u otros juegos de casino. <strong>Nuvix<\/strong> no ofrece garant\u00edas, expresas ni impl\u00edcitas, sobre la precisi\u00f3n, integridad o idoneidad de ning\u00fan an\u00e1lisis. <strong>Tus decisiones y resultados<\/strong> dependen completamente de tu propio juicio, tolerancia al riesgo, esfuerzo y de las condiciones del mercado o del juego en ese momento.<\/p>\n <p><strong>Sin afiliaci\u00f3n:<\/strong> <strong>Nuvix<\/strong> no est\u00e1 afiliado, respaldado ni asociado con ninguna plataforma de trading, br\u00f3ker, casa de cambio o operador de casino. T\u00fa eres el \u00fanico responsable de seleccionar, acceder y utilizar cualquier plataforma para tus actividades de trading o juego.<\/p>\n <p><strong>Limitaci\u00f3n de responsabilidad:<\/strong> Al utilizar el Servicio, reconoces y aceptas que <strong>Nuvix<\/strong> y sus filiales no ser\u00e1n responsables de las p\u00e9rdidas, da\u00f1os o reclamaciones derivados del uso que usted haga de los an\u00e1lisis de IA. Realice siempre su propia diligencia debida y consulte a profesionales cualificados antes de realizar operaciones o apuestas. El trading y las apuestas pueden dar lugar a importantes p\u00e9rdidas financieras.<\/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\/es\/wp-json\/wp\/v2\/pages\/41629","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nuvix.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nuvix.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nuvix.com\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nuvix.com\/es\/wp-json\/wp\/v2\/comments?post=41629"}],"version-history":[{"count":55,"href":"https:\/\/nuvix.com\/es\/wp-json\/wp\/v2\/pages\/41629\/revisions"}],"predecessor-version":[{"id":41715,"href":"https:\/\/nuvix.com\/es\/wp-json\/wp\/v2\/pages\/41629\/revisions\/41715"}],"wp:attachment":[{"href":"https:\/\/nuvix.com\/es\/wp-json\/wp\/v2\/media?parent=41629"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}