{"id":45584,"date":"2025-12-05T19:58:40","date_gmt":"2025-12-06T03:58:40","guid":{"rendered":"https:\/\/nuvix.com\/?page_id=45584"},"modified":"2025-12-05T20:14:19","modified_gmt":"2025-12-06T04:14:19","slug":"nuvix-trading","status":"publish","type":"page","link":"https:\/\/nuvix.com\/fr\/nuvix-trading\/","title":{"rendered":"nuvix-trading"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"45584\" class=\"elementor elementor-45584\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f50b659 e-con-full e-flex e-con e-parent\" data-id=\"f50b659\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-637b67f elementor-widget elementor-widget-html\" data-id=\"637b67f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes\">\n    <title>Nuvix Packages - Choose Your Trading Plan<\/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        \/* 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        \/* 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 *\/\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.5s ease, background 0.5s ease, box-shadow 0.5s ease;\n            min-height: 60px;\n            height: auto;\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        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            min-height: 60px;\n            flex-wrap: wrap;\n            gap: 0.75rem;\n        }\n\n        @media (min-width: 768px) {\n            nav {\n                padding: 1rem 2rem;\n                flex-wrap: nowrap;\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            flex-shrink: 0;\n            text-decoration: none;\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        @media (min-width: 1024px) and (max-width: 1299px) {\n            .logo img { height: 35px; }\n        }\n\n        \/* Desktop Navigation *\/\n        .nav-links {\n            display: none;\n            gap: 1rem;\n            align-items: center;\n        }\n\n        @media (min-width: 768px) {\n            .nav-links {\n                display: flex;\n                gap: 1.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            padding: 0.25rem 0.5rem;\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: 768px) {\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        }\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;\n            background: rgba(10, 14, 39, 0.98);\n            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        .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        }\n\n        .mobile-menu-links a:hover {\n            color: var(--accent-blue);\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        \/* Buttons *\/\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        \/* Section styles *\/\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        \/* Page Hero Section *\/\n        .page-hero {\n            padding: 8rem 0 3rem;\n            text-align: center;\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            .page-hero {\n                padding: 10rem 0 4rem;\n            }\n        }\n\n        .page-hero h1 {\n            font-size: clamp(2rem, 5vw, 4rem);\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        }\n\n        @keyframes gradient-shift {\n            0%, 100% { filter: hue-rotate(0deg); }\n            50% { filter: hue-rotate(30deg); }\n        }\n\n        .page-hero p {\n            font-size: clamp(1rem, 1.5vw, 1.25rem);\n            opacity: 0.9;\n            max-width: 600px;\n            margin: 0 auto;\n        }\n\n        \/* Pricing Section *\/\n        .pricing {\n            padding: 2rem 0 4rem;\n            position: relative;\n            overflow: hidden;\n        }\n\n        @media (min-width: 768px) {\n            .pricing { padding: 3rem 0 6rem; }\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: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        .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:hover {\n            transform: scale(1.08);\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        \/* Price styles *\/\n        .price {\n            word-break: break-word;\n            overflow-wrap: break-word;\n            max-width: 100%;\n            white-space: normal;\n            padding: 0 0.5rem;\n        }\n\n        .price.long-price {\n            font-size: 1.5rem !important;\n        }\n\n        .price.very-long-price {\n            font-size: 1.2rem !important;\n        }\n\n        .price.extra-long-price {\n            font-size: 1rem !important;\n        }\n\n        @media (max-width: 576px) {\n            .price.long-price {\n                font-size: 1.3rem !important;\n            }\n            \n            .price.very-long-price {\n                font-size: 1.1rem !important;\n            }\n            \n            .price.extra-long-price {\n                font-size: 0.9rem !important;\n            }\n            \n            .price-container {\n                min-height: 50px;\n                padding: 0 0.25rem;\n            }\n        }\n\n        .price-period {\n            font-size: 0.5em;\n            white-space: nowrap;\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 *\/\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: 700px;\n            }\n        }\n\n        @media (max-width: 767px) {\n            .pricing-card {\n                max-width: 100%;\n                overflow-x: hidden;\n            }\n            \n            .price-container {\n                max-width: 100%;\n                overflow: hidden;\n            }\n            \n            .token-info,\n            .commission-info {\n                font-size: 0.75rem;\n                padding: 0.5rem;\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        .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 0.5rem;\n            overflow: hidden;\n            width: 100%;\n            max-width: 100%;\n            position: relative;\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        \/* Footer *\/\n        .footer {\n            background: rgba(10, 14, 39, 0.95);\n            padding: 3rem 0 2rem;\n            border-top: 1px solid rgba(255, 255, 255, 0.1);\n            text-align: center;\n        }\n\n        .footer-content {\n            max-width: 800px;\n            margin: 0 auto;\n        }\n\n        .footer-logo {\n            margin-bottom: 1rem;\n        }\n\n        .footer-logo img {\n            height: 40px;\n            width: auto;\n            filter: drop-shadow(0 0 10px rgba(159, 57, 255, 0.5));\n        }\n\n        .footer-note {\n            font-size: 0.85rem;\n            opacity: 0.7;\n            margin-bottom: 1.5rem;\n            line-height: 1.6;\n        }\n\n        .footer-links {\n            display: flex;\n            justify-content: center;\n            gap: 2rem;\n            flex-wrap: wrap;\n            margin-bottom: 1.5rem;\n        }\n\n        .footer-links a {\n            color: var(--text-light);\n            text-decoration: none;\n            font-size: 0.9rem;\n            opacity: 0.7;\n            transition: all 0.3s ease;\n        }\n\n        .footer-links a:hover {\n            color: var(--accent-blue);\n            opacity: 1;\n        }\n\n        .footer-copyright {\n            font-size: 0.8rem;\n            opacity: 0.5;\n        }\n\n        \/* Utility classes *\/\n        html {\n            scroll-behavior: smooth;\n        }\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        \/* 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    <\/style>\n<\/head>\n<body>\n    <!-- Background Animation -->\n    <div class=\"bg-animation\"><\/div>\n\n    <!-- Header -->\n    <header id=\"header\">\n        <nav>\n            <a href=\"https:\/\/nuvix.com\/fr\/\" class=\"logo\">\n                <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/07\/uvix-1-1.png\" alt=\"Nuvix\">\n            <\/a>\n            \n            <div class=\"nav-links\">\n                <a href=\"https:\/\/nuvix.com\/fr\/#markets\">March\u00e9s<\/a>\n                <a href=\"https:\/\/nuvix.com\/fr\/#features\">Caract\u00e9ristiques<\/a>\n                <a href=\"#pricing\">Emballages<\/a>\n                <a href=\"https:\/\/nuvix.com\/fr\/#opportunity\">Opportunit\u00e9<\/a>\n                <a href=\"https:\/\/nuvix.com\/fr\/c_login\/\" class=\"btn btn-secondary\">Se connecter<\/a>\n                <a href=\"#pricing\" class=\"btn btn-primary\">Commencer<\/a>\n            <\/div>\n            \n            <div class=\"mobile-nav-container\">\n                <a href=\"#pricing\" class=\"btn btn-primary\" style=\"padding: 0.6rem 1.25rem; font-size: 0.8rem;\">Commencer<\/a>\n                <button class=\"hamburger\" id=\"hamburger\" aria-label=\"Menu \u00e0 bascule\">\n                    <span><\/span>\n                    <span><\/span>\n                    <span><\/span>\n                <\/button>\n            <\/div>\n        <\/nav>\n    <\/header>\n\n    <!-- Mobile Menu -->\n    <div class=\"mobile-menu\" id=\"mobile-menu\">\n        <div class=\"mobile-menu-content\">\n            <div class=\"mobile-menu-links\">\n                <a href=\"https:\/\/nuvix.com\/fr\/#markets\">March\u00e9s<\/a>\n                <a href=\"https:\/\/nuvix.com\/fr\/#features\">Caract\u00e9ristiques<\/a>\n                <a href=\"#pricing\" onclick=\"closeMobileMenu()\">Emballages<\/a>\n                <a href=\"https:\/\/nuvix.com\/fr\/#opportunity\">Opportunit\u00e9<\/a>\n            <\/div>\n            <div class=\"mobile-menu-buttons\">\n                <a href=\"https:\/\/nuvix.com\/fr\/c_login\/\" class=\"btn btn-secondary\">Se connecter<\/a>\n                <a href=\"#pricing\" class=\"btn btn-primary\" onclick=\"closeMobileMenu()\">Commencer<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Page Hero -->\n    <section class=\"page-hero\">\n        <div class=\"container\">\n            <h1>Choisissez votre forfait<\/h1>\n            <p>S\u00e9lectionnez le plan id\u00e9al pour commencer votre parcours de trading aliment\u00e9 par l'IA<\/p>\n        <\/div>\n    <\/section>\n\n    <!-- Pricing Section -->\n    <section class=\"pricing\" id=\"pricing\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">Formules d'inscription<\/h2>\n            <p class=\"section-subtitle\">Assurez votre poste d\u00e8s maintenant !<\/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')\">D\u00e9butant<\/button>\n                    <button class=\"package-btn active\" onclick=\"showPackage('pro')\">Pro<\/button>\n                    <button class=\"package-btn\" onclick=\"showPackage('advanced')\">Avanc\u00e9<\/button>\n                <\/div>\n            <\/div>\n\n            <div class=\"pricing-grid\">\n                <!-- Beginner Package -->\n                <div class=\"pricing-card\" id=\"beginner-card\">\n                    <div class=\"pricing-header\">\n                        <h3 class=\"package-name\">D\u00c9BUTANT<\/h3>\n                        <p class=\"package-tagline\">Commencez votre voyage dans le commerce de l'IA<\/p>\n                    <\/div>\n                    <div class=\"price-container\">\n                        <div class=\"price\">$99.99<span class=\"price-period\"><\/span><\/div>\n                    <\/div>\n                    <a href=\"https:\/\/nuvix.com\/fr\/checkout\/?add-to-cart=39264\" class=\"btn btn-primary\" style=\"width: 90%; margin: 1rem auto; display: block;\">Acheter<\/a>\n                    <div class=\"token-info\">\n                        <div class=\"token-value\">500 cr\u00e9dits d'analyse<\/div>\n                    <\/div>\n                    <ul class=\"price-features\">\n                        <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Analyse du march\u00e9 de l'IA pour tous les march\u00e9s<\/li>\n                        <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Informations sur les transactions en temps r\u00e9el<\/li>\n                        <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Acc\u00e8s au soutien de base<\/li>\n                        <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Multiplicateur de cr\u00e9dits 3x sur la recharge<\/li>\n                        <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Acc\u00e8s \u00e0 l'extension Chrome<\/li>\n                        <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Comprend un abonnement IBP d'un an - Valeur de $79.99<\/li>\n                    <\/ul>\n                    <div class=\"commission-info\">\n                        Prime de d\u00e9marrage rapide : <span class=\"commission-amount\">$20<\/span>\n                    <\/div>\n                    <a href=\"https:\/\/nuvix.com\/fr\/checkout\/?add-to-cart=39264\" class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1.5rem;\">S'inscrire<\/a>\n                <\/div>\n                \n                <!-- Pro Package (Featured) -->\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\">Une valeur maximale pour les commer\u00e7ants s\u00e9rieux<\/p>\n                    <\/div>\n                    <div class=\"price-container\">\n                        <div class=\"price\">$999.99<span class=\"price-period\"><\/span><\/div>\n                    <\/div>\n                    <a href=\"https:\/\/nuvix.com\/fr\/checkout\/?add-to-cart=40406\" class=\"btn btn-primary\" style=\"width: 90%; margin: 1rem auto; display: block;\">Acheter<\/a>\n                    <div class=\"token-info\">\n                        <div class=\"token-value\">10 000 cr\u00e9dits d'analyse<\/div>\n                    <\/div>\n                    <ul class=\"price-features\">\n                        <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Tout dans le paquet avanc\u00e9<\/li>\n                        <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Assistance prioritaire VIP 24\/7<\/li>\n                        <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Tableau de bord analytique premium<\/li>\n                        <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Multiplicateur de cr\u00e9dits 10x sur la recharge<\/li>\n                        <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Webinaires exclusifs sur le trading<\/li>\n                        <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Acc\u00e8s \u00e0 l'extension Chrome<\/li>\n                        <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Comprend un abonnement IBP d'un an - Valeur de $79.99<\/li>\n                    <\/ul>\n                    <div class=\"commission-info\">\n                        Prime de d\u00e9marrage rapide : <span class=\"commission-amount\">$200<\/span>\n                    <\/div>\n                    <a href=\"https:\/\/nuvix.com\/fr\/checkout\/?add-to-cart=40406\" class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1.5rem;\">S'inscrire<\/a>\n                <\/div>\n                \n                <!-- Advanced Package -->\n                <div class=\"pricing-card\" id=\"advanced-card\">\n                    <div class=\"pricing-header\">\n                        <h3 class=\"package-name\">AVANC\u00c9<\/h3>\n                        <p class=\"package-tagline\">Pour les commer\u00e7ants exp\u00e9riment\u00e9s<\/p>\n                    <\/div>\n                    <div class=\"price-container\">\n                        <div class=\"price\">$499.99<span class=\"price-period\"><\/span><\/div>\n                    <\/div>\n                    <a href=\"https:\/\/nuvix.com\/fr\/checkout\/?add-to-cart=40404\" class=\"btn btn-primary\" style=\"width: 90%; margin: 1rem auto; display: block;\">Acheter<\/a>\n                    <div class=\"token-info\">\n                        <div class=\"token-value\">3 500 cr\u00e9dits d'analyse<\/div>\n                    <\/div>\n                    <ul class=\"price-features\">\n                        <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Tout ce qu'il y a dans l'offre pour d\u00e9butants<\/li>\n                        <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> R\u00e9ponse prioritaire de l'assistance<\/li>\n                        <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Fonctionnalit\u00e9s analytiques avanc\u00e9es<\/li>\n                        <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Multiplicateur de cr\u00e9dits de 5x sur la recharge<\/li>\n                        <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Outils de corr\u00e9lation multi-march\u00e9s<\/li>\n                        <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Acc\u00e8s \u00e0 l'extension Chrome<\/li>\n                        <li><span class=\"feature-check\"><i class=\"las la-check\"><\/i><\/span> Comprend un abonnement IBP d'un an - Valeur de $79.99<\/li>\n                    <\/ul>\n                    <div class=\"commission-info\">\n                        Prime de d\u00e9marrage rapide : <span class=\"commission-amount\">$100<\/span>\n                    <\/div>\n                    <a href=\"https:\/\/nuvix.com\/fr\/checkout\/?add-to-cart=40404\" class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1.5rem;\">S'inscrire<\/a>\n                <\/div>\n            <\/div>\n            <p style=\"text-align: center; margin-top: 2rem; opacity: 0.8;\">\n                * 80% de la valeur de l'emballage se convertit en volume commissionnable (CV).\n            <\/p>\n        <\/div>\n    <\/section>\n\n    <!-- Footer -->\n    <footer class=\"footer\">\n        <div class=\"container\">\n            <div class=\"footer-content\">\n                <div class=\"footer-logo\">\n                    <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/07\/uvix-1-1.png\" alt=\"Nuvix\">\n                <\/div>\n                <p class=\"footer-note\">Plateforme r\u00e9volutionnaire d'analyse de trading par l'IA d'iEvolution<\/p>\n                <div class=\"footer-links\">\n                    <a href=\"https:\/\/nuvix.com\/fr\/\">Accueil<\/a>\n                    <a href=\"https:\/\/nuvix.com\/fr\/#markets\">March\u00e9s<\/a>\n                    <a href=\"https:\/\/nuvix.com\/fr\/#features\">Caract\u00e9ristiques<\/a>\n                    <a href=\"https:\/\/nuvix.com\/fr\/#opportunity\">Opportunit\u00e9<\/a>\n                    <a href=\"https:\/\/nuvix.com\/fr\/c_login\/\">Se connecter<\/a>\n                <\/div>\n                <p class=\"footer-copyright\">2024 Nuvix by iEvolution. Tous droits r\u00e9serv\u00e9s.<\/p>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <script>\n        \/\/ Create floating particles\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\n        (function() {\n            const hamburger = document.getElementById('hamburger');\n            const mobileMenu = document.getElementById('mobile-menu');\n            \n            if (hamburger && mobileMenu) {\n                hamburger.addEventListener('click', function(e) {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    \n                    hamburger.classList.toggle('active');\n                    mobileMenu.classList.toggle('active');\n                    \n                    \/\/ Prevent body scroll when menu is open\n                    if (mobileMenu.classList.contains('active')) {\n                        document.body.style.overflow = 'hidden';\n                    } else {\n                        document.body.style.overflow = '';\n                    }\n                });\n\n                \/\/ Close menu when clicking on links\n                mobileMenu.querySelectorAll('a').forEach(link => {\n                    link.addEventListener('click', function() {\n                        hamburger.classList.remove('active');\n                        mobileMenu.classList.remove('active');\n                        document.body.style.overflow = '';\n                    });\n                });\n            }\n        })();\n\n        \/\/ Close mobile menu function\n        function closeMobileMenu() {\n            const hamburger = document.getElementById('hamburger');\n            const mobileMenu = document.getElementById('mobile-menu');\n            if (hamburger && mobileMenu) {\n                hamburger.classList.remove('active');\n                mobileMenu.classList.remove('active');\n                document.body.style.overflow = '';\n            }\n        }\n\n        \/\/ Header scroll behavior\n        (function() {\n            const header = document.getElementById('header');\n            let lastScroll = 0;\n            \n            window.addEventListener('scroll', function() {\n                const currentScroll = window.pageYOffset;\n                \n                if (currentScroll > 50) {\n                    header.classList.add('scrolled');\n                } else {\n                    header.classList.remove('scrolled');\n                }\n                \n                lastScroll = currentScroll;\n            }, { passive: true });\n        })();\n\n        \/\/ Mobile package selector\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        \/\/ Price display adjustment\n        (function() {\n            function adjustPriceDisplay() {\n                document.querySelectorAll('.price').forEach(priceElement => {\n                    const priceText = priceElement.textContent || priceElement.innerText;\n                    const cleanedText = priceText.replace(\/\\s\/g, '').replace(\/[,\\.]\/g, '');\n                    const priceLength = cleanedText.length;\n                    \n                    priceElement.classList.remove('long-price', 'very-long-price', 'extra-long-price');\n                    \n                    if (priceLength > 20) {\n                        priceElement.classList.add('extra-long-price');\n                    } else if (priceLength > 15) {\n                        priceElement.classList.add('very-long-price');\n                    } else if (priceLength > 10) {\n                        priceElement.classList.add('long-price');\n                    }\n                });\n            }\n            \n            adjustPriceDisplay();\n            setTimeout(adjustPriceDisplay, 500);\n            setTimeout(adjustPriceDisplay, 1000);\n        })();\n\n        \/\/ Smooth scroll\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                    }\n                });\n            }, observerOptions);\n\n            document.querySelectorAll('.fade-in').forEach(el => {\n                observer.observe(el);\n            });\n        })();\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"Nuvix Packages - Choisissez votre plan de trading Markets Features Packages Opportunity Log In Get Started Get Started Markets Features Packages Opportunity Log In Get Started Choisissez votre package S\u00e9lectionnez le plan id\u00e9al pour commencer votre parcours de trading assist\u00e9 par l'IA Registration Packages S\u00e9curisez votre position d\u00e8s maintenant ! D\u00e9butant Pro Avanc\u00e9 D\u00e9butant Commencez votre voyage de trading AI $99.99 Acheter [...]","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-45584","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/pages\/45584","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/comments?post=45584"}],"version-history":[{"count":7,"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/pages\/45584\/revisions"}],"predecessor-version":[{"id":45597,"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/pages\/45584\/revisions\/45597"}],"wp:attachment":[{"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/media?parent=45584"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}