{"id":41629,"date":"2025-08-17T17:19:52","date_gmt":"2025-08-18T00:19:52","guid":{"rendered":"https:\/\/nuvix.com\/?page_id=41629"},"modified":"2025-08-18T10:45:26","modified_gmt":"2025-08-18T17:45:26","slug":"test-home","status":"publish","type":"page","link":"https:\/\/nuvix.com\/pt\/test-home\/","title":{"rendered":"test home"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Nuvix by iEvolution - Revolutionary AI Trading Analysis Platform<\/title>\n \n <!-- Icons8 Line Awesome (Free icon font) -->\n <link rel=\"stylesheet\" href=\"https:\/\/maxst.icons8.com\/vue-static\/landings\/line-awesome\/line-awesome\/1.3.0\/css\/line-awesome.min.css\">\n \n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --primary-gradient: linear-gradient(135deg, #9f39ff 0%, #00b4d8 100%);\n --secondary-gradient: linear-gradient(135deg, #ff006e 0%, #00b4d8 100%);\n --gold-gradient: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);\n --dark-bg: #0a0e27;\n --card-bg: rgba(255, 255, 255, 0.05);\n --text-light: #e2e8f0;\n --accent-blue: #00b4d8;\n --accent-purple: #9f39ff;\n --accent-pink: #ff006e;\n --success-green: #10b981;\n --danger-red: #ef4444;\n --gold: #FFD700;\n }\n\n \/* Base styles *\/\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n background-color: var(--dark-bg);\n color: var(--text-light);\n overflow-x: hidden;\n line-height: 1.6;\n margin: 0;\n padding: 0;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n \/* Container system for responsive design *\/\n .container {\n width: 100%;\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 1rem;\n }\n\n @media (min-width: 576px) {\n .container { padding: 0 1.5rem; }\n }\n\n @media (min-width: 768px) {\n .container { padding: 0 2rem; }\n }\n\n @media (min-width: 1024px) {\n .container { padding: 0 2rem; }\n }\n\n \/* Premium Animated background *\/\n .bg-animation {\n position: fixed;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: -1;\n background: var(--dark-bg);\n overflow: hidden;\n }\n\n .bg-animation::before {\n content: '';\n position: absolute;\n width: 200%;\n height: 200%;\n top: -50%;\n left: -50%;\n background: radial-gradient(circle at 20% 50%, rgba(159, 57, 255, 0.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 50%, rgba(0, 180, 216, 0.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255, 0, 110, 0.05) 0%, transparent 50%);\n animation: rotate 30s linear infinite;\n }\n\n @keyframes rotate {\n to { transform: rotate(360deg); }\n }\n\n \/* Neural network animation *\/\n .neural-network {\n position: absolute;\n width: 100%;\n height: 100%;\n opacity: 0.1;\n }\n\n .neural-path {\n stroke: var(--accent-purple);\n stroke-width: 0.5;\n fill: none;\n animation: pulse-path 3s ease-in-out infinite;\n }\n\n @keyframes pulse-path {\n 0%, 100% { opacity: 0.1; }\n 50% { opacity: 0.3; }\n }\n\n \/* Floating particles *\/\n .particle {\n position: absolute;\n background: rgba(255, 255, 255, 0.5);\n border-radius: 50%;\n animation: float 20s infinite linear;\n pointer-events: none;\n }\n\n @keyframes float {\n from {\n transform: translateY(100vh) translateX(0);\n opacity: 0;\n }\n 10% { opacity: 1; }\n 90% { opacity: 1; }\n to {\n transform: translateY(-100vh) translateX(100px);\n opacity: 0;\n }\n }\n\n \/* Header - Fully Responsive *\/\n header {\n position: fixed;\n top: 0;\n width: 100%;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(10, 14, 39, 0.8);\n backdrop-filter: blur(20px);\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;\n will-change: transform;\n }\n\n header.scrolled {\n background: rgba(10, 14, 39, 0.95);\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n }\n\n header.hidden {\n transform: translateY(-100%);\n }\n\n nav {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n width: 100%;\n max-width: 100%;\n }\n\n @media (min-width: 768px) {\n nav {\n padding: 1rem 2rem;\n }\n }\n\n @media (min-width: 1400px) {\n nav {\n max-width: 1400px;\n margin: 0 auto;\n padding: 1rem 2rem;\n }\n }\n\n .logo {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n z-index: 1002;\n }\n\n .logo img {\n height: 40px;\n width: auto;\n filter: drop-shadow(0 0 10px rgba(159, 57, 255, 0.5));\n }\n\n @media (min-width: 768px) {\n .logo img { height: 45px; }\n }\n\n \/* Desktop Navigation *\/\n .nav-links {\n display: none;\n gap: 1.5rem;\n align-items: center;\n }\n\n @media (min-width: 1024px) {\n .nav-links {\n display: flex;\n gap: 2.5rem;\n }\n }\n\n .nav-links a {\n color: var(--text-light);\n text-decoration: none;\n transition: all 0.3s ease;\n position: relative;\n font-weight: 500;\n white-space: nowrap;\n font-size: 0.95rem;\n }\n\n @media (min-width: 1200px) {\n .nav-links a { font-size: 1rem; }\n }\n\n .nav-links a::after {\n content: '';\n position: absolute;\n bottom: -5px;\n left: 0;\n width: 0;\n height: 2px;\n background: var(--primary-gradient);\n transition: width 0.3s ease;\n }\n\n .nav-links a:hover::after {\n width: 100%;\n }\n\n \/* Mobile Navigation *\/\n .mobile-nav-container {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n @media (min-width: 1024px) {\n .mobile-nav-container { display: none; }\n }\n\n .hamburger {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n width: 30px;\n height: 24px;\n cursor: pointer;\n z-index: 1002;\n padding: 5px;\n background: transparent;\n border: none;\n outline: none;\n -webkit-tap-highlight-color: transparent;\n touch-action: manipulation;\n }\n\n .hamburger:hover span {\n background: var(--accent-blue);\n }\n\n .hamburger span {\n display: block;\n width: 100%;\n height: 3px;\n background: var(--text-light);\n border-radius: 3px;\n transition: all 0.3s ease;\n }\n\n .hamburger.active span:nth-child(1) {\n transform: translateY(10.5px) rotate(45deg);\n }\n\n .hamburger.active span:nth-child(2) {\n opacity: 0;\n }\n\n .hamburger.active span:nth-child(3) {\n transform: translateY(-10.5px) rotate(-45deg);\n }\n\n \/* Mobile menu overlay *\/\n .mobile-menu {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n height: 100dvh; \/* Dynamic viewport height for mobile *\/\n background: rgba(10, 14, 39, 0.98);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n z-index: 999;\n opacity: 0;\n visibility: hidden;\n transition: opacity 0.3s ease, visibility 0.3s ease;\n pointer-events: none;\n }\n\n .mobile-menu.active {\n opacity: 1;\n visibility: visible;\n pointer-events: auto;\n }\n\n .mobile-menu-content {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n padding: 2rem;\n }\n\n .mobile-menu-links {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n text-align: center;\n margin-bottom: 2rem;\n }\n\n @media (min-width: 576px) {\n .mobile-menu-links { gap: 2rem; margin-bottom: 3rem; }\n }\n\n .mobile-menu-links a {\n color: var(--text-light);\n text-decoration: none;\n font-size: 1.25rem;\n font-weight: 600;\n transition: all 0.3s ease;\n padding: 0.5rem 1rem;\n display: block;\n -webkit-tap-highlight-color: transparent;\n }\n\n .mobile-menu-links a:hover,\n .mobile-menu-links a:active {\n color: var(--accent-blue);\n transform: translateX(5px);\n }\n\n @media (min-width: 576px) {\n .mobile-menu-links a { font-size: 1.5rem; }\n }\n\n .mobile-menu-buttons {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n max-width: 300px;\n }\n\n \/* Hero Section - Fully Responsive *\/\n .hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 5rem 0 3rem;\n position: relative;\n background: radial-gradient(circle at 50% 50%, rgba(159, 57, 255, 0.1) 0%, transparent 70%);\n }\n\n @media (min-width: 768px) {\n .hero { padding: 6rem 0 4rem; }\n }\n\n .hero-content {\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n align-items: center;\n }\n\n @media (min-width: 768px) {\n .hero-content {\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n }\n }\n\n @media (min-width: 1024px) {\n .hero-content { gap: 4rem; }\n }\n\n .hero-text {\n text-align: center;\n }\n\n @media (min-width: 768px) {\n .hero-text { text-align: left; }\n }\n\n .hero-text h1 {\n font-size: clamp(1.75rem, 4vw, 4.5rem);\n font-weight: 800;\n margin-bottom: 1rem;\n background: linear-gradient(135deg, #fff 0%, #9f39ff 50%, #00b4d8 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: gradient-shift 3s ease infinite;\n line-height: 1.1;\n }\n\n @media (min-width: 768px) {\n .hero-text h1 {\n font-size: clamp(2.5rem, 5vw, 4.5rem);\n margin-bottom: 1.5rem;\n }\n }\n\n @keyframes gradient-shift {\n 0%, 100% { filter: hue-rotate(0deg); }\n 50% { filter: hue-rotate(30deg); }\n }\n\n .hero-text p {\n font-size: clamp(0.95rem, 1.5vw, 1.25rem);\n margin-bottom: 1.5rem;\n opacity: 0.9;\n line-height: 1.6;\n }\n\n @media (min-width: 768px) {\n .hero-text p { margin-bottom: 2rem; }\n }\n\n .tagline {\n font-size: 1rem;\n color: var(--accent-blue);\n margin-bottom: 0.75rem;\n font-style: italic;\n font-weight: 500;\n }\n\n @media (min-width: 768px) {\n .tagline {\n font-size: 1.2rem;\n margin-bottom: 1rem;\n }\n }\n\n .hero-stats {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin: 1.5rem 0;\n }\n\n @media (min-width: 576px) {\n .hero-stats {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 1.5rem;\n }\n }\n\n @media (min-width: 768px) {\n .hero-stats {\n justify-content: flex-start;\n gap: 2rem;\n margin: 2rem 0;\n }\n }\n\n .stat-item {\n text-align: center;\n padding: 0.75rem;\n background: rgba(255, 255, 255, 0.05);\n border-radius: 10px;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n @media (min-width: 576px) {\n .stat-item {\n min-width: 110px;\n padding: 1rem;\n }\n }\n\n @media (min-width: 768px) {\n .stat-item { min-width: 120px; }\n }\n\n .stat-number {\n font-size: 1.5rem;\n font-weight: 800;\n background: var(--primary-gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n @media (min-width: 576px) {\n .stat-number { font-size: 1.75rem; }\n }\n\n @media (min-width: 768px) {\n .stat-number { font-size: 2rem; }\n }\n\n .stat-label {\n font-size: 0.75rem;\n opacity: 0.8;\n margin-top: 0.25rem;\n }\n\n @media (min-width: 576px) {\n .stat-label { font-size: 0.875rem; }\n }\n\n .cta-buttons {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n margin-top: 1.5rem;\n }\n\n @media (min-width: 576px) {\n .cta-buttons {\n flex-direction: row;\n justify-content: center;\n flex-wrap: wrap;\n gap: 1rem;\n }\n }\n\n @media (min-width: 768px) {\n .cta-buttons {\n justify-content: flex-start;\n margin-top: 2rem;\n }\n }\n\n \/* Buttons - Responsive *\/\n .btn {\n padding: 0.875rem 2rem;\n border-radius: 25px;\n text-decoration: none;\n font-weight: 600;\n transition: all 0.3s ease;\n display: inline-block;\n position: relative;\n overflow: hidden;\n border: none;\n cursor: pointer;\n font-size: 0.9rem;\n white-space: nowrap;\n text-align: center;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n @media (min-width: 576px) {\n .btn {\n padding: 1rem 2.5rem;\n font-size: 1rem;\n }\n }\n\n .btn-primary {\n background: var(--primary-gradient);\n color: white;\n box-shadow: 0 4px 20px rgba(159, 57, 255, 0.4);\n }\n\n .btn-primary:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 30px rgba(159, 57, 255, 0.6);\n }\n\n .btn-secondary {\n background: transparent;\n color: var(--text-light);\n border: 2px solid rgba(255, 255, 255, 0.3);\n }\n\n .btn-secondary:hover {\n background: rgba(255, 255, 255, 0.1);\n border-color: var(--accent-blue);\n color: var(--accent-blue);\n }\n\n \/* Pre-registration badge *\/\n .pre-reg-badge {\n background: linear-gradient(135deg, #f59e0b, #ef4444);\n color: white;\n padding: 0.4rem 1rem;\n border-radius: 25px;\n font-size: 0.75rem;\n font-weight: 600;\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n margin-bottom: 0.75rem;\n animation: pulse 2s infinite;\n box-shadow: 0 4px 15px rgba(245, 158, 11, 0.4);\n }\n\n @media (min-width: 576px) {\n .pre-reg-badge {\n padding: 0.5rem 1.5rem;\n font-size: 0.875rem;\n margin-bottom: 1rem;\n }\n }\n\n @keyframes pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n }\n\n \/* AI Visualization - Responsive *\/\n .ai-visual {\n position: relative;\n animation: float-slow 6s ease-in-out infinite;\n width: 100%;\n margin-top: 2rem;\n }\n\n @media (min-width: 768px) {\n .ai-visual { margin-top: 0; }\n }\n\n @keyframes float-slow {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-20px); }\n }\n\n .chart-preview {\n background: rgba(255, 255, 255, 0.03);\n border-radius: 20px;\n padding: 1.5rem 1rem;\n border: 1px solid rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(20px);\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 40px rgba(159, 57, 255, 0.2);\n }\n\n @media (min-width: 576px) {\n .chart-preview { padding: 2rem; }\n }\n\n .chart-preview::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: var(--primary-gradient);\n animation: scan 2s ease-in-out infinite;\n }\n\n @keyframes scan {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(100%); }\n }\n\n .ai-features-preview {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.75rem;\n margin-top: 1.5rem;\n }\n\n @media (min-width: 576px) {\n .ai-features-preview {\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n }\n\n .ai-feature-item {\n background: rgba(255, 255, 255, 0.05);\n padding: 0.75rem;\n border-radius: 10px;\n font-size: 0.875rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .ai-feature-item i {\n color: var(--success-green);\n font-size: 1rem;\n }\n\n \/* Canvas responsive sizing *\/\n #chart {\n max-width: 100%;\n height: auto;\n }\n\n \/* Markets Section - Responsive Grid *\/\n .markets-section {\n padding: 3rem 0;\n }\n\n @media (min-width: 768px) {\n .markets-section { padding: 5rem 0; }\n }\n\n @media (min-width: 1024px) {\n .markets-section { padding: 6rem 0; }\n }\n\n .markets-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-top: 2rem;\n }\n\n @media (min-width: 576px) {\n .markets-grid {\n grid-template-columns: repeat(3, 1fr);\n gap: 1.5rem;\n }\n }\n\n @media (min-width: 768px) {\n .markets-grid {\n grid-template-columns: repeat(4, 1fr);\n gap: 2rem;\n }\n }\n\n @media (min-width: 1024px) {\n .markets-grid { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }\n }\n\n .market-card {\n background: var(--card-bg);\n padding: 1.5rem 1rem;\n border-radius: 15px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n text-align: center;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n\n @media (min-width: 576px) {\n .market-card { padding: 2rem; }\n }\n\n .market-card::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(159, 57, 255, 0.1) 0%, transparent 70%);\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n\n .market-card:hover::before {\n opacity: 1;\n }\n\n .market-card:hover {\n transform: translateY(-5px);\n border-color: var(--accent-purple);\n box-shadow: 0 10px 30px rgba(159, 57, 255, 0.3);\n }\n\n .market-icon {\n font-size: 2.5rem;\n margin-bottom: 0.75rem;\n color: var(--accent-blue);\n }\n\n @media (min-width: 576px) {\n .market-icon {\n font-size: 3rem;\n margin-bottom: 1rem;\n }\n }\n\n .market-name {\n font-size: 1.1rem;\n font-weight: 600;\n margin-bottom: 0.5rem;\n }\n\n @media (min-width: 576px) {\n .market-name { font-size: 1.25rem; }\n }\n\n \/* Section styles - Responsive *\/\n .section-container {\n padding: 0;\n }\n\n .section-title {\n text-align: center;\n font-size: clamp(1.75rem, 3.5vw, 3.5rem);\n margin-bottom: 1rem;\n background: linear-gradient(135deg, #fff 0%, #00b4d8 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-weight: 800;\n }\n\n @media (min-width: 768px) {\n .section-title {\n font-size: clamp(2.5rem, 4vw, 3.5rem);\n margin-bottom: 1.5rem;\n }\n }\n\n .section-subtitle {\n text-align: center;\n font-size: clamp(0.95rem, 1.5vw, 1.25rem);\n opacity: 0.8;\n margin-bottom: 2.5rem;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n }\n\n @media (min-width: 768px) {\n .section-subtitle { margin-bottom: 4rem; }\n }\n\n \/* Problem Section - Responsive *\/\n .problem-section {\n padding: 3rem 0;\n background: linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, 0.02) 50%, transparent 100%);\n }\n\n @media (min-width: 768px) {\n .problem-section { padding: 5rem 0; }\n }\n\n @media (min-width: 1024px) {\n .problem-section { padding: 6rem 0; }\n }\n\n .problem-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1.5rem;\n margin-bottom: 3rem;\n }\n\n @media (min-width: 576px) {\n .problem-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 1.5rem;\n }\n }\n\n @media (min-width: 768px) {\n .problem-grid {\n grid-template-columns: repeat(3, 1fr);\n gap: 2rem;\n }\n }\n\n @media (min-width: 1024px) {\n .problem-grid { margin-bottom: 4rem; }\n }\n\n .problem-card {\n background: var(--card-bg);\n padding: 2rem 1.5rem;\n border-radius: 20px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n text-align: center;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n\n @media (min-width: 768px) {\n .problem-card { padding: 2.5rem; }\n }\n\n .problem-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(135deg, transparent, rgba(239, 68, 68, 0.1));\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n\n .problem-card:hover::before {\n opacity: 1;\n }\n\n .problem-card:hover {\n transform: translateY(-10px);\n border-color: var(--danger-red);\n box-shadow: 0 15px 40px rgba(239, 68, 68, 0.3);\n }\n\n .problem-icon {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n display: block;\n color: var(--danger-red);\n }\n\n @media (min-width: 768px) {\n .problem-icon {\n font-size: 3.5rem;\n margin-bottom: 1.5rem;\n }\n }\n\n .problem-title {\n font-size: 1.1rem;\n font-weight: 600;\n margin-bottom: 0.75rem;\n color: #fff;\n }\n\n @media (min-width: 768px) {\n .problem-title { font-size: 1.25rem; }\n }\n\n .problem-desc {\n opacity: 0.8;\n line-height: 1.5;\n font-size: 0.9rem;\n }\n\n @media (min-width: 768px) {\n .problem-desc { font-size: 1rem; }\n }\n\n .big-stat {\n text-align: center;\n margin: 3rem 0;\n position: relative;\n }\n\n @media (min-width: 768px) {\n .big-stat { margin: 5rem 0; }\n }\n\n .big-stat-number {\n font-size: clamp(3rem, 7vw, 6rem);\n font-weight: 900;\n background: linear-gradient(135deg, #ef4444, #f59e0b);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n line-height: 1;\n text-shadow: 0 4px 20px rgba(239, 68, 68, 0.3);\n }\n\n .big-stat-desc {\n font-size: clamp(1.1rem, 2vw, 1.75rem);\n margin-top: 1rem;\n opacity: 0.9;\n }\n\n \/* Solution Section - Responsive *\/\n .solution-section {\n padding: 3rem 0;\n }\n\n @media (min-width: 768px) {\n .solution-section { padding: 5rem 0; }\n }\n\n @media (min-width: 1024px) {\n .solution-section { padding: 6rem 0; }\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n margin-bottom: 3rem;\n }\n\n @media (min-width: 768px) {\n .features-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 2.5rem;\n }\n }\n\n @media (min-width: 1024px) {\n .features-grid {\n grid-template-columns: repeat(3, 1fr);\n gap: 3rem;\n margin-bottom: 4rem;\n }\n }\n\n .feature-card {\n background: var(--card-bg);\n padding: 2rem 1.5rem;\n border-radius: 20px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n\n @media (min-width: 768px) {\n .feature-card { padding: 3rem; }\n }\n\n .feature-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(135deg, transparent, rgba(159, 57, 255, 0.1));\n transform: translateX(-100%);\n transition: transform 0.5s ease;\n }\n\n .feature-card:hover::before {\n transform: translateX(0);\n }\n\n .feature-card:hover {\n transform: translateY(-10px);\n border-color: var(--accent-purple);\n box-shadow: 0 20px 50px rgba(159, 57, 255, 0.3);\n }\n\n .feature-icon {\n width: 60px;\n height: 60px;\n background: var(--primary-gradient);\n border-radius: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2rem;\n margin-bottom: 1.5rem;\n box-shadow: 0 8px 25px rgba(159, 57, 255, 0.3);\n color: white;\n }\n\n @media (min-width: 768px) {\n .feature-icon {\n width: 70px;\n height: 70px;\n font-size: 2.5rem;\n margin-bottom: 2rem;\n }\n }\n\n .feature-title {\n font-size: 1.25rem;\n font-weight: 700;\n margin-bottom: 1rem;\n color: #fff;\n }\n\n @media (min-width: 768px) {\n .feature-title { font-size: 1.5rem; }\n }\n\n .feature-desc {\n opacity: 0.9;\n line-height: 1.6;\n margin-bottom: 1.5rem;\n font-size: 0.95rem;\n }\n\n @media (min-width: 768px) {\n .feature-desc { font-size: 1rem; }\n }\n\n .feature-list {\n list-style: none;\n }\n\n .feature-list li {\n padding: 0.5rem 0;\n padding-left: 1.5rem;\n position: relative;\n opacity: 0.8;\n font-size: 0.9rem;\n }\n\n @media (min-width: 768px) {\n .feature-list li { font-size: 0.95rem; }\n }\n\n .feature-list li i {\n position: absolute;\n left: 0;\n color: var(--accent-blue);\n font-weight: bold;\n }\n\n \/* AI Features Section - Responsive *\/\n .ai-features-section {\n padding: 3rem 0;\n background: rgba(159, 57, 255, 0.05);\n }\n\n @media (min-width: 768px) {\n .ai-features-section { padding: 5rem 0; }\n }\n\n @media (min-width: 1024px) {\n .ai-features-section { padding: 6rem 0; }\n }\n\n .ai-capabilities-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1.5rem;\n padding: 2rem 0;\n }\n\n @media (min-width: 576px) {\n .ai-capabilities-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 2rem;\n }\n }\n\n @media (min-width: 768px) {\n .ai-capabilities-grid {\n grid-template-columns: repeat(3, 1fr);\n gap: 2.5rem;\n }\n }\n\n .ai-capability {\n background: rgba(255, 255, 255, 0.03);\n padding: 2rem 1.5rem;\n border-radius: 20px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.3s ease;\n text-align: center;\n }\n\n @media (min-width: 768px) {\n .ai-capability { padding: 2.5rem; }\n }\n\n .ai-capability:hover {\n transform: scale(1.05);\n background: rgba(255, 255, 255, 0.05);\n box-shadow: 0 15px 40px rgba(159, 57, 255, 0.3);\n }\n\n .capability-icon {\n width: 70px;\n height: 70px;\n margin: 0 auto 1.5rem;\n background: var(--primary-gradient);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2rem;\n color: white;\n }\n\n @media (min-width: 768px) {\n .capability-icon {\n width: 80px;\n height: 80px;\n font-size: 2.5rem;\n }\n }\n\n .capability-title {\n font-size: 1.1rem;\n font-weight: 600;\n margin-bottom: 0.75rem;\n color: var(--accent-blue);\n }\n\n @media (min-width: 768px) {\n .capability-title { font-size: 1.25rem; }\n }\n\n \/* Business Model Section - Responsive *\/\n .business-model-section {\n padding: 3rem 0;\n background: linear-gradient(180deg, transparent 0%, rgba(0, 180, 216, 0.05) 50%, transparent 100%);\n }\n\n @media (min-width: 768px) {\n .business-model-section { padding: 5rem 0; }\n }\n\n @media (min-width: 1024px) {\n .business-model-section { padding: 6rem 0; }\n }\n\n .business-model-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n\n @media (min-width: 768px) {\n .business-model-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 2.5rem;\n }\n }\n\n @media (min-width: 1024px) {\n .business-model-grid {\n grid-template-columns: repeat(3, 1fr);\n gap: 3rem;\n }\n }\n\n .model-card {\n background: rgba(255, 255, 255, 0.03);\n padding: 2rem 1.5rem;\n border-radius: 25px;\n border: 1px solid rgba(0, 180, 216, 0.2);\n position: relative;\n overflow: hidden;\n }\n\n @media (min-width: 768px) {\n .model-card { padding: 3rem; }\n }\n\n .model-card::after {\n content: '';\n position: absolute;\n top: -2px;\n left: -2px;\n right: -2px;\n bottom: -2px;\n background: var(--primary-gradient);\n border-radius: 25px;\n opacity: 0;\n z-index: -1;\n transition: opacity 0.3s ease;\n }\n\n .model-card:hover::after {\n opacity: 0.2;\n }\n\n .model-icon {\n width: 80px;\n height: 80px;\n background: linear-gradient(135deg, rgba(0, 180, 216, 0.2), rgba(159, 57, 255, 0.2));\n border-radius: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2.5rem;\n margin-bottom: 1.5rem;\n color: var(--accent-blue);\n }\n\n @media (min-width: 768px) {\n .model-icon {\n width: 100px;\n height: 100px;\n font-size: 3rem;\n margin-bottom: 2rem;\n }\n }\n\n .model-title {\n font-size: 1.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n background: var(--primary-gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n @media (min-width: 768px) {\n .model-title { font-size: 1.75rem; }\n }\n\n .model-desc {\n font-size: 1rem;\n line-height: 1.6;\n margin-bottom: 1.5rem;\n opacity: 0.9;\n }\n\n @media (min-width: 768px) {\n .model-desc {\n font-size: 1.1rem;\n margin-bottom: 2rem;\n }\n }\n\n .model-features {\n list-style: none;\n }\n\n .model-features li {\n padding: 0.75rem 0;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n display: flex;\n align-items: center;\n gap: 0.75rem;\n font-size: 0.95rem;\n }\n\n .model-features li i {\n color: var(--success-green);\n font-size: 1.25rem;\n }\n\n \/* Pricing Section - Fully Responsive *\/\n .pricing {\n padding: 3rem 0;\n background: rgba(255, 255, 255, 0.02);\n position: relative;\n overflow: hidden;\n }\n\n @media (min-width: 768px) {\n .pricing { padding: 5rem 0; }\n }\n\n @media (min-width: 1024px) {\n .pricing { padding: 6rem 0; }\n }\n\n .pricing::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 800px;\n height: 800px;\n background: radial-gradient(circle, rgba(159, 57, 255, 0.1) 0%, transparent 70%);\n transform: translate(-50%, -50%);\n }\n\n .pricing-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n position: relative;\n z-index: 1;\n }\n\n @media (min-width: 768px) {\n .pricing-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 2rem;\n }\n }\n\n @media (min-width: 1024px) {\n .pricing-grid {\n grid-template-columns: repeat(3, 1fr);\n gap: 2rem;\n }\n }\n\n .pricing-card {\n background: rgba(255, 255, 255, 0.03);\n border-radius: 25px;\n padding: 2rem 1.5rem;\n border: 1px solid rgba(255, 255, 255, 0.1);\n text-align: center;\n position: relative;\n transition: all 0.3s ease;\n backdrop-filter: blur(10px);\n display: flex;\n flex-direction: column;\n }\n\n @media (min-width: 576px) {\n .pricing-card { padding: 2.5rem 2rem; }\n }\n\n @media (min-width: 768px) {\n .pricing-card { padding: 3rem 2rem; }\n }\n\n @media (min-width: 768px) and (max-width: 1023px) {\n .pricing-card:nth-child(3) {\n grid-column: span 2;\n max-width: 500px;\n margin: 0 auto;\n }\n }\n\n .pricing-card.featured {\n border-color: var(--accent-purple);\n background: rgba(159, 57, 255, 0.05);\n box-shadow: 0 25px 60px rgba(159, 57, 255, 0.4);\n padding-top: 3.5rem;\n }\n\n @media (min-width: 768px) {\n .pricing-card.featured {\n transform: scale(1.05);\n padding-top: 4.5rem;\n }\n }\n\n .pricing-card.featured::before {\n content: 'MOST POPULAR';\n position: absolute;\n top: 10px;\n left: 50%;\n transform: translateX(-50%);\n background: var(--primary-gradient);\n padding: 0.4rem 1.5rem;\n border-radius: 25px;\n font-size: 0.75rem;\n font-weight: 700;\n letter-spacing: 1px;\n box-shadow: 0 4px 15px rgba(159, 57, 255, 0.4);\n white-space: nowrap;\n }\n\n @media (min-width: 576px) {\n .pricing-card.featured::before {\n top: 15px;\n padding: 0.5rem 2rem;\n font-size: 0.875rem;\n }\n }\n\n \/* Mobile Package Selector *\/\n .mobile-package-selector {\n display: block;\n background: rgba(10, 14, 39, 0.95);\n backdrop-filter: blur(10px);\n padding: 1rem;\n margin-bottom: 2rem;\n border-radius: 15px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n @media (min-width: 768px) {\n .mobile-package-selector { display: none; }\n }\n\n .package-buttons {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 0.5rem;\n }\n\n .package-btn {\n padding: 0.6rem 0.8rem;\n border: none;\n background: var(--card-bg);\n color: var(--text-light);\n border-radius: 25px;\n cursor: pointer;\n transition: all 0.3s ease;\n font-weight: 600;\n font-size: 0.8rem;\n }\n\n @media (min-width: 576px) {\n .package-btn {\n padding: 0.75rem 1.5rem;\n font-size: 0.85rem;\n }\n }\n\n .package-btn.active {\n background: var(--primary-gradient);\n color: white;\n }\n\n \/* Show only active card on mobile with smooth transitions *\/\n @media (max-width: 767px) {\n .pricing-card {\n opacity: 0;\n transform: translateX(100%);\n position: absolute;\n width: 100%;\n transition: opacity 0.4s ease, transform 0.4s ease;\n pointer-events: none;\n }\n \n .pricing-card.active {\n opacity: 1;\n transform: translateX(0);\n position: relative;\n pointer-events: auto;\n }\n \n .pricing-grid {\n position: relative;\n min-height: 650px;\n }\n }\n\n .pricing-header {\n margin-bottom: 1rem;\n }\n\n .package-name {\n font-size: 1.25rem;\n font-weight: 700;\n margin-bottom: 0.5rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n @media (min-width: 768px) {\n .package-name { font-size: 1.5rem; }\n }\n\n .package-tagline {\n font-size: 0.9rem;\n opacity: 0.7;\n font-style: italic;\n }\n\n @media (min-width: 768px) {\n .package-tagline { font-size: 0.95rem; }\n }\n\n .price-container {\n min-height: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 1.5rem 0;\n padding: 0 1rem;\n }\n\n @media (min-width: 768px) {\n .price-container { min-height: 80px; }\n }\n\n .price {\n font-size: 2rem;\n font-weight: 900;\n margin: 0;\n background: var(--secondary-gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n line-height: 1;\n transition: font-size 0.3s ease;\n }\n\n @media (min-width: 576px) {\n .price { font-size: 2.2rem; }\n }\n\n @media (min-width: 768px) {\n .price { font-size: 2.5rem; }\n }\n\n .price-period {\n font-size: 0.4em;\n opacity: 0.7;\n font-weight: 400;\n }\n\n .token-info {\n background: linear-gradient(135deg, rgba(159, 57, 255, 0.1), rgba(0, 180, 216, 0.1));\n border: 1px solid rgba(159, 57, 255, 0.3);\n border-radius: 15px;\n padding: 1rem;\n margin: 1rem 0;\n }\n\n @media (min-width: 768px) {\n .token-info {\n padding: 1.5rem;\n margin: 1.5rem 0;\n }\n }\n\n .token-value {\n font-size: 0.85rem;\n opacity: 0.8;\n }\n\n @media (min-width: 768px) {\n .token-value { font-size: 0.9rem; }\n }\n\n .price-features {\n list-style: none;\n margin: 1.5rem 0;\n text-align: left;\n flex-grow: 1;\n }\n\n @media (min-width: 768px) {\n .price-features { margin: 2rem 0; }\n }\n\n .price-features li {\n padding: 0.75rem 0;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n display: flex;\n align-items: center;\n gap: 0.75rem;\n font-size: 0.9rem;\n }\n\n @media (min-width: 768px) {\n .price-features li {\n padding: 1rem 0;\n font-size: 1rem;\n }\n }\n\n .price-features li:last-child {\n border-bottom: none;\n }\n\n .feature-check {\n color: var(--success-green);\n font-size: 1.1rem;\n flex-shrink: 0;\n }\n\n @media (min-width: 768px) {\n .feature-check { font-size: 1.25rem; }\n }\n\n .commission-info {\n background: rgba(255, 215, 0, 0.1);\n border: 1px solid rgba(255, 215, 0, 0.3);\n border-radius: 10px;\n padding: 0.75rem;\n margin: 1rem 0;\n font-size: 0.85rem;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n gap: 0.5rem;\n }\n\n @media (min-width: 768px) {\n .commission-info {\n padding: 1rem;\n font-size: 0.9rem;\n }\n }\n\n .commission-amount {\n color: var(--gold);\n font-weight: 700;\n font-size: 1rem;\n white-space: nowrap;\n }\n\n @media (min-width: 768px) {\n .commission-amount { font-size: 1.1rem; }\n }\n\n \/* Compensation Section - Responsive *\/\n .compensation-section {\n padding: 3rem 0;\n background: linear-gradient(180deg, transparent 0%, rgba(255, 215, 0, 0.05) 50%, transparent 100%);\n }\n\n @media (min-width: 768px) {\n .compensation-section { padding: 5rem 0; }\n }\n\n @media (min-width: 1024px) {\n .compensation-section { padding: 6rem 0; }\n }\n\n .compensation-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n margin-bottom: 3rem;\n }\n\n @media (min-width: 768px) {\n .compensation-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 2.5rem;\n }\n }\n\n @media (min-width: 1024px) {\n .compensation-grid {\n grid-template-columns: repeat(3, 1fr);\n margin-bottom: 4rem;\n }\n }\n\n .comp-card {\n background: rgba(255, 255, 255, 0.03);\n padding: 2rem 1.5rem;\n border-radius: 25px;\n border: 1px solid rgba(255, 215, 0, 0.2);\n text-align: center;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n\n @media (min-width: 768px) {\n .comp-card { padding: 3rem; }\n }\n\n .comp-card::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255, 215, 0, 0.1) 0%, transparent 70%);\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n\n .comp-card:hover::before {\n opacity: 1;\n }\n\n .comp-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 50px rgba(255, 215, 0, 0.3);\n }\n\n .comp-icon {\n width: 70px;\n height: 70px;\n background: var(--gold-gradient);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2rem;\n margin: 0 auto 1.5rem;\n box-shadow: 0 8px 25px rgba(255, 215, 0, 0.3);\n color: white;\n }\n\n @media (min-width: 768px) {\n .comp-icon {\n width: 80px;\n height: 80px;\n font-size: 2.5rem;\n }\n }\n\n .comp-card h3 {\n font-size: 1.25rem;\n color: var(--gold);\n margin-bottom: 1rem;\n font-weight: 700;\n }\n\n @media (min-width: 768px) {\n .comp-card h3 { font-size: 1.5rem; }\n }\n\n .comp-desc {\n font-size: 0.95rem;\n opacity: 0.8;\n margin-bottom: 1.5rem;\n line-height: 1.5;\n }\n\n @media (min-width: 768px) {\n .comp-desc { font-size: 1rem; }\n }\n\n .comp-amount {\n font-size: 2.5rem;\n font-weight: 900;\n background: var(--gold-gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n line-height: 1;\n }\n\n @media (min-width: 768px) {\n .comp-amount { font-size: 3rem; }\n }\n\n .comp-period {\n font-size: 0.9rem;\n opacity: 0.7;\n margin-top: 0.5rem;\n }\n\n @media (min-width: 768px) {\n .comp-period { font-size: 1rem; }\n }\n\n \/* Binary Plan Visual - Responsive *\/\n .binary-visual {\n max-width: 800px;\n margin: 3rem auto;\n text-align: center;\n }\n\n @media (min-width: 768px) {\n .binary-visual { margin: 4rem auto; }\n }\n\n .tree-diagram {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n margin: 2rem 0;\n transform: scale(0.8);\n }\n\n @media (min-width: 576px) {\n .tree-diagram { transform: scale(0.9); }\n }\n\n @media (min-width: 768px) {\n .tree-diagram { transform: scale(1); }\n }\n\n .tree-node {\n display: flex;\n flex-direction: column;\n align-items: center;\n position: relative;\n margin: 0 1rem;\n }\n\n @media (min-width: 768px) {\n .tree-node { margin: 0 2rem; }\n }\n\n .node-circle {\n width: 60px;\n height: 60px;\n background: var(--primary-gradient);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n color: white;\n box-shadow: 0 8px 25px rgba(159, 57, 255, 0.4);\n position: relative;\n z-index: 2;\n font-size: 0.9rem;\n }\n\n @media (min-width: 768px) {\n .node-circle {\n width: 80px;\n height: 80px;\n font-size: 1rem;\n }\n }\n\n .node-label {\n margin-top: 0.75rem;\n font-weight: 600;\n color: var(--accent-blue);\n font-size: 0.85rem;\n }\n\n @media (min-width: 768px) {\n .node-label {\n margin-top: 1rem;\n font-size: 1rem;\n }\n }\n\n .tree-branches {\n display: flex;\n margin-top: 2rem;\n position: relative;\n }\n\n .tree-branches::before {\n content: '';\n position: absolute;\n top: -40px;\n left: 50%;\n width: 2px;\n height: 40px;\n background: rgba(255, 255, 255, 0.3);\n }\n\n \/* Video Section - Responsive *\/\n .video-section {\n padding: 3rem 0;\n background: linear-gradient(180deg, rgba(159, 57, 255, 0.05) 0%, transparent 100%);\n position: relative;\n overflow: hidden;\n }\n\n @media (min-width: 768px) {\n .video-section { padding: 5rem 0; }\n }\n\n @media (min-width: 1024px) {\n .video-section { padding: 6rem 0; }\n }\n\n .video-container {\n max-width: 100%;\n margin: 0 auto;\n }\n\n .video-wrapper {\n background: #000;\n border-radius: 0;\n overflow: hidden;\n position: relative;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n }\n\n .video-label {\n position: absolute;\n top: 15px;\n left: 15px;\n background: rgba(159, 57, 255, 0.9);\n backdrop-filter: blur(10px);\n color: #fff;\n padding: 8px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 700;\n z-index: 5;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n @media (min-width: 768px) {\n .video-label {\n top: 20px;\n left: 20px;\n padding: 10px 25px;\n font-size: 14px;\n }\n }\n\n .video-player {\n position: relative;\n width: 100%;\n background: #000;\n cursor: pointer;\n }\n\n .video-player video {\n width: 100%;\n height: auto;\n display: block;\n }\n\n .play-btn {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 70px;\n height: 70px;\n background: rgba(255, 255, 255, 0.95);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 0.3s ease;\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);\n }\n\n @media (min-width: 576px) {\n .play-btn {\n width: 80px;\n height: 80px;\n }\n }\n\n @media (min-width: 768px) {\n .play-btn {\n width: 100px;\n height: 100px;\n }\n }\n\n .play-btn:hover {\n transform: translate(-50%, -50%) scale(1.1);\n background: #fff;\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);\n }\n\n .play-btn i {\n color: var(--accent-purple);\n font-size: 1.5rem;\n margin-left: 5px;\n }\n\n @media (min-width: 576px) {\n .play-btn i { font-size: 1.75rem; }\n }\n\n @media (min-width: 768px) {\n .play-btn i { font-size: 2rem; }\n }\n\n \/* CTA Section - Responsive *\/\n .cta-section {\n padding: 4rem 0;\n background: linear-gradient(135deg, rgba(159, 57, 255, 0.1) 0%, rgba(0, 180, 216, 0.1) 100%);\n text-align: center;\n }\n\n @media (min-width: 768px) {\n .cta-section { padding: 6rem 0; }\n }\n\n @media (min-width: 1024px) {\n .cta-section { padding: 8rem 0; }\n }\n\n .cta-content {\n max-width: 800px;\n margin: 0 auto;\n }\n\n .cta-title {\n font-size: clamp(2rem, 3.5vw, 3.5rem);\n font-weight: 800;\n margin-bottom: 1rem;\n background: linear-gradient(135deg, #fff 0%, #9f39ff 50%, #00b4d8 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n @media (min-width: 768px) {\n .cta-title { margin-bottom: 1.5rem; }\n }\n\n .cta-subtitle {\n font-size: clamp(1.1rem, 2vw, 1.5rem);\n opacity: 0.9;\n margin-bottom: 2rem;\n line-height: 1.5;\n }\n\n @media (min-width: 768px) {\n .cta-subtitle { margin-bottom: 3rem; }\n }\n\n .btn-large {\n padding: 1rem 2.5rem;\n font-size: 1rem;\n }\n\n @media (min-width: 576px) {\n .btn-large {\n padding: 1.125rem 2.75rem;\n font-size: 1.05rem;\n }\n }\n\n @media (min-width: 768px) {\n .btn-large {\n padding: 1.25rem 3rem;\n font-size: 1.1rem;\n }\n }\n\n \/* Disclaimer - Responsive *\/\n .disclaimer {\n background: rgba(239, 68, 68, 0.1);\n border: 2px solid rgba(239, 68, 68, 0.3);\n border-radius: 15px;\n padding: 1.5rem 1rem;\n margin: 2rem auto;\n font-size: 0.8rem;\n text-align: left;\n max-width: 1200px;\n backdrop-filter: blur(10px);\n }\n\n @media (min-width: 576px) {\n .disclaimer {\n padding: 2rem;\n font-size: 0.85rem;\n }\n }\n\n @media (min-width: 768px) {\n .disclaimer {\n margin: 3rem auto;\n font-size: 0.9rem;\n }\n }\n\n .disclaimer strong {\n color: var(--danger-red);\n }\n\n .disclaimer p {\n margin-bottom: 0.75rem;\n line-height: 1.6;\n }\n\n @media (min-width: 768px) {\n .disclaimer p { margin-bottom: 1rem; }\n }\n\n .disclaimer p:last-child {\n margin-bottom: 0;\n }\n\n \/* Utility classes *\/\n .text-center { text-align: center; }\n .text-left { text-align: left; }\n .text-right { text-align: right; }\n\n \/* Animation classes *\/\n .fade-in {\n opacity: 0;\n transform: translateY(20px);\n transition: all 0.6s ease;\n }\n\n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Shimmer effect *\/\n @keyframes shimmer {\n 0% { background-position: -200% center; }\n 100% { background-position: 200% center; }\n }\n\n .shimmer {\n background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.2) 50%, transparent 100%);\n background-size: 200% 100%;\n animation: shimmer 2s infinite;\n }\n\n \/* Glow effects *\/\n .glow {\n animation: glow 2s ease-in-out infinite alternate;\n }\n\n @keyframes glow {\n from { box-shadow: 0 0 20px rgba(159, 57, 255, 0.5); }\n to { box-shadow: 0 0 30px rgba(159, 57, 255, 0.8), 0 0 40px rgba(159, 57, 255, 0.5); }\n }\n\n \/* Ensure proper scrolling behavior *\/\n html {\n scroll-behavior: smooth;\n }\n\n \/* Prevent horizontal scroll *\/\n body {\n overflow-x: hidden;\n }\n\n \/* Responsive iframe\/video container *\/\n .video-responsive {\n position: relative;\n padding-bottom: 56.25%; \/* 16:9 *\/\n height: 0;\n overflow: hidden;\n }\n\n .video-responsive iframe,\n .video-responsive video {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n \/* Print styles *\/\n @media print {\n .no-print {\n display: none !important;\n }\n \n body {\n background: white;\n color: black;\n }\n }\n\n \/* High contrast mode support *\/\n @media (prefers-contrast: high) {\n :root {\n --dark-bg: #000;\n --text-light: #fff;\n }\n }\n\n \/* Reduced motion support *\/\n @media (prefers-reduced-motion: reduce) {\n *,\n *::before,\n *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n }\n }\n\n <\/style>\n<\/head>\n<body>\n<!-- Continue from where Part 1 ends with <body> tag -->\n <div id=\"nuvix-landing\">\n <div class=\"bg-animation\">\n <svg class=\"neural-network\" viewbox=\"0 0 1920 1080\">\n <path class=\"neural-path\" d=\"M0,500 Q480,400 960,500 T1920,500\" \/>\n <path class=\"neural-path\" d=\"M200,300 Q680,200 1160,300 T1920,300\" \/>\n <path class=\"neural-path\" d=\"M100,700 Q580,600 1060,700 T1920,700\" \/>\n <\/svg>\n <\/div>\n\n <header>\n <nav>\n <div class=\"logo\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/07\/uvix-1-1.png\" alt=\"Nuvix\">\n <\/div>\n \n <!-- Desktop Navigation -->\n <div class=\"nav-links\">\n <a href=\"#markets\">Mercados<\/a>\n <a href=\"#solution\">Tecnologia de IA<\/a>\n <a href=\"#business-model\">Modelo de neg\u00f3cios<\/a>\n <a href=\"#pricing\">Pacotes<\/a>\n <a href=\"#opportunity\">Oportunidade<\/a>\n <a href=\"https:\/\/nuvix.com\/pt\/c_login\/\">Fazer login<\/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=\"Alterar ambos\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\udde7\ud83c\uddf7<\/span>\n <span class=\"ulcs-lang\">PT<\/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\">Come\u00e7ar a usar<\/a>\n <\/div>\n \n <!-- Mobile Navigation -->\n <div class=\"mobile-nav-container\">\n <a href=\"#pricing\" class=\"btn btn-primary\" style=\"padding: 0.5rem 1.25rem; font-size: 0.85rem;\">Come\u00e7ar a usar<\/a>\n <div class=\"hamburger\" id=\"hamburger\">\n <span><\/span>\n <span><\/span>\n <span><\/span>\n <\/div>\n <\/div>\n <\/nav>\n <\/header>\n\n <!-- Mobile Menu Overlay -->\n <div class=\"mobile-menu\" id=\"mobileMenu\">\n <div class=\"mobile-menu-content\">\n <div class=\"mobile-menu-links\">\n <a href=\"#markets\">Mercados<\/a>\n <a href=\"#solution\">Tecnologia de IA<\/a>\n <a href=\"#business-model\">Modelo de neg\u00f3cios<\/a>\n <a href=\"#pricing\">Pacotes<\/a>\n <a href=\"#opportunity\">Oportunidade<\/a>\n <\/div>\n <div class=\"mobile-menu-buttons\">\n <a href=\"https:\/\/nuvix.com\/pt\/c_login\/\" class=\"btn btn-secondary\">Fazer login<\/a>\n <a href=\"#pricing\" class=\"btn btn-primary\">Comece agora<\/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=\"Alterar ambos\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\udde7\ud83c\uddf7<\/span>\n <span class=\"ulcs-lang\">PT<\/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 DE PR\u00c9-REGISTRO - Somente por tempo limitado\n <\/div>\n <p class=\"tagline\">Nossa intelig\u00eancia, sua vantagem<\/p>\n <h1>O futuro do com\u00e9rcio est\u00e1 aqui: An\u00e1lise de mercado com intelig\u00eancia artificial<\/h1>\n <p>A Nuvix revoluciona a negocia\u00e7\u00e3o com tecnologia propriet\u00e1ria de IA que analisa os mercados 24 horas por dia, 7 dias por semana, identificando padr\u00f5es invis\u00edveis para os operadores humanos. Junte-se \u00e0 elite 5% que lucra consistentemente com nossa intelig\u00eancia artificial avan\u00e7ada.<\/p>\n \n <div class=\"hero-stats\">\n <div class=\"stat-item\">\n <div class=\"stat-number\">95%<\/div>\n <div class=\"stat-label\">Taxa de precis\u00e3o<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">24\/7<\/div>\n <div class=\"stat-label\">An\u00e1lise 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\">Propriet\u00e1rio<\/div>\n <\/div>\n <\/div>\n\n <div class=\"cta-buttons\">\n <a href=\"#pricing\" class=\"btn btn-primary\">Obter acesso antecipado<\/a>\n <a href=\"#video-section\" class=\"btn btn-secondary\">Assistir \u00e0 demonstra\u00e7\u00e3o<\/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 Reconhecimento de padr\u00f5es\n <\/div>\n <div class=\"ai-feature-item\">\n <i class=\"las la-shield-alt\"><\/i>\n Avalia\u00e7\u00e3o de riscos\n <\/div>\n <div class=\"ai-feature-item\">\n <i class=\"las la-crosshairs\"><\/i>\n Pontos de entrada\/sa\u00edda\n <\/div>\n <div class=\"ai-feature-item\">\n <i class=\"las la-brain\"><\/i>\n Sentimento do 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> AN\u00c1LISE DE IA EM TEMPO REAL\n <\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Markets Section -->\n <section class=\"markets-section\" id=\"markets\">\n <div class=\"container\">\n <h2 class=\"section-title\">Negocie em v\u00e1rios mercados com uma IA<\/h2>\n <p class=\"section-subtitle\">Nossa IA analisa padr\u00f5es em diversos mercados financeiros e plataformas de jogos<\/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>Principais pares de moedas<\/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\">A\u00e7\u00f5es<\/h3>\n <p>A\u00e7\u00f5es globais<\/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\">Criptografia<\/h3>\n <p>Ativos digitais<\/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\">Op\u00e7\u00f5es bin\u00e1rias<\/h3>\n <p>Retornos fixos<\/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\">Jogos de cassino<\/h3>\n <p>An\u00e1lise de padr\u00f5es<\/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\">Apostas esportivas<\/h3>\n <p>Borda estat\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\">Commodities<\/h3>\n <p>Mat\u00e9rias-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 o Nuvix AI em a\u00e7\u00e3o<\/h2>\n <p class=\"section-subtitle\">Veja como nossa IA analisa os mercados em tempo real<\/p>\n <div class=\"video-container\">\n <div class=\"video-wrapper\">\n <div class=\"video-label\">Demonstra\u00e7\u00e3o ao vivo<\/div>\n <div class=\"video-player\">\n <video class=\"nv-video\" muted playsinline preload=\"metadata\" src=\"https:\/\/streamable.com\/l\/47pwu3\/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\">O desafio da negocia\u00e7\u00e3o<\/h2>\n <p class=\"section-subtitle\">Por que 95% dos traders fracassam e como estamos mudando isso<\/p>\n <div class=\"big-stat\">\n <div class=\"big-stat-number\">95%<\/div>\n <p class=\"big-stat-desc\">dos traders perdem dinheiro nos mercados financeiros<\/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 informa\u00e7\u00f5es<\/h3>\n <p class=\"problem-desc\">Dados demais, insights acion\u00e1veis insuficientes<\/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\">Negocia\u00e7\u00e3o emocional<\/h3>\n <p class=\"problem-desc\">O medo e a gan\u00e2ncia destroem as contas de negocia\u00e7\u00e3o<\/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\">Restri\u00e7\u00f5es de tempo<\/h3>\n <p class=\"problem-desc\">Os mercados funcionam 24 horas por dia, 7 dias por semana, e os seres humanos precisam 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\">Gerenciamento de risco deficiente<\/h3>\n <p class=\"problem-desc\">Uma negocia\u00e7\u00e3o ruim pode acabar com meses de ganhos<\/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 estrat\u00e9gia<\/h3>\n <p class=\"problem-desc\">Negocia\u00e7\u00e3o sem um sistema comprovado<\/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\">Manipula\u00e7\u00e3o de mercado<\/h3>\n <p class=\"problem-desc\">Grandes players movimentam os mercados contra os comerciantes de varejo<\/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\">A solu\u00e7\u00e3o Nuvix: Tecnologia avan\u00e7ada de IA<\/h2>\n <p class=\"section-subtitle\">Intelig\u00eancia artificial propriet\u00e1ria desenvolvida do zero, projetada para lhe dar a vantagem<\/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% Propriet\u00e1rio AI<\/h3>\n <p class=\"feature-desc\">Criado desde o in\u00edcio por nossa equipe de especialistas em IA e traders. Sem depend\u00eancias de terceiros.<\/p>\n <ul class=\"feature-list\">\n <li><i class=\"las la-arrow-right\"><\/i> Redes neurais personalizadas<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Algoritmos de aprendizado de m\u00e1quina<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Melhoria cont\u00ednua<\/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\">Infraestrutura privada segura<\/h3>\n <p class=\"feature-desc\">Seus dados nunca saem de nossos servidores criptografados. Protocolos de seguran\u00e7a de n\u00edvel militar.<\/p>\n <ul class=\"feature-list\">\n <li><i class=\"las la-arrow-right\"><\/i> Criptografia de ponta a ponta<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Servidores de nuvem privada<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Zero compartilhamento de dados<\/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\u00e1lise em tempo real<\/h3>\n <p class=\"feature-desc\">Reconhecimento instant\u00e2neo de padr\u00f5es e an\u00e1lise de mercado em v\u00e1rios per\u00edodos de tempo.<\/p>\n <ul class=\"feature-list\">\n <li><i class=\"las la-arrow-right\"><\/i> Tempo de resposta em milissegundos<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Monitoramento de mercado 24 horas por dia, 7 dias por semana<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> An\u00e1lise de v\u00e1rios per\u00edodos de tempo<\/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\u00e1lise preditiva<\/h3>\n <p class=\"feature-desc\">Algoritmos avan\u00e7ados preveem os movimentos do mercado com alta precis\u00e3o.<\/p>\n <ul class=\"feature-list\">\n <li><i class=\"las la-arrow-right\"><\/i> Taxa de precis\u00e3o do 95%<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Otimiza\u00e7\u00e3o de risco\/recompensa<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Sinais de entrada\/sa\u00edda<\/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\">Gerenciamento inteligente de riscos<\/h3>\n <p class=\"feature-desc\">Recomenda\u00e7\u00f5es de dimensionamento de posi\u00e7\u00e3o e stop-loss com tecnologia de IA.<\/p>\n <ul class=\"feature-list\">\n <li><i class=\"las la-arrow-right\"><\/i> Dimensionamento de posi\u00e7\u00e3o din\u00e2mica<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Alertas de risco automatizados<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Prote\u00e7\u00e3o de portf\u00f3lio<\/li>\n <\/ul>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\"><i class=\"las la-mobile\"><\/i><\/div>\n <h3 class=\"feature-title\">Interface amig\u00e1vel ao usu\u00e1rio<\/h3>\n <p class=\"feature-desc\">IA complexa simplificada. Perfeito para iniciantes e profissionais.<\/p>\n <ul class=\"feature-list\">\n <li><i class=\"las la-arrow-right\"><\/i> An\u00e1lise com um clique<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Recomenda\u00e7\u00f5es claras<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Responsivo para dispositivos m\u00f3veis<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- AI Features Section -->\n <section class=\"ai-features-section\">\n <div class=\"container\">\n <h2 class=\"section-title\">Recursos de IA que nos diferenciam<\/h2>\n <p class=\"section-subtitle\">Recursos avan\u00e7ados com tecnologia de intelig\u00eancia artificial de ponta<\/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\">Reconhecimento de padr\u00f5es<\/h3>\n <p>Identifica padr\u00f5es complexos em v\u00e1rios mercados simultaneamente<\/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\u00e1lise de sentimento do mercado<\/h3>\n <p>Analisa o sentimento do mercado global e o posicionamento dos traders<\/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\">Avalia\u00e7\u00e3o de riscos<\/h3>\n <p>Calcula os tamanhos ideais de posi\u00e7\u00e3o e os par\u00e2metros de risco<\/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 probabilidade<\/h3>\n <p>Modelos estat\u00edsticos avan\u00e7ados para a previs\u00e3o 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\">Aprendizagem adaptativa<\/h3>\n <p>Melhora continuamente a precis\u00e3o por meio do aprendizado de m\u00e1quina<\/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\">Correla\u00e7\u00e3o entre v\u00e1rios mercados<\/h3>\n <p>Encontra oportunidades em mercados correlacionados<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Business Model Section -->\n <section class=\"business-model-section\" id=\"business-model\">\n <div class=\"container\">\n <h2 class=\"section-title\">Modelo de neg\u00f3cios revolucion\u00e1rio<\/h2>\n <p class=\"section-subtitle\">V\u00e1rios fluxos de receita projetados para o seu sucesso<\/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 baseado em token<\/h3>\n <p class=\"model-desc\">Pague apenas pelo que usar com nosso sistema flex\u00edvel de tokens<\/p>\n <ul class=\"model-features\">\n <li><i class=\"las la-check\"><\/i> 1 ficha = 1 an\u00e1lise de IA<\/li>\n <li><i class=\"las la-check\"><\/i> Sem taxas mensais ou assinaturas<\/li>\n <li><i class=\"las la-check\"><\/i> Os tokens nunca expiram<\/li>\n <li><i class=\"las la-check\"><\/i> Descontos para grandes quantidades<\/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\">Ganhe comiss\u00f5es substanciais ao compartilhar o Nuvix<\/p>\n <ul class=\"model-features\">\n <li><i class=\"las la-check\"><\/i> At\u00e9 $200 por indica\u00e7\u00e3o direta<\/li>\n <li><i class=\"las la-check\"><\/i> Plano de compensa\u00e7\u00e3o bin\u00e1rio<\/li>\n <li><i class=\"las la-check\"><\/i> Potencial de ganho ilimitado<\/li>\n <li><i class=\"las la-check\"><\/i> Oportunidade 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 ao crescimento<\/h3>\n <p class=\"model-desc\">B\u00f4nus especiais e multiplicadores para usu\u00e1rios ativos<\/p>\n <ul class=\"model-features\">\n <li><i class=\"las la-check\"><\/i> Multiplicadores de tokens na recarga<\/li>\n <li><i class=\"las la-check\"><\/i> B\u00f4nus baseados em volume<\/li>\n <li><i class=\"las la-check\"><\/i> Pr\u00eamios de lideran\u00e7a<\/li>\n <li><i class=\"las la-check\"><\/i> Incentivos de desempenho<\/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\">Pacotes de pr\u00e9-registro<\/h2>\n <p class=\"section-subtitle\">Garanta sua vaga agora!<\/p>\n \n <!-- Mobile Package Selector -->\n <div class=\"mobile-package-selector\">\n <div class=\"package-buttons\">\n <button class=\"package-btn\" onclick=\"showPackage('beginner')\">Iniciante<\/button>\n <button class=\"package-btn active\" onclick=\"showPackage('pro')\">Profissional<\/button>\n <button class=\"package-btn\" onclick=\"showPackage('advanced')\">Avan\u00e7ado<\/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\">INICIANTE<\/h3>\n <p class=\"package-tagline\">Comece sua jornada de negocia\u00e7\u00e3o com IA<\/p>\n <\/div>\n <div class=\"price-container\">\n <div class=\"price\">$99<span class=\"price-period\">.99<\/span><\/div>\n <\/div>\n <div class=\"token-info\">\n <div class=\"token-value\">300 Tokens de an\u00e1lise<\/div>\n <\/div>\n <ul class=\"price-features\">\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> An\u00e1lise de mercado de IA para todos os mercados<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Insights de negocia\u00e7\u00e3o em tempo real<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Acesso ao suporte b\u00e1sico<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Multiplicador de fichas 3x na recarga<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Acesso \u00e0 extens\u00e3o do Chrome<\/li>\n <\/ul>\n <div class=\"commission-info\">\n B\u00f4nus de in\u00edcio r\u00e1pido: <span class=\"commission-amount\">$20<\/span>\n <\/div>\n <a href=\"https:\/\/nuvix.com\/pt\/checkout\/?add-to-cart=39264\" class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1.5rem;\">Fa\u00e7a sua pr\u00e9-inscri\u00e7\u00e3o agora<\/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\">Valor m\u00e1ximo para traders s\u00e9rios<\/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 Tokens de an\u00e1lise<\/div>\n <\/div>\n <ul class=\"price-features\">\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Tudo no pacote avan\u00e7ado<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Suporte Priorit\u00e1rio VIP 24\/7<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Painel de controle do Premium Analytics<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Multiplicador de tokens 5x na recarga<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Webinars de negocia\u00e7\u00e3o exclusivos<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Acesso \u00e0 extens\u00e3o do Chrome<\/li>\n <\/ul>\n <div class=\"commission-info\">\n B\u00f4nus de in\u00edcio r\u00e1pido: <span class=\"commission-amount\">$200<\/span>\n <\/div>\n <a href=\"https:\/\/nuvix.com\/pt\/checkout\/?add-to-cart=40406\" class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1.5rem;\">Fa\u00e7a sua pr\u00e9-inscri\u00e7\u00e3o agora<\/a>\n <\/div>\n \n <div class=\"pricing-card\" id=\"advanced-card\">\n <div class=\"pricing-header\">\n <h3 class=\"package-name\">AVAN\u00c7ADO<\/h3>\n <p class=\"package-tagline\">Para traders experientes<\/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 Tokens de an\u00e1lise<\/div>\n <\/div>\n <ul class=\"price-features\">\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Tudo no pacote para iniciantes<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Resposta priorit\u00e1ria de suporte<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Recursos avan\u00e7ados de an\u00e1lise<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Multiplicador de fichas 4x na recarga<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Ferramentas de correla\u00e7\u00e3o de v\u00e1rios mercados<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Acesso \u00e0 extens\u00e3o do Chrome<\/li>\n <\/ul>\n <div class=\"commission-info\">\n B\u00f4nus de in\u00edcio r\u00e1pido: <span class=\"commission-amount\">$100<\/span>\n <\/div>\n <a href=\"https:\/\/nuvix.com\/pt\/checkout\/?add-to-cart=40404\" class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1.5rem;\">Fa\u00e7a sua pr\u00e9-inscri\u00e7\u00e3o agora<\/a>\n <\/div>\n <\/div>\n <p style=\"text-align: center; margin-top: 2rem; opacity: 0.8;\">\n * 80% do valor do pacote \u00e9 convertido em volume comission\u00e1vel (CV)\n <\/p>\n <\/div>\n <\/section>\n\n <section class=\"compensation-section\" id=\"opportunity\">\n <div class=\"container\">\n <h2 class=\"section-title\">Construa seu futuro financeiro<\/h2>\n <p class=\"section-subtitle\">Junte-se \u00e0 nossa rede global e ganhe enquanto negocia<\/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>B\u00f4nus de in\u00edcio r\u00e1pido<\/h3>\n <p class=\"comp-desc\">Ganhe comiss\u00f5es imediatas em cada indica\u00e7\u00e3o direta<\/p>\n <div class=\"comp-amount\">$20 - $200<\/div>\n <p class=\"comp-period\">por venda direta<\/p>\n <\/div>\n <div class=\"comp-card\">\n <div class=\"comp-icon\"><i class=\"las la-chart-line\"><\/i><\/div>\n <h3>Compensa\u00e7\u00e3o bin\u00e1ria<\/h3>\n <p class=\"comp-desc\">Crie duas equipes e ganhe com o volume equilibrado<\/p>\n <div class=\"comp-amount\">10-20%<\/div>\n <p class=\"comp-period\">do volume da perna mais fraca<\/p>\n <\/div>\n <div class=\"comp-card\">\n <div class=\"comp-icon\"><i class=\"las la-trophy\"><\/i><\/div>\n <h3>B\u00f4nus de lideran\u00e7a<\/h3>\n <p class=\"comp-desc\">Recompensas adicionais pela forma\u00e7\u00e3o de equipes bem-sucedidas<\/p>\n <div class=\"comp-amount\">At\u00e9 $250K<\/div>\n <p class=\"comp-period\">potencial anual<\/p>\n <\/div>\n <\/div>\n \n <!-- Binary Plan Visual -->\n <div class=\"binary-visual\">\n <h3 style=\"font-size: 1.75rem; margin-bottom: 2rem; color: var(--accent-blue);\">Estrutura de remunera\u00e7\u00e3o bin\u00e1ria<\/h3>\n <div class=\"tree-diagram\">\n <div class=\"tree-node\">\n <div class=\"node-circle\">VOC\u00ca<\/div>\n <div class=\"node-label\">Patrocinador ilimitado<\/div>\n <div class=\"tree-branches\">\n <div class=\"tree-node\">\n <div class=\"node-circle\">ESQUERDA<\/div>\n <div class=\"node-label\">Equipe A<\/div>\n <\/div>\n <div class=\"tree-node\">\n <div class=\"node-circle\">DIREITO<\/div>\n <div class=\"node-label\">Equipe B<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <p style=\"margin-top: 2rem; opacity: 0.8;\">Ganhe comiss\u00f5es sobre o volume de sua perna mais fraca. Monte equipes equilibradas para obter o m\u00e1ximo de ganhos!<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- CTA Section -->\n <section class=\"cta-section\">\n <div class=\"container\">\n <div class=\"cta-content\">\n <h2 class=\"cta-title\">Pronto para participar da revolu\u00e7\u00e3o comercial da IA?<\/h2>\n <p class=\"cta-subtitle\">Vagas limitadas de pr\u00e9-registro dispon\u00edveis. Garanta sua vaga hoje mesmo!<\/p>\n <div class=\"cta-buttons\" style=\"display: flex; justify-content: center; gap: 1rem;\">\n <a href=\"#pricing\" class=\"btn btn-primary btn-large\">Comece agora<\/a>\n <a href=\"https:\/\/nuvix.com\/pt\/c_login\/\" class=\"btn btn-secondary btn-large\">Fazer login<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"container\">\n <div class=\"disclaimer\">\n <p><strong>Isen\u00e7\u00e3o de responsabilidade importante:<\/strong> Todas as informa\u00e7\u00f5es produzidas pelo <strong>An\u00e1lise de IA do Nuvix<\/strong> (o \"Servi\u00e7o\") \u00e9 fornecido estritamente para <strong>fins educacionais e informativos<\/strong> somente. O Servi\u00e7o gera avalia\u00e7\u00f5es algor\u00edtmicas de dados de mercado, padr\u00f5es de negocia\u00e7\u00e3o e de jogos de cassino, mas n\u00e3o <strong>n\u00e3o<\/strong> geram sinais de negocia\u00e7\u00e3o ou de apostas acion\u00e1veis e n\u00e3o devem ser considerados como tal.<\/p>\n <p><strong>Aviso de risco:<\/strong> O uso do Servi\u00e7o envolve riscos significativos. Avalia\u00e7\u00f5es anteriores n\u00e3o garantem desempenho ou ganhos futuros em Forex, a\u00e7\u00f5es, futuros, \u00edndices sint\u00e9ticos, op\u00e7\u00f5es bin\u00e1rias, ativos criptogr\u00e1ficos, roleta, bacar\u00e1 ou outros jogos de cassino. <strong>Nuvix<\/strong> n\u00e3o oferece nenhuma garantia, expressa ou impl\u00edcita, com rela\u00e7\u00e3o \u00e0 precis\u00e3o, integridade ou adequa\u00e7\u00e3o de qualquer an\u00e1lise. <strong>Suas decis\u00f5es e resultados<\/strong> dependem inteiramente de seu pr\u00f3prio julgamento, toler\u00e2ncia a riscos, esfor\u00e7o e condi\u00e7\u00f5es prevalecentes de mercado ou de jogo.<\/p>\n <p><strong>Sem afilia\u00e7\u00e3o:<\/strong> <strong>Nuvix<\/strong> n\u00e3o \u00e9 afiliada, endossada ou associada a nenhuma plataforma de negocia\u00e7\u00e3o, corretora, bolsa de valores ou operadora de cassino. Voc\u00ea \u00e9 o \u00fanico respons\u00e1vel por selecionar, acessar e usar qualquer plataforma para suas atividades de negocia\u00e7\u00e3o ou jogo.<\/p>\n <p><strong>Limita\u00e7\u00e3o de responsabilidade:<\/strong> Ao usar o Servi\u00e7o, voc\u00ea reconhece e aceita que <strong>Nuvix<\/strong> e suas afiliadas n\u00e3o ser\u00e3o respons\u00e1veis por quaisquer perdas, danos ou reivindica\u00e7\u00f5es decorrentes de seu uso das an\u00e1lises de IA. Sempre fa\u00e7a sua pr\u00f3pria dilig\u00eancia e consulte profissionais qualificados antes de fazer negocia\u00e7\u00f5es ou apostas. As negocia\u00e7\u00f5es e os jogos de azar podem resultar em perdas financeiras significativas.<\/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\/pt\/wp-json\/wp\/v2\/pages\/41629","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nuvix.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nuvix.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nuvix.com\/pt\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nuvix.com\/pt\/wp-json\/wp\/v2\/comments?post=41629"}],"version-history":[{"count":55,"href":"https:\/\/nuvix.com\/pt\/wp-json\/wp\/v2\/pages\/41629\/revisions"}],"predecessor-version":[{"id":41715,"href":"https:\/\/nuvix.com\/pt\/wp-json\/wp\/v2\/pages\/41629\/revisions\/41715"}],"wp:attachment":[{"href":"https:\/\/nuvix.com\/pt\/wp-json\/wp\/v2\/media?parent=41629"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}