{"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\/de\/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\">M\u00e4rkte<\/a>\n <a href=\"#solution\">KI-Technologie<\/a>\n <a href=\"#business-model\">Gesch\u00e4ftsmodell<\/a>\n <a href=\"#pricing\">Pakete<\/a>\n <a href=\"#opportunity\">Gelegenheit<\/a>\n <a href=\"https:\/\/nuvix.com\/de\/c_login\/\">Einloggen<\/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=\"\u00c4ndern Sie beide\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\udde9\ud83c\uddea<\/span>\n <span class=\"ulcs-lang\">DE<\/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\">Los geht's<\/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;\">Los geht's<\/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\">M\u00e4rkte<\/a>\n <a href=\"#solution\">KI-Technologie<\/a>\n <a href=\"#business-model\">Gesch\u00e4ftsmodell<\/a>\n <a href=\"#pricing\">Pakete<\/a>\n <a href=\"#opportunity\">Gelegenheit<\/a>\n <\/div>\n <div class=\"mobile-menu-buttons\">\n <a href=\"https:\/\/nuvix.com\/de\/c_login\/\" class=\"btn btn-secondary\">Einloggen<\/a>\n <a href=\"#pricing\" class=\"btn btn-primary\">Jetzt loslegen<\/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=\"\u00c4ndern Sie beide\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\udde9\ud83c\uddea<\/span>\n <span class=\"ulcs-lang\">DE<\/span>\n \n <span class=\"ulcs-divider\">|<\/span>\n \n <span class=\"ulcs-currency-symbol\">$<\/span>\n <span class=\"ulcs-currency-code\">USD<\/span>\n <\/div>\n <svg class=\"ulcs-arrow\" width=\"12\" height=\"12\" viewbox=\"0 0 12 12\" fill=\"none\">\n <path d=\"M3 4.5L6 7.5L9 4.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/button>\n <\/div>\n <\/center><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <section class=\"hero\">\n <div class=\"container\">\n <div class=\"hero-content\">\n <div class=\"hero-text\">\n <div class=\"pre-reg-badge\">\n <i class=\"las la-rocket\"><\/i>\n PRE-REGISTRATION SPECIAL - Limited Time Only\n <\/div>\n <p class=\"tagline\">Unsere Intelligenz, Ihr Vorteil<\/p>\n <h1>Die Zukunft des Handels ist da: KI-gest\u00fctzte Marktanalyse<\/h1>\n <p>Nuvix revolutioniert den Handel mit propriet\u00e4rer KI-Technologie, die die M\u00e4rkte rund um die Uhr analysiert und Muster erkennt, die f\u00fcr menschliche H\u00e4ndler unsichtbar sind. Schlie\u00dfen Sie sich der Elite von 5% an, die mit unserer fortschrittlichen k\u00fcnstlichen Intelligenz kontinuierlich Gewinne erzielen.<\/p>\n \n <div class=\"hero-stats\">\n <div class=\"stat-item\">\n <div class=\"stat-number\">95%<\/div>\n <div class=\"stat-label\">Genauigkeitsrate<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">24\/7<\/div>\n <div class=\"stat-label\">AI-Analyse<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">8+<\/div>\n <div class=\"stat-label\">M\u00e4rkte<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">100%<\/div>\n <div class=\"stat-label\">Propriet\u00e4r<\/div>\n <\/div>\n <\/div>\n\n <div class=\"cta-buttons\">\n <a href=\"#pricing\" class=\"btn btn-primary\">Fr\u00fchzeitigen Zugang erhalten<\/a>\n <a href=\"#video-section\" class=\"btn btn-secondary\">Demo ansehen<\/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 Erkennung von Mustern\n <\/div>\n <div class=\"ai-feature-item\">\n <i class=\"las la-shield-alt\"><\/i>\n Risikobewertung\n <\/div>\n <div class=\"ai-feature-item\">\n <i class=\"las la-crosshairs\"><\/i>\n Eintritts-\/Austrittspunkte\n <\/div>\n <div class=\"ai-feature-item\">\n <i class=\"las la-brain\"><\/i>\n Marktstimmung\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> KI-ANALYSE IN ECHTZEIT\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\">Handeln Sie mehrere M\u00e4rkte mit einer KI<\/h2>\n <p class=\"section-subtitle\">Unsere KI analysiert Muster auf verschiedenen Finanzm\u00e4rkten und Spielplattformen<\/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>Wichtige W\u00e4hrungspaare<\/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\">Best\u00e4nde<\/h3>\n <p>Globale Aktien<\/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\">Krypto<\/h3>\n <p>Digitale Verm\u00f6genswerte<\/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\">Indizes<\/h3>\n <p>Marktindizes<\/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\">Bin\u00e4re Optionen<\/h3>\n <p>Feste Ertr\u00e4ge<\/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\">Casino Spiele<\/h3>\n <p>Analyse von Mustern<\/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\">Sportwetten<\/h3>\n <p>Statistischer Vorsprung<\/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\">Rohstoffe<\/h3>\n <p>Rohmaterialien<\/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\">Erleben Sie Nuvix AI in Aktion<\/h2>\n <p class=\"section-subtitle\">Sehen Sie, wie unsere KI die M\u00e4rkte in Echtzeit analysiert<\/p>\n <div class=\"video-container\">\n <div class=\"video-wrapper\">\n <div class=\"video-label\">Live-Demo<\/div>\n <div class=\"video-player\">\n <video class=\"nv-video\" muted playsinline preload=\"metadata\" src=\"https:\/\/streamable.com\/l\/lbi1sn\/mp4-high.mp4\"><\/video>\n <div class=\"play-btn\">\n <i class=\"las la-play\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"problem-section\">\n <div class=\"container\">\n <h2 class=\"section-title\">Die Herausforderung des Handels<\/h2>\n <p class=\"section-subtitle\">Warum 95% der Trader scheitern und wie wir das \u00e4ndern<\/p>\n <div class=\"big-stat\">\n <div class=\"big-stat-number\">95%<\/div>\n <p class=\"big-stat-desc\">der H\u00e4ndler verlieren Geld auf den Finanzm\u00e4rkten<\/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\">Informations\u00fcberlastung<\/h3>\n <p class=\"problem-desc\">Zu viele Daten, nicht genug verwertbare Erkenntnisse<\/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\">Emotionaler Handel<\/h3>\n <p class=\"problem-desc\">Angst und Gier zerst\u00f6ren Handelskonten<\/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\">Zeitliche Beschr\u00e4nkungen<\/h3>\n <p class=\"problem-desc\">M\u00e4rkte bewegen sich 24\/7, Menschen brauchen Schlaf<\/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\">Schlechtes Risikomanagement<\/h3>\n <p class=\"problem-desc\">Ein schlechter Handel kann monatelange Gewinne zunichte machen<\/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\">Fehlende Strategie<\/h3>\n <p class=\"problem-desc\">Handel ohne ein bew\u00e4hrtes System<\/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\">Marktmanipulation<\/h3>\n <p class=\"problem-desc\">Gro\u00dfe Akteure bewegen die M\u00e4rkte gegen Kleinh\u00e4ndler<\/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\">Die Nuvix-L\u00f6sung: Fortschrittliche KI-Technologie<\/h2>\n <p class=\"section-subtitle\">Von Grund auf neu entwickelte k\u00fcnstliche Intelligenz, die Ihnen einen Vorsprung verschafft<\/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\u00e4res AI<\/h3>\n <p class=\"feature-desc\">Von Grund auf von unserem Team aus KI-Experten und H\u00e4ndlern entwickelt. Keine Abh\u00e4ngigkeiten von Dritten.<\/p>\n <ul class=\"feature-list\">\n <li><i class=\"las la-arrow-right\"><\/i> Benutzerdefinierte neuronale Netze<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Algorithmen f\u00fcr maschinelles Lernen<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Kontinuierliche Verbesserung<\/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\">Sichere private Infrastruktur<\/h3>\n <p class=\"feature-desc\">Ihre Daten verlassen niemals unsere verschl\u00fcsselten Server. Sicherheitsprotokolle auf Milit\u00e4rniveau.<\/p>\n <ul class=\"feature-list\">\n <li><i class=\"las la-arrow-right\"><\/i> Ende-zu-Ende-Verschl\u00fcsselung<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Private Cloud-Server<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Keine gemeinsame Nutzung von Daten<\/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\">Real-Time-Analyse<\/h3>\n <p class=\"feature-desc\">Sofortige Mustererkennung und Marktanalyse \u00fcber mehrere Zeitrahmen hinweg.<\/p>\n <ul class=\"feature-list\">\n <li><i class=\"las la-arrow-right\"><\/i> Reaktionszeit von einer Millisekunde<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> 24\/7 Markt\u00fcberwachung<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Analyse mehrerer Zeitrahmen<\/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\">Pr\u00e4diktive Analytik<\/h3>\n <p class=\"feature-desc\">Fortschrittliche Algorithmen sagen Marktbewegungen mit hoher Genauigkeit voraus.<\/p>\n <ul class=\"feature-list\">\n <li><i class=\"las la-arrow-right\"><\/i> 95% Genauigkeitsrate<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Risiko-Ertrags-Optimierung<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Einfahrts-\/Ausfahrtssignale<\/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\">Intelligentes Risikomanagement<\/h3>\n <p class=\"feature-desc\">KI-gest\u00fctzte Empfehlungen zur Positionsgr\u00f6\u00dfe und zum Stop-Loss.<\/p>\n <ul class=\"feature-list\">\n <li><i class=\"las la-arrow-right\"><\/i> Dynamische Positionsgr\u00f6\u00dfenbestimmung<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Automatisierte Risikowarnungen<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Schutz des Portfolios<\/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\">Benutzerfreundliches Interface<\/h3>\n <p class=\"feature-desc\">Komplexe KI einfach gemacht. Perfekt f\u00fcr Anf\u00e4nger und Profis.<\/p>\n <ul class=\"feature-list\">\n <li><i class=\"las la-arrow-right\"><\/i> Analyse mit einem Mausklick<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Klare Empfehlungen<\/li>\n <li><i class=\"las la-arrow-right\"><\/i> Mobil ansprechbar<\/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\">AI-F\u00e4higkeiten, die uns auszeichnen<\/h2>\n <p class=\"section-subtitle\">Fortgeschrittene Funktionen auf der Grundlage modernster k\u00fcnstlicher Intelligenz<\/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\">Erkennung von Mustern<\/h3>\n <p>Identifiziert komplexe Muster auf mehreren M\u00e4rkten gleichzeitig<\/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\">Marktstimmungsanalyse<\/h3>\n <p>Analyse der globalen Marktstimmung und der Positionierung von H\u00e4ndlern<\/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\">Risikobewertung<\/h3>\n <p>Berechnung der optimalen Positionsgr\u00f6\u00dfen und Risikoparameter<\/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\">Wahrscheinlichkeitsberechnung<\/h3>\n <p>Fortgeschrittene statistische Modelle f\u00fcr die Ergebnisvorhersage<\/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\">Adaptives Lernen<\/h3>\n <p>Kontinuierliche Verbesserung der Genauigkeit durch maschinelles Lernen<\/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\">Multimarkt-Korrelation<\/h3>\n <p>Entdeckt Chancen auf korrelierten M\u00e4rkten<\/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\">Revolution\u00e4res Gesch\u00e4ftsmodell<\/h2>\n <p class=\"section-subtitle\">Mehrere Einkommensstr\u00f6me f\u00fcr Ihren Erfolg<\/p>\n <div class=\"business-model-grid\">\n <div class=\"model-card\">\n <div class=\"model-icon\"><i class=\"las la-coins\"><\/i><\/div>\n <h3 class=\"model-title\">Token-Based System<\/h3>\n <p class=\"model-desc\">Pay only for what you use with our flexible token system<\/p>\n <ul class=\"model-features\">\n <li><i class=\"las la-check\"><\/i> 1 token = 1 AI analysis<\/li>\n <li><i class=\"las la-check\"><\/i> Keine monatlichen Geb\u00fchren oder Abonnements<\/li>\n <li><i class=\"las la-check\"><\/i> Tokens never expire<\/li>\n <li><i class=\"las la-check\"><\/i> Mengenrabatte verf\u00fcgbar<\/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\">Partnerprogramm<\/h3>\n <p class=\"model-desc\">Verdienen Sie hohe Provisionen durch die Weitergabe von Nuvix<\/p>\n <ul class=\"model-features\">\n <li><i class=\"las la-check\"><\/i> Bis zu $200 pro direkte \u00dcberweisung<\/li>\n <li><i class=\"las la-check\"><\/i> Bin\u00e4rer Verg\u00fctungsplan<\/li>\n <li><i class=\"las la-check\"><\/i> Unbegrenztes Verdienstpotenzial<\/li>\n <li><i class=\"las la-check\"><\/i> Globale Chance<\/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\">Wachstumsanreize<\/h3>\n <p class=\"model-desc\">Spezielle Boni und Multiplikatoren f\u00fcr aktive Nutzer<\/p>\n <ul class=\"model-features\">\n <li><i class=\"las la-check\"><\/i> Token-Multiplikatoren beim Aufladen<\/li>\n <li><i class=\"las la-check\"><\/i> Volumenabh\u00e4ngige Boni<\/li>\n <li><i class=\"las la-check\"><\/i> Belohnungen f\u00fcr F\u00fchrungsqualit\u00e4ten<\/li>\n <li><i class=\"las la-check\"><\/i> Leistungsanreize<\/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\">Vorregistrierungs-Pakete<\/h2>\n <p class=\"section-subtitle\">Sichern Sie sich jetzt Ihren Platz!<\/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')\">Anf\u00e4nger<\/button>\n <button class=\"package-btn active\" onclick=\"showPackage('pro')\">Pro<\/button>\n <button class=\"package-btn\" onclick=\"showPackage('advanced')\">Fortgeschrittene<\/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\">BEGINNER<\/h3>\n <p class=\"package-tagline\">Beginnen Sie Ihre Reise zum AI-Handel<\/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 Analysis Tokens<\/div>\n <\/div>\n <ul class=\"price-features\">\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> AI-Marktanalyse f\u00fcr alle M\u00e4rkte<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Einblicke in den Handel in Echtzeit<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Basic Support Zugang<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> 3x Token Multiplier on Recharge<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Zugriff auf Chrome-Erweiterungen<\/li>\n <\/ul>\n <div class=\"commission-info\">\n Schnellstart-Bonus: <span class=\"commission-amount\">$20<\/span>\n <\/div>\n <a href=\"https:\/\/nuvix.com\/de\/checkout\/?add-to-cart=39264\" class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1.5rem;\">Pre-Register Now<\/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\">Maximaler Wert f\u00fcr seri\u00f6se Trader<\/p>\n <\/div>\n <div class=\"price-container\">\n <div class=\"price\">$999<span class=\"price-period\">.99<\/span><\/div>\n <\/div>\n <div class=\"token-info\">\n <div class=\"token-value\">3000 Analysis Tokens<\/div>\n <\/div>\n <ul class=\"price-features\">\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Alles im Advanced-Paket<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> VIP-Priorit\u00e4tsunterst\u00fctzung 24\/7<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Premium Analytics Dashboard<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> 5x Token Multiplier on Recharge<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Exklusive Handels-Webinare<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Zugriff auf Chrome-Erweiterungen<\/li>\n <\/ul>\n <div class=\"commission-info\">\n Schnellstart-Bonus: <span class=\"commission-amount\">$200<\/span>\n <\/div>\n <a href=\"https:\/\/nuvix.com\/de\/checkout\/?add-to-cart=40406\" class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1.5rem;\">Pre-Register Now<\/a>\n <\/div>\n \n <div class=\"pricing-card\" id=\"advanced-card\">\n <div class=\"pricing-header\">\n <h3 class=\"package-name\">ADVANCED<\/h3>\n <p class=\"package-tagline\">F\u00fcr erfahrene H\u00e4ndler<\/p>\n <\/div>\n <div class=\"price-container\">\n <div class=\"price\">$499<span class=\"price-period\">.99<\/span><\/div>\n <\/div>\n <div class=\"token-info\">\n <div class=\"token-value\">1500 Analysis Tokens<\/div>\n <\/div>\n <ul class=\"price-features\">\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Alles im Einsteigerpaket<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Vorrangige Support-Reaktion<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Erweiterte Analysefunktionen<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> 4x Token Multiplier on Recharge<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Multi-Market-Korrelations-Tools<\/li>\n <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Zugriff auf Chrome-Erweiterungen<\/li>\n <\/ul>\n <div class=\"commission-info\">\n Schnellstart-Bonus: <span class=\"commission-amount\">$100<\/span>\n <\/div>\n <a href=\"https:\/\/nuvix.com\/de\/checkout\/?add-to-cart=40404\" class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1.5rem;\">Pre-Register Now<\/a>\n <\/div>\n <\/div>\n <p style=\"text-align: center; margin-top: 2rem; opacity: 0.8;\">\n * 80% des Verpackungswerts wird in kommissionsf\u00e4higes Volumen (CV) umgerechnet.\n <\/p>\n <\/div>\n <\/section>\n\n <section class=\"compensation-section\" id=\"opportunity\">\n <div class=\"container\">\n <h2 class=\"section-title\">Bauen Sie Ihre finanzielle Zukunft auf<\/h2>\n <p class=\"section-subtitle\">Schlie\u00dfen Sie sich unserem globalen Netzwerk an und verdienen Sie beim Handel<\/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>Schnellstart-Bonus<\/h3>\n <p class=\"comp-desc\">Verdienen Sie sofortige Provisionen f\u00fcr jede direkte Weiterempfehlung<\/p>\n <div class=\"comp-amount\">$20 - $200<\/div>\n <p class=\"comp-period\">pro Direktverkauf<\/p>\n <\/div>\n <div class=\"comp-card\">\n <div class=\"comp-icon\"><i class=\"las la-chart-line\"><\/i><\/div>\n <h3>Bin\u00e4re Kompensation<\/h3>\n <p class=\"comp-desc\">Bilden Sie zwei Teams und verdienen Sie am ausgeglichenen Volumen<\/p>\n <div class=\"comp-amount\">10-20%<\/div>\n <p class=\"comp-period\">des schw\u00e4cheren Beinvolumens<\/p>\n <\/div>\n <div class=\"comp-card\">\n <div class=\"comp-icon\"><i class=\"las la-trophy\"><\/i><\/div>\n <h3>Boni f\u00fcr F\u00fchrungskr\u00e4fte<\/h3>\n <p class=\"comp-desc\">Zus\u00e4tzliche Belohnungen f\u00fcr den Aufbau erfolgreicher Teams<\/p>\n <div class=\"comp-amount\">Bis zu $250K<\/div>\n <p class=\"comp-period\">Jahrespotential<\/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);\">Bin\u00e4re Verg\u00fctungsstruktur<\/h3>\n <div class=\"tree-diagram\">\n <div class=\"tree-node\">\n <div class=\"node-circle\">SIE<\/div>\n <div class=\"node-label\">Unbegrenzt sponsern<\/div>\n <div class=\"tree-branches\">\n <div class=\"tree-node\">\n <div class=\"node-circle\">LINKS<\/div>\n <div class=\"node-label\">Mannschaft A<\/div>\n <\/div>\n <div class=\"tree-node\">\n <div class=\"node-circle\">RECHTS<\/div>\n <div class=\"node-label\">Mannschaft B<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <p style=\"margin-top: 2rem; opacity: 0.8;\">Verdienen Sie Provisionen auf das Volumen Ihres schw\u00e4cheren Gesch\u00e4ftsbereichs. Bilden Sie ausgewogene Teams f\u00fcr maximalen Verdienst!<\/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\">Sind Sie bereit, sich der KI-Handelsrevolution anzuschlie\u00dfen?<\/h2>\n <p class=\"cta-subtitle\">Es sind nur begrenzte Vorregistrierungspl\u00e4tze verf\u00fcgbar. Sichern Sie sich Ihren Platz noch heute!<\/p>\n <div class=\"cta-buttons\" style=\"display: flex; justify-content: center; gap: 1rem;\">\n <a href=\"#pricing\" class=\"btn btn-primary btn-large\">Jetzt loslegen<\/a>\n <a href=\"https:\/\/nuvix.com\/de\/c_login\/\" class=\"btn btn-secondary btn-large\">Einloggen<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"container\">\n <div class=\"disclaimer\">\n <p><strong>Wichtiger Haftungsausschluss:<\/strong> Alle Informationen, die von der <strong>Nuvix AI-Analyse<\/strong> System (der \"Dienst\") wird ausschlie\u00dflich f\u00fcr folgende Zwecke bereitgestellt <strong>Bildungs- und Informationszwecke<\/strong> nur. Der Dienst generiert algorithmische Auswertungen von Marktdaten, Handels- und Kasinospielmustern, aber er tut <strong>nicht<\/strong> erzeugen keine verwertbaren Handels- oder Wettsignale und sollten nicht als solche angesehen werden.<\/p>\n <p><strong>Risiko-Warnung:<\/strong> Die Nutzung des Dienstes ist mit erheblichen Risiken verbunden. Bewertungen in der Vergangenheit sind keine Garantie f\u00fcr zuk\u00fcnftige Leistungen oder Gewinne in den Bereichen Forex, Aktien, Futures, synthetische Indizes, bin\u00e4re Optionen, Kryptow\u00e4hrungen, Roulette, Baccarat oder andere Casino-Spiele. <strong>Nuvix<\/strong> \u00fcbernimmt weder ausdr\u00fccklich noch stillschweigend eine Garantie f\u00fcr die Richtigkeit, Vollst\u00e4ndigkeit oder Eignung einer Analyse. <strong>Ihre Entscheidungen und Ergebnisse<\/strong> h\u00e4ngen ausschlie\u00dflich von Ihrem eigenen Urteilsverm\u00f6gen, Ihrer Risikobereitschaft, Ihrem Einsatz und den vorherrschenden Markt- oder Spielbedingungen ab.<\/p>\n <p><strong>Keine Zugeh\u00f6rigkeit:<\/strong> <strong>Nuvix<\/strong> ist weder mit Handelsplattformen, Brokern, B\u00f6rsen oder Kasinobetreibern verbunden, noch wird es von diesen unterst\u00fctzt oder mit ihnen assoziiert. Sie sind allein verantwortlich f\u00fcr die Auswahl, den Zugang und die Nutzung einer Plattform f\u00fcr Ihre Handels- oder Spielaktivit\u00e4ten.<\/p>\n <p><strong>Begrenzung der Haftung:<\/strong> Durch die Nutzung des Dienstes erkennen Sie an und akzeptieren, dass <strong>Nuvix<\/strong> und die mit ihr verbundenen Unternehmen haften nicht f\u00fcr Verluste, Sch\u00e4den oder Anspr\u00fcche, die sich aus Ihrer Nutzung der KI-Analysen ergeben. F\u00fchren Sie immer Ihre eigene Due Diligence durch und konsultieren Sie qualifizierte Fachleute, bevor Sie Trades oder Wetten platzieren. Handel und Gl\u00fccksspiel k\u00f6nnen zu erheblichen finanziellen Verlusten f\u00fchren.<\/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\/de\/wp-json\/wp\/v2\/pages\/41629","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nuvix.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nuvix.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nuvix.com\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nuvix.com\/de\/wp-json\/wp\/v2\/comments?post=41629"}],"version-history":[{"count":55,"href":"https:\/\/nuvix.com\/de\/wp-json\/wp\/v2\/pages\/41629\/revisions"}],"predecessor-version":[{"id":41715,"href":"https:\/\/nuvix.com\/de\/wp-json\/wp\/v2\/pages\/41629\/revisions\/41715"}],"wp:attachment":[{"href":"https:\/\/nuvix.com\/de\/wp-json\/wp\/v2\/media?parent=41629"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}