Pricing – StreamEZ<\/title>\n <style>\n :root {\n --linear-ease: linear(\n 0, 0.068, 0.19 2.7%, 0.804 8.1%, 1.037, 1.199 13.2%, 1.245,\n 1.27 15.8%, 1.274, 1.272 17.4%, 1.249 19.1%, 0.996 28%, 0.949,\n 0.928 33.3%, 0.926, 0.933 36.8%, 1.001 45.6%, 1.013, 1.019 50.8%,\n 1.018 54.4%, 1 63.1%, 0.995 68%, 1.001 85%, 1\n );\n --color-1: #0066ff;\n --color-2: #0066ff;\n --color-3: #0066ff;\n --color-4: #00a8ff;\n --stroke-light: rgba(148,163,184,.18);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n background: transparent;\n color: #fff;\n overflow-x: hidden;\n min-height: 0;\n margin: 0;\n padding: 0;\n }\n\n header {\n position: relative;\n top: 0;\n left: 0;\n right: 0;\n z-index: 100;\n padding: 1.2rem 7%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: #0a0a0a;\n backdrop-filter: blur(30px);\n border-bottom: 1px solid rgba(0, 102, 255, 0.15);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n header.scrolled {\n padding: 0.9rem 7%;\n background: #0a0a0a;\n box-shadow: 0 10px 60px rgba(0, 0, 0, 0.6);\n border-bottom: 1px solid rgba(0, 102, 255, 0.3);\n }\n\n .logo {\n display: flex;\n align-items: center;\n gap: 1rem;\n font-size: 1.9rem;\n font-weight: 900;\n letter-spacing: -1px;\n transition: transform 0.3s ease;\n cursor: pointer;\n }\n\n .logo:hover {\n transform: translateY(-2px);\n }\n\n .logo-icon {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #0066ff 0%, #0066ff 50%, #00a8ff 100%);\n border-radius: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n box-shadow: \n 0 10px 30px rgba(0, 102, 255, 0.7),\n inset 0 1px 0 rgba(255, 255, 255, 0.2);\n animation: logoGlow 3s ease-in-out infinite;\n }\n\n @keyframes logoGlow {\n 0%, 100% { \n box-shadow: \n 0 10px 30px rgba(0, 102, 255, 0.7),\n inset 0 1px 0 rgba(255, 255, 255, 0.2);\n }\n 50% { \n box-shadow: \n 0 10px 40px rgba(0, 102, 255, 0.9),\n 0 0 20px rgba(0, 102, 255, 0.5),\n inset 0 1px 0 rgba(255, 255, 255, 0.3);\n }\n }\n\n .logo-icon::after {\n content: '';\n position: absolute;\n width: 0;\n height: 0;\n border-left: 14px solid white;\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n margin-left: 3px;\n filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));\n }\n\n .logo-text {\n display: flex;\n flex-direction: column;\n line-height: 1;\n }\n\n .logo-main {\n font-size: 1.9rem;\n background: linear-gradient(135deg, #fff 0%, #0066ff 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .logo-tagline {\n font-size: 0.65rem;\n color: rgba(255, 255, 255, 0.6);\n font-weight: 600;\n letter-spacing: 3px;\n text-transform: uppercase;\n margin-top: 2px;\n }\n\n .gooey-nav-container {\n position: relative;\n display: flex;\n align-items: center;\n }\n\n .gooey-nav-container nav {\n display: flex;\n position: relative;\n transform: translate3d(0, 0, 0.01px);\n }\n\n .gooey-nav-container nav ul {\n display: flex;\n gap: 2em;\n list-style: none;\n padding: 0 1em;\n margin: 0;\n position: relative;\n z-index: 3;\n color: white;\n text-shadow: 0 1px 1px hsl(205deg 30% 10% \/ 0.2);\n }\n\n .gooey-nav-container nav ul li {\n border-radius: 100vw;\n position: relative;\n cursor: pointer;\n transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;\n box-shadow: 0 0 0.5px 1.5px transparent;\n color: white;\n }\n\n .gooey-nav-container nav ul li a {\n display: inline-block;\n padding: 0.6em 1em;\n color: inherit;\n text-decoration: none;\n font-weight: 600;\n font-size: 0.95rem;\n }\n\n .gooey-nav-container nav ul li:focus-within:has(:focus-visible) {\n box-shadow: 0 0 0.5px 1.5px white;\n }\n\n .gooey-nav-container nav ul li::after {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: 100vw;\n background: white;\n opacity: 0;\n transform: scale(0);\n transition: all 0.3s ease;\n z-index: -1;\n }\n\n .gooey-nav-container nav ul li.active {\n color: black;\n text-shadow: none;\n }\n\n .gooey-nav-container nav ul li.active::after {\n opacity: 1;\n transform: scale(1);\n }\n\n .gooey-nav-container .effect {\n position: absolute;\n left: 0;\n top: 0;\n width: 0;\n height: 0;\n opacity: 1;\n pointer-events: none;\n display: grid;\n place-items: center;\n z-index: 1;\n }\n\n .gooey-nav-container .effect.text {\n color: white;\n transition: color 0.3s ease;\n font-weight: 600;\n font-size: 0.95rem;\n }\n\n .gooey-nav-container .effect.text.active {\n color: black;\n }\n\n .gooey-nav-container .effect.filter {\n filter: blur(7px) contrast(100) blur(0);\n mix-blend-mode: lighten;\n }\n\n .gooey-nav-container .effect.filter::before {\n content: '';\n position: absolute;\n inset: -75px;\n z-index: -2;\n background: transparent;\n pointer-events: none;\n }\n\n .gooey-nav-container .effect.filter::after {\n content: '';\n position: absolute;\n inset: 0;\n background: white;\n transform: scale(0);\n opacity: 0;\n z-index: -1;\n border-radius: 100vw;\n }\n\n .gooey-nav-container .effect.active::after {\n animation: pill 0.3s ease both;\n }\n\n @keyframes pill {\n to {\n transform: scale(1);\n opacity: 1;\n }\n }\n\n .particle,\n .point {\n display: block;\n opacity: 0;\n width: 20px;\n height: 20px;\n border-radius: 100%;\n transform-origin: center;\n }\n\n .particle {\n --time: 5s;\n position: absolute;\n top: calc(50% - 8px);\n left: calc(50% - 8px);\n animation: particle calc(var(--time)) ease 1 -350ms;\n }\n\n .point {\n background: var(--color);\n opacity: 1;\n animation: point calc(var(--time)) ease 1 -350ms;\n }\n\n @keyframes particle {\n 0% {\n transform: rotate(0deg) translate(calc(var(--start-x)), calc(var(--start-y)));\n opacity: 1;\n animation-timing-function: cubic-bezier(0.55, 0, 1, 0.45);\n }\n 70% {\n transform: rotate(calc(var(--rotate) * 0.5)) translate(calc(var(--end-x) * 1.2), calc(var(--end-y) * 1.2));\n opacity: 1;\n animation-timing-function: ease;\n }\n 85% {\n transform: rotate(calc(var(--rotate) * 0.66)) translate(calc(var(--end-x)), calc(var(--end-y)));\n opacity: 1;\n }\n 100% {\n transform: rotate(calc(var(--rotate) * 1.2)) translate(calc(var(--end-x) * 0.5), calc(var(--end-y) * 0.5));\n opacity: 1;\n }\n }\n\n @keyframes point {\n 0% {\n transform: scale(0);\n opacity: 0;\n animation-timing-function: cubic-bezier(0.55, 0, 1, 0.45);\n }\n 25% {\n transform: scale(calc(var(--scale) * 0.25));\n }\n 38% {\n opacity: 1;\n }\n 65% {\n transform: scale(var(--scale));\n opacity: 1;\n animation-timing-function: ease;\n }\n 85% {\n transform: scale(var(--scale));\n opacity: 1;\n }\n 100% {\n transform: scale(0);\n opacity: 0;\n }\n }\n\n .header-buttons {\n display: flex;\n gap: 1.2rem;\n align-items: center;\n }\n\n .btn {\n padding: 1rem 2.5rem;\n border-radius: 14px;\n font-weight: 700;\n text-decoration: none;\n transition: all 0.3s ease;\n border: none;\n cursor: pointer;\n font-size: 0.9rem;\n display: inline-flex;\n align-items: center;\n gap: 0.7rem;\n position: relative;\n overflow: hidden;\n }\n\n .btn::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 0;\n height: 0;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.1);\n transform: translate(-50%, -50%);\n transition: width 0.6s, height 0.6s;\n }\n\n .btn:hover::before {\n width: 300px;\n height: 300px;\n }\n\n .btn span {\n position: relative;\n z-index: 1;\n }\n\n .btn-trial {\n background: rgba(255, 255, 255, 0.12);\n color: #fff;\n border: 2px solid rgba(255, 255, 255, 0.25);\n backdrop-filter: blur(10px);\n }\n\n .btn-trial:hover {\n background: rgba(255, 255, 255, 0.16);\n border-color: rgba(0, 102, 255, 0.6);\n transform: translateY(-3px);\n box-shadow: 0 10px 30px rgba(0, 102, 255, 0.4);\n }\n\n .btn-subscribe {\n background: linear-gradient(135deg, #0066ff 0%, #0066ff 50%, #00a8ff 100%);\n color: #fff;\n box-shadow: 0 10px 35px rgba(0, 102, 255, 0.6);\n border: 2px solid transparent;\n position: relative;\n }\n\n .btn-subscribe:hover {\n transform: translateY(-3px);\n box-shadow: \n 0 15px 45px rgba(0, 102, 255, 0.7),\n 0 0 30px rgba(0, 102, 255, 0.5);\n }\n\n .mobile-menu-btn {\n display: none;\n flex-direction: column;\n gap: 6px;\n cursor: pointer;\n padding: 12px;\n z-index: 200;\n background: rgba(255, 255, 255, 0.12);\n border-radius: 10px;\n border: 2px solid rgba(255, 255, 255, 0.2);\n transition: all 0.3s ease;\n }\n\n .mobile-menu-btn span {\n width: 28px;\n height: 3px;\n background: linear-gradient(90deg, #0066ff, #00a8ff);\n border-radius: 3px;\n transition: all 0.3s ease;\n }\n\n .mobile-menu-btn.active span:nth-child(1) {\n transform: rotate(45deg) translate(9px, 9px);\n }\n\n .mobile-menu-btn.active span:nth-child(2) {\n opacity: 0;\n }\n\n .mobile-menu-btn.active span:nth-child(3) {\n transform: rotate(-45deg) translate(9px, -9px);\n }\n\n .mobile-menu {\n position: fixed;\n top: 0;\n right: -100%;\n width: 85%;\n max-width: 420px;\n height: 100vh;\n background: #0a0a0a;\n backdrop-filter: blur(30px);\n z-index: 150;\n transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n padding: 0;\n border-left: 1px solid rgba(0, 102, 255, 0.3);\n box-shadow: -20px 0 60px rgba(0, 0, 0, 0.8);\n overflow-y: auto;\n display: flex;\n flex-direction: column;\n }\n\n .mobile-menu.active {\n right: 0;\n }\n\n .mobile-menu-header {\n padding: 2rem 1.5rem;\n border-bottom: 1px solid rgba(0, 102, 255, 0.3);\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(0, 102, 255, 0.1);\n }\n\n .mobile-menu-logo {\n display: flex;\n align-items: center;\n gap: 0.8rem;\n }\n\n .mobile-menu-logo .logo-icon {\n width: 45px;\n height: 45px;\n }\n\n .mobile-menu-logo .logo-text {\n display: flex;\n flex-direction: column;\n line-height: 1;\n }\n\n .mobile-menu-logo .logo-main {\n font-size: 1.7rem;\n background: linear-gradient(135deg, #fff 0%, #0066ff 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-weight: 900;\n letter-spacing: -1px;\n }\n\n .mobile-menu-logo .logo-tagline {\n font-size: 0.6rem;\n color: rgba(255, 255, 255, 0.6);\n font-weight: 600;\n letter-spacing: 3px;\n text-transform: uppercase;\n margin-top: 2px;\n }\n\n .mobile-menu nav {\n display: flex;\n flex-direction: column;\n gap: 0;\n padding: 2rem 1.5rem;\n flex: 1;\n }\n\n .mobile-menu nav a {\n padding: 1.5rem 1rem;\n border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n font-size: 1.15rem;\n transition: all 0.3s ease;\n border-radius: 8px;\n margin-bottom: 0.5rem;\n color: rgba(255, 255, 255, 0.8);\n text-decoration: none;\n font-weight: 600;\n }\n\n .mobile-menu nav a:hover {\n background: rgba(0, 102, 255, 0.2);\n color: #fff;\n transform: translateX(8px);\n border-bottom-color: rgba(0, 102, 255, 0.5);\n }\n\n .menu-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.7);\n backdrop-filter: blur(8px);\n z-index: 140;\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.4s ease;\n }\n\n .menu-overlay.active {\n opacity: 1;\n pointer-events: all;\n }\n\n \/* Tablet and Mobile Styles *\/\n @media (max-width: 1024px) {\n .mobile-menu-btn {\n display: flex;\n }\n \n .gooey-nav-container,\n .header-buttons {\n display: none;\n }\n\n header {\n padding: 1.2rem 5%;\n }\n\n .logo {\n font-size: 1.5rem;\n }\n\n .logo-icon {\n width: 42px;\n height: 42px;\n }\n\n .logo-icon::after {\n border-left: 12px solid white;\n border-top: 8px solid transparent;\n border-bottom: 8px solid transparent;\n }\n }\n \n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n background: #0a0a0a;\n color: #fff;\n overflow-x: hidden;\n padding: 0;\n min-height: 100vh;\n }\n\n \/* How to Buy Section *\/\n .how-to-buy-section {\n position: relative;\n z-index: 10;\n padding: 4rem 5% 3rem;\n background: #0a0a0a;\n }\n\n .how-to-buy-header {\n text-align: center;\n margin-bottom: 3rem;\n animation: fadeInUp 0.8s ease;\n }\n\n .how-to-buy-header h2 {\n font-size: clamp(2rem, 5vw, 4rem);\n font-weight: 900;\n margin-bottom: 1rem;\n letter-spacing: -2px;\n line-height: 1.1;\n }\n\n .gradient-text {\n background: linear-gradient(135deg, #ffffff 0%, #c0c0c0 30%, #00a8ff 50%, #00a8ff 70%, #0066ff 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n display: inline-block;\n animation: gradientFlow 10s ease infinite;\n background-size: 300% 300%;\n filter: drop-shadow(0 0 30px rgba(0, 168, 255, 0.5));\n }\n\n @keyframes gradientFlow {\n 0%, 100% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n }\n\n .how-to-buy-header p {\n font-size: clamp(1rem, 3vw, 1.2rem);\n color: rgba(255, 255, 255, 0.7);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.6;\n padding: 0 1rem;\n }\n\n .steps-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n gap: 2rem;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .step-card {\n background: linear-gradient(145deg, rgba(15, 15, 15, 0.7) 0%, rgba(15, 15, 15, 0.5) 100%);\n border-radius: 24px;\n padding: 2.5rem 2rem;\n border: 2px solid rgba(0, 102, 255, 0.2);\n backdrop-filter: blur(40px);\n position: relative;\n overflow: hidden;\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n animation: fadeInUp 1s ease;\n animation-fill-mode: both;\n touch-action: manipulation;\n }\n\n .step-card:nth-child(1) { animation-delay: 0.1s; }\n .step-card:nth-child(2) { animation-delay: 0.2s; }\n .step-card:nth-child(3) { animation-delay: 0.3s; }\n .step-card:nth-child(4) { animation-delay: 0.4s; }\n\n .step-card::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(0, 102, 255, 0.15) 0%, transparent 70%);\n transition: all 0.8s ease;\n opacity: 0;\n pointer-events: none;\n }\n\n .step-card:hover::before,\n .step-card:active::before {\n opacity: 1;\n transform: translate(25%, 25%);\n }\n\n .step-card:hover,\n .step-card:active {\n transform: translateY(-8px) scale(1.01);\n border-color: rgba(0, 102, 255, 0.6);\n box-shadow: \n 0 20px 40px rgba(0, 102, 255, 0.4),\n 0 0 80px rgba(0, 168, 255, 0.3),\n inset 0 1px 0 rgba(255, 255, 255, 0.15);\n }\n\n .step-number {\n width: 60px;\n height: 60px;\n background: linear-gradient(135deg, #0066ff 0%, #00a8ff 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.75rem;\n font-weight: 900;\n margin-bottom: 1.5rem;\n box-shadow: 0 8px 25px rgba(0, 102, 255, 0.6);\n transition: all 0.4s ease;\n }\n\n .step-card:hover .step-number,\n .step-card:active .step-number {\n transform: scale(1.1) rotate(10deg);\n box-shadow: 0 12px 35px rgba(0, 102, 255, 0.8);\n }\n\n .step-title {\n font-size: clamp(1.25rem, 4vw, 1.5rem);\n font-weight: 800;\n margin-bottom: 0.75rem;\n color: #fff;\n letter-spacing: -0.5px;\n }\n\n .step-description {\n font-size: clamp(0.95rem, 2.5vw, 1rem);\n color: rgba(255, 255, 255, 0.75);\n line-height: 1.6;\n font-weight: 400;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* Tablet optimizations *\/\n @media (min-width: 481px) and (max-width: 1024px) {\n .how-to-buy-section {\n padding: 3.5rem 6% 3rem;\n }\n\n .steps-container {\n grid-template-columns: repeat(2, 1fr);\n gap: 2rem;\n }\n\n .step-card {\n padding: 2.5rem 2rem;\n }\n }\n\n \/* Mobile optimizations *\/\n @media (max-width: 480px) {\n .how-to-buy-section {\n padding: 2.5rem 5% 2.5rem;\n }\n\n .how-to-buy-header {\n margin-bottom: 2rem;\n }\n\n .how-to-buy-header h2 {\n letter-spacing: -1.5px;\n }\n\n .steps-container {\n gap: 1.5rem;\n }\n\n .step-card {\n border-radius: 20px;\n padding: 2rem 1.5rem;\n }\n\n .step-number {\n width: 55px;\n height: 55px;\n font-size: 1.5rem;\n margin-bottom: 1.25rem;\n }\n\n .step-card:hover,\n .step-card:active {\n transform: translateY(-6px) scale(1.01);\n }\n }\n\n \/* Extra small screens *\/\n @media (max-width: 360px) {\n .how-to-buy-section {\n padding: 2rem 4% 2rem;\n }\n\n .step-card {\n padding: 1.75rem 1.25rem;\n }\n\n .step-number {\n width: 50px;\n height: 50px;\n font-size: 1.4rem;\n }\n }\n\n \/* Touch device optimizations *\/\n @media (hover: none) and (pointer: coarse) {\n .step-card {\n -webkit-tap-highlight-color: transparent;\n }\n\n .step-card:active {\n transition: all 0.2s ease;\n }\n }\n\n \/* Landscape orientation on mobile *\/\n @media (max-width: 900px) and (orientation: landscape) {\n .how-to-buy-section {\n padding: 2rem 5%;\n }\n\n .how-to-buy-header {\n margin-bottom: 2rem;\n }\n\n .steps-container {\n grid-template-columns: repeat(2, 1fr);\n gap: 1.5rem;\n }\n\n .step-card {\n padding: 1.75rem 1.5rem;\n }\n\n .step-number {\n width: 50px;\n height: 50px;\n font-size: 1.4rem;\n margin-bottom: 1rem;\n }\n\n .step-title {\n margin-bottom: 0.5rem;\n }\n }\n\n\n@keyframes glowPulse {\n 0%, 100% {\n box-shadow: 0 0 10px rgba(0, 102, 255, 0.5);\n }\n 50% {\n box-shadow: 0 0 20px rgba(0, 102, 255, 0.8), 0 0 30px rgba(0, 168, 255, 0.4);\n }\n}\n\n \n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n background: #0a0a0a;\n color: #fff;\n overflow-x: hidden;\n padding: 0;\n min-height: 100vh;\n }\n\n .payment-section {\n position: relative;\n z-index: 10;\n padding: 4rem 3%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n background: #0a0a0a;\n }\n\n .payment-header {\n text-align: center;\n margin-bottom: 3rem;\n animation: fadeInUp 0.8s ease;\n }\n\n .payment-header h2 {\n font-size: 3rem;\n font-weight: 900;\n margin-bottom: 1.2rem;\n letter-spacing: -2px;\n line-height: 1.1;\n }\n\n .payment-header p {\n font-size: 1.15rem;\n color: rgba(255, 255, 255, 0.7);\n max-width: 800px;\n margin: 0 auto;\n line-height: 1.8;\n font-weight: 400;\n }\n\n .payment-content {\n max-width: 1400px;\n margin: 0 auto;\n width: 100%;\n }\n\n .payment-methods-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 2rem;\n margin-bottom: 3rem;\n animation: fadeInUp 1s ease;\n animation-delay: 0.4s;\n animation-fill-mode: both;\n }\n\n .payment-card {\n background: linear-gradient(145deg, rgba(20, 20, 20, 0.6) 0%, rgba(15, 15, 15, 0.8) 100%);\n border-radius: 24px;\n padding: 2rem 1.5rem;\n border: 2px solid rgba(0, 102, 255, 0.3);\n backdrop-filter: blur(40px);\n position: relative;\n overflow: hidden;\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 200px;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);\n }\n\n .payment-card::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(0, 102, 255, 0.15) 0%, transparent 70%);\n transition: all 0.8s ease;\n opacity: 0;\n pointer-events: none;\n }\n\n .payment-card::after {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: 32px;\n padding: 2px;\n background: linear-gradient(135deg, #0066ff, #00a8ff, #00e0ff);\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n opacity: 0;\n transition: opacity 0.6s;\n pointer-events: none;\n }\n\n .payment-card:hover::before {\n opacity: 1;\n transform: translate(25%, 25%);\n }\n\n .payment-card:hover {\n transform: translateY(-15px) scale(1.05);\n border-color: rgba(0, 102, 255, 0.8);\n box-shadow: \n 0 40px 80px rgba(0, 102, 255, 0.5),\n 0 0 120px rgba(0, 168, 255, 0.4),\n inset 0 1px 0 rgba(255, 255, 255, 0.2);\n }\n\n .payment-card:hover::after {\n opacity: 1;\n }\n\n .payment-icon-wrapper {\n width: 90px;\n height: 90px;\n background: linear-gradient(145deg, rgba(0, 102, 255, 0.2) 0%, rgba(0, 168, 255, 0.2) 100%);\n border-radius: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 1.5rem;\n border: 2px solid rgba(0, 102, 255, 0.4);\n transition: all 0.5s ease;\n position: relative;\n overflow: hidden;\n box-shadow: \n 0 15px 40px rgba(0, 102, 255, 0.3),\n inset 0 2px 20px rgba(0, 102, 255, 0.15);\n }\n\n .payment-icon-wrapper::before {\n content: '';\n position: absolute;\n inset: -50%;\n background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.15), transparent);\n transform: translateX(-100%) translateY(-100%) rotate(45deg);\n transition: transform 0.8s;\n }\n\n .payment-card:hover .payment-icon-wrapper {\n transform: scale(1.15) rotate(5deg);\n border-color: rgba(0, 102, 255, 0.8);\n background: linear-gradient(145deg, rgba(0, 102, 255, 0.35) 0%, rgba(0, 168, 255, 0.35) 100%);\n box-shadow: \n 0 25px 70px rgba(0, 102, 255, 0.6),\n inset 0 2px 30px rgba(0, 102, 255, 0.3);\n }\n\n .payment-card:hover .payment-icon-wrapper::before {\n transform: translateX(100%) translateY(100%) rotate(45deg);\n }\n\n .payment-icon-wrapper img {\n width: 48px;\n height: 48px;\n filter: drop-shadow(0 4px 20px rgba(0, 102, 255, 0.6));\n transition: all 0.4s ease;\n object-fit: contain;\n }\n\n .payment-card:hover .payment-icon-wrapper img {\n filter: drop-shadow(0 8px 30px rgba(0, 102, 255, 0.8));\n transform: scale(1.05);\n }\n\n .payment-name {\n font-size: 1.3rem;\n font-weight: 900;\n color: #fff;\n text-align: center;\n letter-spacing: -0.5px;\n margin-bottom: 0.6rem;\n }\n\n .payment-description {\n font-size: 0.85rem;\n color: rgba(255, 255, 255, 0.65);\n text-align: center;\n line-height: 1.5;\n font-weight: 500;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(60px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* DESKTOP - Large screens *\/\n @media (min-width: 1401px) {\n .features-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n }\n\n \/* DESKTOP - Medium screens *\/\n @media (min-width: 1025px) and (max-width: 1400px) {\n .payment-methods-grid {\n grid-template-columns: repeat(4, 1fr);\n }\n }\n\n \/* TABLET - Landscape and small desktop *\/\n @media (min-width: 769px) and (max-width: 1024px) {\n .payment-section {\n padding: 4rem 5%;\n }\n\n .payment-header h2 {\n font-size: 3rem;\n }\n\n .payment-methods-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 2rem;\n }\n\n .payment-card {\n padding: 2.5rem 1.5rem;\n min-height: 250px;\n }\n }\n\n \/* TABLET - Portrait *\/\n @media (min-width: 481px) and (max-width: 768px) {\n .payment-section {\n padding: 3.5rem 5%;\n }\n\n .payment-header h2 {\n font-size: 2.5rem;\n letter-spacing: -2px;\n }\n\n .payment-header p {\n font-size: 1.1rem;\n }\n\n .payment-methods-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 1.5rem;\n margin-bottom: 3rem;\n }\n\n .payment-card {\n padding: 2rem 1.5rem;\n min-height: 220px;\n border-radius: 24px;\n }\n\n .payment-card::after {\n border-radius: 24px;\n }\n\n .payment-icon-wrapper {\n width: 90px;\n height: 90px;\n margin-bottom: 1.5rem;\n }\n\n .payment-icon-wrapper img {\n width: 50px;\n height: 50px;\n }\n\n .payment-name {\n font-size: 1.3rem;\n }\n\n .payment-description {\n font-size: 0.9rem;\n }\n }\n\n \/* PHONE - All phones *\/\n @media (max-width: 480px) {\n .payment-section {\n padding: 3rem 5%;\n }\n\n .payment-header {\n margin-bottom: 3rem;\n }\n\n .payment-header h2 {\n font-size: 2rem;\n letter-spacing: -1.5px;\n }\n\n .payment-header p {\n font-size: 1rem;\n padding: 0 0.5rem;\n }\n\n .payment-methods-grid {\n grid-template-columns: 1fr;\n gap: 1.5rem;\n margin-bottom: 3rem;\n }\n\n .payment-card {\n padding: 2.5rem 2rem;\n min-height: 220px;\n border-radius: 24px;\n }\n\n .payment-card::after {\n border-radius: 24px;\n }\n\n .payment-icon-wrapper {\n width: 90px;\n height: 90px;\n border-radius: 24px;\n margin-bottom: 1.5rem;\n }\n\n .payment-icon-wrapper img {\n width: 50px;\n height: 50px;\n }\n\n .payment-name {\n font-size: 1.4rem;\n }\n\n .payment-description {\n font-size: 0.95rem;\n }\n }\n\n \/* Touch devices *\/\n @media (hover: none) and (pointer: coarse) {\n .payment-card:active::before {\n opacity: 1;\n transform: translate(25%, 25%);\n }\n\n .payment-card:active {\n transform: translateY(-10px) scale(1.02);\n border-color: rgba(0, 102, 255, 0.7);\n }\n\n .payment-card:active .payment-icon-wrapper {\n transform: scale(1.1) rotate(5deg);\n }\n }\n \n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n background: #0a0a0a;\n color: #ffffff;\n overflow-x: hidden;\n padding: 0;\n min-height: 100vh;\n }\n\n .pricing-section {\n position: relative;\n z-index: 10;\n padding: 4rem 3% 6rem;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n justify-content: center;\n background: #0a0a0a;\n }\n\n .pricing-header {\n text-align: center;\n margin-bottom: 5rem;\n animation: fadeInUp 0.8s ease;\n }\n\n .pricing-header h2 {\n font-size: 4.5rem;\n font-weight: 900;\n margin-bottom: 1.5rem;\n letter-spacing: -3px;\n line-height: 1.1;\n }\n\n .gradient-text {\n background: linear-gradient(135deg, #ffffff 0%, #c0c0c0 30%, #0066ff 50%, #00a8ff 70%, #00e0ff 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n display: inline-block;\n animation: gradientFlow 10s ease infinite;\n background-size: 300% 300%;\n filter: drop-shadow(0 0 30px rgba(0, 102, 255, 0.5));\n }\n\n @keyframes gradientFlow {\n 0%, 100% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n }\n\n .pricing-header p {\n font-size: 1.3rem;\n color: #b0b0b0;\n max-width: 720px;\n margin: 0 auto 2.5rem;\n line-height: 1.8;\n font-weight: 400;\n }\n\n \/* Payment Type Toggle *\/\n .payment-type-toggle {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 1rem;\n margin-bottom: 3rem;\n animation: fadeInUp 0.9s ease;\n }\n\n .toggle-container {\n display: flex;\n background: rgba(20, 20, 20, 0.8);\n border-radius: 16px;\n padding: 0.5rem;\n border: 2px solid rgba(0, 102, 255, 0.3);\n backdrop-filter: blur(20px);\n width: 100%;\n max-width: 400px;\n }\n\n .toggle-btn {\n padding: 1rem 2rem;\n border: none;\n background: transparent;\n color: rgba(255, 255, 255, 0.6);\n font-size: 1rem;\n font-weight: 700;\n border-radius: 12px;\n cursor: pointer;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n flex: 1;\n white-space: nowrap;\n }\n\n .toggle-btn.active {\n background: linear-gradient(135deg, #0066ff 0%, #00a8ff 100%);\n color: #fff;\n box-shadow: 0 8px 25px rgba(0, 102, 255, 0.5);\n }\n\n .toggle-btn:not(.active):hover {\n color: rgba(255, 255, 255, 0.9);\n background: rgba(0, 102, 255, 0.1);\n }\n\n .currency-selector {\n margin-top: 2.5rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 1.2rem;\n }\n\n .currency-status {\n font-size: 0.95rem;\n color: #b0b0b0;\n font-weight: 600;\n padding: 0.6rem 1.5rem;\n background: rgba(0, 102, 255, 0.1);\n border-radius: 50px;\n border: 1px solid rgba(0, 102, 255, 0.3);\n min-height: 38px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .currency-status.updating {\n color: #0066ff;\n animation: pulse 1.5s ease-in-out infinite;\n }\n\n @keyframes pulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.6; }\n }\n\n .currency-buttons {\n display: flex;\n gap: 1rem;\n flex-wrap: wrap;\n justify-content: center;\n }\n\n .currency-btn {\n background: linear-gradient(145deg, rgba(20, 20, 20, 0.8) 0%, rgba(20, 20, 20, 0.6) 100%);\n border: 2px solid rgba(0, 102, 255, 0.2);\n color: rgba(255, 255, 255, 0.8);\n padding: 1rem 2rem;\n border-radius: 16px;\n cursor: pointer;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n backdrop-filter: blur(20px);\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.3rem;\n min-width: 120px;\n }\n\n .currency-btn:hover {\n background: linear-gradient(145deg, rgba(30, 30, 30, 0.9) 0%, rgba(20, 20, 20, 0.7) 100%);\n border-color: rgba(0, 102, 255, 0.5);\n transform: translateY(-3px);\n box-shadow: 0 10px 30px rgba(0, 102, 255, 0.3);\n }\n\n .currency-btn.active {\n background: linear-gradient(135deg, #0066ff 0%, #00a8ff 100%);\n border-color: rgba(0, 168, 255, 0.6);\n color: #fff;\n box-shadow: 0 10px 40px rgba(0, 102, 255, 0.5);\n transform: translateY(-3px);\n }\n\n .currency-code {\n font-size: 1.1rem;\n font-weight: 900;\n letter-spacing: 1px;\n }\n\n .currency-name {\n font-size: 0.75rem;\n font-weight: 600;\n opacity: 0.9;\n }\n\n \/* Pricing Grid Container *\/\n .pricing-grid-container {\n position: relative;\n width: 100%;\n max-width: 1600px;\n margin: 0 auto;\n }\n\n .pricing-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 2.5rem;\n width: 100%;\n perspective: 1500px;\n transition: opacity 0.3s ease, transform 0.3s ease;\n }\n\n .pricing-grid.hidden {\n display: none;\n }\n\n \/* Monthly pricing has only 2 plans *\/\n .pricing-grid.monthly-grid {\n grid-template-columns: repeat(2, 1fr);\n max-width: 900px;\n margin: 0 auto;\n }\n\n .pricing-card {\n background: linear-gradient(145deg, rgba(20, 20, 20, 0.8) 0%, rgba(20, 20, 20, 0.6) 100%);\n border-radius: 32px;\n padding: 3rem 2.5rem;\n border: 2px solid rgba(0, 102, 255, 0.2);\n backdrop-filter: blur(40px);\n position: relative;\n overflow: hidden;\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n animation: fadeInUp 1s ease;\n animation-fill-mode: both;\n display: flex;\n flex-direction: column;\n transform-style: preserve-3d;\n }\n\n .pricing-card:nth-child(1) { animation-delay: 0.1s; }\n .pricing-card:nth-child(2) { animation-delay: 0.2s; }\n .pricing-card:nth-child(3) { animation-delay: 0.3s; }\n .pricing-card:nth-child(4) { animation-delay: 0.4s; }\n\n .pricing-card::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(0, 102, 255, 0.15) 0%, transparent 70%);\n transition: all 0.8s ease;\n opacity: 0;\n pointer-events: none;\n }\n\n .pricing-card:hover::before {\n opacity: 1;\n transform: translate(25%, 25%);\n }\n\n .pricing-card::after {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: 32px;\n padding: 2px;\n background: linear-gradient(135deg, #0066ff, #00a8ff, #00e0ff);\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n opacity: 0;\n transition: opacity 0.6s;\n pointer-events: none;\n }\n\n .pricing-card:hover {\n transform: translateY(-16px) scale(1.02);\n background: linear-gradient(145deg, rgba(25, 25, 25, 0.9) 0%, rgba(20, 20, 20, 0.8) 100%);\n border-color: rgba(0, 102, 255, 0.6);\n box-shadow: \n 0 40px 80px rgba(0, 102, 255, 0.4),\n 0 0 120px rgba(0, 168, 255, 0.3),\n inset 0 1px 0 rgba(255, 255, 255, 0.15);\n }\n\n .pricing-card:hover::after {\n opacity: 1;\n }\n\n .pricing-card.featured {\n border-color: rgba(0, 168, 255, 0.4);\n background: linear-gradient(145deg, rgba(30, 30, 30, 0.9) 0%, rgba(20, 20, 20, 0.7) 100%);\n }\n\n .pricing-card.featured:hover {\n border-color: rgba(0, 168, 255, 0.7);\n box-shadow: \n 0 40px 80px rgba(0, 168, 255, 0.4),\n 0 0 120px rgba(0, 102, 255, 0.3),\n inset 0 1px 0 rgba(255, 255, 255, 0.15);\n }\n\n .card-header {\n text-align: center;\n margin-bottom: 2.5rem;\n padding-bottom: 2.5rem;\n border-bottom: 2px solid rgba(0, 102, 255, 0.15);\n }\n\n .plan-name {\n font-size: 2rem;\n font-weight: 900;\n margin-bottom: 1.5rem;\n letter-spacing: -1px;\n color: #fff;\n text-shadow: 0 4px 15px rgba(0, 102, 255, 0.4);\n }\n\n .plan-price {\n display: flex;\n align-items: baseline;\n justify-content: center;\n gap: 0.5rem;\n margin-bottom: 0.8rem;\n }\n\n .currency {\n font-size: 1.8rem;\n font-weight: 800;\n color: #0066ff;\n }\n\n .price {\n font-size: 4rem;\n font-weight: 900;\n letter-spacing: -4px;\n background: linear-gradient(135deg, #ffffff 0%, #c0c0c0 50%, #b0b0b0 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: priceShine 3s ease-in-out infinite;\n background-size: 200% 200%;\n }\n\n @keyframes priceShine {\n 0%, 100% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n }\n\n .period {\n font-size: 1.1rem;\n color: #b0b0b0;\n font-weight: 600;\n }\n\n .save-badge {\n display: inline-block;\n background: linear-gradient(135deg, rgba(16, 185, 129, 0.3) 0%, rgba(16, 185, 129, 0.2) 100%);\n border: 2px solid rgba(16, 185, 129, 0.6);\n color: #10b981;\n padding: 0.5rem 1.2rem;\n border-radius: 50px;\n font-size: 0.8rem;\n font-weight: 900;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-top: 0.8rem;\n box-shadow: 0 6px 20px rgba(16, 185, 129, 0.3);\n animation: savePulse 2s ease-in-out infinite;\n }\n\n @keyframes savePulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n }\n\n .features-list {\n list-style: none;\n margin-bottom: 2.5rem;\n flex-grow: 1;\n }\n\n .feature-item {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n padding: 0.9rem 0;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border-bottom: 1px solid rgba(0, 102, 255, 0.08);\n border-radius: 12px;\n }\n\n .feature-item:last-child {\n border-bottom: none;\n }\n\n .feature-item:hover {\n padding-left: 0.8rem;\n background: linear-gradient(90deg, rgba(0, 102, 255, 0.12) 0%, transparent 100%);\n transform: translateX(4px);\n }\n\n .feature-icon {\n flex-shrink: 0;\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #0066ff 0%, #00a8ff 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.75rem;\n font-weight: 900;\n box-shadow: 0 4px 15px rgba(0, 102, 255, 0.6);\n transition: all 0.3s ease;\n }\n\n .feature-item:hover .feature-icon {\n transform: scale(1.15) rotate(10deg);\n box-shadow: 0 6px 20px rgba(0, 102, 255, 0.8);\n }\n\n .feature-text {\n font-size: 1rem;\n color: rgba(255, 255, 255, 0.85);\n font-weight: 500;\n line-height: 1.6;\n }\n\n .payment-buttons {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n width: 100%;\n margin-top: auto;\n }\n\n .cta-button {\n width: 100%;\n padding: 1rem 1.5rem;\n border-radius: 12px;\n font-weight: 600;\n font-size: 0.95rem;\n border: none;\n cursor: pointer;\n user-select: none;\n transition: all 0.2s ease;\n position: relative;\n overflow: hidden;\n text-transform: none;\n letter-spacing: 0.3px;\n background: linear-gradient(180deg, #00e0ff 0%, #00a8ff 100%);\n color: #fff;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n }\n\n .cta-button span {\n position: relative;\n z-index: 1;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .cta-button:not(.cta-button-secondary):hover {\n transform: translateY(-1px);\n background: linear-gradient(135deg, #006699 0%, #004466 100%);\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.25);\n }\n\n .cta-button:active {\n transform: translateY(0);\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .button-icon {\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .button-icon svg {\n width: 100%;\n height: 100%;\n }\n\n .monthly-price {\n font-size: 0.85rem;\n color: #b0b0b0;\n margin-top: 0.3rem;\n font-weight: 600;\n }\n\n .divider-glow-animated {\n height: 2px;\n background: linear-gradient(90deg, transparent 0%, rgba(0, 102, 255, 0.8) 50%, transparent 100%);\n box-shadow: 0 0 10px rgba(0, 102, 255, 0.5);\n margin: 4rem 0;\n position: relative;\n animation: glowPulse 3s ease-in-out infinite;\n }\n\n @keyframes glowPulse {\n 0%, 100% {\n box-shadow: 0 0 10px rgba(0, 102, 255, 0.5);\n }\n 50% {\n box-shadow: 0 0 20px rgba(0, 102, 255, 0.8), 0 0 30px rgba(0, 168, 255, 0.4);\n }\n }\n\n .trial-section {\n max-width: 600px;\n margin: 5rem auto 0;\n text-align: center;\n animation: fadeInUp 1.2s ease;\n animation-delay: 0.6s;\n animation-fill-mode: both;\n }\n\n .trial-button {\n width: 100%;\n padding: 1.2rem 2rem;\n border-radius: 12px;\n font-weight: 600;\n font-size: 1rem;\n border: none;\n cursor: pointer;\n user-select: none;\n transition: all 0.2s ease;\n position: relative;\n overflow: hidden;\n text-transform: none;\n letter-spacing: 0.3px;\n background: linear-gradient(135deg, #0066ff 0%, #0052d4 100%);\n color: #fff;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.25);\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border: 2px solid rgba(0, 102, 255, 0.5);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n }\n\n .trial-button span {\n position: relative;\n z-index: 1;\n }\n\n .trial-button:hover {\n transform: translateY(-2px);\n background: linear-gradient(135deg, #0052d4 0%, #003d99 100%);\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.25);\n border-color: rgba(0, 102, 255, 0.8);\n }\n\n .trial-button:active {\n transform: translateY(0);\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(60px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @media (max-width: 1400px) {\n .pricing-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 2.5rem;\n }\n \n .pricing-grid.monthly-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 768px) {\n .pricing-section {\n padding: 3rem 4% 5rem;\n }\n \n .pricing-header h2 {\n font-size: 2.8rem;\n letter-spacing: -2px;\n }\n \n .pricing-header p {\n font-size: 1.1rem;\n }\n\n .toggle-container {\n width: 100%;\n max-width: 350px;\n }\n\n .toggle-btn {\n padding: 0.9rem 1.5rem;\n font-size: 1rem;\n }\n\n .currency-buttons {\n flex-direction: column;\n width: 100%;\n max-width: 300px;\n }\n\n .currency-btn {\n width: 100%;\n }\n \n .pricing-grid,\n .pricing-grid.monthly-grid {\n grid-template-columns: 1fr;\n gap: 2.5rem;\n }\n \n .pricing-card {\n padding: 2.5rem 2rem;\n }\n \n .price {\n font-size: 3.2rem;\n }\n \n .plan-name {\n font-size: 1.7rem;\n }\n\n .trial-button {\n font-size: 0.95rem;\n padding: 1.1rem 1.8rem;\n }\n }\n\n @media (max-width: 480px) {\n .pricing-header h2 {\n font-size: 2.2rem;\n }\n \n .pricing-card {\n padding: 2rem 1.5rem;\n }\n \n .price {\n font-size: 2.8rem;\n }\n\n .trial-button {\n font-size: 0.9rem;\n padding: 1rem 1.5rem;\n }\n }\n\n \/* Mobile pricing text fix *\/\n @media (max-width: 768px) {\n .pricing-section .pricing-card,\n .pricing-section .pricing-card *,\n .pricing-section .plan-name,\n .pricing-section .price,\n .pricing-section .currency,\n .pricing-section .period,\n .pricing-section .monthly-price,\n .pricing-section .save-badge,\n .pricing-section .feature-text {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n text-rendering: optimizeLegibility;\n }\n \n .pricing-section .pricing-card {\n backdrop-filter: none;\n -webkit-backdrop-filter: none;\n filter: none;\n transform: translateZ(0);\n }\n \n .pricing-section .price {\n background: none;\n -webkit-background-clip: unset;\n -webkit-text-fill-color: #ffffff;\n color: #ffffff;\n font-weight: 900;\n text-shadow: none;\n }\n \n .pricing-section .pricing-card {\n animation: none;\n transform: none;\n }\n \n .pricing-section .pricing-card:hover {\n transform: translateY(-5px);\n }\n \n .pricing-section .pricing-card::before,\n .pricing-section .pricing-card::after {\n display: none;\n }\n\n .plan-name {\n font-size: 2.5rem !important;\n font-weight: 900 !important;\n margin-bottom: 1.5rem !important;\n letter-spacing: -1.5px !important;\n }\n \n .price {\n font-size: 4.5rem !important;\n font-weight: 900 !important;\n letter-spacing: -4px !important;\n }\n \n .currency {\n font-size: 2.5rem !important;\n font-weight: 800 !important;\n }\n \n .period {\n font-size: 1.3rem !important;\n font-weight: 600 !important;\n }\n \n .monthly-price {\n font-size: 1.1rem !important;\n font-weight: 700 !important;\n }\n \n .save-badge {\n font-size: 1rem !important;\n padding: 0.7rem 1.5rem !important;\n font-weight: 900 !important;\n }\n }\n\n @media (max-width: 480px) {\n .plan-name {\n font-size: 2.2rem !important;\n }\n \n .price {\n font-size: 4rem !important;\n }\n \n .currency {\n font-size: 2.2rem !important;\n }\n \n .period {\n font-size: 1.2rem !important;\n }\n \n .monthly-price {\n font-size: 1rem !important;\n }\n }\n \n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n background: #0a0a0a;\n color: #fff;\n overflow-x: hidden;\n margin: 0;\n }\n\n .trial-section {\n position: relative;\n z-index: 10;\n padding: 3rem 3%;\n background: #0a0a0a;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .trial-section::before {\n display: none;\n }\n\n .trial-content {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .trial-title {\n font-size: clamp(2.5rem, 6vw, 4rem);\n font-weight: 900;\n margin-bottom: 2rem;\n letter-spacing: -2px;\n line-height: 1.1;\n animation: fadeInUp 0.8s ease;\n }\n\n .trial-description {\n font-size: clamp(1.1rem, 3vw, 1.5rem);\n color: rgba(255, 255, 255, 0.7);\n max-width: 750px;\n margin: 0 auto 4rem;\n line-height: 1.8;\n animation: fadeInUp 0.8s ease 0.2s;\n animation-fill-mode: both;\n }\n\n .trial-cta-wrapper {\n animation: fadeInUp 0.8s ease 0.4s;\n animation-fill-mode: both;\n }\n\n.trial-cta {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n padding: 1.5rem 3.5rem;\n background: #0066ff !important; \/* Force solid background *\/\n color: #fff !important;\n font-size: clamp(1rem, 2.5vw, 1.3rem);\n font-weight: 900;\n text-transform: uppercase;\n letter-spacing: 2px;\n border-radius: 18px;\n text-decoration: none;\n transition: all 0.3s ease;\n box-shadow: 0 10px 30px rgba(0, 102, 255, 0.6);\n position: relative;\n overflow: visible; \/* CHANGE THIS - was hidden *\/\n cursor: pointer;\n border: none;\n margin-top: 2rem; \/* ADD SPACE FROM CARD ABOVE *\/\n isolation: isolate; \/* PREVENT BLEED THROUGH *\/\n}\n\n .trial-cta::before {\n display: none;\n }\n\n .trial-cta:hover::before {\n display: none;\n }\n\n .trial-cta span {\n position: relative;\n z-index: 1;\n display: flex;\n align-items: center;\n gap: 0.8rem;\n }\n\n .trial-icon {\n font-size: 2rem;\n animation: bounce 2s infinite;\n display: none;\n }\n\n @keyframes bounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-8px); }\n }\n\n .trial-cta:hover {\n transform: translateY(-10px) scale(1.05);\n box-shadow: \n 0 35px 90px rgba(0, 102, 255, 0.9),\n 0 0 120px rgba(0, 102, 255, 0.5),\n inset 0 1px 0 rgba(255, 255, 255, 0.4);\n border-color: rgba(255, 255, 255, 0.3);\n }\n\n .trial-cta:active {\n transform: translateY(-7px) scale(1.02);\n }\n\n .trial-note {\n margin-top: 2.5rem;\n font-size: clamp(0.9rem, 2vw, 1.05rem);\n color: rgba(255, 255, 255, 0.5);\n animation: fadeInUp 0.8s ease 0.6s;\n animation-fill-mode: both;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .trial-section {\n padding: 5rem 5%;\n }\n\n .trial-title {\n margin-bottom: 1.5rem;\n letter-spacing: -2px;\n }\n\n .trial-description {\n margin-bottom: 3rem;\n }\n\n .trial-cta {\n padding: 1.5rem 3.5rem;\n border-radius: 16px;\n }\n\n .trial-icon {\n font-size: 1.6rem;\n }\n\n .trial-note {\n margin-top: 2rem;\n padding: 0 1rem;\n }\n }\n\n @media (max-width: 480px) {\n .trial-section {\n padding: 4rem 5%;\n }\n\n .trial-cta {\n padding: 1.3rem 2.5rem;\n letter-spacing: 1px;\n }\n\n .trial-icon {\n font-size: 1.4rem;\n }\n }\n \n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n background: #0a0a0a;\n color: #fff;\n overflow-x: hidden;\n padding: 0;\n min-height: 100vh;\n }\n\n .features-section {\n position: relative;\n z-index: 10;\n padding: 4rem 3%;\n background: linear-gradient(180deg, #0a0a0a 0%, #0a0a0a 50%, #0a0a0a 100%);\n }\n\n .features-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: #0a0a0a\n radial-gradient(circle at 20% 30%, rgba(0, 102, 255, 0.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(0, 168, 255, 0.08) 0%, transparent 50%);\n pointer-events: none;\n animation: pulseGlow 8s ease-in-out infinite;\n }\n\n @keyframes pulseGlow {\n 0%, 100% { opacity: 0.5; }\n 50% { opacity: 1; }\n }\n\n .features-header {\n text-align: center;\n margin-bottom: 4rem;\n animation: fadeInUp 0.8s ease;\n position: relative;\n z-index: 2;\n }\n\n .features-header h2 {\n font-size: 3.5rem;\n font-weight: 900;\n margin-bottom: 1.2rem;\n letter-spacing: -2px;\n line-height: 1.1;\n }\n\n .features-header p {\n font-size: 1.2rem;\n color: rgba(255, 255, 255, 0.75);\n max-width: 850px;\n margin: 0 auto;\n line-height: 1.6;\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 2.5rem;\n max-width: 1600px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n }\n\n .feature-card {\n background: linear-gradient(145deg, rgba(15, 15, 15, 0.95) 0%, rgba(15, 15, 15, 0.85) 100%);\n border-radius: 32px;\n padding: 3rem 2.5rem;\n border: 2px solid rgba(0, 102, 255, 0.3);\n backdrop-filter: blur(60px);\n position: relative;\n overflow: hidden;\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n animation: fadeInUp 1s ease;\n animation-fill-mode: both;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n\n .feature-card:nth-child(1) { animation-delay: 0.1s; }\n .feature-card:nth-child(2) { animation-delay: 0.2s; }\n .feature-card:nth-child(3) { animation-delay: 0.3s; }\n .feature-card:nth-child(4) { animation-delay: 0.4s; }\n .feature-card:nth-child(5) { animation-delay: 0.5s; }\n .feature-card:nth-child(6) { animation-delay: 0.6s; }\n\n .feature-card::before {\n content: '';\n position: absolute;\n inset: -100%;\n background: conic-gradient(from 0deg at 50% 50%, transparent 0deg, rgba(0, 102, 255, 0.4) 90deg, transparent 180deg);\n animation: rotate 6s linear infinite;\n opacity: 0;\n transition: opacity 0.6s;\n }\n\n @keyframes rotate {\n 100% { transform: rotate(360deg); }\n }\n\n .feature-card::after {\n content: '';\n position: absolute;\n inset: 2px;\n background: linear-gradient(145deg, rgba(15, 15, 15, 0.98) 0%, rgba(15, 15, 15, 0.92) 100%);\n border-radius: 30px;\n z-index: 1;\n }\n\n .feature-card > * {\n position: relative;\n z-index: 2;\n }\n\n @media (hover: hover) {\n .feature-card:hover::before {\n opacity: 1;\n }\n\n .feature-card:hover {\n transform: translateY(-12px) scale(1.03);\n border-color: rgba(0, 102, 255, 0.8);\n box-shadow: \n 0 40px 80px rgba(0, 102, 255, 0.6),\n 0 0 120px rgba(0, 168, 255, 0.5),\n inset 0 2px 0 rgba(255, 255, 255, 0.25);\n }\n\n .feature-card:hover .icon-wrapper {\n transform: scale(1.08) translateY(-6px) rotate(5deg);\n border-color: rgba(0, 102, 255, 0.9);\n background: linear-gradient(135deg, rgba(0, 102, 255, 0.4) 0%, rgba(0, 168, 255, 0.4) 100%);\n box-shadow: \n 0 25px 60px rgba(0, 102, 255, 0.7),\n inset 0 2px 30px rgba(0, 102, 255, 0.35);\n }\n\n .feature-card:hover .icon-wrapper::before {\n transform: translateX(100%) translateY(100%) rotate(45deg);\n }\n\n .feature-card:hover .icon-wrapper svg {\n stroke: #e0d7ff;\n filter: drop-shadow(0 8px 30px rgba(0, 102, 255, 1));\n transform: scale(1.06);\n }\n\n .feature-card:hover .feature-value {\n transform: scale(1.03);\n filter: drop-shadow(0 0 15px rgba(0, 168, 255, 0.8));\n }\n\n .feature-card:hover .feature-title {\n color: #c0c0c0;\n text-shadow: 0 0 20px rgba(0, 168, 255, 0.6);\n }\n }\n\n .icon-wrapper {\n width: 110px;\n height: 110px;\n background: linear-gradient(135deg, rgba(0, 102, 255, 0.25) 0%, rgba(0, 168, 255, 0.25) 100%);\n border-radius: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 2rem;\n border: 2px solid rgba(0, 102, 255, 0.5);\n box-shadow: \n 0 20px 50px rgba(0, 102, 255, 0.4),\n inset 0 2px 20px rgba(0, 102, 255, 0.2);\n transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\n position: relative;\n overflow: hidden;\n }\n\n .icon-wrapper::before {\n content: '';\n position: absolute;\n inset: -50%;\n background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.2), transparent);\n transform: translateX(-100%) translateY(-100%) rotate(45deg);\n transition: transform 0.8s;\n }\n\n .icon-wrapper svg {\n width: 55px;\n height: 55px;\n fill: none;\n stroke: #00a8ff;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n filter: drop-shadow(0 5px 20px rgba(0, 102, 255, 0.7));\n transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n\n .feature-title {\n font-size: 1.8rem;\n font-weight: 900;\n margin-bottom: 1rem;\n color: #fff;\n letter-spacing: -0.5px;\n line-height: 1.2;\n transition: all 0.4s ease;\n }\n\n .feature-value {\n font-size: 2.5rem;\n font-weight: 900;\n background: linear-gradient(135deg, #ffffff 0%, #c0c0c0 50%, #00a8ff 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 0.8rem;\n display: block;\n line-height: 1;\n transition: all 0.4s ease;\n }\n\n .feature-description {\n font-size: 1rem;\n color: rgba(255, 255, 255, 0.8);\n line-height: 1.6;\n margin-bottom: 1.5rem;\n }\n\n .feature-list {\n list-style: none;\n text-align: left;\n width: 100%;\n }\n\n .feature-list li {\n display: flex;\n align-items: center;\n gap: 0.8rem;\n padding: 0.7rem 0;\n font-size: 0.95rem;\n color: rgba(255, 255, 255, 0.85);\n border-bottom: 1px solid rgba(0, 102, 255, 0.12);\n transition: all 0.3s ease;\n }\n\n .feature-list li:last-child {\n border-bottom: none;\n }\n\n @media (hover: hover) {\n .feature-list li:hover {\n color: rgba(255, 255, 255, 1);\n padding-left: 0.4rem;\n }\n\n .feature-list li:hover::before {\n transform: scale(1.1);\n box-shadow: 0 4px 15px rgba(16, 185, 129, 0.6);\n }\n }\n\n .feature-list li::before {\n content: '\u2713';\n width: 22px;\n height: 22px;\n background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.85rem;\n font-weight: 900;\n flex-shrink: 0;\n box-shadow: 0 3px 12px rgba(16, 185, 129, 0.4);\n transition: all 0.3s ease;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @media (max-width: 1400px) {\n .features-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 2rem;\n }\n }\n\n @media (max-width: 768px) {\n .features-section {\n padding: 3rem 5%;\n }\n\n .features-header {\n margin-bottom: 3rem;\n }\n\n .features-header h2 {\n font-size: 2.5rem;\n letter-spacing: -1.5px;\n margin-bottom: 1rem;\n }\n\n .features-header p {\n font-size: 1.05rem;\n padding: 0 1rem;\n line-height: 1.6;\n }\n\n .features-grid {\n grid-template-columns: 1fr;\n gap: 1.5rem;\n padding: 0 1rem;\n }\n\n .feature-card {\n padding: 2.5rem 2rem;\n border-radius: 28px;\n border-width: 1.5px;\n }\n\n .feature-card::after {\n border-radius: 26px;\n }\n\n .icon-wrapper {\n width: 95px;\n height: 95px;\n margin-bottom: 1.5rem;\n border-radius: 24px;\n }\n\n .icon-wrapper svg {\n width: 48px;\n height: 48px;\n }\n\n .feature-title {\n font-size: 1.6rem;\n margin-bottom: 0.8rem;\n }\n\n .feature-value {\n font-size: 2.2rem;\n }\n\n .feature-description {\n font-size: 0.95rem;\n line-height: 1.5;\n margin-bottom: 1.2rem;\n }\n\n .feature-list li {\n font-size: 0.9rem;\n padding: 0.6rem 0;\n }\n\n .feature-list li::before {\n width: 20px;\n height: 20px;\n font-size: 0.8rem;\n }\n }\n\n @media (max-width: 480px) {\n .features-section {\n padding: 2.5rem 4%;\n }\n\n .features-header {\n margin-bottom: 2.5rem;\n }\n\n .features-header h2 {\n font-size: 2rem;\n letter-spacing: -1px;\n }\n\n .features-header p {\n font-size: 0.95rem;\n padding: 0 0.5rem;\n }\n\n .features-grid {\n gap: 1.2rem;\n padding: 0 0.5rem;\n }\n\n .feature-card {\n padding: 2rem 1.5rem;\n border-radius: 24px;\n }\n\n .feature-card::after {\n border-radius: 22px;\n }\n\n .icon-wrapper {\n width: 85px;\n height: 85px;\n margin-bottom: 1.2rem;\n border-radius: 20px;\n }\n\n .icon-wrapper svg {\n width: 42px;\n height: 42px;\n }\n\n .feature-title {\n font-size: 1.4rem;\n margin-bottom: 0.7rem;\n }\n\n .feature-value {\n font-size: 2rem;\n margin-bottom: 0.6rem;\n }\n\n .feature-description {\n font-size: 0.9rem;\n line-height: 1.4;\n margin-bottom: 1rem;\n }\n\n .feature-list li {\n font-size: 0.85rem;\n padding: 0.5rem 0;\n gap: 0.7rem;\n }\n\n .feature-list li::before {\n width: 18px;\n height: 18px;\n font-size: 0.75rem;\n }\n }\n\n @media (max-width: 360px) {\n .features-header h2 {\n font-size: 1.8rem;\n }\n\n .features-header p {\n font-size: 0.9rem;\n }\n\n .feature-card {\n padding: 1.8rem 1.2rem;\n }\n\n .icon-wrapper {\n width: 75px;\n height: 75px;\n }\n\n .icon-wrapper svg {\n width: 38px;\n height: 38px;\n }\n\n .feature-title {\n font-size: 1.3rem;\n }\n\n .feature-value {\n font-size: 1.8rem;\n }\n\n .feature-description {\n font-size: 0.85rem;\n }\n }\n \n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n background: #0a0a0a;\n color: #fff;\n overflow-x: hidden;\n padding: 0;\n min-height: 100vh;\n }\n \n .reviews-container {\n position: relative;\n z-index: 10;\n max-width: 100%;\n margin: 0 auto;\n padding: 4rem 0 4rem;\n }\n\n \/* Reviews Section Header *\/\n .reviews-header {\n text-align: center;\n margin-bottom: 3rem;\n animation: reviewsFadeInDown 0.8s ease-out;\n }\n\n @keyframes reviewsFadeInDown {\n from {\n opacity: 0;\n transform: translateY(-30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .reviews-header h2 {\n font-size: clamp(2rem, 7vw, 4.5rem);\n font-weight: 900;\n letter-spacing: -3px;\n margin-bottom: 1.5rem;\n line-height: 1.2;\n }\n\n @media (max-width: 768px) {\n .reviews-header h2 {\n font-size: clamp(1.8rem, 8vw, 2.5rem);\n letter-spacing: -1.5px;\n line-height: 1.3;\n }\n }\n\n .reviews-gradient-text {\n background: linear-gradient(135deg, #ffffff 0%, #c0c0c0 30%, #00a8ff 50%, #00a8ff 70%, #0066ff 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n display: inline-block;\n animation: reviewsGradientFlow 10s ease infinite;\n background-size: 300% 300%;\n filter: drop-shadow(0 0 30px rgba(0, 168, 255, 0.5));\n }\n\n @keyframes reviewsGradientFlow {\n 0%, 100% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n }\n\n .reviews-header p {\n font-size: 1.3rem;\n color: rgba(255, 255, 255, 0.7);\n max-width: 720px;\n margin: 0 auto 1.5rem;\n line-height: 1.8;\n font-weight: 400;\n }\n\n \/* Live Counter Badge *\/\n .reviews-live-counter {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n background: rgba(16, 185, 129, 0.15);\n border: 1px solid rgba(16, 185, 129, 0.4);\n padding: 0.6rem 1.2rem;\n border-radius: 50px;\n font-size: 0.9rem;\n animation: reviewsPulse 2s infinite;\n }\n\n @keyframes reviewsPulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.8; }\n }\n\n .reviews-live-dot {\n width: 8px;\n height: 8px;\n background: #10b981;\n border-radius: 50%;\n animation: reviewsBlink 1.5s infinite;\n }\n\n @keyframes reviewsBlink {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.3; }\n }\n\n .reviews-live-counter strong {\n color: #10b981;\n font-weight: 700;\n }\n\n \/* Trust Badges *\/\n .reviews-trust-badges {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 1rem;\n margin-bottom: 3rem;\n flex-wrap: wrap;\n padding: 0 1rem;\n }\n\n .reviews-trust-badge {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.5rem;\n padding: 1rem 1.5rem;\n background: linear-gradient(145deg, rgba(15, 15, 15, 0.7) 0%, rgba(15, 15, 15, 0.5) 100%);\n border: 2px solid rgba(0, 102, 255, 0.2);\n border-radius: 20px;\n backdrop-filter: blur(40px);\n transition: all 0.3s ease;\n min-width: 140px;\n flex: 1;\n max-width: 180px;\n }\n\n @media (hover: hover) {\n .reviews-trust-badge:hover {\n transform: translateY(-5px);\n border-color: rgba(0, 102, 255, 0.5);\n box-shadow: 0 20px 40px rgba(0, 102, 255, 0.3);\n }\n }\n\n .reviews-trust-badge-logo {\n font-size: 1.2rem;\n font-weight: 900;\n height: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .reviews-trustpilot-logo {\n color: #00b67a;\n }\n\n .reviews-google-logo {\n background: linear-gradient(135deg, #4285f4, #ea4335, #fbbc05, #34a853);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .reviews-reddit-logo {\n color: #ff4500;\n }\n\n .reviews-trust-badge-rating {\n display: flex;\n align-items: center;\n gap: 0.4rem;\n }\n\n .reviews-trust-stars {\n color: #fbbf24;\n font-size: 0.9rem;\n }\n\n .reviews-trust-score {\n font-size: 1rem;\n font-weight: 700;\n color: #fff;\n }\n\n .reviews-trust-reviews {\n font-size: 0.7rem;\n color: rgba(255, 255, 255, 0.5);\n }\n\n \/* Reviews Carousel *\/\n .reviews-slider-container {\n width: 100%;\n position: relative;\n overflow: hidden;\n }\n\n .reviews-scroll-wrapper {\n overflow-x: auto;\n overflow-y: hidden;\n padding: 2rem 0;\n scrollbar-width: none;\n width: 100%;\n -webkit-overflow-scrolling: touch;\n cursor: grab;\n user-select: none;\n background: linear-gradient(145deg, rgba(15, 15, 15, 0.3) 0%, rgba(15, 15, 15, 0.1) 100%);\n border: 2px solid rgba(0, 102, 255, 0.15);\n backdrop-filter: blur(20px);\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\n border-radius: 24px;\n }\n\n .reviews-scroll-wrapper:active {\n cursor: grabbing;\n }\n\n .reviews-scroll-wrapper::-webkit-scrollbar {\n display: none;\n }\n\n .reviews-carousel {\n display: flex;\n gap: 1.5rem;\n padding: 0 1.5rem;\n will-change: transform;\n }\n\n \/* Review Card *\/\n .reviews-review-card {\n background: linear-gradient(145deg, rgba(15, 15, 15, 0.7) 0%, rgba(15, 15, 15, 0.5) 100%);\n border: 2px solid rgba(0, 102, 255, 0.2);\n border-radius: 32px;\n padding: 2rem;\n min-width: 380px;\n width: 380px;\n min-height: 400px;\n position: relative;\n overflow: hidden;\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n backdrop-filter: blur(40px);\n flex-shrink: 0;\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\n display: flex;\n flex-direction: column;\n }\n\n @media (max-width: 640px) {\n .reviews-review-card {\n min-width: 320px;\n width: 320px;\n min-height: 360px;\n padding: 1.5rem;\n }\n }\n\n .reviews-review-card::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(0, 102, 255, 0.15) 0%, transparent 70%);\n transition: all 0.8s ease;\n opacity: 0;\n pointer-events: none;\n }\n\n @media (hover: hover) {\n .reviews-review-card:hover {\n transform: translateY(-12px) scale(1.02);\n border-color: rgba(0, 102, 255, 0.6);\n box-shadow: \n 0 30px 60px rgba(0, 102, 255, 0.4),\n 0 0 100px rgba(0, 168, 255, 0.3),\n inset 0 1px 0 rgba(255, 255, 255, 0.15);\n }\n\n .reviews-review-card:hover::before {\n opacity: 1;\n transform: translate(25%, 25%);\n }\n }\n\n \/* Review Header *\/\n .reviews-review-header {\n display: flex;\n align-items: center;\n gap: 0.8rem;\n margin-bottom: 1.2rem;\n }\n\n .reviews-reviewer-avatar {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background: linear-gradient(135deg, #0066ff 0%, #00a8ff 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.3rem;\n font-weight: 700;\n color: #fff;\n flex-shrink: 0;\n border: 2px solid rgba(0, 102, 255, 0.5);\n box-shadow: 0 4px 15px rgba(0, 102, 255, 0.4);\n }\n\n .reviews-reviewer-info {\n flex: 1;\n }\n\n .reviews-reviewer-name {\n font-size: 1.1rem;\n font-weight: 700;\n color: #fff;\n margin-bottom: 0.2rem;\n }\n\n .reviews-reviewer-meta {\n font-size: 0.8rem;\n color: rgba(255, 255, 255, 0.5);\n display: flex;\n align-items: center;\n gap: 0.4rem;\n flex-wrap: wrap;\n }\n\n .reviews-verified-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.3rem;\n background: rgba(16, 185, 129, 0.2);\n border: 1px solid rgba(16, 185, 129, 0.4);\n padding: 0.25rem 0.6rem;\n border-radius: 20px;\n font-size: 0.7rem;\n font-weight: 600;\n color: #10b981;\n margin-top: 0.3rem;\n }\n\n \/* Usage Badge *\/\n .reviews-usage-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.3rem;\n background: rgba(0, 102, 255, 0.2);\n border: 1px solid rgba(0, 102, 255, 0.3);\n padding: 0.25rem 0.6rem;\n border-radius: 20px;\n font-size: 0.7rem;\n font-weight: 600;\n color: #00a8ff;\n margin-top: 0.3rem;\n }\n\n \/* Review Stars *\/\n .reviews-review-stars {\n display: flex;\n gap: 0.2rem;\n margin-bottom: 1rem;\n }\n\n .reviews-star {\n font-size: 1.1rem;\n color: #fbbf24;\n text-shadow: 0 2px 8px rgba(251, 191, 36, 0.4);\n }\n\n \/* Review Content *\/\n .reviews-review-text {\n color: rgba(255, 255, 255, 0.9);\n line-height: 1.6;\n font-size: 0.95rem;\n margin-bottom: 1.2rem;\n flex-grow: 1;\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 5;\n -webkit-box-orient: vertical;\n text-overflow: ellipsis;\n }\n\n \/* Helpful Section *\/\n .reviews-review-helpful {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding-top: 0.8rem;\n border-top: 1px solid rgba(0, 102, 255, 0.2);\n margin-top: auto;\n }\n\n .reviews-helpful-count {\n font-size: 0.8rem;\n color: rgba(255, 255, 255, 0.5);\n }\n\n .reviews-helpful-count strong {\n color: #10b981;\n font-weight: 700;\n }\n\n \/* Review Tags *\/\n .reviews-review-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 0.5rem;\n margin-top: 0.8rem;\n }\n\n .reviews-review-tag {\n padding: 0.4rem 0.8rem;\n background: rgba(0, 102, 255, 0.2);\n border: 1px solid rgba(0, 102, 255, 0.3);\n border-radius: 20px;\n font-size: 0.75rem;\n color: #00a8ff;\n font-weight: 500;\n }\n\n \/* Review Date *\/\n .reviews-review-date {\n font-size: 0.8rem;\n color: rgba(255, 255, 255, 0.4);\n }\n\n \/* CTA Button *\/\n .reviews-cta-container {\n display: flex;\n justify-content: center;\n margin-top: 2rem;\n margin-bottom: 1rem;\n }\n\n .reviews-cta-btn {\n display: inline-flex;\n align-items: center;\n gap: 0.6rem;\n padding: 0.75rem 1.5rem;\n background: linear-gradient(135deg, #0066ff 0%, #00a8ff 50%, #00e0ff 100%);\n color: #fff;\n font-size: 0.9rem;\n font-weight: 700;\n text-decoration: none;\n border-radius: 16px;\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 10px 30px rgba(0, 102, 255, 0.4);\n border: none;\n cursor: pointer;\n position: relative;\n overflow: hidden;\n letter-spacing: 1px;\n text-transform: uppercase;\n }\n\n .reviews-cta-btn::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 0;\n height: 0;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.25);\n transform: translate(-50%, -50%);\n transition: width 0.7s, height 0.7s;\n pointer-events: none;\n }\n\n @media (hover: hover) {\n .reviews-cta-btn:hover {\n transform: translateY(-4px) scale(1.02);\n box-shadow: \n 0 20px 50px rgba(0, 102, 255, 0.6),\n 0 0 80px rgba(0, 168, 255, 0.4),\n inset 0 1px 0 rgba(255, 255, 255, 0.2);\n }\n \n .reviews-cta-btn:hover::before {\n width: 300px;\n height: 300px;\n }\n }\n\n .reviews-cta-btn span {\n position: relative;\n z-index: 1;\n }\n\n @media (max-width: 640px) {\n .reviews-cta-btn {\n padding: 0.7rem 1.3rem;\n font-size: 0.85rem;\n }\n }\n\n @keyframes reviewsFadeInUp {\n from {\n opacity: 0;\n transform: translateY(60px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n background: #0a0a0a;\n color: #fff;\n overflow-x: hidden;\n padding: 0;\n min-height: 100vh;\n }\n\n .security-section {\n position: relative;\n z-index: 10;\n padding: 5rem 3%;\n background: #0a0a0a;\n }\n\n .security-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: #0a0a0a\n radial-gradient(circle at 25% 50%, rgba(0, 102, 255, 0.08) 0%, transparent 50%),\n radial-gradient(circle at 75% 50%, rgba(0, 168, 255, 0.08) 0%, transparent 50%);\n pointer-events: none;\n animation: pulseGlow 8s ease-in-out infinite;\n }\n\n @keyframes pulseGlow {\n 0%, 100% { opacity: 0.5; }\n 50% { opacity: 1; }\n }\n\n .security-container {\n max-width: 1400px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n }\n\n .security-header {\n text-align: center;\n margin-bottom: 4.5rem;\n animation: fadeInUp 0.8s ease;\n }\n\n .security-header h2 {\n font-size: 4rem;\n font-weight: 900;\n margin-bottom: 1.2rem;\n letter-spacing: -2.5px;\n line-height: 1.1;\n }\n\n .security-header p {\n font-size: 1.3rem;\n color: rgba(255, 255, 255, 0.75);\n max-width: 800px;\n margin: 0 auto;\n line-height: 1.8;\n }\n\n .security-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 2.5rem;\n animation: fadeInUp 1s ease;\n animation-delay: 0.2s;\n animation-fill-mode: both;\n }\n\n .security-card {\n background: linear-gradient(145deg, rgba(15, 15, 15, 0.9) 0%, rgba(15, 15, 15, 0.7) 100%);\n border-radius: 32px;\n padding: 3rem 2rem;\n border: 2px solid rgba(0, 102, 255, 0.3);\n backdrop-filter: blur(60px);\n position: relative;\n overflow: hidden;\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n animation: fadeInUp 1s ease;\n animation-fill-mode: both;\n }\n\n .security-card:nth-child(1) { animation-delay: 0.1s; }\n .security-card:nth-child(2) { animation-delay: 0.2s; }\n .security-card:nth-child(3) { animation-delay: 0.3s; }\n .security-card:nth-child(4) { animation-delay: 0.4s; }\n .security-card:nth-child(5) { animation-delay: 0.5s; }\n\n .security-card::before {\n content: '';\n position: absolute;\n inset: -100%;\n background: conic-gradient(from 0deg at 50% 50%, transparent 0deg, rgba(0, 102, 255, 0.4) 90deg, transparent 180deg);\n animation: rotate 6s linear infinite;\n opacity: 0;\n transition: opacity 0.6s;\n }\n\n @keyframes rotate {\n 100% { transform: rotate(360deg); }\n }\n\n .security-card::after {\n content: '';\n position: absolute;\n inset: 2px;\n background: linear-gradient(145deg, rgba(15, 15, 15, 0.98) 0%, rgba(15, 15, 15, 0.92) 100%);\n border-radius: 30px;\n z-index: 1;\n }\n\n .security-card > * {\n position: relative;\n z-index: 2;\n }\n\n @media (hover: hover) {\n .security-card:hover::before {\n opacity: 1;\n }\n\n .security-card:hover {\n transform: translateY(-15px) scale(1.04);\n border-color: rgba(0, 102, 255, 0.8);\n box-shadow: \n 0 50px 100px rgba(0, 102, 255, 0.6),\n 0 0 150px rgba(0, 168, 255, 0.5),\n inset 0 2px 0 rgba(255, 255, 255, 0.25);\n }\n\n .security-card:hover .security-icon {\n transform: scale(1.15) rotate(5deg);\n border-color: rgba(0, 102, 255, 0.9);\n background: linear-gradient(135deg, rgba(0, 102, 255, 0.4) 0%, rgba(0, 168, 255, 0.4) 100%);\n box-shadow: \n 0 30px 80px rgba(0, 102, 255, 0.7),\n inset 0 2px 35px rgba(0, 102, 255, 0.35);\n }\n\n .security-card:hover .security-icon::before {\n transform: translateX(100%) translateY(100%) rotate(45deg);\n }\n\n .security-card:hover .security-icon svg {\n stroke: #e0d7ff;\n filter: drop-shadow(0 10px 40px rgba(0, 102, 255, 1));\n transform: scale(1.08);\n }\n\n .security-card:hover .security-title {\n color: #c0c0c0;\n text-shadow: 0 0 25px rgba(0, 168, 255, 0.6);\n }\n }\n\n .security-icon {\n width: 110px;\n height: 110px;\n background: linear-gradient(135deg, rgba(0, 102, 255, 0.25) 0%, rgba(0, 168, 255, 0.25) 100%);\n border-radius: 30px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 2rem;\n border: 2px solid rgba(0, 102, 255, 0.5);\n box-shadow: \n 0 20px 60px rgba(0, 102, 255, 0.4),\n inset 0 2px 25px rgba(0, 102, 255, 0.2);\n transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\n position: relative;\n overflow: hidden;\n }\n\n .security-icon::before {\n content: '';\n position: absolute;\n inset: -50%;\n background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.2), transparent);\n transform: translateX(-100%) translateY(-100%) rotate(45deg);\n transition: transform 0.8s;\n }\n\n .security-icon svg {\n width: 55px;\n height: 55px;\n fill: none;\n stroke: #00a8ff;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n filter: drop-shadow(0 6px 25px rgba(0, 102, 255, 0.7));\n transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n\n .security-title {\n font-size: 1.3rem;\n font-weight: 900;\n margin-bottom: 0.8rem;\n color: #fff;\n letter-spacing: -0.5px;\n line-height: 1.3;\n transition: all 0.4s ease;\n }\n\n .security-description {\n font-size: 0.9rem;\n color: rgba(255, 255, 255, 0.7);\n line-height: 1.6;\n font-weight: 500;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(60px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* Tablet Layout: 2-2-1 with the single card centered *\/\n @media (max-width: 1024px) and (min-width: 769px) {\n .security-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 2rem;\n }\n \n \/* Make the last card span both columns on tablet *\/\n .security-card:nth-child(5) {\n grid-column: 1 \/ span 2;\n max-width: 400px;\n justify-self: center;\n margin-top: 1rem;\n }\n }\n\n @media (max-width: 968px) {\n .security-section {\n padding: 4rem 5%;\n }\n\n .security-header {\n margin-bottom: 3.5rem;\n }\n\n .security-header h2 {\n font-size: 2.8rem;\n letter-spacing: -2px;\n margin-bottom: 1rem;\n }\n\n .security-header p {\n font-size: 1.15rem;\n padding: 0 1rem;\n }\n\n .security-card {\n padding: 2.5rem 1.8rem;\n border-radius: 28px;\n }\n\n .security-card::after {\n border-radius: 26px;\n }\n\n .security-icon {\n width: 95px;\n height: 95px;\n margin-bottom: 1.8rem;\n border-radius: 26px;\n }\n\n .security-icon svg {\n width: 48px;\n height: 48px;\n }\n\n .security-title {\n font-size: 1.2rem;\n margin-bottom: 0.7rem;\n }\n\n .security-description {\n font-size: 0.85rem;\n }\n }\n\n @media (max-width: 768px) {\n .security-section {\n padding: 3.5rem 5%;\n }\n\n .security-header {\n margin-bottom: 3rem;\n }\n\n .security-header h2 {\n font-size: 2.2rem;\n letter-spacing: -1.5px;\n }\n\n .security-header p {\n font-size: 1.05rem;\n padding: 0 0.5rem;\n }\n\n .security-grid {\n grid-template-columns: 1fr;\n gap: 1.8rem;\n max-width: 500px;\n margin: 0 auto;\n }\n \n \/* Reset the last card to single column on mobile *\/\n .security-card:nth-child(5) {\n grid-column: 1;\n max-width: none;\n margin-top: 0;\n }\n\n .security-card {\n padding: 2.5rem 2rem;\n border-radius: 26px;\n }\n\n .security-card::after {\n border-radius: 24px;\n }\n\n .security-icon {\n width: 90px;\n height: 90px;\n margin-bottom: 1.6rem;\n border-radius: 24px;\n }\n\n .security-icon svg {\n width: 45px;\n height: 45px;\n }\n\n .security-title {\n font-size: 1.15rem;\n }\n\n .security-description {\n font-size: 0.82rem;\n }\n }\n\n @media (max-width: 480px) {\n .security-section {\n padding: 3rem 4%;\n }\n\n .security-header h2 {\n font-size: 1.9rem;\n letter-spacing: -1px;\n }\n\n .security-header p {\n font-size: 0.95rem;\n }\n\n .security-card {\n padding: 2rem 1.5rem;\n border-radius: 24px;\n }\n\n .security-card::after {\n border-radius: 22px;\n }\n\n .security-icon {\n width: 80px;\n height: 80px;\n margin-bottom: 1.4rem;\n border-radius: 22px;\n }\n\n .security-icon svg {\n width: 40px;\n height: 40px;\n }\n\n .security-title {\n font-size: 1.05rem;\n margin-bottom: 0.6rem;\n }\n\n .security-description {\n font-size: 0.78rem;\n }\n }\n\n @media (max-width: 360px) {\n .security-header h2 {\n font-size: 1.7rem;\n }\n\n .security-header p {\n font-size: 0.88rem;\n }\n\n .security-icon {\n width: 75px;\n height: 75px;\n }\n\n .security-icon svg {\n width: 38px;\n height: 38px;\n }\n\n .security-title {\n font-size: 1rem;\n }\n }\n \n \n :root {\n --color-1: #0066ff;\n --color-2: #0066ff;\n --color-3: #0066ff;\n --color-4: #00a8ff;\n --stroke-light: rgba(148,163,184,.18);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n -webkit-tap-highlight-color: transparent;\n }\n\n footer {\n position: relative;\n z-index: 10;\n background: rgba(10, 10, 10, 0.95);\n border-top: 1px solid rgba(0, 102, 255, 0.2);\n backdrop-filter: blur(30px);\n margin-top: 6rem;\n overflow: hidden;\n margin-bottom: 0;\n padding-bottom: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;\n color: #fff;\n }\n\n footer::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 2px;\n background: linear-gradient(90deg, transparent, #0066ff, #00a8ff, transparent);\n animation: borderSlide 3s ease-in-out infinite;\n }\n\n @keyframes borderSlide {\n 0%, 100% { left: -100%; }\n 50% { left: 100%; }\n }\n\n .footer-content {\n max-width: 1400px;\n margin: 0 auto;\n padding: 5rem 7% 3rem;\n }\n\n .footer-grid {\n display: grid;\n grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;\n gap: 4rem;\n margin-bottom: 4rem;\n }\n\n .footer-brand {\n animation: fadeInUp 0.8s ease;\n }\n\n .logo {\n display: flex;\n align-items: center;\n gap: 1rem;\n font-size: 1.9rem;\n font-weight: 900;\n letter-spacing: -1px;\n margin-bottom: 1.5rem;\n cursor: pointer;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n }\n\n .logo:hover {\n transform: translateY(-3px);\n }\n\n .logo:hover .logo-icon {\n transform: scale(1.05) rotate(5deg);\n }\n\n .logo:hover .logo-icon::before {\n transform: scale(1.1);\n opacity: 1;\n }\n\n .logo-icon {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #0066ff 0%, #0066ff 50%, #00a8ff 100%);\n border-radius: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n flex-shrink: 0;\n box-shadow: \n 0 10px 30px rgba(0, 102, 255, 0.7),\n inset 0 1px 0 rgba(255, 255, 255, 0.2);\n animation: logoGlow 3s ease-in-out infinite;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .logo-icon::before {\n content: '';\n position: absolute;\n inset: -4px;\n border-radius: 16px;\n background: linear-gradient(135deg, #0066ff, #00a8ff);\n opacity: 0;\n filter: blur(12px);\n transition: all 0.4s ease;\n z-index: -1;\n }\n\n @keyframes logoGlow {\n 0%, 100% { \n box-shadow: \n 0 10px 30px rgba(0, 102, 255, 0.7),\n inset 0 1px 0 rgba(255, 255, 255, 0.2);\n }\n 50% { \n box-shadow: \n 0 10px 40px rgba(0, 102, 255, 0.9),\n 0 0 20px rgba(0, 102, 255, 0.5),\n inset 0 1px 0 rgba(255, 255, 255, 0.3);\n }\n }\n\n .logo-icon::after {\n content: '';\n position: absolute;\n width: 0;\n height: 0;\n border-left: 14px solid white;\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n margin-left: 3px;\n filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));\n transition: filter 0.3s ease;\n }\n\n .logo:hover .logo-icon::after {\n filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.5));\n }\n\n .logo-text {\n display: flex;\n flex-direction: column;\n line-height: 1;\n }\n\n .logo-main {\n font-size: 1.9rem;\n background: linear-gradient(135deg, #fff 0%, #0066ff 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n transition: all 0.3s ease;\n }\n\n .logo:hover .logo-main {\n background: linear-gradient(135deg, #fff 0%, #00a8ff 100%);\n -webkit-background-clip: text;\n background-clip: text;\n }\n\n .logo-tagline {\n font-size: 0.65rem;\n color: rgba(255, 255, 255, 0.6);\n font-weight: 600;\n letter-spacing: 3px;\n text-transform: uppercase;\n margin-top: 2px;\n transition: color 0.3s ease;\n }\n\n .logo:hover .logo-tagline {\n color: rgba(255, 255, 255, 0.8);\n }\n\n .footer-description {\n color: rgba(255, 255, 255, 0.6);\n line-height: 1.7;\n font-size: 0.95rem;\n margin-bottom: 2rem;\n max-width: 350px;\n transition: color 0.3s ease;\n }\n\n .footer-description:hover {\n color: rgba(255, 255, 255, 0.75);\n }\n\n .social-links {\n display: flex;\n gap: 1rem;\n flex-wrap: wrap;\n }\n\n .social-link {\n width: 44px;\n height: 44px;\n border-radius: 12px;\n background: rgba(0, 102, 255, 0.15);\n border: 1px solid rgba(0, 102, 255, 0.3);\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n text-decoration: none;\n color: #fff;\n font-size: 1.2rem;\n position: relative;\n overflow: hidden;\n }\n\n .social-link::before {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, #0066ff, #00a8ff);\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n\n .social-link svg {\n position: relative;\n z-index: 1;\n transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .social-link:hover {\n border-color: rgba(0, 102, 255, 0.6);\n transform: translateY(-5px) scale(1.05);\n box-shadow: 0 15px 35px rgba(0, 102, 255, 0.5);\n }\n\n .social-link:hover::before {\n opacity: 1;\n }\n\n .social-link:hover svg {\n transform: scale(1.1) rotate(5deg);\n }\n\n .social-link:active {\n transform: translateY(-2px) scale(0.98);\n }\n\n .footer-column {\n animation: fadeInUp 1s ease;\n animation-fill-mode: both;\n }\n\n .footer-column:nth-child(2) { animation-delay: 0.1s; }\n .footer-column:nth-child(3) { animation-delay: 0.2s; }\n .footer-column:nth-child(4) { animation-delay: 0.3s; }\n .footer-column:nth-child(5) { animation-delay: 0.4s; }\n\n .footer-column h3 {\n font-size: 1.15rem;\n font-weight: 800;\n margin-bottom: 1.5rem;\n color: #fff;\n letter-spacing: -0.5px;\n position: relative;\n display: inline-block;\n transition: color 0.3s ease;\n }\n\n .footer-column h3::after {\n content: '';\n position: absolute;\n bottom: -5px;\n left: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, #0066ff, #00a8ff);\n transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .footer-column:hover h3::after {\n width: 100%;\n }\n\n .footer-column:hover h3 {\n color: #00a8ff;\n }\n\n .footer-links {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 0.8rem;\n }\n\n .footer-links li {\n position: relative;\n }\n\n .footer-links li a {\n color: rgba(255, 255, 255, 0.6);\n text-decoration: none;\n font-size: 0.95rem;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n display: inline-block;\n position: relative;\n padding-left: 0;\n }\n\n .footer-links li a::before {\n content: '';\n position: absolute;\n bottom: -2px;\n left: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, #0066ff, #00a8ff);\n transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .footer-links li a::after {\n content: '\u2192';\n position: absolute;\n left: -20px;\n opacity: 0;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #0066ff;\n }\n\n .footer-links li a:hover {\n color: #fff;\n padding-left: 20px;\n transform: translateX(0);\n }\n\n .footer-links li a:hover::before {\n width: 100%;\n }\n\n .footer-links li a:hover::after {\n opacity: 1;\n left: 0;\n }\n\n .newsletter-section {\n display: none;\n }\n\n .footer-bottom {\n border-top: 1px solid rgba(255, 255, 255, 0.08);\n padding: 2rem 7%;\n text-align: center;\n position: relative;\n margin: 0;\n background: rgba(10, 10, 10, 1);\n }\n\n .footer-bottom::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 1px;\n background: linear-gradient(90deg, transparent, #0066ff, transparent);\n transition: width 0.6s ease;\n }\n\n .footer-bottom:hover::before {\n width: 100%;\n }\n\n .copyright {\n color: rgba(255, 255, 255, 0.5);\n font-size: 0.9rem;\n transition: color 0.3s ease;\n cursor: default;\n margin: 0;\n padding: 0;\n }\n\n .copyright:hover {\n color: rgba(255, 255, 255, 0.7);\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .footer-brand::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle at var(--x, 50%) var(--y, 50%), rgba(0, 102, 255, 0.15), transparent 50%);\n opacity: 0;\n transition: opacity 0.3s ease;\n pointer-events: none;\n }\n\n .footer-brand:hover::before {\n opacity: 1;\n }\n\n @media (max-width: 1200px) {\n .footer-grid {\n grid-template-columns: 1.5fr 1fr 1fr 1fr;\n gap: 3rem;\n }\n }\n\n @media (max-width: 968px) {\n .footer-grid {\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n }\n\n .footer-brand {\n grid-column: 1 \/ -1;\n }\n }\n\n @media (max-width: 768px) {\n footer {\n margin-top: 4rem;\n }\n\n .footer-content {\n padding: 3rem 5% 2rem;\n }\n\n .footer-grid {\n grid-template-columns: 1fr 1fr;\n gap: 2.5rem 2rem;\n margin-bottom: 2.5rem;\n }\n\n .footer-brand {\n grid-column: 1 \/ -1;\n text-align: left;\n }\n\n .logo {\n justify-content: flex-start;\n margin-bottom: 1.2rem;\n font-size: 1.6rem;\n }\n\n .logo-icon {\n width: 45px;\n height: 45px;\n }\n\n .logo-icon::after {\n border-left: 12px solid white;\n border-top: 8px solid transparent;\n border-bottom: 8px solid transparent;\n }\n\n .logo-main {\n font-size: 1.6rem;\n }\n\n .logo-tagline {\n font-size: 0.58rem;\n letter-spacing: 2px;\n }\n\n .footer-description {\n display: none;\n }\n\n .social-links {\n justify-content: flex-start;\n gap: 0.8rem;\n margin-bottom: 0;\n }\n\n .social-link {\n width: 42px;\n height: 42px;\n font-size: 1.1rem;\n }\n\n .footer-column {\n text-align: left;\n }\n\n .footer-column h3 {\n font-size: 1.1rem;\n margin-bottom: 1rem;\n font-weight: 800;\n }\n\n .footer-column h3::after {\n left: 0;\n transform: none;\n }\n\n .footer-links {\n align-items: flex-start;\n gap: 0.7rem;\n }\n\n .footer-links li a {\n font-size: 0.9rem;\n padding: 0.3rem 0;\n display: inline-block;\n }\n\n .footer-links li a::after {\n display: none;\n }\n\n .footer-links li a:hover {\n padding-left: 0;\n transform: translateX(0);\n }\n\n .newsletter-section {\n display: block;\n grid-column: 1 \/ -1;\n margin-top: 1.5rem;\n }\n\n .newsletter-section h3 {\n font-size: 1.1rem;\n margin-bottom: 1rem;\n font-weight: 800;\n color: #fff;\n }\n\n .newsletter-section p {\n font-size: 0.85rem;\n color: rgba(255, 255, 255, 0.6);\n margin-bottom: 0.8rem;\n line-height: 1.5;\n }\n\n .newsletter-form {\n display: flex;\n flex-direction: column;\n gap: 0.8rem;\n }\n\n .newsletter-input {\n width: 100%;\n padding: 0.9rem 1rem;\n border-radius: 10px;\n border: 1px solid rgba(0, 102, 255, 0.3);\n background: rgba(15, 15, 15, 0.6);\n color: #fff;\n font-size: 0.95rem;\n outline: none;\n transition: all 0.3s ease;\n }\n\n .newsletter-input::placeholder {\n color: rgba(255, 255, 255, 0.4);\n }\n\n .newsletter-input:focus {\n border-color: #0066ff;\n background: rgba(15, 15, 15, 0.8);\n }\n\n .newsletter-button {\n width: 100%;\n padding: 0.9rem;\n border-radius: 10px;\n border: none;\n background: linear-gradient(135deg, #0066ff, #00a8ff);\n color: #fff;\n font-size: 0.95rem;\n font-weight: 700;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .newsletter-button:active {\n transform: scale(0.98);\n box-shadow: 0 5px 20px rgba(0, 102, 255, 0.4);\n }\n\n .footer-bottom {\n text-align: center;\n padding: 1.5rem 5%;\n border-top: 1px solid rgba(255, 255, 255, 0.08);\n }\n\n .copyright {\n font-size: 0.85rem;\n line-height: 1.6;\n }\n }\n\n @media (max-width: 480px) {\n .footer-grid {\n gap: 2rem 1.5rem;\n }\n\n .footer-column h3 {\n font-size: 1rem;\n }\n\n .footer-links li a {\n font-size: 0.85rem;\n }\n\n .social-link {\n width: 40px;\n height: 40px;\n }\n\n .newsletter-section h3 {\n font-size: 1rem;\n }\n\n .newsletter-input,\n .newsletter-button {\n font-size: 0.9rem;\n padding: 0.85rem;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n *, *::before, *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n }\n\n @media (hover: none) and (pointer: coarse) {\n .social-link:hover {\n transform: none;\n }\n\n .social-link:active {\n transform: scale(0.95);\n box-shadow: 0 8px 20px rgba(0, 102, 255, 0.4);\n }\n\n .footer-links li a:hover {\n transform: none;\n }\n\n .footer-links li a:active {\n color: #fff;\n }\n\n .logo:hover {\n transform: none;\n }\n\n .logo:active .logo-icon {\n transform: scale(0.95);\n }\n }\n \n \/* Show mobile menu on small desktop screens and when zoomed in *\/\n@media (max-width: 1350px) {\n .gooey-nav-container,\n .header-buttons {\n display: none !important;\n }\n \n .mobile-menu-btn {\n display: flex !important;\n }\n}\n\n\/* Remove glow from pricing buttons *\/\n.pricing-section .cta-button {\n box-shadow: none !important;\n}\n\n.pricing-section .cta-button:hover {\n box-shadow: none !important;\n}\n\n.pricing-section .pricing-card.featured .cta-button {\n box-shadow: none !important;\n}\n\n.pricing-section .pricing-card.featured .cta-button:hover {\n box-shadow: none !important;\n} \n\n \n \n \/* ===== MAKE PRICING TEXT BIGGER - MOBILE ONLY ===== *\/\n@media (max-width: 768px) {\n \/* Plan name (1 Month, 3 Months, etc.) *\/\n .plan-name {\n font-size: 2.5rem !important;\n font-weight: 900 !important;\n margin-bottom: 1.5rem !important;\n letter-spacing: -1.5px !important;\n }\n \n \/* Price number (9.99, 25.99, etc.) *\/\n .price {\n font-size: 4.5rem !important;\n font-weight: 900 !important;\n letter-spacing: -4px !important;\n }\n \n \/* Currency symbol (\u20ac, $, \u00a3) *\/\n .currency {\n font-size: 2.5rem !important;\n font-weight: 800 !important;\n }\n \n \/* Period text (per month, total price) *\/\n .period {\n font-size: 1.3rem !important;\n font-weight: 600 !important;\n }\n \n \/* Monthly price breakdown (\u20ac8.66\/month) *\/\n .monthly-price {\n font-size: 1.1rem !important;\n font-weight: 700 !important;\n }\n \n \/* Save badge *\/\n .save-badge {\n font-size: 1rem !important;\n padding: 0.7rem 1.5rem !important;\n font-weight: 900 !important;\n }\n}\n\n@media (max-width: 480px) {\n \/* Slightly smaller for very small phones *\/\n .plan-name {\n font-size: 2.2rem !important;\n }\n \n .price {\n font-size: 4rem !important;\n }\n \n .currency {\n font-size: 2.2rem !important;\n }\n \n .period {\n font-size: 1.2rem !important;\n }\n \n .monthly-price {\n font-size: 1rem !important;\n }\n}\n\/* ===== END MOBILE ONLY BIGGER TEXT ===== *\/\n\n\/* ===== PRICING MOBILE FIX - PHONES ONLY ===== *\/\n@media (max-width: 768px) {\n \/* Sharp text for pricing section only *\/\n .pricing-section .pricing-card,\n .pricing-section .pricing-card *,\n .pricing-section .plan-name,\n .pricing-section .price,\n .pricing-section .currency,\n .pricing-section .period,\n .pricing-section .monthly-price,\n .pricing-section .save-badge,\n .pricing-section .feature-text {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n text-rendering: optimizeLegibility;\n }\n \n \/* Remove blur from pricing cards only *\/\n .pricing-section .pricing-card {\n backdrop-filter: none;\n -webkit-backdrop-filter: none;\n filter: none;\n transform: translateZ(0);\n }\n \n \/* White price text in pricing section only *\/\n .pricing-section .price {\n background: none;\n -webkit-background-clip: unset;\n -webkit-text-fill-color: #ffffff;\n color: #ffffff;\n font-weight: 900;\n text-shadow: none;\n }\n \n \/* Disable animations *\/\n .pricing-section .pricing-card {\n animation: none;\n transform: none;\n }\n \n .pricing-section .pricing-card:hover {\n transform: translateY(-5px);\n }\n \n .pricing-section .pricing-card::before,\n .pricing-section .pricing-card::after {\n display: none;\n }\n}\n\/* ===== END PRICING MOBILE FIX ===== *\/\n \n <\/style>\n<\/head>\n<body>\n <section id=\"page1\">\n\n <\/section>\n \n <section>\n <header id=\"header\">\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/\" style=\"text-decoration: none;\">\n <div class=\"logo\">\n <div class=\"logo-icon\"><\/div>\n <div class=\"logo-text\">\n <span class=\"logo-main\">StreamEZ<\/span>\n <span class=\"logo-tagline\">PREMIUM IPTV<\/span>\n <\/div>\n <\/div>\n <\/a>\n \n <div class=\"gooey-nav-container\" id=\"gooeyNav\">\n <nav>\n <ul>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/\">Home<\/a><\/li>\n <li class=\"active\"><a href=\"#pricing\">Pricing<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/faq\/\">FAQ<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/iptv-guide\/\">Guide<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/channels-list\/\">Channels<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/contact\/\">Support<\/a><\/li>\n <\/ul>\n <\/nav>\n <span class=\"effect filter\"><\/span>\n <span class=\"effect text\"><\/span>\n <\/div>\n\n <div class=\"header-buttons\">\n <a href=\"https:\/\/web.whatsapp.com\/send?phone=212688196707\" class=\"btn btn-trial\"><span>\ud83c\udf81 Free Trial<\/span><\/a>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/pricing\/\" class=\"btn btn-subscribe\"><span>Subscribe Now<\/span><\/a>\n <\/div>\n\n <div class=\"mobile-menu-btn\" id=\"menuBtn\">\n <span><\/span>\n <span><\/span>\n <span><\/span>\n <\/div>\n <\/header>\n\n <div class=\"menu-overlay\" id=\"menuOverlay\"><\/div>\n <div class=\"mobile-menu\" id=\"mobileMenu\">\n <div class=\"mobile-menu-header\">\n <div class=\"mobile-menu-logo\">\n <div class=\"logo-icon\"><\/div>\n <div class=\"logo-text\">\n <span class=\"logo-main\">StreamEZ<\/span>\n <span class=\"logo-tagline\">PREMIUM IPTV<\/span>\n <\/div>\n <\/div>\n <\/div>\n <nav>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/\">Home<\/a>\n <a href=\"#pricing\">Pricing<\/a>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/faq\/\">FAQ<\/a>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/iptv-guide\/\">Guide<\/a>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/channels-list\/\">Channels<\/a>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/contact\/\">Support<\/a>\n <\/nav>\n <\/div>\n\n <script>\n \/\/ Gooey Navigation - FIXED VERSION\n class GooeyNav {\n constructor(container, options = {}) {\n this.container = container;\n this.nav = container.querySelector('nav ul');\n this.filterEffect = container.querySelector('.effect.filter');\n this.textEffect = container.querySelector('.effect.text');\n this.items = Array.from(this.nav.querySelectorAll('li'));\n \n \/\/ Find which item actually has the active class\n const activeItem = this.nav.querySelector('li.active');\n this.activeIndex = activeItem ? this.items.indexOf(activeItem) : 0;\n \n this.options = {\n animationTime: options.animationTime || 600,\n particleCount: options.particleCount || 15,\n particleDistances: options.particleDistances || [90, 10],\n particleR: options.particleR || 100,\n timeVariance: options.timeVariance || 300,\n colors: options.colors || [1, 2, 3, 1, 2, 3, 1, 4]\n };\n \n this.init();\n }\n \n init() {\n \/\/ Update effect position for the active item (whichever it is)\n const currentActive = this.items[this.activeIndex];\n if (currentActive) {\n this.updateEffectPosition(currentActive);\n this.textEffect.classList.add('active');\n }\n \n this.items.forEach((item, index) => {\n item.addEventListener('click', (e) => this.handleClick(e, index));\n });\n \n window.addEventListener('resize', () => {\n const currentActive = this.items[this.activeIndex];\n if (currentActive) {\n this.updateEffectPosition(currentActive);\n }\n });\n }\n \n noise(n = 1) {\n return n \/ 2 - Math.random() * n;\n }\n \n getXY(distance, pointIndex, totalPoints) {\n const angle = ((360 + this.noise(8)) \/ totalPoints) * pointIndex * (Math.PI \/ 180);\n return [distance * Math.cos(angle), distance * Math.sin(angle)];\n }\n \n createParticle(i, t, d, r) {\n let rotate = this.noise(r \/ 10);\n return {\n start: this.getXY(d[0], this.options.particleCount - i, this.options.particleCount),\n end: this.getXY(d[1] + this.noise(7), this.options.particleCount - i, this.options.particleCount),\n time: t,\n scale: 1 + this.noise(0.2),\n color: this.options.colors[Math.floor(Math.random() * this.options.colors.length)],\n rotate: rotate > 0 ? (rotate + r \/ 20) * 10 : (rotate - r \/ 20) * 10\n };\n }\n \n makeParticles(element) {\n const d = this.options.particleDistances;\n const r = this.options.particleR;\n const bubbleTime = this.options.animationTime * 2 + this.options.timeVariance;\n element.style.setProperty('--time', `${bubbleTime}ms`);\n \n for (let i = 0; i < this.options.particleCount; i++) {\n const t = this.options.animationTime * 2 + this.noise(this.options.timeVariance * 2);\n const p = this.createParticle(i, t, d, r);\n element.classList.remove('active');\n \n setTimeout(() => {\n const particle = document.createElement('span');\n const point = document.createElement('span');\n particle.classList.add('particle');\n particle.style.setProperty('--start-x', `${p.start[0]}px`);\n particle.style.setProperty('--start-y', `${p.start[1]}px`);\n particle.style.setProperty('--end-x', `${p.end[0]}px`);\n particle.style.setProperty('--end-y', `${p.end[1]}px`);\n particle.style.setProperty('--time', `${p.time}ms`);\n particle.style.setProperty('--scale', `${p.scale}`);\n particle.style.setProperty('--color', `var(--color-${p.color}, white)`);\n particle.style.setProperty('--rotate', `${p.rotate}deg`);\n \n point.classList.add('point');\n particle.appendChild(point);\n element.appendChild(particle);\n \n requestAnimationFrame(() => {\n element.classList.add('active');\n });\n \n setTimeout(() => {\n try {\n element.removeChild(particle);\n } catch {}\n }, t);\n }, 30);\n }\n }\n \n updateEffectPosition(element) {\n const containerRect = this.container.getBoundingClientRect();\n const pos = element.getBoundingClientRect();\n \n const styles = {\n left: `${pos.x - containerRect.x}px`,\n top: `${pos.y - containerRect.y}px`,\n width: `${pos.width}px`,\n height: `${pos.height}px`\n };\n \n Object.assign(this.filterEffect.style, styles);\n Object.assign(this.textEffect.style, styles);\n this.textEffect.innerText = element.innerText;\n }\n \n handleClick(e, index) {\n const liEl = e.currentTarget;\n const link = liEl.querySelector('a');\n \n if (this.activeIndex === index) {\n if (link) {\n window.location.href = link.getAttribute('href');\n }\n return;\n }\n \n this.items[this.activeIndex].classList.remove('active');\n this.items[index].classList.add('active');\n this.activeIndex = index;\n \n this.updateEffectPosition(liEl);\n \n const particles = this.filterEffect.querySelectorAll('.particle');\n particles.forEach(p => this.filterEffect.removeChild(p));\n \n this.textEffect.classList.remove('active');\n void this.textEffect.offsetWidth;\n this.textEffect.classList.add('active');\n \n this.makeParticles(this.filterEffect);\n \n setTimeout(() => {\n if (link) {\n window.location.href = link.getAttribute('href');\n }\n }, 300);\n }\n }\n \n \/\/ Initialize GooeyNav\n const gooeyNavContainer = document.getElementById('gooeyNav');\n if (gooeyNavContainer) {\n new GooeyNav(gooeyNavContainer, {\n particleCount: 15,\n particleDistances: [90, 10],\n particleR: 100,\n animationTime: 600,\n timeVariance: 300,\n colors: [1, 2, 3, 1, 2, 3, 1, 4]\n });\n }\n\n \/\/ Mobile menu (keep your existing code)\n const menuBtn = document.getElementById('menuBtn');\n const mobileMenu = document.getElementById('mobileMenu');\n const menuOverlay = document.getElementById('menuOverlay');\n\n menuBtn.onclick = function() {\n menuBtn.classList.toggle('active');\n mobileMenu.classList.toggle('active');\n menuOverlay.classList.toggle('active');\n document.body.style.overflow = mobileMenu.classList.contains('active') ? 'hidden' : '';\n };\n\n menuOverlay.onclick = function() {\n menuBtn.classList.remove('active');\n mobileMenu.classList.remove('active');\n menuOverlay.classList.remove('active');\n document.body.style.overflow = '';\n };\n\n \/\/ Scroll effect (keep your existing code)\n window.addEventListener('scroll', () => {\n const header = document.getElementById('header');\n if (window.scrollY > 50) {\n header.classList.add('scrolled');\n } else {\n header.classList.remove('scrolled');\n }\n });\n<\/script>\n <\/section>\n \n <section id=\"page2\">\n <section class=\"how-to-buy-section\">\n <div class=\"how-to-buy-header\">\n \n <h2>How to <span class=\"gradient-text\">Get Started<\/span><\/h2>\n <p>Subscribe to StreamEZ in just 4 simple steps and start streaming instantly<\/p>\n <\/div>\n\n <div class=\"steps-container\">\n <div class=\"step-card\">\n <div class=\"step-number\">1<\/div>\n <h3 class=\"step-title\">Choose Your Plan<\/h3>\n <p class=\"step-description\">Select the subscription plan that best fits your needs from our flexible pricing options below.<\/p>\n <\/div>\n\n <div class=\"step-card\">\n <div class=\"step-number\">2<\/div>\n <h3 class=\"step-title\">Complete Payment<\/h3>\n <p class=\"step-description\">Click “Subscribe Now” and securely complete your payment through our encrypted checkout process.<\/p>\n <\/div>\n\n <div class=\"step-card\">\n <div class=\"step-number\">3<\/div>\n <h3 class=\"step-title\">Receive Credentials<\/h3>\n <p class=\"step-description\">Get your login credentials instantly via email after successful payment confirmation.<\/p>\n <\/div>\n\n <div class=\"step-card\">\n <div class=\"step-number\">4<\/div>\n <h3 class=\"step-title\">Start Streaming<\/h3>\n <p class=\"step-description\">Download your preferred IPTV app, enter your credentials, and enjoy unlimited entertainment!<\/p>\n <\/div>\n <\/div>\n \n\n <\/section>\n <\/section>\n \n <section id=\"page3\">\n <section class=\"pricing-section\">\n <div class=\"pricing-header\">\n <section id=\"pricing\">\n\n <h2>Choose Your <span class=\"gradient-text\">Perfect Plan<\/span><\/h2>\n <p>Unlock unlimited entertainment with crystal-clear streaming using Buy IPTV. All plans include premium features with instant activation.<\/p>\n \n \n <div class=\"payment-type-toggle\">\n <div class=\"toggle-container\">\n <button class=\"toggle-btn active\" data-type=\"once\">Pay Once<\/button>\n <button class=\"toggle-btn\" data-type=\"monthly\">Pay Monthly<\/button>\n <\/div>\n <\/div>\n \n <div class=\"currency-selector\">\n <div class=\"currency-status\" id=\"currencyStatus\">Select Currency<\/div>\n <div class=\"currency-buttons\">\n <button class=\"currency-btn active\" data-currency=\"EUR\" data-symbol=\"\u20ac\">\n <span class=\"currency-code\">EUR<\/span>\n <span class=\"currency-name\">Euro<\/span>\n <\/button>\n <button class=\"currency-btn\" data-currency=\"USD\" data-symbol=\"$\">\n <span class=\"currency-code\">USD<\/span>\n <span class=\"currency-name\">US Dollar<\/span>\n <\/button>\n <button class=\"currency-btn\" data-currency=\"GBP\" data-symbol=\"\u00a3\">\n <span class=\"currency-code\">GBP<\/span>\n <span class=\"currency-name\">British Pound<\/span>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n<div class=\"pricing-grid-container\">\n \n <div class=\"pricing-grid once-grid\" id=\"onceGrid\">\n \n <div class=\"pricing-card\" data-plan=\"1month\" data-base-price=\"9.99\" data-months=\"1\">\n <div class=\"card-header\">\n <div class=\"plan-name\">1 Month<\/div>\n <div class=\"plan-price\">\n <span class=\"currency\">\u20ac<\/span>\n <span class=\"price\">9.99<\/span>\n <\/div>\n <div class=\"period\">per month<\/div>\n <div class=\"monthly-price\" style=\"opacity: 0; pointer-events: none;\">\u20ac9.99\/month<\/div>\n <div class=\"save-badge\" style=\"opacity: 0; pointer-events: none;\">Save 0%<\/div>\n <\/div>\n\n <ul class=\"features-list\">\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">25,000+ Premium Channels<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">Full SD\/HD\/4K\/8K Support<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">10 Gbps Ultra-Fast Speed<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">105,000+ Movies & Series<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">All International Channels<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">TV Guide (EPG) Included<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">Instant Activation<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">24\/7 Premium Support<\/div>\n <\/li>\n <\/ul>\n\n <div class=\"payment-buttons\">\n <a href=\"#\" class=\"cta-button\" target=\"_blank\" rel=\"noopener noreferrer\">\n <span>\n <span class=\"button-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/>\n <line x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\"\/>\n <\/svg>\n <\/span>\n Continue with Card\n <\/span>\n <\/a>\n <a href=\"https:\/\/amplify.sell.app\/product\/website-technical-audit\" class=\"cta-button cta-button-secondary\" target=\"_blank\" rel=\"noopener noreferrer\">\n <span>\n <span class=\"button-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M7.076 21.337H2.47a.641.641 0 0 1-.633-.74L4.944.901C5.026.382 5.474 0 5.998 0h7.46c2.57 0 4.578.543 5.69 1.81 1.01 1.15 1.304 2.42 1.012 4.287-.023.143-.047.288-.077.437-.983 5.05-4.349 6.797-8.647 6.797h-2.19c-.524 0-.968.382-1.05.9l-1.12 7.106zm14.146-14.42a3.35 3.35 0 0 0-.607-.541c-.013.076-.026.175-.041.254-.93 4.778-4.005 7.201-9.138 7.201h-2.19a.563.563 0 0 0-.556.479l-1.187 7.527h-.506l-.24 1.516a.56.56 0 0 0 .554.647h3.882c.46 0 .85-.334.922-.788.06-.26.76-4.852.76-4.852a.927.927 0 0 1 .913-.788h.576c3.76 0 6.705-1.528 7.565-5.946.36-1.847.174-3.388-.777-4.471z\"\/>\n <\/svg>\n <\/span>\n Continue with PayPal\n <\/span>\n <\/a>\n<\/div>\n<\/div>\n \n \n <div class=\"pricing-card\" data-plan=\"3months\" data-base-price=\"25.99\" data-months=\"3\">\n <div class=\"card-header\">\n <div class=\"plan-name\">3 Months<\/div>\n <div class=\"plan-price\">\n <span class=\"currency\">\u20ac<\/span>\n <span class=\"price\">25.99<\/span>\n <\/div>\n <div class=\"period\">total price<\/div>\n <div class=\"monthly-price\">\u20ac8.66\/month<\/div>\n <div class=\"save-badge\">Save 13%<\/div>\n <\/div>\n\n <ul class=\"features-list\">\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">25,000+ Premium Channels<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">Full SD\/HD\/4K\/8K Support<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">10 Gbps Ultra-Fast Speed<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">105,000+ Movies & Series<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">All International Channels<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">TV Guide (EPG) Included<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">Instant Activation<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">24\/7 Premium Support<\/div>\n <\/li>\n <\/ul>\n\n<div class=\"payment-buttons\">\n <a href=\"#\" class=\"cta-button\" target=\"_blank\" rel=\"noopener noreferrer\">\n <span>\n <span class=\"button-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/>\n <line x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\"\/>\n <\/svg>\n <\/span>\n Continue with Card\n <\/span>\n <\/a>\n <a href=\"https:\/\/amplify.sell.app\/product\/market-research-keyword-strategy\" class=\"cta-button cta-button-secondary\" target=\"_blank\" rel=\"noopener noreferrer\">\n <span>\n <span class=\"button-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M7.076 21.337H2.47a.641.641 0 0 1-.633-.74L4.944.901C5.026.382 5.474 0 5.998 0h7.46c2.57 0 4.578.543 5.69 1.81 1.01 1.15 1.304 2.42 1.012 4.287-.023.143-.047.288-.077.437-.983 5.05-4.349 6.797-8.647 6.797h-2.19c-.524 0-.968.382-1.05.9l-1.12 7.106zm14.146-14.42a3.35 3.35 0 0 0-.607-.541c-.013.076-.026.175-.041.254-.93 4.778-4.005 7.201-9.138 7.201h-2.19a.563.563 0 0 0-.556.479l-1.187 7.527h-.506l-.24 1.516a.56.56 0 0 0 .554.647h3.882c.46 0 .85-.334.922-.788.06-.26.76-4.852.76-4.852a.927.927 0 0 1 .913-.788h.576c3.76 0 6.705-1.528 7.565-5.946.36-1.847.174-3.388-.777-4.471z\"\/>\n <\/svg>\n <\/span>\n Continue with PayPal\n <\/span>\n <\/a>\n<\/div>\n<\/div>\n\n \n <div class=\"pricing-card\" data-plan=\"6months\" data-base-price=\"35.99\" data-months=\"6\">\n <div class=\"card-header\">\n <div class=\"plan-name\">6 Months<\/div>\n <div class=\"plan-price\">\n <span class=\"currency\">\u20ac<\/span>\n <span class=\"price\">35.99<\/span>\n <\/div>\n <div class=\"period\">total price<\/div>\n <div class=\"monthly-price\">\u20ac6.00\/month<\/div>\n <div class=\"save-badge\">Save 40%<\/div>\n <\/div>\n\n <ul class=\"features-list\">\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">25,000+ Premium Channels<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">Full SD\/HD\/4K\/8K Support<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">10 Gbps Ultra-Fast Speed<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">105,000+ Movies & Series<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">All International Channels<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">TV Guide (EPG) Included<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">Instant Activation<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">24\/7 Premium Support<\/div>\n <\/li>\n <\/ul>\n \n<div class=\"payment-buttons\">\n <a href=\"#\" class=\"cta-button\" target=\"_blank\" rel=\"noopener noreferrer\">\n <span>\n <span class=\"button-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/>\n <line x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\"\/>\n <\/svg>\n <\/span>\n Continue with Card\n <\/span>\n <\/a>\n <a href=\"https:\/\/amplify.sell.app\/product\/on-page-content-optimization\" class=\"cta-button cta-button-secondary\" target=\"_blank\" rel=\"noopener noreferrer\">\n <span>\n <span class=\"button-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M7.076 21.337H2.47a.641.641 0 0 1-.633-.74L4.944.901C5.026.382 5.474 0 5.998 0h7.46c2.57 0 4.578.543 5.69 1.81 1.01 1.15 1.304 2.42 1.012 4.287-.023.143-.047.288-.077.437-.983 5.05-4.349 6.797-8.647 6.797h-2.19c-.524 0-.968.382-1.05.9l-1.12 7.106zm14.146-14.42a3.35 3.35 0 0 0-.607-.541c-.013.076-.026.175-.041.254-.93 4.778-4.005 7.201-9.138 7.201h-2.19a.563.563 0 0 0-.556.479l-1.187 7.527h-.506l-.24 1.516a.56.56 0 0 0 .554.647h3.882c.46 0 .85-.334.922-.788.06-.26.76-4.852.76-4.852a.927.927 0 0 1 .913-.788h.576c3.76 0 6.705-1.528 7.565-5.946.36-1.847.174-3.388-.777-4.471z\"\/>\n <\/svg>\n <\/span>\n Continue with PayPal\n <\/span>\n <\/a>\n<\/div>\n<\/div>\n\n \n <div class=\"pricing-card featured\" data-plan=\"12months\" data-base-price=\"49.99\" data-months=\"12\">\n <div class=\"card-header\">\n <div class=\"plan-name\">12 Months<\/div>\n <div class=\"plan-price\">\n <span class=\"currency\">\u20ac<\/span>\n <span class=\"price\">49.99<\/span>\n <\/div>\n <div class=\"period\">total price<\/div>\n <div class=\"monthly-price\">\u20ac4.17\/month<\/div>\n <div class=\"save-badge\">Save 58%<\/div>\n <\/div>\n\n <ul class=\"features-list\">\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">25,000+ Premium Channels<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">Full SD\/HD\/4K\/8K Support<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">10 Gbps Ultra-Fast Speed<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">105,000+ Movies & Series<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">All International Channels<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">TV Guide (EPG) Included<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">Instant Activation<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">24\/7 Premium Support<\/div>\n <\/li>\n <\/ul>\n\n <div class=\"payment-buttons\">\n <a href=\"#\" class=\"cta-button\" target=\"_blank\" rel=\"noopener noreferrer\">\n <span>\n <span class=\"button-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/>\n <line x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\"\/>\n <\/svg>\n <\/span>\n Continue with Card\n <\/span>\n <\/a>\n <a href=\"https:\/\/amplify.sell.app\/product\/organic-growth-performance-suite\" class=\"cta-button cta-button-secondary\" target=\"_blank\" rel=\"noopener noreferrer\">\n <span>\n <span class=\"button-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M7.076 21.337H2.47a.641.641 0 0 1-.633-.74L4.944.901C5.026.382 5.474 0 5.998 0h7.46c2.57 0 4.578.543 5.69 1.81 1.01 1.15 1.304 2.42 1.012 4.287-.023.143-.047.288-.077.437-.983 5.05-4.349 6.797-8.647 6.797h-2.19c-.524 0-.968.382-1.05.9l-1.12 7.106zm14.146-14.42a3.35 3.35 0 0 0-.607-.541c-.013.076-.026.175-.041.254-.93 4.778-4.005 7.201-9.138 7.201h-2.19a.563.563 0 0 0-.556.479l-1.187 7.527h-.506l-.24 1.516a.56.56 0 0 0 .554.647h3.882c.46 0 .85-.334.922-.788.06-.26.76-4.852.76-4.852a.927.927 0 0 1 .913-.788h.576c3.76 0 6.705-1.528 7.565-5.946.36-1.847.174-3.388-.777-4.471z\"\/>\n <\/svg>\n <\/span>\n Continue with PayPal\n <\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"pricing-grid monthly-grid hidden\" id=\"monthlyGrid\">\n \n <div class=\"pricing-card\" data-plan=\"monthly-1month\" data-base-price=\"7.99\" data-months=\"1\" data-recurring=\"true\">\n <div class=\"card-header\">\n <div class=\"plan-name\">Monthly<\/div>\n <div class=\"plan-price\">\n <span class=\"currency\">\u20ac<\/span>\n <span class=\"price\">7.99<\/span>\n <\/div>\n <div class=\"period\">per month<\/div>\n <div class=\"monthly-price\">Billed monthly<\/div>\n <div class=\"save-badge\" style=\"opacity: 0; pointer-events: none;\">Save 0%<\/div>\n <\/div>\n\n <ul class=\"features-list\">\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">25,000+ Premium Channels<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">Full SD\/HD\/4K\/8K Support<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">10 Gbps Ultra-Fast Speed<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">105,000+ Movies & Series<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">All International Channels<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">TV Guide (EPG) Included<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">Instant Activation<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">24\/7 Premium Support<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">Cancel Anytime<\/div>\n <\/li>\n <\/ul>\n\n <div class=\"payment-buttons\">\n <a href=\"#\" class=\"cta-button\" target=\"_blank\" rel=\"noopener noreferrer\">\n <span>\n <span class=\"button-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/>\n <line x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\"\/>\n <\/svg>\n <\/span>\n Subscribe Monthly\n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"pricing-card featured\" data-plan=\"monthly-yearly\" data-base-price=\"4.99\" data-months=\"1\" data-recurring=\"true\">\n <div class=\"card-header\">\n <div class=\"plan-name\">Yearly Subscription<\/div>\n <div class=\"plan-price\">\n <span class=\"currency\">\u20ac<\/span>\n <span class=\"price\">4.99<\/span>\n <\/div>\n <div class=\"period\">per month<\/div>\n <div class=\"monthly-price\">Billed monthly for 12 months<\/div>\n <div class=\"save-badge\">Save 38%<\/div>\n <\/div>\n\n <ul class=\"features-list\">\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">25,000+ Premium Channels<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">Full SD\/HD\/4K\/8K Support<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">10 Gbps Ultra-Fast Speed<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">105,000+ Movies & Series<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">All International Channels<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">TV Guide (EPG) Included<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">Instant Activation<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">24\/7 Premium Support<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">12 Month Commitment<\/div>\n <\/li>\n <\/ul>\n\n <div class=\"payment-buttons\">\n <a href=\"#\" class=\"cta-button\" target=\"_blank\" rel=\"noopener noreferrer\">\n <span>\n <span class=\"button-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/>\n <line x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\"\/>\n <\/svg>\n <\/span>\n Subscribe Yearly\n <\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n<div class=\"divider-glow-animated\"><\/div>\n\n<div class=\"trial-section\">\n<a href=\"https:\/\/web.whatsapp.com\/send?phone=212688196707&text=I%20want%20a%2024h%20free%20trial\" class=\"trial-button\" target=\"_blank\" rel=\"noopener noreferrer\">\n <span>Start 24H Free Trial<\/span>\n \n<\/a>\n<\/div>\n\n\n \n <div class=\"pricing-grid monthly-grid hidden\" id=\"monthlyGrid\">\n \n <div class=\"pricing-card\" data-plan=\"monthly-1month\" data-base-price=\"7.99\" data-months=\"1\" data-recurring=\"true\">\n <div class=\"card-header\">\n <div class=\"plan-name\">Monthly<\/div>\n <div class=\"plan-price\">\n <span class=\"currency\">\u20ac<\/span>\n <span class=\"price\">7.99<\/span>\n <\/div>\n <div class=\"period\">per month<\/div>\n <div class=\"monthly-price\">Billed monthly<\/div>\n <div class=\"save-badge\" style=\"opacity: 0; pointer-events: none;\">Save 0%<\/div>\n <\/div>\n\n <ul class=\"features-list\">\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">25,000+ Premium Channels<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">Full SD\/HD\/4K\/8K Support<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">10 Gbps Ultra-Fast Speed<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">105,000+ Movies & Series<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">All International Channels<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">TV Guide (EPG) Included<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">Instant Activation<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">24\/7 Premium Support<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">Cancel Anytime<\/div>\n <\/li>\n <\/ul>\n\n <div class=\"payment-buttons\">\n <a href=\"#\" class=\"cta-button\" target=\"_blank\" rel=\"noopener noreferrer\">\n <span>\n <span class=\"button-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/>\n <line x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\"\/>\n <\/svg>\n <\/span>\n Subscribe Monthly\n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"pricing-card featured\" data-plan=\"monthly-yearly\" data-base-price=\"4.99\" data-months=\"1\" data-recurring=\"true\">\n <div class=\"card-header\">\n <div class=\"plan-name\">Yearly Subscription<\/div>\n <div class=\"plan-price\">\n <span class=\"currency\">\u20ac<\/span>\n <span class=\"price\">4.99<\/span>\n <\/div>\n <div class=\"period\">per month<\/div>\n <div class=\"monthly-price\">Billed monthly for 12 months<\/div>\n <div class=\"save-badge\">Save 38%<\/div>\n <\/div>\n\n <ul class=\"features-list\">\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">25,000+ Premium Channels<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">Full SD\/HD\/4K\/8K Support<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">10 Gbps Ultra-Fast Speed<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">105,000+ Movies & Series<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">All International Channels<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">TV Guide (EPG) Included<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">Instant Activation<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">24\/7 Premium Support<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">12 Month Commitment<\/div>\n <\/li>\n <\/ul>\n\n <div class=\"payment-buttons\">\n <a href=\"#\" class=\"cta-button\" target=\"_blank\" rel=\"noopener noreferrer\">\n <span>\n <span class=\"button-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/>\n <line x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\"\/>\n <\/svg>\n <\/span>\n Subscribe Yearly\n <\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n\n\n\n <script>\n const API_URL = '\/wp-json\/currency\/v1\/rates';\n \n let exchangeRates = {\n EUR: 1,\n USD: 1.10,\n GBP: 0.85\n };\n\n let currentCurrency = 'EUR';\n let currentSymbol = '\u20ac';\n let currentPaymentType = 'once';\n\n async function fetchExchangeRates() {\n const statusEl = document.getElementById('currencyStatus');\n if (!statusEl) return;\n \n statusEl.textContent = 'Updating rates...';\n statusEl.classList.add('updating');\n \n try {\n const response = await fetch(API_URL);\n const data = await response.json();\n \n if (data.result === 'success') {\n exchangeRates = {\n EUR: 1,\n USD: data.conversion_rates.USD,\n GBP: data.conversion_rates.GBP\n };\n statusEl.textContent = 'Rates updated successfully';\n setTimeout(() => {\n statusEl.textContent = 'Select Currency';\n statusEl.classList.remove('updating');\n }, 2000);\n } else {\n throw new Error('API returned error');\n }\n } catch (error) {\n statusEl.textContent = 'Using default rates';\n setTimeout(() => {\n statusEl.textContent = 'Select Currency';\n statusEl.classList.remove('updating');\n }, 2000);\n }\n }\n\n function updatePrices(currency, symbol) {\n const activeGrid = currentPaymentType === 'once' ? document.getElementById('onceGrid') : document.getElementById('monthlyGrid');\n const cards = activeGrid.querySelectorAll('.pricing-card');\n \n cards.forEach(card => {\n const basePrice = parseFloat(card.getAttribute('data-base-price'));\n const months = parseInt(card.getAttribute('data-months'));\n const isRecurring = card.getAttribute('data-recurring') === 'true';\n const rate = exchangeRates[currency];\n \n const convertedPrice = (basePrice * rate).toFixed(2);\n \n const currencyEl = card.querySelector('.currency');\n if (currencyEl) currencyEl.textContent = symbol;\n \n const priceEl = card.querySelector('.price');\n if (priceEl) priceEl.textContent = convertedPrice;\n \n const monthlyPriceEl = card.querySelector('.monthly-price');\n if (monthlyPriceEl && monthlyPriceEl.textContent && !isRecurring) {\n const monthlyPrice = (convertedPrice \/ months).toFixed(2);\n monthlyPriceEl.textContent = `${symbol}${monthlyPrice}\/month`;\n }\n });\n \n currentCurrency = currency;\n currentSymbol = symbol;\n }\n\n function switchPaymentType(type) {\n currentPaymentType = type;\n const onceGrid = document.getElementById('onceGrid');\n const monthlyGrid = document.getElementById('monthlyGrid');\n \n if (type === 'once') {\n onceGrid.classList.remove('hidden');\n monthlyGrid.classList.add('hidden');\n } else {\n onceGrid.classList.add('hidden');\n monthlyGrid.classList.remove('hidden');\n }\n \n updatePrices(currentCurrency, currentSymbol);\n }\n\n function initPaymentToggle() {\n const toggleButtons = document.querySelectorAll('.toggle-btn');\n \n toggleButtons.forEach(button => {\n button.addEventListener('click', () => {\n toggleButtons.forEach(btn => btn.classList.remove('active'));\n button.classList.add('active');\n \n const type = button.getAttribute('data-type');\n switchPaymentType(type);\n });\n });\n }\n\n function initCurrencySelector() {\n const buttons = document.querySelectorAll('.currency-btn');\n \n buttons.forEach(button => {\n button.addEventListener('click', () => {\n buttons.forEach(btn => btn.classList.remove('active'));\n button.classList.add('active');\n \n const currency = button.getAttribute('data-currency');\n const symbol = button.getAttribute('data-symbol');\n \n updatePrices(currency, symbol);\n });\n });\n }\n\n document.addEventListener('DOMContentLoaded', () => {\n fetchExchangeRates();\n initPaymentToggle();\n initCurrencySelector();\n });\n <\/script>\n <\/section>\n \n <\/section>\n \n <section id=\"page6\">\n <section class=\"features-section\">\n <div class=\"features-header\">\n <h2>What You <span class=\"gradient-text\">Get<\/span><\/h2>\n <p>Every subscription includes premium features designed to deliver the ultimate streaming experience. No hidden fees, no compromises.<\/p>\n <\/div>\n\n <div class=\"features-grid\">\n <div class=\"feature-card\">\n <div class=\"icon-wrapper\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <rect x=\"2\" y=\"7\" width=\"20\" height=\"15\" rx=\"2\" stroke=\"url(#grad1)\" stroke-width=\"2\" fill=\"url(#grad1)\" fill-opacity=\"0.2\"\/>\n <path d=\"M17 2l-5 5-5-5\" stroke=\"url(#grad1)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <defs>\n <linearGradient id=\"grad1\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:#0066ff;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#00a8ff;stop-opacity:1\" \/>\n <\/linearGradient>\n <\/defs>\n <\/svg>\n <\/div>\n <h3 class=\"feature-title\">Unlimited Content<\/h3>\n <span class=\"feature-value\">130K+<\/span>\n <p class=\"feature-description\">Access to massive library of live channels and on-demand content<\/p>\n <ul class=\"feature-list\">\n <li>25,000+ Live TV Channels<\/li>\n <li>105,000+ Movies & Series<\/li>\n <li>Sports, News & Entertainment<\/li>\n <li>Daily Content Updates<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"feature-card\">\n <div class=\"icon-wrapper\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <polygon points=\"5 3 19 12 5 21 5 3\" stroke=\"url(#grad2)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"url(#grad2)\" fill-opacity=\"0.2\"\/>\n <defs>\n <linearGradient id=\"grad2\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:#0066ff;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#00a8ff;stop-opacity:1\" \/>\n <\/linearGradient>\n <\/defs>\n <\/svg>\n <\/div>\n <h3 class=\"feature-title\">Ultra HD Quality<\/h3>\n <span class=\"feature-value\">8K<\/span>\n <p class=\"feature-description\">Crystal-clear streaming with cutting-edge video technology<\/p>\n <ul class=\"feature-list\">\n <li>Up to 8K Ultra HD Resolution<\/li>\n <li>HDR & Dolby Vision Support<\/li>\n <li>Adaptive Bitrate Streaming<\/li>\n <li>Zero Buffering Technology<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"feature-card\">\n <div class=\"icon-wrapper\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"url(#grad3)\" stroke-width=\"2\" fill=\"url(#grad3)\" fill-opacity=\"0.2\"\/>\n <path d=\"M2 12h20M12 2a15.3 15.3 0 0 1 4 10 a15.3 15.3 0 0 1-4 10 a15.3 15.3 0 0 1-4-10 a15.3 15.3 0 0 1 4-10z\" stroke=\"url(#grad3)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <defs>\n <linearGradient id=\"grad3\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:#0066ff;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#00a8ff;stop-opacity:1\" \/>\n <\/linearGradient>\n <\/defs>\n <\/svg>\n <\/div>\n <h3 class=\"feature-title\">Global Access<\/h3>\n <span class=\"feature-value\">180+<\/span>\n <p class=\"feature-description\">Watch content from anywhere in the world, anytime<\/p>\n <ul class=\"feature-list\">\n <li>Channels from 180+ Countries<\/li>\n <li>Content in 40+ Languages<\/li>\n <li>International Sports Coverage<\/li>\n <li>Regional & Local Channels<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"feature-card\">\n <div class=\"icon-wrapper\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\" stroke=\"url(#grad4)\" stroke-width=\"2\" fill=\"url(#grad4)\" fill-opacity=\"0.2\"\/>\n <path d=\"M12 18h.01\" stroke=\"url(#grad4)\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <rect x=\"8\" y=\"6\" width=\"8\" height=\"8\" rx=\"1\" stroke=\"url(#grad4)\" stroke-width=\"1.5\"\/>\n <defs>\n <linearGradient id=\"grad4\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:#0066ff;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#00a8ff;stop-opacity:1\" \/>\n <\/linearGradient>\n <\/defs>\n <\/svg>\n <\/div>\n <h3 class=\"feature-title\">All Devices<\/h3>\n <span class=\"feature-value\">20+<\/span>\n <p class=\"feature-description\">Stream seamlessly on any device you own<\/p>\n <ul class=\"feature-list\">\n <li>Smart TV & Android TV<\/li>\n <li>iOS & Android Phones<\/li>\n <li>Fire Stick & Apple TV<\/li>\n <li>MAG Boxes & Web Browser<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"feature-card\">\n <div class=\"icon-wrapper\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M13 2L3 14h8l-1 8 10-12h-8l1-8z\" stroke=\"url(#grad5)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"url(#grad5)\" fill-opacity=\"0.2\"\/>\n <defs>\n <linearGradient id=\"grad5\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:#0066ff;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#00a8ff;stop-opacity:1\" \/>\n <\/linearGradient>\n <\/defs>\n <\/svg>\n <\/div>\n <h3 class=\"feature-title\">High Performance<\/h3>\n <span class=\"feature-value\">99.9%<\/span>\n <p class=\"feature-description\">Reliable service with industry-leading uptime<\/p>\n <ul class=\"feature-list\">\n <li>99.9% Uptime Guarantee<\/li>\n <li>50+ Global Server Locations<\/li>\n <li>10 Gbps Dedicated Bandwidth<\/li>\n <li>Instant Channel Switching<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"feature-card\">\n <div class=\"icon-wrapper\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"url(#grad6)\" stroke-width=\"2\" fill=\"url(#grad6)\" fill-opacity=\"0.2\"\/>\n <path d=\"M12 6v6l4 2\" stroke=\"url(#grad6)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <defs>\n <linearGradient id=\"grad6\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:#0066ff;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#00a8ff;stop-opacity:1\" \/>\n <\/linearGradient>\n <\/defs>\n <\/svg>\n <\/div>\n <h3 class=\"feature-title\">24\/7 Support<\/h3>\n <span class=\"feature-value\">Always<\/span>\n <p class=\"feature-description\">Round-the-clock assistance whenever you need it<\/p>\n <ul class=\"feature-list\">\n <li>24\/7 Customer Support<\/li>\n <li>Live Chat & Email Support<\/li>\n <li>Installation Assistance<\/li>\n <li>30-Day Money Back Guarantee<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n <\/section>\n \n <section id=\"page7\">\n <div class=\"reviews-container\">\n \n <div class=\"reviews-header\">\n <h2>Trusted by <span class=\"reviews-gradient-text\">Thousands<\/span><\/h2>\n <p>See why customers worldwide choose StreamEZ<\/p>\n <div class=\"reviews-live-counter\">\n <span class=\"reviews-live-dot\"><\/span>\n <span><strong id=\"reviews-activeUsers\">2,847<\/strong> people watching right now<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"reviews-trust-badges\">\n <div class=\"reviews-trust-badge\">\n <div class=\"reviews-trust-badge-logo reviews-trustpilot-logo\">Trustpilot<\/div>\n <div class=\"reviews-trust-badge-rating\">\n <span class=\"reviews-trust-stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n <span class=\"reviews-trust-score\">4.8<\/span>\n <\/div>\n <div class=\"reviews-trust-reviews\">8,500+ reviews<\/div>\n <\/div>\n\n <div class=\"reviews-trust-badge\">\n <div class=\"reviews-trust-badge-logo reviews-google-logo\">Google<\/div>\n <div class=\"reviews-trust-badge-rating\">\n <span class=\"reviews-trust-stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n <span class=\"reviews-trust-score\">4.9<\/span>\n <\/div>\n <div class=\"reviews-trust-reviews\">6,200+ reviews<\/div>\n <\/div>\n\n <div class=\"reviews-trust-badge\">\n <div class=\"reviews-trust-badge-logo reviews-reddit-logo\">Reddit<\/div>\n <div class=\"reviews-trust-badge-rating\">\n <span class=\"reviews-trust-stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n <span class=\"reviews-trust-score\">4.7<\/span>\n <\/div>\n <div class=\"reviews-trust-reviews\">3,800+ reviews<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"reviews-slider-container\">\n <div class=\"reviews-scroll-wrapper\">\n <div class=\"reviews-carousel\" id=\"reviewsCarousel\"><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"reviews-cta-container\">\n <a href=\"https:\/\/wa.me\/212688196707\" class=\"reviews-cta-btn\" target=\"_blank\" rel=\"noopener noreferrer\">\n <span>Share Your Experience<\/span>\n <\/a>\n <\/div>\n\n <\/div>\n\n <script>\n \/\/ Review data\n const reviewsData = [\n {\n avatar: \"MK\",\n name: \"Mohammed K.\",\n location: \"Dubai, UAE\",\n usage: \"6 Months User\",\n stars: 5,\n text: \"The whole family is super happy with it! Kids watch cartoons on the iPad, I watch series on TV, and my husband watches sports on his laptop. All simultaneously without any problems.\",\n tags: [\"Family Friendly\", \"Multi-Device\", \"Large Library\"],\n helpful: 701,\n date: \"2 weeks ago\"\n },\n {\n avatar: \"SA\",\n name: \"Sarah A.\",\n location: \"London, UK\",\n usage: \"3 Months User\",\n stars: 5,\n text: \"As an expat, this service is an absolute lifesaver! I can watch all my favorite shows from back home without any hassle. Setup took literally 5 minutes.\",\n tags: [\"Easy Setup\", \"International\", \"Multi-Device\"],\n helpful: 623,\n date: \"1 week ago\"\n },\n {\n avatar: \"TM\",\n name: \"Thomas M\u00fcller\",\n location: \"Berlin, Germany\",\n usage: \"6 Months User\",\n stars: 5,\n text: \"Been using for 6 months and absolutely thrilled! Zero buffering issues, even during Champions League matches. Customer support is extremely responsive.\",\n tags: [\"Reliable\", \"Top Support\", \"Bundesliga\"],\n helpful: 531,\n date: \"2 weeks ago\"\n },\n {\n avatar: \"KS\",\n name: \"Klaus Schmidt\",\n location: \"Munich, Germany\",\n usage: \"4 Months User\",\n stars: 5,\n text: \"Fantastic service! All German channels plus international sports in absolute best quality. Installation was child's play - even my 70-year-old father could set it up.\",\n tags: [\"Easy Setup\", \"Bundesliga\", \"Great Savings\"],\n helpful: 712,\n date: \"3 weeks ago\"\n },\n {\n avatar: \"LB\",\n name: \"Lukas Bauer\",\n location: \"Hamburg, Germany\",\n usage: \"8 Months User\",\n stars: 5,\n text: \"Perfect for sports fans! All Formula 1 races, Champions League and Bundesliga live without interruption. Crystal clear 4K quality and never any connection issues.\",\n tags: [\"4K Quality\", \"Formula 1\", \"Sports\"],\n helpful: 895,\n date: \"1 month ago\"\n },\n {\n avatar: \"JV\",\n name: \"Jan van Dijk\",\n location: \"Amsterdam, Netherlands\",\n usage: \"5 Months User\",\n stars: 5,\n text: \"Excellent service! All Dutch channels plus international sports events in perfect quality. Works perfectly on my Fire Stick and smartphone. Saving over \u20ac80 per month.\",\n tags: [\"Dutch TV\", \"Football\", \"Great Savings\"],\n helpful: 567,\n date: \"1 week ago\"\n },\n {\n avatar: \"SB\",\n name: \"Sophie Bakker\",\n location: \"Rotterdam, Netherlands\",\n usage: \"7 Months User\",\n stars: 5,\n text: \"The whole family is super happy with it! Kids watch cartoons on the iPad, I watch series on TV, and my husband watches sports on his laptop. All simultaneously.\",\n tags: [\"Family Friendly\", \"Multi-Device\", \"Large Library\"],\n helpful: 701,\n date: \"2 weeks ago\"\n },\n {\n avatar: \"PJ\",\n name: \"Pieter Janssen\",\n location: \"Utrecht, Netherlands\",\n usage: \"9 Months User\",\n stars: 5,\n text: \"Great picture quality and super reliable connection! Eredivisie and Champions League in HD without interruptions. Customer service is phenomenal.\",\n tags: [\"HD Quality\", \"Reliable\", \"Fast Support\"],\n helpful: 634,\n date: \"3 weeks ago\"\n },\n {\n avatar: \"AH\",\n name: \"Ahmed Hassan\",\n location: \"Cairo, Egypt\",\n usage: \"5 Months User\",\n stars: 5,\n text: \"Excellent service! All Arabic and sports channels in super high quality. Very easy to use and works on all devices without any problems. Saving over $1000 annually.\",\n tags: [\"Arabic Channels\", \"4K Quality\", \"Great Savings\"],\n helpful: 923,\n date: \"1 week ago\"\n },\n {\n avatar: \"LD\",\n name: \"Laurent Dubois\",\n location: \"Paris, France\",\n usage: \"6 Months User\",\n stars: 5,\n text: \"My whole family absolutely loves it! Kids watch cartoons on their tablets, I watch French channels on TV and my husband watches sports on his computer.\",\n tags: [\"Family\", \"Multi-Device\", \"Large Catalog\"],\n helpful: 789,\n date: \"1 week ago\"\n }\n ];\n\n \/\/ Create review cards HTML\n function createReviewCard(review) {\n return `\n <div class=\"reviews-review-card\">\n <div class=\"reviews-review-header\">\n <div class=\"reviews-reviewer-avatar\">${review.avatar}<\/div>\n <div class=\"reviews-reviewer-info\">\n <div class=\"reviews-reviewer-name\">${review.name}<\/div>\n <div class=\"reviews-reviewer-meta\">\n ${review.location}\n <div class=\"reviews-verified-badge\">\u2713 Verified Purchase<\/div>\n <div class=\"reviews-usage-badge\">${review.usage}<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"reviews-review-stars\">\n ${'<span class=\"reviews-star\">\u2605<\/span>'.repeat(review.stars)}\n <\/div>\n <div class=\"reviews-review-text\">${review.text}<\/div>\n <div class=\"reviews-review-tags\">\n ${review.tags.map(tag => `<span class=\"reviews-review-tag\">${tag}<\/span>`).join('')}\n <\/div>\n <div class=\"reviews-review-helpful\">\n <div class=\"reviews-helpful-count\"><strong>${review.helpful}<\/strong> found this helpful<\/div>\n <div class=\"reviews-review-date\">${review.date}<\/div>\n <\/div>\n <\/div>\n `;\n }\n\n \/\/ Initialize carousel with 5 copies for infinite loop\n const reviewsCarousel = document.getElementById('reviewsCarousel');\n const reviewsHTML = reviewsData.map(createReviewCard).join('');\n reviewsCarousel.innerHTML = reviewsHTML + reviewsHTML + reviewsHTML + reviewsHTML + reviewsHTML;\n\n \/\/ Smooth infinite scroll functionality\n const reviewsWrapper = document.querySelector('.reviews-scroll-wrapper');\n let reviewsUserInteracted = false;\n let reviewsAutoScrollInterval;\n\n const reviewsItems = reviewsCarousel.querySelectorAll('.reviews-review-card');\n const reviewsItemWidth = reviewsItems[0].offsetWidth + 24; \/\/ card width + gap\n const reviewsTotalOriginalItems = reviewsData.length;\n const reviewsSingleSetWidth = reviewsItemWidth * reviewsTotalOriginalItems;\n\n \/\/ Set initial position to middle copy\n reviewsWrapper.scrollLeft = reviewsSingleSetWidth * 2;\n\n function startReviewsAutoScroll() {\n if (reviewsAutoScrollInterval) {\n clearInterval(reviewsAutoScrollInterval);\n }\n\n let reviewsCurrentScroll = reviewsWrapper.scrollLeft;\n\n reviewsAutoScrollInterval = setInterval(() => {\n if (reviewsUserInteracted) return;\n\n reviewsCurrentScroll += 1;\n reviewsWrapper.scrollLeft = reviewsCurrentScroll;\n\n \/\/ Check if we need to loop back\n const reviewsMaxScroll = reviewsWrapper.scrollWidth - reviewsWrapper.clientWidth;\n if (reviewsCurrentScroll >= reviewsMaxScroll - reviewsItemWidth) {\n reviewsWrapper.scrollLeft = reviewsSingleSetWidth * 2;\n reviewsCurrentScroll = reviewsSingleSetWidth * 2;\n } else if (reviewsCurrentScroll <= reviewsSingleSetWidth) {\n reviewsWrapper.scrollLeft = reviewsSingleSetWidth * 3;\n reviewsCurrentScroll = reviewsSingleSetWidth * 3;\n }\n }, 16);\n }\n\n \/\/ Drag functionality\n let reviewsIsDragging = false;\n let reviewsStartX;\n let reviewsScrollLeft;\n let reviewsVelocity = 0;\n let reviewsLastX = 0;\n let reviewsLastTime = Date.now();\n let reviewsAnimationFrame;\n\n reviewsWrapper.addEventListener('mousedown', (e) => {\n reviewsIsDragging = true;\n reviewsStartX = e.pageX - reviewsWrapper.offsetLeft;\n reviewsScrollLeft = reviewsWrapper.scrollLeft;\n reviewsLastX = e.pageX;\n reviewsLastTime = Date.now();\n reviewsVelocity = 0;\n reviewsWrapper.style.cursor = 'grabbing';\n reviewsUserInteracted = true;\n if (reviewsAnimationFrame) cancelAnimationFrame(reviewsAnimationFrame);\n });\n\n reviewsWrapper.addEventListener('mouseleave', () => {\n if (reviewsIsDragging) {\n reviewsIsDragging = false;\n reviewsWrapper.style.cursor = 'grab';\n applyReviewsMomentum();\n }\n });\n\n reviewsWrapper.addEventListener('mouseup', () => {\n if (reviewsIsDragging) {\n reviewsIsDragging = false;\n reviewsWrapper.style.cursor = 'grab';\n applyReviewsMomentum();\n }\n });\n\n reviewsWrapper.addEventListener('mousemove', (e) => {\n if (!reviewsIsDragging) return;\n e.preventDefault();\n\n const x = e.pageX - reviewsWrapper.offsetLeft;\n const walk = (x - reviewsStartX) * 1.5;\n reviewsWrapper.scrollLeft = reviewsScrollLeft - walk;\n\n \/\/ Calculate velocity\n const now = Date.now();\n const dt = now - reviewsLastTime;\n const dx = e.pageX - reviewsLastX;\n reviewsVelocity = dx \/ dt;\n reviewsLastX = e.pageX;\n reviewsLastTime = now;\n });\n\n function applyReviewsMomentum() {\n if (Math.abs(reviewsVelocity) > 0.1) {\n reviewsWrapper.scrollLeft -= reviewsVelocity * 20;\n reviewsVelocity *= 0.95;\n reviewsAnimationFrame = requestAnimationFrame(applyReviewsMomentum);\n } else {\n setTimeout(() => {\n reviewsUserInteracted = false;\n startReviewsAutoScroll();\n }, 3000);\n }\n }\n\n \/\/ Handle infinite loop on scroll\n reviewsWrapper.addEventListener('scroll', () => {\n if (reviewsWrapper.scrollLeft <= reviewsSingleSetWidth) {\n reviewsWrapper.scrollLeft = reviewsSingleSetWidth * 3;\n } else if (reviewsWrapper.scrollLeft >= reviewsSingleSetWidth * 4) {\n reviewsWrapper.scrollLeft = reviewsSingleSetWidth * 2;\n }\n });\n\n \/\/ Touch support\n let reviewsTouchStartX = 0;\n let reviewsTouchScrollLeft = 0;\n\n reviewsWrapper.addEventListener('touchstart', (e) => {\n reviewsTouchStartX = e.touches[0].pageX;\n reviewsTouchScrollLeft = reviewsWrapper.scrollLeft;\n reviewsUserInteracted = true;\n });\n\n reviewsWrapper.addEventListener('touchend', () => {\n setTimeout(() => {\n reviewsUserInteracted = false;\n startReviewsAutoScroll();\n }, 3000);\n });\n\n \/\/ Start auto-scroll\n startReviewsAutoScroll();\n\n \/\/ Initialize counter with random value on page load\n const reviewsInitialCount = Math.floor(Math.random() * (5000 - 100 + 1)) + 100;\n document.getElementById('reviews-activeUsers').textContent = reviewsInitialCount.toLocaleString();\n\n \/\/ Update counter every 10 seconds with new random value\n setInterval(() => {\n const reviewsRandomNumber = Math.floor(Math.random() * (5000 - 100 + 1)) + 100;\n document.getElementById('reviews-activeUsers').textContent = reviewsRandomNumber.toLocaleString();\n }, 10000);\n <\/script>\n <\/section>\n \n <section id=\"page8\">\n <section class=\"security-section\">\n <div class=\"security-container\">\n <div class=\"security-header\">\n <h2>Trusted & <span class=\"gradient-text\">Certified Security<\/span><\/h2>\n <p>Your security and privacy are our top priority. Protected by industry-leading encryption and compliance standards.<\/p>\n <\/div>\n\n <div class=\"security-grid\">\n <div class=\"security-card\">\n <div class=\"security-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <rect x=\"5\" y=\"11\" width=\"14\" height=\"10\" rx=\"2\" stroke=\"url(#grad1)\" stroke-width=\"2\" fill=\"url(#grad1)\" fill-opacity=\"0.2\"\/>\n <circle cx=\"12\" cy=\"16\" r=\"1\" fill=\"url(#grad1)\"\/>\n <path d=\"M12 11V7a3 3 0 1 1 6 0v4\" stroke=\"url(#grad1)\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <defs>\n <linearGradient id=\"grad1\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:#0066ff;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#00a8ff;stop-opacity:1\" \/>\n <\/linearGradient>\n <\/defs>\n <\/svg>\n <\/div>\n <h3 class=\"security-title\">256-Bit SSL<\/h3>\n <p class=\"security-description\">Military-grade encryption protects all your data<\/p>\n <\/div>\n\n <div class=\"security-card\">\n <div class=\"security-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\" stroke=\"url(#grad2)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"url(#grad2)\" fill-opacity=\"0.2\"\/>\n <path d=\"M9 12l2 2 4-4\" stroke=\"url(#grad2)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <defs>\n <linearGradient id=\"grad2\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:#0066ff;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#00a8ff;stop-opacity:1\" \/>\n <\/linearGradient>\n <\/defs>\n <\/svg>\n <\/div>\n <h3 class=\"security-title\">PCI DSS Compliant<\/h3>\n <p class=\"security-description\">Payment Card Industry certified security<\/p>\n <\/div>\n\n <div class=\"security-card\">\n <div class=\"security-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"url(#grad3)\" stroke-width=\"2\" fill=\"url(#grad3)\" fill-opacity=\"0.2\"\/>\n <path d=\"M9 12l2 2 4-4\" stroke=\"url(#grad3)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <defs>\n <linearGradient id=\"grad3\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:#0066ff;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#00a8ff;stop-opacity:1\" \/>\n <\/linearGradient>\n <\/defs>\n <\/svg>\n <\/div>\n <h3 class=\"security-title\">Verified Service<\/h3>\n <p class=\"security-description\">Trusted by thousands of satisfied customers<\/p>\n <\/div>\n\n <div class=\"security-card\">\n <div class=\"security-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" stroke=\"url(#grad4)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"url(#grad4)\" fill-opacity=\"0.2\"\/>\n <defs>\n <linearGradient id=\"grad4\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:#0066ff;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#00a8ff;stop-opacity:1\" \/>\n <\/linearGradient>\n <\/defs>\n <\/svg>\n <\/div>\n <h3 class=\"security-title\">99.9% Uptime<\/h3>\n <p class=\"security-description\">Guaranteed reliability and availability<\/p>\n <\/div>\n\n <div class=\"security-card\">\n <div class=\"security-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"url(#grad5)\" stroke-width=\"2\" fill=\"url(#grad5)\" fill-opacity=\"0.2\"\/>\n <path d=\"M12 6v6l4 2\" stroke=\"url(#grad5)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <defs>\n <linearGradient id=\"grad5\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:#0066ff;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#00a8ff;stop-opacity:1\" \/>\n <\/linearGradient>\n <\/defs>\n <\/svg>\n <\/div>\n <h3 class=\"security-title\">24\/7 Support<\/h3>\n <p class=\"security-description\">Round-the-clock assistance anytime<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/section>\n \n <section id=\"page9\">\n <footer>\n <div class=\"footer-content\">\n <div class=\"footer-grid\">\n <div class=\"footer-brand\">\n <div class=\"logo\">\n <div class=\"logo-icon\"><\/div>\n <div class=\"logo-text\">\n <span class=\"logo-main\">StreamEZ<\/span>\n <span class=\"logo-tagline\">PREMIUM IPTV<\/span>\n <\/div>\n <\/div>\n <p class=\"footer-description\">\n Stream 30,000+ live channels and 105,000+ movies & series in stunning 4K quality. Your ultimate entertainment destination on any device, anytime, anywhere.\n <\/p>\n <div class=\"social-links\">\n <a href=\"https:\/\/x.com\/iptv_kaufen\" class=\"social-link\" aria-label=\"X (Twitter)\" target=\"_blank\">\n <svg width=\"18\" height=\"18\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/www.pinterest.com\/KoopIPTV\/\" class=\"social-link\" aria-label=\"Pinterest\" target=\"_blank\">\n <svg width=\"18\" height=\"18\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/web.whatsapp.com\/send?phone=212688196707\" class=\"social-link\" aria-label=\"WhatsApp\" target=\"_blank\">\n <svg width=\"18\" height=\"18\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/t.me\/IPTVSubscription\" class=\"social-link\" aria-label=\"Telegram\" target=\"_blank\">\n <svg width=\"18\" height=\"18\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n \n <div class=\"footer-column\">\n <h3>Quick Links<\/h3>\n <ul class=\"footer-links\">\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/\">Home<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/about\/\">About Us<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/faq\/\">FAQ<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/contact\/\">Contact Us<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"footer-column\">\n <h3>Services<\/h3>\n <ul class=\"footer-links\">\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/pricing\/\">Pricing<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/Channels-list\/\">Channels List<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/iptv-guide\/\">IPTV Guide<\/a><\/li>\n <li><a href=\"https:\/\/web.whatsapp.com\/send?phone=212688196707\" target=\"_blank\">Free Trial<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"footer-column\">\n <h3>Partnership<\/h3>\n <ul class=\"footer-links\">\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/reseller-program\/\">Reseller Program<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/affiliate-program\/\">Affiliate Program<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"footer-column\">\n <h3>Legal<\/h3>\n <ul class=\"footer-links\">\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/terms-of-service\/\">Terms of Service<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/privacy-policy\/\">Privacy Policy<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"newsletter-section\">\n <h3>Subscribe<\/h3>\n <p>Get updates and exclusive offers delivered to your inbox!<\/p>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/pricing\/\" class=\"newsletter-button\" style=\"display: block; text-align: center; text-decoration: none; padding: 0.9rem; border-radius: 10px; background: linear-gradient(135deg, #0066ff, #c0c0c0); color: #fff; font-size: 0.95rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px;\">Subscribe<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"footer-bottom\">\n <p class=\"copyright\">\u00a9 2025 StreamEZ. All rights reserved.<\/p>\n <\/div>\n <\/footer>\n\n <script>\n \/\/ Smooth scroll for footer links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\n });\n\n \/\/ Track mouse position for interactive effects\n const footerBrand = document.querySelector('.footer-brand');\n if (footerBrand) {\n footerBrand.addEventListener('mousemove', (e) => {\n const rect = footerBrand.getBoundingClientRect();\n const x = ((e.clientX - rect.left) \/ rect.width) * 100;\n const y = ((e.clientY - rect.top) \/ rect.height) * 100;\n footerBrand.style.setProperty('--x', `${x}%`);\n footerBrand.style.setProperty('--y', `${y}%`);\n });\n }\n\n \/\/ Add stagger animation on scroll\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.animationPlayState = 'running';\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.footer-column').forEach(column => {\n column.style.animationPlayState = 'paused';\n observer.observe(column);\n });\n <\/script>\n <\/section>\n\n <style>\n\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: #0a0a0a;\n}\n\n\/* Animated Background Particles *\/\n.iptv-particles {\n position: absolute;\n width: 100%;\n height: 100%;\n overflow: hidden;\n pointer-events: none;\n}\n\n.particle {\n position: absolute;\n width: 4px;\n height: 4px;\n background: rgba(0, 102, 255, 0.4);\n border-radius: 50%;\n animation: float linear infinite;\n}\n\n@keyframes float {\n 0% {\n transform: translateY(100vh) translateX(0) scale(0);\n opacity: 0;\n }\n 10% {\n opacity: 1;\n }\n 90% {\n opacity: 1;\n }\n 100% {\n transform: translateY(-100px) translateX(100px) scale(1);\n opacity: 0;\n }\n}\n\n\/* Popup Overlay *\/\n.iptv-popup-overlay {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(10, 10, 10, 0.95);\n z-index: 99999;\n animation: fadeIn 0.3s ease;\n}\n\n.iptv-popup-overlay.active {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n}\n\n@keyframes slideUp {\n from {\n opacity: 0;\n transform: translateY(50px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* Popup Container *\/\n.iptv-popup {\n background: linear-gradient(145deg, rgba(20, 20, 20, 0.95) 0%, rgba(20, 20, 20, 0.98) 100%);\n border: 2px solid rgba(0, 102, 255, 0.3);\n border-radius: 24px;\n padding: 2rem;\n max-width: 480px;\n width: 90%;\n position: relative;\n animation: slideUp 0.4s ease;\n box-shadow: \n 0 30px 80px rgba(0, 0, 0, 0.8),\n 0 0 0 1px rgba(0, 102, 255, 0.2),\n inset 0 1px 0 rgba(255, 255, 255, 0.1);\n}\n\n\/* Close Button *\/\n.iptv-popup-close {\n position: absolute;\n top: 1.2rem;\n right: 1.2rem;\n width: 36px;\n height: 36px;\n border: 2px solid rgba(0, 102, 255, 0.3);\n background: rgba(0, 102, 255, 0.1);\n border-radius: 10px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.3s ease;\n font-size: 1.3rem;\n color: #fff;\n font-weight: 300;\n line-height: 1;\n}\n\n.iptv-popup-close:hover {\n background: rgba(0, 102, 255, 0.2);\n border-color: rgba(0, 102, 255, 0.6);\n transform: rotate(90deg);\n}\n\n\/* Header *\/\n.iptv-popup-header {\n text-align: center;\n margin-bottom: 1.5rem;\n}\n\n.iptv-popup-badge {\n display: inline-block;\n padding: 0.4rem 1rem;\n background: linear-gradient(135deg, rgba(0, 102, 255, 0.2), rgba(0, 168, 255, 0.2));\n border: 1px solid rgba(0, 102, 255, 0.3);\n border-radius: 50px;\n font-size: 0.7rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.2px;\n color: #00a8ff;\n margin-bottom: 0.8rem;\n}\n\n.iptv-popup-title {\n font-size: 1.6rem;\n font-weight: 900;\n color: #fff;\n margin-bottom: 0.4rem;\n letter-spacing: -0.5px;\n}\n\n.iptv-popup-plan {\n font-size: 1rem;\n color: rgba(255, 255, 255, 0.7);\n}\n\n.iptv-popup-price {\n font-size: 2.2rem;\n font-weight: 900;\n background: linear-gradient(135deg, #0066ff, #00a8ff);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin: 0.8rem 0;\n}\n\n\/* Trust Badges *\/\n.iptv-trust-badges {\n display: flex;\n justify-content: center;\n gap: 0.8rem;\n margin: 1.2rem 0;\n flex-wrap: wrap;\n}\n\n.trust-badge {\n display: flex;\n align-items: center;\n gap: 0.4rem;\n padding: 0.45rem 0.8rem;\n background: rgba(0, 102, 255, 0.1);\n border: 1px solid rgba(0, 102, 255, 0.3);\n border-radius: 6px;\n font-size: 0.7rem;\n color: #00a8ff;\n font-weight: 600;\n transition: all 0.3s ease;\n}\n\n.trust-badge:hover {\n background: rgba(0, 102, 255, 0.15);\n border-color: rgba(0, 102, 255, 0.5);\n transform: translateY(-2px);\n}\n\n.trust-badge svg {\n width: 12px;\n height: 12px;\n}\n\n\/* Form *\/\n.iptv-popup-form {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.iptv-form-group {\n display: flex;\n flex-direction: column;\n gap: 0.4rem;\n}\n\n.iptv-form-label {\n font-size: 0.85rem;\n font-weight: 600;\n color: #fff;\n display: flex;\n align-items: center;\n gap: 0.4rem;\n}\n\n.iptv-form-required {\n color: #dc143c;\n font-size: 0.65rem;\n padding: 0.15rem 0.4rem;\n background: rgba(220, 20, 60, 0.2);\n border-radius: 4px;\n}\n\n.iptv-form-optional {\n color: rgba(255, 255, 255, 0.6);\n font-size: 0.65rem;\n padding: 0.15rem 0.4rem;\n background: rgba(255, 255, 255, 0.05);\n border-radius: 4px;\n}\n\n\/* Input with Icon *\/\n.iptv-input-wrapper {\n position: relative;\n}\n\n.iptv-input-icon {\n position: absolute;\n left: 1rem;\n top: 50%;\n transform: translateY(-50%);\n color: rgba(0, 102, 255, 0.6);\n transition: all 0.3s ease;\n pointer-events: none;\n}\n\n.iptv-input-icon svg {\n width: 18px;\n height: 18px;\n}\n\n.iptv-form-input {\n padding: 0.85rem 1rem 0.85rem 2.8rem;\n background: rgba(30, 30, 30, 0.6);\n border: 2px solid rgba(0, 102, 255, 0.2);\n border-radius: 12px;\n color: #fff;\n font-size: 0.95rem;\n transition: all 0.3s ease;\n outline: none;\n width: 100%;\n}\n\n.iptv-form-input::placeholder {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.iptv-form-input:focus {\n border-color: rgba(0, 102, 255, 0.6);\n background: rgba(30, 30, 30, 0.8);\n box-shadow: 0 0 0 4px rgba(0, 102, 255, 0.1);\n padding-left: 3rem;\n}\n\n.iptv-form-input:focus ~ .iptv-input-icon {\n color: #00a8ff;\n transform: translateY(-50%) scale(1.1);\n}\n\n.iptv-form-input.error {\n border-color: rgba(220, 20, 60, 0.6);\n animation: shake 0.3s ease;\n}\n\n@keyframes shake {\n 0%, 100% { transform: translateX(0); }\n 25% { transform: translateX(-10px); }\n 75% { transform: translateX(10px); }\n}\n\n.iptv-form-input.success {\n border-color: rgba(0, 102, 255, 0.6);\n}\n\n\/* Validation Icon *\/\n.iptv-validation-icon {\n position: absolute;\n right: 1rem;\n top: 50%;\n transform: translateY(-50%);\n opacity: 0;\n transition: all 0.3s ease;\n}\n\n.iptv-validation-icon svg {\n width: 18px;\n height: 18px;\n}\n\n.iptv-validation-icon.show {\n opacity: 1;\n}\n\n.iptv-validation-icon.success {\n color: #00a8ff;\n}\n\n.iptv-validation-icon.error {\n color: #dc143c;\n}\n\n\/* Error Messages *\/\n.iptv-form-error {\n color: #dc143c;\n font-size: 0.8rem;\n display: none;\n margin-top: -0.4rem;\n padding: 0.4rem 0.7rem;\n background: rgba(220, 20, 60, 0.1);\n border-radius: 6px;\n border-left: 3px solid #dc143c;\n}\n\n.iptv-form-error.show {\n display: flex;\n align-items: center;\n gap: 0.4rem;\n animation: slideDown 0.3s ease;\n}\n\n@keyframes slideDown {\n from {\n opacity: 0;\n transform: translateY(-10px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.iptv-form-error svg {\n width: 14px;\n height: 14px;\n flex-shrink: 0;\n}\n\n\/* Submit Button *\/\n.iptv-submit-btn {\n padding: 1rem 1.8rem;\n background: linear-gradient(135deg, #0066ff 0%, #00a8ff 100%);\n border: none;\n border-radius: 14px;\n color: #fff;\n font-size: 1rem;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n cursor: pointer;\n transition: all 0.4s ease;\n box-shadow: 0 8px 25px rgba(0, 102, 255, 0.4);\n position: relative;\n overflow: hidden;\n}\n\n.iptv-submit-btn::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 0;\n height: 0;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.2);\n transform: translate(-50%, -50%);\n transition: width 0.6s, height 0.6s;\n}\n\n.iptv-submit-btn:hover::before {\n width: 300px;\n height: 300px;\n}\n\n.iptv-submit-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 12px 35px rgba(0, 102, 255, 0.6);\n}\n\n.iptv-submit-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n transform: none;\n}\n\n.iptv-submit-btn span {\n position: relative;\n z-index: 1;\n}\n\n\/* Privacy & Terms Links *\/\n.iptv-privacy-links {\n text-align: center;\n margin-top: 0.8rem;\n padding-top: 0.8rem;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n.iptv-privacy-links a {\n color: rgba(255, 255, 255, 0.6);\n font-size: 0.65rem;\n text-decoration: none;\n transition: color 0.3s ease;\n margin: 0 0.4rem;\n}\n\n.iptv-privacy-links a:hover {\n color: #00a8ff;\n text-decoration: underline;\n}\n\n\/* Success Message *\/\n.iptv-success-message {\n display: none;\n text-align: center;\n padding: 1.5rem;\n}\n\n.iptv-success-message.show {\n display: block;\n animation: slideUp 0.4s ease;\n}\n\n.iptv-success-icon {\n width: 70px;\n height: 70px;\n margin: 0 auto 1.2rem;\n background: linear-gradient(135deg, #0066ff, #00a8ff);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2.5rem;\n animation: successPop 0.5s ease;\n}\n\n@keyframes successPop {\n 0% { transform: scale(0); }\n 50% { transform: scale(1.1); }\n 100% { transform: scale(1); }\n}\n\n.iptv-success-title {\n font-size: 1.5rem;\n font-weight: 900;\n color: #00a8ff;\n margin-bottom: 0.4rem;\n}\n\n.iptv-success-text {\n font-size: 1rem;\n color: rgba(255, 255, 255, 0.7);\n line-height: 1.5;\n}\n\n.iptv-success-email {\n color: #00a8ff;\n font-weight: 700;\n}\n\n\/* Already Processing State *\/\n.iptv-processing-message {\n display: none;\n text-align: center;\n padding: 1.5rem;\n}\n\n.iptv-processing-message.show {\n display: block;\n animation: slideUp 0.4s ease;\n}\n\n.iptv-processing-icon {\n width: 70px;\n height: 70px;\n margin: 0 auto 1.2rem;\n background: linear-gradient(135deg, rgba(0, 102, 255, 0.3), rgba(0, 168, 255, 0.3));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2.2rem;\n animation: pulse 2s ease-in-out infinite;\n}\n\n@keyframes pulse {\n 0%, 100% { transform: scale(1); opacity: 1; }\n 50% { transform: scale(1.05); opacity: 0.9; }\n}\n\n.iptv-processing-title {\n font-size: 1.5rem;\n font-weight: 900;\n color: #00a8ff;\n margin-bottom: 0.4rem;\n}\n\n.iptv-processing-text {\n font-size: 0.95rem;\n color: rgba(255, 255, 255, 0.7);\n line-height: 1.5;\n margin-bottom: 0.8rem;\n}\n\n.iptv-processing-details {\n background: rgba(0, 102, 255, 0.1);\n border: 1px solid rgba(0, 102, 255, 0.3);\n border-radius: 10px;\n padding: 1rem;\n margin-top: 1.2rem;\n}\n\n.iptv-processing-plan {\n font-size: 0.9rem;\n color: #fff;\n margin-bottom: 0.4rem;\n}\n\n.iptv-processing-plan strong {\n color: #00a8ff;\n}\n\n\/* Error State *\/\n.iptv-error-message {\n display: none;\n text-align: center;\n padding: 1.5rem;\n}\n\n.iptv-error-message.show {\n display: block;\n animation: slideUp 0.4s ease;\n}\n\n.iptv-error-icon {\n width: 70px;\n height: 70px;\n margin: 0 auto 1.2rem;\n background: linear-gradient(135deg, rgba(220, 20, 60, 0.3), rgba(185, 28, 28, 0.3));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2.5rem;\n color: #dc143c;\n}\n\n.iptv-error-title {\n font-size: 1.5rem;\n font-weight: 900;\n color: #dc143c;\n margin-bottom: 0.4rem;\n}\n\n.iptv-error-text {\n font-size: 0.95rem;\n color: rgba(255, 255, 255, 0.7);\n line-height: 1.5;\n margin-bottom: 1.2rem;\n}\n\n.iptv-retry-btn {\n padding: 0.9rem 1.6rem;\n background: linear-gradient(135deg, #0066ff 0%, #00a8ff 100%);\n border: none;\n border-radius: 10px;\n color: #fff;\n font-size: 0.95rem;\n font-weight: 700;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n}\n\n.iptv-retry-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(0, 102, 255, 0.4);\n}\n\n\/* Loading State *\/\n.iptv-loading {\n display: inline-block;\n width: 18px;\n height: 18px;\n border: 3px solid rgba(255, 255, 255, 0.3);\n border-top-color: #fff;\n border-radius: 50%;\n animation: spin 0.8s linear infinite;\n margin-left: 0.4rem;\n}\n\n@keyframes spin {\n to { transform: rotate(360deg); }\n}\n\n\/* Close Button for Processing State *\/\n.iptv-processing-close {\n padding: 0.7rem 1.2rem;\n background: transparent;\n border: 2px solid rgba(0, 102, 255, 0.5);\n border-radius: 8px;\n color: #00a8ff;\n font-size: 0.85rem;\n font-weight: 700;\n cursor: pointer;\n margin-top: 0.8rem;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n}\n\n.iptv-processing-close:hover {\n background: rgba(0, 102, 255, 0.1);\n border-color: rgba(0, 102, 255, 0.8);\n}\n\n\/* Mobile Responsive *\/\n@media (max-width: 768px) {\n .iptv-popup {\n padding: 1.8rem 1.2rem;\n width: 94%;\n max-width: 400px;\n border-radius: 20px;\n }\n \n .iptv-popup-close {\n top: 1rem;\n right: 1rem;\n width: 32px;\n height: 32px;\n font-size: 1.2rem;\n }\n \n .iptv-popup-badge {\n font-size: 0.65rem;\n padding: 0.35rem 0.8rem;\n margin-bottom: 0.6rem;\n letter-spacing: 1px;\n }\n \n .iptv-popup-title {\n font-size: 1.3rem;\n margin-bottom: 0.3rem;\n letter-spacing: -0.3px;\n }\n \n .iptv-popup-plan {\n font-size: 0.9rem;\n }\n \n .iptv-popup-price {\n font-size: 1.8rem;\n margin: 0.6rem 0;\n }\n \n .iptv-trust-badges {\n gap: 0.5rem;\n margin: 1rem 0;\n }\n \n .trust-badge {\n font-size: 0.65rem;\n padding: 0.4rem 0.6rem;\n border-radius: 5px;\n gap: 0.3rem;\n }\n \n .trust-badge svg {\n width: 10px;\n height: 10px;\n }\n \n .iptv-popup-form {\n gap: 0.8rem;\n }\n \n .iptv-form-label {\n font-size: 0.8rem;\n }\n \n .iptv-form-required,\n .iptv-form-optional {\n font-size: 0.6rem;\n padding: 0.1rem 0.35rem;\n }\n \n .iptv-form-input {\n padding: 0.75rem 0.8rem 0.75rem 2.5rem;\n font-size: 0.9rem;\n border-radius: 10px;\n }\n \n .iptv-input-icon svg {\n width: 16px;\n height: 16px;\n }\n \n .iptv-validation-icon svg {\n width: 16px;\n height: 16px;\n }\n \n .iptv-form-error {\n font-size: 0.75rem;\n padding: 0.35rem 0.6rem;\n margin-top: -0.3rem;\n }\n \n .iptv-form-error svg {\n width: 12px;\n height: 12px;\n }\n \n .iptv-submit-btn {\n padding: 0.9rem 1.3rem;\n font-size: 0.9rem;\n border-radius: 10px;\n letter-spacing: 0.6px;\n }\n \n .iptv-privacy-links {\n margin-top: 0.6rem;\n padding-top: 0.6rem;\n }\n \n .iptv-privacy-links a {\n font-size: 0.6rem;\n margin: 0 0.3rem;\n }\n \n .iptv-success-icon,\n .iptv-processing-icon,\n .iptv-error-icon {\n width: 60px;\n height: 60px;\n font-size: 2rem;\n margin-bottom: 1rem;\n }\n \n .iptv-success-title,\n .iptv-processing-title,\n .iptv-error-title {\n font-size: 1.3rem;\n margin-bottom: 0.3rem;\n }\n \n .iptv-success-text,\n .iptv-processing-text,\n .iptv-error-text {\n font-size: 0.9rem;\n line-height: 1.4;\n }\n \n .iptv-processing-details {\n padding: 0.8rem;\n margin-top: 1rem;\n border-radius: 8px;\n }\n \n .iptv-processing-plan {\n font-size: 0.85rem;\n }\n \n .iptv-retry-btn,\n .iptv-processing-close {\n padding: 0.75rem 1.2rem;\n font-size: 0.85rem;\n border-radius: 8px;\n }\n}\n\n@media (max-width: 480px) {\n .iptv-popup {\n padding: 1.5rem 1rem;\n width: 96%;\n border-radius: 16px;\n }\n \n .iptv-popup-title {\n font-size: 1.2rem;\n }\n \n .iptv-popup-price {\n font-size: 1.6rem;\n }\n \n .trust-badge {\n font-size: 0.6rem;\n padding: 0.35rem 0.5rem;\n }\n \n .iptv-form-input {\n padding: 0.7rem 0.75rem 0.7rem 2.3rem;\n font-size: 0.85rem;\n }\n \n .iptv-submit-btn {\n padding: 0.8rem 1.1rem;\n font-size: 0.85rem;\n }\n \n .iptv-privacy-links a {\n display: inline;\n font-size: 0.6rem;\n }\n}\n \n\/* Make Popup Scrollable on Mobile *\/\n@media (max-width: 768px) {\n .iptv-popup-overlay {\n overflow-y: auto;\n -webkit-overflow-scrolling: touch;\n padding: 20px 0;\n }\n \n .iptv-popup {\n margin: auto;\n max-height: 90vh;\n overflow-y: auto;\n position: relative;\n }\n \n .iptv-popup-close {\n position: sticky;\n top: 1rem;\n z-index: 10;\n background: rgba(0, 102, 255, 0.9);\n backdrop-filter: blur(10px);\n border: 2px solid rgba(0, 102, 255, 0.6);\n }\n}\n\n@media (max-width: 480px) {\n .iptv-popup-overlay {\n padding: 10px 0;\n }\n \n .iptv-popup {\n max-height: 95vh;\n }\n}\n\n\n\/* ===== END SCROLLABLE POPUP ===== *\/\n\n\n\/* Remove any conflicting transforms and box-shadows from other sections *\/\n.pricing-section .cta-button,\n.pricing-section .cta-button-secondary {\n transform: none !important;\n box-shadow: none !important;\n}\n\n\/* Fix Featured Plan PayPal Button Hover *\/\n.pricing-section .pricing-card.featured .payment-buttons .cta-button-secondary:hover {\n background: linear-gradient(180deg, #005ea6 0%, #004c87 100%) !important;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.2) !important;\n transform: translateY(-1px) !important;\n}\n\n\/* Ensure PayPal buttons always stay blue *\/\n.pricing-section .payment-buttons .cta-button-secondary,\n.pricing-section .pricing-card.featured .payment-buttons .cta-button-secondary {\n background: linear-gradient(180deg, #0070ba 0%, #005ea6 100%) !important;\n}\n\n.pricing-section .payment-buttons .cta-button-secondary:hover,\n.pricing-section .pricing-card.featured .payment-buttons .cta-button-secondary:hover {\n background: linear-gradient(180deg, #005ea6 0%, #004c87 100%) !important;\n}\n\n\n \n <\/style>\n\n\n\n\n\n<div class=\"iptv-popup-overlay\" id=\"iptvPopupOverlay\">\n \n <div class=\"iptv-particles\" id=\"iptvParticles\"><\/div>\n\n <div class=\"iptv-popup\" id=\"iptvPopup\">\n <div class=\"iptv-popup-close\" onclick=\"closeIptvPopup()\">×<\/div>\n \n \n <div id=\"iptvFormContent\">\n <div class=\"iptv-popup-header\">\n <div class=\"iptv-popup-badge\">Complete Your Order<\/div>\n <h2 class=\"iptv-popup-title\">Subscribe Now<\/h2>\n <p class=\"iptv-popup-plan\" id=\"iptvPlanName\">1 Month Plan<\/p>\n <div class=\"iptv-popup-price\" id=\"iptvPlanPrice\">\u20ac9.99<\/div>\n \n \n <div class=\"iptv-trust-badges\">\n <div class=\"trust-badge\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"><\/path>\n <\/svg>\n Secure Checkout\n <\/div>\n <div class=\"trust-badge\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z\"><\/path>\n <\/svg>\n SSL Encrypted\n <\/div>\n <div class=\"trust-badge\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path>\n <\/svg>\n Instant Delivery\n <\/div>\n <\/div>\n <\/div>\n\n <form class=\"iptv-popup-form\" id=\"iptvSubscriptionForm\">\n \n <div class=\"iptv-form-group\">\n <label class=\"iptv-form-label\">\n Email Address\n <span class=\"iptv-form-required\">Required<\/span>\n <\/label>\n <div class=\"iptv-input-wrapper\">\n <span class=\"iptv-input-icon\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"><\/path>\n <\/svg>\n <\/span>\n <input \n type=\"email\" \n class=\"iptv-form-input\" \n id=\"iptvEmail\" \n name=\"email\"\n placeholder=\"your.email@example.com\"\n autocomplete=\"email\"\n required\n >\n <span class=\"iptv-validation-icon\" id=\"emailValidIcon\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path>\n <\/svg>\n <\/span>\n <\/div>\n <span class=\"iptv-form-error\" id=\"emailError\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\n <\/svg>\n <span>Please enter a valid email address (e.g., name@example.com)<\/span>\n <\/span>\n <\/div>\n\n \n <div class=\"iptv-form-group\">\n <label class=\"iptv-form-label\">\n Full Name\n <span class=\"iptv-form-optional\">Optional<\/span>\n <\/label>\n <div class=\"iptv-input-wrapper\">\n <span class=\"iptv-input-icon\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z\"><\/path>\n <\/svg>\n <\/span>\n <input \n type=\"text\" \n class=\"iptv-form-input\" \n id=\"iptvName\" \n name=\"name\"\n placeholder=\"John Doe\"\n autocomplete=\"name\"\n >\n <span class=\"iptv-validation-icon\" id=\"nameValidIcon\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path>\n <\/svg>\n <\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"iptv-form-group\">\n <label class=\"iptv-form-label\">\n Phone Number\n <span class=\"iptv-form-optional\">Optional<\/span>\n <\/label>\n <div class=\"iptv-input-wrapper\">\n <span class=\"iptv-input-icon\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"><\/path>\n <\/svg>\n <\/span>\n <input \n type=\"tel\" \n class=\"iptv-form-input\" \n id=\"iptvPhone\" \n name=\"phone\"\n placeholder=\"+1 234 567 8900\"\n autocomplete=\"tel\"\n >\n <span class=\"iptv-validation-icon\" id=\"phoneValidIcon\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path>\n <\/svg>\n <\/span>\n <\/div>\n <span class=\"iptv-form-error\" id=\"phoneError\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\n <\/svg>\n <span>Please enter a valid phone number (8-15 digits with country code)<\/span>\n <\/span>\n <\/div>\n\n \n <div class=\"iptv-form-group\">\n <label class=\"iptv-form-label\">\n Promo Code\n <span class=\"iptv-form-optional\">Optional<\/span>\n <\/label>\n <div class=\"iptv-input-wrapper\">\n <span class=\"iptv-input-icon\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 5v2m0 4v2m0 4v2M5 5a2 2 0 00-2 2v3a2 2 0 110 4v3a2 2 0 002 2h14a2 2 0 002-2v-3a2 2 0 110-4V7a2 2 0 00-2-2H5z\"><\/path>\n <\/svg>\n <\/span>\n <input \n type=\"text\" \n class=\"iptv-form-input\" \n id=\"iptvPromoCode\" \n name=\"promo_code\"\n placeholder=\"Enter promo code\"\n autocomplete=\"off\"\n >\n <span class=\"iptv-validation-icon\" id=\"promoCodeValidIcon\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path>\n <\/svg>\n <\/span>\n <\/div>\n <span class=\"iptv-form-error\" id=\"promoCodeError\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\n <\/svg>\n <span>Please enter a valid promo code<\/span>\n <\/span>\n <\/div>\n\n <button type=\"submit\" class=\"iptv-submit-btn\" id=\"iptvSubmitBtn\">\n <span id=\"iptvBtnText\">Complete Order<\/span>\n <\/button>\n\n \n <div class=\"iptv-privacy-links\">\n <a href=\"https:\/\/buyiptv-service.com\/en\/privacy-policy\/\" target=\"_blank\">Privacy Policy<\/a>\n <span style=\"color: rgba(168, 168, 168, 0.5);\">\u2022<\/span>\n <a href=\"https:\/\/buyiptv-service.com\/en\/terms-of-service\/\" target=\"_blank\">Terms of Service<\/a>\n <\/div>\n <\/form>\n <\/div>\n\n \n <div class=\"iptv-processing-message\" id=\"iptvProcessingMessage\">\n <div class=\"iptv-processing-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <path d=\"M12 6v6l4 2\"><\/path>\n <\/svg>\n <\/div>\n <h3 class=\"iptv-processing-title\">Order Already Submitted<\/h3>\n <p class=\"iptv-processing-text\">\n We’ve already received your subscription request for this plan!\n <\/p>\n <div class=\"iptv-processing-details\">\n <p class=\"iptv-processing-plan\"><strong id=\"processingPlanDisplay\">1 Month Plan<\/strong><\/p>\n <p class=\"iptv-processing-plan\" style=\"font-size: 0.9rem; color: #A8A8A8;\">\n We’ll contact you via email with your login credentials within 30 minutes to 2 hours.\n <\/p>\n <\/div>\n <p class=\"iptv-processing-text\" style=\"margin-top: 1.5rem;\">\n Want to buy a different plan? Close this and select another option.\n <\/p>\n <button class=\"iptv-processing-close\" onclick=\"closeIptvPopup()\">Close<\/button>\n <\/div>\n\n \n <div class=\"iptv-success-message\" id=\"iptvSuccessMessage\">\n <div class=\"iptv-success-icon\">\u2713<\/div>\n <h3 class=\"iptv-success-title\">Order Received!<\/h3>\n <p class=\"iptv-success-text\">\n We’ve sent a confirmation to<br>\n <span class=\"iptv-success-email\" id=\"iptvConfirmEmail\">your email<\/span>\n <\/p>\n <p class=\"iptv-success-text\" style=\"margin-top: 1rem;\">\n You will receive your login credentials within 30 minutes to 2 hours.\n <\/p>\n <\/div>\n\n \n <div class=\"iptv-error-message\" id=\"iptvErrorMessage\">\n <div class=\"iptv-error-icon\">\u2715<\/div>\n <h3 class=\"iptv-error-title\">Connection Error<\/h3>\n <p class=\"iptv-error-text\" id=\"iptvErrorText\">\n We couldn’t process your request. Please check your connection and try again.\n <\/p>\n <button class=\"iptv-retry-btn\" onclick=\"retrySubmission()\">Try Again<\/button>\n <button class=\"iptv-processing-close\" onclick=\"closeIptvPopup()\" style=\"margin-top: 0.5rem;\">Cancel<\/button>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n\/\/ CRITICAL: Check if WordPress AJAX variables are available\nif (typeof iptvAjax === 'undefined') {\n console.error('\u274c WordPress AJAX not loaded! Make sure the PHP code is active in Code Snippets.');\n var iptvAjax = {\n ajaxurl: '\/wp-admin\/admin-ajax.php',\n nonce: 'fallback-nonce'\n };\n}\n\n\/\/ Track submitted plans to prevent duplicate orders\nlet submittedPlan = null;\nlet lastFormData = null;\n\n\/\/ Create animated particles\nfunction createParticles() {\n const container = document.getElementById('iptvParticles');\n const particleCount = 30;\n \n for (let i = 0; i < particleCount; i++) {\n const particle = document.createElement('div');\n particle.className = 'particle';\n particle.style.left = Math.random() * 100 + '%';\n particle.style.animationDuration = (Math.random() * 10 + 15) + 's';\n particle.style.animationDelay = Math.random() * 5 + 's';\n container.appendChild(particle);\n }\n}\n\n\/\/ Popup control functions\nfunction openIptvPopup(plan, price, isRecurring) {\n isRecurring = isRecurring || false; \/\/ Default to false if undefined\n \n const overlay = document.getElementById('iptvPopupOverlay');\n const planName = document.getElementById('iptvPlanName');\n const planPrice = document.getElementById('iptvPlanPrice');\n const formContent = document.getElementById('iptvFormContent');\n const successMessage = document.getElementById('iptvSuccessMessage');\n const processingMessage = document.getElementById('iptvProcessingMessage');\n const errorMessage = document.getElementById('iptvErrorMessage');\n \n \/\/ Get current currency\n const currencyButtons = document.querySelectorAll('.currency-btn');\n let currentCurrency = '\u20ac';\n let currentCurrencyCode = 'EUR';\n \n currencyButtons.forEach(btn => {\n if (btn.classList.contains('active')) {\n currentCurrency = btn.getAttribute('data-symbol');\n currentCurrencyCode = btn.getAttribute('data-currency');\n }\n });\n \n \/\/ Check if this plan has already been submitted\n if (submittedPlan === plan) {\n formContent.style.display = 'none';\n successMessage.classList.remove('show');\n errorMessage.classList.remove('show');\n processingMessage.classList.add('show');\n document.getElementById('processingPlanDisplay').textContent = plan;\n } else {\n formContent.style.display = 'block';\n successMessage.classList.remove('show');\n processingMessage.classList.remove('show');\n errorMessage.classList.remove('show');\n document.getElementById('iptvSubscriptionForm').reset();\n \n \/\/ Reset validation states\n document.querySelectorAll('.iptv-form-error').forEach(el => el.classList.remove('show'));\n document.querySelectorAll('.iptv-form-input').forEach(el => {\n el.classList.remove('error', 'success');\n });\n document.querySelectorAll('.iptv-validation-icon').forEach(el => {\n el.classList.remove('show', 'success', 'error');\n });\n }\n \n planName.textContent = plan;\n planPrice.textContent = currentCurrency + price;\n \n overlay.dataset.plan = plan;\n overlay.dataset.price = price;\n overlay.dataset.currency = currentCurrency;\n overlay.dataset.currencyCode = currentCurrencyCode;\n overlay.dataset.isRecurring = isRecurring ? 'true' : 'false';\n \n overlay.classList.add('active');\n document.body.style.overflow = 'hidden';\n \n if (document.getElementById('iptvParticles').children.length === 0) {\n createParticles();\n }\n}\n\nfunction closeIptvPopup() {\n const overlay = document.getElementById('iptvPopupOverlay');\n const submitBtn = document.getElementById('iptvSubmitBtn');\n const btnText = document.getElementById('iptvBtnText');\n \n submitBtn.disabled = false;\n btnText.textContent = 'Complete Order';\n \n overlay.classList.remove('active');\n document.body.style.overflow = '';\n}\n\ndocument.getElementById('iptvPopupOverlay').addEventListener('click', function(e) {\n if (e.target === this) {\n closeIptvPopup();\n }\n});\n\n\/\/ Email validation\nfunction validateEmail(email) {\n const re = \/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$\/;\n return re.test(email);\n}\n\n\/\/ Phone validation\nfunction validatePhone(phone) {\n if (!phone) return true;\n const cleaned = phone.replace(\/[^0-9+]\/g, '');\n return cleaned.length >= 8 && cleaned.length <= 15;\n}\n\n\/\/ Promo code validation\nfunction validatePromoCode(promoCode) {\n if (!promoCode) return true;\n return promoCode.length >= 3 && promoCode.length <= 20;\n}\n\n\/\/ Real-time validation for email\ndocument.getElementById('iptvEmail').addEventListener('input', function(e) {\n const email = e.target.value.trim();\n const input = e.target;\n const errorEl = document.getElementById('emailError');\n const validIcon = document.getElementById('emailValidIcon');\n \n if (email === '') {\n input.classList.remove('error', 'success');\n errorEl.classList.remove('show');\n validIcon.classList.remove('show', 'success', 'error');\n return;\n }\n \n if (validateEmail(email)) {\n input.classList.remove('error');\n input.classList.add('success');\n errorEl.classList.remove('show');\n validIcon.classList.add('show', 'success');\n validIcon.classList.remove('error');\n } else {\n input.classList.add('error');\n input.classList.remove('success');\n validIcon.classList.remove('show', 'success');\n }\n});\n\n\/\/ Real-time validation for name\ndocument.getElementById('iptvName').addEventListener('input', function(e) {\n const name = e.target.value.trim();\n const validIcon = document.getElementById('nameValidIcon');\n \n if (name.length > 2) {\n e.target.classList.add('success');\n validIcon.classList.add('show', 'success');\n } else {\n e.target.classList.remove('success');\n validIcon.classList.remove('show', 'success');\n }\n});\n\n\/\/ Real-time validation for phone\ndocument.getElementById('iptvPhone').addEventListener('input', function(e) {\n const phone = e.target.value.trim();\n const input = e.target;\n const errorEl = document.getElementById('phoneError');\n const validIcon = document.getElementById('phoneValidIcon');\n \n if (phone === '') {\n input.classList.remove('error', 'success');\n errorEl.classList.remove('show');\n validIcon.classList.remove('show', 'success', 'error');\n return;\n }\n \n if (validatePhone(phone)) {\n input.classList.remove('error');\n input.classList.add('success');\n errorEl.classList.remove('show');\n validIcon.classList.add('show', 'success');\n validIcon.classList.remove('error');\n } else {\n input.classList.add('error');\n input.classList.remove('success');\n validIcon.classList.remove('show', 'success');\n }\n});\n\n\/\/ Real-time validation for promo code\ndocument.getElementById('iptvPromoCode').addEventListener('input', function(e) {\n const promoCode = e.target.value.trim();\n const input = e.target;\n const errorEl = document.getElementById('promoCodeError');\n const validIcon = document.getElementById('promoCodeValidIcon');\n \n if (promoCode === '') {\n input.classList.remove('error', 'success');\n errorEl.classList.remove('show');\n validIcon.classList.remove('show', 'success', 'error');\n return;\n }\n \n if (validatePromoCode(promoCode)) {\n input.classList.remove('error');\n input.classList.add('success');\n errorEl.classList.remove('show');\n validIcon.classList.add('show', 'success');\n validIcon.classList.remove('error');\n } else {\n input.classList.add('error');\n input.classList.remove('success');\n validIcon.classList.remove('show', 'success');\n }\n});\n\n\/\/ Submit form WITHOUT TIMEOUT - Let it take as long as needed\nasync function submitForm(formData) {\n try {\n const response = await fetch(iptvAjax.ajaxurl, {\n method: 'POST',\n body: formData\n });\n \n if (!response.ok) {\n throw new Error('Server error - please try again');\n }\n \n return await response.json();\n } catch (error) {\n \/\/ Only show error for real network failures\n if (error.message.includes('Failed to fetch') || error.message.includes('NetworkError')) {\n throw new Error('Network error - please check your internet connection');\n }\n throw error;\n }\n}\n\n\/\/ Retry submission function\nfunction retrySubmission() {\n if (lastFormData) {\n document.getElementById('iptvErrorMessage').classList.remove('show');\n document.getElementById('iptvFormContent').style.display = 'block';\n handleFormSubmission(lastFormData);\n }\n}\n\n\/\/ Handle form submission\nasync function handleFormSubmission(formData) {\n const submitBtn = document.getElementById('iptvSubmitBtn');\n const btnText = document.getElementById('iptvBtnText');\n \n submitBtn.disabled = true;\n btnText.innerHTML = 'Processing<span class=\"iptv-loading\"><\/span>';\n \n try {\n const result = await submitForm(formData);\n \n if (result.success) {\n const overlay = document.getElementById('iptvPopupOverlay');\n const email = formData.get('email');\n \n submittedPlan = overlay.dataset.plan;\n \n document.getElementById('iptvFormContent').style.display = 'none';\n document.getElementById('iptvConfirmEmail').textContent = email;\n document.getElementById('iptvSuccessMessage').classList.add('show');\n \n setTimeout(() => {\n closeIptvPopup();\n }, 5000);\n } else {\n throw new Error(result.data || 'Submission failed');\n }\n } catch (error) {\n console.error('Error:', error);\n \n document.getElementById('iptvFormContent').style.display = 'none';\n document.getElementById('iptvErrorText').textContent = error.message || 'We couldn\\'t process your request. Please check your connection and try again.';\n document.getElementById('iptvErrorMessage').classList.add('show');\n \n submitBtn.disabled = false;\n btnText.textContent = 'Complete Order';\n }\n}\n\n\/\/ Form submission\ndocument.getElementById('iptvSubscriptionForm').addEventListener('submit', async function(e) {\n e.preventDefault();\n \n const email = document.getElementById('iptvEmail').value.trim();\n const name = document.getElementById('iptvName').value.trim();\n const phone = document.getElementById('iptvPhone').value.trim();\n const promoCode = document.getElementById('iptvPromoCode').value.trim();\n const overlay = document.getElementById('iptvPopupOverlay');\n \n document.querySelectorAll('.iptv-form-error').forEach(el => el.classList.remove('show'));\n document.querySelectorAll('.iptv-form-input').forEach(el => el.classList.remove('error'));\n \n let hasError = false;\n \n if (!validateEmail(email)) {\n document.getElementById('iptvEmail').classList.add('error');\n document.getElementById('emailError').classList.add('show');\n hasError = true;\n }\n \n if (phone && !validatePhone(phone)) {\n document.getElementById('iptvPhone').classList.add('error');\n document.getElementById('phoneError').classList.add('show');\n hasError = true;\n }\n \n if (promoCode && !validatePromoCode(promoCode)) {\n document.getElementById('iptvPromoCode').classList.add('error');\n document.getElementById('promoCodeError').classList.add('show');\n hasError = true;\n }\n \n if (hasError) return;\n \n const formData = new FormData();\n formData.append('action', 'iptv_subscription');\n formData.append('nonce', iptvAjax.nonce);\n formData.append('email', email);\n formData.append('name', name);\n formData.append('phone', phone);\n formData.append('promo_code', promoCode);\n formData.append('plan', overlay.dataset.plan);\n formData.append('price', overlay.dataset.price);\n formData.append('currency', overlay.dataset.currency);\n formData.append('is_recurring', overlay.dataset.isRecurring);\n \n lastFormData = formData;\n \n await handleFormSubmission(formData);\n});\n\n\/\/ Find this section at the bottom of your code (around line 2800+)\ndocument.addEventListener('DOMContentLoaded', function() {\n const pricingCards = document.querySelectorAll('.pricing-card');\n \n pricingCards.forEach(card => {\n \/\/ Only get the FIRST button (Card button), not the PayPal button\n const cardButton = card.querySelector('.cta-button:not(.cta-button-secondary)');\n const plan = card.getAttribute('data-plan');\n const basePrice = card.getAttribute('data-base-price');\n const isRecurring = card.getAttribute('data-recurring') === 'true';\n \n if (cardButton && plan && basePrice) {\n let planName = '';\n \n switch(plan) {\n case '1month': \n planName = '1 Month Plan (One-Time Payment)'; \n break;\n case '3months': \n planName = '3 Months Plan (One-Time Payment)'; \n break;\n case '6months': \n planName = '6 Months Plan (One-Time Payment)'; \n break;\n case '12months': \n planName = '12 Months Plan (One-Time Payment)'; \n break;\n case 'monthly-1month': \n planName = 'Monthly Subscription (Recurring)'; \n break;\n case 'monthly-yearly': \n planName = 'Yearly Subscription (Monthly Billing)'; \n break;\n default:\n planName = 'Subscription Plan';\n }\n \n \/\/ Only add popup to Card button\n cardButton.addEventListener('click', function(e) {\n e.preventDefault();\n \n const priceEl = card.querySelector('.price');\n const currentPrice = priceEl ? priceEl.textContent : basePrice;\n \n openIptvPopup(planName, currentPrice, isRecurring);\n });\n }\n });\n});\n<\/script>\n\n\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Pricing – StreamEZ StreamEZ PREMIUM IPTV Home Pricing FAQ Guide Channels Support \ud83c\udf81 Free Trial Subscribe Now StreamEZ PREMIUM IPTV Home Pricing FAQ Guide Channels Support How to Get Started Subscribe to StreamEZ in just 4 simple steps and start streaming instantly 1 Choose Your Plan Select the subscription plan that best fits your needs […]<\/p>\n","protected":false},"author":1,"featured_media":408,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-25","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\n<title>IPTV Plans & Prices | StreamEZ \u2013 Monthly & Yearly Subscriptions<\/title>\n<meta name=\"description\" content=\"Choose the best IPTV plan. Affordable monthly and yearly packages with premium channels, VOD, and instant activation.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/buyiptv-subscribe.com\/en\/pricing\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Pricing\" \/>\n<meta property=\"og:description\" content=\"Choose the best IPTV plan. Affordable monthly and yearly packages with premium channels, VOD, and instant activation.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/buyiptv-subscribe.com\/en\/pricing\/\" \/>\n<meta property=\"og:site_name\" content=\"StreamEZ\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-16T14:23:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/buyiptv-subscribe.com\/en\/wp-content\/uploads\/2025\/11\/streamez-affordable-subscription-packages.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"2048\" \/>\n\t<meta property=\"og:image:height\" content=\"2048\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/pricing\\\/\",\"url\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/pricing\\\/\",\"name\":\"IPTV Plans & Prices | StreamEZ \u2013 Monthly & Yearly Subscriptions\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/pricing\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/pricing\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/streamez-affordable-subscription-packages.webp\",\"datePublished\":\"2025-10-26T15:33:50+00:00\",\"dateModified\":\"2026-04-16T14:23:15+00:00\",\"description\":\"Choose the best IPTV plan. Affordable monthly and yearly packages with premium channels, VOD, and instant activation.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/pricing\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/pricing\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/pricing\\\/#primaryimage\",\"url\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/streamez-affordable-subscription-packages.webp\",\"contentUrl\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/streamez-affordable-subscription-packages.webp\",\"width\":2048,\"height\":2048},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/pricing\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Pricing\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/\",\"name\":\"StreamEZ\",\"description\":\"StreamEZ Website\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n","yoast_head_json":{"title":"IPTV Plans & Prices | StreamEZ \u2013 Monthly & Yearly Subscriptions","description":"Choose the best IPTV plan. Affordable monthly and yearly packages with premium channels, VOD, and instant activation.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/buyiptv-subscribe.com\/en\/pricing\/","og_locale":"en_US","og_type":"article","og_title":"Pricing","og_description":"Choose the best IPTV plan. Affordable monthly and yearly packages with premium channels, VOD, and instant activation.","og_url":"https:\/\/buyiptv-subscribe.com\/en\/pricing\/","og_site_name":"StreamEZ","article_modified_time":"2026-04-16T14:23:15+00:00","og_image":[{"width":2048,"height":2048,"url":"https:\/\/buyiptv-subscribe.com\/en\/wp-content\/uploads\/2025\/11\/streamez-affordable-subscription-packages.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/buyiptv-subscribe.com\/en\/pricing\/","url":"https:\/\/buyiptv-subscribe.com\/en\/pricing\/","name":"IPTV Plans & Prices | StreamEZ \u2013 Monthly & Yearly Subscriptions","isPartOf":{"@id":"https:\/\/buyiptv-subscribe.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/buyiptv-subscribe.com\/en\/pricing\/#primaryimage"},"image":{"@id":"https:\/\/buyiptv-subscribe.com\/en\/pricing\/#primaryimage"},"thumbnailUrl":"https:\/\/buyiptv-subscribe.com\/en\/wp-content\/uploads\/2025\/11\/streamez-affordable-subscription-packages.webp","datePublished":"2025-10-26T15:33:50+00:00","dateModified":"2026-04-16T14:23:15+00:00","description":"Choose the best IPTV plan. Affordable monthly and yearly packages with premium channels, VOD, and instant activation.","breadcrumb":{"@id":"https:\/\/buyiptv-subscribe.com\/en\/pricing\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/buyiptv-subscribe.com\/en\/pricing\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/buyiptv-subscribe.com\/en\/pricing\/#primaryimage","url":"https:\/\/buyiptv-subscribe.com\/en\/wp-content\/uploads\/2025\/11\/streamez-affordable-subscription-packages.webp","contentUrl":"https:\/\/buyiptv-subscribe.com\/en\/wp-content\/uploads\/2025\/11\/streamez-affordable-subscription-packages.webp","width":2048,"height":2048},{"@type":"BreadcrumbList","@id":"https:\/\/buyiptv-subscribe.com\/en\/pricing\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/buyiptv-subscribe.com\/en\/"},{"@type":"ListItem","position":2,"name":"Pricing"}]},{"@type":"WebSite","@id":"https:\/\/buyiptv-subscribe.com\/en\/#website","url":"https:\/\/buyiptv-subscribe.com\/en\/","name":"StreamEZ","description":"StreamEZ Website","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/buyiptv-subscribe.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":0,"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/pages\/25\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/media\/408"}],"wp:attachment":[{"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/media?parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":25,"date":"2025-10-26T15:33:50","date_gmt":"2025-10-26T15:33:50","guid":{"rendered":"https:\/\/buyiptv-subscribe.com\/en\/?page_id=25"},"modified":"2026-04-16T14:23:15","modified_gmt":"2026-04-16T14:23:15","slug":"pricing","status":"publish","type":"page","link":"https:\/\/buyiptv-subscribe.com\/en\/pricing\/","title":{"rendered":"Pricing"},"content":{"rendered":"\n\n\n\n \n \n Pricing – StreamEZ<\/title>\n <style>\n :root {\n --linear-ease: linear(\n 0, 0.068, 0.19 2.7%, 0.804 8.1%, 1.037, 1.199 13.2%, 1.245,\n 1.27 15.8%, 1.274, 1.272 17.4%, 1.249 19.1%, 0.996 28%, 0.949,\n 0.928 33.3%, 0.926, 0.933 36.8%, 1.001 45.6%, 1.013, 1.019 50.8%,\n 1.018 54.4%, 1 63.1%, 0.995 68%, 1.001 85%, 1\n );\n --color-1: #0066ff;\n --color-2: #0066ff;\n --color-3: #0066ff;\n --color-4: #00a8ff;\n --stroke-light: rgba(148,163,184,.18);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n background: transparent;\n color: #fff;\n overflow-x: hidden;\n min-height: 0;\n margin: 0;\n padding: 0;\n }\n\n header {\n position: relative;\n top: 0;\n left: 0;\n right: 0;\n z-index: 100;\n padding: 1.2rem 7%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: #0a0a0a;\n backdrop-filter: blur(30px);\n border-bottom: 1px solid rgba(0, 102, 255, 0.15);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n header.scrolled {\n padding: 0.9rem 7%;\n background: #0a0a0a;\n box-shadow: 0 10px 60px rgba(0, 0, 0, 0.6);\n border-bottom: 1px solid rgba(0, 102, 255, 0.3);\n }\n\n .logo {\n display: flex;\n align-items: center;\n gap: 1rem;\n font-size: 1.9rem;\n font-weight: 900;\n letter-spacing: -1px;\n transition: transform 0.3s ease;\n cursor: pointer;\n }\n\n .logo:hover {\n transform: translateY(-2px);\n }\n\n .logo-icon {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #0066ff 0%, #0066ff 50%, #00a8ff 100%);\n border-radius: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n box-shadow: \n 0 10px 30px rgba(0, 102, 255, 0.7),\n inset 0 1px 0 rgba(255, 255, 255, 0.2);\n animation: logoGlow 3s ease-in-out infinite;\n }\n\n @keyframes logoGlow {\n 0%, 100% { \n box-shadow: \n 0 10px 30px rgba(0, 102, 255, 0.7),\n inset 0 1px 0 rgba(255, 255, 255, 0.2);\n }\n 50% { \n box-shadow: \n 0 10px 40px rgba(0, 102, 255, 0.9),\n 0 0 20px rgba(0, 102, 255, 0.5),\n inset 0 1px 0 rgba(255, 255, 255, 0.3);\n }\n }\n\n .logo-icon::after {\n content: '';\n position: absolute;\n width: 0;\n height: 0;\n border-left: 14px solid white;\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n margin-left: 3px;\n filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));\n }\n\n .logo-text {\n display: flex;\n flex-direction: column;\n line-height: 1;\n }\n\n .logo-main {\n font-size: 1.9rem;\n background: linear-gradient(135deg, #fff 0%, #0066ff 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .logo-tagline {\n font-size: 0.65rem;\n color: rgba(255, 255, 255, 0.6);\n font-weight: 600;\n letter-spacing: 3px;\n text-transform: uppercase;\n margin-top: 2px;\n }\n\n .gooey-nav-container {\n position: relative;\n display: flex;\n align-items: center;\n }\n\n .gooey-nav-container nav {\n display: flex;\n position: relative;\n transform: translate3d(0, 0, 0.01px);\n }\n\n .gooey-nav-container nav ul {\n display: flex;\n gap: 2em;\n list-style: none;\n padding: 0 1em;\n margin: 0;\n position: relative;\n z-index: 3;\n color: white;\n text-shadow: 0 1px 1px hsl(205deg 30% 10% \/ 0.2);\n }\n\n .gooey-nav-container nav ul li {\n border-radius: 100vw;\n position: relative;\n cursor: pointer;\n transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;\n box-shadow: 0 0 0.5px 1.5px transparent;\n color: white;\n }\n\n .gooey-nav-container nav ul li a {\n display: inline-block;\n padding: 0.6em 1em;\n color: inherit;\n text-decoration: none;\n font-weight: 600;\n font-size: 0.95rem;\n }\n\n .gooey-nav-container nav ul li:focus-within:has(:focus-visible) {\n box-shadow: 0 0 0.5px 1.5px white;\n }\n\n .gooey-nav-container nav ul li::after {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: 100vw;\n background: white;\n opacity: 0;\n transform: scale(0);\n transition: all 0.3s ease;\n z-index: -1;\n }\n\n .gooey-nav-container nav ul li.active {\n color: black;\n text-shadow: none;\n }\n\n .gooey-nav-container nav ul li.active::after {\n opacity: 1;\n transform: scale(1);\n }\n\n .gooey-nav-container .effect {\n position: absolute;\n left: 0;\n top: 0;\n width: 0;\n height: 0;\n opacity: 1;\n pointer-events: none;\n display: grid;\n place-items: center;\n z-index: 1;\n }\n\n .gooey-nav-container .effect.text {\n color: white;\n transition: color 0.3s ease;\n font-weight: 600;\n font-size: 0.95rem;\n }\n\n .gooey-nav-container .effect.text.active {\n color: black;\n }\n\n .gooey-nav-container .effect.filter {\n filter: blur(7px) contrast(100) blur(0);\n mix-blend-mode: lighten;\n }\n\n .gooey-nav-container .effect.filter::before {\n content: '';\n position: absolute;\n inset: -75px;\n z-index: -2;\n background: transparent;\n pointer-events: none;\n }\n\n .gooey-nav-container .effect.filter::after {\n content: '';\n position: absolute;\n inset: 0;\n background: white;\n transform: scale(0);\n opacity: 0;\n z-index: -1;\n border-radius: 100vw;\n }\n\n .gooey-nav-container .effect.active::after {\n animation: pill 0.3s ease both;\n }\n\n @keyframes pill {\n to {\n transform: scale(1);\n opacity: 1;\n }\n }\n\n .particle,\n .point {\n display: block;\n opacity: 0;\n width: 20px;\n height: 20px;\n border-radius: 100%;\n transform-origin: center;\n }\n\n .particle {\n --time: 5s;\n position: absolute;\n top: calc(50% - 8px);\n left: calc(50% - 8px);\n animation: particle calc(var(--time)) ease 1 -350ms;\n }\n\n .point {\n background: var(--color);\n opacity: 1;\n animation: point calc(var(--time)) ease 1 -350ms;\n }\n\n @keyframes particle {\n 0% {\n transform: rotate(0deg) translate(calc(var(--start-x)), calc(var(--start-y)));\n opacity: 1;\n animation-timing-function: cubic-bezier(0.55, 0, 1, 0.45);\n }\n 70% {\n transform: rotate(calc(var(--rotate) * 0.5)) translate(calc(var(--end-x) * 1.2), calc(var(--end-y) * 1.2));\n opacity: 1;\n animation-timing-function: ease;\n }\n 85% {\n transform: rotate(calc(var(--rotate) * 0.66)) translate(calc(var(--end-x)), calc(var(--end-y)));\n opacity: 1;\n }\n 100% {\n transform: rotate(calc(var(--rotate) * 1.2)) translate(calc(var(--end-x) * 0.5), calc(var(--end-y) * 0.5));\n opacity: 1;\n }\n }\n\n @keyframes point {\n 0% {\n transform: scale(0);\n opacity: 0;\n animation-timing-function: cubic-bezier(0.55, 0, 1, 0.45);\n }\n 25% {\n transform: scale(calc(var(--scale) * 0.25));\n }\n 38% {\n opacity: 1;\n }\n 65% {\n transform: scale(var(--scale));\n opacity: 1;\n animation-timing-function: ease;\n }\n 85% {\n transform: scale(var(--scale));\n opacity: 1;\n }\n 100% {\n transform: scale(0);\n opacity: 0;\n }\n }\n\n .header-buttons {\n display: flex;\n gap: 1.2rem;\n align-items: center;\n }\n\n .btn {\n padding: 1rem 2.5rem;\n border-radius: 14px;\n font-weight: 700;\n text-decoration: none;\n transition: all 0.3s ease;\n border: none;\n cursor: pointer;\n font-size: 0.9rem;\n display: inline-flex;\n align-items: center;\n gap: 0.7rem;\n position: relative;\n overflow: hidden;\n }\n\n .btn::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 0;\n height: 0;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.1);\n transform: translate(-50%, -50%);\n transition: width 0.6s, height 0.6s;\n }\n\n .btn:hover::before {\n width: 300px;\n height: 300px;\n }\n\n .btn span {\n position: relative;\n z-index: 1;\n }\n\n .btn-trial {\n background: rgba(255, 255, 255, 0.12);\n color: #fff;\n border: 2px solid rgba(255, 255, 255, 0.25);\n backdrop-filter: blur(10px);\n }\n\n .btn-trial:hover {\n background: rgba(255, 255, 255, 0.16);\n border-color: rgba(0, 102, 255, 0.6);\n transform: translateY(-3px);\n box-shadow: 0 10px 30px rgba(0, 102, 255, 0.4);\n }\n\n .btn-subscribe {\n background: linear-gradient(135deg, #0066ff 0%, #0066ff 50%, #00a8ff 100%);\n color: #fff;\n box-shadow: 0 10px 35px rgba(0, 102, 255, 0.6);\n border: 2px solid transparent;\n position: relative;\n }\n\n .btn-subscribe:hover {\n transform: translateY(-3px);\n box-shadow: \n 0 15px 45px rgba(0, 102, 255, 0.7),\n 0 0 30px rgba(0, 102, 255, 0.5);\n }\n\n .mobile-menu-btn {\n display: none;\n flex-direction: column;\n gap: 6px;\n cursor: pointer;\n padding: 12px;\n z-index: 200;\n background: rgba(255, 255, 255, 0.12);\n border-radius: 10px;\n border: 2px solid rgba(255, 255, 255, 0.2);\n transition: all 0.3s ease;\n }\n\n .mobile-menu-btn span {\n width: 28px;\n height: 3px;\n background: linear-gradient(90deg, #0066ff, #00a8ff);\n border-radius: 3px;\n transition: all 0.3s ease;\n }\n\n .mobile-menu-btn.active span:nth-child(1) {\n transform: rotate(45deg) translate(9px, 9px);\n }\n\n .mobile-menu-btn.active span:nth-child(2) {\n opacity: 0;\n }\n\n .mobile-menu-btn.active span:nth-child(3) {\n transform: rotate(-45deg) translate(9px, -9px);\n }\n\n .mobile-menu {\n position: fixed;\n top: 0;\n right: -100%;\n width: 85%;\n max-width: 420px;\n height: 100vh;\n background: #0a0a0a;\n backdrop-filter: blur(30px);\n z-index: 150;\n transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n padding: 0;\n border-left: 1px solid rgba(0, 102, 255, 0.3);\n box-shadow: -20px 0 60px rgba(0, 0, 0, 0.8);\n overflow-y: auto;\n display: flex;\n flex-direction: column;\n }\n\n .mobile-menu.active {\n right: 0;\n }\n\n .mobile-menu-header {\n padding: 2rem 1.5rem;\n border-bottom: 1px solid rgba(0, 102, 255, 0.3);\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(0, 102, 255, 0.1);\n }\n\n .mobile-menu-logo {\n display: flex;\n align-items: center;\n gap: 0.8rem;\n }\n\n .mobile-menu-logo .logo-icon {\n width: 45px;\n height: 45px;\n }\n\n .mobile-menu-logo .logo-text {\n display: flex;\n flex-direction: column;\n line-height: 1;\n }\n\n .mobile-menu-logo .logo-main {\n font-size: 1.7rem;\n background: linear-gradient(135deg, #fff 0%, #0066ff 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-weight: 900;\n letter-spacing: -1px;\n }\n\n .mobile-menu-logo .logo-tagline {\n font-size: 0.6rem;\n color: rgba(255, 255, 255, 0.6);\n font-weight: 600;\n letter-spacing: 3px;\n text-transform: uppercase;\n margin-top: 2px;\n }\n\n .mobile-menu nav {\n display: flex;\n flex-direction: column;\n gap: 0;\n padding: 2rem 1.5rem;\n flex: 1;\n }\n\n .mobile-menu nav a {\n padding: 1.5rem 1rem;\n border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n font-size: 1.15rem;\n transition: all 0.3s ease;\n border-radius: 8px;\n margin-bottom: 0.5rem;\n color: rgba(255, 255, 255, 0.8);\n text-decoration: none;\n font-weight: 600;\n }\n\n .mobile-menu nav a:hover {\n background: rgba(0, 102, 255, 0.2);\n color: #fff;\n transform: translateX(8px);\n border-bottom-color: rgba(0, 102, 255, 0.5);\n }\n\n .menu-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.7);\n backdrop-filter: blur(8px);\n z-index: 140;\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.4s ease;\n }\n\n .menu-overlay.active {\n opacity: 1;\n pointer-events: all;\n }\n\n \/* Tablet and Mobile Styles *\/\n @media (max-width: 1024px) {\n .mobile-menu-btn {\n display: flex;\n }\n \n .gooey-nav-container,\n .header-buttons {\n display: none;\n }\n\n header {\n padding: 1.2rem 5%;\n }\n\n .logo {\n font-size: 1.5rem;\n }\n\n .logo-icon {\n width: 42px;\n height: 42px;\n }\n\n .logo-icon::after {\n border-left: 12px solid white;\n border-top: 8px solid transparent;\n border-bottom: 8px solid transparent;\n }\n }\n \n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n background: #0a0a0a;\n color: #fff;\n overflow-x: hidden;\n padding: 0;\n min-height: 100vh;\n }\n\n \/* How to Buy Section *\/\n .how-to-buy-section {\n position: relative;\n z-index: 10;\n padding: 4rem 5% 3rem;\n background: #0a0a0a;\n }\n\n .how-to-buy-header {\n text-align: center;\n margin-bottom: 3rem;\n animation: fadeInUp 0.8s ease;\n }\n\n .how-to-buy-header h2 {\n font-size: clamp(2rem, 5vw, 4rem);\n font-weight: 900;\n margin-bottom: 1rem;\n letter-spacing: -2px;\n line-height: 1.1;\n }\n\n .gradient-text {\n background: linear-gradient(135deg, #ffffff 0%, #c0c0c0 30%, #00a8ff 50%, #00a8ff 70%, #0066ff 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n display: inline-block;\n animation: gradientFlow 10s ease infinite;\n background-size: 300% 300%;\n filter: drop-shadow(0 0 30px rgba(0, 168, 255, 0.5));\n }\n\n @keyframes gradientFlow {\n 0%, 100% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n }\n\n .how-to-buy-header p {\n font-size: clamp(1rem, 3vw, 1.2rem);\n color: rgba(255, 255, 255, 0.7);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.6;\n padding: 0 1rem;\n }\n\n .steps-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n gap: 2rem;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .step-card {\n background: linear-gradient(145deg, rgba(15, 15, 15, 0.7) 0%, rgba(15, 15, 15, 0.5) 100%);\n border-radius: 24px;\n padding: 2.5rem 2rem;\n border: 2px solid rgba(0, 102, 255, 0.2);\n backdrop-filter: blur(40px);\n position: relative;\n overflow: hidden;\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n animation: fadeInUp 1s ease;\n animation-fill-mode: both;\n touch-action: manipulation;\n }\n\n .step-card:nth-child(1) { animation-delay: 0.1s; }\n .step-card:nth-child(2) { animation-delay: 0.2s; }\n .step-card:nth-child(3) { animation-delay: 0.3s; }\n .step-card:nth-child(4) { animation-delay: 0.4s; }\n\n .step-card::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(0, 102, 255, 0.15) 0%, transparent 70%);\n transition: all 0.8s ease;\n opacity: 0;\n pointer-events: none;\n }\n\n .step-card:hover::before,\n .step-card:active::before {\n opacity: 1;\n transform: translate(25%, 25%);\n }\n\n .step-card:hover,\n .step-card:active {\n transform: translateY(-8px) scale(1.01);\n border-color: rgba(0, 102, 255, 0.6);\n box-shadow: \n 0 20px 40px rgba(0, 102, 255, 0.4),\n 0 0 80px rgba(0, 168, 255, 0.3),\n inset 0 1px 0 rgba(255, 255, 255, 0.15);\n }\n\n .step-number {\n width: 60px;\n height: 60px;\n background: linear-gradient(135deg, #0066ff 0%, #00a8ff 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.75rem;\n font-weight: 900;\n margin-bottom: 1.5rem;\n box-shadow: 0 8px 25px rgba(0, 102, 255, 0.6);\n transition: all 0.4s ease;\n }\n\n .step-card:hover .step-number,\n .step-card:active .step-number {\n transform: scale(1.1) rotate(10deg);\n box-shadow: 0 12px 35px rgba(0, 102, 255, 0.8);\n }\n\n .step-title {\n font-size: clamp(1.25rem, 4vw, 1.5rem);\n font-weight: 800;\n margin-bottom: 0.75rem;\n color: #fff;\n letter-spacing: -0.5px;\n }\n\n .step-description {\n font-size: clamp(0.95rem, 2.5vw, 1rem);\n color: rgba(255, 255, 255, 0.75);\n line-height: 1.6;\n font-weight: 400;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* Tablet optimizations *\/\n @media (min-width: 481px) and (max-width: 1024px) {\n .how-to-buy-section {\n padding: 3.5rem 6% 3rem;\n }\n\n .steps-container {\n grid-template-columns: repeat(2, 1fr);\n gap: 2rem;\n }\n\n .step-card {\n padding: 2.5rem 2rem;\n }\n }\n\n \/* Mobile optimizations *\/\n @media (max-width: 480px) {\n .how-to-buy-section {\n padding: 2.5rem 5% 2.5rem;\n }\n\n .how-to-buy-header {\n margin-bottom: 2rem;\n }\n\n .how-to-buy-header h2 {\n letter-spacing: -1.5px;\n }\n\n .steps-container {\n gap: 1.5rem;\n }\n\n .step-card {\n border-radius: 20px;\n padding: 2rem 1.5rem;\n }\n\n .step-number {\n width: 55px;\n height: 55px;\n font-size: 1.5rem;\n margin-bottom: 1.25rem;\n }\n\n .step-card:hover,\n .step-card:active {\n transform: translateY(-6px) scale(1.01);\n }\n }\n\n \/* Extra small screens *\/\n @media (max-width: 360px) {\n .how-to-buy-section {\n padding: 2rem 4% 2rem;\n }\n\n .step-card {\n padding: 1.75rem 1.25rem;\n }\n\n .step-number {\n width: 50px;\n height: 50px;\n font-size: 1.4rem;\n }\n }\n\n \/* Touch device optimizations *\/\n @media (hover: none) and (pointer: coarse) {\n .step-card {\n -webkit-tap-highlight-color: transparent;\n }\n\n .step-card:active {\n transition: all 0.2s ease;\n }\n }\n\n \/* Landscape orientation on mobile *\/\n @media (max-width: 900px) and (orientation: landscape) {\n .how-to-buy-section {\n padding: 2rem 5%;\n }\n\n .how-to-buy-header {\n margin-bottom: 2rem;\n }\n\n .steps-container {\n grid-template-columns: repeat(2, 1fr);\n gap: 1.5rem;\n }\n\n .step-card {\n padding: 1.75rem 1.5rem;\n }\n\n .step-number {\n width: 50px;\n height: 50px;\n font-size: 1.4rem;\n margin-bottom: 1rem;\n }\n\n .step-title {\n margin-bottom: 0.5rem;\n }\n }\n\n\n@keyframes glowPulse {\n 0%, 100% {\n box-shadow: 0 0 10px rgba(0, 102, 255, 0.5);\n }\n 50% {\n box-shadow: 0 0 20px rgba(0, 102, 255, 0.8), 0 0 30px rgba(0, 168, 255, 0.4);\n }\n}\n\n \n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n background: #0a0a0a;\n color: #fff;\n overflow-x: hidden;\n padding: 0;\n min-height: 100vh;\n }\n\n .payment-section {\n position: relative;\n z-index: 10;\n padding: 4rem 3%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n background: #0a0a0a;\n }\n\n .payment-header {\n text-align: center;\n margin-bottom: 3rem;\n animation: fadeInUp 0.8s ease;\n }\n\n .payment-header h2 {\n font-size: 3rem;\n font-weight: 900;\n margin-bottom: 1.2rem;\n letter-spacing: -2px;\n line-height: 1.1;\n }\n\n .payment-header p {\n font-size: 1.15rem;\n color: rgba(255, 255, 255, 0.7);\n max-width: 800px;\n margin: 0 auto;\n line-height: 1.8;\n font-weight: 400;\n }\n\n .payment-content {\n max-width: 1400px;\n margin: 0 auto;\n width: 100%;\n }\n\n .payment-methods-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 2rem;\n margin-bottom: 3rem;\n animation: fadeInUp 1s ease;\n animation-delay: 0.4s;\n animation-fill-mode: both;\n }\n\n .payment-card {\n background: linear-gradient(145deg, rgba(20, 20, 20, 0.6) 0%, rgba(15, 15, 15, 0.8) 100%);\n border-radius: 24px;\n padding: 2rem 1.5rem;\n border: 2px solid rgba(0, 102, 255, 0.3);\n backdrop-filter: blur(40px);\n position: relative;\n overflow: hidden;\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 200px;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);\n }\n\n .payment-card::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(0, 102, 255, 0.15) 0%, transparent 70%);\n transition: all 0.8s ease;\n opacity: 0;\n pointer-events: none;\n }\n\n .payment-card::after {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: 32px;\n padding: 2px;\n background: linear-gradient(135deg, #0066ff, #00a8ff, #00e0ff);\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n opacity: 0;\n transition: opacity 0.6s;\n pointer-events: none;\n }\n\n .payment-card:hover::before {\n opacity: 1;\n transform: translate(25%, 25%);\n }\n\n .payment-card:hover {\n transform: translateY(-15px) scale(1.05);\n border-color: rgba(0, 102, 255, 0.8);\n box-shadow: \n 0 40px 80px rgba(0, 102, 255, 0.5),\n 0 0 120px rgba(0, 168, 255, 0.4),\n inset 0 1px 0 rgba(255, 255, 255, 0.2);\n }\n\n .payment-card:hover::after {\n opacity: 1;\n }\n\n .payment-icon-wrapper {\n width: 90px;\n height: 90px;\n background: linear-gradient(145deg, rgba(0, 102, 255, 0.2) 0%, rgba(0, 168, 255, 0.2) 100%);\n border-radius: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 1.5rem;\n border: 2px solid rgba(0, 102, 255, 0.4);\n transition: all 0.5s ease;\n position: relative;\n overflow: hidden;\n box-shadow: \n 0 15px 40px rgba(0, 102, 255, 0.3),\n inset 0 2px 20px rgba(0, 102, 255, 0.15);\n }\n\n .payment-icon-wrapper::before {\n content: '';\n position: absolute;\n inset: -50%;\n background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.15), transparent);\n transform: translateX(-100%) translateY(-100%) rotate(45deg);\n transition: transform 0.8s;\n }\n\n .payment-card:hover .payment-icon-wrapper {\n transform: scale(1.15) rotate(5deg);\n border-color: rgba(0, 102, 255, 0.8);\n background: linear-gradient(145deg, rgba(0, 102, 255, 0.35) 0%, rgba(0, 168, 255, 0.35) 100%);\n box-shadow: \n 0 25px 70px rgba(0, 102, 255, 0.6),\n inset 0 2px 30px rgba(0, 102, 255, 0.3);\n }\n\n .payment-card:hover .payment-icon-wrapper::before {\n transform: translateX(100%) translateY(100%) rotate(45deg);\n }\n\n .payment-icon-wrapper img {\n width: 48px;\n height: 48px;\n filter: drop-shadow(0 4px 20px rgba(0, 102, 255, 0.6));\n transition: all 0.4s ease;\n object-fit: contain;\n }\n\n .payment-card:hover .payment-icon-wrapper img {\n filter: drop-shadow(0 8px 30px rgba(0, 102, 255, 0.8));\n transform: scale(1.05);\n }\n\n .payment-name {\n font-size: 1.3rem;\n font-weight: 900;\n color: #fff;\n text-align: center;\n letter-spacing: -0.5px;\n margin-bottom: 0.6rem;\n }\n\n .payment-description {\n font-size: 0.85rem;\n color: rgba(255, 255, 255, 0.65);\n text-align: center;\n line-height: 1.5;\n font-weight: 500;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(60px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* DESKTOP - Large screens *\/\n @media (min-width: 1401px) {\n .features-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n }\n\n \/* DESKTOP - Medium screens *\/\n @media (min-width: 1025px) and (max-width: 1400px) {\n .payment-methods-grid {\n grid-template-columns: repeat(4, 1fr);\n }\n }\n\n \/* TABLET - Landscape and small desktop *\/\n @media (min-width: 769px) and (max-width: 1024px) {\n .payment-section {\n padding: 4rem 5%;\n }\n\n .payment-header h2 {\n font-size: 3rem;\n }\n\n .payment-methods-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 2rem;\n }\n\n .payment-card {\n padding: 2.5rem 1.5rem;\n min-height: 250px;\n }\n }\n\n \/* TABLET - Portrait *\/\n @media (min-width: 481px) and (max-width: 768px) {\n .payment-section {\n padding: 3.5rem 5%;\n }\n\n .payment-header h2 {\n font-size: 2.5rem;\n letter-spacing: -2px;\n }\n\n .payment-header p {\n font-size: 1.1rem;\n }\n\n .payment-methods-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 1.5rem;\n margin-bottom: 3rem;\n }\n\n .payment-card {\n padding: 2rem 1.5rem;\n min-height: 220px;\n border-radius: 24px;\n }\n\n .payment-card::after {\n border-radius: 24px;\n }\n\n .payment-icon-wrapper {\n width: 90px;\n height: 90px;\n margin-bottom: 1.5rem;\n }\n\n .payment-icon-wrapper img {\n width: 50px;\n height: 50px;\n }\n\n .payment-name {\n font-size: 1.3rem;\n }\n\n .payment-description {\n font-size: 0.9rem;\n }\n }\n\n \/* PHONE - All phones *\/\n @media (max-width: 480px) {\n .payment-section {\n padding: 3rem 5%;\n }\n\n .payment-header {\n margin-bottom: 3rem;\n }\n\n .payment-header h2 {\n font-size: 2rem;\n letter-spacing: -1.5px;\n }\n\n .payment-header p {\n font-size: 1rem;\n padding: 0 0.5rem;\n }\n\n .payment-methods-grid {\n grid-template-columns: 1fr;\n gap: 1.5rem;\n margin-bottom: 3rem;\n }\n\n .payment-card {\n padding: 2.5rem 2rem;\n min-height: 220px;\n border-radius: 24px;\n }\n\n .payment-card::after {\n border-radius: 24px;\n }\n\n .payment-icon-wrapper {\n width: 90px;\n height: 90px;\n border-radius: 24px;\n margin-bottom: 1.5rem;\n }\n\n .payment-icon-wrapper img {\n width: 50px;\n height: 50px;\n }\n\n .payment-name {\n font-size: 1.4rem;\n }\n\n .payment-description {\n font-size: 0.95rem;\n }\n }\n\n \/* Touch devices *\/\n @media (hover: none) and (pointer: coarse) {\n .payment-card:active::before {\n opacity: 1;\n transform: translate(25%, 25%);\n }\n\n .payment-card:active {\n transform: translateY(-10px) scale(1.02);\n border-color: rgba(0, 102, 255, 0.7);\n }\n\n .payment-card:active .payment-icon-wrapper {\n transform: scale(1.1) rotate(5deg);\n }\n }\n \n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n background: #0a0a0a;\n color: #ffffff;\n overflow-x: hidden;\n padding: 0;\n min-height: 100vh;\n }\n\n .pricing-section {\n position: relative;\n z-index: 10;\n padding: 4rem 3% 6rem;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n justify-content: center;\n background: #0a0a0a;\n }\n\n .pricing-header {\n text-align: center;\n margin-bottom: 5rem;\n animation: fadeInUp 0.8s ease;\n }\n\n .pricing-header h2 {\n font-size: 4.5rem;\n font-weight: 900;\n margin-bottom: 1.5rem;\n letter-spacing: -3px;\n line-height: 1.1;\n }\n\n .gradient-text {\n background: linear-gradient(135deg, #ffffff 0%, #c0c0c0 30%, #0066ff 50%, #00a8ff 70%, #00e0ff 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n display: inline-block;\n animation: gradientFlow 10s ease infinite;\n background-size: 300% 300%;\n filter: drop-shadow(0 0 30px rgba(0, 102, 255, 0.5));\n }\n\n @keyframes gradientFlow {\n 0%, 100% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n }\n\n .pricing-header p {\n font-size: 1.3rem;\n color: #b0b0b0;\n max-width: 720px;\n margin: 0 auto 2.5rem;\n line-height: 1.8;\n font-weight: 400;\n }\n\n \/* Payment Type Toggle *\/\n .payment-type-toggle {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 1rem;\n margin-bottom: 3rem;\n animation: fadeInUp 0.9s ease;\n }\n\n .toggle-container {\n display: flex;\n background: rgba(20, 20, 20, 0.8);\n border-radius: 16px;\n padding: 0.5rem;\n border: 2px solid rgba(0, 102, 255, 0.3);\n backdrop-filter: blur(20px);\n width: 100%;\n max-width: 400px;\n }\n\n .toggle-btn {\n padding: 1rem 2rem;\n border: none;\n background: transparent;\n color: rgba(255, 255, 255, 0.6);\n font-size: 1rem;\n font-weight: 700;\n border-radius: 12px;\n cursor: pointer;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n flex: 1;\n white-space: nowrap;\n }\n\n .toggle-btn.active {\n background: linear-gradient(135deg, #0066ff 0%, #00a8ff 100%);\n color: #fff;\n box-shadow: 0 8px 25px rgba(0, 102, 255, 0.5);\n }\n\n .toggle-btn:not(.active):hover {\n color: rgba(255, 255, 255, 0.9);\n background: rgba(0, 102, 255, 0.1);\n }\n\n .currency-selector {\n margin-top: 2.5rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 1.2rem;\n }\n\n .currency-status {\n font-size: 0.95rem;\n color: #b0b0b0;\n font-weight: 600;\n padding: 0.6rem 1.5rem;\n background: rgba(0, 102, 255, 0.1);\n border-radius: 50px;\n border: 1px solid rgba(0, 102, 255, 0.3);\n min-height: 38px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .currency-status.updating {\n color: #0066ff;\n animation: pulse 1.5s ease-in-out infinite;\n }\n\n @keyframes pulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.6; }\n }\n\n .currency-buttons {\n display: flex;\n gap: 1rem;\n flex-wrap: wrap;\n justify-content: center;\n }\n\n .currency-btn {\n background: linear-gradient(145deg, rgba(20, 20, 20, 0.8) 0%, rgba(20, 20, 20, 0.6) 100%);\n border: 2px solid rgba(0, 102, 255, 0.2);\n color: rgba(255, 255, 255, 0.8);\n padding: 1rem 2rem;\n border-radius: 16px;\n cursor: pointer;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n backdrop-filter: blur(20px);\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.3rem;\n min-width: 120px;\n }\n\n .currency-btn:hover {\n background: linear-gradient(145deg, rgba(30, 30, 30, 0.9) 0%, rgba(20, 20, 20, 0.7) 100%);\n border-color: rgba(0, 102, 255, 0.5);\n transform: translateY(-3px);\n box-shadow: 0 10px 30px rgba(0, 102, 255, 0.3);\n }\n\n .currency-btn.active {\n background: linear-gradient(135deg, #0066ff 0%, #00a8ff 100%);\n border-color: rgba(0, 168, 255, 0.6);\n color: #fff;\n box-shadow: 0 10px 40px rgba(0, 102, 255, 0.5);\n transform: translateY(-3px);\n }\n\n .currency-code {\n font-size: 1.1rem;\n font-weight: 900;\n letter-spacing: 1px;\n }\n\n .currency-name {\n font-size: 0.75rem;\n font-weight: 600;\n opacity: 0.9;\n }\n\n \/* Pricing Grid Container *\/\n .pricing-grid-container {\n position: relative;\n width: 100%;\n max-width: 1600px;\n margin: 0 auto;\n }\n\n .pricing-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 2.5rem;\n width: 100%;\n perspective: 1500px;\n transition: opacity 0.3s ease, transform 0.3s ease;\n }\n\n .pricing-grid.hidden {\n display: none;\n }\n\n \/* Monthly pricing has only 2 plans *\/\n .pricing-grid.monthly-grid {\n grid-template-columns: repeat(2, 1fr);\n max-width: 900px;\n margin: 0 auto;\n }\n\n .pricing-card {\n background: linear-gradient(145deg, rgba(20, 20, 20, 0.8) 0%, rgba(20, 20, 20, 0.6) 100%);\n border-radius: 32px;\n padding: 3rem 2.5rem;\n border: 2px solid rgba(0, 102, 255, 0.2);\n backdrop-filter: blur(40px);\n position: relative;\n overflow: hidden;\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n animation: fadeInUp 1s ease;\n animation-fill-mode: both;\n display: flex;\n flex-direction: column;\n transform-style: preserve-3d;\n }\n\n .pricing-card:nth-child(1) { animation-delay: 0.1s; }\n .pricing-card:nth-child(2) { animation-delay: 0.2s; }\n .pricing-card:nth-child(3) { animation-delay: 0.3s; }\n .pricing-card:nth-child(4) { animation-delay: 0.4s; }\n\n .pricing-card::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(0, 102, 255, 0.15) 0%, transparent 70%);\n transition: all 0.8s ease;\n opacity: 0;\n pointer-events: none;\n }\n\n .pricing-card:hover::before {\n opacity: 1;\n transform: translate(25%, 25%);\n }\n\n .pricing-card::after {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: 32px;\n padding: 2px;\n background: linear-gradient(135deg, #0066ff, #00a8ff, #00e0ff);\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n opacity: 0;\n transition: opacity 0.6s;\n pointer-events: none;\n }\n\n .pricing-card:hover {\n transform: translateY(-16px) scale(1.02);\n background: linear-gradient(145deg, rgba(25, 25, 25, 0.9) 0%, rgba(20, 20, 20, 0.8) 100%);\n border-color: rgba(0, 102, 255, 0.6);\n box-shadow: \n 0 40px 80px rgba(0, 102, 255, 0.4),\n 0 0 120px rgba(0, 168, 255, 0.3),\n inset 0 1px 0 rgba(255, 255, 255, 0.15);\n }\n\n .pricing-card:hover::after {\n opacity: 1;\n }\n\n .pricing-card.featured {\n border-color: rgba(0, 168, 255, 0.4);\n background: linear-gradient(145deg, rgba(30, 30, 30, 0.9) 0%, rgba(20, 20, 20, 0.7) 100%);\n }\n\n .pricing-card.featured:hover {\n border-color: rgba(0, 168, 255, 0.7);\n box-shadow: \n 0 40px 80px rgba(0, 168, 255, 0.4),\n 0 0 120px rgba(0, 102, 255, 0.3),\n inset 0 1px 0 rgba(255, 255, 255, 0.15);\n }\n\n .card-header {\n text-align: center;\n margin-bottom: 2.5rem;\n padding-bottom: 2.5rem;\n border-bottom: 2px solid rgba(0, 102, 255, 0.15);\n }\n\n .plan-name {\n font-size: 2rem;\n font-weight: 900;\n margin-bottom: 1.5rem;\n letter-spacing: -1px;\n color: #fff;\n text-shadow: 0 4px 15px rgba(0, 102, 255, 0.4);\n }\n\n .plan-price {\n display: flex;\n align-items: baseline;\n justify-content: center;\n gap: 0.5rem;\n margin-bottom: 0.8rem;\n }\n\n .currency {\n font-size: 1.8rem;\n font-weight: 800;\n color: #0066ff;\n }\n\n .price {\n font-size: 4rem;\n font-weight: 900;\n letter-spacing: -4px;\n background: linear-gradient(135deg, #ffffff 0%, #c0c0c0 50%, #b0b0b0 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: priceShine 3s ease-in-out infinite;\n background-size: 200% 200%;\n }\n\n @keyframes priceShine {\n 0%, 100% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n }\n\n .period {\n font-size: 1.1rem;\n color: #b0b0b0;\n font-weight: 600;\n }\n\n .save-badge {\n display: inline-block;\n background: linear-gradient(135deg, rgba(16, 185, 129, 0.3) 0%, rgba(16, 185, 129, 0.2) 100%);\n border: 2px solid rgba(16, 185, 129, 0.6);\n color: #10b981;\n padding: 0.5rem 1.2rem;\n border-radius: 50px;\n font-size: 0.8rem;\n font-weight: 900;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-top: 0.8rem;\n box-shadow: 0 6px 20px rgba(16, 185, 129, 0.3);\n animation: savePulse 2s ease-in-out infinite;\n }\n\n @keyframes savePulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n }\n\n .features-list {\n list-style: none;\n margin-bottom: 2.5rem;\n flex-grow: 1;\n }\n\n .feature-item {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n padding: 0.9rem 0;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border-bottom: 1px solid rgba(0, 102, 255, 0.08);\n border-radius: 12px;\n }\n\n .feature-item:last-child {\n border-bottom: none;\n }\n\n .feature-item:hover {\n padding-left: 0.8rem;\n background: linear-gradient(90deg, rgba(0, 102, 255, 0.12) 0%, transparent 100%);\n transform: translateX(4px);\n }\n\n .feature-icon {\n flex-shrink: 0;\n width: 24px;\n height: 24px;\n background: linear-gradient(135deg, #0066ff 0%, #00a8ff 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.75rem;\n font-weight: 900;\n box-shadow: 0 4px 15px rgba(0, 102, 255, 0.6);\n transition: all 0.3s ease;\n }\n\n .feature-item:hover .feature-icon {\n transform: scale(1.15) rotate(10deg);\n box-shadow: 0 6px 20px rgba(0, 102, 255, 0.8);\n }\n\n .feature-text {\n font-size: 1rem;\n color: rgba(255, 255, 255, 0.85);\n font-weight: 500;\n line-height: 1.6;\n }\n\n .payment-buttons {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n width: 100%;\n margin-top: auto;\n }\n\n .cta-button {\n width: 100%;\n padding: 1rem 1.5rem;\n border-radius: 12px;\n font-weight: 600;\n font-size: 0.95rem;\n border: none;\n cursor: pointer;\n user-select: none;\n transition: all 0.2s ease;\n position: relative;\n overflow: hidden;\n text-transform: none;\n letter-spacing: 0.3px;\n background: linear-gradient(180deg, #00e0ff 0%, #00a8ff 100%);\n color: #fff;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n }\n\n .cta-button span {\n position: relative;\n z-index: 1;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .cta-button:not(.cta-button-secondary):hover {\n transform: translateY(-1px);\n background: linear-gradient(135deg, #006699 0%, #004466 100%);\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.25);\n }\n\n .cta-button:active {\n transform: translateY(0);\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n }\n\n .button-icon {\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .button-icon svg {\n width: 100%;\n height: 100%;\n }\n\n .monthly-price {\n font-size: 0.85rem;\n color: #b0b0b0;\n margin-top: 0.3rem;\n font-weight: 600;\n }\n\n .divider-glow-animated {\n height: 2px;\n background: linear-gradient(90deg, transparent 0%, rgba(0, 102, 255, 0.8) 50%, transparent 100%);\n box-shadow: 0 0 10px rgba(0, 102, 255, 0.5);\n margin: 4rem 0;\n position: relative;\n animation: glowPulse 3s ease-in-out infinite;\n }\n\n @keyframes glowPulse {\n 0%, 100% {\n box-shadow: 0 0 10px rgba(0, 102, 255, 0.5);\n }\n 50% {\n box-shadow: 0 0 20px rgba(0, 102, 255, 0.8), 0 0 30px rgba(0, 168, 255, 0.4);\n }\n }\n\n .trial-section {\n max-width: 600px;\n margin: 5rem auto 0;\n text-align: center;\n animation: fadeInUp 1.2s ease;\n animation-delay: 0.6s;\n animation-fill-mode: both;\n }\n\n .trial-button {\n width: 100%;\n padding: 1.2rem 2rem;\n border-radius: 12px;\n font-weight: 600;\n font-size: 1rem;\n border: none;\n cursor: pointer;\n user-select: none;\n transition: all 0.2s ease;\n position: relative;\n overflow: hidden;\n text-transform: none;\n letter-spacing: 0.3px;\n background: linear-gradient(135deg, #0066ff 0%, #0052d4 100%);\n color: #fff;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.25);\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border: 2px solid rgba(0, 102, 255, 0.5);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n }\n\n .trial-button span {\n position: relative;\n z-index: 1;\n }\n\n .trial-button:hover {\n transform: translateY(-2px);\n background: linear-gradient(135deg, #0052d4 0%, #003d99 100%);\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.25);\n border-color: rgba(0, 102, 255, 0.8);\n }\n\n .trial-button:active {\n transform: translateY(0);\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(60px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @media (max-width: 1400px) {\n .pricing-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 2.5rem;\n }\n \n .pricing-grid.monthly-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 768px) {\n .pricing-section {\n padding: 3rem 4% 5rem;\n }\n \n .pricing-header h2 {\n font-size: 2.8rem;\n letter-spacing: -2px;\n }\n \n .pricing-header p {\n font-size: 1.1rem;\n }\n\n .toggle-container {\n width: 100%;\n max-width: 350px;\n }\n\n .toggle-btn {\n padding: 0.9rem 1.5rem;\n font-size: 1rem;\n }\n\n .currency-buttons {\n flex-direction: column;\n width: 100%;\n max-width: 300px;\n }\n\n .currency-btn {\n width: 100%;\n }\n \n .pricing-grid,\n .pricing-grid.monthly-grid {\n grid-template-columns: 1fr;\n gap: 2.5rem;\n }\n \n .pricing-card {\n padding: 2.5rem 2rem;\n }\n \n .price {\n font-size: 3.2rem;\n }\n \n .plan-name {\n font-size: 1.7rem;\n }\n\n .trial-button {\n font-size: 0.95rem;\n padding: 1.1rem 1.8rem;\n }\n }\n\n @media (max-width: 480px) {\n .pricing-header h2 {\n font-size: 2.2rem;\n }\n \n .pricing-card {\n padding: 2rem 1.5rem;\n }\n \n .price {\n font-size: 2.8rem;\n }\n\n .trial-button {\n font-size: 0.9rem;\n padding: 1rem 1.5rem;\n }\n }\n\n \/* Mobile pricing text fix *\/\n @media (max-width: 768px) {\n .pricing-section .pricing-card,\n .pricing-section .pricing-card *,\n .pricing-section .plan-name,\n .pricing-section .price,\n .pricing-section .currency,\n .pricing-section .period,\n .pricing-section .monthly-price,\n .pricing-section .save-badge,\n .pricing-section .feature-text {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n text-rendering: optimizeLegibility;\n }\n \n .pricing-section .pricing-card {\n backdrop-filter: none;\n -webkit-backdrop-filter: none;\n filter: none;\n transform: translateZ(0);\n }\n \n .pricing-section .price {\n background: none;\n -webkit-background-clip: unset;\n -webkit-text-fill-color: #ffffff;\n color: #ffffff;\n font-weight: 900;\n text-shadow: none;\n }\n \n .pricing-section .pricing-card {\n animation: none;\n transform: none;\n }\n \n .pricing-section .pricing-card:hover {\n transform: translateY(-5px);\n }\n \n .pricing-section .pricing-card::before,\n .pricing-section .pricing-card::after {\n display: none;\n }\n\n .plan-name {\n font-size: 2.5rem !important;\n font-weight: 900 !important;\n margin-bottom: 1.5rem !important;\n letter-spacing: -1.5px !important;\n }\n \n .price {\n font-size: 4.5rem !important;\n font-weight: 900 !important;\n letter-spacing: -4px !important;\n }\n \n .currency {\n font-size: 2.5rem !important;\n font-weight: 800 !important;\n }\n \n .period {\n font-size: 1.3rem !important;\n font-weight: 600 !important;\n }\n \n .monthly-price {\n font-size: 1.1rem !important;\n font-weight: 700 !important;\n }\n \n .save-badge {\n font-size: 1rem !important;\n padding: 0.7rem 1.5rem !important;\n font-weight: 900 !important;\n }\n }\n\n @media (max-width: 480px) {\n .plan-name {\n font-size: 2.2rem !important;\n }\n \n .price {\n font-size: 4rem !important;\n }\n \n .currency {\n font-size: 2.2rem !important;\n }\n \n .period {\n font-size: 1.2rem !important;\n }\n \n .monthly-price {\n font-size: 1rem !important;\n }\n }\n \n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n background: #0a0a0a;\n color: #fff;\n overflow-x: hidden;\n margin: 0;\n }\n\n .trial-section {\n position: relative;\n z-index: 10;\n padding: 3rem 3%;\n background: #0a0a0a;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .trial-section::before {\n display: none;\n }\n\n .trial-content {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .trial-title {\n font-size: clamp(2.5rem, 6vw, 4rem);\n font-weight: 900;\n margin-bottom: 2rem;\n letter-spacing: -2px;\n line-height: 1.1;\n animation: fadeInUp 0.8s ease;\n }\n\n .trial-description {\n font-size: clamp(1.1rem, 3vw, 1.5rem);\n color: rgba(255, 255, 255, 0.7);\n max-width: 750px;\n margin: 0 auto 4rem;\n line-height: 1.8;\n animation: fadeInUp 0.8s ease 0.2s;\n animation-fill-mode: both;\n }\n\n .trial-cta-wrapper {\n animation: fadeInUp 0.8s ease 0.4s;\n animation-fill-mode: both;\n }\n\n.trial-cta {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n padding: 1.5rem 3.5rem;\n background: #0066ff !important; \/* Force solid background *\/\n color: #fff !important;\n font-size: clamp(1rem, 2.5vw, 1.3rem);\n font-weight: 900;\n text-transform: uppercase;\n letter-spacing: 2px;\n border-radius: 18px;\n text-decoration: none;\n transition: all 0.3s ease;\n box-shadow: 0 10px 30px rgba(0, 102, 255, 0.6);\n position: relative;\n overflow: visible; \/* CHANGE THIS - was hidden *\/\n cursor: pointer;\n border: none;\n margin-top: 2rem; \/* ADD SPACE FROM CARD ABOVE *\/\n isolation: isolate; \/* PREVENT BLEED THROUGH *\/\n}\n\n .trial-cta::before {\n display: none;\n }\n\n .trial-cta:hover::before {\n display: none;\n }\n\n .trial-cta span {\n position: relative;\n z-index: 1;\n display: flex;\n align-items: center;\n gap: 0.8rem;\n }\n\n .trial-icon {\n font-size: 2rem;\n animation: bounce 2s infinite;\n display: none;\n }\n\n @keyframes bounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-8px); }\n }\n\n .trial-cta:hover {\n transform: translateY(-10px) scale(1.05);\n box-shadow: \n 0 35px 90px rgba(0, 102, 255, 0.9),\n 0 0 120px rgba(0, 102, 255, 0.5),\n inset 0 1px 0 rgba(255, 255, 255, 0.4);\n border-color: rgba(255, 255, 255, 0.3);\n }\n\n .trial-cta:active {\n transform: translateY(-7px) scale(1.02);\n }\n\n .trial-note {\n margin-top: 2.5rem;\n font-size: clamp(0.9rem, 2vw, 1.05rem);\n color: rgba(255, 255, 255, 0.5);\n animation: fadeInUp 0.8s ease 0.6s;\n animation-fill-mode: both;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .trial-section {\n padding: 5rem 5%;\n }\n\n .trial-title {\n margin-bottom: 1.5rem;\n letter-spacing: -2px;\n }\n\n .trial-description {\n margin-bottom: 3rem;\n }\n\n .trial-cta {\n padding: 1.5rem 3.5rem;\n border-radius: 16px;\n }\n\n .trial-icon {\n font-size: 1.6rem;\n }\n\n .trial-note {\n margin-top: 2rem;\n padding: 0 1rem;\n }\n }\n\n @media (max-width: 480px) {\n .trial-section {\n padding: 4rem 5%;\n }\n\n .trial-cta {\n padding: 1.3rem 2.5rem;\n letter-spacing: 1px;\n }\n\n .trial-icon {\n font-size: 1.4rem;\n }\n }\n \n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n background: #0a0a0a;\n color: #fff;\n overflow-x: hidden;\n padding: 0;\n min-height: 100vh;\n }\n\n .features-section {\n position: relative;\n z-index: 10;\n padding: 4rem 3%;\n background: linear-gradient(180deg, #0a0a0a 0%, #0a0a0a 50%, #0a0a0a 100%);\n }\n\n .features-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: #0a0a0a\n radial-gradient(circle at 20% 30%, rgba(0, 102, 255, 0.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(0, 168, 255, 0.08) 0%, transparent 50%);\n pointer-events: none;\n animation: pulseGlow 8s ease-in-out infinite;\n }\n\n @keyframes pulseGlow {\n 0%, 100% { opacity: 0.5; }\n 50% { opacity: 1; }\n }\n\n .features-header {\n text-align: center;\n margin-bottom: 4rem;\n animation: fadeInUp 0.8s ease;\n position: relative;\n z-index: 2;\n }\n\n .features-header h2 {\n font-size: 3.5rem;\n font-weight: 900;\n margin-bottom: 1.2rem;\n letter-spacing: -2px;\n line-height: 1.1;\n }\n\n .features-header p {\n font-size: 1.2rem;\n color: rgba(255, 255, 255, 0.75);\n max-width: 850px;\n margin: 0 auto;\n line-height: 1.6;\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 2.5rem;\n max-width: 1600px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n }\n\n .feature-card {\n background: linear-gradient(145deg, rgba(15, 15, 15, 0.95) 0%, rgba(15, 15, 15, 0.85) 100%);\n border-radius: 32px;\n padding: 3rem 2.5rem;\n border: 2px solid rgba(0, 102, 255, 0.3);\n backdrop-filter: blur(60px);\n position: relative;\n overflow: hidden;\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n animation: fadeInUp 1s ease;\n animation-fill-mode: both;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n\n .feature-card:nth-child(1) { animation-delay: 0.1s; }\n .feature-card:nth-child(2) { animation-delay: 0.2s; }\n .feature-card:nth-child(3) { animation-delay: 0.3s; }\n .feature-card:nth-child(4) { animation-delay: 0.4s; }\n .feature-card:nth-child(5) { animation-delay: 0.5s; }\n .feature-card:nth-child(6) { animation-delay: 0.6s; }\n\n .feature-card::before {\n content: '';\n position: absolute;\n inset: -100%;\n background: conic-gradient(from 0deg at 50% 50%, transparent 0deg, rgba(0, 102, 255, 0.4) 90deg, transparent 180deg);\n animation: rotate 6s linear infinite;\n opacity: 0;\n transition: opacity 0.6s;\n }\n\n @keyframes rotate {\n 100% { transform: rotate(360deg); }\n }\n\n .feature-card::after {\n content: '';\n position: absolute;\n inset: 2px;\n background: linear-gradient(145deg, rgba(15, 15, 15, 0.98) 0%, rgba(15, 15, 15, 0.92) 100%);\n border-radius: 30px;\n z-index: 1;\n }\n\n .feature-card > * {\n position: relative;\n z-index: 2;\n }\n\n @media (hover: hover) {\n .feature-card:hover::before {\n opacity: 1;\n }\n\n .feature-card:hover {\n transform: translateY(-12px) scale(1.03);\n border-color: rgba(0, 102, 255, 0.8);\n box-shadow: \n 0 40px 80px rgba(0, 102, 255, 0.6),\n 0 0 120px rgba(0, 168, 255, 0.5),\n inset 0 2px 0 rgba(255, 255, 255, 0.25);\n }\n\n .feature-card:hover .icon-wrapper {\n transform: scale(1.08) translateY(-6px) rotate(5deg);\n border-color: rgba(0, 102, 255, 0.9);\n background: linear-gradient(135deg, rgba(0, 102, 255, 0.4) 0%, rgba(0, 168, 255, 0.4) 100%);\n box-shadow: \n 0 25px 60px rgba(0, 102, 255, 0.7),\n inset 0 2px 30px rgba(0, 102, 255, 0.35);\n }\n\n .feature-card:hover .icon-wrapper::before {\n transform: translateX(100%) translateY(100%) rotate(45deg);\n }\n\n .feature-card:hover .icon-wrapper svg {\n stroke: #e0d7ff;\n filter: drop-shadow(0 8px 30px rgba(0, 102, 255, 1));\n transform: scale(1.06);\n }\n\n .feature-card:hover .feature-value {\n transform: scale(1.03);\n filter: drop-shadow(0 0 15px rgba(0, 168, 255, 0.8));\n }\n\n .feature-card:hover .feature-title {\n color: #c0c0c0;\n text-shadow: 0 0 20px rgba(0, 168, 255, 0.6);\n }\n }\n\n .icon-wrapper {\n width: 110px;\n height: 110px;\n background: linear-gradient(135deg, rgba(0, 102, 255, 0.25) 0%, rgba(0, 168, 255, 0.25) 100%);\n border-radius: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 2rem;\n border: 2px solid rgba(0, 102, 255, 0.5);\n box-shadow: \n 0 20px 50px rgba(0, 102, 255, 0.4),\n inset 0 2px 20px rgba(0, 102, 255, 0.2);\n transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\n position: relative;\n overflow: hidden;\n }\n\n .icon-wrapper::before {\n content: '';\n position: absolute;\n inset: -50%;\n background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.2), transparent);\n transform: translateX(-100%) translateY(-100%) rotate(45deg);\n transition: transform 0.8s;\n }\n\n .icon-wrapper svg {\n width: 55px;\n height: 55px;\n fill: none;\n stroke: #00a8ff;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n filter: drop-shadow(0 5px 20px rgba(0, 102, 255, 0.7));\n transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n\n .feature-title {\n font-size: 1.8rem;\n font-weight: 900;\n margin-bottom: 1rem;\n color: #fff;\n letter-spacing: -0.5px;\n line-height: 1.2;\n transition: all 0.4s ease;\n }\n\n .feature-value {\n font-size: 2.5rem;\n font-weight: 900;\n background: linear-gradient(135deg, #ffffff 0%, #c0c0c0 50%, #00a8ff 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 0.8rem;\n display: block;\n line-height: 1;\n transition: all 0.4s ease;\n }\n\n .feature-description {\n font-size: 1rem;\n color: rgba(255, 255, 255, 0.8);\n line-height: 1.6;\n margin-bottom: 1.5rem;\n }\n\n .feature-list {\n list-style: none;\n text-align: left;\n width: 100%;\n }\n\n .feature-list li {\n display: flex;\n align-items: center;\n gap: 0.8rem;\n padding: 0.7rem 0;\n font-size: 0.95rem;\n color: rgba(255, 255, 255, 0.85);\n border-bottom: 1px solid rgba(0, 102, 255, 0.12);\n transition: all 0.3s ease;\n }\n\n .feature-list li:last-child {\n border-bottom: none;\n }\n\n @media (hover: hover) {\n .feature-list li:hover {\n color: rgba(255, 255, 255, 1);\n padding-left: 0.4rem;\n }\n\n .feature-list li:hover::before {\n transform: scale(1.1);\n box-shadow: 0 4px 15px rgba(16, 185, 129, 0.6);\n }\n }\n\n .feature-list li::before {\n content: '\u2713';\n width: 22px;\n height: 22px;\n background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.85rem;\n font-weight: 900;\n flex-shrink: 0;\n box-shadow: 0 3px 12px rgba(16, 185, 129, 0.4);\n transition: all 0.3s ease;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @media (max-width: 1400px) {\n .features-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 2rem;\n }\n }\n\n @media (max-width: 768px) {\n .features-section {\n padding: 3rem 5%;\n }\n\n .features-header {\n margin-bottom: 3rem;\n }\n\n .features-header h2 {\n font-size: 2.5rem;\n letter-spacing: -1.5px;\n margin-bottom: 1rem;\n }\n\n .features-header p {\n font-size: 1.05rem;\n padding: 0 1rem;\n line-height: 1.6;\n }\n\n .features-grid {\n grid-template-columns: 1fr;\n gap: 1.5rem;\n padding: 0 1rem;\n }\n\n .feature-card {\n padding: 2.5rem 2rem;\n border-radius: 28px;\n border-width: 1.5px;\n }\n\n .feature-card::after {\n border-radius: 26px;\n }\n\n .icon-wrapper {\n width: 95px;\n height: 95px;\n margin-bottom: 1.5rem;\n border-radius: 24px;\n }\n\n .icon-wrapper svg {\n width: 48px;\n height: 48px;\n }\n\n .feature-title {\n font-size: 1.6rem;\n margin-bottom: 0.8rem;\n }\n\n .feature-value {\n font-size: 2.2rem;\n }\n\n .feature-description {\n font-size: 0.95rem;\n line-height: 1.5;\n margin-bottom: 1.2rem;\n }\n\n .feature-list li {\n font-size: 0.9rem;\n padding: 0.6rem 0;\n }\n\n .feature-list li::before {\n width: 20px;\n height: 20px;\n font-size: 0.8rem;\n }\n }\n\n @media (max-width: 480px) {\n .features-section {\n padding: 2.5rem 4%;\n }\n\n .features-header {\n margin-bottom: 2.5rem;\n }\n\n .features-header h2 {\n font-size: 2rem;\n letter-spacing: -1px;\n }\n\n .features-header p {\n font-size: 0.95rem;\n padding: 0 0.5rem;\n }\n\n .features-grid {\n gap: 1.2rem;\n padding: 0 0.5rem;\n }\n\n .feature-card {\n padding: 2rem 1.5rem;\n border-radius: 24px;\n }\n\n .feature-card::after {\n border-radius: 22px;\n }\n\n .icon-wrapper {\n width: 85px;\n height: 85px;\n margin-bottom: 1.2rem;\n border-radius: 20px;\n }\n\n .icon-wrapper svg {\n width: 42px;\n height: 42px;\n }\n\n .feature-title {\n font-size: 1.4rem;\n margin-bottom: 0.7rem;\n }\n\n .feature-value {\n font-size: 2rem;\n margin-bottom: 0.6rem;\n }\n\n .feature-description {\n font-size: 0.9rem;\n line-height: 1.4;\n margin-bottom: 1rem;\n }\n\n .feature-list li {\n font-size: 0.85rem;\n padding: 0.5rem 0;\n gap: 0.7rem;\n }\n\n .feature-list li::before {\n width: 18px;\n height: 18px;\n font-size: 0.75rem;\n }\n }\n\n @media (max-width: 360px) {\n .features-header h2 {\n font-size: 1.8rem;\n }\n\n .features-header p {\n font-size: 0.9rem;\n }\n\n .feature-card {\n padding: 1.8rem 1.2rem;\n }\n\n .icon-wrapper {\n width: 75px;\n height: 75px;\n }\n\n .icon-wrapper svg {\n width: 38px;\n height: 38px;\n }\n\n .feature-title {\n font-size: 1.3rem;\n }\n\n .feature-value {\n font-size: 1.8rem;\n }\n\n .feature-description {\n font-size: 0.85rem;\n }\n }\n \n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n background: #0a0a0a;\n color: #fff;\n overflow-x: hidden;\n padding: 0;\n min-height: 100vh;\n }\n \n .reviews-container {\n position: relative;\n z-index: 10;\n max-width: 100%;\n margin: 0 auto;\n padding: 4rem 0 4rem;\n }\n\n \/* Reviews Section Header *\/\n .reviews-header {\n text-align: center;\n margin-bottom: 3rem;\n animation: reviewsFadeInDown 0.8s ease-out;\n }\n\n @keyframes reviewsFadeInDown {\n from {\n opacity: 0;\n transform: translateY(-30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .reviews-header h2 {\n font-size: clamp(2rem, 7vw, 4.5rem);\n font-weight: 900;\n letter-spacing: -3px;\n margin-bottom: 1.5rem;\n line-height: 1.2;\n }\n\n @media (max-width: 768px) {\n .reviews-header h2 {\n font-size: clamp(1.8rem, 8vw, 2.5rem);\n letter-spacing: -1.5px;\n line-height: 1.3;\n }\n }\n\n .reviews-gradient-text {\n background: linear-gradient(135deg, #ffffff 0%, #c0c0c0 30%, #00a8ff 50%, #00a8ff 70%, #0066ff 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n display: inline-block;\n animation: reviewsGradientFlow 10s ease infinite;\n background-size: 300% 300%;\n filter: drop-shadow(0 0 30px rgba(0, 168, 255, 0.5));\n }\n\n @keyframes reviewsGradientFlow {\n 0%, 100% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n }\n\n .reviews-header p {\n font-size: 1.3rem;\n color: rgba(255, 255, 255, 0.7);\n max-width: 720px;\n margin: 0 auto 1.5rem;\n line-height: 1.8;\n font-weight: 400;\n }\n\n \/* Live Counter Badge *\/\n .reviews-live-counter {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n background: rgba(16, 185, 129, 0.15);\n border: 1px solid rgba(16, 185, 129, 0.4);\n padding: 0.6rem 1.2rem;\n border-radius: 50px;\n font-size: 0.9rem;\n animation: reviewsPulse 2s infinite;\n }\n\n @keyframes reviewsPulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.8; }\n }\n\n .reviews-live-dot {\n width: 8px;\n height: 8px;\n background: #10b981;\n border-radius: 50%;\n animation: reviewsBlink 1.5s infinite;\n }\n\n @keyframes reviewsBlink {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.3; }\n }\n\n .reviews-live-counter strong {\n color: #10b981;\n font-weight: 700;\n }\n\n \/* Trust Badges *\/\n .reviews-trust-badges {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 1rem;\n margin-bottom: 3rem;\n flex-wrap: wrap;\n padding: 0 1rem;\n }\n\n .reviews-trust-badge {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.5rem;\n padding: 1rem 1.5rem;\n background: linear-gradient(145deg, rgba(15, 15, 15, 0.7) 0%, rgba(15, 15, 15, 0.5) 100%);\n border: 2px solid rgba(0, 102, 255, 0.2);\n border-radius: 20px;\n backdrop-filter: blur(40px);\n transition: all 0.3s ease;\n min-width: 140px;\n flex: 1;\n max-width: 180px;\n }\n\n @media (hover: hover) {\n .reviews-trust-badge:hover {\n transform: translateY(-5px);\n border-color: rgba(0, 102, 255, 0.5);\n box-shadow: 0 20px 40px rgba(0, 102, 255, 0.3);\n }\n }\n\n .reviews-trust-badge-logo {\n font-size: 1.2rem;\n font-weight: 900;\n height: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .reviews-trustpilot-logo {\n color: #00b67a;\n }\n\n .reviews-google-logo {\n background: linear-gradient(135deg, #4285f4, #ea4335, #fbbc05, #34a853);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .reviews-reddit-logo {\n color: #ff4500;\n }\n\n .reviews-trust-badge-rating {\n display: flex;\n align-items: center;\n gap: 0.4rem;\n }\n\n .reviews-trust-stars {\n color: #fbbf24;\n font-size: 0.9rem;\n }\n\n .reviews-trust-score {\n font-size: 1rem;\n font-weight: 700;\n color: #fff;\n }\n\n .reviews-trust-reviews {\n font-size: 0.7rem;\n color: rgba(255, 255, 255, 0.5);\n }\n\n \/* Reviews Carousel *\/\n .reviews-slider-container {\n width: 100%;\n position: relative;\n overflow: hidden;\n }\n\n .reviews-scroll-wrapper {\n overflow-x: auto;\n overflow-y: hidden;\n padding: 2rem 0;\n scrollbar-width: none;\n width: 100%;\n -webkit-overflow-scrolling: touch;\n cursor: grab;\n user-select: none;\n background: linear-gradient(145deg, rgba(15, 15, 15, 0.3) 0%, rgba(15, 15, 15, 0.1) 100%);\n border: 2px solid rgba(0, 102, 255, 0.15);\n backdrop-filter: blur(20px);\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\n border-radius: 24px;\n }\n\n .reviews-scroll-wrapper:active {\n cursor: grabbing;\n }\n\n .reviews-scroll-wrapper::-webkit-scrollbar {\n display: none;\n }\n\n .reviews-carousel {\n display: flex;\n gap: 1.5rem;\n padding: 0 1.5rem;\n will-change: transform;\n }\n\n \/* Review Card *\/\n .reviews-review-card {\n background: linear-gradient(145deg, rgba(15, 15, 15, 0.7) 0%, rgba(15, 15, 15, 0.5) 100%);\n border: 2px solid rgba(0, 102, 255, 0.2);\n border-radius: 32px;\n padding: 2rem;\n min-width: 380px;\n width: 380px;\n min-height: 400px;\n position: relative;\n overflow: hidden;\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n backdrop-filter: blur(40px);\n flex-shrink: 0;\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\n display: flex;\n flex-direction: column;\n }\n\n @media (max-width: 640px) {\n .reviews-review-card {\n min-width: 320px;\n width: 320px;\n min-height: 360px;\n padding: 1.5rem;\n }\n }\n\n .reviews-review-card::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(0, 102, 255, 0.15) 0%, transparent 70%);\n transition: all 0.8s ease;\n opacity: 0;\n pointer-events: none;\n }\n\n @media (hover: hover) {\n .reviews-review-card:hover {\n transform: translateY(-12px) scale(1.02);\n border-color: rgba(0, 102, 255, 0.6);\n box-shadow: \n 0 30px 60px rgba(0, 102, 255, 0.4),\n 0 0 100px rgba(0, 168, 255, 0.3),\n inset 0 1px 0 rgba(255, 255, 255, 0.15);\n }\n\n .reviews-review-card:hover::before {\n opacity: 1;\n transform: translate(25%, 25%);\n }\n }\n\n \/* Review Header *\/\n .reviews-review-header {\n display: flex;\n align-items: center;\n gap: 0.8rem;\n margin-bottom: 1.2rem;\n }\n\n .reviews-reviewer-avatar {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background: linear-gradient(135deg, #0066ff 0%, #00a8ff 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.3rem;\n font-weight: 700;\n color: #fff;\n flex-shrink: 0;\n border: 2px solid rgba(0, 102, 255, 0.5);\n box-shadow: 0 4px 15px rgba(0, 102, 255, 0.4);\n }\n\n .reviews-reviewer-info {\n flex: 1;\n }\n\n .reviews-reviewer-name {\n font-size: 1.1rem;\n font-weight: 700;\n color: #fff;\n margin-bottom: 0.2rem;\n }\n\n .reviews-reviewer-meta {\n font-size: 0.8rem;\n color: rgba(255, 255, 255, 0.5);\n display: flex;\n align-items: center;\n gap: 0.4rem;\n flex-wrap: wrap;\n }\n\n .reviews-verified-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.3rem;\n background: rgba(16, 185, 129, 0.2);\n border: 1px solid rgba(16, 185, 129, 0.4);\n padding: 0.25rem 0.6rem;\n border-radius: 20px;\n font-size: 0.7rem;\n font-weight: 600;\n color: #10b981;\n margin-top: 0.3rem;\n }\n\n \/* Usage Badge *\/\n .reviews-usage-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.3rem;\n background: rgba(0, 102, 255, 0.2);\n border: 1px solid rgba(0, 102, 255, 0.3);\n padding: 0.25rem 0.6rem;\n border-radius: 20px;\n font-size: 0.7rem;\n font-weight: 600;\n color: #00a8ff;\n margin-top: 0.3rem;\n }\n\n \/* Review Stars *\/\n .reviews-review-stars {\n display: flex;\n gap: 0.2rem;\n margin-bottom: 1rem;\n }\n\n .reviews-star {\n font-size: 1.1rem;\n color: #fbbf24;\n text-shadow: 0 2px 8px rgba(251, 191, 36, 0.4);\n }\n\n \/* Review Content *\/\n .reviews-review-text {\n color: rgba(255, 255, 255, 0.9);\n line-height: 1.6;\n font-size: 0.95rem;\n margin-bottom: 1.2rem;\n flex-grow: 1;\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 5;\n -webkit-box-orient: vertical;\n text-overflow: ellipsis;\n }\n\n \/* Helpful Section *\/\n .reviews-review-helpful {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding-top: 0.8rem;\n border-top: 1px solid rgba(0, 102, 255, 0.2);\n margin-top: auto;\n }\n\n .reviews-helpful-count {\n font-size: 0.8rem;\n color: rgba(255, 255, 255, 0.5);\n }\n\n .reviews-helpful-count strong {\n color: #10b981;\n font-weight: 700;\n }\n\n \/* Review Tags *\/\n .reviews-review-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 0.5rem;\n margin-top: 0.8rem;\n }\n\n .reviews-review-tag {\n padding: 0.4rem 0.8rem;\n background: rgba(0, 102, 255, 0.2);\n border: 1px solid rgba(0, 102, 255, 0.3);\n border-radius: 20px;\n font-size: 0.75rem;\n color: #00a8ff;\n font-weight: 500;\n }\n\n \/* Review Date *\/\n .reviews-review-date {\n font-size: 0.8rem;\n color: rgba(255, 255, 255, 0.4);\n }\n\n \/* CTA Button *\/\n .reviews-cta-container {\n display: flex;\n justify-content: center;\n margin-top: 2rem;\n margin-bottom: 1rem;\n }\n\n .reviews-cta-btn {\n display: inline-flex;\n align-items: center;\n gap: 0.6rem;\n padding: 0.75rem 1.5rem;\n background: linear-gradient(135deg, #0066ff 0%, #00a8ff 50%, #00e0ff 100%);\n color: #fff;\n font-size: 0.9rem;\n font-weight: 700;\n text-decoration: none;\n border-radius: 16px;\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 10px 30px rgba(0, 102, 255, 0.4);\n border: none;\n cursor: pointer;\n position: relative;\n overflow: hidden;\n letter-spacing: 1px;\n text-transform: uppercase;\n }\n\n .reviews-cta-btn::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 0;\n height: 0;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.25);\n transform: translate(-50%, -50%);\n transition: width 0.7s, height 0.7s;\n pointer-events: none;\n }\n\n @media (hover: hover) {\n .reviews-cta-btn:hover {\n transform: translateY(-4px) scale(1.02);\n box-shadow: \n 0 20px 50px rgba(0, 102, 255, 0.6),\n 0 0 80px rgba(0, 168, 255, 0.4),\n inset 0 1px 0 rgba(255, 255, 255, 0.2);\n }\n \n .reviews-cta-btn:hover::before {\n width: 300px;\n height: 300px;\n }\n }\n\n .reviews-cta-btn span {\n position: relative;\n z-index: 1;\n }\n\n @media (max-width: 640px) {\n .reviews-cta-btn {\n padding: 0.7rem 1.3rem;\n font-size: 0.85rem;\n }\n }\n\n @keyframes reviewsFadeInUp {\n from {\n opacity: 0;\n transform: translateY(60px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n background: #0a0a0a;\n color: #fff;\n overflow-x: hidden;\n padding: 0;\n min-height: 100vh;\n }\n\n .security-section {\n position: relative;\n z-index: 10;\n padding: 5rem 3%;\n background: #0a0a0a;\n }\n\n .security-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: #0a0a0a\n radial-gradient(circle at 25% 50%, rgba(0, 102, 255, 0.08) 0%, transparent 50%),\n radial-gradient(circle at 75% 50%, rgba(0, 168, 255, 0.08) 0%, transparent 50%);\n pointer-events: none;\n animation: pulseGlow 8s ease-in-out infinite;\n }\n\n @keyframes pulseGlow {\n 0%, 100% { opacity: 0.5; }\n 50% { opacity: 1; }\n }\n\n .security-container {\n max-width: 1400px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n }\n\n .security-header {\n text-align: center;\n margin-bottom: 4.5rem;\n animation: fadeInUp 0.8s ease;\n }\n\n .security-header h2 {\n font-size: 4rem;\n font-weight: 900;\n margin-bottom: 1.2rem;\n letter-spacing: -2.5px;\n line-height: 1.1;\n }\n\n .security-header p {\n font-size: 1.3rem;\n color: rgba(255, 255, 255, 0.75);\n max-width: 800px;\n margin: 0 auto;\n line-height: 1.8;\n }\n\n .security-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 2.5rem;\n animation: fadeInUp 1s ease;\n animation-delay: 0.2s;\n animation-fill-mode: both;\n }\n\n .security-card {\n background: linear-gradient(145deg, rgba(15, 15, 15, 0.9) 0%, rgba(15, 15, 15, 0.7) 100%);\n border-radius: 32px;\n padding: 3rem 2rem;\n border: 2px solid rgba(0, 102, 255, 0.3);\n backdrop-filter: blur(60px);\n position: relative;\n overflow: hidden;\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n animation: fadeInUp 1s ease;\n animation-fill-mode: both;\n }\n\n .security-card:nth-child(1) { animation-delay: 0.1s; }\n .security-card:nth-child(2) { animation-delay: 0.2s; }\n .security-card:nth-child(3) { animation-delay: 0.3s; }\n .security-card:nth-child(4) { animation-delay: 0.4s; }\n .security-card:nth-child(5) { animation-delay: 0.5s; }\n\n .security-card::before {\n content: '';\n position: absolute;\n inset: -100%;\n background: conic-gradient(from 0deg at 50% 50%, transparent 0deg, rgba(0, 102, 255, 0.4) 90deg, transparent 180deg);\n animation: rotate 6s linear infinite;\n opacity: 0;\n transition: opacity 0.6s;\n }\n\n @keyframes rotate {\n 100% { transform: rotate(360deg); }\n }\n\n .security-card::after {\n content: '';\n position: absolute;\n inset: 2px;\n background: linear-gradient(145deg, rgba(15, 15, 15, 0.98) 0%, rgba(15, 15, 15, 0.92) 100%);\n border-radius: 30px;\n z-index: 1;\n }\n\n .security-card > * {\n position: relative;\n z-index: 2;\n }\n\n @media (hover: hover) {\n .security-card:hover::before {\n opacity: 1;\n }\n\n .security-card:hover {\n transform: translateY(-15px) scale(1.04);\n border-color: rgba(0, 102, 255, 0.8);\n box-shadow: \n 0 50px 100px rgba(0, 102, 255, 0.6),\n 0 0 150px rgba(0, 168, 255, 0.5),\n inset 0 2px 0 rgba(255, 255, 255, 0.25);\n }\n\n .security-card:hover .security-icon {\n transform: scale(1.15) rotate(5deg);\n border-color: rgba(0, 102, 255, 0.9);\n background: linear-gradient(135deg, rgba(0, 102, 255, 0.4) 0%, rgba(0, 168, 255, 0.4) 100%);\n box-shadow: \n 0 30px 80px rgba(0, 102, 255, 0.7),\n inset 0 2px 35px rgba(0, 102, 255, 0.35);\n }\n\n .security-card:hover .security-icon::before {\n transform: translateX(100%) translateY(100%) rotate(45deg);\n }\n\n .security-card:hover .security-icon svg {\n stroke: #e0d7ff;\n filter: drop-shadow(0 10px 40px rgba(0, 102, 255, 1));\n transform: scale(1.08);\n }\n\n .security-card:hover .security-title {\n color: #c0c0c0;\n text-shadow: 0 0 25px rgba(0, 168, 255, 0.6);\n }\n }\n\n .security-icon {\n width: 110px;\n height: 110px;\n background: linear-gradient(135deg, rgba(0, 102, 255, 0.25) 0%, rgba(0, 168, 255, 0.25) 100%);\n border-radius: 30px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 2rem;\n border: 2px solid rgba(0, 102, 255, 0.5);\n box-shadow: \n 0 20px 60px rgba(0, 102, 255, 0.4),\n inset 0 2px 25px rgba(0, 102, 255, 0.2);\n transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\n position: relative;\n overflow: hidden;\n }\n\n .security-icon::before {\n content: '';\n position: absolute;\n inset: -50%;\n background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.2), transparent);\n transform: translateX(-100%) translateY(-100%) rotate(45deg);\n transition: transform 0.8s;\n }\n\n .security-icon svg {\n width: 55px;\n height: 55px;\n fill: none;\n stroke: #00a8ff;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n filter: drop-shadow(0 6px 25px rgba(0, 102, 255, 0.7));\n transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n\n .security-title {\n font-size: 1.3rem;\n font-weight: 900;\n margin-bottom: 0.8rem;\n color: #fff;\n letter-spacing: -0.5px;\n line-height: 1.3;\n transition: all 0.4s ease;\n }\n\n .security-description {\n font-size: 0.9rem;\n color: rgba(255, 255, 255, 0.7);\n line-height: 1.6;\n font-weight: 500;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(60px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* Tablet Layout: 2-2-1 with the single card centered *\/\n @media (max-width: 1024px) and (min-width: 769px) {\n .security-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 2rem;\n }\n \n \/* Make the last card span both columns on tablet *\/\n .security-card:nth-child(5) {\n grid-column: 1 \/ span 2;\n max-width: 400px;\n justify-self: center;\n margin-top: 1rem;\n }\n }\n\n @media (max-width: 968px) {\n .security-section {\n padding: 4rem 5%;\n }\n\n .security-header {\n margin-bottom: 3.5rem;\n }\n\n .security-header h2 {\n font-size: 2.8rem;\n letter-spacing: -2px;\n margin-bottom: 1rem;\n }\n\n .security-header p {\n font-size: 1.15rem;\n padding: 0 1rem;\n }\n\n .security-card {\n padding: 2.5rem 1.8rem;\n border-radius: 28px;\n }\n\n .security-card::after {\n border-radius: 26px;\n }\n\n .security-icon {\n width: 95px;\n height: 95px;\n margin-bottom: 1.8rem;\n border-radius: 26px;\n }\n\n .security-icon svg {\n width: 48px;\n height: 48px;\n }\n\n .security-title {\n font-size: 1.2rem;\n margin-bottom: 0.7rem;\n }\n\n .security-description {\n font-size: 0.85rem;\n }\n }\n\n @media (max-width: 768px) {\n .security-section {\n padding: 3.5rem 5%;\n }\n\n .security-header {\n margin-bottom: 3rem;\n }\n\n .security-header h2 {\n font-size: 2.2rem;\n letter-spacing: -1.5px;\n }\n\n .security-header p {\n font-size: 1.05rem;\n padding: 0 0.5rem;\n }\n\n .security-grid {\n grid-template-columns: 1fr;\n gap: 1.8rem;\n max-width: 500px;\n margin: 0 auto;\n }\n \n \/* Reset the last card to single column on mobile *\/\n .security-card:nth-child(5) {\n grid-column: 1;\n max-width: none;\n margin-top: 0;\n }\n\n .security-card {\n padding: 2.5rem 2rem;\n border-radius: 26px;\n }\n\n .security-card::after {\n border-radius: 24px;\n }\n\n .security-icon {\n width: 90px;\n height: 90px;\n margin-bottom: 1.6rem;\n border-radius: 24px;\n }\n\n .security-icon svg {\n width: 45px;\n height: 45px;\n }\n\n .security-title {\n font-size: 1.15rem;\n }\n\n .security-description {\n font-size: 0.82rem;\n }\n }\n\n @media (max-width: 480px) {\n .security-section {\n padding: 3rem 4%;\n }\n\n .security-header h2 {\n font-size: 1.9rem;\n letter-spacing: -1px;\n }\n\n .security-header p {\n font-size: 0.95rem;\n }\n\n .security-card {\n padding: 2rem 1.5rem;\n border-radius: 24px;\n }\n\n .security-card::after {\n border-radius: 22px;\n }\n\n .security-icon {\n width: 80px;\n height: 80px;\n margin-bottom: 1.4rem;\n border-radius: 22px;\n }\n\n .security-icon svg {\n width: 40px;\n height: 40px;\n }\n\n .security-title {\n font-size: 1.05rem;\n margin-bottom: 0.6rem;\n }\n\n .security-description {\n font-size: 0.78rem;\n }\n }\n\n @media (max-width: 360px) {\n .security-header h2 {\n font-size: 1.7rem;\n }\n\n .security-header p {\n font-size: 0.88rem;\n }\n\n .security-icon {\n width: 75px;\n height: 75px;\n }\n\n .security-icon svg {\n width: 38px;\n height: 38px;\n }\n\n .security-title {\n font-size: 1rem;\n }\n }\n \n \n :root {\n --color-1: #0066ff;\n --color-2: #0066ff;\n --color-3: #0066ff;\n --color-4: #00a8ff;\n --stroke-light: rgba(148,163,184,.18);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n -webkit-tap-highlight-color: transparent;\n }\n\n footer {\n position: relative;\n z-index: 10;\n background: rgba(10, 10, 10, 0.95);\n border-top: 1px solid rgba(0, 102, 255, 0.2);\n backdrop-filter: blur(30px);\n margin-top: 6rem;\n overflow: hidden;\n margin-bottom: 0;\n padding-bottom: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;\n color: #fff;\n }\n\n footer::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 2px;\n background: linear-gradient(90deg, transparent, #0066ff, #00a8ff, transparent);\n animation: borderSlide 3s ease-in-out infinite;\n }\n\n @keyframes borderSlide {\n 0%, 100% { left: -100%; }\n 50% { left: 100%; }\n }\n\n .footer-content {\n max-width: 1400px;\n margin: 0 auto;\n padding: 5rem 7% 3rem;\n }\n\n .footer-grid {\n display: grid;\n grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;\n gap: 4rem;\n margin-bottom: 4rem;\n }\n\n .footer-brand {\n animation: fadeInUp 0.8s ease;\n }\n\n .logo {\n display: flex;\n align-items: center;\n gap: 1rem;\n font-size: 1.9rem;\n font-weight: 900;\n letter-spacing: -1px;\n margin-bottom: 1.5rem;\n cursor: pointer;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n }\n\n .logo:hover {\n transform: translateY(-3px);\n }\n\n .logo:hover .logo-icon {\n transform: scale(1.05) rotate(5deg);\n }\n\n .logo:hover .logo-icon::before {\n transform: scale(1.1);\n opacity: 1;\n }\n\n .logo-icon {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #0066ff 0%, #0066ff 50%, #00a8ff 100%);\n border-radius: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n flex-shrink: 0;\n box-shadow: \n 0 10px 30px rgba(0, 102, 255, 0.7),\n inset 0 1px 0 rgba(255, 255, 255, 0.2);\n animation: logoGlow 3s ease-in-out infinite;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .logo-icon::before {\n content: '';\n position: absolute;\n inset: -4px;\n border-radius: 16px;\n background: linear-gradient(135deg, #0066ff, #00a8ff);\n opacity: 0;\n filter: blur(12px);\n transition: all 0.4s ease;\n z-index: -1;\n }\n\n @keyframes logoGlow {\n 0%, 100% { \n box-shadow: \n 0 10px 30px rgba(0, 102, 255, 0.7),\n inset 0 1px 0 rgba(255, 255, 255, 0.2);\n }\n 50% { \n box-shadow: \n 0 10px 40px rgba(0, 102, 255, 0.9),\n 0 0 20px rgba(0, 102, 255, 0.5),\n inset 0 1px 0 rgba(255, 255, 255, 0.3);\n }\n }\n\n .logo-icon::after {\n content: '';\n position: absolute;\n width: 0;\n height: 0;\n border-left: 14px solid white;\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n margin-left: 3px;\n filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));\n transition: filter 0.3s ease;\n }\n\n .logo:hover .logo-icon::after {\n filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.5));\n }\n\n .logo-text {\n display: flex;\n flex-direction: column;\n line-height: 1;\n }\n\n .logo-main {\n font-size: 1.9rem;\n background: linear-gradient(135deg, #fff 0%, #0066ff 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n transition: all 0.3s ease;\n }\n\n .logo:hover .logo-main {\n background: linear-gradient(135deg, #fff 0%, #00a8ff 100%);\n -webkit-background-clip: text;\n background-clip: text;\n }\n\n .logo-tagline {\n font-size: 0.65rem;\n color: rgba(255, 255, 255, 0.6);\n font-weight: 600;\n letter-spacing: 3px;\n text-transform: uppercase;\n margin-top: 2px;\n transition: color 0.3s ease;\n }\n\n .logo:hover .logo-tagline {\n color: rgba(255, 255, 255, 0.8);\n }\n\n .footer-description {\n color: rgba(255, 255, 255, 0.6);\n line-height: 1.7;\n font-size: 0.95rem;\n margin-bottom: 2rem;\n max-width: 350px;\n transition: color 0.3s ease;\n }\n\n .footer-description:hover {\n color: rgba(255, 255, 255, 0.75);\n }\n\n .social-links {\n display: flex;\n gap: 1rem;\n flex-wrap: wrap;\n }\n\n .social-link {\n width: 44px;\n height: 44px;\n border-radius: 12px;\n background: rgba(0, 102, 255, 0.15);\n border: 1px solid rgba(0, 102, 255, 0.3);\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n text-decoration: none;\n color: #fff;\n font-size: 1.2rem;\n position: relative;\n overflow: hidden;\n }\n\n .social-link::before {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, #0066ff, #00a8ff);\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n\n .social-link svg {\n position: relative;\n z-index: 1;\n transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .social-link:hover {\n border-color: rgba(0, 102, 255, 0.6);\n transform: translateY(-5px) scale(1.05);\n box-shadow: 0 15px 35px rgba(0, 102, 255, 0.5);\n }\n\n .social-link:hover::before {\n opacity: 1;\n }\n\n .social-link:hover svg {\n transform: scale(1.1) rotate(5deg);\n }\n\n .social-link:active {\n transform: translateY(-2px) scale(0.98);\n }\n\n .footer-column {\n animation: fadeInUp 1s ease;\n animation-fill-mode: both;\n }\n\n .footer-column:nth-child(2) { animation-delay: 0.1s; }\n .footer-column:nth-child(3) { animation-delay: 0.2s; }\n .footer-column:nth-child(4) { animation-delay: 0.3s; }\n .footer-column:nth-child(5) { animation-delay: 0.4s; }\n\n .footer-column h3 {\n font-size: 1.15rem;\n font-weight: 800;\n margin-bottom: 1.5rem;\n color: #fff;\n letter-spacing: -0.5px;\n position: relative;\n display: inline-block;\n transition: color 0.3s ease;\n }\n\n .footer-column h3::after {\n content: '';\n position: absolute;\n bottom: -5px;\n left: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, #0066ff, #00a8ff);\n transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .footer-column:hover h3::after {\n width: 100%;\n }\n\n .footer-column:hover h3 {\n color: #00a8ff;\n }\n\n .footer-links {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 0.8rem;\n }\n\n .footer-links li {\n position: relative;\n }\n\n .footer-links li a {\n color: rgba(255, 255, 255, 0.6);\n text-decoration: none;\n font-size: 0.95rem;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n display: inline-block;\n position: relative;\n padding-left: 0;\n }\n\n .footer-links li a::before {\n content: '';\n position: absolute;\n bottom: -2px;\n left: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, #0066ff, #00a8ff);\n transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .footer-links li a::after {\n content: '\u2192';\n position: absolute;\n left: -20px;\n opacity: 0;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #0066ff;\n }\n\n .footer-links li a:hover {\n color: #fff;\n padding-left: 20px;\n transform: translateX(0);\n }\n\n .footer-links li a:hover::before {\n width: 100%;\n }\n\n .footer-links li a:hover::after {\n opacity: 1;\n left: 0;\n }\n\n .newsletter-section {\n display: none;\n }\n\n .footer-bottom {\n border-top: 1px solid rgba(255, 255, 255, 0.08);\n padding: 2rem 7%;\n text-align: center;\n position: relative;\n margin: 0;\n background: rgba(10, 10, 10, 1);\n }\n\n .footer-bottom::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 1px;\n background: linear-gradient(90deg, transparent, #0066ff, transparent);\n transition: width 0.6s ease;\n }\n\n .footer-bottom:hover::before {\n width: 100%;\n }\n\n .copyright {\n color: rgba(255, 255, 255, 0.5);\n font-size: 0.9rem;\n transition: color 0.3s ease;\n cursor: default;\n margin: 0;\n padding: 0;\n }\n\n .copyright:hover {\n color: rgba(255, 255, 255, 0.7);\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .footer-brand::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle at var(--x, 50%) var(--y, 50%), rgba(0, 102, 255, 0.15), transparent 50%);\n opacity: 0;\n transition: opacity 0.3s ease;\n pointer-events: none;\n }\n\n .footer-brand:hover::before {\n opacity: 1;\n }\n\n @media (max-width: 1200px) {\n .footer-grid {\n grid-template-columns: 1.5fr 1fr 1fr 1fr;\n gap: 3rem;\n }\n }\n\n @media (max-width: 968px) {\n .footer-grid {\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n }\n\n .footer-brand {\n grid-column: 1 \/ -1;\n }\n }\n\n @media (max-width: 768px) {\n footer {\n margin-top: 4rem;\n }\n\n .footer-content {\n padding: 3rem 5% 2rem;\n }\n\n .footer-grid {\n grid-template-columns: 1fr 1fr;\n gap: 2.5rem 2rem;\n margin-bottom: 2.5rem;\n }\n\n .footer-brand {\n grid-column: 1 \/ -1;\n text-align: left;\n }\n\n .logo {\n justify-content: flex-start;\n margin-bottom: 1.2rem;\n font-size: 1.6rem;\n }\n\n .logo-icon {\n width: 45px;\n height: 45px;\n }\n\n .logo-icon::after {\n border-left: 12px solid white;\n border-top: 8px solid transparent;\n border-bottom: 8px solid transparent;\n }\n\n .logo-main {\n font-size: 1.6rem;\n }\n\n .logo-tagline {\n font-size: 0.58rem;\n letter-spacing: 2px;\n }\n\n .footer-description {\n display: none;\n }\n\n .social-links {\n justify-content: flex-start;\n gap: 0.8rem;\n margin-bottom: 0;\n }\n\n .social-link {\n width: 42px;\n height: 42px;\n font-size: 1.1rem;\n }\n\n .footer-column {\n text-align: left;\n }\n\n .footer-column h3 {\n font-size: 1.1rem;\n margin-bottom: 1rem;\n font-weight: 800;\n }\n\n .footer-column h3::after {\n left: 0;\n transform: none;\n }\n\n .footer-links {\n align-items: flex-start;\n gap: 0.7rem;\n }\n\n .footer-links li a {\n font-size: 0.9rem;\n padding: 0.3rem 0;\n display: inline-block;\n }\n\n .footer-links li a::after {\n display: none;\n }\n\n .footer-links li a:hover {\n padding-left: 0;\n transform: translateX(0);\n }\n\n .newsletter-section {\n display: block;\n grid-column: 1 \/ -1;\n margin-top: 1.5rem;\n }\n\n .newsletter-section h3 {\n font-size: 1.1rem;\n margin-bottom: 1rem;\n font-weight: 800;\n color: #fff;\n }\n\n .newsletter-section p {\n font-size: 0.85rem;\n color: rgba(255, 255, 255, 0.6);\n margin-bottom: 0.8rem;\n line-height: 1.5;\n }\n\n .newsletter-form {\n display: flex;\n flex-direction: column;\n gap: 0.8rem;\n }\n\n .newsletter-input {\n width: 100%;\n padding: 0.9rem 1rem;\n border-radius: 10px;\n border: 1px solid rgba(0, 102, 255, 0.3);\n background: rgba(15, 15, 15, 0.6);\n color: #fff;\n font-size: 0.95rem;\n outline: none;\n transition: all 0.3s ease;\n }\n\n .newsletter-input::placeholder {\n color: rgba(255, 255, 255, 0.4);\n }\n\n .newsletter-input:focus {\n border-color: #0066ff;\n background: rgba(15, 15, 15, 0.8);\n }\n\n .newsletter-button {\n width: 100%;\n padding: 0.9rem;\n border-radius: 10px;\n border: none;\n background: linear-gradient(135deg, #0066ff, #00a8ff);\n color: #fff;\n font-size: 0.95rem;\n font-weight: 700;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .newsletter-button:active {\n transform: scale(0.98);\n box-shadow: 0 5px 20px rgba(0, 102, 255, 0.4);\n }\n\n .footer-bottom {\n text-align: center;\n padding: 1.5rem 5%;\n border-top: 1px solid rgba(255, 255, 255, 0.08);\n }\n\n .copyright {\n font-size: 0.85rem;\n line-height: 1.6;\n }\n }\n\n @media (max-width: 480px) {\n .footer-grid {\n gap: 2rem 1.5rem;\n }\n\n .footer-column h3 {\n font-size: 1rem;\n }\n\n .footer-links li a {\n font-size: 0.85rem;\n }\n\n .social-link {\n width: 40px;\n height: 40px;\n }\n\n .newsletter-section h3 {\n font-size: 1rem;\n }\n\n .newsletter-input,\n .newsletter-button {\n font-size: 0.9rem;\n padding: 0.85rem;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n *, *::before, *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n }\n\n @media (hover: none) and (pointer: coarse) {\n .social-link:hover {\n transform: none;\n }\n\n .social-link:active {\n transform: scale(0.95);\n box-shadow: 0 8px 20px rgba(0, 102, 255, 0.4);\n }\n\n .footer-links li a:hover {\n transform: none;\n }\n\n .footer-links li a:active {\n color: #fff;\n }\n\n .logo:hover {\n transform: none;\n }\n\n .logo:active .logo-icon {\n transform: scale(0.95);\n }\n }\n \n \/* Show mobile menu on small desktop screens and when zoomed in *\/\n@media (max-width: 1350px) {\n .gooey-nav-container,\n .header-buttons {\n display: none !important;\n }\n \n .mobile-menu-btn {\n display: flex !important;\n }\n}\n\n\/* Remove glow from pricing buttons *\/\n.pricing-section .cta-button {\n box-shadow: none !important;\n}\n\n.pricing-section .cta-button:hover {\n box-shadow: none !important;\n}\n\n.pricing-section .pricing-card.featured .cta-button {\n box-shadow: none !important;\n}\n\n.pricing-section .pricing-card.featured .cta-button:hover {\n box-shadow: none !important;\n} \n\n \n \n \/* ===== MAKE PRICING TEXT BIGGER - MOBILE ONLY ===== *\/\n@media (max-width: 768px) {\n \/* Plan name (1 Month, 3 Months, etc.) *\/\n .plan-name {\n font-size: 2.5rem !important;\n font-weight: 900 !important;\n margin-bottom: 1.5rem !important;\n letter-spacing: -1.5px !important;\n }\n \n \/* Price number (9.99, 25.99, etc.) *\/\n .price {\n font-size: 4.5rem !important;\n font-weight: 900 !important;\n letter-spacing: -4px !important;\n }\n \n \/* Currency symbol (\u20ac, $, \u00a3) *\/\n .currency {\n font-size: 2.5rem !important;\n font-weight: 800 !important;\n }\n \n \/* Period text (per month, total price) *\/\n .period {\n font-size: 1.3rem !important;\n font-weight: 600 !important;\n }\n \n \/* Monthly price breakdown (\u20ac8.66\/month) *\/\n .monthly-price {\n font-size: 1.1rem !important;\n font-weight: 700 !important;\n }\n \n \/* Save badge *\/\n .save-badge {\n font-size: 1rem !important;\n padding: 0.7rem 1.5rem !important;\n font-weight: 900 !important;\n }\n}\n\n@media (max-width: 480px) {\n \/* Slightly smaller for very small phones *\/\n .plan-name {\n font-size: 2.2rem !important;\n }\n \n .price {\n font-size: 4rem !important;\n }\n \n .currency {\n font-size: 2.2rem !important;\n }\n \n .period {\n font-size: 1.2rem !important;\n }\n \n .monthly-price {\n font-size: 1rem !important;\n }\n}\n\/* ===== END MOBILE ONLY BIGGER TEXT ===== *\/\n\n\/* ===== PRICING MOBILE FIX - PHONES ONLY ===== *\/\n@media (max-width: 768px) {\n \/* Sharp text for pricing section only *\/\n .pricing-section .pricing-card,\n .pricing-section .pricing-card *,\n .pricing-section .plan-name,\n .pricing-section .price,\n .pricing-section .currency,\n .pricing-section .period,\n .pricing-section .monthly-price,\n .pricing-section .save-badge,\n .pricing-section .feature-text {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n text-rendering: optimizeLegibility;\n }\n \n \/* Remove blur from pricing cards only *\/\n .pricing-section .pricing-card {\n backdrop-filter: none;\n -webkit-backdrop-filter: none;\n filter: none;\n transform: translateZ(0);\n }\n \n \/* White price text in pricing section only *\/\n .pricing-section .price {\n background: none;\n -webkit-background-clip: unset;\n -webkit-text-fill-color: #ffffff;\n color: #ffffff;\n font-weight: 900;\n text-shadow: none;\n }\n \n \/* Disable animations *\/\n .pricing-section .pricing-card {\n animation: none;\n transform: none;\n }\n \n .pricing-section .pricing-card:hover {\n transform: translateY(-5px);\n }\n \n .pricing-section .pricing-card::before,\n .pricing-section .pricing-card::after {\n display: none;\n }\n}\n\/* ===== END PRICING MOBILE FIX ===== *\/\n \n <\/style>\n<\/head>\n<body>\n <section id=\"page1\">\n\n <\/section>\n \n <section>\n <header id=\"header\">\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/\" style=\"text-decoration: none;\">\n <div class=\"logo\">\n <div class=\"logo-icon\"><\/div>\n <div class=\"logo-text\">\n <span class=\"logo-main\">StreamEZ<\/span>\n <span class=\"logo-tagline\">PREMIUM IPTV<\/span>\n <\/div>\n <\/div>\n <\/a>\n \n <div class=\"gooey-nav-container\" id=\"gooeyNav\">\n <nav>\n <ul>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/\">Home<\/a><\/li>\n <li class=\"active\"><a href=\"#pricing\">Pricing<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/faq\/\">FAQ<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/iptv-guide\/\">Guide<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/channels-list\/\">Channels<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/contact\/\">Support<\/a><\/li>\n <\/ul>\n <\/nav>\n <span class=\"effect filter\"><\/span>\n <span class=\"effect text\"><\/span>\n <\/div>\n\n <div class=\"header-buttons\">\n <a href=\"https:\/\/web.whatsapp.com\/send?phone=212688196707\" class=\"btn btn-trial\"><span>\ud83c\udf81 Free Trial<\/span><\/a>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/pricing\/\" class=\"btn btn-subscribe\"><span>Subscribe Now<\/span><\/a>\n <\/div>\n\n <div class=\"mobile-menu-btn\" id=\"menuBtn\">\n <span><\/span>\n <span><\/span>\n <span><\/span>\n <\/div>\n <\/header>\n\n <div class=\"menu-overlay\" id=\"menuOverlay\"><\/div>\n <div class=\"mobile-menu\" id=\"mobileMenu\">\n <div class=\"mobile-menu-header\">\n <div class=\"mobile-menu-logo\">\n <div class=\"logo-icon\"><\/div>\n <div class=\"logo-text\">\n <span class=\"logo-main\">StreamEZ<\/span>\n <span class=\"logo-tagline\">PREMIUM IPTV<\/span>\n <\/div>\n <\/div>\n <\/div>\n <nav>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/\">Home<\/a>\n <a href=\"#pricing\">Pricing<\/a>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/faq\/\">FAQ<\/a>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/iptv-guide\/\">Guide<\/a>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/channels-list\/\">Channels<\/a>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/contact\/\">Support<\/a>\n <\/nav>\n <\/div>\n\n <script>\n \/\/ Gooey Navigation - FIXED VERSION\n class GooeyNav {\n constructor(container, options = {}) {\n this.container = container;\n this.nav = container.querySelector('nav ul');\n this.filterEffect = container.querySelector('.effect.filter');\n this.textEffect = container.querySelector('.effect.text');\n this.items = Array.from(this.nav.querySelectorAll('li'));\n \n \/\/ Find which item actually has the active class\n const activeItem = this.nav.querySelector('li.active');\n this.activeIndex = activeItem ? this.items.indexOf(activeItem) : 0;\n \n this.options = {\n animationTime: options.animationTime || 600,\n particleCount: options.particleCount || 15,\n particleDistances: options.particleDistances || [90, 10],\n particleR: options.particleR || 100,\n timeVariance: options.timeVariance || 300,\n colors: options.colors || [1, 2, 3, 1, 2, 3, 1, 4]\n };\n \n this.init();\n }\n \n init() {\n \/\/ Update effect position for the active item (whichever it is)\n const currentActive = this.items[this.activeIndex];\n if (currentActive) {\n this.updateEffectPosition(currentActive);\n this.textEffect.classList.add('active');\n }\n \n this.items.forEach((item, index) => {\n item.addEventListener('click', (e) => this.handleClick(e, index));\n });\n \n window.addEventListener('resize', () => {\n const currentActive = this.items[this.activeIndex];\n if (currentActive) {\n this.updateEffectPosition(currentActive);\n }\n });\n }\n \n noise(n = 1) {\n return n \/ 2 - Math.random() * n;\n }\n \n getXY(distance, pointIndex, totalPoints) {\n const angle = ((360 + this.noise(8)) \/ totalPoints) * pointIndex * (Math.PI \/ 180);\n return [distance * Math.cos(angle), distance * Math.sin(angle)];\n }\n \n createParticle(i, t, d, r) {\n let rotate = this.noise(r \/ 10);\n return {\n start: this.getXY(d[0], this.options.particleCount - i, this.options.particleCount),\n end: this.getXY(d[1] + this.noise(7), this.options.particleCount - i, this.options.particleCount),\n time: t,\n scale: 1 + this.noise(0.2),\n color: this.options.colors[Math.floor(Math.random() * this.options.colors.length)],\n rotate: rotate > 0 ? (rotate + r \/ 20) * 10 : (rotate - r \/ 20) * 10\n };\n }\n \n makeParticles(element) {\n const d = this.options.particleDistances;\n const r = this.options.particleR;\n const bubbleTime = this.options.animationTime * 2 + this.options.timeVariance;\n element.style.setProperty('--time', `${bubbleTime}ms`);\n \n for (let i = 0; i < this.options.particleCount; i++) {\n const t = this.options.animationTime * 2 + this.noise(this.options.timeVariance * 2);\n const p = this.createParticle(i, t, d, r);\n element.classList.remove('active');\n \n setTimeout(() => {\n const particle = document.createElement('span');\n const point = document.createElement('span');\n particle.classList.add('particle');\n particle.style.setProperty('--start-x', `${p.start[0]}px`);\n particle.style.setProperty('--start-y', `${p.start[1]}px`);\n particle.style.setProperty('--end-x', `${p.end[0]}px`);\n particle.style.setProperty('--end-y', `${p.end[1]}px`);\n particle.style.setProperty('--time', `${p.time}ms`);\n particle.style.setProperty('--scale', `${p.scale}`);\n particle.style.setProperty('--color', `var(--color-${p.color}, white)`);\n particle.style.setProperty('--rotate', `${p.rotate}deg`);\n \n point.classList.add('point');\n particle.appendChild(point);\n element.appendChild(particle);\n \n requestAnimationFrame(() => {\n element.classList.add('active');\n });\n \n setTimeout(() => {\n try {\n element.removeChild(particle);\n } catch {}\n }, t);\n }, 30);\n }\n }\n \n updateEffectPosition(element) {\n const containerRect = this.container.getBoundingClientRect();\n const pos = element.getBoundingClientRect();\n \n const styles = {\n left: `${pos.x - containerRect.x}px`,\n top: `${pos.y - containerRect.y}px`,\n width: `${pos.width}px`,\n height: `${pos.height}px`\n };\n \n Object.assign(this.filterEffect.style, styles);\n Object.assign(this.textEffect.style, styles);\n this.textEffect.innerText = element.innerText;\n }\n \n handleClick(e, index) {\n const liEl = e.currentTarget;\n const link = liEl.querySelector('a');\n \n if (this.activeIndex === index) {\n if (link) {\n window.location.href = link.getAttribute('href');\n }\n return;\n }\n \n this.items[this.activeIndex].classList.remove('active');\n this.items[index].classList.add('active');\n this.activeIndex = index;\n \n this.updateEffectPosition(liEl);\n \n const particles = this.filterEffect.querySelectorAll('.particle');\n particles.forEach(p => this.filterEffect.removeChild(p));\n \n this.textEffect.classList.remove('active');\n void this.textEffect.offsetWidth;\n this.textEffect.classList.add('active');\n \n this.makeParticles(this.filterEffect);\n \n setTimeout(() => {\n if (link) {\n window.location.href = link.getAttribute('href');\n }\n }, 300);\n }\n }\n \n \/\/ Initialize GooeyNav\n const gooeyNavContainer = document.getElementById('gooeyNav');\n if (gooeyNavContainer) {\n new GooeyNav(gooeyNavContainer, {\n particleCount: 15,\n particleDistances: [90, 10],\n particleR: 100,\n animationTime: 600,\n timeVariance: 300,\n colors: [1, 2, 3, 1, 2, 3, 1, 4]\n });\n }\n\n \/\/ Mobile menu (keep your existing code)\n const menuBtn = document.getElementById('menuBtn');\n const mobileMenu = document.getElementById('mobileMenu');\n const menuOverlay = document.getElementById('menuOverlay');\n\n menuBtn.onclick = function() {\n menuBtn.classList.toggle('active');\n mobileMenu.classList.toggle('active');\n menuOverlay.classList.toggle('active');\n document.body.style.overflow = mobileMenu.classList.contains('active') ? 'hidden' : '';\n };\n\n menuOverlay.onclick = function() {\n menuBtn.classList.remove('active');\n mobileMenu.classList.remove('active');\n menuOverlay.classList.remove('active');\n document.body.style.overflow = '';\n };\n\n \/\/ Scroll effect (keep your existing code)\n window.addEventListener('scroll', () => {\n const header = document.getElementById('header');\n if (window.scrollY > 50) {\n header.classList.add('scrolled');\n } else {\n header.classList.remove('scrolled');\n }\n });\n<\/script>\n <\/section>\n \n <section id=\"page2\">\n <section class=\"how-to-buy-section\">\n <div class=\"how-to-buy-header\">\n \n <h2>How to <span class=\"gradient-text\">Get Started<\/span><\/h2>\n <p>Subscribe to StreamEZ in just 4 simple steps and start streaming instantly<\/p>\n <\/div>\n\n <div class=\"steps-container\">\n <div class=\"step-card\">\n <div class=\"step-number\">1<\/div>\n <h3 class=\"step-title\">Choose Your Plan<\/h3>\n <p class=\"step-description\">Select the subscription plan that best fits your needs from our flexible pricing options below.<\/p>\n <\/div>\n\n <div class=\"step-card\">\n <div class=\"step-number\">2<\/div>\n <h3 class=\"step-title\">Complete Payment<\/h3>\n <p class=\"step-description\">Click “Subscribe Now” and securely complete your payment through our encrypted checkout process.<\/p>\n <\/div>\n\n <div class=\"step-card\">\n <div class=\"step-number\">3<\/div>\n <h3 class=\"step-title\">Receive Credentials<\/h3>\n <p class=\"step-description\">Get your login credentials instantly via email after successful payment confirmation.<\/p>\n <\/div>\n\n <div class=\"step-card\">\n <div class=\"step-number\">4<\/div>\n <h3 class=\"step-title\">Start Streaming<\/h3>\n <p class=\"step-description\">Download your preferred IPTV app, enter your credentials, and enjoy unlimited entertainment!<\/p>\n <\/div>\n <\/div>\n \n\n <\/section>\n <\/section>\n \n <section id=\"page3\">\n <section class=\"pricing-section\">\n <div class=\"pricing-header\">\n <section id=\"pricing\">\n\n <h2>Choose Your <span class=\"gradient-text\">Perfect Plan<\/span><\/h2>\n <p>Unlock unlimited entertainment with crystal-clear streaming using Buy IPTV. All plans include premium features with instant activation.<\/p>\n \n \n <div class=\"payment-type-toggle\">\n <div class=\"toggle-container\">\n <button class=\"toggle-btn active\" data-type=\"once\">Pay Once<\/button>\n <button class=\"toggle-btn\" data-type=\"monthly\">Pay Monthly<\/button>\n <\/div>\n <\/div>\n \n <div class=\"currency-selector\">\n <div class=\"currency-status\" id=\"currencyStatus\">Select Currency<\/div>\n <div class=\"currency-buttons\">\n <button class=\"currency-btn active\" data-currency=\"EUR\" data-symbol=\"\u20ac\">\n <span class=\"currency-code\">EUR<\/span>\n <span class=\"currency-name\">Euro<\/span>\n <\/button>\n <button class=\"currency-btn\" data-currency=\"USD\" data-symbol=\"$\">\n <span class=\"currency-code\">USD<\/span>\n <span class=\"currency-name\">US Dollar<\/span>\n <\/button>\n <button class=\"currency-btn\" data-currency=\"GBP\" data-symbol=\"\u00a3\">\n <span class=\"currency-code\">GBP<\/span>\n <span class=\"currency-name\">British Pound<\/span>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n<div class=\"pricing-grid-container\">\n \n <div class=\"pricing-grid once-grid\" id=\"onceGrid\">\n \n <div class=\"pricing-card\" data-plan=\"1month\" data-base-price=\"9.99\" data-months=\"1\">\n <div class=\"card-header\">\n <div class=\"plan-name\">1 Month<\/div>\n <div class=\"plan-price\">\n <span class=\"currency\">\u20ac<\/span>\n <span class=\"price\">9.99<\/span>\n <\/div>\n <div class=\"period\">per month<\/div>\n <div class=\"monthly-price\" style=\"opacity: 0; pointer-events: none;\">\u20ac9.99\/month<\/div>\n <div class=\"save-badge\" style=\"opacity: 0; pointer-events: none;\">Save 0%<\/div>\n <\/div>\n\n <ul class=\"features-list\">\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">25,000+ Premium Channels<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">Full SD\/HD\/4K\/8K Support<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">10 Gbps Ultra-Fast Speed<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">105,000+ Movies & Series<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">All International Channels<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">TV Guide (EPG) Included<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">Instant Activation<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">24\/7 Premium Support<\/div>\n <\/li>\n <\/ul>\n\n <div class=\"payment-buttons\">\n <a href=\"#\" class=\"cta-button\" target=\"_blank\" rel=\"noopener noreferrer\">\n <span>\n <span class=\"button-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/>\n <line x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\"\/>\n <\/svg>\n <\/span>\n Continue with Card\n <\/span>\n <\/a>\n <a href=\"https:\/\/amplify.sell.app\/product\/website-technical-audit\" class=\"cta-button cta-button-secondary\" target=\"_blank\" rel=\"noopener noreferrer\">\n <span>\n <span class=\"button-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M7.076 21.337H2.47a.641.641 0 0 1-.633-.74L4.944.901C5.026.382 5.474 0 5.998 0h7.46c2.57 0 4.578.543 5.69 1.81 1.01 1.15 1.304 2.42 1.012 4.287-.023.143-.047.288-.077.437-.983 5.05-4.349 6.797-8.647 6.797h-2.19c-.524 0-.968.382-1.05.9l-1.12 7.106zm14.146-14.42a3.35 3.35 0 0 0-.607-.541c-.013.076-.026.175-.041.254-.93 4.778-4.005 7.201-9.138 7.201h-2.19a.563.563 0 0 0-.556.479l-1.187 7.527h-.506l-.24 1.516a.56.56 0 0 0 .554.647h3.882c.46 0 .85-.334.922-.788.06-.26.76-4.852.76-4.852a.927.927 0 0 1 .913-.788h.576c3.76 0 6.705-1.528 7.565-5.946.36-1.847.174-3.388-.777-4.471z\"\/>\n <\/svg>\n <\/span>\n Continue with PayPal\n <\/span>\n <\/a>\n<\/div>\n<\/div>\n \n \n <div class=\"pricing-card\" data-plan=\"3months\" data-base-price=\"25.99\" data-months=\"3\">\n <div class=\"card-header\">\n <div class=\"plan-name\">3 Months<\/div>\n <div class=\"plan-price\">\n <span class=\"currency\">\u20ac<\/span>\n <span class=\"price\">25.99<\/span>\n <\/div>\n <div class=\"period\">total price<\/div>\n <div class=\"monthly-price\">\u20ac8.66\/month<\/div>\n <div class=\"save-badge\">Save 13%<\/div>\n <\/div>\n\n <ul class=\"features-list\">\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">25,000+ Premium Channels<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">Full SD\/HD\/4K\/8K Support<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">10 Gbps Ultra-Fast Speed<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">105,000+ Movies & Series<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">All International Channels<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">TV Guide (EPG) Included<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">Instant Activation<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">24\/7 Premium Support<\/div>\n <\/li>\n <\/ul>\n\n<div class=\"payment-buttons\">\n <a href=\"#\" class=\"cta-button\" target=\"_blank\" rel=\"noopener noreferrer\">\n <span>\n <span class=\"button-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/>\n <line x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\"\/>\n <\/svg>\n <\/span>\n Continue with Card\n <\/span>\n <\/a>\n <a href=\"https:\/\/amplify.sell.app\/product\/market-research-keyword-strategy\" class=\"cta-button cta-button-secondary\" target=\"_blank\" rel=\"noopener noreferrer\">\n <span>\n <span class=\"button-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M7.076 21.337H2.47a.641.641 0 0 1-.633-.74L4.944.901C5.026.382 5.474 0 5.998 0h7.46c2.57 0 4.578.543 5.69 1.81 1.01 1.15 1.304 2.42 1.012 4.287-.023.143-.047.288-.077.437-.983 5.05-4.349 6.797-8.647 6.797h-2.19c-.524 0-.968.382-1.05.9l-1.12 7.106zm14.146-14.42a3.35 3.35 0 0 0-.607-.541c-.013.076-.026.175-.041.254-.93 4.778-4.005 7.201-9.138 7.201h-2.19a.563.563 0 0 0-.556.479l-1.187 7.527h-.506l-.24 1.516a.56.56 0 0 0 .554.647h3.882c.46 0 .85-.334.922-.788.06-.26.76-4.852.76-4.852a.927.927 0 0 1 .913-.788h.576c3.76 0 6.705-1.528 7.565-5.946.36-1.847.174-3.388-.777-4.471z\"\/>\n <\/svg>\n <\/span>\n Continue with PayPal\n <\/span>\n <\/a>\n<\/div>\n<\/div>\n\n \n <div class=\"pricing-card\" data-plan=\"6months\" data-base-price=\"35.99\" data-months=\"6\">\n <div class=\"card-header\">\n <div class=\"plan-name\">6 Months<\/div>\n <div class=\"plan-price\">\n <span class=\"currency\">\u20ac<\/span>\n <span class=\"price\">35.99<\/span>\n <\/div>\n <div class=\"period\">total price<\/div>\n <div class=\"monthly-price\">\u20ac6.00\/month<\/div>\n <div class=\"save-badge\">Save 40%<\/div>\n <\/div>\n\n <ul class=\"features-list\">\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">25,000+ Premium Channels<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">Full SD\/HD\/4K\/8K Support<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">10 Gbps Ultra-Fast Speed<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">105,000+ Movies & Series<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">All International Channels<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">TV Guide (EPG) Included<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">Instant Activation<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">24\/7 Premium Support<\/div>\n <\/li>\n <\/ul>\n \n<div class=\"payment-buttons\">\n <a href=\"#\" class=\"cta-button\" target=\"_blank\" rel=\"noopener noreferrer\">\n <span>\n <span class=\"button-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/>\n <line x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\"\/>\n <\/svg>\n <\/span>\n Continue with Card\n <\/span>\n <\/a>\n <a href=\"https:\/\/amplify.sell.app\/product\/on-page-content-optimization\" class=\"cta-button cta-button-secondary\" target=\"_blank\" rel=\"noopener noreferrer\">\n <span>\n <span class=\"button-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M7.076 21.337H2.47a.641.641 0 0 1-.633-.74L4.944.901C5.026.382 5.474 0 5.998 0h7.46c2.57 0 4.578.543 5.69 1.81 1.01 1.15 1.304 2.42 1.012 4.287-.023.143-.047.288-.077.437-.983 5.05-4.349 6.797-8.647 6.797h-2.19c-.524 0-.968.382-1.05.9l-1.12 7.106zm14.146-14.42a3.35 3.35 0 0 0-.607-.541c-.013.076-.026.175-.041.254-.93 4.778-4.005 7.201-9.138 7.201h-2.19a.563.563 0 0 0-.556.479l-1.187 7.527h-.506l-.24 1.516a.56.56 0 0 0 .554.647h3.882c.46 0 .85-.334.922-.788.06-.26.76-4.852.76-4.852a.927.927 0 0 1 .913-.788h.576c3.76 0 6.705-1.528 7.565-5.946.36-1.847.174-3.388-.777-4.471z\"\/>\n <\/svg>\n <\/span>\n Continue with PayPal\n <\/span>\n <\/a>\n<\/div>\n<\/div>\n\n \n <div class=\"pricing-card featured\" data-plan=\"12months\" data-base-price=\"49.99\" data-months=\"12\">\n <div class=\"card-header\">\n <div class=\"plan-name\">12 Months<\/div>\n <div class=\"plan-price\">\n <span class=\"currency\">\u20ac<\/span>\n <span class=\"price\">49.99<\/span>\n <\/div>\n <div class=\"period\">total price<\/div>\n <div class=\"monthly-price\">\u20ac4.17\/month<\/div>\n <div class=\"save-badge\">Save 58%<\/div>\n <\/div>\n\n <ul class=\"features-list\">\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">25,000+ Premium Channels<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">Full SD\/HD\/4K\/8K Support<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">10 Gbps Ultra-Fast Speed<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">105,000+ Movies & Series<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">All International Channels<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">TV Guide (EPG) Included<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">Instant Activation<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">24\/7 Premium Support<\/div>\n <\/li>\n <\/ul>\n\n <div class=\"payment-buttons\">\n <a href=\"#\" class=\"cta-button\" target=\"_blank\" rel=\"noopener noreferrer\">\n <span>\n <span class=\"button-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/>\n <line x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\"\/>\n <\/svg>\n <\/span>\n Continue with Card\n <\/span>\n <\/a>\n <a href=\"https:\/\/amplify.sell.app\/product\/organic-growth-performance-suite\" class=\"cta-button cta-button-secondary\" target=\"_blank\" rel=\"noopener noreferrer\">\n <span>\n <span class=\"button-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M7.076 21.337H2.47a.641.641 0 0 1-.633-.74L4.944.901C5.026.382 5.474 0 5.998 0h7.46c2.57 0 4.578.543 5.69 1.81 1.01 1.15 1.304 2.42 1.012 4.287-.023.143-.047.288-.077.437-.983 5.05-4.349 6.797-8.647 6.797h-2.19c-.524 0-.968.382-1.05.9l-1.12 7.106zm14.146-14.42a3.35 3.35 0 0 0-.607-.541c-.013.076-.026.175-.041.254-.93 4.778-4.005 7.201-9.138 7.201h-2.19a.563.563 0 0 0-.556.479l-1.187 7.527h-.506l-.24 1.516a.56.56 0 0 0 .554.647h3.882c.46 0 .85-.334.922-.788.06-.26.76-4.852.76-4.852a.927.927 0 0 1 .913-.788h.576c3.76 0 6.705-1.528 7.565-5.946.36-1.847.174-3.388-.777-4.471z\"\/>\n <\/svg>\n <\/span>\n Continue with PayPal\n <\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"pricing-grid monthly-grid hidden\" id=\"monthlyGrid\">\n \n <div class=\"pricing-card\" data-plan=\"monthly-1month\" data-base-price=\"7.99\" data-months=\"1\" data-recurring=\"true\">\n <div class=\"card-header\">\n <div class=\"plan-name\">Monthly<\/div>\n <div class=\"plan-price\">\n <span class=\"currency\">\u20ac<\/span>\n <span class=\"price\">7.99<\/span>\n <\/div>\n <div class=\"period\">per month<\/div>\n <div class=\"monthly-price\">Billed monthly<\/div>\n <div class=\"save-badge\" style=\"opacity: 0; pointer-events: none;\">Save 0%<\/div>\n <\/div>\n\n <ul class=\"features-list\">\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">25,000+ Premium Channels<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">Full SD\/HD\/4K\/8K Support<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">10 Gbps Ultra-Fast Speed<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">105,000+ Movies & Series<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">All International Channels<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">TV Guide (EPG) Included<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">Instant Activation<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">24\/7 Premium Support<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">Cancel Anytime<\/div>\n <\/li>\n <\/ul>\n\n <div class=\"payment-buttons\">\n <a href=\"#\" class=\"cta-button\" target=\"_blank\" rel=\"noopener noreferrer\">\n <span>\n <span class=\"button-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/>\n <line x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\"\/>\n <\/svg>\n <\/span>\n Subscribe Monthly\n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"pricing-card featured\" data-plan=\"monthly-yearly\" data-base-price=\"4.99\" data-months=\"1\" data-recurring=\"true\">\n <div class=\"card-header\">\n <div class=\"plan-name\">Yearly Subscription<\/div>\n <div class=\"plan-price\">\n <span class=\"currency\">\u20ac<\/span>\n <span class=\"price\">4.99<\/span>\n <\/div>\n <div class=\"period\">per month<\/div>\n <div class=\"monthly-price\">Billed monthly for 12 months<\/div>\n <div class=\"save-badge\">Save 38%<\/div>\n <\/div>\n\n <ul class=\"features-list\">\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">25,000+ Premium Channels<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">Full SD\/HD\/4K\/8K Support<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">10 Gbps Ultra-Fast Speed<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">105,000+ Movies & Series<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">All International Channels<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">TV Guide (EPG) Included<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">Instant Activation<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">24\/7 Premium Support<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">12 Month Commitment<\/div>\n <\/li>\n <\/ul>\n\n <div class=\"payment-buttons\">\n <a href=\"#\" class=\"cta-button\" target=\"_blank\" rel=\"noopener noreferrer\">\n <span>\n <span class=\"button-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/>\n <line x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\"\/>\n <\/svg>\n <\/span>\n Subscribe Yearly\n <\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n<div class=\"divider-glow-animated\"><\/div>\n\n<div class=\"trial-section\">\n<a href=\"https:\/\/web.whatsapp.com\/send?phone=212688196707&text=I%20want%20a%2024h%20free%20trial\" class=\"trial-button\" target=\"_blank\" rel=\"noopener noreferrer\">\n <span>Start 24H Free Trial<\/span>\n \n<\/a>\n<\/div>\n\n\n \n <div class=\"pricing-grid monthly-grid hidden\" id=\"monthlyGrid\">\n \n <div class=\"pricing-card\" data-plan=\"monthly-1month\" data-base-price=\"7.99\" data-months=\"1\" data-recurring=\"true\">\n <div class=\"card-header\">\n <div class=\"plan-name\">Monthly<\/div>\n <div class=\"plan-price\">\n <span class=\"currency\">\u20ac<\/span>\n <span class=\"price\">7.99<\/span>\n <\/div>\n <div class=\"period\">per month<\/div>\n <div class=\"monthly-price\">Billed monthly<\/div>\n <div class=\"save-badge\" style=\"opacity: 0; pointer-events: none;\">Save 0%<\/div>\n <\/div>\n\n <ul class=\"features-list\">\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">25,000+ Premium Channels<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">Full SD\/HD\/4K\/8K Support<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">10 Gbps Ultra-Fast Speed<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">105,000+ Movies & Series<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">All International Channels<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">TV Guide (EPG) Included<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">Instant Activation<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">24\/7 Premium Support<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">Cancel Anytime<\/div>\n <\/li>\n <\/ul>\n\n <div class=\"payment-buttons\">\n <a href=\"#\" class=\"cta-button\" target=\"_blank\" rel=\"noopener noreferrer\">\n <span>\n <span class=\"button-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/>\n <line x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\"\/>\n <\/svg>\n <\/span>\n Subscribe Monthly\n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"pricing-card featured\" data-plan=\"monthly-yearly\" data-base-price=\"4.99\" data-months=\"1\" data-recurring=\"true\">\n <div class=\"card-header\">\n <div class=\"plan-name\">Yearly Subscription<\/div>\n <div class=\"plan-price\">\n <span class=\"currency\">\u20ac<\/span>\n <span class=\"price\">4.99<\/span>\n <\/div>\n <div class=\"period\">per month<\/div>\n <div class=\"monthly-price\">Billed monthly for 12 months<\/div>\n <div class=\"save-badge\">Save 38%<\/div>\n <\/div>\n\n <ul class=\"features-list\">\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">25,000+ Premium Channels<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">Full SD\/HD\/4K\/8K Support<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">10 Gbps Ultra-Fast Speed<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">105,000+ Movies & Series<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">All International Channels<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">TV Guide (EPG) Included<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">Instant Activation<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">24\/7 Premium Support<\/div>\n <\/li>\n <li class=\"feature-item\">\n <div class=\"feature-icon\">\u2713<\/div>\n <div class=\"feature-text\">12 Month Commitment<\/div>\n <\/li>\n <\/ul>\n\n <div class=\"payment-buttons\">\n <a href=\"#\" class=\"cta-button\" target=\"_blank\" rel=\"noopener noreferrer\">\n <span>\n <span class=\"button-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/>\n <line x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\"\/>\n <\/svg>\n <\/span>\n Subscribe Yearly\n <\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n\n\n\n <script>\n const API_URL = '\/wp-json\/currency\/v1\/rates';\n \n let exchangeRates = {\n EUR: 1,\n USD: 1.10,\n GBP: 0.85\n };\n\n let currentCurrency = 'EUR';\n let currentSymbol = '\u20ac';\n let currentPaymentType = 'once';\n\n async function fetchExchangeRates() {\n const statusEl = document.getElementById('currencyStatus');\n if (!statusEl) return;\n \n statusEl.textContent = 'Updating rates...';\n statusEl.classList.add('updating');\n \n try {\n const response = await fetch(API_URL);\n const data = await response.json();\n \n if (data.result === 'success') {\n exchangeRates = {\n EUR: 1,\n USD: data.conversion_rates.USD,\n GBP: data.conversion_rates.GBP\n };\n statusEl.textContent = 'Rates updated successfully';\n setTimeout(() => {\n statusEl.textContent = 'Select Currency';\n statusEl.classList.remove('updating');\n }, 2000);\n } else {\n throw new Error('API returned error');\n }\n } catch (error) {\n statusEl.textContent = 'Using default rates';\n setTimeout(() => {\n statusEl.textContent = 'Select Currency';\n statusEl.classList.remove('updating');\n }, 2000);\n }\n }\n\n function updatePrices(currency, symbol) {\n const activeGrid = currentPaymentType === 'once' ? document.getElementById('onceGrid') : document.getElementById('monthlyGrid');\n const cards = activeGrid.querySelectorAll('.pricing-card');\n \n cards.forEach(card => {\n const basePrice = parseFloat(card.getAttribute('data-base-price'));\n const months = parseInt(card.getAttribute('data-months'));\n const isRecurring = card.getAttribute('data-recurring') === 'true';\n const rate = exchangeRates[currency];\n \n const convertedPrice = (basePrice * rate).toFixed(2);\n \n const currencyEl = card.querySelector('.currency');\n if (currencyEl) currencyEl.textContent = symbol;\n \n const priceEl = card.querySelector('.price');\n if (priceEl) priceEl.textContent = convertedPrice;\n \n const monthlyPriceEl = card.querySelector('.monthly-price');\n if (monthlyPriceEl && monthlyPriceEl.textContent && !isRecurring) {\n const monthlyPrice = (convertedPrice \/ months).toFixed(2);\n monthlyPriceEl.textContent = `${symbol}${monthlyPrice}\/month`;\n }\n });\n \n currentCurrency = currency;\n currentSymbol = symbol;\n }\n\n function switchPaymentType(type) {\n currentPaymentType = type;\n const onceGrid = document.getElementById('onceGrid');\n const monthlyGrid = document.getElementById('monthlyGrid');\n \n if (type === 'once') {\n onceGrid.classList.remove('hidden');\n monthlyGrid.classList.add('hidden');\n } else {\n onceGrid.classList.add('hidden');\n monthlyGrid.classList.remove('hidden');\n }\n \n updatePrices(currentCurrency, currentSymbol);\n }\n\n function initPaymentToggle() {\n const toggleButtons = document.querySelectorAll('.toggle-btn');\n \n toggleButtons.forEach(button => {\n button.addEventListener('click', () => {\n toggleButtons.forEach(btn => btn.classList.remove('active'));\n button.classList.add('active');\n \n const type = button.getAttribute('data-type');\n switchPaymentType(type);\n });\n });\n }\n\n function initCurrencySelector() {\n const buttons = document.querySelectorAll('.currency-btn');\n \n buttons.forEach(button => {\n button.addEventListener('click', () => {\n buttons.forEach(btn => btn.classList.remove('active'));\n button.classList.add('active');\n \n const currency = button.getAttribute('data-currency');\n const symbol = button.getAttribute('data-symbol');\n \n updatePrices(currency, symbol);\n });\n });\n }\n\n document.addEventListener('DOMContentLoaded', () => {\n fetchExchangeRates();\n initPaymentToggle();\n initCurrencySelector();\n });\n <\/script>\n <\/section>\n \n <\/section>\n \n <section id=\"page6\">\n <section class=\"features-section\">\n <div class=\"features-header\">\n <h2>What You <span class=\"gradient-text\">Get<\/span><\/h2>\n <p>Every subscription includes premium features designed to deliver the ultimate streaming experience. No hidden fees, no compromises.<\/p>\n <\/div>\n\n <div class=\"features-grid\">\n <div class=\"feature-card\">\n <div class=\"icon-wrapper\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <rect x=\"2\" y=\"7\" width=\"20\" height=\"15\" rx=\"2\" stroke=\"url(#grad1)\" stroke-width=\"2\" fill=\"url(#grad1)\" fill-opacity=\"0.2\"\/>\n <path d=\"M17 2l-5 5-5-5\" stroke=\"url(#grad1)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <defs>\n <linearGradient id=\"grad1\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:#0066ff;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#00a8ff;stop-opacity:1\" \/>\n <\/linearGradient>\n <\/defs>\n <\/svg>\n <\/div>\n <h3 class=\"feature-title\">Unlimited Content<\/h3>\n <span class=\"feature-value\">130K+<\/span>\n <p class=\"feature-description\">Access to massive library of live channels and on-demand content<\/p>\n <ul class=\"feature-list\">\n <li>25,000+ Live TV Channels<\/li>\n <li>105,000+ Movies & Series<\/li>\n <li>Sports, News & Entertainment<\/li>\n <li>Daily Content Updates<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"feature-card\">\n <div class=\"icon-wrapper\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <polygon points=\"5 3 19 12 5 21 5 3\" stroke=\"url(#grad2)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"url(#grad2)\" fill-opacity=\"0.2\"\/>\n <defs>\n <linearGradient id=\"grad2\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:#0066ff;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#00a8ff;stop-opacity:1\" \/>\n <\/linearGradient>\n <\/defs>\n <\/svg>\n <\/div>\n <h3 class=\"feature-title\">Ultra HD Quality<\/h3>\n <span class=\"feature-value\">8K<\/span>\n <p class=\"feature-description\">Crystal-clear streaming with cutting-edge video technology<\/p>\n <ul class=\"feature-list\">\n <li>Up to 8K Ultra HD Resolution<\/li>\n <li>HDR & Dolby Vision Support<\/li>\n <li>Adaptive Bitrate Streaming<\/li>\n <li>Zero Buffering Technology<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"feature-card\">\n <div class=\"icon-wrapper\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"url(#grad3)\" stroke-width=\"2\" fill=\"url(#grad3)\" fill-opacity=\"0.2\"\/>\n <path d=\"M2 12h20M12 2a15.3 15.3 0 0 1 4 10 a15.3 15.3 0 0 1-4 10 a15.3 15.3 0 0 1-4-10 a15.3 15.3 0 0 1 4-10z\" stroke=\"url(#grad3)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <defs>\n <linearGradient id=\"grad3\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:#0066ff;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#00a8ff;stop-opacity:1\" \/>\n <\/linearGradient>\n <\/defs>\n <\/svg>\n <\/div>\n <h3 class=\"feature-title\">Global Access<\/h3>\n <span class=\"feature-value\">180+<\/span>\n <p class=\"feature-description\">Watch content from anywhere in the world, anytime<\/p>\n <ul class=\"feature-list\">\n <li>Channels from 180+ Countries<\/li>\n <li>Content in 40+ Languages<\/li>\n <li>International Sports Coverage<\/li>\n <li>Regional & Local Channels<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"feature-card\">\n <div class=\"icon-wrapper\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\" stroke=\"url(#grad4)\" stroke-width=\"2\" fill=\"url(#grad4)\" fill-opacity=\"0.2\"\/>\n <path d=\"M12 18h.01\" stroke=\"url(#grad4)\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <rect x=\"8\" y=\"6\" width=\"8\" height=\"8\" rx=\"1\" stroke=\"url(#grad4)\" stroke-width=\"1.5\"\/>\n <defs>\n <linearGradient id=\"grad4\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:#0066ff;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#00a8ff;stop-opacity:1\" \/>\n <\/linearGradient>\n <\/defs>\n <\/svg>\n <\/div>\n <h3 class=\"feature-title\">All Devices<\/h3>\n <span class=\"feature-value\">20+<\/span>\n <p class=\"feature-description\">Stream seamlessly on any device you own<\/p>\n <ul class=\"feature-list\">\n <li>Smart TV & Android TV<\/li>\n <li>iOS & Android Phones<\/li>\n <li>Fire Stick & Apple TV<\/li>\n <li>MAG Boxes & Web Browser<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"feature-card\">\n <div class=\"icon-wrapper\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M13 2L3 14h8l-1 8 10-12h-8l1-8z\" stroke=\"url(#grad5)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"url(#grad5)\" fill-opacity=\"0.2\"\/>\n <defs>\n <linearGradient id=\"grad5\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:#0066ff;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#00a8ff;stop-opacity:1\" \/>\n <\/linearGradient>\n <\/defs>\n <\/svg>\n <\/div>\n <h3 class=\"feature-title\">High Performance<\/h3>\n <span class=\"feature-value\">99.9%<\/span>\n <p class=\"feature-description\">Reliable service with industry-leading uptime<\/p>\n <ul class=\"feature-list\">\n <li>99.9% Uptime Guarantee<\/li>\n <li>50+ Global Server Locations<\/li>\n <li>10 Gbps Dedicated Bandwidth<\/li>\n <li>Instant Channel Switching<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"feature-card\">\n <div class=\"icon-wrapper\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"url(#grad6)\" stroke-width=\"2\" fill=\"url(#grad6)\" fill-opacity=\"0.2\"\/>\n <path d=\"M12 6v6l4 2\" stroke=\"url(#grad6)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <defs>\n <linearGradient id=\"grad6\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:#0066ff;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#00a8ff;stop-opacity:1\" \/>\n <\/linearGradient>\n <\/defs>\n <\/svg>\n <\/div>\n <h3 class=\"feature-title\">24\/7 Support<\/h3>\n <span class=\"feature-value\">Always<\/span>\n <p class=\"feature-description\">Round-the-clock assistance whenever you need it<\/p>\n <ul class=\"feature-list\">\n <li>24\/7 Customer Support<\/li>\n <li>Live Chat & Email Support<\/li>\n <li>Installation Assistance<\/li>\n <li>30-Day Money Back Guarantee<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n <\/section>\n \n <section id=\"page7\">\n <div class=\"reviews-container\">\n \n <div class=\"reviews-header\">\n <h2>Trusted by <span class=\"reviews-gradient-text\">Thousands<\/span><\/h2>\n <p>See why customers worldwide choose StreamEZ<\/p>\n <div class=\"reviews-live-counter\">\n <span class=\"reviews-live-dot\"><\/span>\n <span><strong id=\"reviews-activeUsers\">2,847<\/strong> people watching right now<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"reviews-trust-badges\">\n <div class=\"reviews-trust-badge\">\n <div class=\"reviews-trust-badge-logo reviews-trustpilot-logo\">Trustpilot<\/div>\n <div class=\"reviews-trust-badge-rating\">\n <span class=\"reviews-trust-stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n <span class=\"reviews-trust-score\">4.8<\/span>\n <\/div>\n <div class=\"reviews-trust-reviews\">8,500+ reviews<\/div>\n <\/div>\n\n <div class=\"reviews-trust-badge\">\n <div class=\"reviews-trust-badge-logo reviews-google-logo\">Google<\/div>\n <div class=\"reviews-trust-badge-rating\">\n <span class=\"reviews-trust-stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n <span class=\"reviews-trust-score\">4.9<\/span>\n <\/div>\n <div class=\"reviews-trust-reviews\">6,200+ reviews<\/div>\n <\/div>\n\n <div class=\"reviews-trust-badge\">\n <div class=\"reviews-trust-badge-logo reviews-reddit-logo\">Reddit<\/div>\n <div class=\"reviews-trust-badge-rating\">\n <span class=\"reviews-trust-stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n <span class=\"reviews-trust-score\">4.7<\/span>\n <\/div>\n <div class=\"reviews-trust-reviews\">3,800+ reviews<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"reviews-slider-container\">\n <div class=\"reviews-scroll-wrapper\">\n <div class=\"reviews-carousel\" id=\"reviewsCarousel\"><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"reviews-cta-container\">\n <a href=\"https:\/\/wa.me\/212688196707\" class=\"reviews-cta-btn\" target=\"_blank\" rel=\"noopener noreferrer\">\n <span>Share Your Experience<\/span>\n <\/a>\n <\/div>\n\n <\/div>\n\n <script>\n \/\/ Review data\n const reviewsData = [\n {\n avatar: \"MK\",\n name: \"Mohammed K.\",\n location: \"Dubai, UAE\",\n usage: \"6 Months User\",\n stars: 5,\n text: \"The whole family is super happy with it! Kids watch cartoons on the iPad, I watch series on TV, and my husband watches sports on his laptop. All simultaneously without any problems.\",\n tags: [\"Family Friendly\", \"Multi-Device\", \"Large Library\"],\n helpful: 701,\n date: \"2 weeks ago\"\n },\n {\n avatar: \"SA\",\n name: \"Sarah A.\",\n location: \"London, UK\",\n usage: \"3 Months User\",\n stars: 5,\n text: \"As an expat, this service is an absolute lifesaver! I can watch all my favorite shows from back home without any hassle. Setup took literally 5 minutes.\",\n tags: [\"Easy Setup\", \"International\", \"Multi-Device\"],\n helpful: 623,\n date: \"1 week ago\"\n },\n {\n avatar: \"TM\",\n name: \"Thomas M\u00fcller\",\n location: \"Berlin, Germany\",\n usage: \"6 Months User\",\n stars: 5,\n text: \"Been using for 6 months and absolutely thrilled! Zero buffering issues, even during Champions League matches. Customer support is extremely responsive.\",\n tags: [\"Reliable\", \"Top Support\", \"Bundesliga\"],\n helpful: 531,\n date: \"2 weeks ago\"\n },\n {\n avatar: \"KS\",\n name: \"Klaus Schmidt\",\n location: \"Munich, Germany\",\n usage: \"4 Months User\",\n stars: 5,\n text: \"Fantastic service! All German channels plus international sports in absolute best quality. Installation was child's play - even my 70-year-old father could set it up.\",\n tags: [\"Easy Setup\", \"Bundesliga\", \"Great Savings\"],\n helpful: 712,\n date: \"3 weeks ago\"\n },\n {\n avatar: \"LB\",\n name: \"Lukas Bauer\",\n location: \"Hamburg, Germany\",\n usage: \"8 Months User\",\n stars: 5,\n text: \"Perfect for sports fans! All Formula 1 races, Champions League and Bundesliga live without interruption. Crystal clear 4K quality and never any connection issues.\",\n tags: [\"4K Quality\", \"Formula 1\", \"Sports\"],\n helpful: 895,\n date: \"1 month ago\"\n },\n {\n avatar: \"JV\",\n name: \"Jan van Dijk\",\n location: \"Amsterdam, Netherlands\",\n usage: \"5 Months User\",\n stars: 5,\n text: \"Excellent service! All Dutch channels plus international sports events in perfect quality. Works perfectly on my Fire Stick and smartphone. Saving over \u20ac80 per month.\",\n tags: [\"Dutch TV\", \"Football\", \"Great Savings\"],\n helpful: 567,\n date: \"1 week ago\"\n },\n {\n avatar: \"SB\",\n name: \"Sophie Bakker\",\n location: \"Rotterdam, Netherlands\",\n usage: \"7 Months User\",\n stars: 5,\n text: \"The whole family is super happy with it! Kids watch cartoons on the iPad, I watch series on TV, and my husband watches sports on his laptop. All simultaneously.\",\n tags: [\"Family Friendly\", \"Multi-Device\", \"Large Library\"],\n helpful: 701,\n date: \"2 weeks ago\"\n },\n {\n avatar: \"PJ\",\n name: \"Pieter Janssen\",\n location: \"Utrecht, Netherlands\",\n usage: \"9 Months User\",\n stars: 5,\n text: \"Great picture quality and super reliable connection! Eredivisie and Champions League in HD without interruptions. Customer service is phenomenal.\",\n tags: [\"HD Quality\", \"Reliable\", \"Fast Support\"],\n helpful: 634,\n date: \"3 weeks ago\"\n },\n {\n avatar: \"AH\",\n name: \"Ahmed Hassan\",\n location: \"Cairo, Egypt\",\n usage: \"5 Months User\",\n stars: 5,\n text: \"Excellent service! All Arabic and sports channels in super high quality. Very easy to use and works on all devices without any problems. Saving over $1000 annually.\",\n tags: [\"Arabic Channels\", \"4K Quality\", \"Great Savings\"],\n helpful: 923,\n date: \"1 week ago\"\n },\n {\n avatar: \"LD\",\n name: \"Laurent Dubois\",\n location: \"Paris, France\",\n usage: \"6 Months User\",\n stars: 5,\n text: \"My whole family absolutely loves it! Kids watch cartoons on their tablets, I watch French channels on TV and my husband watches sports on his computer.\",\n tags: [\"Family\", \"Multi-Device\", \"Large Catalog\"],\n helpful: 789,\n date: \"1 week ago\"\n }\n ];\n\n \/\/ Create review cards HTML\n function createReviewCard(review) {\n return `\n <div class=\"reviews-review-card\">\n <div class=\"reviews-review-header\">\n <div class=\"reviews-reviewer-avatar\">${review.avatar}<\/div>\n <div class=\"reviews-reviewer-info\">\n <div class=\"reviews-reviewer-name\">${review.name}<\/div>\n <div class=\"reviews-reviewer-meta\">\n ${review.location}\n <div class=\"reviews-verified-badge\">\u2713 Verified Purchase<\/div>\n <div class=\"reviews-usage-badge\">${review.usage}<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"reviews-review-stars\">\n ${'<span class=\"reviews-star\">\u2605<\/span>'.repeat(review.stars)}\n <\/div>\n <div class=\"reviews-review-text\">${review.text}<\/div>\n <div class=\"reviews-review-tags\">\n ${review.tags.map(tag => `<span class=\"reviews-review-tag\">${tag}<\/span>`).join('')}\n <\/div>\n <div class=\"reviews-review-helpful\">\n <div class=\"reviews-helpful-count\"><strong>${review.helpful}<\/strong> found this helpful<\/div>\n <div class=\"reviews-review-date\">${review.date}<\/div>\n <\/div>\n <\/div>\n `;\n }\n\n \/\/ Initialize carousel with 5 copies for infinite loop\n const reviewsCarousel = document.getElementById('reviewsCarousel');\n const reviewsHTML = reviewsData.map(createReviewCard).join('');\n reviewsCarousel.innerHTML = reviewsHTML + reviewsHTML + reviewsHTML + reviewsHTML + reviewsHTML;\n\n \/\/ Smooth infinite scroll functionality\n const reviewsWrapper = document.querySelector('.reviews-scroll-wrapper');\n let reviewsUserInteracted = false;\n let reviewsAutoScrollInterval;\n\n const reviewsItems = reviewsCarousel.querySelectorAll('.reviews-review-card');\n const reviewsItemWidth = reviewsItems[0].offsetWidth + 24; \/\/ card width + gap\n const reviewsTotalOriginalItems = reviewsData.length;\n const reviewsSingleSetWidth = reviewsItemWidth * reviewsTotalOriginalItems;\n\n \/\/ Set initial position to middle copy\n reviewsWrapper.scrollLeft = reviewsSingleSetWidth * 2;\n\n function startReviewsAutoScroll() {\n if (reviewsAutoScrollInterval) {\n clearInterval(reviewsAutoScrollInterval);\n }\n\n let reviewsCurrentScroll = reviewsWrapper.scrollLeft;\n\n reviewsAutoScrollInterval = setInterval(() => {\n if (reviewsUserInteracted) return;\n\n reviewsCurrentScroll += 1;\n reviewsWrapper.scrollLeft = reviewsCurrentScroll;\n\n \/\/ Check if we need to loop back\n const reviewsMaxScroll = reviewsWrapper.scrollWidth - reviewsWrapper.clientWidth;\n if (reviewsCurrentScroll >= reviewsMaxScroll - reviewsItemWidth) {\n reviewsWrapper.scrollLeft = reviewsSingleSetWidth * 2;\n reviewsCurrentScroll = reviewsSingleSetWidth * 2;\n } else if (reviewsCurrentScroll <= reviewsSingleSetWidth) {\n reviewsWrapper.scrollLeft = reviewsSingleSetWidth * 3;\n reviewsCurrentScroll = reviewsSingleSetWidth * 3;\n }\n }, 16);\n }\n\n \/\/ Drag functionality\n let reviewsIsDragging = false;\n let reviewsStartX;\n let reviewsScrollLeft;\n let reviewsVelocity = 0;\n let reviewsLastX = 0;\n let reviewsLastTime = Date.now();\n let reviewsAnimationFrame;\n\n reviewsWrapper.addEventListener('mousedown', (e) => {\n reviewsIsDragging = true;\n reviewsStartX = e.pageX - reviewsWrapper.offsetLeft;\n reviewsScrollLeft = reviewsWrapper.scrollLeft;\n reviewsLastX = e.pageX;\n reviewsLastTime = Date.now();\n reviewsVelocity = 0;\n reviewsWrapper.style.cursor = 'grabbing';\n reviewsUserInteracted = true;\n if (reviewsAnimationFrame) cancelAnimationFrame(reviewsAnimationFrame);\n });\n\n reviewsWrapper.addEventListener('mouseleave', () => {\n if (reviewsIsDragging) {\n reviewsIsDragging = false;\n reviewsWrapper.style.cursor = 'grab';\n applyReviewsMomentum();\n }\n });\n\n reviewsWrapper.addEventListener('mouseup', () => {\n if (reviewsIsDragging) {\n reviewsIsDragging = false;\n reviewsWrapper.style.cursor = 'grab';\n applyReviewsMomentum();\n }\n });\n\n reviewsWrapper.addEventListener('mousemove', (e) => {\n if (!reviewsIsDragging) return;\n e.preventDefault();\n\n const x = e.pageX - reviewsWrapper.offsetLeft;\n const walk = (x - reviewsStartX) * 1.5;\n reviewsWrapper.scrollLeft = reviewsScrollLeft - walk;\n\n \/\/ Calculate velocity\n const now = Date.now();\n const dt = now - reviewsLastTime;\n const dx = e.pageX - reviewsLastX;\n reviewsVelocity = dx \/ dt;\n reviewsLastX = e.pageX;\n reviewsLastTime = now;\n });\n\n function applyReviewsMomentum() {\n if (Math.abs(reviewsVelocity) > 0.1) {\n reviewsWrapper.scrollLeft -= reviewsVelocity * 20;\n reviewsVelocity *= 0.95;\n reviewsAnimationFrame = requestAnimationFrame(applyReviewsMomentum);\n } else {\n setTimeout(() => {\n reviewsUserInteracted = false;\n startReviewsAutoScroll();\n }, 3000);\n }\n }\n\n \/\/ Handle infinite loop on scroll\n reviewsWrapper.addEventListener('scroll', () => {\n if (reviewsWrapper.scrollLeft <= reviewsSingleSetWidth) {\n reviewsWrapper.scrollLeft = reviewsSingleSetWidth * 3;\n } else if (reviewsWrapper.scrollLeft >= reviewsSingleSetWidth * 4) {\n reviewsWrapper.scrollLeft = reviewsSingleSetWidth * 2;\n }\n });\n\n \/\/ Touch support\n let reviewsTouchStartX = 0;\n let reviewsTouchScrollLeft = 0;\n\n reviewsWrapper.addEventListener('touchstart', (e) => {\n reviewsTouchStartX = e.touches[0].pageX;\n reviewsTouchScrollLeft = reviewsWrapper.scrollLeft;\n reviewsUserInteracted = true;\n });\n\n reviewsWrapper.addEventListener('touchend', () => {\n setTimeout(() => {\n reviewsUserInteracted = false;\n startReviewsAutoScroll();\n }, 3000);\n });\n\n \/\/ Start auto-scroll\n startReviewsAutoScroll();\n\n \/\/ Initialize counter with random value on page load\n const reviewsInitialCount = Math.floor(Math.random() * (5000 - 100 + 1)) + 100;\n document.getElementById('reviews-activeUsers').textContent = reviewsInitialCount.toLocaleString();\n\n \/\/ Update counter every 10 seconds with new random value\n setInterval(() => {\n const reviewsRandomNumber = Math.floor(Math.random() * (5000 - 100 + 1)) + 100;\n document.getElementById('reviews-activeUsers').textContent = reviewsRandomNumber.toLocaleString();\n }, 10000);\n <\/script>\n <\/section>\n \n <section id=\"page8\">\n <section class=\"security-section\">\n <div class=\"security-container\">\n <div class=\"security-header\">\n <h2>Trusted & <span class=\"gradient-text\">Certified Security<\/span><\/h2>\n <p>Your security and privacy are our top priority. Protected by industry-leading encryption and compliance standards.<\/p>\n <\/div>\n\n <div class=\"security-grid\">\n <div class=\"security-card\">\n <div class=\"security-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <rect x=\"5\" y=\"11\" width=\"14\" height=\"10\" rx=\"2\" stroke=\"url(#grad1)\" stroke-width=\"2\" fill=\"url(#grad1)\" fill-opacity=\"0.2\"\/>\n <circle cx=\"12\" cy=\"16\" r=\"1\" fill=\"url(#grad1)\"\/>\n <path d=\"M12 11V7a3 3 0 1 1 6 0v4\" stroke=\"url(#grad1)\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <defs>\n <linearGradient id=\"grad1\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:#0066ff;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#00a8ff;stop-opacity:1\" \/>\n <\/linearGradient>\n <\/defs>\n <\/svg>\n <\/div>\n <h3 class=\"security-title\">256-Bit SSL<\/h3>\n <p class=\"security-description\">Military-grade encryption protects all your data<\/p>\n <\/div>\n\n <div class=\"security-card\">\n <div class=\"security-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\" stroke=\"url(#grad2)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"url(#grad2)\" fill-opacity=\"0.2\"\/>\n <path d=\"M9 12l2 2 4-4\" stroke=\"url(#grad2)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <defs>\n <linearGradient id=\"grad2\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:#0066ff;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#00a8ff;stop-opacity:1\" \/>\n <\/linearGradient>\n <\/defs>\n <\/svg>\n <\/div>\n <h3 class=\"security-title\">PCI DSS Compliant<\/h3>\n <p class=\"security-description\">Payment Card Industry certified security<\/p>\n <\/div>\n\n <div class=\"security-card\">\n <div class=\"security-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"url(#grad3)\" stroke-width=\"2\" fill=\"url(#grad3)\" fill-opacity=\"0.2\"\/>\n <path d=\"M9 12l2 2 4-4\" stroke=\"url(#grad3)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <defs>\n <linearGradient id=\"grad3\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:#0066ff;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#00a8ff;stop-opacity:1\" \/>\n <\/linearGradient>\n <\/defs>\n <\/svg>\n <\/div>\n <h3 class=\"security-title\">Verified Service<\/h3>\n <p class=\"security-description\">Trusted by thousands of satisfied customers<\/p>\n <\/div>\n\n <div class=\"security-card\">\n <div class=\"security-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" stroke=\"url(#grad4)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"url(#grad4)\" fill-opacity=\"0.2\"\/>\n <defs>\n <linearGradient id=\"grad4\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:#0066ff;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#00a8ff;stop-opacity:1\" \/>\n <\/linearGradient>\n <\/defs>\n <\/svg>\n <\/div>\n <h3 class=\"security-title\">99.9% Uptime<\/h3>\n <p class=\"security-description\">Guaranteed reliability and availability<\/p>\n <\/div>\n\n <div class=\"security-card\">\n <div class=\"security-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"url(#grad5)\" stroke-width=\"2\" fill=\"url(#grad5)\" fill-opacity=\"0.2\"\/>\n <path d=\"M12 6v6l4 2\" stroke=\"url(#grad5)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <defs>\n <linearGradient id=\"grad5\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:#0066ff;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#00a8ff;stop-opacity:1\" \/>\n <\/linearGradient>\n <\/defs>\n <\/svg>\n <\/div>\n <h3 class=\"security-title\">24\/7 Support<\/h3>\n <p class=\"security-description\">Round-the-clock assistance anytime<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/section>\n \n <section id=\"page9\">\n <footer>\n <div class=\"footer-content\">\n <div class=\"footer-grid\">\n <div class=\"footer-brand\">\n <div class=\"logo\">\n <div class=\"logo-icon\"><\/div>\n <div class=\"logo-text\">\n <span class=\"logo-main\">StreamEZ<\/span>\n <span class=\"logo-tagline\">PREMIUM IPTV<\/span>\n <\/div>\n <\/div>\n <p class=\"footer-description\">\n Stream 30,000+ live channels and 105,000+ movies & series in stunning 4K quality. Your ultimate entertainment destination on any device, anytime, anywhere.\n <\/p>\n <div class=\"social-links\">\n <a href=\"https:\/\/x.com\/iptv_kaufen\" class=\"social-link\" aria-label=\"X (Twitter)\" target=\"_blank\">\n <svg width=\"18\" height=\"18\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/www.pinterest.com\/KoopIPTV\/\" class=\"social-link\" aria-label=\"Pinterest\" target=\"_blank\">\n <svg width=\"18\" height=\"18\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/web.whatsapp.com\/send?phone=212688196707\" class=\"social-link\" aria-label=\"WhatsApp\" target=\"_blank\">\n <svg width=\"18\" height=\"18\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/t.me\/IPTVSubscription\" class=\"social-link\" aria-label=\"Telegram\" target=\"_blank\">\n <svg width=\"18\" height=\"18\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n \n <div class=\"footer-column\">\n <h3>Quick Links<\/h3>\n <ul class=\"footer-links\">\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/\">Home<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/about\/\">About Us<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/faq\/\">FAQ<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/contact\/\">Contact Us<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"footer-column\">\n <h3>Services<\/h3>\n <ul class=\"footer-links\">\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/pricing\/\">Pricing<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/Channels-list\/\">Channels List<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/iptv-guide\/\">IPTV Guide<\/a><\/li>\n <li><a href=\"https:\/\/web.whatsapp.com\/send?phone=212688196707\" target=\"_blank\">Free Trial<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"footer-column\">\n <h3>Partnership<\/h3>\n <ul class=\"footer-links\">\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/reseller-program\/\">Reseller Program<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/affiliate-program\/\">Affiliate Program<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"footer-column\">\n <h3>Legal<\/h3>\n <ul class=\"footer-links\">\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/terms-of-service\/\">Terms of Service<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/privacy-policy\/\">Privacy Policy<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"newsletter-section\">\n <h3>Subscribe<\/h3>\n <p>Get updates and exclusive offers delivered to your inbox!<\/p>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/pricing\/\" class=\"newsletter-button\" style=\"display: block; text-align: center; text-decoration: none; padding: 0.9rem; border-radius: 10px; background: linear-gradient(135deg, #0066ff, #c0c0c0); color: #fff; font-size: 0.95rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px;\">Subscribe<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"footer-bottom\">\n <p class=\"copyright\">\u00a9 2025 StreamEZ. All rights reserved.<\/p>\n <\/div>\n <\/footer>\n\n <script>\n \/\/ Smooth scroll for footer links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\n });\n\n \/\/ Track mouse position for interactive effects\n const footerBrand = document.querySelector('.footer-brand');\n if (footerBrand) {\n footerBrand.addEventListener('mousemove', (e) => {\n const rect = footerBrand.getBoundingClientRect();\n const x = ((e.clientX - rect.left) \/ rect.width) * 100;\n const y = ((e.clientY - rect.top) \/ rect.height) * 100;\n footerBrand.style.setProperty('--x', `${x}%`);\n footerBrand.style.setProperty('--y', `${y}%`);\n });\n }\n\n \/\/ Add stagger animation on scroll\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.animationPlayState = 'running';\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.footer-column').forEach(column => {\n column.style.animationPlayState = 'paused';\n observer.observe(column);\n });\n <\/script>\n <\/section>\n\n <style>\n\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: #0a0a0a;\n}\n\n\/* Animated Background Particles *\/\n.iptv-particles {\n position: absolute;\n width: 100%;\n height: 100%;\n overflow: hidden;\n pointer-events: none;\n}\n\n.particle {\n position: absolute;\n width: 4px;\n height: 4px;\n background: rgba(0, 102, 255, 0.4);\n border-radius: 50%;\n animation: float linear infinite;\n}\n\n@keyframes float {\n 0% {\n transform: translateY(100vh) translateX(0) scale(0);\n opacity: 0;\n }\n 10% {\n opacity: 1;\n }\n 90% {\n opacity: 1;\n }\n 100% {\n transform: translateY(-100px) translateX(100px) scale(1);\n opacity: 0;\n }\n}\n\n\/* Popup Overlay *\/\n.iptv-popup-overlay {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(10, 10, 10, 0.95);\n z-index: 99999;\n animation: fadeIn 0.3s ease;\n}\n\n.iptv-popup-overlay.active {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n}\n\n@keyframes slideUp {\n from {\n opacity: 0;\n transform: translateY(50px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* Popup Container *\/\n.iptv-popup {\n background: linear-gradient(145deg, rgba(20, 20, 20, 0.95) 0%, rgba(20, 20, 20, 0.98) 100%);\n border: 2px solid rgba(0, 102, 255, 0.3);\n border-radius: 24px;\n padding: 2rem;\n max-width: 480px;\n width: 90%;\n position: relative;\n animation: slideUp 0.4s ease;\n box-shadow: \n 0 30px 80px rgba(0, 0, 0, 0.8),\n 0 0 0 1px rgba(0, 102, 255, 0.2),\n inset 0 1px 0 rgba(255, 255, 255, 0.1);\n}\n\n\/* Close Button *\/\n.iptv-popup-close {\n position: absolute;\n top: 1.2rem;\n right: 1.2rem;\n width: 36px;\n height: 36px;\n border: 2px solid rgba(0, 102, 255, 0.3);\n background: rgba(0, 102, 255, 0.1);\n border-radius: 10px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.3s ease;\n font-size: 1.3rem;\n color: #fff;\n font-weight: 300;\n line-height: 1;\n}\n\n.iptv-popup-close:hover {\n background: rgba(0, 102, 255, 0.2);\n border-color: rgba(0, 102, 255, 0.6);\n transform: rotate(90deg);\n}\n\n\/* Header *\/\n.iptv-popup-header {\n text-align: center;\n margin-bottom: 1.5rem;\n}\n\n.iptv-popup-badge {\n display: inline-block;\n padding: 0.4rem 1rem;\n background: linear-gradient(135deg, rgba(0, 102, 255, 0.2), rgba(0, 168, 255, 0.2));\n border: 1px solid rgba(0, 102, 255, 0.3);\n border-radius: 50px;\n font-size: 0.7rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.2px;\n color: #00a8ff;\n margin-bottom: 0.8rem;\n}\n\n.iptv-popup-title {\n font-size: 1.6rem;\n font-weight: 900;\n color: #fff;\n margin-bottom: 0.4rem;\n letter-spacing: -0.5px;\n}\n\n.iptv-popup-plan {\n font-size: 1rem;\n color: rgba(255, 255, 255, 0.7);\n}\n\n.iptv-popup-price {\n font-size: 2.2rem;\n font-weight: 900;\n background: linear-gradient(135deg, #0066ff, #00a8ff);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin: 0.8rem 0;\n}\n\n\/* Trust Badges *\/\n.iptv-trust-badges {\n display: flex;\n justify-content: center;\n gap: 0.8rem;\n margin: 1.2rem 0;\n flex-wrap: wrap;\n}\n\n.trust-badge {\n display: flex;\n align-items: center;\n gap: 0.4rem;\n padding: 0.45rem 0.8rem;\n background: rgba(0, 102, 255, 0.1);\n border: 1px solid rgba(0, 102, 255, 0.3);\n border-radius: 6px;\n font-size: 0.7rem;\n color: #00a8ff;\n font-weight: 600;\n transition: all 0.3s ease;\n}\n\n.trust-badge:hover {\n background: rgba(0, 102, 255, 0.15);\n border-color: rgba(0, 102, 255, 0.5);\n transform: translateY(-2px);\n}\n\n.trust-badge svg {\n width: 12px;\n height: 12px;\n}\n\n\/* Form *\/\n.iptv-popup-form {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.iptv-form-group {\n display: flex;\n flex-direction: column;\n gap: 0.4rem;\n}\n\n.iptv-form-label {\n font-size: 0.85rem;\n font-weight: 600;\n color: #fff;\n display: flex;\n align-items: center;\n gap: 0.4rem;\n}\n\n.iptv-form-required {\n color: #dc143c;\n font-size: 0.65rem;\n padding: 0.15rem 0.4rem;\n background: rgba(220, 20, 60, 0.2);\n border-radius: 4px;\n}\n\n.iptv-form-optional {\n color: rgba(255, 255, 255, 0.6);\n font-size: 0.65rem;\n padding: 0.15rem 0.4rem;\n background: rgba(255, 255, 255, 0.05);\n border-radius: 4px;\n}\n\n\/* Input with Icon *\/\n.iptv-input-wrapper {\n position: relative;\n}\n\n.iptv-input-icon {\n position: absolute;\n left: 1rem;\n top: 50%;\n transform: translateY(-50%);\n color: rgba(0, 102, 255, 0.6);\n transition: all 0.3s ease;\n pointer-events: none;\n}\n\n.iptv-input-icon svg {\n width: 18px;\n height: 18px;\n}\n\n.iptv-form-input {\n padding: 0.85rem 1rem 0.85rem 2.8rem;\n background: rgba(30, 30, 30, 0.6);\n border: 2px solid rgba(0, 102, 255, 0.2);\n border-radius: 12px;\n color: #fff;\n font-size: 0.95rem;\n transition: all 0.3s ease;\n outline: none;\n width: 100%;\n}\n\n.iptv-form-input::placeholder {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.iptv-form-input:focus {\n border-color: rgba(0, 102, 255, 0.6);\n background: rgba(30, 30, 30, 0.8);\n box-shadow: 0 0 0 4px rgba(0, 102, 255, 0.1);\n padding-left: 3rem;\n}\n\n.iptv-form-input:focus ~ .iptv-input-icon {\n color: #00a8ff;\n transform: translateY(-50%) scale(1.1);\n}\n\n.iptv-form-input.error {\n border-color: rgba(220, 20, 60, 0.6);\n animation: shake 0.3s ease;\n}\n\n@keyframes shake {\n 0%, 100% { transform: translateX(0); }\n 25% { transform: translateX(-10px); }\n 75% { transform: translateX(10px); }\n}\n\n.iptv-form-input.success {\n border-color: rgba(0, 102, 255, 0.6);\n}\n\n\/* Validation Icon *\/\n.iptv-validation-icon {\n position: absolute;\n right: 1rem;\n top: 50%;\n transform: translateY(-50%);\n opacity: 0;\n transition: all 0.3s ease;\n}\n\n.iptv-validation-icon svg {\n width: 18px;\n height: 18px;\n}\n\n.iptv-validation-icon.show {\n opacity: 1;\n}\n\n.iptv-validation-icon.success {\n color: #00a8ff;\n}\n\n.iptv-validation-icon.error {\n color: #dc143c;\n}\n\n\/* Error Messages *\/\n.iptv-form-error {\n color: #dc143c;\n font-size: 0.8rem;\n display: none;\n margin-top: -0.4rem;\n padding: 0.4rem 0.7rem;\n background: rgba(220, 20, 60, 0.1);\n border-radius: 6px;\n border-left: 3px solid #dc143c;\n}\n\n.iptv-form-error.show {\n display: flex;\n align-items: center;\n gap: 0.4rem;\n animation: slideDown 0.3s ease;\n}\n\n@keyframes slideDown {\n from {\n opacity: 0;\n transform: translateY(-10px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.iptv-form-error svg {\n width: 14px;\n height: 14px;\n flex-shrink: 0;\n}\n\n\/* Submit Button *\/\n.iptv-submit-btn {\n padding: 1rem 1.8rem;\n background: linear-gradient(135deg, #0066ff 0%, #00a8ff 100%);\n border: none;\n border-radius: 14px;\n color: #fff;\n font-size: 1rem;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n cursor: pointer;\n transition: all 0.4s ease;\n box-shadow: 0 8px 25px rgba(0, 102, 255, 0.4);\n position: relative;\n overflow: hidden;\n}\n\n.iptv-submit-btn::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 0;\n height: 0;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.2);\n transform: translate(-50%, -50%);\n transition: width 0.6s, height 0.6s;\n}\n\n.iptv-submit-btn:hover::before {\n width: 300px;\n height: 300px;\n}\n\n.iptv-submit-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 12px 35px rgba(0, 102, 255, 0.6);\n}\n\n.iptv-submit-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n transform: none;\n}\n\n.iptv-submit-btn span {\n position: relative;\n z-index: 1;\n}\n\n\/* Privacy & Terms Links *\/\n.iptv-privacy-links {\n text-align: center;\n margin-top: 0.8rem;\n padding-top: 0.8rem;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n.iptv-privacy-links a {\n color: rgba(255, 255, 255, 0.6);\n font-size: 0.65rem;\n text-decoration: none;\n transition: color 0.3s ease;\n margin: 0 0.4rem;\n}\n\n.iptv-privacy-links a:hover {\n color: #00a8ff;\n text-decoration: underline;\n}\n\n\/* Success Message *\/\n.iptv-success-message {\n display: none;\n text-align: center;\n padding: 1.5rem;\n}\n\n.iptv-success-message.show {\n display: block;\n animation: slideUp 0.4s ease;\n}\n\n.iptv-success-icon {\n width: 70px;\n height: 70px;\n margin: 0 auto 1.2rem;\n background: linear-gradient(135deg, #0066ff, #00a8ff);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2.5rem;\n animation: successPop 0.5s ease;\n}\n\n@keyframes successPop {\n 0% { transform: scale(0); }\n 50% { transform: scale(1.1); }\n 100% { transform: scale(1); }\n}\n\n.iptv-success-title {\n font-size: 1.5rem;\n font-weight: 900;\n color: #00a8ff;\n margin-bottom: 0.4rem;\n}\n\n.iptv-success-text {\n font-size: 1rem;\n color: rgba(255, 255, 255, 0.7);\n line-height: 1.5;\n}\n\n.iptv-success-email {\n color: #00a8ff;\n font-weight: 700;\n}\n\n\/* Already Processing State *\/\n.iptv-processing-message {\n display: none;\n text-align: center;\n padding: 1.5rem;\n}\n\n.iptv-processing-message.show {\n display: block;\n animation: slideUp 0.4s ease;\n}\n\n.iptv-processing-icon {\n width: 70px;\n height: 70px;\n margin: 0 auto 1.2rem;\n background: linear-gradient(135deg, rgba(0, 102, 255, 0.3), rgba(0, 168, 255, 0.3));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2.2rem;\n animation: pulse 2s ease-in-out infinite;\n}\n\n@keyframes pulse {\n 0%, 100% { transform: scale(1); opacity: 1; }\n 50% { transform: scale(1.05); opacity: 0.9; }\n}\n\n.iptv-processing-title {\n font-size: 1.5rem;\n font-weight: 900;\n color: #00a8ff;\n margin-bottom: 0.4rem;\n}\n\n.iptv-processing-text {\n font-size: 0.95rem;\n color: rgba(255, 255, 255, 0.7);\n line-height: 1.5;\n margin-bottom: 0.8rem;\n}\n\n.iptv-processing-details {\n background: rgba(0, 102, 255, 0.1);\n border: 1px solid rgba(0, 102, 255, 0.3);\n border-radius: 10px;\n padding: 1rem;\n margin-top: 1.2rem;\n}\n\n.iptv-processing-plan {\n font-size: 0.9rem;\n color: #fff;\n margin-bottom: 0.4rem;\n}\n\n.iptv-processing-plan strong {\n color: #00a8ff;\n}\n\n\/* Error State *\/\n.iptv-error-message {\n display: none;\n text-align: center;\n padding: 1.5rem;\n}\n\n.iptv-error-message.show {\n display: block;\n animation: slideUp 0.4s ease;\n}\n\n.iptv-error-icon {\n width: 70px;\n height: 70px;\n margin: 0 auto 1.2rem;\n background: linear-gradient(135deg, rgba(220, 20, 60, 0.3), rgba(185, 28, 28, 0.3));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2.5rem;\n color: #dc143c;\n}\n\n.iptv-error-title {\n font-size: 1.5rem;\n font-weight: 900;\n color: #dc143c;\n margin-bottom: 0.4rem;\n}\n\n.iptv-error-text {\n font-size: 0.95rem;\n color: rgba(255, 255, 255, 0.7);\n line-height: 1.5;\n margin-bottom: 1.2rem;\n}\n\n.iptv-retry-btn {\n padding: 0.9rem 1.6rem;\n background: linear-gradient(135deg, #0066ff 0%, #00a8ff 100%);\n border: none;\n border-radius: 10px;\n color: #fff;\n font-size: 0.95rem;\n font-weight: 700;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n}\n\n.iptv-retry-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(0, 102, 255, 0.4);\n}\n\n\/* Loading State *\/\n.iptv-loading {\n display: inline-block;\n width: 18px;\n height: 18px;\n border: 3px solid rgba(255, 255, 255, 0.3);\n border-top-color: #fff;\n border-radius: 50%;\n animation: spin 0.8s linear infinite;\n margin-left: 0.4rem;\n}\n\n@keyframes spin {\n to { transform: rotate(360deg); }\n}\n\n\/* Close Button for Processing State *\/\n.iptv-processing-close {\n padding: 0.7rem 1.2rem;\n background: transparent;\n border: 2px solid rgba(0, 102, 255, 0.5);\n border-radius: 8px;\n color: #00a8ff;\n font-size: 0.85rem;\n font-weight: 700;\n cursor: pointer;\n margin-top: 0.8rem;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n}\n\n.iptv-processing-close:hover {\n background: rgba(0, 102, 255, 0.1);\n border-color: rgba(0, 102, 255, 0.8);\n}\n\n\/* Mobile Responsive *\/\n@media (max-width: 768px) {\n .iptv-popup {\n padding: 1.8rem 1.2rem;\n width: 94%;\n max-width: 400px;\n border-radius: 20px;\n }\n \n .iptv-popup-close {\n top: 1rem;\n right: 1rem;\n width: 32px;\n height: 32px;\n font-size: 1.2rem;\n }\n \n .iptv-popup-badge {\n font-size: 0.65rem;\n padding: 0.35rem 0.8rem;\n margin-bottom: 0.6rem;\n letter-spacing: 1px;\n }\n \n .iptv-popup-title {\n font-size: 1.3rem;\n margin-bottom: 0.3rem;\n letter-spacing: -0.3px;\n }\n \n .iptv-popup-plan {\n font-size: 0.9rem;\n }\n \n .iptv-popup-price {\n font-size: 1.8rem;\n margin: 0.6rem 0;\n }\n \n .iptv-trust-badges {\n gap: 0.5rem;\n margin: 1rem 0;\n }\n \n .trust-badge {\n font-size: 0.65rem;\n padding: 0.4rem 0.6rem;\n border-radius: 5px;\n gap: 0.3rem;\n }\n \n .trust-badge svg {\n width: 10px;\n height: 10px;\n }\n \n .iptv-popup-form {\n gap: 0.8rem;\n }\n \n .iptv-form-label {\n font-size: 0.8rem;\n }\n \n .iptv-form-required,\n .iptv-form-optional {\n font-size: 0.6rem;\n padding: 0.1rem 0.35rem;\n }\n \n .iptv-form-input {\n padding: 0.75rem 0.8rem 0.75rem 2.5rem;\n font-size: 0.9rem;\n border-radius: 10px;\n }\n \n .iptv-input-icon svg {\n width: 16px;\n height: 16px;\n }\n \n .iptv-validation-icon svg {\n width: 16px;\n height: 16px;\n }\n \n .iptv-form-error {\n font-size: 0.75rem;\n padding: 0.35rem 0.6rem;\n margin-top: -0.3rem;\n }\n \n .iptv-form-error svg {\n width: 12px;\n height: 12px;\n }\n \n .iptv-submit-btn {\n padding: 0.9rem 1.3rem;\n font-size: 0.9rem;\n border-radius: 10px;\n letter-spacing: 0.6px;\n }\n \n .iptv-privacy-links {\n margin-top: 0.6rem;\n padding-top: 0.6rem;\n }\n \n .iptv-privacy-links a {\n font-size: 0.6rem;\n margin: 0 0.3rem;\n }\n \n .iptv-success-icon,\n .iptv-processing-icon,\n .iptv-error-icon {\n width: 60px;\n height: 60px;\n font-size: 2rem;\n margin-bottom: 1rem;\n }\n \n .iptv-success-title,\n .iptv-processing-title,\n .iptv-error-title {\n font-size: 1.3rem;\n margin-bottom: 0.3rem;\n }\n \n .iptv-success-text,\n .iptv-processing-text,\n .iptv-error-text {\n font-size: 0.9rem;\n line-height: 1.4;\n }\n \n .iptv-processing-details {\n padding: 0.8rem;\n margin-top: 1rem;\n border-radius: 8px;\n }\n \n .iptv-processing-plan {\n font-size: 0.85rem;\n }\n \n .iptv-retry-btn,\n .iptv-processing-close {\n padding: 0.75rem 1.2rem;\n font-size: 0.85rem;\n border-radius: 8px;\n }\n}\n\n@media (max-width: 480px) {\n .iptv-popup {\n padding: 1.5rem 1rem;\n width: 96%;\n border-radius: 16px;\n }\n \n .iptv-popup-title {\n font-size: 1.2rem;\n }\n \n .iptv-popup-price {\n font-size: 1.6rem;\n }\n \n .trust-badge {\n font-size: 0.6rem;\n padding: 0.35rem 0.5rem;\n }\n \n .iptv-form-input {\n padding: 0.7rem 0.75rem 0.7rem 2.3rem;\n font-size: 0.85rem;\n }\n \n .iptv-submit-btn {\n padding: 0.8rem 1.1rem;\n font-size: 0.85rem;\n }\n \n .iptv-privacy-links a {\n display: inline;\n font-size: 0.6rem;\n }\n}\n \n\/* Make Popup Scrollable on Mobile *\/\n@media (max-width: 768px) {\n .iptv-popup-overlay {\n overflow-y: auto;\n -webkit-overflow-scrolling: touch;\n padding: 20px 0;\n }\n \n .iptv-popup {\n margin: auto;\n max-height: 90vh;\n overflow-y: auto;\n position: relative;\n }\n \n .iptv-popup-close {\n position: sticky;\n top: 1rem;\n z-index: 10;\n background: rgba(0, 102, 255, 0.9);\n backdrop-filter: blur(10px);\n border: 2px solid rgba(0, 102, 255, 0.6);\n }\n}\n\n@media (max-width: 480px) {\n .iptv-popup-overlay {\n padding: 10px 0;\n }\n \n .iptv-popup {\n max-height: 95vh;\n }\n}\n\n\n\/* ===== END SCROLLABLE POPUP ===== *\/\n\n\n\/* Remove any conflicting transforms and box-shadows from other sections *\/\n.pricing-section .cta-button,\n.pricing-section .cta-button-secondary {\n transform: none !important;\n box-shadow: none !important;\n}\n\n\/* Fix Featured Plan PayPal Button Hover *\/\n.pricing-section .pricing-card.featured .payment-buttons .cta-button-secondary:hover {\n background: linear-gradient(180deg, #005ea6 0%, #004c87 100%) !important;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.2) !important;\n transform: translateY(-1px) !important;\n}\n\n\/* Ensure PayPal buttons always stay blue *\/\n.pricing-section .payment-buttons .cta-button-secondary,\n.pricing-section .pricing-card.featured .payment-buttons .cta-button-secondary {\n background: linear-gradient(180deg, #0070ba 0%, #005ea6 100%) !important;\n}\n\n.pricing-section .payment-buttons .cta-button-secondary:hover,\n.pricing-section .pricing-card.featured .payment-buttons .cta-button-secondary:hover {\n background: linear-gradient(180deg, #005ea6 0%, #004c87 100%) !important;\n}\n\n\n \n <\/style>\n\n\n\n\n\n<div class=\"iptv-popup-overlay\" id=\"iptvPopupOverlay\">\n \n <div class=\"iptv-particles\" id=\"iptvParticles\"><\/div>\n\n <div class=\"iptv-popup\" id=\"iptvPopup\">\n <div class=\"iptv-popup-close\" onclick=\"closeIptvPopup()\">×<\/div>\n \n \n <div id=\"iptvFormContent\">\n <div class=\"iptv-popup-header\">\n <div class=\"iptv-popup-badge\">Complete Your Order<\/div>\n <h2 class=\"iptv-popup-title\">Subscribe Now<\/h2>\n <p class=\"iptv-popup-plan\" id=\"iptvPlanName\">1 Month Plan<\/p>\n <div class=\"iptv-popup-price\" id=\"iptvPlanPrice\">\u20ac9.99<\/div>\n \n \n <div class=\"iptv-trust-badges\">\n <div class=\"trust-badge\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"><\/path>\n <\/svg>\n Secure Checkout\n <\/div>\n <div class=\"trust-badge\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z\"><\/path>\n <\/svg>\n SSL Encrypted\n <\/div>\n <div class=\"trust-badge\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path>\n <\/svg>\n Instant Delivery\n <\/div>\n <\/div>\n <\/div>\n\n <form class=\"iptv-popup-form\" id=\"iptvSubscriptionForm\">\n \n <div class=\"iptv-form-group\">\n <label class=\"iptv-form-label\">\n Email Address\n <span class=\"iptv-form-required\">Required<\/span>\n <\/label>\n <div class=\"iptv-input-wrapper\">\n <span class=\"iptv-input-icon\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"><\/path>\n <\/svg>\n <\/span>\n <input \n type=\"email\" \n class=\"iptv-form-input\" \n id=\"iptvEmail\" \n name=\"email\"\n placeholder=\"your.email@example.com\"\n autocomplete=\"email\"\n required\n >\n <span class=\"iptv-validation-icon\" id=\"emailValidIcon\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path>\n <\/svg>\n <\/span>\n <\/div>\n <span class=\"iptv-form-error\" id=\"emailError\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\n <\/svg>\n <span>Please enter a valid email address (e.g., name@example.com)<\/span>\n <\/span>\n <\/div>\n\n \n <div class=\"iptv-form-group\">\n <label class=\"iptv-form-label\">\n Full Name\n <span class=\"iptv-form-optional\">Optional<\/span>\n <\/label>\n <div class=\"iptv-input-wrapper\">\n <span class=\"iptv-input-icon\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z\"><\/path>\n <\/svg>\n <\/span>\n <input \n type=\"text\" \n class=\"iptv-form-input\" \n id=\"iptvName\" \n name=\"name\"\n placeholder=\"John Doe\"\n autocomplete=\"name\"\n >\n <span class=\"iptv-validation-icon\" id=\"nameValidIcon\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path>\n <\/svg>\n <\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"iptv-form-group\">\n <label class=\"iptv-form-label\">\n Phone Number\n <span class=\"iptv-form-optional\">Optional<\/span>\n <\/label>\n <div class=\"iptv-input-wrapper\">\n <span class=\"iptv-input-icon\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"><\/path>\n <\/svg>\n <\/span>\n <input \n type=\"tel\" \n class=\"iptv-form-input\" \n id=\"iptvPhone\" \n name=\"phone\"\n placeholder=\"+1 234 567 8900\"\n autocomplete=\"tel\"\n >\n <span class=\"iptv-validation-icon\" id=\"phoneValidIcon\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path>\n <\/svg>\n <\/span>\n <\/div>\n <span class=\"iptv-form-error\" id=\"phoneError\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\n <\/svg>\n <span>Please enter a valid phone number (8-15 digits with country code)<\/span>\n <\/span>\n <\/div>\n\n \n <div class=\"iptv-form-group\">\n <label class=\"iptv-form-label\">\n Promo Code\n <span class=\"iptv-form-optional\">Optional<\/span>\n <\/label>\n <div class=\"iptv-input-wrapper\">\n <span class=\"iptv-input-icon\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 5v2m0 4v2m0 4v2M5 5a2 2 0 00-2 2v3a2 2 0 110 4v3a2 2 0 002 2h14a2 2 0 002-2v-3a2 2 0 110-4V7a2 2 0 00-2-2H5z\"><\/path>\n <\/svg>\n <\/span>\n <input \n type=\"text\" \n class=\"iptv-form-input\" \n id=\"iptvPromoCode\" \n name=\"promo_code\"\n placeholder=\"Enter promo code\"\n autocomplete=\"off\"\n >\n <span class=\"iptv-validation-icon\" id=\"promoCodeValidIcon\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path>\n <\/svg>\n <\/span>\n <\/div>\n <span class=\"iptv-form-error\" id=\"promoCodeError\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\n <\/svg>\n <span>Please enter a valid promo code<\/span>\n <\/span>\n <\/div>\n\n <button type=\"submit\" class=\"iptv-submit-btn\" id=\"iptvSubmitBtn\">\n <span id=\"iptvBtnText\">Complete Order<\/span>\n <\/button>\n\n \n <div class=\"iptv-privacy-links\">\n <a href=\"https:\/\/buyiptv-service.com\/en\/privacy-policy\/\" target=\"_blank\">Privacy Policy<\/a>\n <span style=\"color: rgba(168, 168, 168, 0.5);\">\u2022<\/span>\n <a href=\"https:\/\/buyiptv-service.com\/en\/terms-of-service\/\" target=\"_blank\">Terms of Service<\/a>\n <\/div>\n <\/form>\n <\/div>\n\n \n <div class=\"iptv-processing-message\" id=\"iptvProcessingMessage\">\n <div class=\"iptv-processing-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <path d=\"M12 6v6l4 2\"><\/path>\n <\/svg>\n <\/div>\n <h3 class=\"iptv-processing-title\">Order Already Submitted<\/h3>\n <p class=\"iptv-processing-text\">\n We’ve already received your subscription request for this plan!\n <\/p>\n <div class=\"iptv-processing-details\">\n <p class=\"iptv-processing-plan\"><strong id=\"processingPlanDisplay\">1 Month Plan<\/strong><\/p>\n <p class=\"iptv-processing-plan\" style=\"font-size: 0.9rem; color: #A8A8A8;\">\n We’ll contact you via email with your login credentials within 30 minutes to 2 hours.\n <\/p>\n <\/div>\n <p class=\"iptv-processing-text\" style=\"margin-top: 1.5rem;\">\n Want to buy a different plan? Close this and select another option.\n <\/p>\n <button class=\"iptv-processing-close\" onclick=\"closeIptvPopup()\">Close<\/button>\n <\/div>\n\n \n <div class=\"iptv-success-message\" id=\"iptvSuccessMessage\">\n <div class=\"iptv-success-icon\">\u2713<\/div>\n <h3 class=\"iptv-success-title\">Order Received!<\/h3>\n <p class=\"iptv-success-text\">\n We’ve sent a confirmation to<br>\n <span class=\"iptv-success-email\" id=\"iptvConfirmEmail\">your email<\/span>\n <\/p>\n <p class=\"iptv-success-text\" style=\"margin-top: 1rem;\">\n You will receive your login credentials within 30 minutes to 2 hours.\n <\/p>\n <\/div>\n\n \n <div class=\"iptv-error-message\" id=\"iptvErrorMessage\">\n <div class=\"iptv-error-icon\">\u2715<\/div>\n <h3 class=\"iptv-error-title\">Connection Error<\/h3>\n <p class=\"iptv-error-text\" id=\"iptvErrorText\">\n We couldn’t process your request. Please check your connection and try again.\n <\/p>\n <button class=\"iptv-retry-btn\" onclick=\"retrySubmission()\">Try Again<\/button>\n <button class=\"iptv-processing-close\" onclick=\"closeIptvPopup()\" style=\"margin-top: 0.5rem;\">Cancel<\/button>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n\/\/ CRITICAL: Check if WordPress AJAX variables are available\nif (typeof iptvAjax === 'undefined') {\n console.error('\u274c WordPress AJAX not loaded! Make sure the PHP code is active in Code Snippets.');\n var iptvAjax = {\n ajaxurl: '\/wp-admin\/admin-ajax.php',\n nonce: 'fallback-nonce'\n };\n}\n\n\/\/ Track submitted plans to prevent duplicate orders\nlet submittedPlan = null;\nlet lastFormData = null;\n\n\/\/ Create animated particles\nfunction createParticles() {\n const container = document.getElementById('iptvParticles');\n const particleCount = 30;\n \n for (let i = 0; i < particleCount; i++) {\n const particle = document.createElement('div');\n particle.className = 'particle';\n particle.style.left = Math.random() * 100 + '%';\n particle.style.animationDuration = (Math.random() * 10 + 15) + 's';\n particle.style.animationDelay = Math.random() * 5 + 's';\n container.appendChild(particle);\n }\n}\n\n\/\/ Popup control functions\nfunction openIptvPopup(plan, price, isRecurring) {\n isRecurring = isRecurring || false; \/\/ Default to false if undefined\n \n const overlay = document.getElementById('iptvPopupOverlay');\n const planName = document.getElementById('iptvPlanName');\n const planPrice = document.getElementById('iptvPlanPrice');\n const formContent = document.getElementById('iptvFormContent');\n const successMessage = document.getElementById('iptvSuccessMessage');\n const processingMessage = document.getElementById('iptvProcessingMessage');\n const errorMessage = document.getElementById('iptvErrorMessage');\n \n \/\/ Get current currency\n const currencyButtons = document.querySelectorAll('.currency-btn');\n let currentCurrency = '\u20ac';\n let currentCurrencyCode = 'EUR';\n \n currencyButtons.forEach(btn => {\n if (btn.classList.contains('active')) {\n currentCurrency = btn.getAttribute('data-symbol');\n currentCurrencyCode = btn.getAttribute('data-currency');\n }\n });\n \n \/\/ Check if this plan has already been submitted\n if (submittedPlan === plan) {\n formContent.style.display = 'none';\n successMessage.classList.remove('show');\n errorMessage.classList.remove('show');\n processingMessage.classList.add('show');\n document.getElementById('processingPlanDisplay').textContent = plan;\n } else {\n formContent.style.display = 'block';\n successMessage.classList.remove('show');\n processingMessage.classList.remove('show');\n errorMessage.classList.remove('show');\n document.getElementById('iptvSubscriptionForm').reset();\n \n \/\/ Reset validation states\n document.querySelectorAll('.iptv-form-error').forEach(el => el.classList.remove('show'));\n document.querySelectorAll('.iptv-form-input').forEach(el => {\n el.classList.remove('error', 'success');\n });\n document.querySelectorAll('.iptv-validation-icon').forEach(el => {\n el.classList.remove('show', 'success', 'error');\n });\n }\n \n planName.textContent = plan;\n planPrice.textContent = currentCurrency + price;\n \n overlay.dataset.plan = plan;\n overlay.dataset.price = price;\n overlay.dataset.currency = currentCurrency;\n overlay.dataset.currencyCode = currentCurrencyCode;\n overlay.dataset.isRecurring = isRecurring ? 'true' : 'false';\n \n overlay.classList.add('active');\n document.body.style.overflow = 'hidden';\n \n if (document.getElementById('iptvParticles').children.length === 0) {\n createParticles();\n }\n}\n\nfunction closeIptvPopup() {\n const overlay = document.getElementById('iptvPopupOverlay');\n const submitBtn = document.getElementById('iptvSubmitBtn');\n const btnText = document.getElementById('iptvBtnText');\n \n submitBtn.disabled = false;\n btnText.textContent = 'Complete Order';\n \n overlay.classList.remove('active');\n document.body.style.overflow = '';\n}\n\ndocument.getElementById('iptvPopupOverlay').addEventListener('click', function(e) {\n if (e.target === this) {\n closeIptvPopup();\n }\n});\n\n\/\/ Email validation\nfunction validateEmail(email) {\n const re = \/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$\/;\n return re.test(email);\n}\n\n\/\/ Phone validation\nfunction validatePhone(phone) {\n if (!phone) return true;\n const cleaned = phone.replace(\/[^0-9+]\/g, '');\n return cleaned.length >= 8 && cleaned.length <= 15;\n}\n\n\/\/ Promo code validation\nfunction validatePromoCode(promoCode) {\n if (!promoCode) return true;\n return promoCode.length >= 3 && promoCode.length <= 20;\n}\n\n\/\/ Real-time validation for email\ndocument.getElementById('iptvEmail').addEventListener('input', function(e) {\n const email = e.target.value.trim();\n const input = e.target;\n const errorEl = document.getElementById('emailError');\n const validIcon = document.getElementById('emailValidIcon');\n \n if (email === '') {\n input.classList.remove('error', 'success');\n errorEl.classList.remove('show');\n validIcon.classList.remove('show', 'success', 'error');\n return;\n }\n \n if (validateEmail(email)) {\n input.classList.remove('error');\n input.classList.add('success');\n errorEl.classList.remove('show');\n validIcon.classList.add('show', 'success');\n validIcon.classList.remove('error');\n } else {\n input.classList.add('error');\n input.classList.remove('success');\n validIcon.classList.remove('show', 'success');\n }\n});\n\n\/\/ Real-time validation for name\ndocument.getElementById('iptvName').addEventListener('input', function(e) {\n const name = e.target.value.trim();\n const validIcon = document.getElementById('nameValidIcon');\n \n if (name.length > 2) {\n e.target.classList.add('success');\n validIcon.classList.add('show', 'success');\n } else {\n e.target.classList.remove('success');\n validIcon.classList.remove('show', 'success');\n }\n});\n\n\/\/ Real-time validation for phone\ndocument.getElementById('iptvPhone').addEventListener('input', function(e) {\n const phone = e.target.value.trim();\n const input = e.target;\n const errorEl = document.getElementById('phoneError');\n const validIcon = document.getElementById('phoneValidIcon');\n \n if (phone === '') {\n input.classList.remove('error', 'success');\n errorEl.classList.remove('show');\n validIcon.classList.remove('show', 'success', 'error');\n return;\n }\n \n if (validatePhone(phone)) {\n input.classList.remove('error');\n input.classList.add('success');\n errorEl.classList.remove('show');\n validIcon.classList.add('show', 'success');\n validIcon.classList.remove('error');\n } else {\n input.classList.add('error');\n input.classList.remove('success');\n validIcon.classList.remove('show', 'success');\n }\n});\n\n\/\/ Real-time validation for promo code\ndocument.getElementById('iptvPromoCode').addEventListener('input', function(e) {\n const promoCode = e.target.value.trim();\n const input = e.target;\n const errorEl = document.getElementById('promoCodeError');\n const validIcon = document.getElementById('promoCodeValidIcon');\n \n if (promoCode === '') {\n input.classList.remove('error', 'success');\n errorEl.classList.remove('show');\n validIcon.classList.remove('show', 'success', 'error');\n return;\n }\n \n if (validatePromoCode(promoCode)) {\n input.classList.remove('error');\n input.classList.add('success');\n errorEl.classList.remove('show');\n validIcon.classList.add('show', 'success');\n validIcon.classList.remove('error');\n } else {\n input.classList.add('error');\n input.classList.remove('success');\n validIcon.classList.remove('show', 'success');\n }\n});\n\n\/\/ Submit form WITHOUT TIMEOUT - Let it take as long as needed\nasync function submitForm(formData) {\n try {\n const response = await fetch(iptvAjax.ajaxurl, {\n method: 'POST',\n body: formData\n });\n \n if (!response.ok) {\n throw new Error('Server error - please try again');\n }\n \n return await response.json();\n } catch (error) {\n \/\/ Only show error for real network failures\n if (error.message.includes('Failed to fetch') || error.message.includes('NetworkError')) {\n throw new Error('Network error - please check your internet connection');\n }\n throw error;\n }\n}\n\n\/\/ Retry submission function\nfunction retrySubmission() {\n if (lastFormData) {\n document.getElementById('iptvErrorMessage').classList.remove('show');\n document.getElementById('iptvFormContent').style.display = 'block';\n handleFormSubmission(lastFormData);\n }\n}\n\n\/\/ Handle form submission\nasync function handleFormSubmission(formData) {\n const submitBtn = document.getElementById('iptvSubmitBtn');\n const btnText = document.getElementById('iptvBtnText');\n \n submitBtn.disabled = true;\n btnText.innerHTML = 'Processing<span class=\"iptv-loading\"><\/span>';\n \n try {\n const result = await submitForm(formData);\n \n if (result.success) {\n const overlay = document.getElementById('iptvPopupOverlay');\n const email = formData.get('email');\n \n submittedPlan = overlay.dataset.plan;\n \n document.getElementById('iptvFormContent').style.display = 'none';\n document.getElementById('iptvConfirmEmail').textContent = email;\n document.getElementById('iptvSuccessMessage').classList.add('show');\n \n setTimeout(() => {\n closeIptvPopup();\n }, 5000);\n } else {\n throw new Error(result.data || 'Submission failed');\n }\n } catch (error) {\n console.error('Error:', error);\n \n document.getElementById('iptvFormContent').style.display = 'none';\n document.getElementById('iptvErrorText').textContent = error.message || 'We couldn\\'t process your request. Please check your connection and try again.';\n document.getElementById('iptvErrorMessage').classList.add('show');\n \n submitBtn.disabled = false;\n btnText.textContent = 'Complete Order';\n }\n}\n\n\/\/ Form submission\ndocument.getElementById('iptvSubscriptionForm').addEventListener('submit', async function(e) {\n e.preventDefault();\n \n const email = document.getElementById('iptvEmail').value.trim();\n const name = document.getElementById('iptvName').value.trim();\n const phone = document.getElementById('iptvPhone').value.trim();\n const promoCode = document.getElementById('iptvPromoCode').value.trim();\n const overlay = document.getElementById('iptvPopupOverlay');\n \n document.querySelectorAll('.iptv-form-error').forEach(el => el.classList.remove('show'));\n document.querySelectorAll('.iptv-form-input').forEach(el => el.classList.remove('error'));\n \n let hasError = false;\n \n if (!validateEmail(email)) {\n document.getElementById('iptvEmail').classList.add('error');\n document.getElementById('emailError').classList.add('show');\n hasError = true;\n }\n \n if (phone && !validatePhone(phone)) {\n document.getElementById('iptvPhone').classList.add('error');\n document.getElementById('phoneError').classList.add('show');\n hasError = true;\n }\n \n if (promoCode && !validatePromoCode(promoCode)) {\n document.getElementById('iptvPromoCode').classList.add('error');\n document.getElementById('promoCodeError').classList.add('show');\n hasError = true;\n }\n \n if (hasError) return;\n \n const formData = new FormData();\n formData.append('action', 'iptv_subscription');\n formData.append('nonce', iptvAjax.nonce);\n formData.append('email', email);\n formData.append('name', name);\n formData.append('phone', phone);\n formData.append('promo_code', promoCode);\n formData.append('plan', overlay.dataset.plan);\n formData.append('price', overlay.dataset.price);\n formData.append('currency', overlay.dataset.currency);\n formData.append('is_recurring', overlay.dataset.isRecurring);\n \n lastFormData = formData;\n \n await handleFormSubmission(formData);\n});\n\n\/\/ Find this section at the bottom of your code (around line 2800+)\ndocument.addEventListener('DOMContentLoaded', function() {\n const pricingCards = document.querySelectorAll('.pricing-card');\n \n pricingCards.forEach(card => {\n \/\/ Only get the FIRST button (Card button), not the PayPal button\n const cardButton = card.querySelector('.cta-button:not(.cta-button-secondary)');\n const plan = card.getAttribute('data-plan');\n const basePrice = card.getAttribute('data-base-price');\n const isRecurring = card.getAttribute('data-recurring') === 'true';\n \n if (cardButton && plan && basePrice) {\n let planName = '';\n \n switch(plan) {\n case '1month': \n planName = '1 Month Plan (One-Time Payment)'; \n break;\n case '3months': \n planName = '3 Months Plan (One-Time Payment)'; \n break;\n case '6months': \n planName = '6 Months Plan (One-Time Payment)'; \n break;\n case '12months': \n planName = '12 Months Plan (One-Time Payment)'; \n break;\n case 'monthly-1month': \n planName = 'Monthly Subscription (Recurring)'; \n break;\n case 'monthly-yearly': \n planName = 'Yearly Subscription (Monthly Billing)'; \n break;\n default:\n planName = 'Subscription Plan';\n }\n \n \/\/ Only add popup to Card button\n cardButton.addEventListener('click', function(e) {\n e.preventDefault();\n \n const priceEl = card.querySelector('.price');\n const currentPrice = priceEl ? priceEl.textContent : basePrice;\n \n openIptvPopup(planName, currentPrice, isRecurring);\n });\n }\n });\n});\n<\/script>\n\n\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Pricing – StreamEZ StreamEZ PREMIUM IPTV Home Pricing FAQ Guide Channels Support \ud83c\udf81 Free Trial Subscribe Now StreamEZ PREMIUM IPTV Home Pricing FAQ Guide Channels Support How to Get Started Subscribe to StreamEZ in just 4 simple steps and start streaming instantly 1 Choose Your Plan Select the subscription plan that best fits your needs […]<\/p>\n","protected":false},"author":1,"featured_media":408,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-25","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\n<title>IPTV Plans & Prices | StreamEZ \u2013 Monthly & Yearly Subscriptions<\/title>\n<meta name=\"description\" content=\"Choose the best IPTV plan. Affordable monthly and yearly packages with premium channels, VOD, and instant activation.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/buyiptv-subscribe.com\/en\/pricing\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Pricing\" \/>\n<meta property=\"og:description\" content=\"Choose the best IPTV plan. Affordable monthly and yearly packages with premium channels, VOD, and instant activation.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/buyiptv-subscribe.com\/en\/pricing\/\" \/>\n<meta property=\"og:site_name\" content=\"StreamEZ\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-16T14:23:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/buyiptv-subscribe.com\/en\/wp-content\/uploads\/2025\/11\/streamez-affordable-subscription-packages.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"2048\" \/>\n\t<meta property=\"og:image:height\" content=\"2048\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/pricing\\\/\",\"url\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/pricing\\\/\",\"name\":\"IPTV Plans & Prices | StreamEZ \u2013 Monthly & Yearly Subscriptions\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/pricing\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/pricing\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/streamez-affordable-subscription-packages.webp\",\"datePublished\":\"2025-10-26T15:33:50+00:00\",\"dateModified\":\"2026-04-16T14:23:15+00:00\",\"description\":\"Choose the best IPTV plan. Affordable monthly and yearly packages with premium channels, VOD, and instant activation.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/pricing\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/pricing\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/pricing\\\/#primaryimage\",\"url\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/streamez-affordable-subscription-packages.webp\",\"contentUrl\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/streamez-affordable-subscription-packages.webp\",\"width\":2048,\"height\":2048},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/pricing\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Pricing\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/\",\"name\":\"StreamEZ\",\"description\":\"StreamEZ Website\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n","yoast_head_json":{"title":"IPTV Plans & Prices | StreamEZ \u2013 Monthly & Yearly Subscriptions","description":"Choose the best IPTV plan. Affordable monthly and yearly packages with premium channels, VOD, and instant activation.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/buyiptv-subscribe.com\/en\/pricing\/","og_locale":"en_US","og_type":"article","og_title":"Pricing","og_description":"Choose the best IPTV plan. Affordable monthly and yearly packages with premium channels, VOD, and instant activation.","og_url":"https:\/\/buyiptv-subscribe.com\/en\/pricing\/","og_site_name":"StreamEZ","article_modified_time":"2026-04-16T14:23:15+00:00","og_image":[{"width":2048,"height":2048,"url":"https:\/\/buyiptv-subscribe.com\/en\/wp-content\/uploads\/2025\/11\/streamez-affordable-subscription-packages.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/buyiptv-subscribe.com\/en\/pricing\/","url":"https:\/\/buyiptv-subscribe.com\/en\/pricing\/","name":"IPTV Plans & Prices | StreamEZ \u2013 Monthly & Yearly Subscriptions","isPartOf":{"@id":"https:\/\/buyiptv-subscribe.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/buyiptv-subscribe.com\/en\/pricing\/#primaryimage"},"image":{"@id":"https:\/\/buyiptv-subscribe.com\/en\/pricing\/#primaryimage"},"thumbnailUrl":"https:\/\/buyiptv-subscribe.com\/en\/wp-content\/uploads\/2025\/11\/streamez-affordable-subscription-packages.webp","datePublished":"2025-10-26T15:33:50+00:00","dateModified":"2026-04-16T14:23:15+00:00","description":"Choose the best IPTV plan. Affordable monthly and yearly packages with premium channels, VOD, and instant activation.","breadcrumb":{"@id":"https:\/\/buyiptv-subscribe.com\/en\/pricing\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/buyiptv-subscribe.com\/en\/pricing\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/buyiptv-subscribe.com\/en\/pricing\/#primaryimage","url":"https:\/\/buyiptv-subscribe.com\/en\/wp-content\/uploads\/2025\/11\/streamez-affordable-subscription-packages.webp","contentUrl":"https:\/\/buyiptv-subscribe.com\/en\/wp-content\/uploads\/2025\/11\/streamez-affordable-subscription-packages.webp","width":2048,"height":2048},{"@type":"BreadcrumbList","@id":"https:\/\/buyiptv-subscribe.com\/en\/pricing\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/buyiptv-subscribe.com\/en\/"},{"@type":"ListItem","position":2,"name":"Pricing"}]},{"@type":"WebSite","@id":"https:\/\/buyiptv-subscribe.com\/en\/#website","url":"https:\/\/buyiptv-subscribe.com\/en\/","name":"StreamEZ","description":"StreamEZ Website","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/buyiptv-subscribe.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":0,"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/pages\/25\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/media\/408"}],"wp:attachment":[{"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/media?parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}