{"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\/it\/nuvix-sport\/","title":{"rendered":"Sport Nuvix"},"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\/it\/\" 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\">Sport<\/a>\n <a href=\"#features\">Caratteristiche<\/a>\n <a href=\"#how-it-works\">Come funziona<\/a>\n <a href=\"#reviews\">Recensioni<\/a>\n <a href=\"#pricing\">Prezzi<\/a>\n <a href=\"https:\/\/nuvix.com\/sportsapp\/\" class=\"btn btn-secondary\">Accedi<\/a>\n <a href=\"https:\/\/nuvix.com\/sportsapp\/?new=true\" class=\"btn btn-free\">Iniziare la prova gratuita<\/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;\">Avvio libero<\/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()\">Sport<\/a>\n <a href=\"#features\" onclick=\"closeMobileMenu()\">Caratteristiche<\/a>\n <a href=\"#how-it-works\" onclick=\"closeMobileMenu()\">Come funziona<\/a>\n <a href=\"#reviews\" onclick=\"closeMobileMenu()\">Recensioni<\/a>\n <a href=\"#pricing\" onclick=\"closeMobileMenu()\">Prezzi<\/a>\n <\/div>\n <div class=\"mobile-menu-buttons\">\n <a href=\"https:\/\/nuvix.com\/sportsapp\/\" class=\"btn btn-secondary\">Accedi<\/a>\n <a href=\"https:\/\/nuvix.com\/sportsapp\/?new=true\" class=\"btn btn-free\" onclick=\"closeMobileMenu()\">Iniziare la prova gratuita<\/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 Previsioni sportive basate sull'intelligenza artificiale\n <\/div>\n\n <h1 class=\"video-hero__title\">\n Scelte pi\u00f9 intelligenti.<br><span>Alimentato da Nuvix AI.<\/span>\n <\/h1>\n\n <p class=\"video-hero__subtitle\">\n Previsioni AI in tempo reale per NFL, NBA, MLB, NHL e calcio, basate su migliaia di dati per non perdere mai un vantaggio.\n <\/p>\n\n <div class=\"video-hero__cta-group\">\n <a href=\"https:\/\/nuvix.com\/sportsapp\/?new=true\" class=\"btn btn-free\">INIZIA LA TUA PROVA GRATUITA DI 5 GIORNI<\/a>\n <div class=\"age-badge\" style=\"margin-top: 0.25rem;\">\n <i class=\"las la-user-check\"><\/i>\n Bisogna avere pi\u00f9 di 21 anni per utilizzare questo servizio\n <\/div>\n <\/div>\n\n <div class=\"video-hero__trust\">\n <span><i class=\"las la-check-circle\"><\/i> 5 giorni gratis<\/span>\n <span><i class=\"las la-check-circle\"><\/i> Annullamento in qualsiasi momento<\/span>\n <span><i class=\"las la-check-circle\"><\/i> Tutti e 5 gli sport inclusi<\/span>\n <\/div>\n\n <!-- Play Video Button -->\n <button class=\"video-hero__play-btn\" id=\"video-play-btn\" aria-label=\"Riproduzione di video con audio\">\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>Guarda il video<\/strong>\n <span>Riproduzione con 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 Esplorare\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=\"Chiudere il video\">\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 Vedetelo in azione\n <\/div>\n <h1>Approfondimenti a livello di esperti per <span>Ogni partita<\/span><\/h1>\n <p>La nostra intelligenza artificiale analizza le statistiche delle squadre, le prestazioni dei giocatori, gli infortuni, il meteo e le tendenze storiche, per poi fornire le scelte con i punteggi di fiducia, in modo da sapere esattamente dove si trova il vantaggio.<\/p>\n \n <div class=\"hero-stats\">\n <div class=\"stat-item\">\n <div class=\"stat-number\">5<\/div>\n <div class=\"stat-label\">Gli sport pi\u00f9 importanti<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">24\/7<\/div>\n <div class=\"stat-label\">Scelte di AI<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">In diretta<\/div>\n <div class=\"stat-label\">Aggiornamenti sulle quote<\/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 GIORNI DI PROVA GRATUITA - ORA!<\/a>\n\n <div class=\"age-badge\" style=\"margin-top: 0.5rem;\">\n <i class=\"las la-user-check\"><\/i>\n Bisogna avere pi\u00f9 di 21 anni per utilizzare questo servizio\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 sceglie l'intelligenza artificiale<\/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\">Calcio<\/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\">NHL<\/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\">Campioni<\/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\">Aquile<\/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 - Oggi 8:20 PM<\/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\">RISCHIO BASSO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Aquile -3,5<\/div>\n <div class=\"pick-meta\">@-110 - Conf: 78%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Perch\u00e9:<\/strong> 6-1 in casa. Linea difensiva forte.\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Riesgo Medio -->\n <div class=\"prediction-card medium-risk\">\n <div class=\"risk-badge medium\">RISCHIO MEDIO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Oltre 48,5<\/div>\n <div class=\"pick-meta\">@-110 - Conf: 72%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Perch\u00e9:<\/strong> Entrambe le squadre hanno una media di 24+ PPG. Si prevede una partita ad alto punteggio.\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Alto Riesgo -->\n <div class=\"prediction-card high-risk\">\n <div class=\"risk-badge high\">RISCHIO ALTO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Aquile 1H -2,5<\/div>\n <div class=\"pick-meta\">@-110 - Conf: 65%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Perch\u00e9:<\/strong> Eagles forti nei primi tempi in casa. Dallas parte piano.\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 - Oggi 7:30 PM<\/div>\n <\/div>\n \n <div class=\"pick-predictions-list\">\n <div class=\"prediction-card low-risk\">\n <div class=\"risk-badge low\">RISCHIO BASSO<\/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>Perch\u00e9:<\/strong> 12-1 in casa. Difesa d'\u00e9lite. Lakers 4-6 in trasferta.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card medium-risk\">\n <div class=\"risk-badge medium\">RISCHIO MEDIO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Oltre 224,5<\/div>\n <div class=\"pick-meta\">@-110 - Conf: 76%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Perch\u00e9:<\/strong> Attacchi ad alta potenza. Tatum + Brown contro LeBron + AD.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card high-risk\">\n <div class=\"risk-badge high\">RISCHIO ALTO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Tatum Over 28.5 Pts<\/div>\n <div class=\"pick-meta\">@-115 - Conf: 68%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Perch\u00e9:<\/strong> Tatum ha una media di 31 PPG in casa. Lakers deboli sul perimetro.\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\">Giganti<\/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 - Oggi 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\">RISCHIO BASSO<\/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>Perch\u00e9:<\/strong> Ace pitcher 2.45 ERA in casa. I Giants battono .218 contro LHP.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card medium-risk\">\n <div class=\"risk-badge medium\">RISCHIO MEDIO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Under 8.5<\/div>\n <div class=\"pick-meta\">@-110 - Conf: 71%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Perch\u00e9:<\/strong> Incontro tra lanciatori d'\u00e9lite. Entrambe le squadre faticano contro gli assi.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card high-risk\">\n <div class=\"risk-badge high\">RISCHIO ALTO<\/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>Perch\u00e9:<\/strong> Dodgers che schiacciano gli avversari LHP di oltre 2 punti in casa.\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 - Stasera 7:00 PM ET<\/div>\n <\/div>\n \n <div class=\"pick-predictions-list\">\n <div class=\"prediction-card low-risk\">\n <div class=\"risk-badge low\">RISCHIO BASSO<\/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>Perch\u00e9:<\/strong> 8-2 in casa. Penalit\u00e0 d'eccellenza (87%). Rangers 3-5 in trasferta.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card medium-risk\">\n <div class=\"risk-badge medium\">RISCHIO MEDIO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Under 5,5 gol<\/div>\n <div class=\"pick-meta\">@-110 - Conf: 70%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Perch\u00e9:<\/strong> Entrambi i portieri sono d'\u00e9lite. I Bruins hanno concesso 2,3 GPG in casa in questa stagione.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card high-risk\">\n <div class=\"risk-badge high\">RISCHIO ALTO<\/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>Perch\u00e9:<\/strong> I Bruins hanno vinto con pi\u00f9 di 2 punti di scarto in 6 delle ultime 9 partite casalinghe contro rivali dell'Atlantic.\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 - Domenica 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\">RISCHIO BASSO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Vittoria del Liverpool<\/div>\n <div class=\"pick-meta\">@+105 - Conf: 71%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Perch\u00e9:<\/strong> Imbattuti ad Anfield. Salah 12 gol in 10 partite.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card medium-risk\">\n <div class=\"risk-badge medium\">RISCHIO MEDIO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Oltre 3,5 gol<\/div>\n <div class=\"pick-meta\">@+120 - Conf: 68%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Perch\u00e9:<\/strong> Entrambe le squadre attaccano d'elite. Media di 3,8 gol negli H2H.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card high-risk\">\n <div class=\"risk-badge high\">RISCHIO ALTO<\/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>Perch\u00e9:<\/strong> Difesa del City debole in trasferta. Il Liverpool domina in casa.\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\">Barcellona<\/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\">Liga - Sabato ore 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\">RISCHIO BASSO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Vittoria del Real Madrid<\/div>\n <div class=\"pick-meta\">@+110 - Conf: 74%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Perch\u00e9:<\/strong> Vantaggio del Bernab\u00e9u. Vin\u00edcius + Bellingham 28 gol.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card medium-risk\">\n <div class=\"risk-badge medium\">RISCHIO MEDIO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Oltre 3,0 gol<\/div>\n <div class=\"pick-meta\">@-105 - Conf: 79%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Perch\u00e9:<\/strong> El Cl\u00e1sico \u00e8 sempre ad alto punteggio. 4,2 gol di media nelle ultime partite.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card high-risk\">\n <div class=\"risk-badge high\">RISCHIO ALTO<\/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>Perch\u00e9:<\/strong> Bar\u00e7a 3-4 in trasferta. Real imbattuto in casa in questa stagione.\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\">Champions League - Mercoled\u00ec 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\">RISCHIO BASSO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Oltre 3,5 gol<\/div>\n <div class=\"pick-meta\">@-105 - Conf: 69%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Perch\u00e9:<\/strong> Talento d'attacco d'\u00e9lite su entrambi i lati. Ultime 5 UCL con una media di 4,2 gol.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card medium-risk\">\n <div class=\"risk-badge medium\">RISCHIO MEDIO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Vittoria del Bayern<\/div>\n <div class=\"pick-meta\">@-115 - Conf: 58%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Perch\u00e9:<\/strong> Record casalingo del Bayern eccezionale. 12-1 all'Allianz Arena.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card high-risk\">\n <div class=\"risk-badge high\">RISCHIO ALTO<\/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>Perch\u00e9:<\/strong> Kane segna a volont\u00e0. Mbapp\u00e9 in dubbio per infortunio.\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\u00e9rica<\/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 - Sabato ore 20:00<\/div>\n <\/div>\n \n <div class=\"pick-predictions-list\">\n <div class=\"prediction-card low-risk\">\n <div class=\"risk-badge low\">RISCHIO BASSO<\/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>Perch\u00e9:<\/strong> Imbattuti all'Azteca. Miglior difesa del campionato.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card medium-risk\">\n <div class=\"risk-badge medium\">RISCHIO MEDIO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Under 2,5 gol<\/div>\n <div class=\"pick-meta\">@-110 - Conf: 65%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Perch\u00e9:<\/strong> El Cl\u00e1sico Nacional tipicamente difensivo. Rivalit\u00e0 a basso punteggio.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card high-risk\">\n <div class=\"risk-badge high\">RISCHIO ALTO<\/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 -0,5<\/div>\n <div class=\"pick-meta\">@+105 - Conf: 72%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Perch\u00e9:<\/strong> Chivas 2-4 in trasferta. Am\u00e9rica dominante in casa.\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 Demo interattiva - Provatelo!\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\">Campionati e sport che copriamo<\/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>Champions 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\/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>Coppa del Mondo<\/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>NHL<\/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>Champions 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\/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>Coppa del Mondo<\/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>NHL<\/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\">Tutti gli sport principali sono coperti<\/h2>\n <p class=\"section-subtitle\">Ottieni le scelte dell'intelligenza artificiale per ogni partita, ogni giorno<\/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\">Tutti i giochi della 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\">Tutti i giochi 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\">Tutti i giochi della 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\">Calcio<\/h3>\n <p class=\"sport-leagues\">Leghe maggiori in tutto il mondo<\/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\">NHL<\/h3>\n <p class=\"sport-leagues\">Tutti i giochi NHL<\/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\">Iniziare gratuitamente<\/h2>\n <p class=\"section-subtitle\" style=\"margin-bottom: 3rem;\">Nessuna spesa nascosta. Basta iscriversi e iniziare a esplorare.<\/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 GIORNI GRATIS\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;\">Prova gratuita di 5 giorni<\/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 giorni gratis<\/h2>\n \n <!-- Descripci\u00f3n -->\n <p style=\"font-size: 1.1rem; color: var(--text-light); margin-bottom: 2rem; line-height: 1.6;\">Crea il tuo account gratuito e ottieni 5 giorni di scelte AI illimitate. Nessuna restrizione, accesso completo a tutti gli sport e a tutte le funzioni.<\/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;\">CREARE UN ACCOUNT GRATUITO<\/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);\">Tutti e 5 gli sport (NFL, NBA, MLB, NHL, calcio)<\/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);\">Previsioni alimentate dall'intelligenza artificiale<\/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);\">Quote in tempo reale<\/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);\">Punteggi di fiducia<\/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);\">Salva i tuoi preferiti<\/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);\">Funziona su qualsiasi dispositivo<\/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\">Potenti funzioni AI<\/h2>\n <p class=\"section-subtitle\">Tutto ci\u00f2 che vi serve per fare pronostici sportivi pi\u00f9 intelligenti<\/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\">Scelte basate sull'intelligenza artificiale<\/h3>\n <p class=\"feature-desc\">L'apprendimento automatico avanzato analizza migliaia di dati, tra cui statistiche di squadra, prestazioni dei giocatori, meteo e tendenze storiche.<\/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\">Quote in tempo reale<\/h3>\n <p class=\"feature-desc\">Confronto delle quote in tempo reale da parte di pi\u00f9 scommesse sportive, in modo da ottenere sempre le migliori linee disponibili.<\/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\">Punteggi di fiducia<\/h3>\n <p class=\"feature-desc\">Ogni scelta \u00e8 accompagnata da una valutazione di fiducia dell'intelligenza artificiale, in modo da sapere quali pronostici hanno la massima probabilit\u00e0.<\/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\">Scelte pre-partita<\/h3>\n <p class=\"feature-desc\">Ricevete i pronostici dettagliati 2 ore prima dell'inizio della partita, con aggiornamenti dell'ultimo minuto su infortuni e movimenti di linea.<\/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\">Salva i preferiti<\/h3>\n <p class=\"feature-desc\">Seguite le vostre squadre e partite preferite. Accedete rapidamente agli incontri pi\u00f9 importanti per voi.<\/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\">Pronto per l'uso<\/h3>\n <p class=\"feature-desc\">Accedere ai prelievi ovunque e in qualsiasi momento. La nostra piattaforma funziona perfettamente su qualsiasi dispositivo.<\/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\">Come funziona<\/h2>\n <p class=\"section-subtitle\">Iniziate a ottenere previsioni AI in 4 semplici passi<\/p>\n \n <div class=\"steps-container\">\n <div class=\"step-card\">\n <div class=\"step-number\">1<\/div>\n <h3 class=\"step-title\">Iscriviti gratuitamente<\/h3>\n <p class=\"step-desc\">Create il vostro account in pochi secondi.<\/p>\n <\/div>\n \n <div class=\"step-card\">\n <div class=\"step-number\">2<\/div>\n <h3 class=\"step-title\">5 giorni gratis<\/h3>\n <p class=\"step-desc\">Inizia la tua prova gratuita di 5 giorni con un numero illimitato di scelte AI.<\/p>\n <\/div>\n \n <div class=\"step-card\">\n <div class=\"step-number\">3<\/div>\n <h3 class=\"step-title\">Scegliete i vostri giochi<\/h3>\n <p class=\"step-desc\">Sfoglia le partite di oggi e ottieni le scelte dell'AI per qualsiasi incontro.<\/p>\n <\/div>\n \n <div class=\"step-card\">\n <div class=\"step-number\">4<\/div>\n <h3 class=\"step-title\">Ottenere approfondimenti<\/h3>\n <p class=\"step-desc\">Utilizzate le scelte basate sull'intelligenza artificiale per prendere decisioni informate.<\/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\">Cosa dicono gli appassionati di sport<\/h2>\n <p class=\"section-subtitle\">Unisciti a migliaia di utenti che ottengono prelievi pi\u00f9 intelligenti con l'AI<\/p>\n \n <div class=\"reviews-grid\">\n <div class=\"review-card\">\n <span class=\"review-badge\">Verificato<\/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\">\"Le scelte dell'intelligenza artificiale sono incredibili. Ha colto un movimento di linea che mi sarebbe sfuggito e ha salvato la mia parata domenicale. Ho gi\u00e0 guadagnato 3 unit\u00e0 questo mese!\".<\/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 Tifoso NFL<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"review-card\">\n <span class=\"review-badge\">Verificato<\/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\">\"Finalmente un'app che spiega PERCH\u00c9 una scelta \u00e8 buona, non solo cosa scegliere. I dati sugli infortuni e i dati storici sulle partite sono di livello superiore\".<\/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 Tifoso NBA<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"review-card\">\n <span class=\"review-badge\">Verificato<\/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\">\"Lo uso per la Premier League ogni fine settimana. I punteggi di fiducia mi aiutano a capire quando \u00e8 il caso di fidarsi di una scelta e quando invece si tratta di un lancio di moneta. Lo adoro!\"<\/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 Tifoso di calcio<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"review-card\">\n <span class=\"review-badge\">Verificato<\/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\">\"Ho iniziato con la prova gratuita e mi sono appassionato nel giro di una settimana. I pronostici sulla MLB sono perfetti. Ora io e il mio amico lo usiamo per ogni partita\".<\/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 Fan della MLB<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"review-card\">\n <span class=\"review-badge\">Verificato<\/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'interfaccia utente dell'app \u00e8 pulita e i prelievi si caricano velocemente. Non c'\u00e8 nulla di scontato, ma solo vere e proprie intuizioni basate sui dati. Il miglior strumento di intelligenza artificiale per lo sport che abbia mai usato\".<\/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 Tifoso NFL<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"review-card\">\n <span class=\"review-badge\">Verificato<\/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 copertura della Liga MX \u00e8 difficile da trovare, ma Nuvix ce l'ha! La scelta di Am\u00e9rica vs Chivas della scorsa settimana \u00e8 stata perfetta. Ottimo per gli appassionati di calcio\".<\/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\">Tifoso della 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\">Valutazione media<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">10K+<\/div>\n <div class=\"stat-label\">Utenti attivi<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">500K+<\/div>\n <div class=\"stat-label\">Scelte fatte<\/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\">Scegliete il vostro piano<\/h2>\n <p class=\"section-subtitle\">Inizio gratuito per 5 giorni - nessun costo fino al termine della prova<\/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>Base<\/h3>\n <p>10 prelievi al mese<\/p>\n <\/div>\n <div class=\"plan-price\">$9.99\/mo<\/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 prelievi al mese<\/p>\n <\/div>\n <div class=\"plan-price\">$29.99\/mo<\/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\">I pi\u00f9 popolari<\/div>\n <div class=\"plan-info\">\n <h3>Elite<\/h3>\n <p>Scelte illimitate<\/p>\n <\/div>\n <div class=\"plan-price\">$49.99\/mo<\/div>\n <\/div>\n\n <\/div>\n\n <!-- Trial Summary Card -->\n <div class=\"trial-summary\">\n <div class=\"trial-summary-header\">\n <h3>La vostra prova gratuita<\/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\">Oggi<\/span>\n <span class=\"trial-row-value free\">$0.00 a carico<\/span>\n <\/div>\n <div class=\"trial-row\">\n <span class=\"trial-row-label\">Accesso di prova<\/span>\n <span class=\"trial-row-value\" id=\"trial-access-value\">5 giorni di prelievi illimitati<\/span>\n <\/div>\n <div class=\"trial-row\">\n <span class=\"trial-row-label\">Piano dopo il processo<\/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\">Prima carica<\/span>\n <span class=\"trial-row-value\" id=\"trial-first-charge\">Il 17 marzo 2026: $49,99<\/span>\n <\/div>\n\n <div class=\"trial-nuvei\">\n <div class=\"trial-nuvei-title\">Inserimento sicuro della carta grazie a Nuvei<\/div>\n <p>La carta di credito \u00e8 necessaria per attivare la prova. \u00c8 possibile annullare il servizio prima del primo addebito.<\/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;\">INIZIA LA PROVA GRATUITA<\/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\">Pronto per <span>Migliorare le scelte?<\/span><\/h2>\n <p class=\"cta-subtitle\">Unisciti a migliaia di appassionati di sport che utilizzano l'intelligenza artificiale per ottenere scelte di livello esperto. Inizia oggi la tua prova gratuita di 5 giorni.<\/p>\n <div class=\"cta-buttons\">\n <a href=\"https:\/\/nuvix.com\/sportsapp\/\" class=\"btn btn-secondary\">Accedi<\/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\/it\/\" 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 fornisce pronostici e scelte sportive basate sull'intelligenza artificiale per aiutare gli appassionati di sport a prendere decisioni informate.<\/p>\n <\/div>\n \n <div class=\"footer-links\">\n <h4>Prodotto<\/h4>\n <a href=\"#sports\">Sport<\/a>\n <a href=\"#features\">Caratteristiche<\/a>\n <a href=\"#pricing\">Prezzi<\/a>\n <a href=\"#how-it-works\">Come funziona<\/a>\n <\/div>\n \n <div class=\"footer-links\">\n <h4>Conto<\/h4>\n <a href=\"https:\/\/nuvix.com\/sportsapp\/?new=true\">Iscriviti gratuitamente<\/a>\n <a href=\"https:\/\/nuvix.com\/sportsapp\/\">Accedi<\/a>\n <a href=\"https:\/\/nuvix.com\/it\/\">Nuvix Casa<\/a>\n <\/div>\n <\/div>\n \n <div class=\"footer-bottom\">\n <p class=\"footer-disclaimer\">\n <strong>Esclusione di responsabilit\u00e0:<\/strong> Questa piattaforma \u00e8 solo a scopo informativo e di intrattenimento. Tutti i pronostici e le scelte sono generati dall'intelligenza artificiale e non devono essere considerati una consulenza finanziaria. Le performance passate non garantiscono i risultati futuri. Gli utenti devono avere almeno 18 anni per utilizzare questo servizio.\n <\/p>\n <p class=\"footer-trademark\">\n Tutti i loghi dei campionati e delle squadre, i marchi e le marche presenti su questo sito sono di propriet\u00e0 dei rispettivi proprietari. NFL\u00ae, NBA\u00ae, MLB\u00ae, NHL\u00ae, Premier League\u2122, La Liga\u2122, UEFA Champions League\u2122, MLS\u00ae, Liga MX\u2122 e FIFA World Cup\u2122 sono marchi registrati delle rispettive organizzazioni. Nuvix non \u00e8 affiliata, appoggiata o collegata a nessuna di queste organizzazioni. L'uso di questi loghi \u00e8 solo a scopo informativo.\n <\/p>\n <p class=\"footer-copyright\">\u00a9 2025 Nuvix by iEvolution. Tutti i diritti riservati.<\/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=\"Cambiare entrambi\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\uddee\ud83c\uddf9<\/span>\n <span class=\"ulcs-lang\">IT<\/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 - Pronostici e scelte sportive basate sull'intelligenza artificiale Caratteristiche Come funziona Recensioni Prezzi Accedi Iniziare la prova gratuita Caratteristiche dello sport Come funziona Recensioni Prezzi Accedi Iniziare la prova gratuita Pronostici sportivi basati sull'intelligenza artificiale Scelte pi\u00f9 intelligenti. Previsioni AI in tempo reale per NFL, NBA, MLB, NHL e calcio - [...]","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\/it\/wp-json\/wp\/v2\/pages\/45598","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nuvix.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nuvix.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nuvix.com\/it\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nuvix.com\/it\/wp-json\/wp\/v2\/comments?post=45598"}],"version-history":[{"count":178,"href":"https:\/\/nuvix.com\/it\/wp-json\/wp\/v2\/pages\/45598\/revisions"}],"predecessor-version":[{"id":46265,"href":"https:\/\/nuvix.com\/it\/wp-json\/wp\/v2\/pages\/45598\/revisions\/46265"}],"wp:attachment":[{"href":"https:\/\/nuvix.com\/it\/wp-json\/wp\/v2\/media?parent=45598"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}