{"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\/de\/nuvix-sport\/","title":{"rendered":"Nuvix Sport"},"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\/de\/\" class=\"logo\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/Untitled-design-2025-12-19T170655.292.png\" alt=\"Nuvix\">\n <\/a>\n \n <div class=\"nav-links\">\n <a href=\"#sports\">Sport<\/a>\n <a href=\"#features\">Eigenschaften<\/a>\n <a href=\"#how-it-works\">Wie es funktioniert<\/a>\n <a href=\"#reviews\">Bewertungen<\/a>\n <a href=\"#pricing\">Preisgestaltung<\/a>\n <a href=\"https:\/\/nuvix.com\/sportsapp\/\" class=\"btn btn-secondary\">Einloggen<\/a>\n <a href=\"https:\/\/nuvix.com\/sportsapp\/?new=true\" class=\"btn btn-free\">Kostenlose Testversion starten<\/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;\">Start Frei<\/a>\n <button class=\"hamburger\" id=\"hamburger\">\n <span><\/span>\n <span><\/span>\n <span><\/span>\n <\/button>\n <\/div>\n <\/nav>\n <\/header>\n\n <!-- Mobile Menu -->\n <div class=\"mobile-menu\" id=\"mobile-menu\">\n <div class=\"mobile-menu-content\">\n <div class=\"mobile-menu-links\">\n <a href=\"#sports\" onclick=\"closeMobileMenu()\">Sport<\/a>\n <a href=\"#features\" onclick=\"closeMobileMenu()\">Eigenschaften<\/a>\n <a href=\"#how-it-works\" onclick=\"closeMobileMenu()\">Wie es funktioniert<\/a>\n <a href=\"#reviews\" onclick=\"closeMobileMenu()\">Bewertungen<\/a>\n <a href=\"#pricing\" onclick=\"closeMobileMenu()\">Preisgestaltung<\/a>\n <\/div>\n <div class=\"mobile-menu-buttons\">\n <a href=\"https:\/\/nuvix.com\/sportsapp\/\" class=\"btn btn-secondary\">Einloggen<\/a>\n <a href=\"https:\/\/nuvix.com\/sportsapp\/?new=true\" class=\"btn btn-free\" onclick=\"closeMobileMenu()\">Kostenlose Testversion starten<\/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 KI-gest\u00fctzte Sportvorhersagen\n <\/div>\n\n <h1 class=\"video-hero__title\">\n Kl\u00fcgere Entscheidungen.<br><span>Angetrieben von Nuvix AI.<\/span>\n <\/h1>\n\n <p class=\"video-hero__subtitle\">\n KI-Prognosen in Echtzeit f\u00fcr NFL, NBA, MLB, NHL und Fu\u00dfball - basierend auf Tausenden von Datenpunkten, damit Sie keinen Vorteil verpassen.\n <\/p>\n\n <div class=\"video-hero__cta-group\">\n <a href=\"https:\/\/nuvix.com\/sportsapp\/?new=true\" class=\"btn btn-free\">STARTEN SIE IHREN 5-T\u00c4GIGEN KOSTENLOSEN TEST<\/a>\n <div class=\"age-badge\" style=\"margin-top: 0.25rem;\">\n <i class=\"las la-user-check\"><\/i>\n Sie m\u00fcssen mindestens 21 Jahre alt sein, um diesen Dienst zu nutzen.\n <\/div>\n <\/div>\n\n <div class=\"video-hero__trust\">\n <span><i class=\"las la-check-circle\"><\/i> 5 Tage frei<\/span>\n <span><i class=\"las la-check-circle\"><\/i> Jederzeit abbrechen<\/span>\n <span><i class=\"las la-check-circle\"><\/i> Alle 5 Sportarten inklusive<\/span>\n <\/div>\n\n <!-- Play Video Button -->\n <button class=\"video-hero__play-btn\" id=\"video-play-btn\" aria-label=\"Video mit Audio abspielen\">\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>Video ansehen<\/strong>\n <span>Wiedergabe mit Audio<\/span>\n <\/div>\n <\/button>\n <\/div>\n\n <!-- Scroll Indicator -->\n <div class=\"video-hero__scroll\">\n <div class=\"video-hero__scroll-line\"><\/div>\n Erkunden Sie\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=\"Video schlie\u00dfen\">\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 Sehen Sie es in Aktion\n <\/div>\n <h1>Einblicke auf Expertenebene f\u00fcr <span>Jedes Spiel<\/span><\/h1>\n <p>Unsere k\u00fcnstliche Intelligenz analysiert Team-Statistiken, Spielerleistungen, Verletzungen, Wetter und historische Trends - und liefert dann Tipps mit Vertrauenswerten, damit Sie genau wissen, wo der Vorteil liegt.<\/p>\n \n <div class=\"hero-stats\">\n <div class=\"stat-item\">\n <div class=\"stat-number\">5<\/div>\n <div class=\"stat-label\">Gro\u00dfe Sportarten<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">24\/7<\/div>\n <div class=\"stat-label\">AI-Auswahl<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">Live<\/div>\n <div class=\"stat-label\">Quoten-Updates<\/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 TAGE KOSTENLOS TESTEN - JETZT!<\/a>\n\n <div class=\"age-badge\" style=\"margin-top: 0.5rem;\">\n <i class=\"las la-user-check\"><\/i>\n Sie m\u00fcssen mindestens 21 Jahre alt sein, um diesen Dienst zu nutzen.\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 w\u00e4hlt AI<\/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\">Fu\u00dfball<\/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\">Erste Liga<\/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\">Meister<\/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\">Eagles<\/span>\n <\/div>\n <span class=\"matchup-vs\">gegen<\/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 - Heute 8:20 PM<\/div>\n <\/div>\n \n <div class=\"pick-predictions-list\">\n <!-- Bajo Riesgo -->\n <div class=\"prediction-card low-risk\">\n <div class=\"risk-badge low\">KLEINES RISIKO<\/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 - Konf: 78%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Warum?<\/strong> 6-1 Heimbilanz. Starke Verteidigungslinie.\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Riesgo Medio -->\n <div class=\"prediction-card medium-risk\">\n <div class=\"risk-badge medium\">MITTLERES RISIKO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">\u00dcber 48,5<\/div>\n <div class=\"pick-meta\">@-110 - Konf: 72%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Warum?<\/strong> Beide Teams erzielen im Durchschnitt 24+ PPG. Es wird ein Spiel mit vielen Punkten erwartet.\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Alto Riesgo -->\n <div class=\"prediction-card high-risk\">\n <div class=\"risk-badge high\">HOHES RISIKO<\/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 - Konf: 65%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Warum?<\/strong> Eagles in der ersten Halbzeit zu Hause stark. Dallas beginnt langsam.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- NBA Pick Analysis -->\n <div class=\"demo-games\" id=\"demo-nba\" style=\"display: none;\">\n <div class=\"pick-analysis-header\">\n <div class=\"matchup-title-container\">\n <div class=\"matchup-team\">\n <div class=\"matchup-team-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/nba\/500\/bos.png\" alt=\"Celtics\">\n <\/div>\n <span class=\"matchup-team-name\">Celtics<\/span>\n <\/div>\n <span class=\"matchup-vs\">gegen<\/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 - Heute 7:30 PM<\/div>\n <\/div>\n \n <div class=\"pick-predictions-list\">\n <div class=\"prediction-card low-risk\">\n <div class=\"risk-badge low\">KLEINES RISIKO<\/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 - Konf: 82%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Warum?<\/strong> 12-1 zu Hause. Elite-Verteidigung. Lakers 4-6 ausw\u00e4rts.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card medium-risk\">\n <div class=\"risk-badge medium\">MITTLERES RISIKO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">\u00dcber 224,5<\/div>\n <div class=\"pick-meta\">@-110 - Konf: 76%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Warum?<\/strong> Leistungsstarke Offensiven. Tatum + Brown gegen LeBron + AD.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card high-risk\">\n <div class=\"risk-badge high\">HOHES RISIKO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Tatum \u00dcber 28,5 Pkt.<\/div>\n <div class=\"pick-meta\">@-115 - Konf: 68%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Warum?<\/strong> Tatum erzielt zu Hause durchschnittlich 31 PPG. Lakers schwache Perimeter-D.\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\">gegen<\/span>\n <div class=\"matchup-team\">\n <span class=\"matchup-team-name\">Giganten<\/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 - Heute 10:10 PM<\/div>\n <\/div>\n \n <div class=\"pick-predictions-list\">\n <div class=\"prediction-card low-risk\">\n <div class=\"risk-badge low\">KLEINES RISIKO<\/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\">Konf: 75%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Warum?<\/strong> Ein Pitcher-Ass mit 2,45 ERA zu Hause. Giants schlagen .218 gegen LHP.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card medium-risk\">\n <div class=\"risk-badge medium\">MITTLERES RISIKO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Unter 8,5<\/div>\n <div class=\"pick-meta\">@-110 - Konf: 71%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Warum?<\/strong> Elite-Pitching-Matchup. Beide Teams k\u00e4mpfen gegen Asse.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card high-risk\">\n <div class=\"risk-badge high\">HOHES RISIKO<\/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 - Konf: 62%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Warum?<\/strong> Die Dodgers schlagen zu Hause LHP-Gegner mit 2+ Runs.\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\">gegen<\/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 - Heute Abend 7:00 PM ET<\/div>\n <\/div>\n \n <div class=\"pick-predictions-list\">\n <div class=\"prediction-card low-risk\">\n <div class=\"risk-badge low\">KLEINES RISIKO<\/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\">Konf: 76%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Warum?<\/strong> 8-2 zu Hause. Elite-Strafverfolgung (87%). Rangers 3-5 ausw\u00e4rts.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card medium-risk\">\n <div class=\"risk-badge medium\">MITTLERES RISIKO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Unter 5,5 Toren<\/div>\n <div class=\"pick-meta\">@-110 - Konf: 70%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Warum?<\/strong> Beide Torh\u00fcter sind erstklassig. Bruins erlauben 2,3 GPG zu Hause in dieser Saison.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card high-risk\">\n <div class=\"risk-badge high\">HOHES RISIKO<\/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-Linie)<\/div>\n <div class=\"pick-meta\">@+175 - Konf: 58%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Warum?<\/strong> Die Bruins haben 6 der letzten 9 Heimspiele gegen Atlantik-Rivalen mit mehr als 2 Punkten Vorsprung gewonnen.\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\">gegen<\/span>\n <div class=\"matchup-team\">\n <span class=\"matchup-team-name\">Man City<\/span>\n <div class=\"matchup-team-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/soccer\/500\/382.png\" alt=\"Man City\">\n <\/div>\n <\/div>\n <\/div>\n <div class=\"matchup-subtitle\">Premier League - Sonntag 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\">KLEINES RISIKO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Liverpooler Sieg<\/div>\n <div class=\"pick-meta\">@+105 - Konf: 71%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Warum?<\/strong> Ungeschlagen in Anfield. Salah 12 Tore in 10 Spielen.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card medium-risk\">\n <div class=\"risk-badge medium\">MITTLERES RISIKO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">\u00dcber 3,5 Tore<\/div>\n <div class=\"pick-meta\">@+120 - Konf: 68%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Warum?<\/strong> Beide Teams sind Elite-Angreifer. Durchschnittlich 3,8 Tore in H2H.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card high-risk\">\n <div class=\"risk-badge high\">HOHES RISIKO<\/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 - Konf: 71%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Warum?<\/strong> Citys schwache Ausw\u00e4rtsverteidigung. Liverpool dominiert zu Hause.\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\">gegen<\/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 - Samstag 3:00 PM<\/div>\n <\/div>\n \n <div class=\"pick-predictions-list\">\n <div class=\"prediction-card low-risk\">\n <div class=\"risk-badge low\">KLEINES RISIKO<\/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 gewinnt<\/div>\n <div class=\"pick-meta\">@+110 - Konf: 74%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Warum?<\/strong> Bernab\u00e9u-Vorteil. Vin\u00edcius + Bellingham 28 Tore.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card medium-risk\">\n <div class=\"risk-badge medium\">MITTLERES RISIKO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">\u00dcber 3,0 Tore<\/div>\n <div class=\"pick-meta\">@-105 - Konf: 79%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Warum?<\/strong> El Cl\u00e1sico ist immer torreich. 4,2 durchschnittliche Tore in den letzten Spielen.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card high-risk\">\n <div class=\"risk-badge high\">HOHES RISIKO<\/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 - Konf: 74%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Warum?<\/strong> Bar\u00e7a 3-4 ausw\u00e4rts. Real in dieser Saison zu Hause ungeschlagen.\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\">gegen<\/span>\n <div class=\"matchup-team\">\n <span class=\"matchup-team-name\">PSG<\/span>\n <div class=\"matchup-team-logo\">\n <img decoding=\"async\" src=\"https:\/\/a.espncdn.com\/i\/teamlogos\/soccer\/500\/160.png\" alt=\"PSG\">\n <\/div>\n <\/div>\n <\/div>\n <div class=\"matchup-subtitle\">Champions League - Mittwoch 15:00 Uhr<\/div>\n <\/div>\n \n <div class=\"pick-predictions-list\">\n <div class=\"prediction-card low-risk\">\n <div class=\"risk-badge low\">KLEINES RISIKO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">\u00dcber 3,5 Tore<\/div>\n <div class=\"pick-meta\">@-105 - Konf: 69%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Warum?<\/strong> Offensivtalente der Spitzenklasse auf beiden Seiten. In den letzten 5 UCL-Spielen fielen durchschnittlich 4,2 Tore.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card medium-risk\">\n <div class=\"risk-badge medium\">MITTLERES RISIKO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Bayern Sieg<\/div>\n <div class=\"pick-meta\">@-115 - Konf: 58%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Warum?<\/strong> Bayerns Heimbilanz ist au\u00dfergew\u00f6hnlich. 12:1 in der Allianz Arena.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card high-risk\">\n <div class=\"risk-badge high\">HOHES RISIKO<\/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 - Konf: 62%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Warum?<\/strong> Kane trifft nach Belieben. Mbapp\u00e9 mit Verletzung fraglich.\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\">gegen<\/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 - Samstag 8:00 PM<\/div>\n <\/div>\n \n <div class=\"pick-predictions-list\">\n <div class=\"prediction-card low-risk\">\n <div class=\"risk-badge low\">KLEINES RISIKO<\/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 - Konf: 72%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Warum?<\/strong> Ungeschlagen im Aztekenstadion. Beste Verteidigung der Liga.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card medium-risk\">\n <div class=\"risk-badge medium\">MITTLERES RISIKO<\/div>\n <div class=\"prediction-content\">\n <div class=\"prediction-header\">\n <div class=\"pick-icon\">\u2713<\/div>\n <div class=\"pick-title\">Unter 2,5 Toren<\/div>\n <div class=\"pick-meta\">@-110 - Konf: 65%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Warum?<\/strong> El Cl\u00e1sico Nacional typisch defensiv. Rivalit\u00e4t mit wenigen Toren.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"prediction-card high-risk\">\n <div class=\"risk-badge high\">HOHES RISIKO<\/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 - Konf: 72%<\/div>\n <\/div>\n <div class=\"prediction-reason\">\n <strong>Warum?<\/strong> Chivas ausw\u00e4rts 2:4. Am\u00e9rica dominiert zu Hause.\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 Interaktive Demo - Probieren Sie es aus!\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\">Von uns abgedeckte Ligen und Sportarten<\/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>Erste Liga<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/La-Liga.png\" alt=\"La Liga\">\n <\/div>\n <span>La Liga<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\" style=\"background: white; border-radius: 8px;\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/Champion-League.png\" alt=\"Champions League\">\n <\/div>\n <span>Champions League<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/MLS.png\" alt=\"MLS\">\n <\/div>\n <span>MLS<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/Liga-MX.png\" alt=\"Liga MX\">\n <\/div>\n <span>Liga MX<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/World-Cup.png\" alt=\"World Cup\">\n <\/div>\n <span>Weltmeisterschaft<\/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>Erste Liga<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/La-Liga.png\" alt=\"La Liga\">\n <\/div>\n <span>La Liga<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\" style=\"background: white; border-radius: 8px;\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/Champion-League.png\" alt=\"Champions League\">\n <\/div>\n <span>Champions League<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/MLS.png\" alt=\"MLS\">\n <\/div>\n <span>MLS<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/Liga-MX.png\" alt=\"Liga MX\">\n <\/div>\n <span>Liga MX<\/span>\n <\/div>\n <div class=\"league-item\">\n <div class=\"league-logo\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/World-Cup.png\" alt=\"World Cup\">\n <\/div>\n <span>Weltmeisterschaft<\/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\">Alle wichtigen Sportarten abgedeckt<\/h2>\n <p class=\"section-subtitle\">Erhalten Sie KI-gest\u00fctzte Tipps f\u00fcr jedes Spiel, jeden Tag<\/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\">Alle NFL-Spiele<\/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\">Alle NBA-Spiele<\/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\">Alle MLB-Spiele<\/p>\n <\/div>\n <div class=\"sport-card\" style=\"--sport-color: #10B981;\">\n <div class=\"sport-icon\">\u26bd<\/div>\n <h3 class=\"sport-name\">Fu\u00dfball<\/h3>\n <p class=\"sport-leagues\">Gro\u00dfe Ligen weltweit<\/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\">Alle NHL-Spiele<\/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\">Jetzt kostenlos einsteigen<\/h2>\n <p class=\"section-subtitle\" style=\"margin-bottom: 3rem;\">Keine versteckten Geb\u00fchren. Melden Sie sich einfach an und beginnen Sie zu entdecken.<\/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 TAGE FREI\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;\">5-t\u00e4gige kostenlose Testversion<\/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 Tage frei<\/h2>\n \n <!-- Descripci\u00f3n -->\n <p style=\"font-size: 1.1rem; color: var(--text-light); margin-bottom: 2rem; line-height: 1.6;\">Erstellen Sie Ihr kostenloses Konto und erhalten Sie 5 Tage lang unbegrenzte KI-gest\u00fctzte Tipps. Keine Einschr\u00e4nkungen, voller Zugang zu allen Sportarten und Funktionen.<\/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;\">KOSTENLOSES KONTO ERSTELLEN<\/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);\">Alle 5 Sportarten (NFL, NBA, MLB, NHL, Fu\u00dfball)<\/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);\">KI-gest\u00fctzte Vorhersagen<\/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);\">Quoten in Echtzeit<\/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);\">Vertrauenspunkte<\/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);\">Speichern Sie Ihre Favoriten<\/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);\">Funktioniert auf jedem Ger\u00e4t<\/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\">Leistungsstarke AI-Funktionen<\/h2>\n <p class=\"section-subtitle\">Alles, was Sie brauchen, um kl\u00fcgere Sportvorhersagen zu treffen<\/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\">AI-gest\u00fctzte Auswahlen<\/h3>\n <p class=\"feature-desc\">Hochentwickeltes maschinelles Lernen analysiert Tausende von Datenpunkten, darunter Teamstatistiken, Spielerleistungen, Wetter und historische Trends.<\/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\">Quoten in Echtzeit<\/h3>\n <p class=\"feature-desc\">Live-Quotenvergleich von mehreren Sportwettenanbietern, damit Sie immer die besten verf\u00fcgbaren Quoten erhalten.<\/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\">Vertrauenspunkte<\/h3>\n <p class=\"feature-desc\">Jeder Tipp wird mit einer KI-Konfidenzbewertung versehen, damit Sie wissen, welche Vorhersagen die h\u00f6chste Wahrscheinlichkeit haben.<\/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\">Tipps vor dem Spiel<\/h3>\n <p class=\"feature-desc\">Erhalten Sie 2 Stunden vor dem Spiel detaillierte Tipps mit Last-Minute-Updates zu Verletzungen und Linien\u00e4nderungen.<\/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\">Favoriten speichern<\/h3>\n <p class=\"feature-desc\">Verfolgen Sie Ihre Lieblingsteams und -spiele. Erhalten Sie schnellen Zugriff auf die Spiele, die f\u00fcr Sie am wichtigsten sind.<\/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\">Mobil bereit<\/h3>\n <p class=\"feature-desc\">Greifen Sie \u00fcberall und jederzeit auf die Picks zu. Unsere Plattform funktioniert perfekt auf jedem Ger\u00e4t.<\/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\">Wie es funktioniert<\/h2>\n <p class=\"section-subtitle\">Erhalten Sie AI-Vorhersagen in 4 einfachen Schritten<\/p>\n \n <div class=\"steps-container\">\n <div class=\"step-card\">\n <div class=\"step-number\">1<\/div>\n <h3 class=\"step-title\">Kostenlos anmelden<\/h3>\n <p class=\"step-desc\">Erstellen Sie Ihr Konto in Sekundenschnelle.<\/p>\n <\/div>\n \n <div class=\"step-card\">\n <div class=\"step-number\">2<\/div>\n <h3 class=\"step-title\">Erhalten Sie 5 Tage gratis<\/h3>\n <p class=\"step-desc\">Starten Sie Ihren 5-t\u00e4gigen kostenlosen Test mit unbegrenzten KI-Tipps.<\/p>\n <\/div>\n \n <div class=\"step-card\">\n <div class=\"step-number\">3<\/div>\n <h3 class=\"step-title\">W\u00e4hlen Sie Ihre Spiele<\/h3>\n <p class=\"step-desc\">St\u00f6bern Sie in den heutigen Spielen und holen Sie sich KI-Tipps f\u00fcr jede Begegnung.<\/p>\n <\/div>\n \n <div class=\"step-card\">\n <div class=\"step-number\">4<\/div>\n <h3 class=\"step-title\">Einblicke erhalten<\/h3>\n <p class=\"step-desc\">Nutzen Sie KI-gest\u00fctzte Auswahlm\u00f6glichkeiten, um fundierte Entscheidungen zu treffen.<\/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\">Was die Sportfans sagen<\/h2>\n <p class=\"section-subtitle\">Schlie\u00dfen Sie sich Tausenden von Nutzern an, die mit KI kl\u00fcgere Entscheidungen treffen<\/p>\n \n <div class=\"reviews-grid\">\n <div class=\"review-card\">\n <span class=\"review-badge\">Gepr\u00fcft<\/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\">\"Die KI-Picks sind unglaublich. Sie hat eine Linienbewegung erkannt, die ich verpasst h\u00e4tte, und hat meine Sonntags-Parlay gerettet. Ich habe diesen Monat bereits 3 Einheiten gewonnen!<\/p>\n <div class=\"review-author\">\n <div class=\"author-avatar\">MJ<\/div>\n <div class=\"author-info\">\n <span class=\"author-name\">Marcus J.<\/span>\n <span class=\"author-sport\">\ud83c\udfc8 NFL-Fan<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"review-card\">\n <span class=\"review-badge\">Gepr\u00fcft<\/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\">\"Endlich eine App, die erkl\u00e4rt, WARUM eine Auswahl gut ist, und nicht nur, was man ausw\u00e4hlen sollte. Die Verletzungsdaten und die historischen Matchup-Daten sind das n\u00e4chste Level.\"<\/p>\n <div class=\"review-author\">\n <div class=\"author-avatar\">SR<\/div>\n <div class=\"author-info\">\n <span class=\"author-name\">Sarah R.<\/span>\n <span class=\"author-sport\">\ud83c\udfc0 NBA-Fan<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"review-card\">\n <span class=\"review-badge\">Gepr\u00fcft<\/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\">\"Ich benutze es jedes Wochenende f\u00fcr die Premier League. Die Vertrauenswerte helfen mir zu wissen, wann ich einem Tipp trauen kann und wann es ein M\u00fcnzwurf ist. Ich liebe es!\"<\/p>\n <div class=\"review-author\">\n <div class=\"author-avatar\">DT<\/div>\n <div class=\"author-info\">\n <span class=\"author-name\">David T.<\/span>\n <span class=\"author-sport\">\u26bd Fu\u00dfballfan<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"review-card\">\n <span class=\"review-badge\">Gepr\u00fcft<\/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\">\"Ich habe mit der kostenlosen Testversion angefangen und war innerhalb einer Woche s\u00fcchtig. Die MLB Prop-Tipps sind genau richtig. Mein Kumpel und ich nutzen es jetzt f\u00fcr jedes Spiel.\"<\/p>\n <div class=\"review-author\">\n <div class=\"author-avatar\">KC<\/div>\n <div class=\"author-info\">\n <span class=\"author-name\">Kevin C.<\/span>\n <span class=\"author-sport\">\u26be MLB-Fan<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"review-card\">\n <span class=\"review-badge\">Gepr\u00fcft<\/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\">\"Die Benutzeroberfl\u00e4che der App ist sauber und die Picks werden schnell geladen. Kein Schnickschnack, nur echte datengest\u00fctzte Erkenntnisse. Das mit Abstand beste Sport-KI-Tool, das ich benutzt habe.<\/p>\n <div class=\"review-author\">\n <div class=\"author-avatar\">AM<\/div>\n <div class=\"author-info\">\n <span class=\"author-name\">Alex M.<\/span>\n <span class=\"author-sport\">\ud83c\udfc8 NFL-Fan<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"review-card\">\n <span class=\"review-badge\">Gepr\u00fcft<\/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\">\"Liga MX Berichterstattung ist schwer zu finden, aber Nuvix hat sie! Das Tippspiel Am\u00e9rica gegen Chivas letzte Woche war perfekt. Gro\u00dfartig f\u00fcr Fu\u00dfballfans.\"<\/p>\n <div class=\"review-author\">\n <div class=\"author-avatar\">RG<\/div>\n <div class=\"author-info\">\n <span class=\"author-name\">Roberto G.<\/span>\n <span class=\"author-sport\">\u26bd Liga MX Fan<\/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\">Durchschnittliche Bewertung<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">10K+<\/div>\n <div class=\"stat-label\">Aktive Benutzer<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">500K+<\/div>\n <div class=\"stat-label\">Picks gemacht<\/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\">W\u00e4hlen Sie Ihren Plan<\/h2>\n <p class=\"section-subtitle\">Starten Sie kostenlos f\u00fcr 5 Tage - bis zum Ende Ihrer Testphase fallen keine Kosten an.<\/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>Grundlegend<\/h3>\n <p>10 Picks \/ Monat<\/p>\n <\/div>\n <div class=\"plan-price\">$9.99\/mo<\/div>\n <\/div>\n\n <div class=\"plan-card\" data-plan=\"pro\" data-price=\"$29.99\" data-picks=\"50\" data-charge=\"$29.99\" onclick=\"selectPlan(this)\">\n <div class=\"plan-info\">\n <h3>Pro<\/h3>\n <p>50 Picks \/ Monat<\/p>\n <\/div>\n <div class=\"plan-price\">$29.99\/mo<\/div>\n <\/div>\n\n <div class=\"plan-card selected\" data-plan=\"elite\" data-price=\"$49.99\" data-picks=\"Unlimited\" data-charge=\"$49.99\" onclick=\"selectPlan(this)\">\n <div class=\"plan-badge\">Am beliebtesten<\/div>\n <div class=\"plan-info\">\n <h3>Elite<\/h3>\n <p>Unbegrenzte Auswahlm\u00f6glichkeiten<\/p>\n <\/div>\n <div class=\"plan-price\">$49.99\/mo<\/div>\n <\/div>\n\n <\/div>\n\n <!-- Trial Summary Card -->\n <div class=\"trial-summary\">\n <div class=\"trial-summary-header\">\n <h3>Ihr kostenloser Test<\/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\">Heute<\/span>\n <span class=\"trial-row-value free\">$0.00 berechnet<\/span>\n <\/div>\n <div class=\"trial-row\">\n <span class=\"trial-row-label\">Zugang auf Probe<\/span>\n <span class=\"trial-row-value\" id=\"trial-access-value\">5 Tage lang unbegrenzt pfl\u00fccken<\/span>\n <\/div>\n <div class=\"trial-row\">\n <span class=\"trial-row-label\">Plan nach dem Versuch<\/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\">Erste Ladung<\/span>\n <span class=\"trial-row-value\" id=\"trial-first-charge\">Am 17. M\u00e4rz 2026: $49.99<\/span>\n <\/div>\n\n <div class=\"trial-nuvei\">\n <div class=\"trial-nuvei-title\">Sichere Karteneingabe mit Nuvei<\/div>\n <p>Ihre Karte ist f\u00fcr die Aktivierung der Testversion erforderlich. Sie k\u00f6nnen vor der ersten Aufladung k\u00fcndigen.<\/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;\">KOSTENLOSE TESTVERSION STARTEN<\/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\">Bereit zum <span>Level Up Your Picks?<\/span><\/h2>\n <p class=\"cta-subtitle\">Schlie\u00dfen Sie sich Tausenden von Sportfans an, die KI nutzen, um Tipps von Experten zu erhalten. Starten Sie noch heute Ihren kostenlosen 5-Tage-Test.<\/p>\n <div class=\"cta-buttons\">\n <a href=\"https:\/\/nuvix.com\/sportsapp\/\" class=\"btn btn-secondary\">Einloggen<\/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\/de\/\" class=\"logo\">\n <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/12\/Untitled-design-2025-12-19T170655.292.png\" alt=\"Nuvix\" style=\"height: 40px;\">\n <\/a>\n <p>Nuvix Sports Picks AI bietet KI-gest\u00fctzte Sportvorhersagen und -tipps, die Sportbegeisterten helfen, fundierte Entscheidungen zu treffen.<\/p>\n <\/div>\n \n <div class=\"footer-links\">\n <h4>Produkt<\/h4>\n <a href=\"#sports\">Sport<\/a>\n <a href=\"#features\">Eigenschaften<\/a>\n <a href=\"#pricing\">Preisgestaltung<\/a>\n <a href=\"#how-it-works\">Wie es funktioniert<\/a>\n <\/div>\n \n <div class=\"footer-links\">\n <h4>Konto<\/h4>\n <a href=\"https:\/\/nuvix.com\/sportsapp\/?new=true\">Kostenlos anmelden<\/a>\n <a href=\"https:\/\/nuvix.com\/sportsapp\/\">Einloggen<\/a>\n <a href=\"https:\/\/nuvix.com\/de\/\">Nuvix Startseite<\/a>\n <\/div>\n <\/div>\n \n <div class=\"footer-bottom\">\n <p class=\"footer-disclaimer\">\n <strong>Haftungsausschluss:<\/strong> Diese Plattform dient nur zu Informations- und Unterhaltungszwecken. Alle Vorhersagen und Tipps werden von KI generiert und sollten nicht als Finanzberatung angesehen werden. Die Performance in der Vergangenheit ist keine Garantie f\u00fcr zuk\u00fcnftige Ergebnisse. Benutzer m\u00fcssen 18 Jahre oder \u00e4lter sein, um diesen Service zu nutzen.\n <\/p>\n <p class=\"footer-trademark\">\n Alle Liga- und Teamlogos, Warenzeichen und Marken, die auf dieser Website gezeigt werden, sind Eigentum der jeweiligen Inhaber. NFL\u00ae, NBA\u00ae, MLB\u00ae, NHL\u00ae, Premier League\u2122, La Liga\u2122, UEFA Champions League\u2122, MLS\u00ae, Liga MX\u2122 und FIFA World Cup\u2122 sind eingetragene Marken der jeweiligen Organisationen. Nuvix ist mit keiner dieser Organisationen verbunden, wird von keiner dieser Organisationen unterst\u00fctzt und steht mit keiner dieser Organisationen in Verbindung. Die Verwendung dieser Logos dient nur zu Informationszwecken.\n <\/p>\n <p class=\"footer-copyright\">\u00a9 2025 Nuvix von iEvolution. Alle Rechte vorbehalten.<\/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=\"\u00c4ndern Sie beide\">\n <div class=\"ulcs-current\">\n <span class=\"ulcs-flag\">\ud83c\udde9\ud83c\uddea<\/span>\n <span class=\"ulcs-lang\">DE<\/span>\n \n <span class=\"ulcs-divider\">|<\/span>\n \n <span class=\"ulcs-currency-symbol\">$<\/span>\n <span class=\"ulcs-currency-code\">USD<\/span>\n <\/div>\n <svg class=\"ulcs-arrow\" width=\"12\" height=\"12\" viewbox=\"0 0 12 12\" fill=\"none\">\n <path d=\"M3 4.5L6 7.5L9 4.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/button>\n <\/div>\n <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"Nuvix Sports Picks AI - AI-Powered Sports Picks & Predictions Sports Features How It Works Reviews Pricing Log In Start Free Trial Start Free Sports Features How It Works Reviews Pricing Log In Start Free Trial AI-Powered Sports Predictions Smarter Picks.Powered by Nuvix AI. KI-Vorhersagen in Echtzeit f\u00fcr NFL, NBA, MLB, NHL & Fu\u00dfball - [...]","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\/de\/wp-json\/wp\/v2\/pages\/45598","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nuvix.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nuvix.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nuvix.com\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nuvix.com\/de\/wp-json\/wp\/v2\/comments?post=45598"}],"version-history":[{"count":178,"href":"https:\/\/nuvix.com\/de\/wp-json\/wp\/v2\/pages\/45598\/revisions"}],"predecessor-version":[{"id":46265,"href":"https:\/\/nuvix.com\/de\/wp-json\/wp\/v2\/pages\/45598\/revisions\/46265"}],"wp:attachment":[{"href":"https:\/\/nuvix.com\/de\/wp-json\/wp\/v2\/media?parent=45598"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}