{"id":45598,"date":"2025-12-05T20:27:15","date_gmt":"2025-12-06T04:27:15","guid":{"rendered":"https:\/\/nuvix.com\/?page_id=45598"},"modified":"2026-03-12T21:38:19","modified_gmt":"2026-03-13T04:38:19","slug":"nuvix-sport","status":"publish","type":"page","link":"https:\/\/nuvix.com\/fr\/nuvix-sport\/","title":{"rendered":"Nuvix Sports"},"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 Sports Picks AI - AI-Powered Sports Picks & Predictions<\/title>\n <meta name=\"description\" content=\"Get AI-powered sports predictions for NFL, NBA, MLB, and Soccer. Real-time picks, confidence scores, and expert picks for sports fans.\">\n \n <!-- Google Fonts - Montserrat -->\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500&display=swap\" rel=\"stylesheet\">\n \n <!-- Icons8 Line Awesome -->\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 html {\n width: 100%;\n }\n\n :root {\n \/* Primary Colors - Electric Blue (AI\/Tech) *\/\n --accent-blue-dark: #0044CC;\n --accent-blue: #0066FF;\n --accent-blue-light: #00D4FF;\n --accent-cyan: #00E5FF;\n \n \/* Money\/Success Colors - Neon Green (Winning) *\/\n --accent-green: #39FF14;\n --accent-emerald: #10B981;\n --accent-light-green: #7CFF5B;\n --success-green: #39FF14;\n --profit-green: #32CD32;\n \n \/* Legacy support *\/\n --accent-purple: #0066FF;\n \n \/* Secondary Colors *\/\n --danger-red: #EF4444;\n --gold: #FFD700;\n --orange-gold: #FFA500;\n \n \/* Background Colors - Dark *\/\n --dark-bg: #030712;\n --darker-bg: #010409;\n --card-bg: rgba(0, 102, 255, 0.03);\n --card-border: rgba(0, 102, 255, 0.1);\n --text-light: #E2E8F0;\n --text-muted: #94A3B8;\n \n \/* Gradients *\/\n --primary-gradient: linear-gradient(135deg, #0044CC 0%, #0066FF 50%, #00D4FF 100%);\n --cta-gradient: linear-gradient(135deg, #059669 0%, #10B981 30%, #39FF14 70%, #7CFF5B 100%);\n --money-gradient: linear-gradient(135deg, #10B981 0%, #39FF14 100%);\n --secondary-gradient: linear-gradient(135deg, #0066FF 0%, #00D4FF 100%);\n \n \/* Sport Colors *\/\n --nfl-color: #013369;\n --nba-color: #1d428a;\n --mlb-color: #002d72;\n --soccer-color: #37003c;\n --nhl-color: #000000;\n }\n\n body {\n font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n background-color: var(--dark-bg);\n color: var(--text-light);\n line-height: 1.6;\n margin: 0;\n padding: 0;\n width: 100%;\n min-width: 320px;\n -webkit-font-smoothing: antialiased;\n -webkit-text-size-adjust: 100%;\n }\n\n .container {\n width: 100%;\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 1rem;\n }\n\n @media (max-width: 480px) {\n .container { padding: 0 0.85rem; }\n }\n\n @media (max-width: 375px) {\n .container { padding: 0 0.75rem; }\n }\n\n @media (max-width: 320px) {\n .container { padding: 0 0.5rem; }\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 \/* Main wrapper *\/\n .main-wrapper {\n width: 100%;\n max-width: 100%;\n }\n\n section {\n width: 100%;\n max-width: 100%;\n }\n\n \/* 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 pointer-events: none;\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(0, 68, 204, 0.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 50%, rgba(0, 212, 255, 0.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 80%, rgba(0, 102, 255, 0.08) 0%, transparent 50%);\n animation: rotate 40s linear infinite;\n }\n\n @keyframes rotate {\n to { transform: rotate(360deg); }\n }\n\n .particle {\n position: absolute;\n background: rgba(0, 102, 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 left: 0;\n right: 0;\n width: 100%;\n max-width: 100vw;\n z-index: 1000;\n background: rgba(10, 14, 26, 0.9);\n backdrop-filter: blur(20px);\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.3s ease;\n overflow-x: hidden;\n }\n\n header.scrolled {\n background: rgba(10, 14, 26, 0.98);\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 max-width: 1400px;\n width: 100%;\n margin: 0 auto;\n box-sizing: border-box;\n }\n\n @media (max-width: 375px) {\n nav {\n padding: 0.75rem 0.85rem;\n }\n }\n\n @media (max-width: 320px) {\n nav {\n padding: 0.6rem 0.6rem;\n }\n }\n\n .logo {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n text-decoration: none;\n }\n\n .logo img {\n height: 40px;\n width: auto;\n filter: drop-shadow(0 0 10px rgba(0, 102, 255, 0.6));\n }\n\n @media (max-width: 375px) {\n .logo img { height: 32px; }\n }\n\n @media (max-width: 320px) {\n .logo img { height: 28px; }\n }\n\n @media (min-width: 768px) {\n .logo img { height: 45px; }\n }\n\n .nav-links {\n display: none;\n gap: 1.5rem;\n align-items: center;\n }\n\n @media (min-width: 768px) {\n .nav-links {\n display: flex;\n }\n }\n\n .nav-links a {\n color: var(--text-light);\n text-decoration: none;\n font-weight: 500;\n font-size: 0.95rem;\n transition: color 0.3s ease;\n position: relative;\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 \/* Estilo espec\u00edfico para el bot\u00f3n verde - l\u00ednea verde en hover *\/\n .nav-links .btn-free::after {\n background: var(--cta-gradient) !important;\n }\n\n .mobile-nav-container {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n @media (max-width: 375px) {\n .mobile-nav-container {\n gap: 0.35rem;\n }\n \n .mobile-nav-container .btn {\n padding: 0.4rem 0.75rem !important;\n font-size: 0.65rem !important;\n }\n }\n\n @media (max-width: 320px) {\n .mobile-nav-container {\n gap: 0.25rem;\n }\n \n .mobile-nav-container .btn {\n padding: 0.35rem 0.6rem !important;\n font-size: 0.6rem !important;\n }\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: 28px;\n height: 22px;\n cursor: pointer;\n background: transparent;\n border: none;\n padding: 0;\n }\n\n @media (max-width: 375px) {\n .hamburger {\n width: 24px;\n height: 18px;\n }\n }\n\n @media (max-width: 320px) {\n .hamburger {\n width: 20px;\n height: 16px;\n }\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 @media (max-width: 375px) {\n .hamburger span {\n height: 2.5px;\n }\n }\n\n @media (max-width: 320px) {\n .hamburger span {\n height: 2px;\n }\n }\n\n .hamburger.active span:nth-child(1) {\n transform: translateY(9.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(-9.5px) rotate(-45deg);\n }\n\n \/* Mobile Menu *\/\n .mobile-menu {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n background: rgba(10, 14, 26, 0.98);\n backdrop-filter: blur(20px);\n z-index: 999;\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n transition: all 0.3s ease;\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 }\n\n .mobile-menu-buttons {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n max-width: 280px;\n }\n\n \/* Buttons *\/\n .btn {\n padding: 0.875rem 2rem;\n border-radius: 50px;\n text-decoration: none;\n font-weight: 600;\n transition: all 0.3s ease;\n display: inline-block;\n border: none;\n cursor: pointer;\n font-size: 0.9rem;\n text-align: center;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n @media (max-width: 375px) {\n .btn {\n padding: 0.75rem 1.5rem;\n font-size: 0.8rem;\n letter-spacing: 0.3px;\n }\n }\n\n @media (max-width: 320px) {\n .btn {\n padding: 0.65rem 1.25rem;\n font-size: 0.7rem;\n letter-spacing: 0.2px;\n }\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(0, 102, 255, 0.4);\n }\n\n .btn-primary:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 30px rgba(0, 102, 255, 0.6);\n }\n\n .btn-secondary {\n background: linear-gradient(135deg, #0066FF 0%, #00D4FF 100%);\n color: #FFFFFF !important;\n border: none;\n font-weight: 700;\n box-shadow: 0 4px 25px rgba(0, 212, 255, 0.4), 0 0 40px rgba(0, 212, 255, 0.2);\n text-shadow: none;\n }\n\n .btn-secondary:hover {\n background: linear-gradient(135deg, #0052CC 0%, #00B8E6 100%);\n transform: translateY(-2px);\n box-shadow: 0 8px 35px rgba(0, 212, 255, 0.5), 0 0 60px rgba(0, 212, 255, 0.3);\n color: #FFFFFF !important;\n }\n\n .btn-free {\n background: linear-gradient(135deg, #059669 0%, #10B981 25%, #39FF14 60%, #7CFF5B 100%);\n color: #000000 !important;\n font-weight: 700;\n box-shadow: 0 4px 25px rgba(57, 255, 20, 0.4), 0 0 40px rgba(57, 255, 20, 0.2);\n animation: pulse-btn 2s infinite;\n border: none;\n text-shadow: none;\n }\n\n .btn-free:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 35px rgba(57, 255, 20, 0.5), 0 0 60px rgba(57, 255, 20, 0.3);\n }\n\n @keyframes pulse-btn {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.02); }\n }\n\n \/* Section Titles *\/\n .section-title {\n text-align: center;\n font-size: clamp(1.5rem, 3.5vw, 3.5rem);\n margin-bottom: 1rem;\n background: linear-gradient(135deg, #fff 0%, #00D4FF 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-weight: 800;\n }\n\n @media (max-width: 320px) {\n .section-title {\n font-size: 1.35rem;\n }\n }\n\n .section-subtitle {\n text-align: center;\n font-size: clamp(0.85rem, 1.5vw, 1.25rem);\n opacity: 0.8;\n margin-bottom: 3rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n\n @media (max-width: 375px) {\n .section-subtitle {\n font-size: 0.85rem;\n margin-bottom: 2rem;\n }\n }\n\n @media (max-width: 320px) {\n .section-subtitle {\n font-size: 0.8rem;\n margin-bottom: 1.5rem;\n }\n }\n\n \/* Hero Section *\/\n .hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n padding: 6rem 0 4rem;\n position: relative;\n }\n\n @media (min-width: 1400px) {\n .hero {\n min-height: auto;\n padding: 8rem 0 6rem;\n }\n }\n\n @media (min-width: 1600px) {\n .hero {\n padding: 10rem 0 8rem;\n }\n }\n\n @media (max-width: 375px) {\n .hero {\n padding: 5rem 0 3rem;\n min-height: auto;\n }\n }\n\n @media (max-width: 320px) {\n .hero {\n padding: 4.5rem 0 2.5rem;\n }\n }\n\n .hero-content {\n display: grid;\n grid-template-columns: 1fr;\n gap: 3rem;\n align-items: center;\n }\n\n @media (max-width: 375px) {\n .hero-content {\n gap: 2rem;\n }\n }\n\n @media (max-width: 320px) {\n .hero-content {\n gap: 1.5rem;\n }\n }\n\n @media (min-width: 992px) {\n .hero-content {\n grid-template-columns: 1fr 1fr;\n gap: 4rem;\n }\n }\n\n .hero-text {\n text-align: center;\n }\n\n @media (min-width: 992px) {\n .hero-text { text-align: left; }\n }\n\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n background: linear-gradient(135deg, rgba(0, 68, 204, 0.2), rgba(0, 212, 255, 0.15));\n border: 1px solid rgba(0, 102, 255, 0.4);\n padding: 0.5rem 1.25rem;\n border-radius: 50px;\n font-size: 0.85rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n color: var(--accent-cyan);\n }\n\n @media (max-width: 375px) {\n .hero-badge {\n padding: 0.4rem 0.9rem;\n font-size: 0.7rem;\n gap: 0.35rem;\n margin-bottom: 1rem;\n }\n }\n\n @media (max-width: 320px) {\n .hero-badge {\n padding: 0.35rem 0.75rem;\n font-size: 0.65rem;\n gap: 0.3rem;\n margin-bottom: 0.85rem;\n }\n }\n\n .hero-badge i {\n font-size: 1rem;\n }\n\n @media (max-width: 375px) {\n .hero-badge i {\n font-size: 0.85rem;\n }\n }\n\n @media (max-width: 320px) {\n .hero-badge i {\n font-size: 0.75rem;\n }\n }\n\n .hero-text h1 {\n font-size: clamp(1.75rem, 5vw, 4rem);\n font-weight: 800;\n margin-bottom: 1.5rem;\n line-height: 1.1;\n }\n\n @media (min-width: 1600px) {\n .hero-text h1 {\n font-size: 4.2rem;\n }\n }\n\n @media (max-width: 375px) {\n .hero-text h1 {\n font-size: 1.6rem;\n margin-bottom: 1rem;\n }\n }\n\n @media (max-width: 320px) {\n .hero-text h1 {\n font-size: 1.4rem;\n margin-bottom: 0.85rem;\n }\n }\n\n .hero-text h1 span {\n background: var(--primary-gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero-text p {\n font-size: clamp(0.9rem, 1.5vw, 1.25rem);\n opacity: 0.9;\n margin-bottom: 2rem;\n line-height: 1.7;\n }\n\n @media (min-width: 1600px) {\n .hero-text p {\n font-size: 1.3rem;\n }\n }\n\n @media (max-width: 375px) {\n .hero-text p {\n font-size: 0.85rem;\n margin-bottom: 1.5rem;\n line-height: 1.6;\n }\n }\n\n @media (max-width: 320px) {\n .hero-text p {\n font-size: 0.8rem;\n margin-bottom: 1.25rem;\n }\n }\n\n .hero-stats {\n display: flex;\n justify-content: center;\n gap: 1rem;\n margin: 2rem 0;\n flex-wrap: wrap;\n }\n\n @media (max-width: 375px) {\n .hero-stats {\n gap: 0.6rem;\n margin: 1.5rem 0;\n }\n }\n\n @media (max-width: 320px) {\n .hero-stats {\n gap: 0.5rem;\n margin: 1rem 0;\n }\n }\n\n @media (min-width: 992px) {\n .hero-stats { justify-content: flex-start; }\n }\n\n .stat-item {\n text-align: center;\n padding: 1rem 1.5rem;\n background: rgba(255, 255, 255, 0.05);\n border-radius: 15px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n min-width: 100px;\n }\n\n @media (max-width: 375px) {\n .stat-item {\n padding: 0.75rem 1rem;\n min-width: 85px;\n border-radius: 12px;\n }\n }\n\n @media (max-width: 320px) {\n .stat-item {\n padding: 0.6rem 0.75rem;\n min-width: 75px;\n border-radius: 10px;\n }\n }\n\n .stat-number {\n font-size: 1.75rem;\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 (max-width: 375px) {\n .stat-number {\n font-size: 1.35rem;\n }\n }\n\n @media (max-width: 320px) {\n .stat-number {\n font-size: 1.15rem;\n }\n }\n\n .stat-label {\n font-size: 0.8rem;\n opacity: 0.7;\n margin-top: 0.25rem;\n }\n\n @media (max-width: 375px) {\n .stat-label {\n font-size: 0.65rem;\n }\n }\n\n @media (max-width: 320px) {\n .stat-label {\n font-size: 0.6rem;\n }\n }\n\n .hero-cta {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0;\n margin-top: 2rem;\n }\n\n @media (max-width: 375px) {\n .hero-cta {\n margin-top: 1.5rem;\n }\n }\n\n @media (max-width: 320px) {\n .hero-cta {\n margin-top: 1rem;\n }\n }\n\n @media (min-width: 992px) {\n .hero-cta { align-items: flex-start; }\n }\n\n .free-badge {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n margin-top: 1rem;\n font-size: 0.9rem;\n color: var(--accent-green);\n }\n\n @media (max-width: 375px) {\n .free-badge {\n font-size: 0.75rem;\n gap: 0.35rem;\n margin-top: 0.75rem;\n }\n }\n\n @media (max-width: 320px) {\n .free-badge {\n font-size: 0.7rem;\n gap: 0.3rem;\n }\n }\n\n .age-badge {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n margin-top: 0.5rem;\n font-size: 0.8rem;\n color: var(--text-light);\n opacity: 0.7;\n }\n\n @media (max-width: 375px) {\n .age-badge {\n font-size: 0.65rem;\n gap: 0.35rem;\n }\n }\n\n @media (max-width: 320px) {\n .age-badge {\n font-size: 0.6rem;\n gap: 0.3rem;\n }\n }\n\n \/* Hero Visual - Interactive Demo *\/\n .hero-visual {\n position: relative;\n max-width: 100%;\n overflow: hidden;\n }\n\n .app-demo {\n background: linear-gradient(145deg, rgba(3, 7, 18, 0.98), rgba(5, 15, 35, 0.98));\n border-radius: 20px;\n border: 1px solid rgba(0, 102, 255, 0.3);\n box-shadow: 0 25px 80px rgba(0, 102, 255, 0.2), 0 0 0 1px rgba(0, 102, 255, 0.05) inset;\n overflow: hidden;\n position: relative;\n }\n\n @media (max-width: 480px) {\n .app-demo {\n border-radius: 15px;\n }\n }\n\n @media (max-width: 375px) {\n .app-demo {\n border-radius: 12px;\n }\n }\n\n .demo-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.25rem;\n background: rgba(0, 0, 0, 0.3);\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n @media (max-width: 480px) {\n .demo-header {\n padding: 0.75rem 0.85rem;\n }\n }\n\n @media (max-width: 375px) {\n .demo-header {\n padding: 0.6rem 0.7rem;\n }\n }\n\n @media (max-width: 320px) {\n .demo-header {\n padding: 0.5rem 0.5rem;\n }\n }\n\n .demo-title {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n font-weight: 700;\n font-size: 1rem;\n }\n\n @media (max-width: 480px) {\n .demo-title {\n gap: 0.35rem;\n font-size: 0.85rem;\n }\n }\n\n @media (max-width: 375px) {\n .demo-title {\n gap: 0.3rem;\n font-size: 0.75rem;\n }\n }\n\n @media (max-width: 320px) {\n .demo-title {\n gap: 0.25rem;\n font-size: 0.7rem;\n }\n }\n\n .demo-logo {\n font-size: 1.25rem;\n }\n\n @media (max-width: 480px) {\n .demo-logo {\n font-size: 1rem;\n }\n }\n\n @media (max-width: 375px) {\n .demo-logo {\n font-size: 0.9rem;\n }\n }\n\n .demo-picks {\n display: flex;\n align-items: center;\n gap: 0.4rem;\n background: linear-gradient(135deg, rgba(57, 255, 20, 0.15), rgba(124, 255, 91, 0.1));\n border: 1px solid rgba(57, 255, 20, 0.4);\n padding: 0.4rem 0.75rem;\n border-radius: 20px;\n font-weight: 700;\n font-size: 0.85rem;\n color: var(--accent-green);\n }\n\n @media (max-width: 480px) {\n .demo-picks {\n gap: 0.3rem;\n padding: 0.3rem 0.55rem;\n font-size: 0.75rem;\n }\n }\n\n @media (max-width: 375px) {\n .demo-picks {\n gap: 0.25rem;\n padding: 0.25rem 0.45rem;\n font-size: 0.65rem;\n }\n }\n\n @media (max-width: 320px) {\n .demo-picks {\n padding: 0.2rem 0.35rem;\n font-size: 0.6rem;\n }\n }\n\n .demo-picks i {\n font-size: 1rem;\n }\n\n @media (max-width: 480px) {\n .demo-picks i {\n font-size: 0.85rem;\n }\n }\n\n @media (max-width: 375px) {\n .demo-picks i {\n font-size: 0.75rem;\n }\n }\n\n \/* Sports Tabs *\/\n .demo-sports-tabs {\n display: flex;\n gap: 0.5rem;\n padding: 0.75rem 1rem;\n background: rgba(0, 0, 0, 0.2);\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n overflow-x: auto;\n justify-content: center;\n }\n\n @media (max-width: 767px) {\n .demo-sports-tabs {\n gap: 0.75rem;\n padding: 0.75rem 1rem;\n justify-content: center;\n }\n }\n\n @media (max-width: 480px) {\n .demo-sports-tabs {\n gap: 0.6rem;\n padding: 0.6rem 0.75rem;\n }\n }\n\n @media (max-width: 375px) {\n .demo-sports-tabs {\n gap: 0.5rem;\n padding: 0.5rem 0.6rem;\n }\n }\n\n @media (max-width: 320px) {\n .demo-sports-tabs {\n gap: 0.4rem;\n padding: 0.4rem 0.5rem;\n }\n }\n\n .demo-sport-tab {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.4rem;\n padding: 0.5rem 0.85rem;\n border-radius: 25px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n background: transparent;\n color: var(--text-light);\n cursor: pointer;\n font-size: 0.75rem;\n font-weight: 600;\n transition: all 0.3s ease;\n white-space: nowrap;\n font-family: inherit;\n }\n\n \/* Hide text on mobile - show only icons *\/\n .demo-sport-tab .sport-name {\n display: inline;\n }\n\n @media (max-width: 767px) {\n .demo-sport-tab {\n width: 44px;\n height: 44px;\n padding: 0;\n border-radius: 50%;\n gap: 0;\n }\n \n .demo-sport-tab .sport-name {\n display: none !important;\n }\n \n .demo-sport-tab .tab-logo {\n width: 22px !important;\n height: 22px !important;\n }\n \n .demo-sport-tab .sport-emoji {\n font-size: 1.1rem !important;\n }\n }\n\n @media (max-width: 480px) {\n .demo-sport-tab {\n width: 40px;\n height: 40px;\n }\n \n .demo-sport-tab .tab-logo {\n width: 20px !important;\n height: 20px !important;\n }\n \n .demo-sport-tab .sport-emoji {\n font-size: 1rem !important;\n }\n }\n\n @media (max-width: 375px) {\n .demo-sport-tab {\n width: 36px;\n height: 36px;\n }\n \n .demo-sport-tab .tab-logo {\n width: 18px !important;\n height: 18px !important;\n }\n \n .demo-sport-tab .sport-emoji {\n font-size: 0.9rem !important;\n }\n }\n\n @media (max-width: 320px) {\n .demo-sport-tab {\n width: 32px;\n height: 32px;\n }\n \n .demo-sport-tab .tab-logo {\n width: 16px !important;\n height: 16px !important;\n }\n \n .demo-sport-tab .sport-emoji {\n font-size: 0.8rem !important;\n }\n }\n\n .demo-sport-tab .tab-logo {\n width: 20px;\n height: 20px;\n object-fit: contain;\n }\n\n @media (min-width: 768px) {\n .demo-sport-tab .tab-logo {\n width: 24px;\n height: 24px;\n }\n }\n\n .demo-sport-tab .sport-emoji {\n font-size: 1rem;\n line-height: 1;\n }\n\n .demo-sport-tab:hover {\n background: rgba(255, 255, 255, 0.1);\n }\n\n .demo-sport-tab.active {\n background: var(--primary-gradient);\n border-color: transparent;\n color: white;\n }\n\n \/* Soccer Leagues Bar - Estilo como tabs deportivos *\/\n .soccer-leagues-bar {\n display: flex;\n justify-content: center;\n gap: 0.5rem;\n padding: 0.75rem 1rem;\n background: rgba(0, 0, 0, 0.3);\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n flex-wrap: wrap;\n }\n\n .soccer-league-tab {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.4rem;\n padding: 0.5rem 0.85rem;\n border-radius: 25px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n background: transparent;\n color: var(--text-light);\n cursor: pointer;\n font-size: 0.75rem;\n font-weight: 600;\n transition: all 0.3s ease;\n white-space: nowrap;\n font-family: inherit;\n }\n\n .soccer-league-tab img {\n width: 20px;\n height: 20px;\n object-fit: contain;\n }\n\n .soccer-league-tab:hover {\n background: rgba(255, 255, 255, 0.1);\n }\n\n .soccer-league-tab.active {\n background: var(--primary-gradient);\n border-color: transparent;\n color: white;\n }\n\n .soccer-league-tab .league-name {\n display: inline;\n }\n\n @media (max-width: 767px) {\n .soccer-league-tab {\n width: 44px;\n height: 44px;\n padding: 0;\n border-radius: 50%;\n gap: 0;\n }\n \n .soccer-league-tab .league-name {\n display: none !important;\n }\n \n .soccer-league-tab img {\n width: 22px !important;\n height: 22px !important;\n }\n }\n\n @media (min-width: 768px) {\n .soccer-league-tab img {\n width: 24px;\n height: 24px;\n }\n }\n\n\n \/* Games Container *\/\n .demo-games-container {\n padding: 1rem;\n max-height: 420px;\n overflow-y: auto;\n }\n\n .demo-games-container::-webkit-scrollbar {\n width: 4px;\n }\n\n .demo-games-container::-webkit-scrollbar-thumb {\n background: rgba(0, 102, 255, 0.3);\n border-radius: 2px;\n }\n\n .demo-games {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n }\n\n\n \/* Game Card - Dise\u00f1o compacto como app real *\/\n .demo-game-card {\n background: linear-gradient(135deg, rgba(0, 20, 40, 0.4) 0%, rgba(0, 10, 25, 0.6) 100%);\n border-radius: 12px;\n border: 1px solid rgba(0, 102, 255, 0.15);\n padding: 0.85rem;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n\n .demo-game-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, transparent 0%, rgba(0, 212, 255, 0.5) 50%, transparent 100%);\n }\n\n .demo-game-card:hover {\n border-color: rgba(0, 212, 255, 0.4);\n background: linear-gradient(135deg, rgba(0, 20, 40, 0.5) 0%, rgba(0, 10, 25, 0.7) 100%);\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(0, 102, 255, 0.15);\n }\n\n .game-card-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 0.65rem;\n }\n\n .game-league-logo {\n display: flex;\n align-items: center;\n gap: 0.35rem;\n background: rgba(0, 102, 255, 0.1);\n border: 1px solid rgba(0, 102, 255, 0.2);\n padding: 0.2rem 0.5rem 0.2rem 0.3rem;\n border-radius: 15px;\n }\n\n .game-league-logo img {\n width: 16px;\n height: 16px;\n object-fit: contain;\n }\n\n .game-league-logo span {\n font-size: 0.6rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n color: rgba(255, 255, 255, 0.9);\n }\n\n .game-time-badge {\n font-size: 0.65rem;\n opacity: 0.6;\n display: flex;\n align-items: center;\n gap: 0.25rem;\n color: rgba(255, 255, 255, 0.7);\n }\n\n \/* Game Matchup - Dise\u00f1o horizontal compacto *\/\n .game-matchup {\n display: grid;\n grid-template-columns: 1fr auto 1fr;\n align-items: center;\n gap: 0.75rem;\n margin-bottom: 0.75rem;\n padding: 0.5rem 0;\n }\n\n .game-matchup .team {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .game-matchup .team.away {\n flex-direction: row-reverse;\n text-align: right;\n }\n\n .team-logo-img {\n width: 32px;\n height: 32px;\n min-width: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(255, 255, 255, 0.05);\n border-radius: 8px;\n padding: 3px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .team-logo-img img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n\n .team-info {\n display: flex;\n flex-direction: column;\n gap: 0.1rem;\n }\n\n .team-name {\n font-size: 0.8rem;\n font-weight: 700;\n color: rgba(255, 255, 255, 0.95);\n line-height: 1;\n }\n\n .team-record {\n font-size: 0.65rem;\n opacity: 0.5;\n color: rgba(255, 255, 255, 0.6);\n line-height: 1;\n }\n\n .matchup-center {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.3rem;\n padding: 0 0.5rem;\n border-left: 1px solid rgba(255, 255, 255, 0.08);\n border-right: 1px solid rgba(255, 255, 255, 0.08);\n }\n\n .vs-text {\n font-size: 0.7rem;\n font-weight: 700;\n opacity: 0.4;\n color: rgba(255, 255, 255, 0.5);\n line-height: 1;\n }\n\n .game-odds-mini {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.15rem;\n }\n\n .game-odds-mini span {\n font-size: 0.65rem;\n font-weight: 600;\n color: var(--accent-cyan);\n opacity: 0.8;\n line-height: 1;\n }\n\n \/* Pick Button - Estilo app real *\/\n .demo-pick-btn {\n width: 100%;\n background: linear-gradient(90deg, #0066FF 0%, #00D4FF 100%);\n border: none;\n border-radius: 8px;\n padding: 0.7rem;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n cursor: pointer;\n transition: all 0.3s ease;\n font-weight: 700;\n font-size: 0.8rem;\n color: white;\n position: relative;\n overflow: hidden;\n }\n\n .demo-pick-btn::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.2) 50%, transparent 100%);\n transition: left 0.5s ease;\n }\n\n .demo-pick-btn:hover::before {\n left: 100%;\n }\n\n .demo-pick-btn:hover {\n transform: translateY(-1px);\n box-shadow: 0 6px 20px rgba(0, 212, 255, 0.4);\n }\n\n .demo-pick-btn i {\n font-size: 1rem;\n }\n\n .pick-cost {\n background: rgba(57, 255, 20, 0.2);\n padding: 0.15rem 0.5rem;\n border-radius: 10px;\n font-size: 0.65rem;\n font-weight: 700;\n color: var(--accent-green);\n border: 1px solid rgba(57, 255, 20, 0.3);\n }\n\n\n \/* Pick Modal *\/\n .demo-pick-modal {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(10, 14, 39, 0.98);\n display: none;\n align-items: center;\n justify-content: center;\n z-index: 10;\n border-radius: 20px;\n }\n\n .demo-pick-modal.active {\n display: flex;\n }\n\n .pick-modal-content {\n width: 100%;\n height: 100%;\n padding: 1.5rem;\n display: flex;\n flex-direction: column;\n position: relative;\n overflow-y: auto;\n }\n\n .pick-close-btn {\n position: absolute;\n top: 1rem;\n right: 1rem;\n width: 32px;\n height: 32px;\n border-radius: 50%;\n border: 1px solid rgba(255, 255, 255, 0.2);\n background: rgba(255, 255, 255, 0.1);\n color: white;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.1rem;\n transition: all 0.3s ease;\n z-index: 5;\n }\n\n .pick-close-btn:hover {\n background: rgba(255, 255, 255, 0.2);\n border-color: var(--accent-purple);\n }\n\n \/* Loading State *\/\n .pick-loading {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n gap: 2rem;\n }\n\n .loading-spinner {\n width: 60px;\n height: 60px;\n border: 3px solid rgba(0, 102, 255, 0.2);\n border-top-color: var(--accent-purple);\n border-radius: 50%;\n animation: spin 1s linear infinite;\n }\n\n @keyframes spin {\n to { transform: rotate(360deg); }\n }\n\n .loading-steps {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .loading-step {\n display: flex;\n align-items: center;\n gap: 0.6rem;\n font-size: 0.85rem;\n opacity: 0.3;\n transition: all 0.3s ease;\n }\n\n .loading-step.active {\n opacity: 1;\n color: var(--accent-cyan);\n }\n\n .loading-step.complete {\n opacity: 0.7;\n color: var(--success-green);\n }\n\n .loading-step.complete i::before {\n content: \"\\f00c\";\n }\n\n \/* Pick Result *\/\n .pick-result {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n animation: fadeIn 0.5s ease;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .pick-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-bottom: 0.75rem;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .pick-matchup {\n font-weight: 700;\n font-size: 1rem;\n }\n\n .pick-league {\n padding: 0.25rem 0.6rem;\n border-radius: 15px;\n font-size: 0.65rem;\n font-weight: 700;\n background: var(--primary-gradient);\n }\n\n \/* Confidence Meter *\/\n .confidence-meter {\n background: rgba(255, 255, 255, 0.05);\n border-radius: 12px;\n padding: 1rem;\n }\n\n .confidence-label {\n font-size: 0.75rem;\n opacity: 0.7;\n margin-bottom: 0.5rem;\n }\n\n .confidence-bar-container {\n height: 10px;\n background: rgba(255, 255, 255, 0.1);\n border-radius: 5px;\n overflow: hidden;\n margin-bottom: 0.4rem;\n }\n\n .confidence-bar-fill {\n height: 100%;\n background: var(--primary-gradient);\n border-radius: 5px;\n width: 0%;\n transition: width 1s ease;\n }\n\n .confidence-value {\n font-size: 1.5rem;\n font-weight: 800;\n color: var(--accent-cyan);\n text-align: right;\n }\n\n \/* Recommended Pick *\/\n .recommended-pick {\n background: linear-gradient(135deg, rgba(0, 102, 255, 0.15), rgba(0, 102, 255, 0.15));\n border: 1px solid rgba(0, 102, 255, 0.3);\n border-radius: 12px;\n padding: 1rem;\n text-align: center;\n }\n\n .pick-label {\n font-size: 0.75rem;\n opacity: 0.8;\n margin-bottom: 0.4rem;\n }\n\n .pick-value {\n font-size: 1.25rem;\n font-weight: 800;\n color: var(--success-green);\n }\n\n \/* Pick Breakdown *\/\n .pick-breakdown {\n background: rgba(255, 255, 255, 0.03);\n border-radius: 12px;\n padding: 0.75rem;\n }\n\n .breakdown-title {\n font-size: 0.7rem;\n opacity: 0.6;\n margin-bottom: 0.5rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n .breakdown-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0.4rem 0;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n }\n\n .breakdown-item:last-child {\n border-bottom: none;\n }\n\n .breakdown-label {\n font-size: 0.75rem;\n opacity: 0.7;\n }\n\n .breakdown-value {\n font-size: 0.8rem;\n font-weight: 600;\n }\n\n .breakdown-conf {\n font-size: 0.7rem;\n color: var(--success-green);\n background: rgba(0, 102, 255, 0.15);\n padding: 0.15rem 0.4rem;\n border-radius: 10px;\n }\n\n \/* Pick Summary *\/\n .pick-summary {\n font-size: 0.8rem;\n line-height: 1.6;\n opacity: 0.8;\n background: rgba(255, 255, 255, 0.03);\n border-radius: 10px;\n padding: 0.75rem;\n border-left: 3px solid var(--accent-purple);\n }\n\n \/* Pick Actions *\/\n .pick-actions {\n display: flex;\n gap: 0.75rem;\n }\n\n .action-btn {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.4rem;\n padding: 0.6rem;\n border-radius: 10px;\n border: 1px solid rgba(255, 255, 255, 0.2);\n background: rgba(255, 255, 255, 0.05);\n color: white;\n font-size: 0.8rem;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n font-family: inherit;\n }\n\n .action-btn:hover {\n background: rgba(255, 255, 255, 0.1);\n border-color: var(--accent-purple);\n }\n\n .action-btn.copied {\n background: rgba(0, 102, 255, 0.2);\n border-color: var(--success-green);\n color: var(--success-green);\n }\n\n .action-btn.saved {\n background: rgba(0, 102, 255, 0.2);\n border-color: var(--accent-purple);\n color: var(--accent-cyan);\n }\n\n \/* Demo Label *\/\n .demo-label {\n position: absolute;\n bottom: -35px;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n align-items: center;\n gap: 0.5rem;\n font-size: 0.8rem;\n font-weight: 600;\n color: var(--accent-cyan);\n opacity: 0.9;\n animation: bounce 2s infinite;\n }\n\n @keyframes bounce {\n 0%, 100% { transform: translateX(-50%) translateY(0); }\n 50% { transform: translateX(-50%) translateY(-5px); }\n }\n\n @media (max-width: 991px) {\n .hero-visual {\n margin-bottom: 2.5rem;\n }\n }\n\n \/* Mobile Responsive - Tablets and below *\/\n @media (max-width: 768px) {\n .app-demo {\n border-radius: 15px;\n }\n \n .demo-header {\n padding: 0.75rem 1rem;\n }\n \n .demo-title {\n font-size: 0.9rem;\n }\n \n .demo-picks {\n padding: 0.35rem 0.6rem;\n font-size: 0.8rem;\n }\n \n .demo-sports-tabs {\n padding: 0.6rem 0.75rem;\n gap: 0.6rem;\n }\n \n .demo-games-container {\n padding: 0.75rem;\n max-height: 380px;\n }\n \n .demo-game-card {\n padding: 0.85rem;\n border-radius: 12px;\n }\n \n .team-logo {\n font-size: 1.25rem;\n width: 35px;\n height: 35px;\n border-radius: 8px;\n }\n \n .team-logo-img {\n width: 35px;\n height: 35px;\n border-radius: 8px;\n padding: 3px;\n }\n \n .soccer-leagues-bar {\n gap: 0.4rem;\n padding: 0.4rem 0.5rem;\n }\n \n .soccer-league-tab {\n width: 32px;\n height: 32px;\n border-radius: 8px;\n padding: 4px;\n }\n \n .team-name {\n font-size: 0.75rem;\n }\n \n .team-record {\n font-size: 0.6rem;\n }\n \n .demo-pick-btn {\n padding: 0.6rem;\n font-size: 0.75rem;\n border-radius: 8px;\n }\n \n .pick-modal-content {\n padding: 1.25rem;\n }\n \n .pick-matchup {\n font-size: 0.9rem;\n }\n \n .confidence-meter {\n padding: 0.85rem;\n }\n \n .confidence-value {\n font-size: 1.25rem;\n }\n \n .recommended-pick {\n padding: 0.85rem;\n }\n \n .pick-value {\n font-size: 1.1rem;\n }\n \n .pick-summary {\n font-size: 0.75rem;\n padding: 0.6rem;\n }\n \n .demo-label {\n font-size: 0.7rem;\n bottom: -30px;\n }\n }\n\n \/* Mobile Responsive - Small phones (375px and below) *\/\n @media (max-width: 375px) {\n .app-demo {\n border-radius: 12px;\n }\n \n .demo-header {\n padding: 0.6rem 0.75rem;\n }\n \n .demo-title {\n font-size: 0.8rem;\n gap: 0.35rem;\n }\n \n .demo-logo {\n font-size: 1rem;\n }\n \n .demo-picks {\n padding: 0.3rem 0.5rem;\n font-size: 0.7rem;\n gap: 0.25rem;\n }\n \n .demo-picks i {\n font-size: 0.85rem;\n }\n \n .demo-sports-tabs {\n padding: 0.5rem 0.5rem;\n gap: 0.5rem;\n }\n \n .demo-games-container {\n padding: 0.5rem;\n max-height: 350px;\n }\n \n .demo-games {\n gap: 0.5rem;\n }\n \n .demo-game-card {\n padding: 0.7rem;\n border-radius: 10px;\n }\n \n .game-card-header {\n margin-bottom: 0.5rem;\n }\n \n .game-league-badge {\n padding: 0.2rem 0.45rem;\n font-size: 0.55rem;\n }\n \n .game-league-logo {\n padding: 0.2rem 0.45rem 0.2rem 0.25rem;\n gap: 0.25rem;\n }\n \n .game-league-logo img {\n width: 14px;\n height: 14px;\n }\n \n .game-league-logo span {\n font-size: 0.5rem;\n }\n \n .game-time-badge {\n font-size: 0.6rem;\n }\n \n .game-matchup {\n margin-bottom: 0.5rem;\n }\n \n .team-logo {\n font-size: 1.1rem;\n width: 30px;\n height: 30px;\n border-radius: 6px;\n }\n \n .team-logo-img {\n width: 30px;\n height: 30px;\n border-radius: 6px;\n padding: 2px;\n }\n \n .soccer-leagues-bar {\n gap: 0.3rem;\n padding: 0.35rem 0.4rem;\n }\n \n .soccer-league-tab {\n width: 26px;\n height: 26px;\n border-radius: 6px;\n padding: 3px;\n border-width: 1.5px;\n }\n \n .team-name {\n font-size: 0.65rem;\n }\n \n .team-record {\n font-size: 0.55rem;\n }\n \n .matchup-center {\n padding: 0 0.25rem;\n }\n \n .vs-text {\n font-size: 0.6rem;\n }\n \n .game-odds-mini {\n font-size: 0.55rem;\n }\n \n .demo-pick-btn {\n padding: 0.5rem;\n font-size: 0.65rem;\n gap: 0.35rem;\n }\n \n .demo-pick-btn i {\n font-size: 0.85rem;\n }\n \n .pick-cost {\n font-size: 0.55rem;\n padding: 0.1rem 0.3rem;\n }\n \n .pick-modal-content {\n padding: 1rem 0.75rem;\n }\n \n .pick-close-btn {\n width: 28px;\n height: 28px;\n font-size: 0.95rem;\n top: 0.75rem;\n right: 0.75rem;\n }\n \n .loading-spinner {\n width: 45px;\n height: 45px;\n }\n \n .loading-step {\n font-size: 0.75rem;\n gap: 0.5rem;\n }\n \n .pick-result {\n gap: 0.75rem;\n }\n \n .pick-header {\n padding-bottom: 0.5rem;\n }\n \n .pick-matchup {\n font-size: 0.8rem;\n }\n \n .pick-league {\n padding: 0.2rem 0.45rem;\n font-size: 0.55rem;\n }\n \n .confidence-meter {\n padding: 0.7rem;\n border-radius: 10px;\n }\n \n .confidence-label {\n font-size: 0.65rem;\n }\n \n .confidence-bar-container {\n height: 8px;\n }\n \n .confidence-value {\n font-size: 1.1rem;\n }\n \n .recommended-pick {\n padding: 0.7rem;\n border-radius: 10px;\n }\n \n .pick-label {\n font-size: 0.65rem;\n }\n \n .pick-value {\n font-size: 1rem;\n }\n \n .pick-breakdown {\n padding: 0.6rem;\n border-radius: 10px;\n }\n \n .breakdown-title {\n font-size: 0.6rem;\n }\n \n .breakdown-item {\n padding: 0.3rem 0;\n }\n \n .breakdown-label {\n font-size: 0.65rem;\n }\n \n .breakdown-value {\n font-size: 0.7rem;\n }\n \n .breakdown-conf {\n font-size: 0.6rem;\n padding: 0.1rem 0.3rem;\n }\n \n .pick-summary {\n font-size: 0.7rem;\n padding: 0.5rem;\n line-height: 1.5;\n border-radius: 8px;\n }\n \n .pick-actions {\n gap: 0.5rem;\n }\n \n .action-btn {\n padding: 0.5rem;\n font-size: 0.7rem;\n border-radius: 8px;\n }\n \n .demo-label {\n font-size: 0.65rem;\n bottom: -28px;\n gap: 0.35rem;\n }\n }\n\n \/* Mobile Responsive - Extra small phones (320px) *\/\n @media (max-width: 320px) {\n .demo-header {\n padding: 0.5rem 0.6rem;\n }\n \n .demo-title {\n font-size: 0.7rem;\n }\n \n .demo-logo {\n font-size: 0.9rem;\n }\n \n .demo-picks {\n padding: 0.25rem 0.4rem;\n font-size: 0.6rem;\n }\n \n .demo-sports-tabs {\n padding: 0.4rem;\n gap: 0.4rem;\n }\n \n .demo-games-container {\n padding: 0.4rem;\n max-height: 300px;\n }\n \n .demo-game-card {\n padding: 0.6rem;\n }\n \n .game-league-logo {\n padding: 0.15rem 0.35rem 0.15rem 0.2rem;\n gap: 0.2rem;\n }\n \n .game-league-logo img {\n width: 12px;\n height: 12px;\n }\n \n .game-league-logo span {\n font-size: 0.45rem;\n }\n \n .team-logo {\n font-size: 1rem;\n width: 26px;\n height: 26px;\n }\n \n .team-logo-img {\n width: 26px;\n height: 26px;\n border-radius: 5px;\n padding: 2px;\n }\n \n .soccer-leagues-bar {\n gap: 0.25rem;\n padding: 0.3rem;\n }\n \n .soccer-league-tab {\n width: 22px;\n height: 22px;\n border-radius: 5px;\n padding: 2px;\n border-width: 1px;\n }\n \n .team-name {\n font-size: 0.6rem;\n }\n \n .team-record {\n font-size: 0.5rem;\n }\n \n .demo-pick-btn {\n padding: 0.45rem;\n font-size: 0.6rem;\n }\n \n .pick-modal-content {\n padding: 0.75rem 0.6rem;\n }\n \n .pick-close-btn {\n width: 24px;\n height: 24px;\n font-size: 0.85rem;\n top: 0.5rem;\n right: 0.5rem;\n }\n \n .loading-spinner {\n width: 40px;\n height: 40px;\n }\n \n .loading-step {\n font-size: 0.65rem;\n }\n \n .pick-matchup {\n font-size: 0.7rem;\n }\n \n .confidence-value {\n font-size: 1rem;\n }\n \n .pick-value {\n font-size: 0.9rem;\n }\n \n .pick-summary {\n font-size: 0.65rem;\n }\n \n .action-btn {\n padding: 0.4rem;\n font-size: 0.6rem;\n }\n \n .demo-label {\n font-size: 0.6rem;\n bottom: -25px;\n }\n }\n\n \/* Leagues Marquee *\/\n .leagues-marquee {\n padding: 2.5rem 0 2rem;\n background: linear-gradient(180deg, rgba(0, 102, 255, 0.04) 0%, rgba(0, 212, 255, 0.04) 100%);\n border-top: 1px solid rgba(255, 255, 255, 0.05);\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n overflow: hidden;\n position: relative;\n }\n\n @media (max-width: 375px) {\n .leagues-marquee {\n padding: 1.75rem 0 1.5rem;\n }\n }\n\n @media (max-width: 320px) {\n .leagues-marquee {\n padding: 1.25rem 0 1rem;\n }\n }\n\n .marquee-label {\n text-align: center;\n font-size: 0.8rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: var(--accent-cyan);\n margin-bottom: 1.5rem;\n opacity: 0.9;\n }\n\n @media (max-width: 375px) {\n .marquee-label {\n font-size: 0.65rem;\n letter-spacing: 2px;\n margin-bottom: 1rem;\n }\n }\n\n @media (max-width: 320px) {\n .marquee-label {\n font-size: 0.55rem;\n letter-spacing: 1.5px;\n margin-bottom: 0.75rem;\n }\n }\n\n @media (min-width: 768px) {\n .marquee-label {\n font-size: 0.85rem;\n letter-spacing: 4px;\n }\n }\n\n .marquee-container {\n overflow: hidden;\n width: 100%;\n padding: 10px 0;\n mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);\n -webkit-mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);\n }\n\n .marquee-track {\n display: flex;\n gap: 2rem;\n animation: scroll-left 40s linear infinite;\n width: max-content;\n }\n\n @media (max-width: 375px) {\n .marquee-track {\n gap: 1.25rem;\n }\n }\n\n @media (max-width: 320px) {\n .marquee-track {\n gap: 0.85rem;\n }\n }\n\n @media (min-width: 768px) {\n .marquee-track {\n gap: 3rem;\n }\n }\n\n @keyframes scroll-left {\n 0% {\n transform: translateX(0);\n }\n 100% {\n transform: translateX(-50%);\n }\n }\n\n .league-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.75rem;\n min-width: 80px;\n transition: transform 0.3s ease;\n }\n\n @media (max-width: 375px) {\n .league-item {\n min-width: 60px;\n gap: 0.4rem;\n }\n }\n\n @media (max-width: 320px) {\n .league-item {\n min-width: 50px;\n gap: 0.3rem;\n }\n }\n\n @media (min-width: 768px) {\n .league-item {\n min-width: 100px;\n }\n }\n\n .league-item:hover {\n transform: scale(1.05);\n }\n\n .league-logo {\n width: 55px;\n height: 55px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(255, 255, 255, 0.08);\n border: 1px solid rgba(255, 255, 255, 0.1);\n padding: 8px;\n transition: all 0.3s ease;\n }\n\n @media (max-width: 375px) {\n .league-logo {\n width: 42px;\n height: 42px;\n border-radius: 10px;\n padding: 6px;\n }\n }\n\n @media (max-width: 320px) {\n .league-logo {\n width: 35px;\n height: 35px;\n border-radius: 8px;\n padding: 5px;\n }\n }\n\n @media (min-width: 768px) {\n .league-logo {\n width: 70px;\n height: 70px;\n border-radius: 15px;\n padding: 10px;\n }\n }\n\n .league-logo img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n\n .league-item:hover .league-logo {\n border-color: var(--accent-purple);\n box-shadow: 0 8px 25px rgba(0, 102, 255, 0.3);\n background: rgba(255, 255, 255, 0.12);\n }\n\n .league-item span {\n font-size: 0.65rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n opacity: 0.7;\n white-space: nowrap;\n transition: all 0.3s ease;\n }\n\n @media (max-width: 375px) {\n .league-item span {\n font-size: 0.5rem;\n letter-spacing: 0.3px;\n }\n }\n\n @media (max-width: 320px) {\n .league-item span {\n font-size: 0.45rem;\n letter-spacing: 0.2px;\n }\n }\n\n @media (min-width: 768px) {\n .league-item span {\n font-size: 0.7rem;\n }\n }\n\n .league-item:hover span {\n opacity: 1;\n color: var(--accent-cyan);\n }\n\n \/* Pause animation on hover *\/\n .marquee-container:hover .marquee-track {\n animation-play-state: paused;\n }\n\n \/* Sports Section *\/\n .sports-section {\n padding: 5rem 0;\n background: linear-gradient(180deg, transparent 0%, rgba(0, 102, 255, 0.03) 50%, transparent 100%);\n overflow: hidden;\n }\n\n @media (max-width: 375px) {\n .sports-section {\n padding: 3rem 0;\n }\n }\n\n @media (max-width: 320px) {\n .sports-section {\n padding: 2.5rem 0;\n }\n }\n\n .sports-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1.5rem;\n }\n\n .sports-grid .sport-card:last-child {\n grid-column: 1 \/ -1;\n }\n\n @media (max-width: 375px) {\n .sports-grid {\n gap: 0.85rem;\n }\n }\n\n @media (max-width: 320px) {\n .sports-grid {\n gap: 0.6rem;\n }\n }\n\n @media (min-width: 768px) {\n .sports-grid {\n grid-template-columns: repeat(5, 1fr);\n gap: 2rem;\n }\n\n .sports-grid .sport-card:last-child {\n grid-column: auto;\n }\n }\n\n .sport-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 (max-width: 375px) {\n .sport-card {\n padding: 1.25rem 1rem;\n border-radius: 15px;\n }\n }\n\n @media (max-width: 320px) {\n .sport-card {\n padding: 1rem 0.75rem;\n border-radius: 12px;\n }\n }\n\n .sport-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 4px;\n background: var(--sport-color, var(--primary-gradient));\n }\n\n .sport-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 50px rgba(0, 102, 255, 0.2);\n border-color: var(--accent-purple);\n }\n\n .sport-icon {\n font-size: 3rem;\n margin-bottom: 1rem;\n }\n\n @media (max-width: 375px) {\n .sport-icon {\n font-size: 2.25rem;\n margin-bottom: 0.75rem;\n }\n }\n\n @media (max-width: 320px) {\n .sport-icon {\n font-size: 2rem;\n margin-bottom: 0.5rem;\n }\n }\n\n .sport-name {\n font-size: 1.25rem;\n font-weight: 700;\n margin-bottom: 0.5rem;\n }\n\n @media (max-width: 375px) {\n .sport-name {\n font-size: 1rem;\n }\n }\n\n @media (max-width: 320px) {\n .sport-name {\n font-size: 0.9rem;\n margin-bottom: 0.35rem;\n }\n }\n\n .sport-leagues {\n font-size: 0.85rem;\n opacity: 0.7;\n }\n\n @media (max-width: 375px) {\n .sport-leagues {\n font-size: 0.7rem;\n }\n }\n\n @media (max-width: 320px) {\n .sport-leagues {\n font-size: 0.65rem;\n }\n }\n\n \/* Features Section *\/\n .features-section {\n padding: 5rem 0;\n overflow: hidden;\n }\n\n @media (max-width: 375px) {\n .features-section {\n padding: 3rem 0;\n }\n }\n\n @media (max-width: 320px) {\n .features-section {\n padding: 2.5rem 0;\n }\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n\n @media (max-width: 375px) {\n .features-grid {\n gap: 1.25rem;\n }\n }\n\n @media (max-width: 320px) {\n .features-grid {\n gap: 1rem;\n }\n }\n\n @media (min-width: 768px) {\n .features-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (min-width: 1024px) {\n .features-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n }\n\n .feature-card {\n background: var(--card-bg);\n padding: 2rem;\n border-radius: 20px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.3s ease;\n }\n\n @media (max-width: 375px) {\n .feature-card {\n padding: 1.25rem;\n border-radius: 15px;\n }\n }\n\n @media (max-width: 320px) {\n .feature-card {\n padding: 1rem;\n border-radius: 12px;\n }\n }\n\n .feature-card:hover {\n transform: translateY(-5px);\n border-color: var(--accent-purple);\n box-shadow: 0 20px 50px rgba(0, 102, 255, 0.2);\n }\n\n .feature-icon {\n width: 60px;\n height: 60px;\n background: var(--primary-gradient);\n border-radius: 15px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.75rem;\n margin-bottom: 1.5rem;\n color: white;\n }\n\n @media (max-width: 375px) {\n .feature-icon {\n width: 45px;\n height: 45px;\n font-size: 1.35rem;\n border-radius: 12px;\n margin-bottom: 1rem;\n }\n }\n\n @media (max-width: 320px) {\n .feature-icon {\n width: 40px;\n height: 40px;\n font-size: 1.15rem;\n border-radius: 10px;\n margin-bottom: 0.75rem;\n }\n }\n\n .feature-title {\n font-size: 1.25rem;\n font-weight: 700;\n margin-bottom: 0.75rem;\n }\n\n @media (max-width: 375px) {\n .feature-title {\n font-size: 1rem;\n margin-bottom: 0.5rem;\n }\n }\n\n @media (max-width: 320px) {\n .feature-title {\n font-size: 0.9rem;\n margin-bottom: 0.4rem;\n }\n }\n\n .feature-desc {\n font-size: 0.95rem;\n opacity: 0.8;\n line-height: 1.6;\n }\n\n @media (max-width: 375px) {\n .feature-desc {\n font-size: 0.8rem;\n line-height: 1.5;\n }\n }\n\n @media (max-width: 320px) {\n .feature-desc {\n font-size: 0.7rem;\n line-height: 1.45;\n }\n }\n\n \/* How It Works *\/\n .how-it-works {\n padding: 5rem 0;\n background: rgba(0, 102, 255, 0.03);\n overflow: hidden;\n }\n\n @media (max-width: 375px) {\n .how-it-works {\n padding: 3rem 0;\n }\n }\n\n @media (max-width: 320px) {\n .how-it-works {\n padding: 2.5rem 0;\n }\n }\n\n .steps-container {\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n @media (max-width: 375px) {\n .steps-container {\n gap: 1.5rem;\n }\n }\n\n @media (max-width: 320px) {\n .steps-container {\n gap: 1.25rem;\n }\n }\n\n @media (min-width: 768px) {\n .steps-container {\n grid-template-columns: repeat(4, 1fr);\n }\n }\n\n .step-card {\n text-align: center;\n position: relative;\n }\n\n .step-number {\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-size: 1.5rem;\n font-weight: 800;\n margin: 0 auto 1.5rem;\n color: white;\n }\n\n @media (max-width: 375px) {\n .step-number {\n width: 45px;\n height: 45px;\n font-size: 1.15rem;\n margin-bottom: 1rem;\n }\n }\n\n @media (max-width: 320px) {\n .step-number {\n width: 38px;\n height: 38px;\n font-size: 1rem;\n margin-bottom: 0.75rem;\n }\n }\n\n .step-title {\n font-size: 1.1rem;\n font-weight: 700;\n margin-bottom: 0.5rem;\n }\n\n @media (max-width: 375px) {\n .step-title {\n font-size: 0.9rem;\n margin-bottom: 0.35rem;\n }\n }\n\n @media (max-width: 320px) {\n .step-title {\n font-size: 0.8rem;\n margin-bottom: 0.25rem;\n }\n }\n\n .step-desc {\n font-size: 0.9rem;\n opacity: 0.7;\n }\n\n @media (max-width: 375px) {\n .step-desc {\n font-size: 0.75rem;\n }\n }\n\n @media (max-width: 320px) {\n .step-desc {\n font-size: 0.65rem;\n }\n }\n\n \/* Reviews Section *\/\n .reviews-section {\n padding: 5rem 0;\n background: linear-gradient(180deg, transparent 0%, rgba(0, 102, 255, 0.03) 50%, transparent 100%);\n overflow: hidden;\n }\n\n @media (max-width: 375px) {\n .reviews-section {\n padding: 3rem 0;\n }\n }\n\n @media (max-width: 320px) {\n .reviews-section {\n padding: 2.5rem 0;\n }\n }\n\n .reviews-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1.5rem;\n margin-top: 2rem;\n }\n\n @media (min-width: 576px) {\n .reviews-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (min-width: 992px) {\n .reviews-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n }\n\n @media (max-width: 375px) {\n .reviews-grid {\n gap: 1rem;\n margin-top: 1.5rem;\n }\n }\n\n .review-card {\n background: rgba(255, 255, 255, 0.03);\n border: 1px solid rgba(255, 255, 255, 0.08);\n border-radius: 20px;\n padding: 1.75rem;\n transition: all 0.3s ease;\n position: relative;\n }\n\n .review-card:hover {\n border-color: rgba(0, 102, 255, 0.3);\n transform: translateY(-5px);\n box-shadow: 0 15px 40px rgba(0, 102, 255, 0.15);\n }\n\n @media (max-width: 375px) {\n .review-card {\n padding: 1.25rem;\n border-radius: 15px;\n }\n }\n\n @media (max-width: 320px) {\n .review-card {\n padding: 1rem;\n border-radius: 12px;\n }\n }\n\n .review-stars {\n display: flex;\n gap: 0.25rem;\n margin-bottom: 1rem;\n }\n\n .review-stars i {\n color: var(--gold);\n font-size: 1rem;\n }\n\n @media (max-width: 375px) {\n .review-stars i {\n font-size: 0.85rem;\n }\n }\n\n .review-text {\n font-size: 0.95rem;\n line-height: 1.7;\n color: var(--text-light);\n margin-bottom: 1.25rem;\n font-style: italic;\n }\n\n @media (max-width: 375px) {\n .review-text {\n font-size: 0.8rem;\n margin-bottom: 1rem;\n }\n }\n\n @media (max-width: 320px) {\n .review-text {\n font-size: 0.75rem;\n }\n }\n\n .review-author {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n }\n\n .author-avatar {\n width: 45px;\n height: 45px;\n border-radius: 50%;\n background: var(--primary-gradient);\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n font-size: 1rem;\n color: white;\n }\n\n @media (max-width: 375px) {\n .author-avatar {\n width: 38px;\n height: 38px;\n font-size: 0.85rem;\n }\n }\n\n .author-info {\n display: flex;\n flex-direction: column;\n }\n\n .author-name {\n font-weight: 600;\n font-size: 0.9rem;\n color: white;\n }\n\n @media (max-width: 375px) {\n .author-name {\n font-size: 0.8rem;\n }\n }\n\n .author-sport {\n font-size: 0.75rem;\n color: var(--accent-cyan);\n display: flex;\n align-items: center;\n gap: 0.35rem;\n }\n\n @media (max-width: 375px) {\n .author-sport {\n font-size: 0.65rem;\n }\n }\n\n .review-badge {\n position: absolute;\n top: 1rem;\n right: 1rem;\n background: rgba(0, 102, 255, 0.15);\n border: 1px solid rgba(0, 102, 255, 0.3);\n color: var(--success-green);\n font-size: 0.65rem;\n font-weight: 600;\n padding: 0.25rem 0.5rem;\n border-radius: 10px;\n text-transform: uppercase;\n }\n\n @media (max-width: 375px) {\n .review-badge {\n font-size: 0.55rem;\n padding: 0.2rem 0.4rem;\n top: 0.75rem;\n right: 0.75rem;\n }\n }\n\n .reviews-stats {\n display: flex;\n justify-content: center;\n gap: 3rem;\n margin-top: 3rem;\n padding-top: 2rem;\n border-top: 1px solid rgba(255, 255, 255, 0.08);\n }\n\n .reviews-stats .stat-item {\n text-align: center;\n padding: 0;\n background: none;\n border: none;\n border-radius: 0;\n min-width: auto;\n }\n\n .reviews-stats .stat-number {\n font-size: 2rem;\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 white-space: nowrap;\n }\n\n .reviews-stats .stat-label {\n font-size: 0.8rem;\n color: rgba(255, 255, 255, 0.6);\n margin-top: 0.25rem;\n white-space: nowrap;\n }\n\n @media (max-width: 576px) {\n .reviews-stats {\n gap: 1.25rem;\n margin-top: 2rem;\n padding-top: 1.5rem;\n }\n .reviews-stats .stat-number {\n font-size: 1.5rem;\n }\n .reviews-stats .stat-label {\n font-size: 0.7rem;\n }\n }\n\n @media (max-width: 375px) {\n .reviews-stats {\n gap: 0.75rem;\n }\n .reviews-stats .stat-number {\n font-size: 1.25rem;\n }\n .reviews-stats .stat-label {\n font-size: 0.6rem;\n }\n }\n\n @media (max-width: 320px) {\n .reviews-stats .stat-number {\n font-size: 1.1rem;\n }\n .reviews-stats .stat-label {\n font-size: 0.55rem;\n }\n }\n\n \/* Pricing Section *\/\n .pricing-section {\n padding: 5rem 0;\n overflow: hidden;\n }\n\n @media (max-width: 375px) {\n .pricing-section {\n padding: 3rem 0;\n }\n }\n\n @media (max-width: 320px) {\n .pricing-section {\n padding: 2.5rem 0;\n }\n }\n\n .free-tier {\n max-width: 700px;\n margin: 0 auto;\n background: linear-gradient(135deg, rgba(57, 255, 20, 0.06), rgba(124, 255, 91, 0.03));\n border: 2px solid rgba(57, 255, 20, 0.4);\n border-radius: 30px;\n padding: 3rem 2rem;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n @media (max-width: 375px) {\n .free-tier {\n padding: 2rem 1.25rem;\n border-radius: 20px;\n }\n }\n\n @media (max-width: 320px) {\n .free-tier {\n padding: 1.5rem 0.85rem;\n border-radius: 15px;\n border-width: 1.5px;\n }\n }\n\n @media (min-width: 576px) {\n .free-tier {\n padding: 3.5rem;\n }\n }\n\n .free-tier::before {\n content: '5 DAYS FREE';\n position: absolute;\n top: 20px;\n right: -30px;\n background: linear-gradient(135deg, #10B981 0%, #39FF14 100%);\n color: #021a0f;\n padding: 0.4rem 3rem;\n font-size: 0.75rem;\n font-weight: 700;\n transform: rotate(45deg);\n box-shadow: 0 2px 15px rgba(57, 255, 20, 0.4);\n }\n\n @media (max-width: 375px) {\n .free-tier::before {\n font-size: 0.55rem;\n padding: 0.3rem 2.5rem;\n top: 15px;\n right: -35px;\n }\n }\n\n @media (max-width: 320px) {\n .free-tier::before {\n font-size: 0.5rem;\n padding: 0.25rem 2rem;\n top: 12px;\n right: -40px;\n }\n }\n\n .free-tier h3 {\n font-size: 1.75rem;\n font-weight: 800;\n margin-bottom: 0.5rem;\n color: var(--accent-green);\n }\n\n @media (max-width: 375px) {\n .free-tier h3 {\n font-size: 1.35rem;\n }\n }\n\n @media (max-width: 320px) {\n .free-tier h3 {\n font-size: 1.15rem;\n }\n }\n\n @media (min-width: 576px) {\n .free-tier h3 {\n font-size: 2rem;\n }\n }\n\n .free-tier .picks-display {\n font-size: 3rem;\n font-weight: 900;\n background: linear-gradient(135deg, #10B981 0%, #39FF14 50%, #7CFF5B 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin: 1rem 0;\n }\n\n @media (max-width: 375px) {\n .free-tier .picks-display {\n font-size: 2.25rem;\n margin: 0.75rem 0;\n }\n }\n\n @media (max-width: 320px) {\n .free-tier .picks-display {\n font-size: 1.85rem;\n margin: 0.5rem 0;\n }\n }\n\n @media (min-width: 576px) {\n .free-tier .picks-display {\n font-size: 4rem;\n }\n }\n\n .free-tier p {\n opacity: 0.9;\n margin-bottom: 1.5rem;\n font-size: 1rem;\n line-height: 1.7;\n }\n\n @media (max-width: 375px) {\n .free-tier p {\n font-size: 0.8rem;\n margin-bottom: 1rem;\n line-height: 1.5;\n }\n }\n\n @media (max-width: 320px) {\n .free-tier p {\n font-size: 0.7rem;\n margin-bottom: 0.75rem;\n }\n }\n\n @media (min-width: 576px) {\n .free-tier p {\n font-size: 1.1rem;\n }\n }\n\n .no-card {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n font-size: 0.9rem;\n color: var(--success-green);\n margin-top: 1rem;\n }\n\n @media (max-width: 375px) {\n .no-card {\n font-size: 0.7rem;\n gap: 0.35rem;\n }\n }\n\n @media (max-width: 320px) {\n .no-card {\n font-size: 0.6rem;\n gap: 0.25rem;\n margin-top: 0.75rem;\n }\n }\n\n .free-features {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.75rem;\n margin-top: 2rem;\n text-align: left;\n max-width: 400px;\n margin-left: auto;\n margin-right: auto;\n }\n\n @media (max-width: 375px) {\n .free-features {\n gap: 0.5rem;\n margin-top: 1.25rem;\n }\n }\n\n @media (max-width: 320px) {\n .free-features {\n gap: 0.4rem;\n margin-top: 1rem;\n }\n }\n\n @media (min-width: 576px) {\n .free-features {\n grid-template-columns: repeat(2, 1fr);\n max-width: 500px;\n }\n }\n\n .free-feature-item {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n font-size: 0.9rem;\n }\n\n @media (max-width: 375px) {\n .free-feature-item {\n font-size: 0.7rem;\n gap: 0.35rem;\n }\n }\n\n @media (max-width: 320px) {\n .free-feature-item {\n font-size: 0.6rem;\n gap: 0.25rem;\n }\n }\n\n .free-feature-item i {\n color: var(--accent-cyan);\n font-size: 1.1rem;\n }\n\n @media (max-width: 375px) {\n .free-feature-item i {\n font-size: 0.85rem;\n }\n }\n\n @media (max-width: 320px) {\n .free-feature-item i {\n font-size: 0.75rem;\n }\n }\n\n \/* CTA Section *\/\n .cta-section {\n padding: 5rem 0;\n background: linear-gradient(135deg, rgba(0, 102, 255, 0.08), rgba(0, 212, 255, 0.08));\n text-align: center;\n overflow: hidden;\n }\n\n @media (max-width: 375px) {\n .cta-section {\n padding: 3rem 0;\n }\n }\n\n @media (max-width: 320px) {\n .cta-section {\n padding: 2.5rem 0;\n }\n }\n\n .cta-title {\n font-size: clamp(1.5rem, 4vw, 3rem);\n font-weight: 800;\n margin-bottom: 1rem;\n }\n\n @media (max-width: 320px) {\n .cta-title {\n font-size: 1.25rem;\n margin-bottom: 0.75rem;\n }\n }\n\n .cta-title span {\n background: var(--primary-gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .cta-subtitle {\n font-size: 1.1rem;\n opacity: 0.8;\n margin-bottom: 2rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n\n @media (max-width: 375px) {\n .cta-subtitle {\n font-size: 0.85rem;\n margin-bottom: 1.5rem;\n }\n }\n\n @media (max-width: 320px) {\n .cta-subtitle {\n font-size: 0.75rem;\n margin-bottom: 1.25rem;\n }\n }\n\n .cta-buttons {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n justify-content: center;\n align-items: center;\n }\n\n @media (max-width: 375px) {\n .cta-buttons {\n gap: 0.75rem;\n }\n }\n\n @media (max-width: 320px) {\n .cta-buttons {\n gap: 0.5rem;\n }\n }\n\n @media (min-width: 576px) {\n .cta-buttons {\n flex-direction: row;\n }\n }\n\n \/* Footer *\/\n .footer {\n background: rgba(10, 14, 26, 0.95);\n padding: 3rem 0 2rem;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n overflow: hidden;\n }\n\n @media (max-width: 375px) {\n .footer {\n padding: 2rem 0 1.5rem;\n }\n }\n\n @media (max-width: 320px) {\n .footer {\n padding: 1.5rem 0 1rem;\n }\n }\n\n .footer-content {\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n text-align: center;\n }\n\n @media (max-width: 375px) {\n .footer-content {\n gap: 1.5rem;\n }\n }\n\n @media (max-width: 320px) {\n .footer-content {\n gap: 1.25rem;\n }\n }\n\n @media (min-width: 768px) {\n .footer-content {\n grid-template-columns: 2fr 1fr 1fr;\n text-align: left;\n }\n }\n\n .footer-brand p {\n font-size: 0.9rem;\n opacity: 0.7;\n margin-top: 1rem;\n line-height: 1.6;\n }\n\n @media (max-width: 375px) {\n .footer-brand p {\n font-size: 0.75rem;\n margin-top: 0.75rem;\n }\n }\n\n @media (max-width: 320px) {\n .footer-brand p {\n font-size: 0.65rem;\n margin-top: 0.5rem;\n line-height: 1.5;\n }\n }\n\n .footer-links h4 {\n font-size: 1rem;\n font-weight: 700;\n margin-bottom: 1rem;\n color: var(--accent-cyan);\n }\n\n @media (max-width: 375px) {\n .footer-links h4 {\n font-size: 0.85rem;\n margin-bottom: 0.75rem;\n }\n }\n\n @media (max-width: 320px) {\n .footer-links h4 {\n font-size: 0.75rem;\n margin-bottom: 0.5rem;\n }\n }\n\n .footer-links a {\n display: block;\n color: var(--text-light);\n text-decoration: none;\n opacity: 0.7;\n font-size: 0.9rem;\n padding: 0.4rem 0;\n transition: opacity 0.3s ease;\n }\n\n @media (max-width: 375px) {\n .footer-links a {\n font-size: 0.75rem;\n padding: 0.3rem 0;\n }\n }\n\n @media (max-width: 320px) {\n .footer-links a {\n font-size: 0.65rem;\n padding: 0.25rem 0;\n }\n }\n\n .footer-links a:hover {\n opacity: 1;\n color: var(--accent-cyan);\n }\n\n .footer-bottom {\n margin-top: 2rem;\n padding-top: 2rem;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n text-align: center;\n }\n\n @media (max-width: 375px) {\n .footer-bottom {\n margin-top: 1.5rem;\n padding-top: 1.5rem;\n }\n }\n\n @media (max-width: 320px) {\n .footer-bottom {\n margin-top: 1rem;\n padding-top: 1rem;\n }\n }\n\n .footer-disclaimer {\n font-size: 0.8rem;\n opacity: 0.5;\n max-width: 800px;\n margin: 0 auto 1rem;\n line-height: 1.6;\n }\n\n @media (max-width: 375px) {\n .footer-disclaimer {\n font-size: 0.65rem;\n margin-bottom: 0.75rem;\n line-height: 1.5;\n }\n }\n\n @media (max-width: 320px) {\n .footer-disclaimer {\n font-size: 0.55rem;\n margin-bottom: 0.5rem;\n }\n }\n\n .footer-trademark {\n font-size: 0.7rem;\n opacity: 0.4;\n max-width: 900px;\n margin: 0 auto 1rem;\n line-height: 1.5;\n font-style: italic;\n }\n\n @media (max-width: 375px) {\n .footer-trademark {\n font-size: 0.55rem;\n margin-bottom: 0.75rem;\n }\n }\n\n @media (max-width: 320px) {\n .footer-trademark {\n font-size: 0.5rem;\n margin-bottom: 0.5rem;\n line-height: 1.4;\n }\n }\n\n .footer-copyright {\n font-size: 0.8rem;\n opacity: 0.5;\n }\n\n @media (max-width: 375px) {\n .footer-copyright {\n font-size: 0.65rem;\n }\n }\n\n @media (max-width: 320px) {\n .footer-copyright {\n font-size: 0.55rem;\n }\n }\n\n \/* Scroll Behavior *\/\n html {\n scroll-behavior: smooth;\n }\n\n \/* Animations *\/\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 \/* Estilos mejorados para picks *\/\n .live-picks .pick-card {\n background: linear-gradient(135deg, rgba(0, 102, 255, 0.05) 0%, rgba(0, 212, 255, 0.05) 100%);\n border: 1px solid rgba(0, 102, 255, 0.2);\n border-radius: 20px;\n padding: 1.5rem;\n transition: all 0.3s ease;\n cursor: pointer;\n }\n \n .live-picks .pick-card:hover {\n transform: translateY(-5px);\n border-color: rgba(57, 255, 20, 0.4);\n box-shadow: 0 10px 30px rgba(57, 255, 20, 0.2);\n }\n \n .pick-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 1rem;\n }\n \n .pick-matchup {\n font-size: 1.1rem;\n font-weight: 700;\n color: var(--text-light);\n }\n \n .pick-confidence {\n background: var(--cta-gradient);\n color: #030712;\n padding: 0.4rem 0.8rem;\n border-radius: 20px;\n font-weight: 700;\n font-size: 0.9rem;\n }\n \n .pick-details {\n display: flex;\n gap: 1rem;\n margin: 1rem 0;\n }\n \n .pick-stat {\n flex: 1;\n text-align: center;\n padding: 0.8rem;\n background: rgba(0, 102, 255, 0.1);\n border-radius: 10px;\n }\n \n .pick-stat-label {\n font-size: 0.75rem;\n color: var(--text-muted);\n text-transform: uppercase;\n }\n \n .pick-stat-value {\n font-size: 1rem;\n font-weight: 700;\n color: var(--accent-cyan);\n margin-top: 0.3rem;\n }\n\n \n \/* \u2500\u2500 Pricing Section \u2500\u2500 *\/\n .pricing-section {\n padding: 5rem 0;\n overflow: hidden;\n }\n\n @media (max-width: 375px) { .pricing-section { padding: 3rem 0; } }\n @media (max-width: 320px) { .pricing-section { padding: 2.5rem 0; } }\n\n .pricing-wrapper {\n max-width: 520px;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n }\n\n \/* Plan Cards *\/\n .plan-cards {\n display: flex;\n flex-direction: column;\n gap: 0.85rem;\n }\n\n .plan-card {\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: rgba(255,255,255,0.04);\n border: 1.5px solid rgba(255,255,255,0.1);\n border-radius: 16px;\n padding: 1.25rem 1.5rem;\n cursor: pointer;\n transition: all 0.25s ease;\n position: relative;\n }\n\n .plan-card:hover {\n border-color: rgba(57,255,20,0.35);\n background: rgba(57,255,20,0.04);\n }\n\n .plan-card.selected {\n border-color: var(--accent-green);\n background: linear-gradient(135deg, rgba(57,255,20,0.08) 0%, rgba(16,185,129,0.05) 100%);\n box-shadow: 0 0 0 1px rgba(57,255,20,0.2), 0 8px 30px rgba(57,255,20,0.12);\n }\n\n .plan-card.selected::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 2px;\n background: var(--money-gradient);\n border-radius: 16px 16px 0 0;\n }\n\n .plan-info h3 {\n font-size: 1rem;\n font-weight: 700;\n color: var(--text-light);\n margin-bottom: 0.2rem;\n }\n\n .plan-info p {\n font-size: 0.8rem;\n color: var(--text-muted);\n font-weight: 500;\n }\n\n .plan-price {\n font-size: 1.15rem;\n font-weight: 800;\n color: var(--accent-green);\n white-space: nowrap;\n }\n\n .plan-badge {\n position: absolute;\n top: -10px;\n right: 1.25rem;\n background: var(--money-gradient);\n color: #030712;\n font-size: 0.6rem;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n padding: 0.2rem 0.6rem;\n border-radius: 20px;\n }\n\n \/* Trial Summary Card *\/\n .trial-summary {\n background: linear-gradient(145deg, rgba(5,15,35,0.95), rgba(3,7,18,0.98));\n border: 1.5px solid rgba(255,255,255,0.1);\n border-radius: 20px;\n padding: 1.5rem;\n display: flex;\n flex-direction: column;\n gap: 0;\n }\n\n .trial-summary-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 1.25rem;\n }\n\n .trial-summary-header h3 {\n font-size: 1.1rem;\n font-weight: 800;\n color: var(--text-light);\n }\n\n .trial-plan-badge {\n background: linear-gradient(135deg, rgba(57,255,20,0.15), rgba(16,185,129,0.15));\n border: 1px solid rgba(57,255,20,0.4);\n color: var(--accent-green);\n font-size: 0.75rem;\n font-weight: 700;\n padding: 0.3rem 0.85rem;\n border-radius: 20px;\n transition: all 0.3s ease;\n }\n\n .trial-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0.9rem 0;\n border-bottom: 1px solid rgba(255,255,255,0.07);\n }\n\n .trial-row:last-of-type {\n border-bottom: none;\n padding-bottom: 1rem;\n }\n\n .trial-row-label {\n font-size: 0.85rem;\n color: var(--text-muted);\n font-weight: 500;\n }\n\n .trial-row-value {\n font-size: 0.9rem;\n font-weight: 700;\n color: var(--text-light);\n text-align: right;\n transition: all 0.3s ease;\n }\n\n .trial-row-value.free {\n color: var(--text-light);\n }\n\n .trial-nuvei {\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 12px;\n padding: 1rem 1.1rem;\n margin-top: 0.25rem;\n }\n\n .trial-nuvei-title {\n font-size: 0.85rem;\n font-weight: 700;\n color: var(--accent-green);\n margin-bottom: 0.35rem;\n }\n\n .trial-nuvei p {\n font-size: 0.78rem;\n color: var(--text-muted);\n line-height: 1.5;\n }\n\n .pricing-cta-btn {\n width: 100%;\n padding: 1rem;\n border-radius: 50px;\n font-size: 1rem;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-top: 0.25rem;\n }\n\n \/* Pick Analysis Styles *\/\n .pick-analysis-header {\n padding: 1.25rem 1rem;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n background: rgba(0, 0, 0, 0.2);\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.75rem;\n }\n\n .matchup-title-container {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n width: 100%;\n }\n\n .matchup-team {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .matchup-team-logo {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 10px;\n padding: 4px;\n background: rgba(255, 255, 255, 0.05);\n filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.3));\n }\n\n .matchup-team-logo img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n\n .matchup-team-name {\n font-size: 1rem;\n font-weight: 700;\n color: var(--text-light);\n }\n\n .matchup-vs {\n font-size: 0.8rem;\n font-weight: 600;\n color: var(--text-muted);\n opacity: 0.5;\n }\n\n .matchup-subtitle {\n font-size: 0.75rem;\n opacity: 0.6;\n color: var(--text-muted);\n text-align: center;\n }\n\n .pick-predictions-list {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n padding: 1rem;\n }\n\n .prediction-card {\n border-radius: 12px;\n padding: 0.85rem;\n border-left: 4px solid;\n background: rgba(255, 255, 255, 0.03);\n transition: all 0.3s ease;\n }\n\n .prediction-card.low-risk {\n border-left-color: var(--accent-green);\n background: linear-gradient(90deg, rgba(16, 185, 129, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%);\n }\n\n .prediction-card.medium-risk {\n border-left-color: #FFD700;\n background: linear-gradient(90deg, rgba(255, 215, 0, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%);\n }\n\n .prediction-card.high-risk {\n border-left-color: #EF4444;\n background: linear-gradient(90deg, rgba(239, 68, 68, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%);\n }\n\n .prediction-card:hover {\n background: rgba(255, 255, 255, 0.06);\n transform: translateX(4px);\n }\n\n .risk-badge {\n display: inline-block;\n padding: 0.25rem 0.6rem;\n border-radius: 12px;\n font-size: 0.65rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-bottom: 0.6rem;\n }\n\n .risk-badge.low {\n background: rgba(16, 185, 129, 0.2);\n color: var(--accent-green);\n border: 1px solid rgba(16, 185, 129, 0.3);\n }\n\n .risk-badge.medium {\n background: rgba(255, 215, 0, 0.2);\n color: #FFD700;\n border: 1px solid rgba(255, 215, 0, 0.3);\n }\n\n .risk-badge.high {\n background: rgba(239, 68, 68, 0.2);\n color: #EF4444;\n border: 1px solid rgba(239, 68, 68, 0.3);\n }\n\n .prediction-content {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n }\n\n .prediction-header {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .pick-icon {\n width: 24px;\n height: 24px;\n border-radius: 50%;\n background: rgba(16, 185, 129, 0.2);\n color: var(--accent-green);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.9rem;\n font-weight: 700;\n }\n\n .pick-title {\n font-size: 0.9rem;\n font-weight: 700;\n color: var(--text-light);\n }\n\n .pick-meta {\n font-size: 0.7rem;\n color: var(--text-muted);\n margin-left: auto;\n }\n\n .prediction-reason {\n font-size: 0.75rem;\n line-height: 1.4;\n color: rgba(255, 255, 255, 0.7);\n }\n\n .prediction-reason strong {\n color: var(--accent-cyan);\n font-weight: 600;\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n VIDEO HERO SECTION\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .video-hero {\n position: relative;\n width: 100vw;\n max-width: 100vw;\n min-height: 100vh;\n min-height: 100svh;\n display: flex;\n align-items: center;\n justify-content: center;\n padding-top: 70px;\n box-sizing: border-box !important;\n margin-left: calc(-50vw + 50%);\n overflow-x: clip;\n }\n\n \/* Elementor: let parent section handle full-width *\/\n .elementor-widget-html {\n overflow: visible !important;\n }\n .elementor-widget-html .elementor-widget-container {\n overflow: visible !important;\n }\n\n \/* Video background *\/\n .video-hero__video-wrap {\n position: absolute;\n inset: 0;\n z-index: 0;\n pointer-events: none;\n }\n\n .video-hero__video-wrap video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n pointer-events: none;\n }\n\n \/* Dark overlay *\/\n .video-hero__overlay {\n position: absolute;\n inset: 0;\n z-index: 1;\n pointer-events: none;\n background: linear-gradient(\n 180deg,\n rgba(3, 7, 18, 0.55) 0%,\n rgba(3, 7, 18, 0.65) 40%,\n rgba(3, 7, 18, 0.80) 100%\n );\n }\n\n \/* Centered content *\/\n .video-hero__content {\n position: relative;\n z-index: 2;\n text-align: center;\n max-width: 900px;\n padding: 2rem 1.5rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 1.5rem;\n }\n\n .video-hero__badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n background: linear-gradient(135deg, rgba(0, 68, 204, 0.25), rgba(0, 212, 255, 0.18));\n border: 1px solid rgba(0, 102, 255, 0.45);\n padding: 0.55rem 1.4rem;\n border-radius: 50px;\n font-size: 0.85rem;\n font-weight: 600;\n color: var(--accent-cyan);\n backdrop-filter: blur(8px);\n animation: fadeInDown 0.8s ease both;\n }\n\n .video-hero__badge i {\n font-size: 1rem;\n }\n\n .video-hero__title {\n font-size: clamp(2rem, 5.5vw, 4.5rem);\n font-weight: 900;\n line-height: 1.08;\n color: #fff;\n animation: fadeInDown 0.8s 0.15s ease both;\n }\n\n .video-hero__title span {\n background: var(--primary-gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .video-hero__subtitle {\n font-size: clamp(0.95rem, 1.8vw, 1.35rem);\n line-height: 1.65;\n color: rgba(255, 255, 255, 0.85);\n max-width: 680px;\n animation: fadeInDown 0.8s 0.3s ease both;\n }\n\n .video-hero__cta-group {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.75rem;\n animation: fadeInDown 0.8s 0.45s ease both;\n }\n\n .video-hero__cta-group .btn-free {\n font-size: 1.2rem;\n padding: 1.25rem 3.25rem;\n font-weight: 800;\n }\n\n .video-hero__trust {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1.5rem;\n flex-wrap: wrap;\n opacity: 0.7;\n font-size: 0.8rem;\n color: var(--text-light);\n animation: fadeInDown 0.8s 0.55s ease both;\n }\n\n .video-hero__trust span {\n display: flex;\n align-items: center;\n gap: 0.35rem;\n }\n\n .video-hero__trust i {\n color: var(--accent-green);\n font-size: 1rem;\n }\n\n \/* Scroll indicator *\/\n .video-hero__scroll {\n position: absolute;\n bottom: 2rem;\n left: 50%;\n transform: translateX(-50%);\n z-index: 2;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.5rem;\n color: rgba(255, 255, 255, 0.5);\n font-size: 0.7rem;\n font-weight: 600;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n animation: fadeInDown 0.8s 0.7s ease both;\n pointer-events: none;\n }\n\n .video-hero__scroll-line {\n width: 1px;\n height: 40px;\n background: linear-gradient(to bottom, rgba(255,255,255,0.5), transparent);\n animation: scrollPulse 2s ease infinite;\n }\n\n @keyframes scrollPulse {\n 0%, 100% { opacity: 0.4; transform: scaleY(1); }\n 50% { opacity: 1; transform: scaleY(1.2); }\n }\n\n @keyframes fadeInDown {\n from { opacity: 0; transform: translateY(-20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* Responsive \u2014 video hero *\/\n @media (max-width: 768px) {\n .video-hero {\n min-height: 85vh;\n min-height: 85svh;\n }\n .video-hero__content {\n gap: 1.25rem;\n padding: 1.5rem 1rem 2.5rem;\n }\n .video-hero__cta-group .btn-free {\n font-size: 1rem;\n padding: 1rem 2.5rem;\n }\n .video-hero__scroll {\n display: none;\n }\n }\n\n @media (max-width: 480px) {\n .video-hero {\n min-height: 80vh;\n min-height: 80svh;\n }\n .video-hero__badge {\n font-size: 0.75rem;\n padding: 0.45rem 1rem;\n }\n .video-hero__content {\n gap: 1rem;\n padding: 1.5rem 1rem 2rem;\n }\n .video-hero__cta-group .btn-free {\n font-size: 0.95rem;\n padding: 0.9rem 2rem;\n }\n .video-hero__trust {\n gap: 0.75rem;\n font-size: 0.7rem;\n }\n }\n\n @media (max-width: 375px) {\n .video-hero__badge {\n font-size: 0.65rem;\n padding: 0.4rem 0.85rem;\n gap: 0.35rem;\n }\n .video-hero__cta-group .btn-free {\n font-size: 0.85rem;\n padding: 0.85rem 1.75rem;\n }\n }\n\n @media (max-width: 320px) {\n .video-hero__badge {\n font-size: 0.6rem;\n padding: 0.35rem 0.7rem;\n }\n .video-hero__cta-group .btn-free {\n font-size: 0.8rem;\n padding: 0.75rem 1.5rem;\n }\n }\n\n \/* \u2500\u2500 Play Button (inside hero) \u2500\u2500 *\/\n .video-hero__play-btn {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n border: 1px solid rgba(255, 255, 255, 0.25);\n border-radius: 50px;\n padding: 0.6rem 1.5rem 0.6rem 0.6rem;\n cursor: pointer;\n transition: all 0.35s ease;\n animation: fadeInDown 0.8s 0.65s ease both;\n color: #fff;\n font-family: inherit;\n }\n\n .video-hero__play-btn:hover {\n background: rgba(255, 255, 255, 0.18);\n border-color: rgba(0, 212, 255, 0.5);\n transform: scale(1.04);\n box-shadow: 0 0 30px rgba(0, 212, 255, 0.2);\n }\n\n .video-hero__play-icon {\n width: 48px;\n height: 48px;\n border-radius: 50%;\n background: var(--primary-gradient);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n box-shadow: 0 4px 20px rgba(0, 102, 255, 0.5);\n position: relative;\n pointer-events: none;\n }\n\n \/* Pulsing ring *\/\n .video-hero__play-icon::before {\n content: '';\n position: absolute;\n inset: -6px;\n border-radius: 50%;\n border: 2px solid rgba(0, 102, 255, 0.4);\n animation: playPulse 2s ease-in-out infinite;\n }\n\n @keyframes playPulse {\n 0%, 100% { transform: scale(1); opacity: 0.6; }\n 50% { transform: scale(1.15); opacity: 0; }\n }\n\n .video-hero__play-icon i {\n font-size: 1.3rem;\n margin-left: 3px; \/* optical center for play triangle *\/\n color: #fff;\n }\n\n .video-hero__play-label {\n display: flex;\n flex-direction: column;\n line-height: 1.2;\n pointer-events: none;\n }\n\n .video-hero__play-label strong {\n font-size: 0.9rem;\n font-weight: 700;\n }\n\n .video-hero__play-label span {\n font-size: 0.7rem;\n opacity: 0.6;\n font-weight: 500;\n }\n\n @media (max-width: 480px) {\n .video-hero__play-icon {\n width: 40px;\n height: 40px;\n }\n .video-hero__play-icon i {\n font-size: 1.1rem;\n }\n .video-hero__play-label strong {\n font-size: 0.8rem;\n }\n .video-hero__play-label span {\n font-size: 0.65rem;\n }\n .video-hero__play-btn {\n padding: 0.5rem 1.25rem 0.5rem 0.5rem;\n gap: 0.6rem;\n }\n }\n\n @media (max-width: 375px) {\n .video-hero__play-icon {\n width: 36px;\n height: 36px;\n }\n .video-hero__play-icon i {\n font-size: 1rem;\n margin-left: 2px;\n }\n .video-hero__play-label strong {\n font-size: 0.75rem;\n }\n .video-hero__play-label span {\n font-size: 0.6rem;\n }\n }\n\n \/* \u2500\u2500 Video Lightbox Modal \u2500\u2500 *\/\n .video-lightbox {\n position: fixed;\n inset: 0;\n z-index: 10000;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n transition: opacity 0.35s ease, visibility 0.35s ease;\n\n \/* Ensure it escapes Elementor containers *\/\n width: 100vw !important;\n height: 100vh !important;\n max-width: none !important;\n margin: 0 !important;\n padding: 0 !important;\n left: 0 !important;\n top: 0 !important;\n }\n\n .video-lightbox.active {\n opacity: 1;\n visibility: visible;\n pointer-events: auto;\n }\n\n .video-lightbox__backdrop {\n position: absolute;\n inset: 0;\n background: rgba(0, 0, 0, 0.92);\n cursor: pointer;\n }\n\n .video-lightbox__container {\n position: relative;\n z-index: 1;\n width: 92%;\n max-width: 1100px;\n aspect-ratio: 16 \/ 9;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.08);\n transform: scale(0.9) translateY(20px);\n transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n .video-lightbox.active .video-lightbox__container {\n transform: scale(1) translateY(0);\n }\n\n .video-lightbox__container video {\n width: 100%;\n height: 100%;\n object-fit: contain;\n background: #000;\n }\n\n .video-lightbox__close {\n position: absolute;\n top: -50px;\n right: 0;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n border: 1px solid rgba(255, 255, 255, 0.25);\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(8px);\n color: #fff;\n font-size: 1.3rem;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.25s ease;\n }\n\n .video-lightbox__close:hover {\n background: rgba(255, 255, 255, 0.2);\n border-color: var(--accent-cyan);\n transform: rotate(90deg);\n }\n\n @media (max-width: 768px) {\n .video-lightbox__container {\n width: 96%;\n border-radius: 12px;\n }\n .video-lightbox__close {\n top: -44px;\n right: 2%;\n width: 36px;\n height: 36px;\n font-size: 1.1rem;\n }\n }\n\n @media (max-width: 480px) {\n .video-lightbox__container {\n width: 100%;\n border-radius: 0;\n }\n .video-lightbox__close {\n top: auto;\n bottom: calc(100% + 12px);\n right: 12px;\n width: 34px;\n height: 34px;\n }\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n CURRENT HERO \u2192 DEMO SECTION OVERRIDES\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .hero.demo-section {\n min-height: auto;\n padding: 4rem 0 5rem;\n }\n\n @media (max-width: 375px) {\n .hero.demo-section {\n padding: 3rem 0 3.5rem;\n }\n }\n\n @media (max-width: 320px) {\n .hero.demo-section {\n padding: 2.5rem 0 3rem;\n }\n }\n\n @media (min-width: 1400px) {\n .hero.demo-section {\n padding: 5rem 0 6rem;\n }\n }\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\/12\/Untitled-design-2025-12-19T170655.292.png\" alt=\"Nuvix\">\n <\/a>\n \n <div class=\"nav-links\">\n <a href=\"#sports\">Sports<\/a>\n <a href=\"#features\">Caract\u00e9ristiques<\/a>\n <a href=\"#how-it-works\">Comment \u00e7a marche<\/a>\n <a href=\"#reviews\">Commentaires<\/a>\n <a href=\"#pricing\">Tarification<\/a>\n <a href=\"https:\/\/nuvix.com\/sportsapp\/\" class=\"btn btn-secondary\">Se connecter<\/a>\n <a href=\"https:\/\/nuvix.com\/sportsapp\/?new=true\" class=\"btn btn-free\">D\u00e9marrer l'essai gratuit<\/a>\n <\/div>\n \n <div class=\"mobile-nav-container\">\n <a href=\"https:\/\/nuvix.com\/sportsapp\/?new=true\" class=\"btn btn-free\" style=\"padding: 0.5rem 1rem; font-size: 0.8rem;\">D\u00e9marrage libre<\/a>\n <button class=\"hamburger\" id=\"hamburger\">\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=\"#sports\" onclick=\"closeMobileMenu()\">Sports<\/a>\n <a href=\"#features\" onclick=\"closeMobileMenu()\">Caract\u00e9ristiques<\/a>\n <a href=\"#how-it-works\" onclick=\"closeMobileMenu()\">Comment \u00e7a marche<\/a>\n <a href=\"#reviews\" onclick=\"closeMobileMenu()\">Commentaires<\/a>\n <a href=\"#pricing\" onclick=\"closeMobileMenu()\">Tarification<\/a>\n <\/div>\n <div class=\"mobile-menu-buttons\">\n <a href=\"https:\/\/nuvix.com\/sportsapp\/\" class=\"btn btn-secondary\">Se connecter<\/a>\n <a href=\"https:\/\/nuvix.com\/sportsapp\/?new=true\" class=\"btn btn-free\" onclick=\"closeMobileMenu()\">D\u00e9marrer l'essai gratuit<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"main-wrapper\">\n\n <!-- \u2550\u2550\u2550 VIDEO HERO \u2550\u2550\u2550 -->\n <section class=\"video-hero\">\n <!-- Video Background -->\n <div class=\"video-hero__video-wrap\">\n <video id=\"hero-bg-video\" autoplay muted loop playsinline webkit-playsinline preload=\"auto\" poster=\"\">\n <source src=\"https:\/\/streamable.com\/l\/h620tb\/mp4.mp4\" type=\"video\/mp4\">\n <\/video>\n <\/div>\n\n <!-- Dark Overlay -->\n <div class=\"video-hero__overlay\"><\/div>\n\n <!-- Centered Content -->\n <div class=\"video-hero__content\">\n <div class=\"video-hero__badge\">\n <i class=\"las la-bolt\"><\/i>\n Pr\u00e9dictions sportives bas\u00e9es sur l'IA\n <\/div>\n\n <h1 class=\"video-hero__title\">\n Des choix plus intelligents.<br><span>Propuls\u00e9 par Nuvix AI.<\/span>\n <\/h1>\n\n <p class=\"video-hero__subtitle\">\n Des pr\u00e9dictions AI en temps r\u00e9el pour la NFL, la NBA, la MLB, la NHL et le football - construites sur des milliers de points de donn\u00e9es pour que vous ne manquiez jamais un avantage.\n <\/p>\n\n <div class=\"video-hero__cta-group\">\n <a href=\"https:\/\/nuvix.com\/sportsapp\/?new=true\" class=\"btn btn-free\">COMMENCEZ VOTRE ESSAI GRATUIT DE 5 JOURS<\/a>\n <div class=\"age-badge\" style=\"margin-top: 0.25rem;\">\n <i class=\"las la-user-check\"><\/i>\n Il faut \u00eatre \u00e2g\u00e9 de plus de 21 ans pour utiliser ce service\n <\/div>\n <\/div>\n\n <div class=\"video-hero__trust\">\n <span><i class=\"las la-check-circle\"><\/i> 5 jours gratuits<\/span>\n <span><i class=\"las la-check-circle\"><\/i> Annuler \u00e0 tout moment<\/span>\n <span><i class=\"las la-check-circle\"><\/i> Les 5 sports sont inclus<\/span>\n <\/div>\n\n <!-- Play Video Button -->\n <button class=\"video-hero__play-btn\" id=\"video-play-btn\" aria-label=\"Lecture d'une vid\u00e9o avec son\">\n <div class=\"video-hero__play-icon\">\n <i class=\"las la-play\"><\/i>\n <\/div>\n <div class=\"video-hero__play-label\">\n <strong>Voir la vid\u00e9o<\/strong>\n <span>Jouer avec l'audio<\/span>\n <\/div>\n <\/button>\n <\/div>\n\n <!-- Scroll Indicator -->\n <div class=\"video-hero__scroll\">\n <div class=\"video-hero__scroll-line\"><\/div>\n Explorer\n <\/div>\n <\/section>\n\n <!-- \u2550\u2550\u2550 VIDEO LIGHTBOX MODAL \u2550\u2550\u2550 -->\n <div class=\"video-lightbox\" id=\"video-lightbox\">\n <div class=\"video-lightbox__backdrop\" id=\"video-lightbox-backdrop\"><\/div>\n <div class=\"video-lightbox__container\">\n <button class=\"video-lightbox__close\" id=\"video-lightbox-close\" aria-label=\"Fermer la vid\u00e9o\">\n <i class=\"las la-times\"><\/i>\n <\/button>\n <video id=\"lightbox-video\" controls playsinline preload=\"none\">\n <source src=\"https:\/\/streamable.com\/l\/h620tb\/mp4.mp4\" type=\"video\/mp4\">\n <\/video>\n <\/div>\n <\/div>\n\n <!-- \u2550\u2550\u2550 DEMO \/ INFO SECTION (former hero) \u2550\u2550\u2550 -->\n <section class=\"hero demo-section\">\n <div class=\"container\">\n <div class=\"hero-content\">\n <div class=\"hero-text\">\n <div class=\"hero-badge\">\n <i class=\"las la-bolt\"><\/i>\n Voir en action\n <\/div>\n <h1>Une vision d'expert pour <span>Tous les jeux<\/span><\/h1>\n <p>Notre IA analyse les statistiques des \u00e9quipes, les performances des joueurs, les blessures, les conditions m\u00e9t\u00e9orologiques et les tendances historiques, puis propose des choix avec des scores de confiance pour que vous sachiez exactement o\u00f9 se situe l'avantage.<\/p>\n \n <div class=\"hero-stats\">\n <div class=\"stat-item\">\n <div class=\"stat-number\">5<\/div>\n <div class=\"stat-label\">Sports majeurs<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">24\/7<\/div>\n <div class=\"stat-label\">Choix de l'IA<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">Vivre<\/div>\n <div class=\"stat-label\">Mise \u00e0 jour des cotes<\/div>\n <\/div>\n <\/div>\n\n <div class=\"hero-cta\">\n <a href=\"https:\/\/nuvix.com\/sportsapp\/?new=true\" class=\"btn btn-free\" style=\"font-size: 1.3rem; padding: 1.5rem 3.5rem; font-weight: 800;\">5 JOURS D'ESSAI GRATUIT - MAINTENANT !<\/a>\n\n <div class=\"age-badge\" style=\"margin-top: 0.5rem;\">\n <i class=\"las la-user-check\"><\/i>\n Il faut \u00eatre \u00e2g\u00e9 de plus de 21 ans pour utiliser ce service\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"hero-visual\">\n <div class=\"app-demo\">\n <!-- App Header -->\n <div class=\"demo-header\">\n <div class=\"demo-title\">\n <span class=\"demo-logo\">\ud83c\udfc6<\/span>\n <span>Nuvix choisit l'IA<\/span>\n <\/div>\n <div class=\"demo-picks\">\n <i class=\"las la-trophy\"><\/i>\n <span>\u221e<\/span>\n <\/div>\n <\/div>\n \n <!-- Sports Tabs -->\n <div class=\"demo-sports-tabs\">\n <button class=\"demo-sport-tab active\" data-sport=\"nfl\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/leagues\/500\/nfl.png\" alt=\"NFL\" class=\"tab-logo\">\n <span class=\"sport-name\">NFL<\/span>\n <\/button>\n <button class=\"demo-sport-tab\" data-sport=\"nba\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/leagues\/500\/nba.png\" alt=\"NBA\" class=\"tab-logo\">\n <span class=\"sport-name\">NBA<\/span>\n <\/button>\n <button class=\"demo-sport-tab\" data-sport=\"mlb\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/leagues\/500\/mlb.png\" alt=\"MLB\" class=\"tab-logo\">\n <span class=\"sport-name\">MLB<\/span>\n <\/button>\n <button class=\"demo-sport-tab\" data-sport=\"soccer\">\n <span class=\"sport-emoji\">\u26bd<\/span>\n <span class=\"sport-name\">Football<\/span>\n <\/button>\n <button class=\"demo-sport-tab\" data-sport=\"nhl\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/leagues\/500\/nhl.png\" alt=\"NHL\" class=\"tab-logo\">\n <span class=\"sport-name\">LNH<\/span>\n <\/button>\n <\/div>\n \n <!-- Soccer Leagues Sub-tabs -->\n <div class=\"soccer-leagues-bar\" id=\"soccer-leagues-bar\" style=\"display: none;\">\n <button class=\"soccer-league-tab active\" data-league=\"premier\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/Premier-League.png\" alt=\"Premier League\">\n <span class=\"league-name\">Premier League<\/span>\n <\/button>\n <button class=\"soccer-league-tab\" data-league=\"laliga\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/La-Liga.png\" alt=\"La Liga\">\n <span class=\"league-name\">La Liga<\/span>\n <\/button>\n <button class=\"soccer-league-tab\" data-league=\"champions\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/Champion-League.png\" alt=\"Champions League\" style=\"background: white; border-radius: 4px; padding: 2px;\">\n <span class=\"league-name\">Champions<\/span>\n <\/button>\n <button class=\"soccer-league-tab\" data-league=\"ligamx\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/Liga-MX.png\" alt=\"Liga MX\">\n <span class=\"league-name\">Liga MX<\/span>\n <\/button>\n <\/div>\n \n \n <!-- Games Container con Picks Analizados -->\n <div class=\"demo-games-container\">\n <!-- NFL Pick Analysis -->\n <div class=\"demo-games\" id=\"demo-nfl\" style=\"display: block;\">\n <div class=\"pick-analysis-header\">\n <div class=\"matchup-title-container\">\n <div class=\"matchup-team\">\n <div class=\"matchup-team-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/nfl\/500\/phi.png\" alt=\"Eagles\">\n <\/div>\n <span class=\"matchup-team-name\">Aigles<\/span>\n <\/div>\n <span class=\"matchup-vs\">vs<\/span>\n <div class=\"matchup-team\">\n <span class=\"matchup-team-name\">Cowboys<\/span>\n <div class=\"matchup-team-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/nfl\/500\/dal.png\" alt=\"Cowboys\">\n <\/div>\n <\/div>\n <\/div>\n <div class=\"matchup-subtitle\">NFL - Aujourd'hui 20:20<\/div>\n <\/div>\n \n <div class=\"pick-predictions-list\">\n <!-- Bajo Riesgo -->\n <div class=\"prediction-card low-risk\">\n <div class=\"risk-badge low\">FAIBLE RISQUE<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Eagles -3,5<\/div>\n <div class=\"pick-meta\">@-110 - Conf : 78%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Pourquoi ?<\/strong> 6-1 \u00e0 domicile. Une ligne d\u00e9fensive solide.\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Riesgo Medio -->\n <div class=\"prediction-card medium-risk\">\n <div class=\"risk-badge medium\">RISQUE MOYEN<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Plus de 48,5<\/div>\n <div class=\"pick-meta\">@-110 - Conf : 72%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Pourquoi ?<\/strong> Les deux \u00e9quipes affichent une moyenne de 24+ PPG. On s'attend \u00e0 un match \u00e0 haut niveau de score.\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Alto Riesgo -->\n <div class=\"prediction-card high-risk\">\n <div class=\"risk-badge high\">RISQUE \u00c9LEV\u00c9<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Eagles 1H -2,5<\/div>\n <div class=\"pick-meta\">@-110 - Conf : 65%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Pourquoi ?<\/strong> Les Eagles sont forts en premi\u00e8re mi-temps \u00e0 domicile. Les Dallas d\u00e9marrent lentement.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- NBA Pick Analysis -->\n <div class=\"demo-games\" id=\"demo-nba\" style=\"display: none;\">\n <div class=\"pick-analysis-header\">\n <div class=\"matchup-title-container\">\n <div class=\"matchup-team\">\n <div class=\"matchup-team-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/nba\/500\/bos.png\" alt=\"Celtics\">\n <\/div>\n <span class=\"matchup-team-name\">Celtics<\/span>\n <\/div>\n <span class=\"matchup-vs\">vs<\/span>\n <div class=\"matchup-team\">\n <span class=\"matchup-team-name\">Lakers<\/span>\n <div class=\"matchup-team-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/nba\/500\/lal.png\" alt=\"Lakers\">\n <\/div>\n <\/div>\n <\/div>\n <div class=\"matchup-subtitle\">NBA - Aujourd'hui 19h30<\/div>\n <\/div>\n \n <div class=\"pick-predictions-list\">\n <div class=\"prediction-card low-risk\">\n <div class=\"risk-badge low\">FAIBLE RISQUE<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Celtics -6,5<\/div>\n <div class=\"pick-meta\">@-110 - Conf : 82%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Pourquoi ?<\/strong> 12-1 \u00e0 domicile. D\u00e9fense d'\u00e9lite. Lakers 4-6 sur la route.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card medium-risk\">\n <div class=\"risk-badge medium\">RISQUE MOYEN<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Plus de 224,5<\/div>\n <div class=\"pick-meta\">@-110 - Conf : 76%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Pourquoi ?<\/strong> Des attaques tr\u00e8s puissantes. Tatum + Brown vs LeBron + AD.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card high-risk\">\n <div class=\"risk-badge high\">RISQUE \u00c9LEV\u00c9<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Tatum Plus de 28,5 Pts<\/div>\n <div class=\"pick-meta\">@-115 - Conf : 68%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Pourquoi ?<\/strong> Tatum a une moyenne de 31 PPG \u00e0 domicile. La d\u00e9fense de p\u00e9rim\u00e8tre des Lakers est faible.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- MLB Pick Analysis -->\n <div class=\"demo-games\" id=\"demo-mlb\" style=\"display: none;\">\n <div class=\"pick-analysis-header\">\n <div class=\"matchup-title-container\">\n <div class=\"matchup-team\">\n <div class=\"matchup-team-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/mlb\/500\/lad.png\" alt=\"Dodgers\">\n <\/div>\n <span class=\"matchup-team-name\">Dodgers<\/span>\n <\/div>\n <span class=\"matchup-vs\">vs<\/span>\n <div class=\"matchup-team\">\n <span class=\"matchup-team-name\">G\u00e9ants<\/span>\n <div class=\"matchup-team-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/mlb\/500\/sf.png\" alt=\"Giants\">\n <\/div>\n <\/div>\n <\/div>\n <div class=\"matchup-subtitle\">MLB - Aujourd'hui 10:10 PM<\/div>\n <\/div>\n \n <div class=\"pick-predictions-list\">\n <div class=\"prediction-card low-risk\">\n <div class=\"risk-badge low\">FAIBLE RISQUE<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Dodgers ML -165<\/div>\n <div class=\"pick-meta\">Conf : 75%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Pourquoi ?<\/strong> Ace pitcher 2.45 ERA \u00e0 domicile. Giants bat .218 vs LHP.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card medium-risk\">\n <div class=\"risk-badge medium\">RISQUE MOYEN<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Moins de 8,5<\/div>\n <div class=\"pick-meta\">@-110 - Conf : 71%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Pourquoi ?<\/strong> Un match d'\u00e9lite pour les lanceurs. Les deux \u00e9quipes ont du mal \u00e0 contrer les aces.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card high-risk\">\n <div class=\"risk-badge high\">RISQUE \u00c9LEV\u00c9<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Dodgers -1,5<\/div>\n <div class=\"pick-meta\">@+135 - Conf : 62%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Pourquoi ?<\/strong> Les Dodgers \u00e9crasent leurs adversaires LHP par 2+ runs \u00e0 domicile.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- NHL Pick Analysis -->\n <div class=\"demo-games\" id=\"demo-nhl\" style=\"display: none;\">\n <div class=\"pick-analysis-header\">\n <div class=\"matchup-title-container\">\n <div class=\"matchup-team\">\n <div class=\"matchup-team-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/nhl\/500\/bos.png\" alt=\"Bruins\">\n <\/div>\n <span class=\"matchup-team-name\">Bruins<\/span>\n <\/div>\n <span class=\"matchup-vs\">vs<\/span>\n <div class=\"matchup-team\">\n <span class=\"matchup-team-name\">Rangers<\/span>\n <div class=\"matchup-team-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/nhl\/500\/nyr.png\" alt=\"Rangers\">\n <\/div>\n <\/div>\n <\/div>\n <div class=\"matchup-subtitle\">NHL - Ce soir 19h00 ET<\/div>\n <\/div>\n \n <div class=\"pick-predictions-list\">\n <div class=\"prediction-card low-risk\">\n <div class=\"risk-badge low\">FAIBLE RISQUE<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Bruins ML -130<\/div>\n <div class=\"pick-meta\">Conf : 76%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Pourquoi ?<\/strong> 8-2 \u00e0 domicile. Un penalty kill d'\u00e9lite (87%). Rangers 3-5 sur la route.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card medium-risk\">\n <div class=\"risk-badge medium\">RISQUE MOYEN<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Moins de 5,5 buts<\/div>\n <div class=\"pick-meta\">@-110 - Conf : 70%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Pourquoi ?<\/strong> Les deux gardiens sont des \u00e9lites. Les Bruins autorisent 2,3 GPG \u00e0 domicile cette saison.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card high-risk\">\n <div class=\"risk-badge high\">RISQUE \u00c9LEV\u00c9<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Bruins -1.5 (Puck Line)<\/div>\n <div class=\"pick-meta\">@+175 - Conf : 58%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Pourquoi ?<\/strong> Les Bruins ont gagn\u00e9 par 2+ dans 6 des 9 derniers matchs \u00e0 domicile contre des rivaux de l'Atlantique.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Soccer Pick Analysis - Premier League -->\n <div class=\"demo-games demo-soccer-league\" id=\"demo-soccer-premier\" style=\"display: none;\">\n <div class=\"pick-analysis-header\">\n <div class=\"matchup-title-container\">\n <div class=\"matchup-team\">\n <div class=\"matchup-team-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/soccer\/500\/364.png\" alt=\"Liverpool\">\n <\/div>\n <span class=\"matchup-team-name\">Liverpool<\/span>\n <\/div>\n <span class=\"matchup-vs\">vs<\/span>\n <div class=\"matchup-team\">\n <span class=\"matchup-team-name\">Man City<\/span>\n <div class=\"matchup-team-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/soccer\/500\/382.png\" alt=\"Man City\">\n <\/div>\n <\/div>\n <\/div>\n <div class=\"matchup-subtitle\">Premier League - Dimanche 11:30<\/div>\n <\/div>\n \n <div class=\"pick-predictions-list\">\n <div class=\"prediction-card low-risk\">\n <div class=\"risk-badge low\">FAIBLE RISQUE<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Liverpool gagne<\/div>\n <div class=\"pick-meta\">@+105 - Conf : 71%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Pourquoi ?<\/strong> Invaincus \u00e0 Anfield. Salah 12 buts en 10 matches.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card medium-risk\">\n <div class=\"risk-badge medium\">RISQUE MOYEN<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Plus de 3,5 buts<\/div>\n <div class=\"pick-meta\">@+120 - Conf : 68%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Pourquoi ?<\/strong> Les deux \u00e9quipes font partie de l'\u00e9lite offensive. Moyenne de 3,8 buts dans les matches aller-retour.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card high-risk\">\n <div class=\"risk-badge high\">RISQUE \u00c9LEV\u00c9<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Liverpool -0,5<\/div>\n <div class=\"pick-meta\">@-110 - Conf : 71%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Pourquoi ?<\/strong> La d\u00e9fense de City est faible \u00e0 l'ext\u00e9rieur. Liverpool domine \u00e0 domicile.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Soccer Pick Analysis - La Liga -->\n <div class=\"demo-games demo-soccer-league\" id=\"demo-soccer-laliga\" style=\"display: none;\">\n <div class=\"pick-analysis-header\">\n <div class=\"matchup-title-container\">\n <div class=\"matchup-team\">\n <div class=\"matchup-team-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/soccer\/500\/86.png\" alt=\"Real Madrid\">\n <\/div>\n <span class=\"matchup-team-name\">Real Madrid<\/span>\n <\/div>\n <span class=\"matchup-vs\">vs<\/span>\n <div class=\"matchup-team\">\n <span class=\"matchup-team-name\">Barcelone<\/span>\n <div class=\"matchup-team-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/soccer\/500\/83.png\" alt=\"Barcelona\">\n <\/div>\n <\/div>\n <\/div>\n <div class=\"matchup-subtitle\">La Liga - Samedi 15:00<\/div>\n <\/div>\n \n <div class=\"pick-predictions-list\">\n <div class=\"prediction-card low-risk\">\n <div class=\"risk-badge low\">FAIBLE RISQUE<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Le Real Madrid gagne<\/div>\n <div class=\"pick-meta\">@+110 - Conf : 74%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Pourquoi ?<\/strong> L'avantage Bernab\u00e9u. Vin\u00edcius + Bellingham 28 buts.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card medium-risk\">\n <div class=\"risk-badge medium\">RISQUE MOYEN<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Plus de 3,0 buts<\/div>\n <div class=\"pick-meta\">@-105 - Conf : 79%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Pourquoi ?<\/strong> El Cl\u00e1sico est toujours tr\u00e8s riche en buts. 4,2 buts en moyenne lors des derniers matches.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card high-risk\">\n <div class=\"risk-badge high\">RISQUE \u00c9LEV\u00c9<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Real Madrid -0,5<\/div>\n <div class=\"pick-meta\">@+135 - Conf : 74%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Pourquoi ?<\/strong> Bar\u00e7a 3-4 \u00e0 l'ext\u00e9rieur. Le Real est invaincu \u00e0 domicile cette saison.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Soccer Pick Analysis - Champions League -->\n <div class=\"demo-games demo-soccer-league\" id=\"demo-soccer-champions\" style=\"display: none;\">\n <div class=\"pick-analysis-header\">\n <div class=\"matchup-title-container\">\n <div class=\"matchup-team\">\n <div class=\"matchup-team-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/soccer\/500\/132.png\" alt=\"Bayern\">\n <\/div>\n <span class=\"matchup-team-name\">Bayern<\/span>\n <\/div>\n <span class=\"matchup-vs\">vs<\/span>\n <div class=\"matchup-team\">\n <span class=\"matchup-team-name\">PSG<\/span>\n <div class=\"matchup-team-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/soccer\/500\/160.png\" alt=\"PSG\">\n <\/div>\n <\/div>\n <\/div>\n <div class=\"matchup-subtitle\">Ligue des champions - Mercredi 15h00<\/div>\n <\/div>\n \n <div class=\"pick-predictions-list\">\n <div class=\"prediction-card low-risk\">\n <div class=\"risk-badge low\">FAIBLE RISQUE<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Plus de 3,5 buts<\/div>\n <div class=\"pick-meta\">@-105 - Conf : 69%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Pourquoi ?<\/strong> Talent offensif d'\u00e9lite des deux c\u00f4t\u00e9s. Les 5 derniers matches de l'UCL ont \u00e9t\u00e9 marqu\u00e9s en moyenne par 4,2 buts.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card medium-risk\">\n <div class=\"risk-badge medium\">RISQUE MOYEN<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Victoire du Bayern<\/div>\n <div class=\"pick-meta\">@-115 - Conf : 58%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Pourquoi ?<\/strong> Le bilan du Bayern \u00e0 domicile est exceptionnel. 12-1 \u00e0 l'Allianz Arena.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card high-risk\">\n <div class=\"risk-badge high\">RISQUE \u00c9LEV\u00c9<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Bayern -0,5<\/div>\n <div class=\"pick-meta\">@+125 - Conf : 62%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Pourquoi ?<\/strong> Kane marque \u00e0 volont\u00e9. Mbapp\u00e9 est incertain en raison d'une blessure.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Soccer Pick Analysis - Liga MX -->\n <div class=\"demo-games demo-soccer-league\" id=\"demo-soccer-ligamx\" style=\"display: none;\">\n <div class=\"pick-analysis-header\">\n <div class=\"matchup-title-container\">\n <div class=\"matchup-team\">\n <div class=\"matchup-team-logo\">\n <img decoding=\"async\" src=\"https:\/\/ssl.gstatic.com\/onebox\/media\/sports\/logos\/1Fvcy9vn1RKtJJ_42MGkkA_48x48.png\" alt=\"America\">\n <\/div>\n <span class=\"matchup-team-name\">Am\u00e9rique<\/span>\n <\/div>\n <span class=\"matchup-vs\">vs<\/span>\n <div class=\"matchup-team\">\n <span class=\"matchup-team-name\">Chivas<\/span>\n <div class=\"matchup-team-logo\">\n <img decoding=\"async\" src=\"https:\/\/ssl.gstatic.com\/onebox\/media\/sports\/logos\/fUAKB3TO7VazxakPka_1dg_48x48.png\" alt=\"Chivas\">\n <\/div>\n <\/div>\n <\/div>\n <div class=\"matchup-subtitle\">Liga MX - Samedi 20h00<\/div>\n <\/div>\n \n <div class=\"pick-predictions-list\">\n <div class=\"prediction-card low-risk\">\n <div class=\"risk-badge low\">FAIBLE RISQUE<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Am\u00e9rica Win<\/div>\n <div class=\"pick-meta\">@-120 - Conf : 72%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Pourquoi ?<\/strong> Invaincus \u00e0 l'Azteca. Meilleure d\u00e9fense du championnat.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card medium-risk\">\n <div class=\"risk-badge medium\">RISQUE MOYEN<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Moins de 2,5 buts<\/div>\n <div class=\"pick-meta\">@-110 - Conf : 65%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Pourquoi ?<\/strong> El Cl\u00e1sico Nacional typiquement d\u00e9fensif. Rivalit\u00e9 \u00e0 faible score.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card high-risk\">\n <div class=\"risk-badge high\">RISQUE \u00c9LEV\u00c9<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Am\u00e9rique -0,5<\/div>\n <div class=\"pick-meta\">@+105 - Conf : 72%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Pourquoi ?<\/strong> Chivas 2-4 \u00e0 l'ext\u00e9rieur. Am\u00e9rica domine \u00e0 domicile.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Demo Label -->\n <div class=\"demo-label\">\n <i class=\"las la-hand-pointer\"><\/i>\n D\u00e9monstration interactive - Essayez-le !\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Leagues Marquee -->\n <section class=\"leagues-marquee\">\n <p class=\"marquee-label\">Ligues et sports couverts<\/p>\n <div class=\"marquee-container\">\n <div class=\"marquee-track\">\n <!-- First set of leagues -->\n <div class=\"league-item\">\n <div class=\"league-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/leagues\/500\/nfl.png\" alt=\"NFL\">\n <\/div>\n <span>NFL<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/leagues\/500\/nba.png\" alt=\"NBA\">\n <\/div>\n <span>NBA<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/leagues\/500\/mlb.png\" alt=\"MLB\">\n <\/div>\n <span>MLB<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/Premier-League.png\" alt=\"Premier League\">\n <\/div>\n <span>Premier League<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/La-Liga.png\" alt=\"La Liga\">\n <\/div>\n <span>La Liga<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\" style=\"background: white; border-radius: 8px;\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/Champion-League.png\" alt=\"Champions League\">\n <\/div>\n <span>Ligue des champions<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/MLS.png\" alt=\"MLS\">\n <\/div>\n <span>MLS<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/Liga-MX.png\" alt=\"Liga MX\">\n <\/div>\n <span>Liga MX<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/World-Cup.png\" alt=\"World Cup\">\n <\/div>\n <span>Coupe du monde<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/leagues\/500\/nhl.png\" alt=\"NHL\">\n <\/div>\n <span>LNH<\/span>\n <\/div>\n <!-- Duplicate set for seamless loop -->\n <div class=\"league-item\">\n <div class=\"league-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/leagues\/500\/nfl.png\" alt=\"NFL\">\n <\/div>\n <span>NFL<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/leagues\/500\/nba.png\" alt=\"NBA\">\n <\/div>\n <span>NBA<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/leagues\/500\/mlb.png\" alt=\"MLB\">\n <\/div>\n <span>MLB<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/Premier-League.png\" alt=\"Premier League\">\n <\/div>\n <span>Premier League<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/La-Liga.png\" alt=\"La Liga\">\n <\/div>\n <span>La Liga<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\" style=\"background: white; border-radius: 8px;\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/Champion-League.png\" alt=\"Champions League\">\n <\/div>\n <span>Ligue des champions<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/MLS.png\" alt=\"MLS\">\n <\/div>\n <span>MLS<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/Liga-MX.png\" alt=\"Liga MX\">\n <\/div>\n <span>Liga MX<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/World-Cup.png\" alt=\"World Cup\">\n <\/div>\n <span>Coupe du monde<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/leagues\/500\/nhl.png\" alt=\"NHL\">\n <\/div>\n <span>LNH<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Sports Section -->\n <section class=\"sports-section\" id=\"sports\">\n <div class=\"container\">\n <h2 class=\"section-title\">Tous les sports majeurs couverts<\/h2>\n <p class=\"section-subtitle\">Des pronostics aliment\u00e9s par l'IA pour tous les matchs, tous les jours<\/p>\n \n <div class=\"sports-grid\">\n <div class=\"sport-card\" style=\"--sport-color: #013369;\">\n <div class=\"sport-icon\">\ud83c\udfc8<\/div>\n <h3 class=\"sport-name\">NFL<\/h3>\n <p class=\"sport-leagues\">Tous les matchs de la NFL<\/p>\n <\/div>\n <div class=\"sport-card\" style=\"--sport-color: #1d428a;\">\n <div class=\"sport-icon\">\ud83c\udfc0<\/div>\n <h3 class=\"sport-name\">NBA<\/h3>\n <p class=\"sport-leagues\">Tous les matchs de la NBA<\/p>\n <\/div>\n <div class=\"sport-card\" style=\"--sport-color: #002d72;\">\n <div class=\"sport-icon\">\u26be<\/div>\n <h3 class=\"sport-name\">MLB<\/h3>\n <p class=\"sport-leagues\">Tous les matchs de la MLB<\/p>\n <\/div>\n <div class=\"sport-card\" style=\"--sport-color: #10B981;\">\n <div class=\"sport-icon\">\u26bd<\/div>\n <h3 class=\"sport-name\">Football<\/h3>\n <p class=\"sport-leagues\">Les ligues majeures dans le monde<\/p>\n <\/div>\n <div class=\"sport-card\" style=\"--sport-color: #000000;\">\n <div class=\"sport-icon\">\ud83c\udfd2<\/div>\n <h3 class=\"sport-name\">LNH<\/h3>\n <p class=\"sport-leagues\">Tous les matchs de la LNH<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- CTA despu\u00e9s de Sports -->\n <section class=\"cta-section\" style=\"padding: 4rem 0; text-align: center; background: linear-gradient(135deg, rgba(0, 102, 255, 0.05) 0%, rgba(0, 212, 255, 0.05) 100%);\">\n <div class=\"container\">\n <!-- T\u00edtulo de la secci\u00f3n -->\n <h2 class=\"section-title\">Commencez gratuitement<\/h2>\n <p class=\"section-subtitle\" style=\"margin-bottom: 3rem;\">Pas de frais cach\u00e9s. Il suffit de s'inscrire et de commencer \u00e0 explorer.<\/p>\n \n <div class=\"trial-card\" style=\"position: relative; background: linear-gradient(135deg, rgba(5, 150, 105, 0.15) 0%, rgba(16, 185, 129, 0.15) 100%); border: 2px solid rgba(57, 255, 20, 0.4); border-radius: 30px; padding: 3rem 2rem; max-width: 600px; margin: 0 auto; overflow: hidden;\">\n <!-- Badge en la esquina -->\n <div style=\"position: absolute; top: 20px; right: -45px; background: var(--cta-gradient); color: #030712; padding: 0.5rem 3.5rem; transform: rotate(45deg); font-weight: 700; font-size: 0.75rem; text-transform: uppercase; box-shadow: 0 4px 10px rgba(57, 255, 20, 0.3); text-align: center; letter-spacing: 0.5px;\">\n 5 JOURS GRATUITS\n <\/div>\n \n <!-- Icono y t\u00edtulo -->\n <div style=\"margin-bottom: 1.5rem;\">\n <span style=\"font-size: 3rem;\">\ud83c\udf89<\/span>\n <h3 style=\"font-size: 1.8rem; font-weight: 800; color: var(--accent-green); margin-top: 0.5rem;\">Essai gratuit de 5 jours<\/h3>\n <\/div>\n \n <!-- T\u00edtulo principal -->\n <h2 style=\"font-size: 3rem; font-weight: 900; color: var(--accent-green); line-height: 1.1; margin-bottom: 1.5rem;\">5 jours gratuits<\/h2>\n \n <!-- Descripci\u00f3n -->\n <p style=\"font-size: 1.1rem; color: var(--text-light); margin-bottom: 2rem; line-height: 1.6;\">Cr\u00e9ez votre compte gratuit et b\u00e9n\u00e9ficiez pendant 5 jours d'un nombre illimit\u00e9 de pronostics aliment\u00e9s par l'IA. Aucune restriction, acc\u00e8s complet \u00e0 tous les sports et \u00e0 toutes les fonctionnalit\u00e9s.<\/p>\n \n <!-- Bot\u00f3n -->\n <a href=\"https:\/\/nuvix.com\/sportsapp\/?new=true\" class=\"btn btn-free\" style=\"font-size: 1.1rem; padding: 1.1rem 2.5rem; display: inline-block; margin-bottom: 1.5rem;\">CR\u00c9ER UN COMPTE GRATUIT<\/a>\n \n\n \n <!-- Features en dos columnas -->\n <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; text-align: left;\">\n <div style=\"display: flex; align-items: center; gap: 0.5rem;\">\n <i class=\"las la-check-circle\" style=\"color: var(--accent-green); font-size: 1.2rem;\"><\/i>\n <span style=\"font-size: 0.9rem; color: var(--text-light);\">Les 5 sports (NFL, NBA, MLB, NHL, football)<\/span>\n <\/div>\n <div style=\"display: flex; align-items: center; gap: 0.5rem;\">\n <i class=\"las la-check-circle\" style=\"color: var(--accent-green); font-size: 1.2rem;\"><\/i>\n <span style=\"font-size: 0.9rem; color: var(--text-light);\">Des pr\u00e9dictions bas\u00e9es sur l'IA<\/span>\n <\/div>\n <div style=\"display: flex; align-items: center; gap: 0.5rem;\">\n <i class=\"las la-check-circle\" style=\"color: var(--accent-green); font-size: 1.2rem;\"><\/i>\n <span style=\"font-size: 0.9rem; color: var(--text-light);\">Cotes en temps r\u00e9el<\/span>\n <\/div>\n <div style=\"display: flex; align-items: center; gap: 0.5rem;\">\n <i class=\"las la-check-circle\" style=\"color: var(--accent-green); font-size: 1.2rem;\"><\/i>\n <span style=\"font-size: 0.9rem; color: var(--text-light);\">Scores de confiance<\/span>\n <\/div>\n <div style=\"display: flex; align-items: center; gap: 0.5rem;\">\n <i class=\"las la-check-circle\" style=\"color: var(--accent-green); font-size: 1.2rem;\"><\/i>\n <span style=\"font-size: 0.9rem; color: var(--text-light);\">Sauvegarder vos favoris<\/span>\n <\/div>\n <div style=\"display: flex; align-items: center; gap: 0.5rem;\">\n <i class=\"las la-check-circle\" style=\"color: var(--accent-green); font-size: 1.2rem;\"><\/i>\n <span style=\"font-size: 0.9rem; color: var(--text-light);\">Fonctionne sur tous les appareils<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Features Section -->\n <section class=\"features-section\" id=\"features\">\n <div class=\"container\">\n <h2 class=\"section-title\">Fonctionnalit\u00e9s puissantes de l'IA<\/h2>\n <p class=\"section-subtitle\">Tout ce dont vous avez besoin pour faire des pronostics sportifs plus intelligents<\/p>\n \n <div class=\"features-grid\">\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\n <i class=\"las la-brain\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Des choix aliment\u00e9s par l'IA<\/h3>\n <p class=\"feature-desc\">L'apprentissage automatique avanc\u00e9 analyse des milliers de points de donn\u00e9es, notamment les statistiques de l'\u00e9quipe, les performances des joueurs, la m\u00e9t\u00e9o et les tendances historiques.<\/p>\n <\/div>\n \n <div class=\"feature-card\">\n <div class=\"feature-icon\">\n <i class=\"las la-chart-line\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Cotes en temps r\u00e9el<\/h3>\n <p class=\"feature-desc\">Comparaison des cotes en direct de plusieurs paris sportifs pour que vous obteniez toujours les meilleures lignes disponibles.<\/p>\n <\/div>\n \n <div class=\"feature-card\">\n <div class=\"feature-icon\">\n <i class=\"las la-percentage\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Scores de confiance<\/h3>\n <p class=\"feature-desc\">Chaque choix est assorti d'une note de confiance de l'IA afin que vous sachiez quels pronostics ont la plus forte probabilit\u00e9.<\/p>\n <\/div>\n \n <div class=\"feature-card\">\n <div class=\"feature-icon\">\n <i class=\"las la-clock\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Choix d'avant-match<\/h3>\n <p class=\"feature-desc\">Obtenez des pronostics d\u00e9taill\u00e9s 2 heures avant le d\u00e9but du match, avec des mises \u00e0 jour de derni\u00e8re minute sur les blessures et les changements de ligne.<\/p>\n <\/div>\n \n <div class=\"feature-card\">\n <div class=\"feature-icon\">\n <i class=\"las la-star\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Sauvegarder les favoris<\/h3>\n <p class=\"feature-desc\">Suivez vos \u00e9quipes et vos matchs pr\u00e9f\u00e9r\u00e9s. Acc\u00e9dez rapidement aux rencontres qui vous int\u00e9ressent le plus.<\/p>\n <\/div>\n \n <div class=\"feature-card\">\n <div class=\"feature-icon\">\n <i class=\"las la-mobile\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Pr\u00eat pour le mobile<\/h3>\n <p class=\"feature-desc\">Acc\u00e9dez aux pr\u00e9l\u00e8vements n'importe o\u00f9, n'importe quand. Notre plateforme fonctionne parfaitement sur n'importe quel appareil.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- How It Works -->\n <section class=\"how-it-works\" id=\"how-it-works\">\n <div class=\"container\">\n <h2 class=\"section-title\">Comment \u00e7a marche<\/h2>\n <p class=\"section-subtitle\">Obtenez des pr\u00e9dictions d'IA en 4 \u00e9tapes simples<\/p>\n \n <div class=\"steps-container\">\n <div class=\"step-card\">\n <div class=\"step-number\">1<\/div>\n <h3 class=\"step-title\">S'inscrire gratuitement<\/h3>\n <p class=\"step-desc\">Cr\u00e9ez votre compte en quelques secondes.<\/p>\n <\/div>\n \n <div class=\"step-card\">\n <div class=\"step-number\">2<\/div>\n <h3 class=\"step-title\">Obtenez 5 jours gratuits<\/h3>\n <p class=\"step-desc\">Commencez votre essai gratuit de 5 jours avec un nombre illimit\u00e9 de choix d'IA.<\/p>\n <\/div>\n \n <div class=\"step-card\">\n <div class=\"step-number\">3<\/div>\n <h3 class=\"step-title\">Choisissez vos jeux<\/h3>\n <p class=\"step-desc\">Parcourez les matchs d'aujourd'hui et obtenez les choix de l'IA pour n'importe quel match.<\/p>\n <\/div>\n \n <div class=\"step-card\">\n <div class=\"step-number\">4<\/div>\n <h3 class=\"step-title\">Obtenir des informations<\/h3>\n <p class=\"step-desc\">Utilisez des choix aliment\u00e9s par l'IA pour prendre des d\u00e9cisions \u00e9clair\u00e9es.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Reviews Section -->\n <section class=\"reviews-section\" id=\"reviews\">\n <div class=\"container\">\n <h2 class=\"section-title\">Ce que disent les fans de sport<\/h2>\n <p class=\"section-subtitle\">Rejoignez les milliers d'utilisateurs qui font des choix plus intelligents gr\u00e2ce \u00e0 l'IA<\/p>\n \n <div class=\"reviews-grid\">\n <div class=\"review-card\">\n <span class=\"review-badge\">V\u00e9rifi\u00e9<\/span>\n <div class=\"review-stars\">\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <\/div>\n <p class=\"review-text\">\"Les choix de l'IA sont incroyables. Il a d\u00e9tect\u00e9 un mouvement de ligne que j'aurais manqu\u00e9 et a sauv\u00e9 mon pari de dimanche. J'ai d\u00e9j\u00e0 gagn\u00e9 3 unit\u00e9s ce mois-ci !<\/p>\n <div class=\"review-author\">\n <div class=\"author-avatar\">MJ<\/div>\n <div class=\"author-info\">\n <span class=\"author-name\">Marcus J.<\/span>\n <span class=\"author-sport\">\ud83c\udfc8 NFL Fan<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"review-card\">\n <span class=\"review-badge\">V\u00e9rifi\u00e9<\/span>\n <div class=\"review-stars\">\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <\/div>\n <p class=\"review-text\">\"Enfin une application qui explique POURQUOI un choix est bon, et pas seulement ce qu'il faut choisir. Les donn\u00e9es sur les blessures et l'historique des matchs sont d'un niveau sup\u00e9rieur.\"<\/p>\n <div class=\"review-author\">\n <div class=\"author-avatar\">SR<\/div>\n <div class=\"author-info\">\n <span class=\"author-name\">Sarah R.<\/span>\n <span class=\"author-sport\">\ud83c\udfc0 NBA Fan<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"review-card\">\n <span class=\"review-badge\">V\u00e9rifi\u00e9<\/span>\n <div class=\"review-stars\">\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <\/div>\n <p class=\"review-text\">\"Je l'utilise pour la Premier League tous les week-ends. Les scores de confiance m'aident \u00e0 savoir quand faire confiance \u00e0 un choix ou quand c'est \u00e0 pile ou face. J'adore !\"<\/p>\n <div class=\"review-author\">\n <div class=\"author-avatar\">DT<\/div>\n <div class=\"author-info\">\n <span class=\"author-name\">David T.<\/span>\n <span class=\"author-sport\">\u26bd Soccer Fan<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"review-card\">\n <span class=\"review-badge\">V\u00e9rifi\u00e9<\/span>\n <div class=\"review-stars\">\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star-half-alt\"><\/i>\n <\/div>\n <p class=\"review-text\">\"J'ai commenc\u00e9 par l'essai gratuit et j'ai \u00e9t\u00e9 accroch\u00e9 en une semaine. Les pronostics de la MLB sont parfaits. Mon ami et moi l'utilisons maintenant pour tous les matchs.<\/p>\n <div class=\"review-author\">\n <div class=\"author-avatar\">KC<\/div>\n <div class=\"author-info\">\n <span class=\"author-name\">Kevin C.<\/span>\n <span class=\"author-sport\">\u26be MLB Fan<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"review-card\">\n <span class=\"review-badge\">V\u00e9rifi\u00e9<\/span>\n <div class=\"review-stars\">\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <\/div>\n <p class=\"review-text\">\"L'interface utilisateur de l'application est claire et les pages se chargent rapidement. Il n'y a rien de superflu, juste de vraies informations bas\u00e9es sur des donn\u00e9es. Le meilleur outil d'intelligence artificielle pour le sport que j'ai utilis\u00e9, et de loin.\"<\/p>\n <div class=\"review-author\">\n <div class=\"author-avatar\">AM<\/div>\n <div class=\"author-info\">\n <span class=\"author-name\">Alex M.<\/span>\n <span class=\"author-sport\">\ud83c\udfc8 NFL Fan<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"review-card\">\n <span class=\"review-badge\">V\u00e9rifi\u00e9<\/span>\n <div class=\"review-stars\">\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <i class=\"las la-star\"><\/i>\n <\/div>\n <p class=\"review-text\">\"La couverture de la Liga MX est difficile \u00e0 trouver, mais Nuvix l'a ! Le choix Am\u00e9rica vs Chivas de la semaine derni\u00e8re \u00e9tait parfait. C'est g\u00e9nial pour les fans de foot.<\/p>\n <div class=\"review-author\">\n <div class=\"author-avatar\">RG<\/div>\n <div class=\"author-info\">\n <span class=\"author-name\">Roberto G.<\/span>\n <span class=\"author-sport\">\u26bd Fan de la Liga MX<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"reviews-stats\">\n <div class=\"stat-item\">\n <div class=\"stat-number\">4.8\u2605<\/div>\n <div class=\"stat-label\">Note moyenne<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">10K+<\/div>\n <div class=\"stat-label\">Utilisateurs actifs<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">500K+<\/div>\n <div class=\"stat-label\">Pics r\u00e9alis\u00e9s<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Pricing Section -->\n <section class=\"pricing-section\" id=\"pricing\">\n <div class=\"container\">\n <h2 class=\"section-title\">Choisissez votre plan<\/h2>\n <p class=\"section-subtitle\">D\u00e9marrage gratuit pendant 5 jours - sans frais jusqu'\u00e0 la fin de la p\u00e9riode d'essai<\/p>\n\n <div class=\"pricing-wrapper\">\n\n <!-- Plan Selector Cards -->\n <div class=\"plan-cards\">\n\n <div class=\"plan-card\" data-plan=\"basic\" data-price=\"$9.99\" data-picks=\"10\" data-charge=\"$9.99\" onclick=\"selectPlan(this)\">\n <div class=\"plan-info\">\n <h3>De base<\/h3>\n <p>10 pr\u00e9l\u00e8vements \/ mois<\/p>\n <\/div>\n <div class=\"plan-price\">$9,99\/mois<\/div>\n <\/div>\n\n <div class=\"plan-card\" data-plan=\"pro\" data-price=\"$29.99\" data-picks=\"50\" data-charge=\"$29.99\" onclick=\"selectPlan(this)\">\n <div class=\"plan-info\">\n <h3>Pro<\/h3>\n <p>50 pr\u00e9l\u00e8vements \/ mois<\/p>\n <\/div>\n <div class=\"plan-price\">$29,99\/mois<\/div>\n <\/div>\n\n <div class=\"plan-card selected\" data-plan=\"elite\" data-price=\"$49.99\" data-picks=\"Unlimited\" data-charge=\"$49.99\" onclick=\"selectPlan(this)\">\n <div class=\"plan-badge\">Les plus populaires<\/div>\n <div class=\"plan-info\">\n <h3>Elite<\/h3>\n <p>Nombre illimit\u00e9 de choix<\/p>\n <\/div>\n <div class=\"plan-price\">$49,99\/mois<\/div>\n <\/div>\n\n <\/div>\n\n <!-- Trial Summary Card -->\n <div class=\"trial-summary\">\n <div class=\"trial-summary-header\">\n <h3>Votre essai gratuit<\/h3>\n <span class=\"trial-plan-badge\" id=\"trial-plan-badge\">Elite<\/span>\n <\/div>\n\n <div class=\"trial-row\">\n <span class=\"trial-row-label\">Aujourd'hui<\/span>\n <span class=\"trial-row-value free\">$0.00 charg\u00e9<\/span>\n <\/div>\n <div class=\"trial-row\">\n <span class=\"trial-row-label\">Acc\u00e8s \u00e0 l'essai<\/span>\n <span class=\"trial-row-value\" id=\"trial-access-value\">5 jours de pr\u00e9l\u00e8vements illimit\u00e9s<\/span>\n <\/div>\n <div class=\"trial-row\">\n <span class=\"trial-row-label\">Plan apr\u00e8s proc\u00e8s<\/span>\n <span class=\"trial-row-value\" id=\"trial-plan-name\">Elite<\/span>\n <\/div>\n <div class=\"trial-row\">\n <span class=\"trial-row-label\">Premi\u00e8re accusation<\/span>\n <span class=\"trial-row-value\" id=\"trial-first-charge\">Le 17 mars 2026 : $49.99<\/span>\n <\/div>\n\n <div class=\"trial-nuvei\">\n <div class=\"trial-nuvei-title\">Saisie s\u00e9curis\u00e9e des cartes par Nuvei<\/div>\n <p>Votre carte est n\u00e9cessaire pour activer la p\u00e9riode d'essai. Vous pouvez annuler avant le premier pr\u00e9l\u00e8vement.<\/p>\n <\/div>\n\n <a href=\"https:\/\/nuvix.com\/sportsapp\/?new=true\" class=\"btn btn-free pricing-cta-btn\" style=\"margin-top: 1.25rem; text-align: center;\">D\u00c9MARRER L'ESSAI GRATUIT<\/a>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n <!-- CTA Section -->\n <section class=\"cta-section\">\n <div class=\"container\">\n <h2 class=\"cta-title\">Pr\u00eat \u00e0 <span>Am\u00e9liorez vos choix ?<\/span><\/h2>\n <p class=\"cta-subtitle\">Rejoignez les milliers de fans de sport qui utilisent l'IA pour obtenir des pronostics d'experts. Commencez votre essai gratuit de 5 jours d\u00e8s aujourd'hui.<\/p>\n <div class=\"cta-buttons\">\n <a href=\"https:\/\/nuvix.com\/sportsapp\/\" class=\"btn btn-secondary\">Se connecter<\/a>\n <\/div>\n <\/div>\n <\/section>\n <\/div><!-- End main-wrapper -->\n\n <!-- Footer -->\n <footer class=\"footer\">\n <div class=\"container\">\n <div class=\"footer-content\">\n <div class=\"footer-brand\">\n <a href=\"https:\/\/nuvix.com\/fr\/\" class=\"logo\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/Untitled-design-2025-12-19T170655.292.png\" alt=\"Nuvix\" style=\"height: 40px;\">\n <\/a>\n <p>Nuvix Sports Picks AI fournit des pr\u00e9dictions et des pronostics sportifs aliment\u00e9s par l'IA pour aider les amateurs de sport \u00e0 prendre des d\u00e9cisions \u00e9clair\u00e9es.<\/p>\n <\/div>\n \n <div class=\"footer-links\">\n <h4>Produit<\/h4>\n <a href=\"#sports\">Sports<\/a>\n <a href=\"#features\">Caract\u00e9ristiques<\/a>\n <a href=\"#pricing\">Tarification<\/a>\n <a href=\"#how-it-works\">Comment \u00e7a marche<\/a>\n <\/div>\n \n <div class=\"footer-links\">\n <h4>Compte<\/h4>\n <a href=\"https:\/\/nuvix.com\/sportsapp\/?new=true\">S'inscrire gratuitement<\/a>\n <a href=\"https:\/\/nuvix.com\/sportsapp\/\">Se connecter<\/a>\n <a href=\"https:\/\/nuvix.com\/fr\/\">Nuvix Home<\/a>\n <\/div>\n <\/div>\n \n <div class=\"footer-bottom\">\n <p class=\"footer-disclaimer\">\n <strong>Avis de non-responsabilit\u00e9 :<\/strong> Cette plateforme est uniquement destin\u00e9e \u00e0 des fins d'information et de divertissement. Toutes les pr\u00e9dictions et les choix sont g\u00e9n\u00e9r\u00e9s par l'IA et ne doivent pas \u00eatre consid\u00e9r\u00e9s comme des conseils financiers. Les performances pass\u00e9es ne garantissent pas les r\u00e9sultats futurs. Les utilisateurs doivent \u00eatre \u00e2g\u00e9s de 18 ans ou plus pour utiliser ce service.\n <\/p>\n <p class=\"footer-trademark\">\n Tous les logos des ligues et des \u00e9quipes, les marques commerciales et les marques affich\u00e9es sur ce site sont la propri\u00e9t\u00e9 de leurs d\u00e9tenteurs respectifs. NFL\u00ae, NBA\u00ae, MLB\u00ae, NHL\u00ae, Premier League\u2122, La Liga\u2122, UEFA Champions League\u2122, MLS\u00ae, Liga MX\u2122 et FIFA World Cup\u2122 sont des marques d\u00e9pos\u00e9es de leurs organisations respectives. Nuvix n'est pas affili\u00e9 \u00e0 ces organisations, n'est pas soutenu par elles et n'a aucun lien avec elles. L'utilisation de ces logos se fait uniquement \u00e0 titre informatif.\n <\/p>\n <p class=\"footer-copyright\">\u00a9 2025 Nuvix by iEvolution. Tous droits r\u00e9serv\u00e9s.<\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n <script>\n \/\/ \u2500\u2500 Video Lightbox + Mobile Fullscreen \u2500\u2500\n (function() {\n var playBtn = document.getElementById('video-play-btn');\n var lightbox = document.getElementById('video-lightbox');\n var backdrop = document.getElementById('video-lightbox-backdrop');\n var closeBtn = document.getElementById('video-lightbox-close');\n var lightboxVideo = document.getElementById('lightbox-video');\n\n \/\/ Detect mobile \/ touch device\n function isMobile() {\n return \/Android|iPhone|iPad|iPod|webOS|BlackBerry|IEMobile|Opera Mini\/i.test(navigator.userAgent)\n || (navigator.maxTouchPoints && navigator.maxTouchPoints > 1 && window.innerWidth <= 1024);\n }\n\n \/\/ \u2500\u2500 Mobile: native fullscreen video \u2500\u2500\n function openMobileFullscreen() {\n lightboxVideo.currentTime = 0;\n lightboxVideo.muted = false;\n\n \/\/ iOS Safari uses webkitEnterFullscreen on the video element\n if (lightboxVideo.webkitEnterFullscreen) {\n lightboxVideo.play().then(function() {\n lightboxVideo.webkitEnterFullscreen();\n }).catch(function() {\n \/\/ Fallback: just play inline\n lightboxVideo.play();\n });\n }\n \/\/ Android \/ standard Fullscreen API\n else if (lightboxVideo.requestFullscreen) {\n lightboxVideo.play();\n lightboxVideo.requestFullscreen();\n }\n else if (lightboxVideo.webkitRequestFullscreen) {\n lightboxVideo.play();\n lightboxVideo.webkitRequestFullscreen();\n }\n else {\n \/\/ Fallback: open lightbox modal\n openLightbox();\n return;\n }\n\n \/\/ Clean up when fullscreen exits\n function onFsExit() {\n if (!document.fullscreenElement && !document.webkitFullscreenElement) {\n lightboxVideo.pause();\n lightboxVideo.currentTime = 0;\n document.removeEventListener('fullscreenchange', onFsExit);\n document.removeEventListener('webkitfullscreenchange', onFsExit);\n }\n }\n document.addEventListener('fullscreenchange', onFsExit);\n document.addEventListener('webkitfullscreenchange', onFsExit);\n\n \/\/ iOS fires 'webkitendfullscreen' on the video itself\n lightboxVideo.addEventListener('webkitendfullscreen', function handler() {\n lightboxVideo.pause();\n lightboxVideo.currentTime = 0;\n lightboxVideo.removeEventListener('webkitendfullscreen', handler);\n });\n }\n\n \/\/ \u2500\u2500 Desktop: lightbox modal \u2500\u2500\n function openLightbox() {\n lightbox.classList.add('active');\n document.body.style.overflow = 'hidden';\n lightboxVideo.currentTime = 0;\n lightboxVideo.muted = false;\n lightboxVideo.play();\n }\n\n function closeLightbox() {\n lightbox.classList.remove('active');\n document.body.style.overflow = '';\n lightboxVideo.pause();\n lightboxVideo.currentTime = 0;\n }\n\n \/\/ \u2500\u2500 Bind events \u2500\u2500\n if (playBtn) {\n playBtn.addEventListener('click', function(e) {\n e.preventDefault();\n e.stopPropagation();\n if (isMobile()) {\n openMobileFullscreen();\n } else {\n openLightbox();\n }\n });\n }\n\n if (closeBtn) closeBtn.addEventListener('click', closeLightbox);\n if (backdrop) backdrop.addEventListener('click', closeLightbox);\n\n \/\/ Close on Escape key\n document.addEventListener('keydown', function(e) {\n if (e.key === 'Escape' && lightbox.classList.contains('active')) {\n closeLightbox();\n }\n });\n })();\n\n \/\/ \u2500\u2500 iOS \/ Safari Autoplay Fix \u2500\u2500\n (function() {\n const bgVideo = document.getElementById('hero-bg-video');\n if (!bgVideo) return;\n\n \/\/ Ensure muted attribute is set (iOS requires it programmatically too)\n bgVideo.muted = true;\n bgVideo.setAttribute('muted', '');\n bgVideo.setAttribute('playsinline', '');\n\n function tryPlay() {\n var playPromise = bgVideo.play();\n if (playPromise !== undefined) {\n playPromise.catch(function() {\n \/\/ Autoplay blocked \u2014 try again on first user interaction\n var events = ['touchstart', 'click', 'scroll'];\n function onInteraction() {\n bgVideo.muted = true;\n bgVideo.play().catch(function() {});\n events.forEach(function(evt) {\n document.removeEventListener(evt, onInteraction);\n });\n }\n events.forEach(function(evt) {\n document.addEventListener(evt, onInteraction, { once: false, passive: true });\n });\n });\n }\n }\n\n \/\/ Try on load\n if (bgVideo.readyState >= 2) {\n tryPlay();\n } else {\n bgVideo.addEventListener('loadeddata', tryPlay, { once: true });\n }\n\n \/\/ Also try when page becomes visible (tab switch back)\n document.addEventListener('visibilitychange', function() {\n if (!document.hidden && bgVideo.paused) {\n bgVideo.play().catch(function() {});\n }\n });\n })();\n\n \/\/ Create floating particles\n (function() {\n const bgAnimation = document.querySelector('.bg-animation');\n const particleCount = window.innerWidth > 768 ? 15 : 8;\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() * 4 + 2 + '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() * 15 + 20 + 's';\n bgAnimation.appendChild(particle);\n }\n })();\n\n \/\/ Mobile Navigation\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() {\n hamburger.classList.toggle('active');\n mobileMenu.classList.toggle('active');\n document.body.style.overflow = mobileMenu.classList.contains('active') ? 'hidden' : '';\n });\n\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 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\n (function() {\n const header = document.getElementById('header');\n window.addEventListener('scroll', function() {\n if (window.pageYOffset > 50) {\n header.classList.add('scrolled');\n } else {\n header.classList.remove('scrolled');\n }\n }, { passive: true });\n })();\n\n \/\/ Smooth scroll\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 \/\/ Intersection Observer for animations\n (function() {\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, { threshold: 0.1 });\n\n document.querySelectorAll('.fade-in').forEach(el => {\n observer.observe(el);\n });\n })();\n\n \/\/ Demo Sports Tab Switching\n document.querySelectorAll('.demo-sport-tab').forEach(tab => {\n tab.addEventListener('click', function() {\n \/\/ Remove active from all tabs\n document.querySelectorAll('.demo-sport-tab').forEach(t => t.classList.remove('active'));\n \/\/ Add active to clicked tab\n this.classList.add('active');\n \n \/\/ Hide all game containers\n document.querySelectorAll('.demo-games').forEach(g => g.style.display = 'none');\n \n \/\/ Show selected sport games\n const sport = this.getAttribute('data-sport');\n \n \/\/ Show\/hide soccer leagues bar\n const soccerLeaguesBar = document.getElementById('soccer-leagues-bar');\n if (sport === 'soccer') {\n soccerLeaguesBar.style.display = 'flex';\n \/\/ Show first soccer league by default (premier)\n document.getElementById('demo-soccer-premier').style.display = 'block';\n } else {\n soccerLeaguesBar.style.display = 'none';\n document.getElementById('demo-' + sport).style.display = 'block';\n }\n });\n });\n\n \/\/ Soccer League Tab Switching\n document.querySelectorAll('.soccer-league-tab').forEach(tab => {\n tab.addEventListener('click', function() {\n \/\/ Remove active from all soccer league tabs\n document.querySelectorAll('.soccer-league-tab').forEach(t => t.classList.remove('active'));\n \/\/ Add active to clicked tab\n this.classList.add('active');\n \n \/\/ Hide all soccer leagues\n document.querySelectorAll('.demo-soccer-league').forEach(g => g.style.display = 'none');\n \n \/\/ Show selected league\n const league = this.getAttribute('data-league');\n const leagueElement = document.getElementById('demo-soccer-' + league);\n if (leagueElement) {\n leagueElement.style.display = 'block';\n }\n });\n });\n\n \/\/ Pick Data\n const pickData = {\n nfl1: {\n matchup: 'Eagles vs Cowboys',\n league: 'NFL',\n confidence: 78,\n pick: 'Eagles -3.5',\n spread: { value: 'Eagles -3.5', conf: '78%' },\n total: { value: 'Over 48.5', conf: '72%' },\n ml: { value: 'Eagles', conf: '81%' },\n summary: '6-1 home record. Strong defensive line. Dallas struggles on road (3-4).'\n },\n nfl2: {\n matchup: 'Lions vs Bears',\n league: 'NFL',\n confidence: 85,\n pick: 'Lions -7.0',\n spread: { value: 'Lions -7.0', conf: '85%' },\n total: { value: 'Over 51.5', conf: '74%' },\n ml: { value: 'Lions', conf: '92%' },\n summary: '11-game win streak. Leads NFL in scoring. Chicago ranks 28th in defense.'\n },\n nba1: {\n matchup: 'Celtics vs Lakers',\n league: 'NBA',\n confidence: 82,\n pick: 'Celtics -6.5',\n spread: { value: 'Celtics -6.5', conf: '82%' },\n total: { value: 'Over 224.5', conf: '76%' },\n ml: { value: 'Celtics', conf: '88%' },\n summary: '12-1 at home. Elite defense. Lakers 4-6 on road vs top East teams.'\n },\n nba2: {\n matchup: 'Suns vs Mavericks',\n league: 'NBA',\n confidence: 68,\n pick: 'Over 219.0',\n spread: { value: 'Suns -2.5', conf: '58%' },\n total: { value: 'Over 219.0', conf: '68%' },\n ml: { value: 'Suns', conf: '62%' },\n summary: 'Top 10 pace. High offensive efficiency. Recent H2H avg 228 pts.'\n },\n mlb1: {\n matchup: 'Dodgers vs Giants',\n league: 'MLB',\n confidence: 75,\n pick: 'Dodgers -165',\n spread: { value: 'Dodgers -1.5', conf: '62%' },\n total: { value: 'Under 8.5', conf: '71%' },\n ml: { value: 'Dodgers', conf: '75%' },\n summary: 'Ace pitcher 2.45 ERA at home. Giants bat .218 vs LHP.'\n },\n mlb2: {\n matchup: 'Cardinals vs Cubs',\n league: 'MLB',\n confidence: 55,\n pick: 'Over 9.0',\n spread: { value: 'Cubs -120', conf: '52%' },\n total: { value: 'Over 9.0', conf: '55%' },\n ml: { value: 'Cubs', conf: '54%' },\n summary: 'Both starters 5.00+ ERA. Wind blowing out at Wrigley (+1.5 runs).'\n },\n soccer1: {\n matchup: 'Liverpool vs Man City',\n league: 'Premier League',\n confidence: 71,\n pick: 'Liverpool Win',\n spread: { value: 'Liverpool -0.5', conf: '71%' },\n total: { value: 'Over 3.5', conf: '68%' },\n ml: { value: 'Liverpool', conf: '71%' },\n summary: 'Unbeaten at Anfield. Salah 12 goals in 10 games. City weak away defense.'\n },\n soccer2: {\n matchup: 'Real Madrid vs Barcelona',\n league: 'La Liga',\n confidence: 74,\n pick: 'Real Madrid Win',\n spread: { value: 'Real Madrid -0.5', conf: '74%' },\n total: { value: 'Over 3.0', conf: '79%' },\n ml: { value: 'Real Madrid', conf: '74%' },\n summary: 'Bernab\u00e9u advantage. Vin\u00edcius + Bellingham 28 goals. Bar\u00e7a 3-4 on road.'\n },\n soccer3: {\n matchup: 'Bayern Munich vs PSG',\n league: 'Champions League',\n confidence: 69,\n pick: 'Over 3.5 Goals',\n spread: { value: 'Bayern -0.5', conf: '62%' },\n total: { value: 'Over 3.5', conf: '69%' },\n ml: { value: 'Bayern', conf: '58%' },\n summary: 'Elite attacking talent both sides. Last 5 UCL meetings avg 4.2 goals.'\n },\n soccer4: {\n matchup: 'Club America vs Chivas',\n league: 'Liga MX',\n confidence: 72,\n pick: 'Club America Win',\n spread: { value: 'America -0.5', conf: '72%' },\n total: { value: 'Under 2.5', conf: '65%' },\n ml: { value: 'America', conf: '72%' },\n summary: 'Unbeaten at Azteca. Best defense in league. Chivas 2-4 away.'\n },\n nhl1: {\n matchup: 'Bruins vs Rangers',\n league: 'NHL',\n confidence: 76,\n pick: 'Bruins ML -130',\n spread: { value: 'Bruins -1.5', conf: '58%' },\n total: { value: 'Under 5.5', conf: '70%' },\n ml: { value: 'Bruins', conf: '76%' },\n summary: '8-2 at home this season. Elite penalty kill (87%). Rangers 3-5 on road.'\n },\n nhl2: {\n matchup: 'Oilers vs Avalanche',\n league: 'NHL',\n confidence: 71,\n pick: 'Over 6.0 Goals',\n spread: { value: 'Oilers -0.5', conf: '64%' },\n total: { value: 'Over 6.0', conf: '71%' },\n ml: { value: 'Oilers', conf: '67%' },\n summary: 'McDavid + Draisaitl avg 4.8 pts\/game combined. Both teams rank top-5 in shots on goal.'\n }\n };\n\n \/\/ Start Pick\n function startPick(gameId) {\n const modal = document.getElementById('pick-modal');\n const loading = document.getElementById('pick-loading');\n const result = document.getElementById('pick-result');\n \n \/\/ Show modal with loading\n modal.classList.add('active');\n loading.style.display = 'flex';\n result.style.display = 'none';\n \n \/\/ Reset loading steps\n document.querySelectorAll('.loading-step').forEach(step => {\n step.classList.remove('active', 'complete');\n });\n document.getElementById('step1').classList.add('active');\n \n \/\/ Animate loading steps\n setTimeout(() => {\n document.getElementById('step1').classList.remove('active');\n document.getElementById('step1').classList.add('complete');\n document.getElementById('step2').classList.add('active');\n }, 800);\n \n setTimeout(() => {\n document.getElementById('step2').classList.remove('active');\n document.getElementById('step2').classList.add('complete');\n document.getElementById('step3').classList.add('active');\n }, 1600);\n \n setTimeout(() => {\n document.getElementById('step3').classList.remove('active');\n document.getElementById('step3').classList.add('complete');\n }, 2400);\n \n \/\/ Show result\n setTimeout(() => {\n showPickResult(gameId);\n }, 2800);\n }\n\n \/\/ Show Pick Result\n function showPickResult(gameId) {\n const loading = document.getElementById('pick-loading');\n const result = document.getElementById('pick-result');\n const data = pickData[gameId];\n \n if (!data) return;\n \n \/\/ Hide loading, show result\n loading.style.display = 'none';\n result.style.display = 'flex';\n \n \/\/ Populate data\n document.getElementById('result-matchup').textContent = data.matchup;\n document.getElementById('result-league').textContent = data.league;\n document.getElementById('pick-value').textContent = data.pick;\n document.getElementById('spread-pick').textContent = data.spread.value;\n document.getElementById('spread-conf').textContent = data.spread.conf;\n document.getElementById('total-pick').textContent = data.total.value;\n document.getElementById('total-conf').textContent = data.total.conf;\n document.getElementById('ml-pick').textContent = data.ml.value;\n document.getElementById('ml-conf').textContent = data.ml.conf;\n document.getElementById('pick-summary').textContent = data.summary;\n \n \/\/ Animate confidence bar\n setTimeout(() => {\n document.getElementById('confidence-bar').style.width = data.confidence + '%';\n animateConfidenceValue(0, data.confidence);\n }, 200);\n }\n\n \/\/ Animate confidence value\n function animateConfidenceValue(start, end) {\n const element = document.getElementById('confidence-value');\n const duration = 1000;\n const startTime = performance.now();\n \n function update(currentTime) {\n const elapsed = currentTime - startTime;\n const progress = Math.min(elapsed \/ duration, 1);\n const current = Math.floor(start + (end - start) * progress);\n element.textContent = current + '%';\n \n if (progress < 1) {\n requestAnimationFrame(update);\n }\n }\n \n requestAnimationFrame(update);\n }\n\n \/\/ Close Pick\n function closePick() {\n const modal = document.getElementById('pick-modal');\n modal.classList.remove('active');\n \n \/\/ Reset confidence bar\n document.getElementById('confidence-bar').style.width = '0%';\n document.getElementById('confidence-value').textContent = '0%';\n \n \/\/ Reset action buttons\n document.querySelectorAll('.action-btn').forEach(btn => {\n btn.classList.remove('copied', 'saved');\n });\n }\n\n \/\/ Copy Pick\n function copyPick() {\n const matchup = document.getElementById('result-matchup').textContent;\n const pick = document.getElementById('pick-value').textContent;\n const confidence = document.getElementById('confidence-value').textContent;\n \n const text = `\ud83c\udfc6 ${matchup}\\n\ud83c\udfaf Pick: ${pick}\\n\ud83d\udcca Confidence: ${confidence}\\n\\nPowered by Nuvix Sports Picks AI`;\n \n navigator.clipboard.writeText(text).then(() => {\n const btn = document.querySelector('.copy-btn');\n btn.classList.add('copied');\n btn.innerHTML = '<i class=\"las la-check\"><\/i> Copied!';\n \n setTimeout(() => {\n btn.classList.remove('copied');\n btn.innerHTML = '<i class=\"las la-copy\"><\/i> Copy';\n }, 2000);\n });\n }\n\n \/\/ Toggle Favorite\n function toggleFavorite() {\n const btn = document.querySelector('.favorite-btn');\n btn.classList.toggle('saved');\n \n if (btn.classList.contains('saved')) {\n btn.innerHTML = '<i class=\"las la-star\"><\/i> Saved!';\n } else {\n btn.innerHTML = '<i class=\"las la-star\"><\/i> Save';\n }\n }\n \/\/ Pricing Plan Selector\n function selectPlan(card) {\n \/\/ Deselect all\n document.querySelectorAll('.plan-card').forEach(c => c.classList.remove('selected'));\n \/\/ Select clicked\n card.classList.add('selected');\n\n const plan = card.getAttribute('data-plan');\n const price = card.getAttribute('data-charge');\n const picks = card.getAttribute('data-picks');\n\n \/\/ Capitalise plan name\n const planName = plan.charAt(0).toUpperCase() + plan.slice(1);\n\n \/\/ Compute date 5 days from today\n const chargeDate = new Date();\n chargeDate.setDate(chargeDate.getDate() + 5);\n const opts = { month: 'long', day: 'numeric', year: 'numeric' };\n const dateStr = chargeDate.toLocaleDateString('en-US', opts);\n\n \/\/ Update trial summary\n document.getElementById('trial-plan-badge').textContent = planName;\n document.getElementById('trial-plan-name').textContent = planName;\n document.getElementById('trial-access-value').textContent =\n picks === 'Unlimited' ? '5 days of unlimited picks' : `5 days \u00b7 ${picks} picks\/mo plan`;\n document.getElementById('trial-first-charge').textContent =\n `On ${dateStr}: $${parseFloat(price.replace('$','')).toFixed(2)}`;\n }\n\n \/\/ Init with Elite selected on load\n (function() {\n const eliteCard = document.querySelector('.plan-card[data-plan=\"elite\"]');\n if (eliteCard) selectPlan(eliteCard);\n })();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e6c1ece e-flex e-con-boxed e-con e-parent\" data-id=\"e6c1ece\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef82706 elementor-widget elementor-widget-shortcode\" data-id=\"ef82706\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"> <div class=\"ulcs-widget minimal-style\"\n data-position=\"inline\" \n data-type=\"both\">\n <button class=\"ulcs-trigger\" aria-label=\"Modifier les deux\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\uddeb\ud83c\uddf7<\/span>\n <span class=\"ulcs-lang\">FR<\/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\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"Nuvix Sports Picks AI – AI-Powered Sports Picks & Predictions Sports Features How It Works Reviews Pricing Log In Start Free Trial Start Free Sports Features How It Works Reviews Pricing Log In Start Free Trial AI-Powered Sports Predictions Smarter Picks.Powered by Nuvix AI. Real-time AI predictions for NFL, NBA, MLB, NHL & Soccer \u2014 […]","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-45598","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/pages\/45598","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=45598"}],"version-history":[{"count":178,"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/pages\/45598\/revisions"}],"predecessor-version":[{"id":46265,"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/pages\/45598\/revisions\/46265"}],"wp:attachment":[{"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/media?parent=45598"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}