{"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\/pt\/nuvix-sport\/","title":{"rendered":"Nuvix Sports"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Nuvix Sports Picks AI - AI-Powered Sports Picks & Predictions<\/title>\n <meta name=\"description\" content=\"Get AI-powered sports predictions for NFL, NBA, MLB, and Soccer. Real-time picks, confidence scores, and expert picks for sports fans.\">\n \n <!-- Google Fonts - Montserrat -->\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500&display=swap\" rel=\"stylesheet\">\n \n <!-- Icons8 Line Awesome -->\n <link rel=\"stylesheet\" href=\"https:\/\/maxst.icons8.com\/vue-static\/landings\/line-awesome\/line-awesome\/1.3.0\/css\/line-awesome.min.css\">\n \n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html {\n width: 100%;\n }\n\n :root {\n \/* Primary Colors - Electric Blue (AI\/Tech) *\/\n --accent-blue-dark: #0044CC;\n --accent-blue: #0066FF;\n --accent-blue-light: #00D4FF;\n --accent-cyan: #00E5FF;\n \n \/* Money\/Success Colors - Neon Green (Winning) *\/\n --accent-green: #39FF14;\n --accent-emerald: #10B981;\n --accent-light-green: #7CFF5B;\n --success-green: #39FF14;\n --profit-green: #32CD32;\n \n \/* Legacy support *\/\n --accent-purple: #0066FF;\n \n \/* Secondary Colors *\/\n --danger-red: #EF4444;\n --gold: #FFD700;\n --orange-gold: #FFA500;\n \n \/* Background Colors - Dark *\/\n --dark-bg: #030712;\n --darker-bg: #010409;\n --card-bg: rgba(0, 102, 255, 0.03);\n --card-border: rgba(0, 102, 255, 0.1);\n --text-light: #E2E8F0;\n --text-muted: #94A3B8;\n \n \/* Gradients *\/\n --primary-gradient: linear-gradient(135deg, #0044CC 0%, #0066FF 50%, #00D4FF 100%);\n --cta-gradient: linear-gradient(135deg, #059669 0%, #10B981 30%, #39FF14 70%, #7CFF5B 100%);\n --money-gradient: linear-gradient(135deg, #10B981 0%, #39FF14 100%);\n --secondary-gradient: linear-gradient(135deg, #0066FF 0%, #00D4FF 100%);\n \n \/* Sport Colors *\/\n --nfl-color: #013369;\n --nba-color: #1d428a;\n --mlb-color: #002d72;\n --soccer-color: #37003c;\n --nhl-color: #000000;\n }\n\n body {\n font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n background-color: var(--dark-bg);\n color: var(--text-light);\n line-height: 1.6;\n margin: 0;\n padding: 0;\n width: 100%;\n min-width: 320px;\n -webkit-font-smoothing: antialiased;\n -webkit-text-size-adjust: 100%;\n }\n\n .container {\n width: 100%;\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 1rem;\n }\n\n @media (max-width: 480px) {\n .container { padding: 0 0.85rem; }\n }\n\n @media (max-width: 375px) {\n .container { padding: 0 0.75rem; }\n }\n\n @media (max-width: 320px) {\n .container { padding: 0 0.5rem; }\n }\n\n @media (min-width: 576px) {\n .container { padding: 0 1.5rem; }\n }\n\n @media (min-width: 768px) {\n .container { padding: 0 2rem; }\n }\n\n \/* Main wrapper *\/\n .main-wrapper {\n width: 100%;\n max-width: 100%;\n }\n\n section {\n width: 100%;\n max-width: 100%;\n }\n\n \/* Animated Background *\/\n .bg-animation {\n position: fixed;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: -1;\n background: var(--dark-bg);\n overflow: hidden;\n pointer-events: none;\n }\n\n .bg-animation::before {\n content: '';\n position: absolute;\n width: 200%;\n height: 200%;\n top: -50%;\n left: -50%;\n background: radial-gradient(circle at 20% 50%, rgba(0, 68, 204, 0.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 50%, rgba(0, 212, 255, 0.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 80%, rgba(0, 102, 255, 0.08) 0%, transparent 50%);\n animation: rotate 40s linear infinite;\n }\n\n @keyframes rotate {\n to { transform: rotate(360deg); }\n }\n\n .particle {\n position: absolute;\n background: rgba(0, 102, 255, 0.5);\n border-radius: 50%;\n animation: float 20s infinite linear;\n pointer-events: none;\n }\n\n @keyframes float {\n from {\n transform: translateY(100vh) translateX(0);\n opacity: 0;\n }\n 10% { opacity: 1; }\n 90% { opacity: 1; }\n to {\n transform: translateY(-100vh) translateX(100px);\n opacity: 0;\n }\n }\n\n \/* Header *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n width: 100%;\n max-width: 100vw;\n z-index: 1000;\n background: rgba(10, 14, 26, 0.9);\n backdrop-filter: blur(20px);\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.3s ease;\n overflow-x: hidden;\n }\n\n header.scrolled {\n background: rgba(10, 14, 26, 0.98);\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n }\n\n nav {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n max-width: 1400px;\n width: 100%;\n margin: 0 auto;\n box-sizing: border-box;\n }\n\n @media (max-width: 375px) {\n nav {\n padding: 0.75rem 0.85rem;\n }\n }\n\n @media (max-width: 320px) {\n nav {\n padding: 0.6rem 0.6rem;\n }\n }\n\n .logo {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n text-decoration: none;\n }\n\n .logo img {\n height: 40px;\n width: auto;\n filter: drop-shadow(0 0 10px rgba(0, 102, 255, 0.6));\n }\n\n @media (max-width: 375px) {\n .logo img { height: 32px; }\n }\n\n @media (max-width: 320px) {\n .logo img { height: 28px; }\n }\n\n @media (min-width: 768px) {\n .logo img { height: 45px; }\n }\n\n .nav-links {\n display: none;\n gap: 1.5rem;\n align-items: center;\n }\n\n @media (min-width: 768px) {\n .nav-links {\n display: flex;\n }\n }\n\n .nav-links a {\n color: var(--text-light);\n text-decoration: none;\n font-weight: 500;\n font-size: 0.95rem;\n transition: color 0.3s ease;\n position: relative;\n }\n\n .nav-links a::after {\n content: '';\n position: absolute;\n bottom: -5px;\n left: 0;\n width: 0;\n height: 2px;\n background: var(--primary-gradient);\n transition: width 0.3s ease;\n }\n\n .nav-links a:hover::after {\n width: 100%;\n }\n\n \/* Estilo espec\u00edfico para el bot\u00f3n verde - l\u00ednea verde en hover *\/\n .nav-links .btn-free::after {\n background: var(--cta-gradient) !important;\n }\n\n .mobile-nav-container {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n @media (max-width: 375px) {\n .mobile-nav-container {\n gap: 0.35rem;\n }\n \n .mobile-nav-container .btn {\n padding: 0.4rem 0.75rem !important;\n font-size: 0.65rem !important;\n }\n }\n\n @media (max-width: 320px) {\n .mobile-nav-container {\n gap: 0.25rem;\n }\n \n .mobile-nav-container .btn {\n padding: 0.35rem 0.6rem !important;\n font-size: 0.6rem !important;\n }\n }\n\n @media (min-width: 768px) {\n .mobile-nav-container { display: none; }\n }\n\n .hamburger {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n width: 28px;\n height: 22px;\n cursor: pointer;\n background: transparent;\n border: none;\n padding: 0;\n }\n\n @media (max-width: 375px) {\n .hamburger {\n width: 24px;\n height: 18px;\n }\n }\n\n @media (max-width: 320px) {\n .hamburger {\n width: 20px;\n height: 16px;\n }\n }\n\n .hamburger span {\n display: block;\n width: 100%;\n height: 3px;\n background: var(--text-light);\n border-radius: 3px;\n transition: all 0.3s ease;\n }\n\n @media (max-width: 375px) {\n .hamburger span {\n height: 2.5px;\n }\n }\n\n @media (max-width: 320px) {\n .hamburger span {\n height: 2px;\n }\n }\n\n .hamburger.active span:nth-child(1) {\n transform: translateY(9.5px) rotate(45deg);\n }\n\n .hamburger.active span:nth-child(2) {\n opacity: 0;\n }\n\n .hamburger.active span:nth-child(3) {\n transform: translateY(-9.5px) rotate(-45deg);\n }\n\n \/* Mobile Menu *\/\n .mobile-menu {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n background: rgba(10, 14, 26, 0.98);\n backdrop-filter: blur(20px);\n z-index: 999;\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n transition: all 0.3s ease;\n }\n\n .mobile-menu.active {\n opacity: 1;\n visibility: visible;\n pointer-events: auto;\n }\n\n .mobile-menu-content {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n padding: 2rem;\n }\n\n .mobile-menu-links {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n text-align: center;\n margin-bottom: 2rem;\n }\n\n .mobile-menu-links a {\n color: var(--text-light);\n text-decoration: none;\n font-size: 1.25rem;\n font-weight: 600;\n }\n\n .mobile-menu-buttons {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n max-width: 280px;\n }\n\n \/* Buttons *\/\n .btn {\n padding: 0.875rem 2rem;\n border-radius: 50px;\n text-decoration: none;\n font-weight: 600;\n transition: all 0.3s ease;\n display: inline-block;\n border: none;\n cursor: pointer;\n font-size: 0.9rem;\n text-align: center;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n @media (max-width: 375px) {\n .btn {\n padding: 0.75rem 1.5rem;\n font-size: 0.8rem;\n letter-spacing: 0.3px;\n }\n }\n\n @media (max-width: 320px) {\n .btn {\n padding: 0.65rem 1.25rem;\n font-size: 0.7rem;\n letter-spacing: 0.2px;\n }\n }\n\n @media (min-width: 576px) {\n .btn {\n padding: 1rem 2.5rem;\n font-size: 1rem;\n }\n }\n\n .btn-primary {\n background: var(--primary-gradient);\n color: white;\n box-shadow: 0 4px 20px rgba(0, 102, 255, 0.4);\n }\n\n .btn-primary:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 30px rgba(0, 102, 255, 0.6);\n }\n\n .btn-secondary {\n background: linear-gradient(135deg, #0066FF 0%, #00D4FF 100%);\n color: #FFFFFF !important;\n border: none;\n font-weight: 700;\n box-shadow: 0 4px 25px rgba(0, 212, 255, 0.4), 0 0 40px rgba(0, 212, 255, 0.2);\n text-shadow: none;\n }\n\n .btn-secondary:hover {\n background: linear-gradient(135deg, #0052CC 0%, #00B8E6 100%);\n transform: translateY(-2px);\n box-shadow: 0 8px 35px rgba(0, 212, 255, 0.5), 0 0 60px rgba(0, 212, 255, 0.3);\n color: #FFFFFF !important;\n }\n\n .btn-free {\n background: linear-gradient(135deg, #059669 0%, #10B981 25%, #39FF14 60%, #7CFF5B 100%);\n color: #000000 !important;\n font-weight: 700;\n box-shadow: 0 4px 25px rgba(57, 255, 20, 0.4), 0 0 40px rgba(57, 255, 20, 0.2);\n animation: pulse-btn 2s infinite;\n border: none;\n text-shadow: none;\n }\n\n .btn-free:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 35px rgba(57, 255, 20, 0.5), 0 0 60px rgba(57, 255, 20, 0.3);\n }\n\n @keyframes pulse-btn {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.02); }\n }\n\n \/* Section Titles *\/\n .section-title {\n text-align: center;\n font-size: clamp(1.5rem, 3.5vw, 3.5rem);\n margin-bottom: 1rem;\n background: linear-gradient(135deg, #fff 0%, #00D4FF 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-weight: 800;\n }\n\n @media (max-width: 320px) {\n .section-title {\n font-size: 1.35rem;\n }\n }\n\n .section-subtitle {\n text-align: center;\n font-size: clamp(0.85rem, 1.5vw, 1.25rem);\n opacity: 0.8;\n margin-bottom: 3rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n\n @media (max-width: 375px) {\n .section-subtitle {\n font-size: 0.85rem;\n margin-bottom: 2rem;\n }\n }\n\n @media (max-width: 320px) {\n .section-subtitle {\n font-size: 0.8rem;\n margin-bottom: 1.5rem;\n }\n }\n\n \/* Hero Section *\/\n .hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n padding: 6rem 0 4rem;\n position: relative;\n }\n\n @media (min-width: 1400px) {\n .hero {\n min-height: auto;\n padding: 8rem 0 6rem;\n }\n }\n\n @media (min-width: 1600px) {\n .hero {\n padding: 10rem 0 8rem;\n }\n }\n\n @media (max-width: 375px) {\n .hero {\n padding: 5rem 0 3rem;\n min-height: auto;\n }\n }\n\n @media (max-width: 320px) {\n .hero {\n padding: 4.5rem 0 2.5rem;\n }\n }\n\n .hero-content {\n display: grid;\n grid-template-columns: 1fr;\n gap: 3rem;\n align-items: center;\n }\n\n @media (max-width: 375px) {\n .hero-content {\n gap: 2rem;\n }\n }\n\n @media (max-width: 320px) {\n .hero-content {\n gap: 1.5rem;\n }\n }\n\n @media (min-width: 992px) {\n .hero-content {\n grid-template-columns: 1fr 1fr;\n gap: 4rem;\n }\n }\n\n .hero-text {\n text-align: center;\n }\n\n @media (min-width: 992px) {\n .hero-text { text-align: left; }\n }\n\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n background: linear-gradient(135deg, rgba(0, 68, 204, 0.2), rgba(0, 212, 255, 0.15));\n border: 1px solid rgba(0, 102, 255, 0.4);\n padding: 0.5rem 1.25rem;\n border-radius: 50px;\n font-size: 0.85rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n color: var(--accent-cyan);\n }\n\n @media (max-width: 375px) {\n .hero-badge {\n padding: 0.4rem 0.9rem;\n font-size: 0.7rem;\n gap: 0.35rem;\n margin-bottom: 1rem;\n }\n }\n\n @media (max-width: 320px) {\n .hero-badge {\n padding: 0.35rem 0.75rem;\n font-size: 0.65rem;\n gap: 0.3rem;\n margin-bottom: 0.85rem;\n }\n }\n\n .hero-badge i {\n font-size: 1rem;\n }\n\n @media (max-width: 375px) {\n .hero-badge i {\n font-size: 0.85rem;\n }\n }\n\n @media (max-width: 320px) {\n .hero-badge i {\n font-size: 0.75rem;\n }\n }\n\n .hero-text h1 {\n font-size: clamp(1.75rem, 5vw, 4rem);\n font-weight: 800;\n margin-bottom: 1.5rem;\n line-height: 1.1;\n }\n\n @media (min-width: 1600px) {\n .hero-text h1 {\n font-size: 4.2rem;\n }\n }\n\n @media (max-width: 375px) {\n .hero-text h1 {\n font-size: 1.6rem;\n margin-bottom: 1rem;\n }\n }\n\n @media (max-width: 320px) {\n .hero-text h1 {\n font-size: 1.4rem;\n margin-bottom: 0.85rem;\n }\n }\n\n .hero-text h1 span {\n background: var(--primary-gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero-text p {\n font-size: clamp(0.9rem, 1.5vw, 1.25rem);\n opacity: 0.9;\n margin-bottom: 2rem;\n line-height: 1.7;\n }\n\n @media (min-width: 1600px) {\n .hero-text p {\n font-size: 1.3rem;\n }\n }\n\n @media (max-width: 375px) {\n .hero-text p {\n font-size: 0.85rem;\n margin-bottom: 1.5rem;\n line-height: 1.6;\n }\n }\n\n @media (max-width: 320px) {\n .hero-text p {\n font-size: 0.8rem;\n margin-bottom: 1.25rem;\n }\n }\n\n .hero-stats {\n display: flex;\n justify-content: center;\n gap: 1rem;\n margin: 2rem 0;\n flex-wrap: wrap;\n }\n\n @media (max-width: 375px) {\n .hero-stats {\n gap: 0.6rem;\n margin: 1.5rem 0;\n }\n }\n\n @media (max-width: 320px) {\n .hero-stats {\n gap: 0.5rem;\n margin: 1rem 0;\n }\n }\n\n @media (min-width: 992px) {\n .hero-stats { justify-content: flex-start; }\n }\n\n .stat-item {\n text-align: center;\n padding: 1rem 1.5rem;\n background: rgba(255, 255, 255, 0.05);\n border-radius: 15px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n min-width: 100px;\n }\n\n @media (max-width: 375px) {\n .stat-item {\n padding: 0.75rem 1rem;\n min-width: 85px;\n border-radius: 12px;\n }\n }\n\n @media (max-width: 320px) {\n .stat-item {\n padding: 0.6rem 0.75rem;\n min-width: 75px;\n border-radius: 10px;\n }\n }\n\n .stat-number {\n font-size: 1.75rem;\n font-weight: 800;\n background: var(--primary-gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n @media (max-width: 375px) {\n .stat-number {\n font-size: 1.35rem;\n }\n }\n\n @media (max-width: 320px) {\n .stat-number {\n font-size: 1.15rem;\n }\n }\n\n .stat-label {\n font-size: 0.8rem;\n opacity: 0.7;\n margin-top: 0.25rem;\n }\n\n @media (max-width: 375px) {\n .stat-label {\n font-size: 0.65rem;\n }\n }\n\n @media (max-width: 320px) {\n .stat-label {\n font-size: 0.6rem;\n }\n }\n\n .hero-cta {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0;\n margin-top: 2rem;\n }\n\n @media (max-width: 375px) {\n .hero-cta {\n margin-top: 1.5rem;\n }\n }\n\n @media (max-width: 320px) {\n .hero-cta {\n margin-top: 1rem;\n }\n }\n\n @media (min-width: 992px) {\n .hero-cta { align-items: flex-start; }\n }\n\n .free-badge {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n margin-top: 1rem;\n font-size: 0.9rem;\n color: var(--accent-green);\n }\n\n @media (max-width: 375px) {\n .free-badge {\n font-size: 0.75rem;\n gap: 0.35rem;\n margin-top: 0.75rem;\n }\n }\n\n @media (max-width: 320px) {\n .free-badge {\n font-size: 0.7rem;\n gap: 0.3rem;\n }\n }\n\n .age-badge {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n margin-top: 0.5rem;\n font-size: 0.8rem;\n color: var(--text-light);\n opacity: 0.7;\n }\n\n @media (max-width: 375px) {\n .age-badge {\n font-size: 0.65rem;\n gap: 0.35rem;\n }\n }\n\n @media (max-width: 320px) {\n .age-badge {\n font-size: 0.6rem;\n gap: 0.3rem;\n }\n }\n\n \/* Hero Visual - Interactive Demo *\/\n .hero-visual {\n position: relative;\n max-width: 100%;\n overflow: hidden;\n }\n\n .app-demo {\n background: linear-gradient(145deg, rgba(3, 7, 18, 0.98), rgba(5, 15, 35, 0.98));\n border-radius: 20px;\n border: 1px solid rgba(0, 102, 255, 0.3);\n box-shadow: 0 25px 80px rgba(0, 102, 255, 0.2), 0 0 0 1px rgba(0, 102, 255, 0.05) inset;\n overflow: hidden;\n position: relative;\n }\n\n @media (max-width: 480px) {\n .app-demo {\n border-radius: 15px;\n }\n }\n\n @media (max-width: 375px) {\n .app-demo {\n border-radius: 12px;\n }\n }\n\n .demo-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.25rem;\n background: rgba(0, 0, 0, 0.3);\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n @media (max-width: 480px) {\n .demo-header {\n padding: 0.75rem 0.85rem;\n }\n }\n\n @media (max-width: 375px) {\n .demo-header {\n padding: 0.6rem 0.7rem;\n }\n }\n\n @media (max-width: 320px) {\n .demo-header {\n padding: 0.5rem 0.5rem;\n }\n }\n\n .demo-title {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n font-weight: 700;\n font-size: 1rem;\n }\n\n @media (max-width: 480px) {\n .demo-title {\n gap: 0.35rem;\n font-size: 0.85rem;\n }\n }\n\n @media (max-width: 375px) {\n .demo-title {\n gap: 0.3rem;\n font-size: 0.75rem;\n }\n }\n\n @media (max-width: 320px) {\n .demo-title {\n gap: 0.25rem;\n font-size: 0.7rem;\n }\n }\n\n .demo-logo {\n font-size: 1.25rem;\n }\n\n @media (max-width: 480px) {\n .demo-logo {\n font-size: 1rem;\n }\n }\n\n @media (max-width: 375px) {\n .demo-logo {\n font-size: 0.9rem;\n }\n }\n\n .demo-picks {\n display: flex;\n align-items: center;\n gap: 0.4rem;\n background: linear-gradient(135deg, rgba(57, 255, 20, 0.15), rgba(124, 255, 91, 0.1));\n border: 1px solid rgba(57, 255, 20, 0.4);\n padding: 0.4rem 0.75rem;\n border-radius: 20px;\n font-weight: 700;\n font-size: 0.85rem;\n color: var(--accent-green);\n }\n\n @media (max-width: 480px) {\n .demo-picks {\n gap: 0.3rem;\n padding: 0.3rem 0.55rem;\n font-size: 0.75rem;\n }\n }\n\n @media (max-width: 375px) {\n .demo-picks {\n gap: 0.25rem;\n padding: 0.25rem 0.45rem;\n font-size: 0.65rem;\n }\n }\n\n @media (max-width: 320px) {\n .demo-picks {\n padding: 0.2rem 0.35rem;\n font-size: 0.6rem;\n }\n }\n\n .demo-picks i {\n font-size: 1rem;\n }\n\n @media (max-width: 480px) {\n .demo-picks i {\n font-size: 0.85rem;\n }\n }\n\n @media (max-width: 375px) {\n .demo-picks i {\n font-size: 0.75rem;\n }\n }\n\n \/* Sports Tabs *\/\n .demo-sports-tabs {\n display: flex;\n gap: 0.5rem;\n padding: 0.75rem 1rem;\n background: rgba(0, 0, 0, 0.2);\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n overflow-x: auto;\n justify-content: center;\n }\n\n @media (max-width: 767px) {\n .demo-sports-tabs {\n gap: 0.75rem;\n padding: 0.75rem 1rem;\n justify-content: center;\n }\n }\n\n @media (max-width: 480px) {\n .demo-sports-tabs {\n gap: 0.6rem;\n padding: 0.6rem 0.75rem;\n }\n }\n\n @media (max-width: 375px) {\n .demo-sports-tabs {\n gap: 0.5rem;\n padding: 0.5rem 0.6rem;\n }\n }\n\n @media (max-width: 320px) {\n .demo-sports-tabs {\n gap: 0.4rem;\n padding: 0.4rem 0.5rem;\n }\n }\n\n .demo-sport-tab {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.4rem;\n padding: 0.5rem 0.85rem;\n border-radius: 25px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n background: transparent;\n color: var(--text-light);\n cursor: pointer;\n font-size: 0.75rem;\n font-weight: 600;\n transition: all 0.3s ease;\n white-space: nowrap;\n font-family: inherit;\n }\n\n \/* Hide text on mobile - show only icons *\/\n .demo-sport-tab .sport-name {\n display: inline;\n }\n\n @media (max-width: 767px) {\n .demo-sport-tab {\n width: 44px;\n height: 44px;\n padding: 0;\n border-radius: 50%;\n gap: 0;\n }\n \n .demo-sport-tab .sport-name {\n display: none !important;\n }\n \n .demo-sport-tab .tab-logo {\n width: 22px !important;\n height: 22px !important;\n }\n \n .demo-sport-tab .sport-emoji {\n font-size: 1.1rem !important;\n }\n }\n\n @media (max-width: 480px) {\n .demo-sport-tab {\n width: 40px;\n height: 40px;\n }\n \n .demo-sport-tab .tab-logo {\n width: 20px !important;\n height: 20px !important;\n }\n \n .demo-sport-tab .sport-emoji {\n font-size: 1rem !important;\n }\n }\n\n @media (max-width: 375px) {\n .demo-sport-tab {\n width: 36px;\n height: 36px;\n }\n \n .demo-sport-tab .tab-logo {\n width: 18px !important;\n height: 18px !important;\n }\n \n .demo-sport-tab .sport-emoji {\n font-size: 0.9rem !important;\n }\n }\n\n @media (max-width: 320px) {\n .demo-sport-tab {\n width: 32px;\n height: 32px;\n }\n \n .demo-sport-tab .tab-logo {\n width: 16px !important;\n height: 16px !important;\n }\n \n .demo-sport-tab .sport-emoji {\n font-size: 0.8rem !important;\n }\n }\n\n .demo-sport-tab .tab-logo {\n width: 20px;\n height: 20px;\n object-fit: contain;\n }\n\n @media (min-width: 768px) {\n .demo-sport-tab .tab-logo {\n width: 24px;\n height: 24px;\n }\n }\n\n .demo-sport-tab .sport-emoji {\n font-size: 1rem;\n line-height: 1;\n }\n\n .demo-sport-tab:hover {\n background: rgba(255, 255, 255, 0.1);\n }\n\n .demo-sport-tab.active {\n background: var(--primary-gradient);\n border-color: transparent;\n color: white;\n }\n\n \/* Soccer Leagues Bar - Estilo como tabs deportivos *\/\n .soccer-leagues-bar {\n display: flex;\n justify-content: center;\n gap: 0.5rem;\n padding: 0.75rem 1rem;\n background: rgba(0, 0, 0, 0.3);\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n flex-wrap: wrap;\n }\n\n .soccer-league-tab {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.4rem;\n padding: 0.5rem 0.85rem;\n border-radius: 25px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n background: transparent;\n color: var(--text-light);\n cursor: pointer;\n font-size: 0.75rem;\n font-weight: 600;\n transition: all 0.3s ease;\n white-space: nowrap;\n font-family: inherit;\n }\n\n .soccer-league-tab img {\n width: 20px;\n height: 20px;\n object-fit: contain;\n }\n\n .soccer-league-tab:hover {\n background: rgba(255, 255, 255, 0.1);\n }\n\n .soccer-league-tab.active {\n background: var(--primary-gradient);\n border-color: transparent;\n color: white;\n }\n\n .soccer-league-tab .league-name {\n display: inline;\n }\n\n @media (max-width: 767px) {\n .soccer-league-tab {\n width: 44px;\n height: 44px;\n padding: 0;\n border-radius: 50%;\n gap: 0;\n }\n \n .soccer-league-tab .league-name {\n display: none !important;\n }\n \n .soccer-league-tab img {\n width: 22px !important;\n height: 22px !important;\n }\n }\n\n @media (min-width: 768px) {\n .soccer-league-tab img {\n width: 24px;\n height: 24px;\n }\n }\n\n\n \/* Games Container *\/\n .demo-games-container {\n padding: 1rem;\n max-height: 420px;\n overflow-y: auto;\n }\n\n .demo-games-container::-webkit-scrollbar {\n width: 4px;\n }\n\n .demo-games-container::-webkit-scrollbar-thumb {\n background: rgba(0, 102, 255, 0.3);\n border-radius: 2px;\n }\n\n .demo-games {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n }\n\n\n \/* Game Card - Dise\u00f1o compacto como app real *\/\n .demo-game-card {\n background: linear-gradient(135deg, rgba(0, 20, 40, 0.4) 0%, rgba(0, 10, 25, 0.6) 100%);\n border-radius: 12px;\n border: 1px solid rgba(0, 102, 255, 0.15);\n padding: 0.85rem;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n\n .demo-game-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, transparent 0%, rgba(0, 212, 255, 0.5) 50%, transparent 100%);\n }\n\n .demo-game-card:hover {\n border-color: rgba(0, 212, 255, 0.4);\n background: linear-gradient(135deg, rgba(0, 20, 40, 0.5) 0%, rgba(0, 10, 25, 0.7) 100%);\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(0, 102, 255, 0.15);\n }\n\n .game-card-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 0.65rem;\n }\n\n .game-league-logo {\n display: flex;\n align-items: center;\n gap: 0.35rem;\n background: rgba(0, 102, 255, 0.1);\n border: 1px solid rgba(0, 102, 255, 0.2);\n padding: 0.2rem 0.5rem 0.2rem 0.3rem;\n border-radius: 15px;\n }\n\n .game-league-logo img {\n width: 16px;\n height: 16px;\n object-fit: contain;\n }\n\n .game-league-logo span {\n font-size: 0.6rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n color: rgba(255, 255, 255, 0.9);\n }\n\n .game-time-badge {\n font-size: 0.65rem;\n opacity: 0.6;\n display: flex;\n align-items: center;\n gap: 0.25rem;\n color: rgba(255, 255, 255, 0.7);\n }\n\n \/* Game Matchup - Dise\u00f1o horizontal compacto *\/\n .game-matchup {\n display: grid;\n grid-template-columns: 1fr auto 1fr;\n align-items: center;\n gap: 0.75rem;\n margin-bottom: 0.75rem;\n padding: 0.5rem 0;\n }\n\n .game-matchup .team {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .game-matchup .team.away {\n flex-direction: row-reverse;\n text-align: right;\n }\n\n .team-logo-img {\n width: 32px;\n height: 32px;\n min-width: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(255, 255, 255, 0.05);\n border-radius: 8px;\n padding: 3px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .team-logo-img img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n\n .team-info {\n display: flex;\n flex-direction: column;\n gap: 0.1rem;\n }\n\n .team-name {\n font-size: 0.8rem;\n font-weight: 700;\n color: rgba(255, 255, 255, 0.95);\n line-height: 1;\n }\n\n .team-record {\n font-size: 0.65rem;\n opacity: 0.5;\n color: rgba(255, 255, 255, 0.6);\n line-height: 1;\n }\n\n .matchup-center {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.3rem;\n padding: 0 0.5rem;\n border-left: 1px solid rgba(255, 255, 255, 0.08);\n border-right: 1px solid rgba(255, 255, 255, 0.08);\n }\n\n .vs-text {\n font-size: 0.7rem;\n font-weight: 700;\n opacity: 0.4;\n color: rgba(255, 255, 255, 0.5);\n line-height: 1;\n }\n\n .game-odds-mini {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.15rem;\n }\n\n .game-odds-mini span {\n font-size: 0.65rem;\n font-weight: 600;\n color: var(--accent-cyan);\n opacity: 0.8;\n line-height: 1;\n }\n\n \/* Pick Button - Estilo app real *\/\n .demo-pick-btn {\n width: 100%;\n background: linear-gradient(90deg, #0066FF 0%, #00D4FF 100%);\n border: none;\n border-radius: 8px;\n padding: 0.7rem;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n cursor: pointer;\n transition: all 0.3s ease;\n font-weight: 700;\n font-size: 0.8rem;\n color: white;\n position: relative;\n overflow: hidden;\n }\n\n .demo-pick-btn::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.2) 50%, transparent 100%);\n transition: left 0.5s ease;\n }\n\n .demo-pick-btn:hover::before {\n left: 100%;\n }\n\n .demo-pick-btn:hover {\n transform: translateY(-1px);\n box-shadow: 0 6px 20px rgba(0, 212, 255, 0.4);\n }\n\n .demo-pick-btn i {\n font-size: 1rem;\n }\n\n .pick-cost {\n background: rgba(57, 255, 20, 0.2);\n padding: 0.15rem 0.5rem;\n border-radius: 10px;\n font-size: 0.65rem;\n font-weight: 700;\n color: var(--accent-green);\n border: 1px solid rgba(57, 255, 20, 0.3);\n }\n\n\n \/* Pick Modal *\/\n .demo-pick-modal {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(10, 14, 39, 0.98);\n display: none;\n align-items: center;\n justify-content: center;\n z-index: 10;\n border-radius: 20px;\n }\n\n .demo-pick-modal.active {\n display: flex;\n }\n\n .pick-modal-content {\n width: 100%;\n height: 100%;\n padding: 1.5rem;\n display: flex;\n flex-direction: column;\n position: relative;\n overflow-y: auto;\n }\n\n .pick-close-btn {\n position: absolute;\n top: 1rem;\n right: 1rem;\n width: 32px;\n height: 32px;\n border-radius: 50%;\n border: 1px solid rgba(255, 255, 255, 0.2);\n background: rgba(255, 255, 255, 0.1);\n color: white;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.1rem;\n transition: all 0.3s ease;\n z-index: 5;\n }\n\n .pick-close-btn:hover {\n background: rgba(255, 255, 255, 0.2);\n border-color: var(--accent-purple);\n }\n\n \/* Loading State *\/\n .pick-loading {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n gap: 2rem;\n }\n\n .loading-spinner {\n width: 60px;\n height: 60px;\n border: 3px solid rgba(0, 102, 255, 0.2);\n border-top-color: var(--accent-purple);\n border-radius: 50%;\n animation: spin 1s linear infinite;\n }\n\n @keyframes spin {\n to { transform: rotate(360deg); }\n }\n\n .loading-steps {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .loading-step {\n display: flex;\n align-items: center;\n gap: 0.6rem;\n font-size: 0.85rem;\n opacity: 0.3;\n transition: all 0.3s ease;\n }\n\n .loading-step.active {\n opacity: 1;\n color: var(--accent-cyan);\n }\n\n .loading-step.complete {\n opacity: 0.7;\n color: var(--success-green);\n }\n\n .loading-step.complete i::before {\n content: \"\\f00c\";\n }\n\n \/* Pick Result *\/\n .pick-result {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n animation: fadeIn 0.5s ease;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .pick-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-bottom: 0.75rem;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .pick-matchup {\n font-weight: 700;\n font-size: 1rem;\n }\n\n .pick-league {\n padding: 0.25rem 0.6rem;\n border-radius: 15px;\n font-size: 0.65rem;\n font-weight: 700;\n background: var(--primary-gradient);\n }\n\n \/* Confidence Meter *\/\n .confidence-meter {\n background: rgba(255, 255, 255, 0.05);\n border-radius: 12px;\n padding: 1rem;\n }\n\n .confidence-label {\n font-size: 0.75rem;\n opacity: 0.7;\n margin-bottom: 0.5rem;\n }\n\n .confidence-bar-container {\n height: 10px;\n background: rgba(255, 255, 255, 0.1);\n border-radius: 5px;\n overflow: hidden;\n margin-bottom: 0.4rem;\n }\n\n .confidence-bar-fill {\n height: 100%;\n background: var(--primary-gradient);\n border-radius: 5px;\n width: 0%;\n transition: width 1s ease;\n }\n\n .confidence-value {\n font-size: 1.5rem;\n font-weight: 800;\n color: var(--accent-cyan);\n text-align: right;\n }\n\n \/* Recommended Pick *\/\n .recommended-pick {\n background: linear-gradient(135deg, rgba(0, 102, 255, 0.15), rgba(0, 102, 255, 0.15));\n border: 1px solid rgba(0, 102, 255, 0.3);\n border-radius: 12px;\n padding: 1rem;\n text-align: center;\n }\n\n .pick-label {\n font-size: 0.75rem;\n opacity: 0.8;\n margin-bottom: 0.4rem;\n }\n\n .pick-value {\n font-size: 1.25rem;\n font-weight: 800;\n color: var(--success-green);\n }\n\n \/* Pick Breakdown *\/\n .pick-breakdown {\n background: rgba(255, 255, 255, 0.03);\n border-radius: 12px;\n padding: 0.75rem;\n }\n\n .breakdown-title {\n font-size: 0.7rem;\n opacity: 0.6;\n margin-bottom: 0.5rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n .breakdown-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0.4rem 0;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n }\n\n .breakdown-item:last-child {\n border-bottom: none;\n }\n\n .breakdown-label {\n font-size: 0.75rem;\n opacity: 0.7;\n }\n\n .breakdown-value {\n font-size: 0.8rem;\n font-weight: 600;\n }\n\n .breakdown-conf {\n font-size: 0.7rem;\n color: var(--success-green);\n background: rgba(0, 102, 255, 0.15);\n padding: 0.15rem 0.4rem;\n border-radius: 10px;\n }\n\n \/* Pick Summary *\/\n .pick-summary {\n font-size: 0.8rem;\n line-height: 1.6;\n opacity: 0.8;\n background: rgba(255, 255, 255, 0.03);\n border-radius: 10px;\n padding: 0.75rem;\n border-left: 3px solid var(--accent-purple);\n }\n\n \/* Pick Actions *\/\n .pick-actions {\n display: flex;\n gap: 0.75rem;\n }\n\n .action-btn {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.4rem;\n padding: 0.6rem;\n border-radius: 10px;\n border: 1px solid rgba(255, 255, 255, 0.2);\n background: rgba(255, 255, 255, 0.05);\n color: white;\n font-size: 0.8rem;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n font-family: inherit;\n }\n\n .action-btn:hover {\n background: rgba(255, 255, 255, 0.1);\n border-color: var(--accent-purple);\n }\n\n .action-btn.copied {\n background: rgba(0, 102, 255, 0.2);\n border-color: var(--success-green);\n color: var(--success-green);\n }\n\n .action-btn.saved {\n background: rgba(0, 102, 255, 0.2);\n border-color: var(--accent-purple);\n color: var(--accent-cyan);\n }\n\n \/* Demo Label *\/\n .demo-label {\n position: absolute;\n bottom: -35px;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n align-items: center;\n gap: 0.5rem;\n font-size: 0.8rem;\n font-weight: 600;\n color: var(--accent-cyan);\n opacity: 0.9;\n animation: bounce 2s infinite;\n }\n\n @keyframes bounce {\n 0%, 100% { transform: translateX(-50%) translateY(0); }\n 50% { transform: translateX(-50%) translateY(-5px); }\n }\n\n @media (max-width: 991px) {\n .hero-visual {\n margin-bottom: 2.5rem;\n }\n }\n\n \/* Mobile Responsive - Tablets and below *\/\n @media (max-width: 768px) {\n .app-demo {\n border-radius: 15px;\n }\n \n .demo-header {\n padding: 0.75rem 1rem;\n }\n \n .demo-title {\n font-size: 0.9rem;\n }\n \n .demo-picks {\n padding: 0.35rem 0.6rem;\n font-size: 0.8rem;\n }\n \n .demo-sports-tabs {\n padding: 0.6rem 0.75rem;\n gap: 0.6rem;\n }\n \n .demo-games-container {\n padding: 0.75rem;\n max-height: 380px;\n }\n \n .demo-game-card {\n padding: 0.85rem;\n border-radius: 12px;\n }\n \n .team-logo {\n font-size: 1.25rem;\n width: 35px;\n height: 35px;\n border-radius: 8px;\n }\n \n .team-logo-img {\n width: 35px;\n height: 35px;\n border-radius: 8px;\n padding: 3px;\n }\n \n .soccer-leagues-bar {\n gap: 0.4rem;\n padding: 0.4rem 0.5rem;\n }\n \n .soccer-league-tab {\n width: 32px;\n height: 32px;\n border-radius: 8px;\n padding: 4px;\n }\n \n .team-name {\n font-size: 0.75rem;\n }\n \n .team-record {\n font-size: 0.6rem;\n }\n \n .demo-pick-btn {\n padding: 0.6rem;\n font-size: 0.75rem;\n border-radius: 8px;\n }\n \n .pick-modal-content {\n padding: 1.25rem;\n }\n \n .pick-matchup {\n font-size: 0.9rem;\n }\n \n .confidence-meter {\n padding: 0.85rem;\n }\n \n .confidence-value {\n font-size: 1.25rem;\n }\n \n .recommended-pick {\n padding: 0.85rem;\n }\n \n .pick-value {\n font-size: 1.1rem;\n }\n \n .pick-summary {\n font-size: 0.75rem;\n padding: 0.6rem;\n }\n \n .demo-label {\n font-size: 0.7rem;\n bottom: -30px;\n }\n }\n\n \/* Mobile Responsive - Small phones (375px and below) *\/\n @media (max-width: 375px) {\n .app-demo {\n border-radius: 12px;\n }\n \n .demo-header {\n padding: 0.6rem 0.75rem;\n }\n \n .demo-title {\n font-size: 0.8rem;\n gap: 0.35rem;\n }\n \n .demo-logo {\n font-size: 1rem;\n }\n \n .demo-picks {\n padding: 0.3rem 0.5rem;\n font-size: 0.7rem;\n gap: 0.25rem;\n }\n \n .demo-picks i {\n font-size: 0.85rem;\n }\n \n .demo-sports-tabs {\n padding: 0.5rem 0.5rem;\n gap: 0.5rem;\n }\n \n .demo-games-container {\n padding: 0.5rem;\n max-height: 350px;\n }\n \n .demo-games {\n gap: 0.5rem;\n }\n \n .demo-game-card {\n padding: 0.7rem;\n border-radius: 10px;\n }\n \n .game-card-header {\n margin-bottom: 0.5rem;\n }\n \n .game-league-badge {\n padding: 0.2rem 0.45rem;\n font-size: 0.55rem;\n }\n \n .game-league-logo {\n padding: 0.2rem 0.45rem 0.2rem 0.25rem;\n gap: 0.25rem;\n }\n \n .game-league-logo img {\n width: 14px;\n height: 14px;\n }\n \n .game-league-logo span {\n font-size: 0.5rem;\n }\n \n .game-time-badge {\n font-size: 0.6rem;\n }\n \n .game-matchup {\n margin-bottom: 0.5rem;\n }\n \n .team-logo {\n font-size: 1.1rem;\n width: 30px;\n height: 30px;\n border-radius: 6px;\n }\n \n .team-logo-img {\n width: 30px;\n height: 30px;\n border-radius: 6px;\n padding: 2px;\n }\n \n .soccer-leagues-bar {\n gap: 0.3rem;\n padding: 0.35rem 0.4rem;\n }\n \n .soccer-league-tab {\n width: 26px;\n height: 26px;\n border-radius: 6px;\n padding: 3px;\n border-width: 1.5px;\n }\n \n .team-name {\n font-size: 0.65rem;\n }\n \n .team-record {\n font-size: 0.55rem;\n }\n \n .matchup-center {\n padding: 0 0.25rem;\n }\n \n .vs-text {\n font-size: 0.6rem;\n }\n \n .game-odds-mini {\n font-size: 0.55rem;\n }\n \n .demo-pick-btn {\n padding: 0.5rem;\n font-size: 0.65rem;\n gap: 0.35rem;\n }\n \n .demo-pick-btn i {\n font-size: 0.85rem;\n }\n \n .pick-cost {\n font-size: 0.55rem;\n padding: 0.1rem 0.3rem;\n }\n \n .pick-modal-content {\n padding: 1rem 0.75rem;\n }\n \n .pick-close-btn {\n width: 28px;\n height: 28px;\n font-size: 0.95rem;\n top: 0.75rem;\n right: 0.75rem;\n }\n \n .loading-spinner {\n width: 45px;\n height: 45px;\n }\n \n .loading-step {\n font-size: 0.75rem;\n gap: 0.5rem;\n }\n \n .pick-result {\n gap: 0.75rem;\n }\n \n .pick-header {\n padding-bottom: 0.5rem;\n }\n \n .pick-matchup {\n font-size: 0.8rem;\n }\n \n .pick-league {\n padding: 0.2rem 0.45rem;\n font-size: 0.55rem;\n }\n \n .confidence-meter {\n padding: 0.7rem;\n border-radius: 10px;\n }\n \n .confidence-label {\n font-size: 0.65rem;\n }\n \n .confidence-bar-container {\n height: 8px;\n }\n \n .confidence-value {\n font-size: 1.1rem;\n }\n \n .recommended-pick {\n padding: 0.7rem;\n border-radius: 10px;\n }\n \n .pick-label {\n font-size: 0.65rem;\n }\n \n .pick-value {\n font-size: 1rem;\n }\n \n .pick-breakdown {\n padding: 0.6rem;\n border-radius: 10px;\n }\n \n .breakdown-title {\n font-size: 0.6rem;\n }\n \n .breakdown-item {\n padding: 0.3rem 0;\n }\n \n .breakdown-label {\n font-size: 0.65rem;\n }\n \n .breakdown-value {\n font-size: 0.7rem;\n }\n \n .breakdown-conf {\n font-size: 0.6rem;\n padding: 0.1rem 0.3rem;\n }\n \n .pick-summary {\n font-size: 0.7rem;\n padding: 0.5rem;\n line-height: 1.5;\n border-radius: 8px;\n }\n \n .pick-actions {\n gap: 0.5rem;\n }\n \n .action-btn {\n padding: 0.5rem;\n font-size: 0.7rem;\n border-radius: 8px;\n }\n \n .demo-label {\n font-size: 0.65rem;\n bottom: -28px;\n gap: 0.35rem;\n }\n }\n\n \/* Mobile Responsive - Extra small phones (320px) *\/\n @media (max-width: 320px) {\n .demo-header {\n padding: 0.5rem 0.6rem;\n }\n \n .demo-title {\n font-size: 0.7rem;\n }\n \n .demo-logo {\n font-size: 0.9rem;\n }\n \n .demo-picks {\n padding: 0.25rem 0.4rem;\n font-size: 0.6rem;\n }\n \n .demo-sports-tabs {\n padding: 0.4rem;\n gap: 0.4rem;\n }\n \n .demo-games-container {\n padding: 0.4rem;\n max-height: 300px;\n }\n \n .demo-game-card {\n padding: 0.6rem;\n }\n \n .game-league-logo {\n padding: 0.15rem 0.35rem 0.15rem 0.2rem;\n gap: 0.2rem;\n }\n \n .game-league-logo img {\n width: 12px;\n height: 12px;\n }\n \n .game-league-logo span {\n font-size: 0.45rem;\n }\n \n .team-logo {\n font-size: 1rem;\n width: 26px;\n height: 26px;\n }\n \n .team-logo-img {\n width: 26px;\n height: 26px;\n border-radius: 5px;\n padding: 2px;\n }\n \n .soccer-leagues-bar {\n gap: 0.25rem;\n padding: 0.3rem;\n }\n \n .soccer-league-tab {\n width: 22px;\n height: 22px;\n border-radius: 5px;\n padding: 2px;\n border-width: 1px;\n }\n \n .team-name {\n font-size: 0.6rem;\n }\n \n .team-record {\n font-size: 0.5rem;\n }\n \n .demo-pick-btn {\n padding: 0.45rem;\n font-size: 0.6rem;\n }\n \n .pick-modal-content {\n padding: 0.75rem 0.6rem;\n }\n \n .pick-close-btn {\n width: 24px;\n height: 24px;\n font-size: 0.85rem;\n top: 0.5rem;\n right: 0.5rem;\n }\n \n .loading-spinner {\n width: 40px;\n height: 40px;\n }\n \n .loading-step {\n font-size: 0.65rem;\n }\n \n .pick-matchup {\n font-size: 0.7rem;\n }\n \n .confidence-value {\n font-size: 1rem;\n }\n \n .pick-value {\n font-size: 0.9rem;\n }\n \n .pick-summary {\n font-size: 0.65rem;\n }\n \n .action-btn {\n padding: 0.4rem;\n font-size: 0.6rem;\n }\n \n .demo-label {\n font-size: 0.6rem;\n bottom: -25px;\n }\n }\n\n \/* Leagues Marquee *\/\n .leagues-marquee {\n padding: 2.5rem 0 2rem;\n background: linear-gradient(180deg, rgba(0, 102, 255, 0.04) 0%, rgba(0, 212, 255, 0.04) 100%);\n border-top: 1px solid rgba(255, 255, 255, 0.05);\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n overflow: hidden;\n position: relative;\n }\n\n @media (max-width: 375px) {\n .leagues-marquee {\n padding: 1.75rem 0 1.5rem;\n }\n }\n\n @media (max-width: 320px) {\n .leagues-marquee {\n padding: 1.25rem 0 1rem;\n }\n }\n\n .marquee-label {\n text-align: center;\n font-size: 0.8rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: var(--accent-cyan);\n margin-bottom: 1.5rem;\n opacity: 0.9;\n }\n\n @media (max-width: 375px) {\n .marquee-label {\n font-size: 0.65rem;\n letter-spacing: 2px;\n margin-bottom: 1rem;\n }\n }\n\n @media (max-width: 320px) {\n .marquee-label {\n font-size: 0.55rem;\n letter-spacing: 1.5px;\n margin-bottom: 0.75rem;\n }\n }\n\n @media (min-width: 768px) {\n .marquee-label {\n font-size: 0.85rem;\n letter-spacing: 4px;\n }\n }\n\n .marquee-container {\n overflow: hidden;\n width: 100%;\n padding: 10px 0;\n mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);\n -webkit-mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);\n }\n\n .marquee-track {\n display: flex;\n gap: 2rem;\n animation: scroll-left 40s linear infinite;\n width: max-content;\n }\n\n @media (max-width: 375px) {\n .marquee-track {\n gap: 1.25rem;\n }\n }\n\n @media (max-width: 320px) {\n .marquee-track {\n gap: 0.85rem;\n }\n }\n\n @media (min-width: 768px) {\n .marquee-track {\n gap: 3rem;\n }\n }\n\n @keyframes scroll-left {\n 0% {\n transform: translateX(0);\n }\n 100% {\n transform: translateX(-50%);\n }\n }\n\n .league-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.75rem;\n min-width: 80px;\n transition: transform 0.3s ease;\n }\n\n @media (max-width: 375px) {\n .league-item {\n min-width: 60px;\n gap: 0.4rem;\n }\n }\n\n @media (max-width: 320px) {\n .league-item {\n min-width: 50px;\n gap: 0.3rem;\n }\n }\n\n @media (min-width: 768px) {\n .league-item {\n min-width: 100px;\n }\n }\n\n .league-item:hover {\n transform: scale(1.05);\n }\n\n .league-logo {\n width: 55px;\n height: 55px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(255, 255, 255, 0.08);\n border: 1px solid rgba(255, 255, 255, 0.1);\n padding: 8px;\n transition: all 0.3s ease;\n }\n\n @media (max-width: 375px) {\n .league-logo {\n width: 42px;\n height: 42px;\n border-radius: 10px;\n padding: 6px;\n }\n }\n\n @media (max-width: 320px) {\n .league-logo {\n width: 35px;\n height: 35px;\n border-radius: 8px;\n padding: 5px;\n }\n }\n\n @media (min-width: 768px) {\n .league-logo {\n width: 70px;\n height: 70px;\n border-radius: 15px;\n padding: 10px;\n }\n }\n\n .league-logo img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n\n .league-item:hover .league-logo {\n border-color: var(--accent-purple);\n box-shadow: 0 8px 25px rgba(0, 102, 255, 0.3);\n background: rgba(255, 255, 255, 0.12);\n }\n\n .league-item span {\n font-size: 0.65rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n opacity: 0.7;\n white-space: nowrap;\n transition: all 0.3s ease;\n }\n\n @media (max-width: 375px) {\n .league-item span {\n font-size: 0.5rem;\n letter-spacing: 0.3px;\n }\n }\n\n @media (max-width: 320px) {\n .league-item span {\n font-size: 0.45rem;\n letter-spacing: 0.2px;\n }\n }\n\n @media (min-width: 768px) {\n .league-item span {\n font-size: 0.7rem;\n }\n }\n\n .league-item:hover span {\n opacity: 1;\n color: var(--accent-cyan);\n }\n\n \/* Pause animation on hover *\/\n .marquee-container:hover .marquee-track {\n animation-play-state: paused;\n }\n\n \/* Sports Section *\/\n .sports-section {\n padding: 5rem 0;\n background: linear-gradient(180deg, transparent 0%, rgba(0, 102, 255, 0.03) 50%, transparent 100%);\n overflow: hidden;\n }\n\n @media (max-width: 375px) {\n .sports-section {\n padding: 3rem 0;\n }\n }\n\n @media (max-width: 320px) {\n .sports-section {\n padding: 2.5rem 0;\n }\n }\n\n .sports-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1.5rem;\n }\n\n .sports-grid .sport-card:last-child {\n grid-column: 1 \/ -1;\n }\n\n @media (max-width: 375px) {\n .sports-grid {\n gap: 0.85rem;\n }\n }\n\n @media (max-width: 320px) {\n .sports-grid {\n gap: 0.6rem;\n }\n }\n\n @media (min-width: 768px) {\n .sports-grid {\n grid-template-columns: repeat(5, 1fr);\n gap: 2rem;\n }\n\n .sports-grid .sport-card:last-child {\n grid-column: auto;\n }\n }\n\n .sport-card {\n background: var(--card-bg);\n padding: 2rem 1.5rem;\n border-radius: 20px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n text-align: center;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n\n @media (max-width: 375px) {\n .sport-card {\n padding: 1.25rem 1rem;\n border-radius: 15px;\n }\n }\n\n @media (max-width: 320px) {\n .sport-card {\n padding: 1rem 0.75rem;\n border-radius: 12px;\n }\n }\n\n .sport-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 4px;\n background: var(--sport-color, var(--primary-gradient));\n }\n\n .sport-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 50px rgba(0, 102, 255, 0.2);\n border-color: var(--accent-purple);\n }\n\n .sport-icon {\n font-size: 3rem;\n margin-bottom: 1rem;\n }\n\n @media (max-width: 375px) {\n .sport-icon {\n font-size: 2.25rem;\n margin-bottom: 0.75rem;\n }\n }\n\n @media (max-width: 320px) {\n .sport-icon {\n font-size: 2rem;\n margin-bottom: 0.5rem;\n }\n }\n\n .sport-name {\n font-size: 1.25rem;\n font-weight: 700;\n margin-bottom: 0.5rem;\n }\n\n @media (max-width: 375px) {\n .sport-name {\n font-size: 1rem;\n }\n }\n\n @media (max-width: 320px) {\n .sport-name {\n font-size: 0.9rem;\n margin-bottom: 0.35rem;\n }\n }\n\n .sport-leagues {\n font-size: 0.85rem;\n opacity: 0.7;\n }\n\n @media (max-width: 375px) {\n .sport-leagues {\n font-size: 0.7rem;\n }\n }\n\n @media (max-width: 320px) {\n .sport-leagues {\n font-size: 0.65rem;\n }\n }\n\n \/* Features Section *\/\n .features-section {\n padding: 5rem 0;\n overflow: hidden;\n }\n\n @media (max-width: 375px) {\n .features-section {\n padding: 3rem 0;\n }\n }\n\n @media (max-width: 320px) {\n .features-section {\n padding: 2.5rem 0;\n }\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n\n @media (max-width: 375px) {\n .features-grid {\n gap: 1.25rem;\n }\n }\n\n @media (max-width: 320px) {\n .features-grid {\n gap: 1rem;\n }\n }\n\n @media (min-width: 768px) {\n .features-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (min-width: 1024px) {\n .features-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n }\n\n .feature-card {\n background: var(--card-bg);\n padding: 2rem;\n border-radius: 20px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.3s ease;\n }\n\n @media (max-width: 375px) {\n .feature-card {\n padding: 1.25rem;\n border-radius: 15px;\n }\n }\n\n @media (max-width: 320px) {\n .feature-card {\n padding: 1rem;\n border-radius: 12px;\n }\n }\n\n .feature-card:hover {\n transform: translateY(-5px);\n border-color: var(--accent-purple);\n box-shadow: 0 20px 50px rgba(0, 102, 255, 0.2);\n }\n\n .feature-icon {\n width: 60px;\n height: 60px;\n background: var(--primary-gradient);\n border-radius: 15px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.75rem;\n margin-bottom: 1.5rem;\n color: white;\n }\n\n @media (max-width: 375px) {\n .feature-icon {\n width: 45px;\n height: 45px;\n font-size: 1.35rem;\n border-radius: 12px;\n margin-bottom: 1rem;\n }\n }\n\n @media (max-width: 320px) {\n .feature-icon {\n width: 40px;\n height: 40px;\n font-size: 1.15rem;\n border-radius: 10px;\n margin-bottom: 0.75rem;\n }\n }\n\n .feature-title {\n font-size: 1.25rem;\n font-weight: 700;\n margin-bottom: 0.75rem;\n }\n\n @media (max-width: 375px) {\n .feature-title {\n font-size: 1rem;\n margin-bottom: 0.5rem;\n }\n }\n\n @media (max-width: 320px) {\n .feature-title {\n font-size: 0.9rem;\n margin-bottom: 0.4rem;\n }\n }\n\n .feature-desc {\n font-size: 0.95rem;\n opacity: 0.8;\n line-height: 1.6;\n }\n\n @media (max-width: 375px) {\n .feature-desc {\n font-size: 0.8rem;\n line-height: 1.5;\n }\n }\n\n @media (max-width: 320px) {\n .feature-desc {\n font-size: 0.7rem;\n line-height: 1.45;\n }\n }\n\n \/* How It Works *\/\n .how-it-works {\n padding: 5rem 0;\n background: rgba(0, 102, 255, 0.03);\n overflow: hidden;\n }\n\n @media (max-width: 375px) {\n .how-it-works {\n padding: 3rem 0;\n }\n }\n\n @media (max-width: 320px) {\n .how-it-works {\n padding: 2.5rem 0;\n }\n }\n\n .steps-container {\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n @media (max-width: 375px) {\n .steps-container {\n gap: 1.5rem;\n }\n }\n\n @media (max-width: 320px) {\n .steps-container {\n gap: 1.25rem;\n }\n }\n\n @media (min-width: 768px) {\n .steps-container {\n grid-template-columns: repeat(4, 1fr);\n }\n }\n\n .step-card {\n text-align: center;\n position: relative;\n }\n\n .step-number {\n width: 60px;\n height: 60px;\n background: var(--primary-gradient);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n font-weight: 800;\n margin: 0 auto 1.5rem;\n color: white;\n }\n\n @media (max-width: 375px) {\n .step-number {\n width: 45px;\n height: 45px;\n font-size: 1.15rem;\n margin-bottom: 1rem;\n }\n }\n\n @media (max-width: 320px) {\n .step-number {\n width: 38px;\n height: 38px;\n font-size: 1rem;\n margin-bottom: 0.75rem;\n }\n }\n\n .step-title {\n font-size: 1.1rem;\n font-weight: 700;\n margin-bottom: 0.5rem;\n }\n\n @media (max-width: 375px) {\n .step-title {\n font-size: 0.9rem;\n margin-bottom: 0.35rem;\n }\n }\n\n @media (max-width: 320px) {\n .step-title {\n font-size: 0.8rem;\n margin-bottom: 0.25rem;\n }\n }\n\n .step-desc {\n font-size: 0.9rem;\n opacity: 0.7;\n }\n\n @media (max-width: 375px) {\n .step-desc {\n font-size: 0.75rem;\n }\n }\n\n @media (max-width: 320px) {\n .step-desc {\n font-size: 0.65rem;\n }\n }\n\n \/* Reviews Section *\/\n .reviews-section {\n padding: 5rem 0;\n background: linear-gradient(180deg, transparent 0%, rgba(0, 102, 255, 0.03) 50%, transparent 100%);\n overflow: hidden;\n }\n\n @media (max-width: 375px) {\n .reviews-section {\n padding: 3rem 0;\n }\n }\n\n @media (max-width: 320px) {\n .reviews-section {\n padding: 2.5rem 0;\n }\n }\n\n .reviews-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1.5rem;\n margin-top: 2rem;\n }\n\n @media (min-width: 576px) {\n .reviews-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (min-width: 992px) {\n .reviews-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n }\n\n @media (max-width: 375px) {\n .reviews-grid {\n gap: 1rem;\n margin-top: 1.5rem;\n }\n }\n\n .review-card {\n background: rgba(255, 255, 255, 0.03);\n border: 1px solid rgba(255, 255, 255, 0.08);\n border-radius: 20px;\n padding: 1.75rem;\n transition: all 0.3s ease;\n position: relative;\n }\n\n .review-card:hover {\n border-color: rgba(0, 102, 255, 0.3);\n transform: translateY(-5px);\n box-shadow: 0 15px 40px rgba(0, 102, 255, 0.15);\n }\n\n @media (max-width: 375px) {\n .review-card {\n padding: 1.25rem;\n border-radius: 15px;\n }\n }\n\n @media (max-width: 320px) {\n .review-card {\n padding: 1rem;\n border-radius: 12px;\n }\n }\n\n .review-stars {\n display: flex;\n gap: 0.25rem;\n margin-bottom: 1rem;\n }\n\n .review-stars i {\n color: var(--gold);\n font-size: 1rem;\n }\n\n @media (max-width: 375px) {\n .review-stars i {\n font-size: 0.85rem;\n }\n }\n\n .review-text {\n font-size: 0.95rem;\n line-height: 1.7;\n color: var(--text-light);\n margin-bottom: 1.25rem;\n font-style: italic;\n }\n\n @media (max-width: 375px) {\n .review-text {\n font-size: 0.8rem;\n margin-bottom: 1rem;\n }\n }\n\n @media (max-width: 320px) {\n .review-text {\n font-size: 0.75rem;\n }\n }\n\n .review-author {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n }\n\n .author-avatar {\n width: 45px;\n height: 45px;\n border-radius: 50%;\n background: var(--primary-gradient);\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n font-size: 1rem;\n color: white;\n }\n\n @media (max-width: 375px) {\n .author-avatar {\n width: 38px;\n height: 38px;\n font-size: 0.85rem;\n }\n }\n\n .author-info {\n display: flex;\n flex-direction: column;\n }\n\n .author-name {\n font-weight: 600;\n font-size: 0.9rem;\n color: white;\n }\n\n @media (max-width: 375px) {\n .author-name {\n font-size: 0.8rem;\n }\n }\n\n .author-sport {\n font-size: 0.75rem;\n color: var(--accent-cyan);\n display: flex;\n align-items: center;\n gap: 0.35rem;\n }\n\n @media (max-width: 375px) {\n .author-sport {\n font-size: 0.65rem;\n }\n }\n\n .review-badge {\n position: absolute;\n top: 1rem;\n right: 1rem;\n background: rgba(0, 102, 255, 0.15);\n border: 1px solid rgba(0, 102, 255, 0.3);\n color: var(--success-green);\n font-size: 0.65rem;\n font-weight: 600;\n padding: 0.25rem 0.5rem;\n border-radius: 10px;\n text-transform: uppercase;\n }\n\n @media (max-width: 375px) {\n .review-badge {\n font-size: 0.55rem;\n padding: 0.2rem 0.4rem;\n top: 0.75rem;\n right: 0.75rem;\n }\n }\n\n .reviews-stats {\n display: flex;\n justify-content: center;\n gap: 3rem;\n margin-top: 3rem;\n padding-top: 2rem;\n border-top: 1px solid rgba(255, 255, 255, 0.08);\n }\n\n .reviews-stats .stat-item {\n text-align: center;\n padding: 0;\n background: none;\n border: none;\n border-radius: 0;\n min-width: auto;\n }\n\n .reviews-stats .stat-number {\n font-size: 2rem;\n font-weight: 800;\n background: var(--primary-gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n white-space: nowrap;\n }\n\n .reviews-stats .stat-label {\n font-size: 0.8rem;\n color: rgba(255, 255, 255, 0.6);\n margin-top: 0.25rem;\n white-space: nowrap;\n }\n\n @media (max-width: 576px) {\n .reviews-stats {\n gap: 1.25rem;\n margin-top: 2rem;\n padding-top: 1.5rem;\n }\n .reviews-stats .stat-number {\n font-size: 1.5rem;\n }\n .reviews-stats .stat-label {\n font-size: 0.7rem;\n }\n }\n\n @media (max-width: 375px) {\n .reviews-stats {\n gap: 0.75rem;\n }\n .reviews-stats .stat-number {\n font-size: 1.25rem;\n }\n .reviews-stats .stat-label {\n font-size: 0.6rem;\n }\n }\n\n @media (max-width: 320px) {\n .reviews-stats .stat-number {\n font-size: 1.1rem;\n }\n .reviews-stats .stat-label {\n font-size: 0.55rem;\n }\n }\n\n \/* Pricing Section *\/\n .pricing-section {\n padding: 5rem 0;\n overflow: hidden;\n }\n\n @media (max-width: 375px) {\n .pricing-section {\n padding: 3rem 0;\n }\n }\n\n @media (max-width: 320px) {\n .pricing-section {\n padding: 2.5rem 0;\n }\n }\n\n .free-tier {\n max-width: 700px;\n margin: 0 auto;\n background: linear-gradient(135deg, rgba(57, 255, 20, 0.06), rgba(124, 255, 91, 0.03));\n border: 2px solid rgba(57, 255, 20, 0.4);\n border-radius: 30px;\n padding: 3rem 2rem;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n @media (max-width: 375px) {\n .free-tier {\n padding: 2rem 1.25rem;\n border-radius: 20px;\n }\n }\n\n @media (max-width: 320px) {\n .free-tier {\n padding: 1.5rem 0.85rem;\n border-radius: 15px;\n border-width: 1.5px;\n }\n }\n\n @media (min-width: 576px) {\n .free-tier {\n padding: 3.5rem;\n }\n }\n\n .free-tier::before {\n content: '5 DAYS FREE';\n position: absolute;\n top: 20px;\n right: -30px;\n background: linear-gradient(135deg, #10B981 0%, #39FF14 100%);\n color: #021a0f;\n padding: 0.4rem 3rem;\n font-size: 0.75rem;\n font-weight: 700;\n transform: rotate(45deg);\n box-shadow: 0 2px 15px rgba(57, 255, 20, 0.4);\n }\n\n @media (max-width: 375px) {\n .free-tier::before {\n font-size: 0.55rem;\n padding: 0.3rem 2.5rem;\n top: 15px;\n right: -35px;\n }\n }\n\n @media (max-width: 320px) {\n .free-tier::before {\n font-size: 0.5rem;\n padding: 0.25rem 2rem;\n top: 12px;\n right: -40px;\n }\n }\n\n .free-tier h3 {\n font-size: 1.75rem;\n font-weight: 800;\n margin-bottom: 0.5rem;\n color: var(--accent-green);\n }\n\n @media (max-width: 375px) {\n .free-tier h3 {\n font-size: 1.35rem;\n }\n }\n\n @media (max-width: 320px) {\n .free-tier h3 {\n font-size: 1.15rem;\n }\n }\n\n @media (min-width: 576px) {\n .free-tier h3 {\n font-size: 2rem;\n }\n }\n\n .free-tier .picks-display {\n font-size: 3rem;\n font-weight: 900;\n background: linear-gradient(135deg, #10B981 0%, #39FF14 50%, #7CFF5B 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin: 1rem 0;\n }\n\n @media (max-width: 375px) {\n .free-tier .picks-display {\n font-size: 2.25rem;\n margin: 0.75rem 0;\n }\n }\n\n @media (max-width: 320px) {\n .free-tier .picks-display {\n font-size: 1.85rem;\n margin: 0.5rem 0;\n }\n }\n\n @media (min-width: 576px) {\n .free-tier .picks-display {\n font-size: 4rem;\n }\n }\n\n .free-tier p {\n opacity: 0.9;\n margin-bottom: 1.5rem;\n font-size: 1rem;\n line-height: 1.7;\n }\n\n @media (max-width: 375px) {\n .free-tier p {\n font-size: 0.8rem;\n margin-bottom: 1rem;\n line-height: 1.5;\n }\n }\n\n @media (max-width: 320px) {\n .free-tier p {\n font-size: 0.7rem;\n margin-bottom: 0.75rem;\n }\n }\n\n @media (min-width: 576px) {\n .free-tier p {\n font-size: 1.1rem;\n }\n }\n\n .no-card {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n font-size: 0.9rem;\n color: var(--success-green);\n margin-top: 1rem;\n }\n\n @media (max-width: 375px) {\n .no-card {\n font-size: 0.7rem;\n gap: 0.35rem;\n }\n }\n\n @media (max-width: 320px) {\n .no-card {\n font-size: 0.6rem;\n gap: 0.25rem;\n margin-top: 0.75rem;\n }\n }\n\n .free-features {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.75rem;\n margin-top: 2rem;\n text-align: left;\n max-width: 400px;\n margin-left: auto;\n margin-right: auto;\n }\n\n @media (max-width: 375px) {\n .free-features {\n gap: 0.5rem;\n margin-top: 1.25rem;\n }\n }\n\n @media (max-width: 320px) {\n .free-features {\n gap: 0.4rem;\n margin-top: 1rem;\n }\n }\n\n @media (min-width: 576px) {\n .free-features {\n grid-template-columns: repeat(2, 1fr);\n max-width: 500px;\n }\n }\n\n .free-feature-item {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n font-size: 0.9rem;\n }\n\n @media (max-width: 375px) {\n .free-feature-item {\n font-size: 0.7rem;\n gap: 0.35rem;\n }\n }\n\n @media (max-width: 320px) {\n .free-feature-item {\n font-size: 0.6rem;\n gap: 0.25rem;\n }\n }\n\n .free-feature-item i {\n color: var(--accent-cyan);\n font-size: 1.1rem;\n }\n\n @media (max-width: 375px) {\n .free-feature-item i {\n font-size: 0.85rem;\n }\n }\n\n @media (max-width: 320px) {\n .free-feature-item i {\n font-size: 0.75rem;\n }\n }\n\n \/* CTA Section *\/\n .cta-section {\n padding: 5rem 0;\n background: linear-gradient(135deg, rgba(0, 102, 255, 0.08), rgba(0, 212, 255, 0.08));\n text-align: center;\n overflow: hidden;\n }\n\n @media (max-width: 375px) {\n .cta-section {\n padding: 3rem 0;\n }\n }\n\n @media (max-width: 320px) {\n .cta-section {\n padding: 2.5rem 0;\n }\n }\n\n .cta-title {\n font-size: clamp(1.5rem, 4vw, 3rem);\n font-weight: 800;\n margin-bottom: 1rem;\n }\n\n @media (max-width: 320px) {\n .cta-title {\n font-size: 1.25rem;\n margin-bottom: 0.75rem;\n }\n }\n\n .cta-title span {\n background: var(--primary-gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .cta-subtitle {\n font-size: 1.1rem;\n opacity: 0.8;\n margin-bottom: 2rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n\n @media (max-width: 375px) {\n .cta-subtitle {\n font-size: 0.85rem;\n margin-bottom: 1.5rem;\n }\n }\n\n @media (max-width: 320px) {\n .cta-subtitle {\n font-size: 0.75rem;\n margin-bottom: 1.25rem;\n }\n }\n\n .cta-buttons {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n justify-content: center;\n align-items: center;\n }\n\n @media (max-width: 375px) {\n .cta-buttons {\n gap: 0.75rem;\n }\n }\n\n @media (max-width: 320px) {\n .cta-buttons {\n gap: 0.5rem;\n }\n }\n\n @media (min-width: 576px) {\n .cta-buttons {\n flex-direction: row;\n }\n }\n\n \/* Footer *\/\n .footer {\n background: rgba(10, 14, 26, 0.95);\n padding: 3rem 0 2rem;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n overflow: hidden;\n }\n\n @media (max-width: 375px) {\n .footer {\n padding: 2rem 0 1.5rem;\n }\n }\n\n @media (max-width: 320px) {\n .footer {\n padding: 1.5rem 0 1rem;\n }\n }\n\n .footer-content {\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n text-align: center;\n }\n\n @media (max-width: 375px) {\n .footer-content {\n gap: 1.5rem;\n }\n }\n\n @media (max-width: 320px) {\n .footer-content {\n gap: 1.25rem;\n }\n }\n\n @media (min-width: 768px) {\n .footer-content {\n grid-template-columns: 2fr 1fr 1fr;\n text-align: left;\n }\n }\n\n .footer-brand p {\n font-size: 0.9rem;\n opacity: 0.7;\n margin-top: 1rem;\n line-height: 1.6;\n }\n\n @media (max-width: 375px) {\n .footer-brand p {\n font-size: 0.75rem;\n margin-top: 0.75rem;\n }\n }\n\n @media (max-width: 320px) {\n .footer-brand p {\n font-size: 0.65rem;\n margin-top: 0.5rem;\n line-height: 1.5;\n }\n }\n\n .footer-links h4 {\n font-size: 1rem;\n font-weight: 700;\n margin-bottom: 1rem;\n color: var(--accent-cyan);\n }\n\n @media (max-width: 375px) {\n .footer-links h4 {\n font-size: 0.85rem;\n margin-bottom: 0.75rem;\n }\n }\n\n @media (max-width: 320px) {\n .footer-links h4 {\n font-size: 0.75rem;\n margin-bottom: 0.5rem;\n }\n }\n\n .footer-links a {\n display: block;\n color: var(--text-light);\n text-decoration: none;\n opacity: 0.7;\n font-size: 0.9rem;\n padding: 0.4rem 0;\n transition: opacity 0.3s ease;\n }\n\n @media (max-width: 375px) {\n .footer-links a {\n font-size: 0.75rem;\n padding: 0.3rem 0;\n }\n }\n\n @media (max-width: 320px) {\n .footer-links a {\n font-size: 0.65rem;\n padding: 0.25rem 0;\n }\n }\n\n .footer-links a:hover {\n opacity: 1;\n color: var(--accent-cyan);\n }\n\n .footer-bottom {\n margin-top: 2rem;\n padding-top: 2rem;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n text-align: center;\n }\n\n @media (max-width: 375px) {\n .footer-bottom {\n margin-top: 1.5rem;\n padding-top: 1.5rem;\n }\n }\n\n @media (max-width: 320px) {\n .footer-bottom {\n margin-top: 1rem;\n padding-top: 1rem;\n }\n }\n\n .footer-disclaimer {\n font-size: 0.8rem;\n opacity: 0.5;\n max-width: 800px;\n margin: 0 auto 1rem;\n line-height: 1.6;\n }\n\n @media (max-width: 375px) {\n .footer-disclaimer {\n font-size: 0.65rem;\n margin-bottom: 0.75rem;\n line-height: 1.5;\n }\n }\n\n @media (max-width: 320px) {\n .footer-disclaimer {\n font-size: 0.55rem;\n margin-bottom: 0.5rem;\n }\n }\n\n .footer-trademark {\n font-size: 0.7rem;\n opacity: 0.4;\n max-width: 900px;\n margin: 0 auto 1rem;\n line-height: 1.5;\n font-style: italic;\n }\n\n @media (max-width: 375px) {\n .footer-trademark {\n font-size: 0.55rem;\n margin-bottom: 0.75rem;\n }\n }\n\n @media (max-width: 320px) {\n .footer-trademark {\n font-size: 0.5rem;\n margin-bottom: 0.5rem;\n line-height: 1.4;\n }\n }\n\n .footer-copyright {\n font-size: 0.8rem;\n opacity: 0.5;\n }\n\n @media (max-width: 375px) {\n .footer-copyright {\n font-size: 0.65rem;\n }\n }\n\n @media (max-width: 320px) {\n .footer-copyright {\n font-size: 0.55rem;\n }\n }\n\n \/* Scroll Behavior *\/\n html {\n scroll-behavior: smooth;\n }\n\n \/* Animations *\/\n .fade-in {\n opacity: 0;\n transform: translateY(20px);\n transition: all 0.6s ease;\n }\n\n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n \n \/* Estilos mejorados para picks *\/\n .live-picks .pick-card {\n background: linear-gradient(135deg, rgba(0, 102, 255, 0.05) 0%, rgba(0, 212, 255, 0.05) 100%);\n border: 1px solid rgba(0, 102, 255, 0.2);\n border-radius: 20px;\n padding: 1.5rem;\n transition: all 0.3s ease;\n cursor: pointer;\n }\n \n .live-picks .pick-card:hover {\n transform: translateY(-5px);\n border-color: rgba(57, 255, 20, 0.4);\n box-shadow: 0 10px 30px rgba(57, 255, 20, 0.2);\n }\n \n .pick-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 1rem;\n }\n \n .pick-matchup {\n font-size: 1.1rem;\n font-weight: 700;\n color: var(--text-light);\n }\n \n .pick-confidence {\n background: var(--cta-gradient);\n color: #030712;\n padding: 0.4rem 0.8rem;\n border-radius: 20px;\n font-weight: 700;\n font-size: 0.9rem;\n }\n \n .pick-details {\n display: flex;\n gap: 1rem;\n margin: 1rem 0;\n }\n \n .pick-stat {\n flex: 1;\n text-align: center;\n padding: 0.8rem;\n background: rgba(0, 102, 255, 0.1);\n border-radius: 10px;\n }\n \n .pick-stat-label {\n font-size: 0.75rem;\n color: var(--text-muted);\n text-transform: uppercase;\n }\n \n .pick-stat-value {\n font-size: 1rem;\n font-weight: 700;\n color: var(--accent-cyan);\n margin-top: 0.3rem;\n }\n\n \n \/* \u2500\u2500 Pricing Section \u2500\u2500 *\/\n .pricing-section {\n padding: 5rem 0;\n overflow: hidden;\n }\n\n @media (max-width: 375px) { .pricing-section { padding: 3rem 0; } }\n @media (max-width: 320px) { .pricing-section { padding: 2.5rem 0; } }\n\n .pricing-wrapper {\n max-width: 520px;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n }\n\n \/* Plan Cards *\/\n .plan-cards {\n display: flex;\n flex-direction: column;\n gap: 0.85rem;\n }\n\n .plan-card {\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: rgba(255,255,255,0.04);\n border: 1.5px solid rgba(255,255,255,0.1);\n border-radius: 16px;\n padding: 1.25rem 1.5rem;\n cursor: pointer;\n transition: all 0.25s ease;\n position: relative;\n }\n\n .plan-card:hover {\n border-color: rgba(57,255,20,0.35);\n background: rgba(57,255,20,0.04);\n }\n\n .plan-card.selected {\n border-color: var(--accent-green);\n background: linear-gradient(135deg, rgba(57,255,20,0.08) 0%, rgba(16,185,129,0.05) 100%);\n box-shadow: 0 0 0 1px rgba(57,255,20,0.2), 0 8px 30px rgba(57,255,20,0.12);\n }\n\n .plan-card.selected::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 2px;\n background: var(--money-gradient);\n border-radius: 16px 16px 0 0;\n }\n\n .plan-info h3 {\n font-size: 1rem;\n font-weight: 700;\n color: var(--text-light);\n margin-bottom: 0.2rem;\n }\n\n .plan-info p {\n font-size: 0.8rem;\n color: var(--text-muted);\n font-weight: 500;\n }\n\n .plan-price {\n font-size: 1.15rem;\n font-weight: 800;\n color: var(--accent-green);\n white-space: nowrap;\n }\n\n .plan-badge {\n position: absolute;\n top: -10px;\n right: 1.25rem;\n background: var(--money-gradient);\n color: #030712;\n font-size: 0.6rem;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n padding: 0.2rem 0.6rem;\n border-radius: 20px;\n }\n\n \/* Trial Summary Card *\/\n .trial-summary {\n background: linear-gradient(145deg, rgba(5,15,35,0.95), rgba(3,7,18,0.98));\n border: 1.5px solid rgba(255,255,255,0.1);\n border-radius: 20px;\n padding: 1.5rem;\n display: flex;\n flex-direction: column;\n gap: 0;\n }\n\n .trial-summary-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 1.25rem;\n }\n\n .trial-summary-header h3 {\n font-size: 1.1rem;\n font-weight: 800;\n color: var(--text-light);\n }\n\n .trial-plan-badge {\n background: linear-gradient(135deg, rgba(57,255,20,0.15), rgba(16,185,129,0.15));\n border: 1px solid rgba(57,255,20,0.4);\n color: var(--accent-green);\n font-size: 0.75rem;\n font-weight: 700;\n padding: 0.3rem 0.85rem;\n border-radius: 20px;\n transition: all 0.3s ease;\n }\n\n .trial-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0.9rem 0;\n border-bottom: 1px solid rgba(255,255,255,0.07);\n }\n\n .trial-row:last-of-type {\n border-bottom: none;\n padding-bottom: 1rem;\n }\n\n .trial-row-label {\n font-size: 0.85rem;\n color: var(--text-muted);\n font-weight: 500;\n }\n\n .trial-row-value {\n font-size: 0.9rem;\n font-weight: 700;\n color: var(--text-light);\n text-align: right;\n transition: all 0.3s ease;\n }\n\n .trial-row-value.free {\n color: var(--text-light);\n }\n\n .trial-nuvei {\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 12px;\n padding: 1rem 1.1rem;\n margin-top: 0.25rem;\n }\n\n .trial-nuvei-title {\n font-size: 0.85rem;\n font-weight: 700;\n color: var(--accent-green);\n margin-bottom: 0.35rem;\n }\n\n .trial-nuvei p {\n font-size: 0.78rem;\n color: var(--text-muted);\n line-height: 1.5;\n }\n\n .pricing-cta-btn {\n width: 100%;\n padding: 1rem;\n border-radius: 50px;\n font-size: 1rem;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-top: 0.25rem;\n }\n\n \/* Pick Analysis Styles *\/\n .pick-analysis-header {\n padding: 1.25rem 1rem;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n background: rgba(0, 0, 0, 0.2);\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.75rem;\n }\n\n .matchup-title-container {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n width: 100%;\n }\n\n .matchup-team {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .matchup-team-logo {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 10px;\n padding: 4px;\n background: rgba(255, 255, 255, 0.05);\n filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.3));\n }\n\n .matchup-team-logo img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n\n .matchup-team-name {\n font-size: 1rem;\n font-weight: 700;\n color: var(--text-light);\n }\n\n .matchup-vs {\n font-size: 0.8rem;\n font-weight: 600;\n color: var(--text-muted);\n opacity: 0.5;\n }\n\n .matchup-subtitle {\n font-size: 0.75rem;\n opacity: 0.6;\n color: var(--text-muted);\n text-align: center;\n }\n\n .pick-predictions-list {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n padding: 1rem;\n }\n\n .prediction-card {\n border-radius: 12px;\n padding: 0.85rem;\n border-left: 4px solid;\n background: rgba(255, 255, 255, 0.03);\n transition: all 0.3s ease;\n }\n\n .prediction-card.low-risk {\n border-left-color: var(--accent-green);\n background: linear-gradient(90deg, rgba(16, 185, 129, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%);\n }\n\n .prediction-card.medium-risk {\n border-left-color: #FFD700;\n background: linear-gradient(90deg, rgba(255, 215, 0, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%);\n }\n\n .prediction-card.high-risk {\n border-left-color: #EF4444;\n background: linear-gradient(90deg, rgba(239, 68, 68, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%);\n }\n\n .prediction-card:hover {\n background: rgba(255, 255, 255, 0.06);\n transform: translateX(4px);\n }\n\n .risk-badge {\n display: inline-block;\n padding: 0.25rem 0.6rem;\n border-radius: 12px;\n font-size: 0.65rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-bottom: 0.6rem;\n }\n\n .risk-badge.low {\n background: rgba(16, 185, 129, 0.2);\n color: var(--accent-green);\n border: 1px solid rgba(16, 185, 129, 0.3);\n }\n\n .risk-badge.medium {\n background: rgba(255, 215, 0, 0.2);\n color: #FFD700;\n border: 1px solid rgba(255, 215, 0, 0.3);\n }\n\n .risk-badge.high {\n background: rgba(239, 68, 68, 0.2);\n color: #EF4444;\n border: 1px solid rgba(239, 68, 68, 0.3);\n }\n\n .prediction-content {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n }\n\n .prediction-header {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .pick-icon {\n width: 24px;\n height: 24px;\n border-radius: 50%;\n background: rgba(16, 185, 129, 0.2);\n color: var(--accent-green);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.9rem;\n font-weight: 700;\n }\n\n .pick-title {\n font-size: 0.9rem;\n font-weight: 700;\n color: var(--text-light);\n }\n\n .pick-meta {\n font-size: 0.7rem;\n color: var(--text-muted);\n margin-left: auto;\n }\n\n .prediction-reason {\n font-size: 0.75rem;\n line-height: 1.4;\n color: rgba(255, 255, 255, 0.7);\n }\n\n .prediction-reason strong {\n color: var(--accent-cyan);\n font-weight: 600;\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n VIDEO HERO SECTION\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .video-hero {\n position: relative;\n width: 100vw;\n max-width: 100vw;\n min-height: 100vh;\n min-height: 100svh;\n display: flex;\n align-items: center;\n justify-content: center;\n padding-top: 70px;\n box-sizing: border-box !important;\n margin-left: calc(-50vw + 50%);\n overflow-x: clip;\n }\n\n \/* Elementor: let parent section handle full-width *\/\n .elementor-widget-html {\n overflow: visible !important;\n }\n .elementor-widget-html .elementor-widget-container {\n overflow: visible !important;\n }\n\n \/* Video background *\/\n .video-hero__video-wrap {\n position: absolute;\n inset: 0;\n z-index: 0;\n pointer-events: none;\n }\n\n .video-hero__video-wrap video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n pointer-events: none;\n }\n\n \/* Dark overlay *\/\n .video-hero__overlay {\n position: absolute;\n inset: 0;\n z-index: 1;\n pointer-events: none;\n background: linear-gradient(\n 180deg,\n rgba(3, 7, 18, 0.55) 0%,\n rgba(3, 7, 18, 0.65) 40%,\n rgba(3, 7, 18, 0.80) 100%\n );\n }\n\n \/* Centered content *\/\n .video-hero__content {\n position: relative;\n z-index: 2;\n text-align: center;\n max-width: 900px;\n padding: 2rem 1.5rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 1.5rem;\n }\n\n .video-hero__badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n background: linear-gradient(135deg, rgba(0, 68, 204, 0.25), rgba(0, 212, 255, 0.18));\n border: 1px solid rgba(0, 102, 255, 0.45);\n padding: 0.55rem 1.4rem;\n border-radius: 50px;\n font-size: 0.85rem;\n font-weight: 600;\n color: var(--accent-cyan);\n backdrop-filter: blur(8px);\n animation: fadeInDown 0.8s ease both;\n }\n\n .video-hero__badge i {\n font-size: 1rem;\n }\n\n .video-hero__title {\n font-size: clamp(2rem, 5.5vw, 4.5rem);\n font-weight: 900;\n line-height: 1.08;\n color: #fff;\n animation: fadeInDown 0.8s 0.15s ease both;\n }\n\n .video-hero__title span {\n background: var(--primary-gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .video-hero__subtitle {\n font-size: clamp(0.95rem, 1.8vw, 1.35rem);\n line-height: 1.65;\n color: rgba(255, 255, 255, 0.85);\n max-width: 680px;\n animation: fadeInDown 0.8s 0.3s ease both;\n }\n\n .video-hero__cta-group {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.75rem;\n animation: fadeInDown 0.8s 0.45s ease both;\n }\n\n .video-hero__cta-group .btn-free {\n font-size: 1.2rem;\n padding: 1.25rem 3.25rem;\n font-weight: 800;\n }\n\n .video-hero__trust {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1.5rem;\n flex-wrap: wrap;\n opacity: 0.7;\n font-size: 0.8rem;\n color: var(--text-light);\n animation: fadeInDown 0.8s 0.55s ease both;\n }\n\n .video-hero__trust span {\n display: flex;\n align-items: center;\n gap: 0.35rem;\n }\n\n .video-hero__trust i {\n color: var(--accent-green);\n font-size: 1rem;\n }\n\n \/* Scroll indicator *\/\n .video-hero__scroll {\n position: absolute;\n bottom: 2rem;\n left: 50%;\n transform: translateX(-50%);\n z-index: 2;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.5rem;\n color: rgba(255, 255, 255, 0.5);\n font-size: 0.7rem;\n font-weight: 600;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n animation: fadeInDown 0.8s 0.7s ease both;\n pointer-events: none;\n }\n\n .video-hero__scroll-line {\n width: 1px;\n height: 40px;\n background: linear-gradient(to bottom, rgba(255,255,255,0.5), transparent);\n animation: scrollPulse 2s ease infinite;\n }\n\n @keyframes scrollPulse {\n 0%, 100% { opacity: 0.4; transform: scaleY(1); }\n 50% { opacity: 1; transform: scaleY(1.2); }\n }\n\n @keyframes fadeInDown {\n from { opacity: 0; transform: translateY(-20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* Responsive \u2014 video hero *\/\n @media (max-width: 768px) {\n .video-hero {\n min-height: 85vh;\n min-height: 85svh;\n }\n .video-hero__content {\n gap: 1.25rem;\n padding: 1.5rem 1rem 2.5rem;\n }\n .video-hero__cta-group .btn-free {\n font-size: 1rem;\n padding: 1rem 2.5rem;\n }\n .video-hero__scroll {\n display: none;\n }\n }\n\n @media (max-width: 480px) {\n .video-hero {\n min-height: 80vh;\n min-height: 80svh;\n }\n .video-hero__badge {\n font-size: 0.75rem;\n padding: 0.45rem 1rem;\n }\n .video-hero__content {\n gap: 1rem;\n padding: 1.5rem 1rem 2rem;\n }\n .video-hero__cta-group .btn-free {\n font-size: 0.95rem;\n padding: 0.9rem 2rem;\n }\n .video-hero__trust {\n gap: 0.75rem;\n font-size: 0.7rem;\n }\n }\n\n @media (max-width: 375px) {\n .video-hero__badge {\n font-size: 0.65rem;\n padding: 0.4rem 0.85rem;\n gap: 0.35rem;\n }\n .video-hero__cta-group .btn-free {\n font-size: 0.85rem;\n padding: 0.85rem 1.75rem;\n }\n }\n\n @media (max-width: 320px) {\n .video-hero__badge {\n font-size: 0.6rem;\n padding: 0.35rem 0.7rem;\n }\n .video-hero__cta-group .btn-free {\n font-size: 0.8rem;\n padding: 0.75rem 1.5rem;\n }\n }\n\n \/* \u2500\u2500 Play Button (inside hero) \u2500\u2500 *\/\n .video-hero__play-btn {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n border: 1px solid rgba(255, 255, 255, 0.25);\n border-radius: 50px;\n padding: 0.6rem 1.5rem 0.6rem 0.6rem;\n cursor: pointer;\n transition: all 0.35s ease;\n animation: fadeInDown 0.8s 0.65s ease both;\n color: #fff;\n font-family: inherit;\n }\n\n .video-hero__play-btn:hover {\n background: rgba(255, 255, 255, 0.18);\n border-color: rgba(0, 212, 255, 0.5);\n transform: scale(1.04);\n box-shadow: 0 0 30px rgba(0, 212, 255, 0.2);\n }\n\n .video-hero__play-icon {\n width: 48px;\n height: 48px;\n border-radius: 50%;\n background: var(--primary-gradient);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n box-shadow: 0 4px 20px rgba(0, 102, 255, 0.5);\n position: relative;\n pointer-events: none;\n }\n\n \/* Pulsing ring *\/\n .video-hero__play-icon::before {\n content: '';\n position: absolute;\n inset: -6px;\n border-radius: 50%;\n border: 2px solid rgba(0, 102, 255, 0.4);\n animation: playPulse 2s ease-in-out infinite;\n }\n\n @keyframes playPulse {\n 0%, 100% { transform: scale(1); opacity: 0.6; }\n 50% { transform: scale(1.15); opacity: 0; }\n }\n\n .video-hero__play-icon i {\n font-size: 1.3rem;\n margin-left: 3px; \/* optical center for play triangle *\/\n color: #fff;\n }\n\n .video-hero__play-label {\n display: flex;\n flex-direction: column;\n line-height: 1.2;\n pointer-events: none;\n }\n\n .video-hero__play-label strong {\n font-size: 0.9rem;\n font-weight: 700;\n }\n\n .video-hero__play-label span {\n font-size: 0.7rem;\n opacity: 0.6;\n font-weight: 500;\n }\n\n @media (max-width: 480px) {\n .video-hero__play-icon {\n width: 40px;\n height: 40px;\n }\n .video-hero__play-icon i {\n font-size: 1.1rem;\n }\n .video-hero__play-label strong {\n font-size: 0.8rem;\n }\n .video-hero__play-label span {\n font-size: 0.65rem;\n }\n .video-hero__play-btn {\n padding: 0.5rem 1.25rem 0.5rem 0.5rem;\n gap: 0.6rem;\n }\n }\n\n @media (max-width: 375px) {\n .video-hero__play-icon {\n width: 36px;\n height: 36px;\n }\n .video-hero__play-icon i {\n font-size: 1rem;\n margin-left: 2px;\n }\n .video-hero__play-label strong {\n font-size: 0.75rem;\n }\n .video-hero__play-label span {\n font-size: 0.6rem;\n }\n }\n\n \/* \u2500\u2500 Video Lightbox Modal \u2500\u2500 *\/\n .video-lightbox {\n position: fixed;\n inset: 0;\n z-index: 10000;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n transition: opacity 0.35s ease, visibility 0.35s ease;\n\n \/* Ensure it escapes Elementor containers *\/\n width: 100vw !important;\n height: 100vh !important;\n max-width: none !important;\n margin: 0 !important;\n padding: 0 !important;\n left: 0 !important;\n top: 0 !important;\n }\n\n .video-lightbox.active {\n opacity: 1;\n visibility: visible;\n pointer-events: auto;\n }\n\n .video-lightbox__backdrop {\n position: absolute;\n inset: 0;\n background: rgba(0, 0, 0, 0.92);\n cursor: pointer;\n }\n\n .video-lightbox__container {\n position: relative;\n z-index: 1;\n width: 92%;\n max-width: 1100px;\n aspect-ratio: 16 \/ 9;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.08);\n transform: scale(0.9) translateY(20px);\n transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n .video-lightbox.active .video-lightbox__container {\n transform: scale(1) translateY(0);\n }\n\n .video-lightbox__container video {\n width: 100%;\n height: 100%;\n object-fit: contain;\n background: #000;\n }\n\n .video-lightbox__close {\n position: absolute;\n top: -50px;\n right: 0;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n border: 1px solid rgba(255, 255, 255, 0.25);\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(8px);\n color: #fff;\n font-size: 1.3rem;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.25s ease;\n }\n\n .video-lightbox__close:hover {\n background: rgba(255, 255, 255, 0.2);\n border-color: var(--accent-cyan);\n transform: rotate(90deg);\n }\n\n @media (max-width: 768px) {\n .video-lightbox__container {\n width: 96%;\n border-radius: 12px;\n }\n .video-lightbox__close {\n top: -44px;\n right: 2%;\n width: 36px;\n height: 36px;\n font-size: 1.1rem;\n }\n }\n\n @media (max-width: 480px) {\n .video-lightbox__container {\n width: 100%;\n border-radius: 0;\n }\n .video-lightbox__close {\n top: auto;\n bottom: calc(100% + 12px);\n right: 12px;\n width: 34px;\n height: 34px;\n }\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n CURRENT HERO \u2192 DEMO SECTION OVERRIDES\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .hero.demo-section {\n min-height: auto;\n padding: 4rem 0 5rem;\n }\n\n @media (max-width: 375px) {\n .hero.demo-section {\n padding: 3rem 0 3.5rem;\n }\n }\n\n @media (max-width: 320px) {\n .hero.demo-section {\n padding: 2.5rem 0 3rem;\n }\n }\n\n @media (min-width: 1400px) {\n .hero.demo-section {\n padding: 5rem 0 6rem;\n }\n }\n\n <\/style>\n<\/head>\n<body>\n <!-- Background Animation -->\n <div class=\"bg-animation\"><\/div>\n\n <!-- Header -->\n <header id=\"header\">\n <nav>\n <a href=\"https:\/\/nuvix.com\/pt\/\" 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\">Esportes<\/a>\n <a href=\"#features\">Recursos<\/a>\n <a href=\"#how-it-works\">Como funciona<\/a>\n <a href=\"#reviews\">Coment\u00e1rios<\/a>\n <a href=\"#pricing\">Pre\u00e7os<\/a>\n <a href=\"https:\/\/nuvix.com\/sportsapp\/\" class=\"btn btn-secondary\">Fazer login<\/a>\n <a href=\"https:\/\/nuvix.com\/sportsapp\/?new=true\" class=\"btn btn-free\">Iniciar avalia\u00e7\u00e3o 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;\">Iniciar gratuitamente<\/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()\">Esportes<\/a>\n <a href=\"#features\" onclick=\"closeMobileMenu()\">Recursos<\/a>\n <a href=\"#how-it-works\" onclick=\"closeMobileMenu()\">Como funciona<\/a>\n <a href=\"#reviews\" onclick=\"closeMobileMenu()\">Coment\u00e1rios<\/a>\n <a href=\"#pricing\" onclick=\"closeMobileMenu()\">Pre\u00e7os<\/a>\n <\/div>\n <div class=\"mobile-menu-buttons\">\n <a href=\"https:\/\/nuvix.com\/sportsapp\/\" class=\"btn btn-secondary\">Fazer login<\/a>\n <a href=\"https:\/\/nuvix.com\/sportsapp\/?new=true\" class=\"btn btn-free\" onclick=\"closeMobileMenu()\">Iniciar avalia\u00e7\u00e3o 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 Previs\u00f5es esportivas baseadas em IA\n <\/div>\n\n <h1 class=\"video-hero__title\">\n Escolhas mais inteligentes.<br><span>Desenvolvido pela Nuvix AI.<\/span>\n <\/h1>\n\n <p class=\"video-hero__subtitle\">\n Previs\u00f5es de IA em tempo real para NFL, NBA, MLB, NHL e futebol - baseadas em milhares de pontos de dados para que voc\u00ea nunca perca uma vantagem.\n <\/p>\n\n <div class=\"video-hero__cta-group\">\n <a href=\"https:\/\/nuvix.com\/sportsapp\/?new=true\" class=\"btn btn-free\">INICIE SUA AVALIA\u00c7\u00c3O GRATUITA DE 5 DIAS<\/a>\n <div class=\"age-badge\" style=\"margin-top: 0.25rem;\">\n <i class=\"las la-user-check\"><\/i>\n \u00c9 preciso ter mais de 21 anos para usar esse servi\u00e7o\n <\/div>\n <\/div>\n\n <div class=\"video-hero__trust\">\n <span><i class=\"las la-check-circle\"><\/i> 5 dias gr\u00e1tis<\/span>\n <span><i class=\"las la-check-circle\"><\/i> Cancelar a qualquer momento<\/span>\n <span><i class=\"las la-check-circle\"><\/i> Todos os 5 esportes inclu\u00eddos<\/span>\n <\/div>\n\n <!-- Play Video Button -->\n <button class=\"video-hero__play-btn\" id=\"video-play-btn\" aria-label=\"Reproduzir v\u00eddeo com \u00e1udio\">\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>Assista ao v\u00eddeo<\/strong>\n <span>Reproduzir com \u00e1udio<\/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 Explorar\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=\"Fechar v\u00eddeo\">\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 Veja-o em a\u00e7\u00e3o\n <\/div>\n <h1>Insights de n\u00edvel de especialista para <span>Todos os jogos<\/span><\/h1>\n <p>Nossa IA analisa as estat\u00edsticas da equipe, o desempenho dos jogadores, as les\u00f5es, o clima e as tend\u00eancias hist\u00f3ricas e, em seguida, fornece escolhas com pontua\u00e7\u00f5es de confian\u00e7a para que voc\u00ea saiba exatamente onde est\u00e1 a vantagem.<\/p>\n \n <div class=\"hero-stats\">\n <div class=\"stat-item\">\n <div class=\"stat-number\">5<\/div>\n <div class=\"stat-label\">Esportes importantes<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">24\/7<\/div>\n <div class=\"stat-label\">Escolhas de IA<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">Ao vivo<\/div>\n <div class=\"stat-label\">Atualiza\u00e7\u00f5es de probabilidades<\/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 DIAS DE TESTE GRATUITO - AGORA!<\/a>\n\n <div class=\"age-badge\" style=\"margin-top: 0.5rem;\">\n <i class=\"las la-user-check\"><\/i>\n \u00c9 preciso ter mais de 21 anos para usar esse servi\u00e7o\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 escolhe a IA<\/span>\n <\/div>\n <div class=\"demo-picks\">\n <i class=\"las la-trophy\"><\/i>\n <span>\u221e<\/span>\n <\/div>\n <\/div>\n \n <!-- Sports Tabs -->\n <div class=\"demo-sports-tabs\">\n <button class=\"demo-sport-tab active\" data-sport=\"nfl\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/leagues\/500\/nfl.png\" alt=\"NFL\" class=\"tab-logo\">\n <span class=\"sport-name\">NFL<\/span>\n <\/button>\n <button class=\"demo-sport-tab\" data-sport=\"nba\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/leagues\/500\/nba.png\" alt=\"NBA\" class=\"tab-logo\">\n <span class=\"sport-name\">NBA<\/span>\n <\/button>\n <button class=\"demo-sport-tab\" data-sport=\"mlb\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/leagues\/500\/mlb.png\" alt=\"MLB\" class=\"tab-logo\">\n <span class=\"sport-name\">MLB<\/span>\n <\/button>\n <button class=\"demo-sport-tab\" data-sport=\"soccer\">\n <span class=\"sport-emoji\">\u26bd<\/span>\n <span class=\"sport-name\">Futebol<\/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\">Campe\u00f5es<\/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\">\u00c1guias<\/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 - Hoje 20h20<\/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\">BAIXO RISCO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Eagles -3,5<\/div>\n <div class=\"pick-meta\">@-110 - Conf: 78%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Por que:<\/strong> Registro de 6-1 em casa. Linha defensiva forte.\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Riesgo Medio -->\n <div class=\"prediction-card medium-risk\">\n <div class=\"risk-badge medium\">RISCO M\u00c9DIO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Mais de 48,5<\/div>\n <div class=\"pick-meta\">@-110 - Conf: 72%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Por que:<\/strong> Ambas as equipes t\u00eam uma m\u00e9dia de 24+ PPG. Espera-se um confronto com muitos gols.\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Alto Riesgo -->\n <div class=\"prediction-card high-risk\">\n <div class=\"risk-badge high\">ALTO RISCO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Eagles 1H -2,5<\/div>\n <div class=\"pick-meta\">@-110 - Conf: 65%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Por que:<\/strong> O Eagles \u00e9 forte no primeiro tempo em casa. Dallas come\u00e7a devagar.\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\">Celtas<\/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 - Hoje, 19h30<\/div>\n <\/div>\n \n <div class=\"pick-predictions-list\">\n <div class=\"prediction-card low-risk\">\n <div class=\"risk-badge low\">BAIXO RISCO<\/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>Por que:<\/strong> 12-1 em casa. Defesa de elite. Lakers 4-6 na estrada.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card medium-risk\">\n <div class=\"risk-badge medium\">RISCO M\u00c9DIO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Mais de 224,5<\/div>\n <div class=\"pick-meta\">@-110 - Conf: 76%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Por que:<\/strong> Ofensas de alta pot\u00eancia. Tatum + Brown vs. LeBron + AD.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card high-risk\">\n <div class=\"risk-badge high\">ALTO RISCO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Tatum Mais de 28,5 pontos<\/div>\n <div class=\"pick-meta\">@-115 - Conf: 68%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Por que:<\/strong> Tatum com m\u00e9dia de 31 PPG em casa. D. de per\u00edmetro fraco do Lakers.\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\">Gigantes<\/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 - Hoje \u00e0s 22h10<\/div>\n <\/div>\n \n <div class=\"pick-predictions-list\">\n <div class=\"prediction-card low-risk\">\n <div class=\"risk-badge low\">BAIXO RISCO<\/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>Por que:<\/strong> Arremessador de \u00e1s 2,45 ERA em casa. O rebatimento dos Giants \u00e9 de .218 contra LHP.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card medium-risk\">\n <div class=\"risk-badge medium\">RISCO M\u00c9DIO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Abaixo de 8,5<\/div>\n <div class=\"pick-meta\">@-110 - Conf: 71%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Por que:<\/strong> Combina\u00e7\u00e3o de arremessos de elite. Ambas as equipes t\u00eam dificuldades contra os ases.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card high-risk\">\n <div class=\"risk-badge high\">ALTO RISCO<\/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>Por que:<\/strong> Os Dodgers est\u00e3o esmagando os advers\u00e1rios LHP por mais de 2 corridas em 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 - Hoje \u00e0 noite, 19: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\">BAIXO RISCO<\/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>Por que:<\/strong> 8-2 em casa. Elimina\u00e7\u00e3o de p\u00eanaltis de elite (87%). Rangers 3-5 na estrada.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card medium-risk\">\n <div class=\"risk-badge medium\">RISCO M\u00c9DIO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Menos de 5,5 gols<\/div>\n <div class=\"pick-meta\">@-110 - Conf: 70%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Por que:<\/strong> Ambos os goleiros s\u00e3o de elite. O Bruins est\u00e1 permitindo 2,3 GPG em casa nesta temporada.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card high-risk\">\n <div class=\"risk-badge high\">ALTO RISCO<\/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>Por que:<\/strong> Os Bruins venceram por 2+ em 6 dos \u00faltimos 9 jogos em casa contra rivais do Atl\u00e2ntico.\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\">Cidade do Cabo<\/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 - domingo 11:30 AM<\/div>\n <\/div>\n \n <div class=\"pick-predictions-list\">\n <div class=\"prediction-card low-risk\">\n <div class=\"risk-badge low\">BAIXO RISCO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Vit\u00f3ria do Liverpool<\/div>\n <div class=\"pick-meta\">@+105 - Conf: 71%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Por que:<\/strong> Invicto em Anfield. Salah 12 gols em 10 jogos.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card medium-risk\">\n <div class=\"risk-badge medium\">RISCO M\u00c9DIO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Mais de 3,5 gols<\/div>\n <div class=\"pick-meta\">@+120 - Conf: 68%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Por que:<\/strong> Ambas as equipes t\u00eam um ataque de elite. M\u00e9dia de 3,8 gols em H2H.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card high-risk\">\n <div class=\"risk-badge high\">ALTO RISCO<\/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>Por que:<\/strong> Defesa fraca do City fora de casa. Liverpool dominando em 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\">Barcelona<\/span>\n <div class=\"matchup-team-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/soccer\/500\/83.png\" alt=\"Barcelona\">\n <\/div>\n <\/div>\n <\/div>\n <div class=\"matchup-subtitle\">La Liga - S\u00e1bado 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\">BAIXO RISCO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Vit\u00f3ria do Real Madrid<\/div>\n <div class=\"pick-meta\">@+110 - Conf: 74%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Por que:<\/strong> Vantagem do Bernab\u00e9u. Vin\u00edcius + Bellingham 28 gols.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card medium-risk\">\n <div class=\"risk-badge medium\">RISCO M\u00c9DIO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Mais de 3,0 gols<\/div>\n <div class=\"pick-meta\">@-105 - Conf: 79%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Por que:<\/strong> O El Cl\u00e1sico sempre tem muitos gols. M\u00e9dia de 4,2 gols nos \u00faltimos jogos.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card high-risk\">\n <div class=\"risk-badge high\">ALTO RISCO<\/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>Por que:<\/strong> Bar\u00e7a 3-4 na estrada. O Real est\u00e1 invicto em casa nesta temporada.\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\">Liga dos Campe\u00f5es - Quarta-feira 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\">BAIXO RISCO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Mais de 3,5 gols<\/div>\n <div class=\"pick-meta\">@-105 - Conf: 69%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Por que:<\/strong> Talento ofensivo de elite em ambos os lados. Nos \u00faltimos 5 UCL, m\u00e9dia de 4,2 gols.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card medium-risk\">\n <div class=\"risk-badge medium\">RISCO M\u00c9DIO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Vit\u00f3ria do Bayern<\/div>\n <div class=\"pick-meta\">@-115 - Conf: 58%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Por que:<\/strong> O recorde do Bayern em casa \u00e9 excepcional. 12-1 na Allianz Arena.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card high-risk\">\n <div class=\"risk-badge high\">ALTO RISCO<\/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>Por que:<\/strong> Kane fazendo gols \u00e0 vontade. Mbapp\u00e9 pode ser questionado por les\u00e3o.\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 - s\u00e1bado, 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\">BAIXO RISCO<\/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>Por que:<\/strong> Invicto no Azteca. Melhor defesa da liga.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card medium-risk\">\n <div class=\"risk-badge medium\">RISCO M\u00c9DIO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Menos de 2,5 gols<\/div>\n <div class=\"pick-meta\">@-110 - Conf: 65%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Por que:<\/strong> El Cl\u00e1sico Nacional tipicamente defensivo. Rivalidade com poucos gols.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card high-risk\">\n <div class=\"risk-badge high\">ALTO RISCO<\/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>Por que:<\/strong> Chivas 2-4 fora de casa. Am\u00e9rica dominante em 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 Demonstra\u00e7\u00e3o interativa - Experimente!\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\">Ligas e esportes que cobrimos<\/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>Liga dos Campe\u00f5es<\/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>Copa do Mundo<\/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>Liga dos Campe\u00f5es<\/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>Copa do Mundo<\/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\">Todos os principais esportes cobertos<\/h2>\n <p class=\"section-subtitle\">Obtenha escolhas baseadas em IA para todos os jogos, todos os dias<\/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\">Todos os jogos da 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\">Todos os jogos da 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\">Todos os jogos da 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\">Futebol<\/h3>\n <p class=\"sport-leagues\">Principais ligas do mundo<\/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\">Todos os jogos da 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\">Comece a usar gratuitamente<\/h2>\n <p class=\"section-subtitle\" style=\"margin-bottom: 3rem;\">Sem taxas ocultas. Basta se registrar e come\u00e7ar a explorar.<\/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 DIAS GR\u00c1TIS\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;\">Avalia\u00e7\u00e3o gratuita de 5 dias<\/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 dias gr\u00e1tis<\/h2>\n \n <!-- Descripci\u00f3n -->\n <p style=\"font-size: 1.1rem; color: var(--text-light); margin-bottom: 2rem; line-height: 1.6;\">Crie sua conta gratuita e obtenha 5 dias de escolhas ilimitadas com tecnologia de IA. Sem restri\u00e7\u00f5es, acesso total a todos os esportes e recursos.<\/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;\">CRIAR UMA CONTA GRATUITA<\/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);\">Todos os 5 esportes (NFL, NBA, MLB, NHL, Futebol)<\/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);\">Previs\u00f5es baseadas em IA<\/span>\n <\/div>\n <div style=\"display: flex; align-items: center; gap: 0.5rem;\">\n <i class=\"las la-check-circle\" style=\"color: var(--accent-green); font-size: 1.2rem;\"><\/i>\n <span style=\"font-size: 0.9rem; color: var(--text-light);\">Probabilidades em tempo real<\/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);\">Escores de confian\u00e7a<\/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);\">Salvar seus favoritos<\/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);\">Funciona em qualquer 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\">Recursos avan\u00e7ados de IA<\/h2>\n <p class=\"section-subtitle\">Tudo o que voc\u00ea precisa para fazer previs\u00f5es esportivas mais inteligentes<\/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\">Escolhas com tecnologia de IA<\/h3>\n <p class=\"feature-desc\">O aprendizado de m\u00e1quina avan\u00e7ado analisa milhares de pontos de dados, incluindo estat\u00edsticas da equipe, desempenho do jogador, clima e tend\u00eancias hist\u00f3ricas.<\/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\">Probabilidades em tempo real<\/h3>\n <p class=\"feature-desc\">Compara\u00e7\u00e3o de probabilidades ao vivo de v\u00e1rias casas de apostas esportivas para que voc\u00ea sempre obtenha as melhores linhas dispon\u00edveis.<\/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\">Escores de confian\u00e7a<\/h3>\n <p class=\"feature-desc\">Cada escolha vem com um \u00edndice de confian\u00e7a de IA para que voc\u00ea saiba quais previs\u00f5es t\u00eam a maior probabilidade.<\/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\">Escolhas pr\u00e9-jogo<\/h3>\n <p class=\"feature-desc\">Obtenha escolhas detalhadas duas horas antes do jogo, com atualiza\u00e7\u00f5es de \u00faltima hora sobre les\u00f5es e movimentos de linha.<\/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\">Salvar favoritos<\/h3>\n <p class=\"feature-desc\">Acompanhe seus times e jogos favoritos. Tenha acesso r\u00e1pido aos confrontos mais importantes para voc\u00ea.<\/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 para celular<\/h3>\n <p class=\"feature-desc\">Acesse as picaretas em qualquer lugar, a qualquer momento. Nossa plataforma funciona perfeitamente em qualquer 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\">Como funciona<\/h2>\n <p class=\"section-subtitle\">Comece a obter previs\u00f5es de IA em 4 etapas simples<\/p>\n \n <div class=\"steps-container\">\n <div class=\"step-card\">\n <div class=\"step-number\">1<\/div>\n <h3 class=\"step-title\">Registre-se gratuitamente<\/h3>\n <p class=\"step-desc\">Crie sua conta em segundos.<\/p>\n <\/div>\n \n <div class=\"step-card\">\n <div class=\"step-number\">2<\/div>\n <h3 class=\"step-title\">Ganhe 5 dias gr\u00e1tis<\/h3>\n <p class=\"step-desc\">Comece seu teste gratuito de 5 dias com escolhas ilimitadas de IA.<\/p>\n <\/div>\n \n <div class=\"step-card\">\n <div class=\"step-number\">3<\/div>\n <h3 class=\"step-title\">Escolha seus jogos<\/h3>\n <p class=\"step-desc\">Navegue pelos jogos de hoje e obtenha escolhas de IA para qualquer confronto.<\/p>\n <\/div>\n \n <div class=\"step-card\">\n <div class=\"step-number\">4<\/div>\n <h3 class=\"step-title\">Obter percep\u00e7\u00f5es<\/h3>\n <p class=\"step-desc\">Use escolhas baseadas em IA para tomar decis\u00f5es informadas.<\/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\">O que os f\u00e3s de esportes est\u00e3o dizendo<\/h2>\n <p class=\"section-subtitle\">Junte-se a milhares de usu\u00e1rios que est\u00e3o obtendo escolhas mais inteligentes com IA<\/p>\n \n <div class=\"reviews-grid\">\n <div class=\"review-card\">\n <span class=\"review-badge\">Verificado<\/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\">\"As escolhas da IA s\u00e3o incr\u00edveis. Ela detectou um movimento de linha que eu teria perdido e salvou meu jogo de domingo. J\u00e1 ganhei 3 unidades este m\u00eas!\"<\/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\">F\u00e3 da NFL<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"review-card\">\n <span class=\"review-badge\">Verificado<\/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 um aplicativo que explica POR QUE uma escolha \u00e9 boa, n\u00e3o apenas o que escolher. Os dados sobre les\u00f5es e o hist\u00f3rico de confrontos s\u00e3o de alto n\u00edvel.\"<\/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\">F\u00e3 da NBA<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"review-card\">\n <span class=\"review-badge\">Verificado<\/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\">\"Uso isso para a Premier League todo fim de semana. As pontua\u00e7\u00f5es de confian\u00e7a me ajudam a saber quando devo confiar em uma escolha e quando \u00e9 uma jogada de moeda. 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\">Torcedor de futebol<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"review-card\">\n <span class=\"review-badge\">Verificado<\/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\">\"Comecei com o teste gratuito e fiquei viciado em uma semana. As escolhas de adere\u00e7os da MLB s\u00e3o perfeitas. Meu amigo e eu o usamos para todos os jogos agora.\"<\/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\">F\u00e3 da MLB<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"review-card\">\n <span class=\"review-badge\">Verificado<\/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\">\"A interface do usu\u00e1rio do aplicativo \u00e9 limpa e as op\u00e7\u00f5es s\u00e3o carregadas rapidamente. Nada de bobagens, apenas insights reais baseados em dados. De longe, \u00e9 a melhor ferramenta de IA para esportes que j\u00e1 usei.\"<\/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\">F\u00e3 da NFL<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"review-card\">\n <span class=\"review-badge\">Verificado<\/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\">\"A cobertura da Liga MX \u00e9 dif\u00edcil de encontrar, mas a Nuvix tem! A escolha do Am\u00e9rica vs Chivas na semana passada foi perfeita. Excelente para os f\u00e3s de futebol.\"<\/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\">Torcedor da 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\">Classifica\u00e7\u00e3o m\u00e9dia<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">10K+<\/div>\n <div class=\"stat-label\">Usu\u00e1rios ativos<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">500K+<\/div>\n <div class=\"stat-label\">Escolhas feitas<\/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\">Escolha seu plano<\/h2>\n <p class=\"section-subtitle\">Comece gratuitamente por 5 dias - sem custo at\u00e9 o t\u00e9rmino da avalia\u00e7\u00e3o<\/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>B\u00e1sico<\/h3>\n <p>10 sele\u00e7\u00f5es \/ m\u00eas<\/p>\n <\/div>\n <div class=\"plan-price\">$9.99\/m\u00eas<\/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>Profissional<\/h3>\n <p>50 sele\u00e7\u00f5es \/ m\u00eas<\/p>\n <\/div>\n <div class=\"plan-price\">$29.99\/m\u00eas<\/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\">Mais populares<\/div>\n <div class=\"plan-info\">\n <h3>Elite<\/h3>\n <p>Escolhas ilimitadas<\/p>\n <\/div>\n <div class=\"plan-price\">$49.99\/m\u00eas<\/div>\n <\/div>\n\n <\/div>\n\n <!-- Trial Summary Card -->\n <div class=\"trial-summary\">\n <div class=\"trial-summary-header\">\n <h3>Sua avalia\u00e7\u00e3o 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\">Hoje<\/span>\n <span class=\"trial-row-value free\">$0.00 cobrado<\/span>\n <\/div>\n <div class=\"trial-row\">\n <span class=\"trial-row-label\">Acesso de teste<\/span>\n <span class=\"trial-row-value\" id=\"trial-access-value\">5 dias de escolhas ilimitadas<\/span>\n <\/div>\n <div class=\"trial-row\">\n <span class=\"trial-row-label\">Plano ap\u00f3s o julgamento<\/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\">Primeira carga<\/span>\n <span class=\"trial-row-value\" id=\"trial-first-charge\">Em 17 de mar\u00e7o de 2026: $49.99<\/span>\n <\/div>\n\n <div class=\"trial-nuvei\">\n <div class=\"trial-nuvei-title\">Entrada segura de cart\u00e3o com tecnologia Nuvei<\/div>\n <p>Seu cart\u00e3o \u00e9 necess\u00e1rio para ativar o teste. Voc\u00ea pode cancelar antes da primeira cobran\u00e7a.<\/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;\">INICIAR TESTE GRATUITO<\/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 para <span>Aumentar o n\u00edvel de suas escolhas?<\/span><\/h2>\n <p class=\"cta-subtitle\">Junte-se a milhares de f\u00e3s de esportes que usam IA para obter escolhas de n\u00edvel especializado. Inicie seu teste gratuito de 5 dias hoje mesmo.<\/p>\n <div class=\"cta-buttons\">\n <a href=\"https:\/\/nuvix.com\/sportsapp\/\" class=\"btn btn-secondary\">Fazer login<\/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\/pt\/\" 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>O Nuvix Sports Picks AI fornece previs\u00f5es e escolhas esportivas com tecnologia de IA para ajudar os entusiastas do esporte a tomar decis\u00f5es informadas.<\/p>\n <\/div>\n \n <div class=\"footer-links\">\n <h4>Produto<\/h4>\n <a href=\"#sports\">Esportes<\/a>\n <a href=\"#features\">Recursos<\/a>\n <a href=\"#pricing\">Pre\u00e7os<\/a>\n <a href=\"#how-it-works\">Como funciona<\/a>\n <\/div>\n \n <div class=\"footer-links\">\n <h4>Conta<\/h4>\n <a href=\"https:\/\/nuvix.com\/sportsapp\/?new=true\">Registre-se gratuitamente<\/a>\n <a href=\"https:\/\/nuvix.com\/sportsapp\/\">Fazer login<\/a>\n <a href=\"https:\/\/nuvix.com\/pt\/\">P\u00e1gina inicial do Nuvix<\/a>\n <\/div>\n <\/div>\n \n <div class=\"footer-bottom\">\n <p class=\"footer-disclaimer\">\n <strong>Isen\u00e7\u00e3o de responsabilidade:<\/strong> Esta plataforma \u00e9 apenas para fins informativos e de entretenimento. Todas as previs\u00f5es e escolhas s\u00e3o geradas por IA e n\u00e3o devem ser consideradas como aconselhamento financeiro. O desempenho passado n\u00e3o garante resultados futuros. Os usu\u00e1rios devem ter 18 anos ou mais para usar este servi\u00e7o.\n <\/p>\n <p class=\"footer-trademark\">\n Todos os logotipos, marcas comerciais e marcas de ligas e equipes exibidos neste site s\u00e3o de propriedade de seus respectivos propriet\u00e1rios. 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 s\u00e3o marcas registradas de suas respectivas organiza\u00e7\u00f5es. A Nuvix n\u00e3o \u00e9 afiliada, endossada ou conectada a nenhuma dessas organiza\u00e7\u00f5es. O uso desses logotipos \u00e9 apenas para fins informativos.\n <\/p>\n <p class=\"footer-copyright\">\u00a9 2025 Nuvix by iEvolution. Todos os direitos reservados.<\/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=\"Alterar ambos\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\udde7\ud83c\uddf7<\/span>\n <span class=\"ulcs-lang\">PT<\/span>\n \n <span class=\"ulcs-divider\">|<\/span>\n \n <span class=\"ulcs-currency-symbol\">$<\/span>\n <span class=\"ulcs-currency-code\">USD<\/span>\n <\/div>\n <svg class=\"ulcs-arrow\" width=\"12\" height=\"12\" viewbox=\"0 0 12 12\" fill=\"none\">\n <path d=\"M3 4.5L6 7.5L9 4.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/button>\n <\/div>\n <\/div>\n\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 \u2013 Palpites e Previs\u00f5es Esportivas com IA\nRecursos Esportivos\nComo Funciona\nAvalia\u00e7\u00f5es\nPre\u00e7os\nEntrar\nCome\u00e7ar Teste Gr\u00e1tis\nCome\u00e7ar Teste Gr\u00e1tis\nPrevis\u00f5es Esportivas por IA\nPalpites Mais Inteligentes. Potencializado pela IA Nuvix.\nPrevis\u00f5es de IA em tempo real para NFL, NBA, MLB, NHL e Futebol \u2014 [\u2026]","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\/pt\/wp-json\/wp\/v2\/pages\/45598","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nuvix.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nuvix.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nuvix.com\/pt\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nuvix.com\/pt\/wp-json\/wp\/v2\/comments?post=45598"}],"version-history":[{"count":178,"href":"https:\/\/nuvix.com\/pt\/wp-json\/wp\/v2\/pages\/45598\/revisions"}],"predecessor-version":[{"id":46265,"href":"https:\/\/nuvix.com\/pt\/wp-json\/wp\/v2\/pages\/45598\/revisions\/46265"}],"wp:attachment":[{"href":"https:\/\/nuvix.com\/pt\/wp-json\/wp\/v2\/media?parent=45598"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}