Pricing – BUY IPTV<\/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: #FF1E00;\n --color-2: #FF1E00;\n --color-3: #FF1E00;\n --color-4: #FF6B00;\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: #121212;\n backdrop-filter: blur(30px);\n border-bottom: 1px solid rgba(255, 30, 0, 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: #121212;\n box-shadow: 0 10px 60px rgba(0, 0, 0, 0.6);\n border-bottom: 1px solid rgba(255, 30, 0, 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, #FF1E00 0%, #FF1E00 50%, #FF6B00 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(255, 30, 0, 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(255, 30, 0, 0.7),\n inset 0 1px 0 rgba(255, 255, 255, 0.2);\n }\n 50% { \n box-shadow: \n 0 10px 40px rgba(255, 30, 0, 0.9),\n 0 0 20px rgba(255, 30, 0, 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%, #FF1E00 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(255, 30, 0, 0.6);\n transform: translateY(-3px);\n box-shadow: 0 10px 30px rgba(255, 30, 0, 0.4);\n }\n\n .btn-subscribe {\n background: linear-gradient(135deg, #FF1E00 0%, #FF1E00 50%, #FF6B00 100%);\n color: #fff;\n box-shadow: 0 10px 35px rgba(255, 30, 0, 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(255, 30, 0, 0.7),\n 0 0 30px rgba(255, 30, 0, 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, #FF1E00, #FF6B00);\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: #121212;\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(255, 30, 0, 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(255, 30, 0, 0.3);\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(255, 30, 0, 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%, #FF1E00 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(255, 30, 0, 0.2);\n color: #fff;\n transform: translateX(8px);\n border-bottom-color: rgba(255, 30, 0, 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: #121212;\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: #121212;\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%, #FF6B00 50%, #FF6B00 70%, #FF1E00 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(255, 107, 0, 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(30, 30, 30, 0.7) 0%, rgba(30, 30, 30, 0.5) 100%);\n border-radius: 24px;\n padding: 2.5rem 2rem;\n border: 2px solid rgba(255, 30, 0, 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(255, 30, 0, 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(255, 30, 0, 0.6);\n box-shadow: \n 0 20px 40px rgba(255, 30, 0, 0.4),\n 0 0 80px rgba(255, 107, 0, 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, #FF1E00 0%, #FF6B00 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(255, 30, 0, 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(255, 30, 0, 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(255, 30, 0, 0.5);\n }\n 50% {\n box-shadow: 0 0 20px rgba(255, 30, 0, 0.8), 0 0 30px rgba(255, 107, 0, 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: #121212;\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: #121212;\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(30, 30, 30, 0.6) 0%, rgba(30, 30, 30, 0.8) 100%);\n border-radius: 24px;\n padding: 2rem 1.5rem;\n border: 2px solid rgba(255, 30, 0, 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(255, 30, 0, 0.15) 0%, transparent 70%);\n transition: all 0.8s ease;\n opacity: 0;\n pointer-events: none;\n }\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(255, 30, 0, 0.8);\n box-shadow: \n 0 40px 80px rgba(255, 30, 0, 0.5),\n 0 0 120px rgba(255, 107, 0, 0.4),\n inset 0 1px 0 rgba(255, 255, 255, 0.2);\n }\n\n\n .payment-icon-wrapper {\n width: 90px;\n height: 90px;\n background: linear-gradient(145deg, rgba(255, 30, 0, 0.2) 0%, rgba(255, 107, 0, 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(255, 30, 0, 0.4);\n transition: all 0.5s ease;\n position: relative;\n overflow: hidden;\n box-shadow: \n 0 15px 40px rgba(255, 30, 0, 0.3),\n inset 0 2px 20px rgba(255, 30, 0, 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(255, 30, 0, 0.8);\n background: linear-gradient(145deg, rgba(255, 30, 0, 0.35) 0%, rgba(255, 107, 0, 0.35) 100%);\n box-shadow: \n 0 25px 70px rgba(255, 30, 0, 0.6),\n inset 0 2px 30px rgba(255, 30, 0, 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(255, 30, 0, 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(255, 30, 0, 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(255, 30, 0, 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: #121212;\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 }\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%, #FF1E00 50%, #FF6B00 70%, #FF1E00 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(255, 30, 0, 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(30, 30, 30, 0.6);\n border-radius: 16px;\n padding: 0.5rem;\n border: 2px solid rgba(255, 30, 0, 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, #FF1E00 0%, #FF6B00 100%);\n color: #fff;\n box-shadow: 0 8px 25px rgba(255, 30, 0, 0.5);\n }\n\n .toggle-btn:not(.active):hover {\n color: rgba(255, 255, 255, 0.9);\n background: rgba(255, 30, 0, 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(255, 30, 0, 0.1);\n border-radius: 50px;\n border: 1px solid rgba(255, 30, 0, 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: #FF1E00;\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(30, 30, 30, 0.7) 0%, rgba(30, 30, 30, 0.5) 100%);\n border: 2px solid rgba(255, 30, 0, 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(40, 40, 40, 0.8) 0%, rgba(30, 30, 30, 0.6) 100%);\n border-color: rgba(255, 30, 0, 0.5);\n transform: translateY(-3px);\n box-shadow: 0 10px 30px rgba(255, 30, 0, 0.3);\n }\n\n .currency-btn.active {\n background: linear-gradient(135deg, #FF1E00 0%, #FF6B00 100%);\n border-color: rgba(255, 107, 0, 0.6);\n color: #fff;\n box-shadow: 0 10px 40px rgba(255, 30, 0, 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(30, 30, 30, 0.7) 0%, rgba(30, 30, 30, 0.5) 100%);\n border-radius: 32px;\n padding: 3rem 2.5rem;\n border: 2px solid rgba(255, 30, 0, 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(255, 30, 0, 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, #FF1E00, #FF6B00, #FF1E00);\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(30, 30, 30, 0.9) 0%, rgba(30, 30, 30, 0.7) 100%);\n border-color: rgba(255, 30, 0, 0.6);\n box-shadow: \n 0 40px 80px rgba(255, 30, 0, 0.4),\n 0 0 120px rgba(255, 107, 0, 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(255, 107, 0, 0.4);\n background: linear-gradient(145deg, rgba(40, 40, 40, 0.8) 0%, rgba(30, 30, 30, 0.6) 100%);\n }\n\n .pricing-card.featured:hover {\n border-color: rgba(255, 107, 0, 0.7);\n box-shadow: \n 0 40px 80px rgba(255, 107, 0, 0.4),\n 0 0 120px rgba(255, 30, 0, 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(255, 30, 0, 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(255, 30, 0, 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: #FF1E00;\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(255, 30, 0, 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(255, 30, 0, 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, #FF1E00 0%, #FF6B00 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(255, 30, 0, 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(255, 30, 0, 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, #FF1E00 0%, #d91900 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(180deg, #d91900 0%, #b61500 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(255, 30, 0, 0.8) 50%, transparent 100%);\n box-shadow: 0 0 10px rgba(255, 30, 0, 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(255, 30, 0, 0.5);\n }\n 50% {\n box-shadow: 0 0 20px rgba(255, 30, 0, 0.8), 0 0 30px rgba(255, 107, 0, 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(180deg, #FF1E00 0%, #d91900 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(255, 30, 0, 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(180deg, #d91900 0%, #b61500 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(255, 30, 0, 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 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: #121212;\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: #121212;\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: #FF1E00 !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(255, 30, 0, 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(255, 30, 0, 0.9),\n 0 0 120px rgba(255, 30, 0, 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: #121212;\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, #121212 0%, #121212 50%, #121212 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: #121212\n radial-gradient(circle at 20% 30%, rgba(255, 30, 0, 0.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255, 107, 0, 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(30, 30, 30, 0.95) 0%, rgba(30, 30, 30, 0.85) 100%);\n border-radius: 32px;\n padding: 3rem 2.5rem;\n border: 2px solid rgba(255, 30, 0, 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(255, 30, 0, 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(30, 30, 30, 0.98) 0%, rgba(30, 30, 30, 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(255, 30, 0, 0.8);\n box-shadow: \n 0 40px 80px rgba(255, 30, 0, 0.6),\n 0 0 120px rgba(255, 107, 0, 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(255, 30, 0, 0.9);\n background: linear-gradient(135deg, rgba(255, 30, 0, 0.4) 0%, rgba(255, 107, 0, 0.4) 100%);\n box-shadow: \n 0 25px 60px rgba(255, 30, 0, 0.7),\n inset 0 2px 30px rgba(255, 30, 0, 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(255, 30, 0, 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(255, 107, 0, 0.8));\n }\n\n .feature-card:hover .feature-title {\n color: #c0c0c0;\n text-shadow: 0 0 20px rgba(255, 107, 0, 0.6);\n }\n }\n\n .icon-wrapper {\n width: 110px;\n height: 110px;\n background: linear-gradient(135deg, rgba(255, 30, 0, 0.25) 0%, rgba(255, 107, 0, 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(255, 30, 0, 0.5);\n box-shadow: \n 0 20px 50px rgba(255, 30, 0, 0.4),\n inset 0 2px 20px rgba(255, 30, 0, 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: #FF6B00;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n filter: drop-shadow(0 5px 20px rgba(255, 30, 0, 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%, #FF6B00 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(255, 30, 0, 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: #121212;\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%, #FF6B00 50%, #FF6B00 70%, #FF1E00 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(255, 107, 0, 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(30, 30, 30, 0.7) 0%, rgba(30, 30, 30, 0.5) 100%);\n border: 2px solid rgba(255, 30, 0, 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(255, 30, 0, 0.5);\n box-shadow: 0 20px 40px rgba(255, 30, 0, 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(30, 30, 30, 0.3) 0%, rgba(30, 30, 30, 0.1) 100%);\n border: 2px solid rgba(255, 30, 0, 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(30, 30, 30, 0.7) 0%, rgba(30, 30, 30, 0.5) 100%);\n border: 2px solid rgba(255, 30, 0, 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(255, 30, 0, 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(255, 30, 0, 0.6);\n box-shadow: \n 0 30px 60px rgba(255, 30, 0, 0.4),\n 0 0 100px rgba(255, 107, 0, 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, #FF1E00 0%, #FF6B00 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(255, 30, 0, 0.5);\n box-shadow: 0 4px 15px rgba(255, 30, 0, 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(255, 30, 0, 0.2);\n border: 1px solid rgba(255, 30, 0, 0.3);\n padding: 0.25rem 0.6rem;\n border-radius: 20px;\n font-size: 0.7rem;\n font-weight: 600;\n color: #FF6B00;\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(255, 30, 0, 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(255, 30, 0, 0.2);\n border: 1px solid rgba(255, 30, 0, 0.3);\n border-radius: 20px;\n font-size: 0.75rem;\n color: #FF6B00;\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, #FF1E00 0%, #FF6B00 50%, #FF8E00 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(255, 30, 0, 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(255, 30, 0, 0.6),\n 0 0 80px rgba(255, 107, 0, 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: #121212;\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: #121212;\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: #121212\n radial-gradient(circle at 25% 50%, rgba(255, 30, 0, 0.08) 0%, transparent 50%),\n radial-gradient(circle at 75% 50%, rgba(255, 107, 0, 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(30, 30, 30, 0.9) 0%, rgba(30, 30, 30, 0.7) 100%);\n border-radius: 32px;\n padding: 3rem 2rem;\n border: 2px solid rgba(255, 30, 0, 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(255, 30, 0, 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(30, 30, 30, 0.98) 0%, rgba(30, 30, 30, 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(255, 30, 0, 0.8);\n box-shadow: \n 0 50px 100px rgba(255, 30, 0, 0.6),\n 0 0 150px rgba(255, 107, 0, 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(255, 30, 0, 0.9);\n background: linear-gradient(135deg, rgba(255, 30, 0, 0.4) 0%, rgba(255, 107, 0, 0.4) 100%);\n box-shadow: \n 0 30px 80px rgba(255, 30, 0, 0.7),\n inset 0 2px 35px rgba(255, 30, 0, 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(255, 30, 0, 1));\n transform: scale(1.08);\n }\n\n .security-card:hover .security-title {\n color: #c0c0c0;\n text-shadow: 0 0 25px rgba(255, 107, 0, 0.6);\n }\n }\n\n .security-icon {\n width: 110px;\n height: 110px;\n background: linear-gradient(135deg, rgba(255, 30, 0, 0.25) 0%, rgba(255, 107, 0, 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(255, 30, 0, 0.5);\n box-shadow: \n 0 20px 60px rgba(255, 30, 0, 0.4),\n inset 0 2px 25px rgba(255, 30, 0, 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: #FF6B00;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n filter: drop-shadow(0 6px 25px rgba(255, 30, 0, 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: #FF1E00;\n --color-2: #FF1E00;\n --color-3: #FF1E00;\n --color-4: #FF6B00;\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(18, 18, 18, 0.95);\n border-top: 1px solid rgba(255, 30, 0, 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, #FF1E00, #FF6B00, 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, #FF1E00 0%, #FF1E00 50%, #FF6B00 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(255, 30, 0, 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, #FF1E00, #FF6B00);\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(255, 30, 0, 0.7),\n inset 0 1px 0 rgba(255, 255, 255, 0.2);\n }\n 50% { \n box-shadow: \n 0 10px 40px rgba(255, 30, 0, 0.9),\n 0 0 20px rgba(255, 30, 0, 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%, #FF1E00 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%, #FF6B00 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(255, 30, 0, 0.15);\n border: 1px solid rgba(255, 30, 0, 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, #FF1E00, #FF6B00);\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(255, 30, 0, 0.6);\n transform: translateY(-5px) scale(1.05);\n box-shadow: 0 15px 35px rgba(255, 30, 0, 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, #FF1E00, #FF6B00);\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: #FF6B00;\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, #FF1E00, #FF6B00);\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: #FF1E00;\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(18, 18, 18, 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, #FF1E00, 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(255, 30, 0, 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(255, 30, 0, 0.3);\n background: rgba(30, 30, 30, 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: #FF1E00;\n background: rgba(30, 30, 30, 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, #FF1E00, #FF6B00);\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(255, 30, 0, 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(255, 30, 0, 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\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\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\n\/* ===== END MOBILE ONLY BIGGER TEXT ===== *\/\n\n\n\/* ===== PRICING MOBILE FIX - PHONES ONLY ===== *\/\n\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 \/* Solid background for pricing cards only *\/\n .pricing-section .pricing-card {\n background: #1f1f1f;\n }\n\n .pricing-section .pricing-card.featured {\n background: #252525;\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\n\n\n\/* Ensure PayPal buttons always stay darker aqua blue *\/\n.pricing-section .payment-buttons .cta-button-secondary,\n.pricing-section .pricing-card.featured .payment-buttons .cta-button-secondary {\n background: linear-gradient(135deg, #0081CB 0%, #006B9E 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(135deg, #0081CB 0%, #006B9E 100%) !important;\n}\n\n\/* White ripple effect for all buttons *\/\n.pricing-section .payment-buttons .cta-button::before,\n.pricing-section .payment-buttons .cta-button-secondary::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 ease, height 0.6s ease;\n pointer-events: none;\n}\n\n.pricing-section .payment-buttons .cta-button:hover::before,\n.pricing-section .payment-buttons .cta-button-secondary:hover::before {\n width: 300px;\n height: 300px;\n}\n\n\/* Ensure text stays on top of ripple *\/\n.pricing-section .payment-buttons .cta-button span,\n.pricing-section .payment-buttons .cta-button-secondary span {\n position: relative;\n z-index: 1;\n}\n\n\n\/* ===== END PRICING MOBILE FIX ===== *\/\n\n\n.cta-button-secondary {\n display: none !important;\n}\n\n\n <\/style>\n \n \n<\/head>\n<body>\n <section id=\"page1\">\n\n <\/section>\n \n <section>\n <header id=\"header\">\n <a href=\"https:\/\/buyiptv-service.com\/eu\/\" style=\"text-decoration: none;\">\n <div class=\"logo\">\n <div class=\"logo-icon\"><\/div>\n <div class=\"logo-text\">\n <span class=\"logo-main\">BUY IPTV<\/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-service.com\/eu\/\">Home<\/a><\/li>\n <li class=\"active\"><a href=\"#pricing\">Pricing<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/faq\/\">FAQ<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/iptv-guide\/\">Guide<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/channels-list\/\">Channels<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/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-service.com\/eu\/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\">BUY IPTV<\/span>\n <span class=\"logo-tagline\">PREMIUM IPTV<\/span>\n <\/div>\n <\/div>\n <\/div>\n <nav>\n <a href=\"https:\/\/buyiptv-service.com\/eu\/\">Home<\/a>\n <a href=\"#pricing\">Pricing<\/a>\n <a href=\"https:\/\/buyiptv-service.com\/eu\/faq\/\">FAQ<\/a>\n <a href=\"https:\/\/buyiptv-service.com\/eu\/iptv-guide\/\">Guide<\/a>\n <a href=\"https:\/\/buyiptv-service.com\/eu\/channels-list\/\">Channels<\/a>\n <a href=\"https:\/\/buyiptv-service.com\/eu\/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 BUY IPTV 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=\"payment-section\">\n <div class=\"payment-header\">\n <h2>Secure <span class=\"gradient-text\">Payment Methods<\/span><\/h2>\n <p>We support multiple payment options for your convenience. All transactions are encrypted and secured with military-grade protection.<\/p>\n <\/div>\n\n <div class=\"payment-content\">\n <div class=\"payment-methods-grid\">\n <div class=\"payment-card\">\n <div class=\"payment-icon-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/0\/04\/Visa.svg\" alt=\"Visa\">\n <\/div>\n <h3 class=\"payment-name\">Visa<\/h3>\n <p class=\"payment-description\">Fast & secure card payments<\/p>\n <\/div>\n\n <div class=\"payment-card\">\n <div class=\"payment-icon-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/2\/2a\/Mastercard-logo.svg\" alt=\"Mastercard\">\n <\/div>\n <h3 class=\"payment-name\">Mastercard<\/h3>\n <p class=\"payment-description\">Global payment solution<\/p>\n <\/div>\n\n <div class=\"payment-card\">\n <div class=\"payment-icon-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/b\/b5\/PayPal.svg\" alt=\"PayPal\">\n <\/div>\n <h3 class=\"payment-name\">PayPal<\/h3>\n <p class=\"payment-description\">Trusted worldwide<\/p>\n <\/div>\n\n <div class=\"payment-card\">\n <div class=\"payment-icon-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/5\/5e\/Visa_Inc._logo.svg\" alt=\"Bank Transfer\" style=\"filter: hue-rotate(180deg) brightness(1.5);\">\n <\/div>\n <h3 class=\"payment-name\">Bank Transfer<\/h3>\n <p class=\"payment-description\">Direct bank payments<\/p>\n <\/div>\n\n <div class=\"payment-card\">\n <div class=\"payment-icon-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/4\/46\/Bitcoin.svg\" alt=\"Cryptocurrency\">\n <\/div>\n <h3 class=\"payment-name\">Cryptocurrency<\/h3>\n <p class=\"payment-description\">Bitcoin, ETH & more<\/p>\n <\/div>\n\n <div class=\"payment-card\">\n <div class=\"payment-icon-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/f\/f2\/Google_Pay_Logo.svg\" alt=\"Google Pay\">\n <\/div>\n <h3 class=\"payment-name\">Google Pay<\/h3>\n <p class=\"payment-description\">Quick mobile payments<\/p>\n <\/div>\n\n <div class=\"payment-card\">\n <div class=\"payment-icon-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/f\/fa\/Apple_logo_black.svg\" alt=\"Apple Pay\">\n <\/div>\n <h3 class=\"payment-name\">Apple Pay<\/h3>\n <p class=\"payment-description\">Secure Apple payments<\/p>\n <\/div>\n\n <div class=\"payment-card\">\n <div class=\"payment-icon-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/buyiptv-service.com\/eu\/jeevoowh\/2025\/11\/IDEAL_Logo_2020.svg_.png\" alt=\"iDEAL\">\n <\/div>\n <h3 class=\"payment-name\">iDEAL<\/h3>\n <p class=\"payment-description\">Netherlands bank transfer<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/section>\n \n <section id=\"page4\">\n <section id=\"pricing\">\n <section class=\"pricing-section\">\n <div class=\"pricing-header\">\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=\"https:\/\/buyiptv-service.com\/eu\/checkout-page\/?add-to-cart=3435\" class=\"cta-button\" 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 or\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<\/span>\n <\/a>\n <a href=\"https:\/\/datalyn.sell.app\/product\/1-month\" 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=\"https:\/\/buyiptv-service.com\/eu\/checkout-page\/?add-to-cart=3436\" class=\"cta-button\" 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 or\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<\/span>\n <\/a>\n <a href=\"https:\/\/datalyn.sell.app\/product\/3-months\" 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=\"https:\/\/buyiptv-service.com\/eu\/checkout-page\/?add-to-cart=3437\" class=\"cta-button\" 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 or\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<\/span>\n <\/a>\n <a href=\"https:\/\/datalyn.sell.app\/product\/6-months\" 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=\"https:\/\/buyiptv-service.com\/eu\/checkout-page\/?add-to-cart=3438\" class=\"cta-button\" 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 or\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<\/span>\n <\/a>\n <a href=\"https:\/\/datalyn.sell.app\/product\/1-year\" 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 \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=\"https:\/\/web.whatsapp.com\/send?phone=212688196707&text=I%20want%20to%20subscribe%20Monthly\" 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=\"https:\/\/web.whatsapp.com\/send?phone=212688196707&text=I%20want%20to%20subscribe%20Yearly\" 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<\/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<\/a>\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\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 \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:#FF1E00;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#FF6B00;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:#FF1E00;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#FF6B00;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:#FF1E00;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#FF6B00;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:#FF1E00;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#FF6B00;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:#FF1E00;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#FF6B00;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:#FF1E00;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#FF6B00;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 BUY IPTV<\/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:#FF1E00;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#FF6B00;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:#FF1E00;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#FF6B00;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:#FF1E00;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#FF6B00;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:#FF1E00;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#FF6B00;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:#FF1E00;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#FF6B00;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\">BUY IPTV<\/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.140a.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-service.com\/eu\/\">Home<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/about\/\">About Us<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/faq\/\">FAQ<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/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-service.com\/eu\/pricing\/\">Pricing<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/Channels-list\/\">Channels List<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/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-service.com\/eu\/reseller-program\/\">Reseller Program<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/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-service.com\/eu\/terms-of-service\/\">Terms of Service<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/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-service.com\/eu\/pricing\/\" class=\"newsletter-button\" style=\"display: block; text-align: center; text-decoration: none; padding: 0.9rem; border-radius: 10px; background: linear-gradient(135deg, #FF1E00, #1E1E1E); 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 BUY IPTV. 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\n<\/section>\n<\/section>\n\n\n\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>Pricing – BUY IPTV BUY IPTV PREMIUM IPTV Home Pricing FAQ Guide Channels Support \ud83c\udf81 Free Trial Subscribe Now BUY IPTV PREMIUM IPTV Home Pricing FAQ Guide Channels Support How to Get Started Subscribe to BUY IPTV in just 4 simple steps and start streaming instantly 1 Choose Your Plan Select the subscription plan that […]<\/p>\n","protected":false},"author":1,"featured_media":3397,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-3400","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\n<title>IPTV \u2013 Experience the Ultimate with 30,000+ Channels<\/title>\n<meta name=\"description\" content=\"IPTV subscription for ultra HD streaming quality and server stability. Subscribe now for 24\/7 online support and no contracts.\" \/>\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-service.com\/eu\/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=\"IPTV subscription for ultra HD streaming quality and server stability. Subscribe now for 24\/7 online support and no contracts.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/buyiptv-service.com\/eu\/pricing\/\" \/>\n<meta property=\"og:site_name\" content=\"Buy IPTV\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-10T21:14:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/buyiptv-service.com\/eu\/jeevoowh\/2025\/11\/cropped-sitelogo.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"512\" \/>\n\t<meta property=\"og:image:height\" content=\"512\" \/>\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=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/pricing\\\/\",\"url\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/pricing\\\/\",\"name\":\"IPTV \u2013 Experience the Ultimate with 30,000+ Channels\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/pricing\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/pricing\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/cropped-sitelogo.webp\",\"datePublished\":\"2026-03-01T15:47:01+00:00\",\"dateModified\":\"2026-06-10T21:14:12+00:00\",\"description\":\"IPTV subscription for ultra HD streaming quality and server stability. Subscribe now for 24\\\/7 online support and no contracts.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/pricing\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/pricing\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/pricing\\\/#primaryimage\",\"url\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/cropped-sitelogo.webp\",\"contentUrl\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/cropped-sitelogo.webp\",\"width\":512,\"height\":512},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/pricing\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Pricing\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/#website\",\"url\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/\",\"name\":\"BuyIPTV\",\"description\":\"Best IPTV\",\"publisher\":{\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/#organization\",\"name\":\"Buy IPTV\",\"url\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/cropped-sitelogo.webp\",\"contentUrl\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/cropped-sitelogo.webp\",\"width\":512,\"height\":512,\"caption\":\"Buy IPTV\"},\"image\":{\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"IPTV \u2013 Experience the Ultimate with 30,000+ Channels","description":"IPTV subscription for ultra HD streaming quality and server stability. Subscribe now for 24\/7 online support and no contracts.","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-service.com\/eu\/pricing\/","og_locale":"en_US","og_type":"article","og_title":"Pricing","og_description":"IPTV subscription for ultra HD streaming quality and server stability. Subscribe now for 24\/7 online support and no contracts.","og_url":"https:\/\/buyiptv-service.com\/eu\/pricing\/","og_site_name":"Buy IPTV","article_modified_time":"2026-06-10T21:14:12+00:00","og_image":[{"width":512,"height":512,"url":"https:\/\/buyiptv-service.com\/eu\/jeevoowh\/2025\/11\/cropped-sitelogo.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/buyiptv-service.com\/eu\/pricing\/","url":"https:\/\/buyiptv-service.com\/eu\/pricing\/","name":"IPTV \u2013 Experience the Ultimate with 30,000+ Channels","isPartOf":{"@id":"https:\/\/buyiptv-service.com\/eu\/#website"},"primaryImageOfPage":{"@id":"https:\/\/buyiptv-service.com\/eu\/pricing\/#primaryimage"},"image":{"@id":"https:\/\/buyiptv-service.com\/eu\/pricing\/#primaryimage"},"thumbnailUrl":"https:\/\/buyiptv-service.com\/eu\/jeevoowh\/2025\/11\/cropped-sitelogo.webp","datePublished":"2026-03-01T15:47:01+00:00","dateModified":"2026-06-10T21:14:12+00:00","description":"IPTV subscription for ultra HD streaming quality and server stability. Subscribe now for 24\/7 online support and no contracts.","breadcrumb":{"@id":"https:\/\/buyiptv-service.com\/eu\/pricing\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/buyiptv-service.com\/eu\/pricing\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/buyiptv-service.com\/eu\/pricing\/#primaryimage","url":"https:\/\/buyiptv-service.com\/eu\/jeevoowh\/2025\/11\/cropped-sitelogo.webp","contentUrl":"https:\/\/buyiptv-service.com\/eu\/jeevoowh\/2025\/11\/cropped-sitelogo.webp","width":512,"height":512},{"@type":"BreadcrumbList","@id":"https:\/\/buyiptv-service.com\/eu\/pricing\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/buyiptv-service.com\/eu\/"},{"@type":"ListItem","position":2,"name":"Pricing"}]},{"@type":"WebSite","@id":"https:\/\/buyiptv-service.com\/eu\/#website","url":"https:\/\/buyiptv-service.com\/eu\/","name":"BuyIPTV","description":"Best IPTV","publisher":{"@id":"https:\/\/buyiptv-service.com\/eu\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/buyiptv-service.com\/eu\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/buyiptv-service.com\/eu\/#organization","name":"Buy IPTV","url":"https:\/\/buyiptv-service.com\/eu\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/buyiptv-service.com\/eu\/#\/schema\/logo\/image\/","url":"https:\/\/buyiptv-service.com\/eu\/jeevoowh\/2025\/11\/cropped-sitelogo.webp","contentUrl":"https:\/\/buyiptv-service.com\/eu\/jeevoowh\/2025\/11\/cropped-sitelogo.webp","width":512,"height":512,"caption":"Buy IPTV"},"image":{"@id":"https:\/\/buyiptv-service.com\/eu\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/pages\/3400","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/comments?post=3400"}],"version-history":[{"count":0,"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/pages\/3400\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/media\/3397"}],"wp:attachment":[{"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/media?parent=3400"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":3400,"date":"2026-03-01T15:47:01","date_gmt":"2026-03-01T15:47:01","guid":{"rendered":"https:\/\/buyiptv-service.com\/eu\/?page_id=3400"},"modified":"2026-06-10T21:14:12","modified_gmt":"2026-06-10T21:14:12","slug":"pricing","status":"publish","type":"page","link":"https:\/\/buyiptv-service.com\/eu\/pricing\/","title":{"rendered":"Pricing"},"content":{"rendered":"\n\n\n\n \n \n Pricing – BUY IPTV<\/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: #FF1E00;\n --color-2: #FF1E00;\n --color-3: #FF1E00;\n --color-4: #FF6B00;\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: #121212;\n backdrop-filter: blur(30px);\n border-bottom: 1px solid rgba(255, 30, 0, 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: #121212;\n box-shadow: 0 10px 60px rgba(0, 0, 0, 0.6);\n border-bottom: 1px solid rgba(255, 30, 0, 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, #FF1E00 0%, #FF1E00 50%, #FF6B00 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(255, 30, 0, 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(255, 30, 0, 0.7),\n inset 0 1px 0 rgba(255, 255, 255, 0.2);\n }\n 50% { \n box-shadow: \n 0 10px 40px rgba(255, 30, 0, 0.9),\n 0 0 20px rgba(255, 30, 0, 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%, #FF1E00 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(255, 30, 0, 0.6);\n transform: translateY(-3px);\n box-shadow: 0 10px 30px rgba(255, 30, 0, 0.4);\n }\n\n .btn-subscribe {\n background: linear-gradient(135deg, #FF1E00 0%, #FF1E00 50%, #FF6B00 100%);\n color: #fff;\n box-shadow: 0 10px 35px rgba(255, 30, 0, 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(255, 30, 0, 0.7),\n 0 0 30px rgba(255, 30, 0, 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, #FF1E00, #FF6B00);\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: #121212;\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(255, 30, 0, 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(255, 30, 0, 0.3);\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(255, 30, 0, 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%, #FF1E00 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(255, 30, 0, 0.2);\n color: #fff;\n transform: translateX(8px);\n border-bottom-color: rgba(255, 30, 0, 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: #121212;\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: #121212;\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%, #FF6B00 50%, #FF6B00 70%, #FF1E00 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(255, 107, 0, 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(30, 30, 30, 0.7) 0%, rgba(30, 30, 30, 0.5) 100%);\n border-radius: 24px;\n padding: 2.5rem 2rem;\n border: 2px solid rgba(255, 30, 0, 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(255, 30, 0, 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(255, 30, 0, 0.6);\n box-shadow: \n 0 20px 40px rgba(255, 30, 0, 0.4),\n 0 0 80px rgba(255, 107, 0, 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, #FF1E00 0%, #FF6B00 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(255, 30, 0, 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(255, 30, 0, 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(255, 30, 0, 0.5);\n }\n 50% {\n box-shadow: 0 0 20px rgba(255, 30, 0, 0.8), 0 0 30px rgba(255, 107, 0, 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: #121212;\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: #121212;\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(30, 30, 30, 0.6) 0%, rgba(30, 30, 30, 0.8) 100%);\n border-radius: 24px;\n padding: 2rem 1.5rem;\n border: 2px solid rgba(255, 30, 0, 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(255, 30, 0, 0.15) 0%, transparent 70%);\n transition: all 0.8s ease;\n opacity: 0;\n pointer-events: none;\n }\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(255, 30, 0, 0.8);\n box-shadow: \n 0 40px 80px rgba(255, 30, 0, 0.5),\n 0 0 120px rgba(255, 107, 0, 0.4),\n inset 0 1px 0 rgba(255, 255, 255, 0.2);\n }\n\n\n .payment-icon-wrapper {\n width: 90px;\n height: 90px;\n background: linear-gradient(145deg, rgba(255, 30, 0, 0.2) 0%, rgba(255, 107, 0, 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(255, 30, 0, 0.4);\n transition: all 0.5s ease;\n position: relative;\n overflow: hidden;\n box-shadow: \n 0 15px 40px rgba(255, 30, 0, 0.3),\n inset 0 2px 20px rgba(255, 30, 0, 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(255, 30, 0, 0.8);\n background: linear-gradient(145deg, rgba(255, 30, 0, 0.35) 0%, rgba(255, 107, 0, 0.35) 100%);\n box-shadow: \n 0 25px 70px rgba(255, 30, 0, 0.6),\n inset 0 2px 30px rgba(255, 30, 0, 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(255, 30, 0, 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(255, 30, 0, 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(255, 30, 0, 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: #121212;\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 }\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%, #FF1E00 50%, #FF6B00 70%, #FF1E00 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(255, 30, 0, 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(30, 30, 30, 0.6);\n border-radius: 16px;\n padding: 0.5rem;\n border: 2px solid rgba(255, 30, 0, 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, #FF1E00 0%, #FF6B00 100%);\n color: #fff;\n box-shadow: 0 8px 25px rgba(255, 30, 0, 0.5);\n }\n\n .toggle-btn:not(.active):hover {\n color: rgba(255, 255, 255, 0.9);\n background: rgba(255, 30, 0, 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(255, 30, 0, 0.1);\n border-radius: 50px;\n border: 1px solid rgba(255, 30, 0, 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: #FF1E00;\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(30, 30, 30, 0.7) 0%, rgba(30, 30, 30, 0.5) 100%);\n border: 2px solid rgba(255, 30, 0, 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(40, 40, 40, 0.8) 0%, rgba(30, 30, 30, 0.6) 100%);\n border-color: rgba(255, 30, 0, 0.5);\n transform: translateY(-3px);\n box-shadow: 0 10px 30px rgba(255, 30, 0, 0.3);\n }\n\n .currency-btn.active {\n background: linear-gradient(135deg, #FF1E00 0%, #FF6B00 100%);\n border-color: rgba(255, 107, 0, 0.6);\n color: #fff;\n box-shadow: 0 10px 40px rgba(255, 30, 0, 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(30, 30, 30, 0.7) 0%, rgba(30, 30, 30, 0.5) 100%);\n border-radius: 32px;\n padding: 3rem 2.5rem;\n border: 2px solid rgba(255, 30, 0, 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(255, 30, 0, 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, #FF1E00, #FF6B00, #FF1E00);\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(30, 30, 30, 0.9) 0%, rgba(30, 30, 30, 0.7) 100%);\n border-color: rgba(255, 30, 0, 0.6);\n box-shadow: \n 0 40px 80px rgba(255, 30, 0, 0.4),\n 0 0 120px rgba(255, 107, 0, 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(255, 107, 0, 0.4);\n background: linear-gradient(145deg, rgba(40, 40, 40, 0.8) 0%, rgba(30, 30, 30, 0.6) 100%);\n }\n\n .pricing-card.featured:hover {\n border-color: rgba(255, 107, 0, 0.7);\n box-shadow: \n 0 40px 80px rgba(255, 107, 0, 0.4),\n 0 0 120px rgba(255, 30, 0, 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(255, 30, 0, 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(255, 30, 0, 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: #FF1E00;\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(255, 30, 0, 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(255, 30, 0, 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, #FF1E00 0%, #FF6B00 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(255, 30, 0, 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(255, 30, 0, 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, #FF1E00 0%, #d91900 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(180deg, #d91900 0%, #b61500 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(255, 30, 0, 0.8) 50%, transparent 100%);\n box-shadow: 0 0 10px rgba(255, 30, 0, 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(255, 30, 0, 0.5);\n }\n 50% {\n box-shadow: 0 0 20px rgba(255, 30, 0, 0.8), 0 0 30px rgba(255, 107, 0, 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(180deg, #FF1E00 0%, #d91900 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(255, 30, 0, 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(180deg, #d91900 0%, #b61500 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(255, 30, 0, 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 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: #121212;\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: #121212;\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: #FF1E00 !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(255, 30, 0, 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(255, 30, 0, 0.9),\n 0 0 120px rgba(255, 30, 0, 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: #121212;\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, #121212 0%, #121212 50%, #121212 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: #121212\n radial-gradient(circle at 20% 30%, rgba(255, 30, 0, 0.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255, 107, 0, 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(30, 30, 30, 0.95) 0%, rgba(30, 30, 30, 0.85) 100%);\n border-radius: 32px;\n padding: 3rem 2.5rem;\n border: 2px solid rgba(255, 30, 0, 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(255, 30, 0, 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(30, 30, 30, 0.98) 0%, rgba(30, 30, 30, 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(255, 30, 0, 0.8);\n box-shadow: \n 0 40px 80px rgba(255, 30, 0, 0.6),\n 0 0 120px rgba(255, 107, 0, 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(255, 30, 0, 0.9);\n background: linear-gradient(135deg, rgba(255, 30, 0, 0.4) 0%, rgba(255, 107, 0, 0.4) 100%);\n box-shadow: \n 0 25px 60px rgba(255, 30, 0, 0.7),\n inset 0 2px 30px rgba(255, 30, 0, 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(255, 30, 0, 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(255, 107, 0, 0.8));\n }\n\n .feature-card:hover .feature-title {\n color: #c0c0c0;\n text-shadow: 0 0 20px rgba(255, 107, 0, 0.6);\n }\n }\n\n .icon-wrapper {\n width: 110px;\n height: 110px;\n background: linear-gradient(135deg, rgba(255, 30, 0, 0.25) 0%, rgba(255, 107, 0, 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(255, 30, 0, 0.5);\n box-shadow: \n 0 20px 50px rgba(255, 30, 0, 0.4),\n inset 0 2px 20px rgba(255, 30, 0, 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: #FF6B00;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n filter: drop-shadow(0 5px 20px rgba(255, 30, 0, 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%, #FF6B00 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(255, 30, 0, 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: #121212;\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%, #FF6B00 50%, #FF6B00 70%, #FF1E00 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(255, 107, 0, 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(30, 30, 30, 0.7) 0%, rgba(30, 30, 30, 0.5) 100%);\n border: 2px solid rgba(255, 30, 0, 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(255, 30, 0, 0.5);\n box-shadow: 0 20px 40px rgba(255, 30, 0, 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(30, 30, 30, 0.3) 0%, rgba(30, 30, 30, 0.1) 100%);\n border: 2px solid rgba(255, 30, 0, 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(30, 30, 30, 0.7) 0%, rgba(30, 30, 30, 0.5) 100%);\n border: 2px solid rgba(255, 30, 0, 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(255, 30, 0, 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(255, 30, 0, 0.6);\n box-shadow: \n 0 30px 60px rgba(255, 30, 0, 0.4),\n 0 0 100px rgba(255, 107, 0, 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, #FF1E00 0%, #FF6B00 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(255, 30, 0, 0.5);\n box-shadow: 0 4px 15px rgba(255, 30, 0, 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(255, 30, 0, 0.2);\n border: 1px solid rgba(255, 30, 0, 0.3);\n padding: 0.25rem 0.6rem;\n border-radius: 20px;\n font-size: 0.7rem;\n font-weight: 600;\n color: #FF6B00;\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(255, 30, 0, 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(255, 30, 0, 0.2);\n border: 1px solid rgba(255, 30, 0, 0.3);\n border-radius: 20px;\n font-size: 0.75rem;\n color: #FF6B00;\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, #FF1E00 0%, #FF6B00 50%, #FF8E00 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(255, 30, 0, 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(255, 30, 0, 0.6),\n 0 0 80px rgba(255, 107, 0, 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: #121212;\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: #121212;\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: #121212\n radial-gradient(circle at 25% 50%, rgba(255, 30, 0, 0.08) 0%, transparent 50%),\n radial-gradient(circle at 75% 50%, rgba(255, 107, 0, 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(30, 30, 30, 0.9) 0%, rgba(30, 30, 30, 0.7) 100%);\n border-radius: 32px;\n padding: 3rem 2rem;\n border: 2px solid rgba(255, 30, 0, 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(255, 30, 0, 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(30, 30, 30, 0.98) 0%, rgba(30, 30, 30, 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(255, 30, 0, 0.8);\n box-shadow: \n 0 50px 100px rgba(255, 30, 0, 0.6),\n 0 0 150px rgba(255, 107, 0, 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(255, 30, 0, 0.9);\n background: linear-gradient(135deg, rgba(255, 30, 0, 0.4) 0%, rgba(255, 107, 0, 0.4) 100%);\n box-shadow: \n 0 30px 80px rgba(255, 30, 0, 0.7),\n inset 0 2px 35px rgba(255, 30, 0, 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(255, 30, 0, 1));\n transform: scale(1.08);\n }\n\n .security-card:hover .security-title {\n color: #c0c0c0;\n text-shadow: 0 0 25px rgba(255, 107, 0, 0.6);\n }\n }\n\n .security-icon {\n width: 110px;\n height: 110px;\n background: linear-gradient(135deg, rgba(255, 30, 0, 0.25) 0%, rgba(255, 107, 0, 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(255, 30, 0, 0.5);\n box-shadow: \n 0 20px 60px rgba(255, 30, 0, 0.4),\n inset 0 2px 25px rgba(255, 30, 0, 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: #FF6B00;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n filter: drop-shadow(0 6px 25px rgba(255, 30, 0, 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: #FF1E00;\n --color-2: #FF1E00;\n --color-3: #FF1E00;\n --color-4: #FF6B00;\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(18, 18, 18, 0.95);\n border-top: 1px solid rgba(255, 30, 0, 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, #FF1E00, #FF6B00, 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, #FF1E00 0%, #FF1E00 50%, #FF6B00 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(255, 30, 0, 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, #FF1E00, #FF6B00);\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(255, 30, 0, 0.7),\n inset 0 1px 0 rgba(255, 255, 255, 0.2);\n }\n 50% { \n box-shadow: \n 0 10px 40px rgba(255, 30, 0, 0.9),\n 0 0 20px rgba(255, 30, 0, 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%, #FF1E00 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%, #FF6B00 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(255, 30, 0, 0.15);\n border: 1px solid rgba(255, 30, 0, 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, #FF1E00, #FF6B00);\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(255, 30, 0, 0.6);\n transform: translateY(-5px) scale(1.05);\n box-shadow: 0 15px 35px rgba(255, 30, 0, 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, #FF1E00, #FF6B00);\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: #FF6B00;\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, #FF1E00, #FF6B00);\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: #FF1E00;\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(18, 18, 18, 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, #FF1E00, 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(255, 30, 0, 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(255, 30, 0, 0.3);\n background: rgba(30, 30, 30, 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: #FF1E00;\n background: rgba(30, 30, 30, 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, #FF1E00, #FF6B00);\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(255, 30, 0, 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(255, 30, 0, 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\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\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\n\/* ===== END MOBILE ONLY BIGGER TEXT ===== *\/\n\n\n\/* ===== PRICING MOBILE FIX - PHONES ONLY ===== *\/\n\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 \/* Solid background for pricing cards only *\/\n .pricing-section .pricing-card {\n background: #1f1f1f;\n }\n\n .pricing-section .pricing-card.featured {\n background: #252525;\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\n\n\n\/* Ensure PayPal buttons always stay darker aqua blue *\/\n.pricing-section .payment-buttons .cta-button-secondary,\n.pricing-section .pricing-card.featured .payment-buttons .cta-button-secondary {\n background: linear-gradient(135deg, #0081CB 0%, #006B9E 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(135deg, #0081CB 0%, #006B9E 100%) !important;\n}\n\n\/* White ripple effect for all buttons *\/\n.pricing-section .payment-buttons .cta-button::before,\n.pricing-section .payment-buttons .cta-button-secondary::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 ease, height 0.6s ease;\n pointer-events: none;\n}\n\n.pricing-section .payment-buttons .cta-button:hover::before,\n.pricing-section .payment-buttons .cta-button-secondary:hover::before {\n width: 300px;\n height: 300px;\n}\n\n\/* Ensure text stays on top of ripple *\/\n.pricing-section .payment-buttons .cta-button span,\n.pricing-section .payment-buttons .cta-button-secondary span {\n position: relative;\n z-index: 1;\n}\n\n\n\/* ===== END PRICING MOBILE FIX ===== *\/\n\n\n.cta-button-secondary {\n display: none !important;\n}\n\n\n <\/style>\n \n \n<\/head>\n<body>\n <section id=\"page1\">\n\n <\/section>\n \n <section>\n <header id=\"header\">\n <a href=\"https:\/\/buyiptv-service.com\/eu\/\" style=\"text-decoration: none;\">\n <div class=\"logo\">\n <div class=\"logo-icon\"><\/div>\n <div class=\"logo-text\">\n <span class=\"logo-main\">BUY IPTV<\/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-service.com\/eu\/\">Home<\/a><\/li>\n <li class=\"active\"><a href=\"#pricing\">Pricing<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/faq\/\">FAQ<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/iptv-guide\/\">Guide<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/channels-list\/\">Channels<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/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-service.com\/eu\/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\">BUY IPTV<\/span>\n <span class=\"logo-tagline\">PREMIUM IPTV<\/span>\n <\/div>\n <\/div>\n <\/div>\n <nav>\n <a href=\"https:\/\/buyiptv-service.com\/eu\/\">Home<\/a>\n <a href=\"#pricing\">Pricing<\/a>\n <a href=\"https:\/\/buyiptv-service.com\/eu\/faq\/\">FAQ<\/a>\n <a href=\"https:\/\/buyiptv-service.com\/eu\/iptv-guide\/\">Guide<\/a>\n <a href=\"https:\/\/buyiptv-service.com\/eu\/channels-list\/\">Channels<\/a>\n <a href=\"https:\/\/buyiptv-service.com\/eu\/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 BUY IPTV 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=\"payment-section\">\n <div class=\"payment-header\">\n <h2>Secure <span class=\"gradient-text\">Payment Methods<\/span><\/h2>\n <p>We support multiple payment options for your convenience. All transactions are encrypted and secured with military-grade protection.<\/p>\n <\/div>\n\n <div class=\"payment-content\">\n <div class=\"payment-methods-grid\">\n <div class=\"payment-card\">\n <div class=\"payment-icon-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/0\/04\/Visa.svg\" alt=\"Visa\">\n <\/div>\n <h3 class=\"payment-name\">Visa<\/h3>\n <p class=\"payment-description\">Fast & secure card payments<\/p>\n <\/div>\n\n <div class=\"payment-card\">\n <div class=\"payment-icon-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/2\/2a\/Mastercard-logo.svg\" alt=\"Mastercard\">\n <\/div>\n <h3 class=\"payment-name\">Mastercard<\/h3>\n <p class=\"payment-description\">Global payment solution<\/p>\n <\/div>\n\n <div class=\"payment-card\">\n <div class=\"payment-icon-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/b\/b5\/PayPal.svg\" alt=\"PayPal\">\n <\/div>\n <h3 class=\"payment-name\">PayPal<\/h3>\n <p class=\"payment-description\">Trusted worldwide<\/p>\n <\/div>\n\n <div class=\"payment-card\">\n <div class=\"payment-icon-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/5\/5e\/Visa_Inc._logo.svg\" alt=\"Bank Transfer\" style=\"filter: hue-rotate(180deg) brightness(1.5);\">\n <\/div>\n <h3 class=\"payment-name\">Bank Transfer<\/h3>\n <p class=\"payment-description\">Direct bank payments<\/p>\n <\/div>\n\n <div class=\"payment-card\">\n <div class=\"payment-icon-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/4\/46\/Bitcoin.svg\" alt=\"Cryptocurrency\">\n <\/div>\n <h3 class=\"payment-name\">Cryptocurrency<\/h3>\n <p class=\"payment-description\">Bitcoin, ETH & more<\/p>\n <\/div>\n\n <div class=\"payment-card\">\n <div class=\"payment-icon-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/f\/f2\/Google_Pay_Logo.svg\" alt=\"Google Pay\">\n <\/div>\n <h3 class=\"payment-name\">Google Pay<\/h3>\n <p class=\"payment-description\">Quick mobile payments<\/p>\n <\/div>\n\n <div class=\"payment-card\">\n <div class=\"payment-icon-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/f\/fa\/Apple_logo_black.svg\" alt=\"Apple Pay\">\n <\/div>\n <h3 class=\"payment-name\">Apple Pay<\/h3>\n <p class=\"payment-description\">Secure Apple payments<\/p>\n <\/div>\n\n <div class=\"payment-card\">\n <div class=\"payment-icon-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/buyiptv-service.com\/eu\/jeevoowh\/2025\/11\/IDEAL_Logo_2020.svg_.png\" alt=\"iDEAL\">\n <\/div>\n <h3 class=\"payment-name\">iDEAL<\/h3>\n <p class=\"payment-description\">Netherlands bank transfer<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/section>\n \n <section id=\"page4\">\n <section id=\"pricing\">\n <section class=\"pricing-section\">\n <div class=\"pricing-header\">\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=\"https:\/\/buyiptv-service.com\/eu\/checkout-page\/?add-to-cart=3435\" class=\"cta-button\" 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 or\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<\/span>\n <\/a>\n <a href=\"https:\/\/datalyn.sell.app\/product\/1-month\" 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=\"https:\/\/buyiptv-service.com\/eu\/checkout-page\/?add-to-cart=3436\" class=\"cta-button\" 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 or\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<\/span>\n <\/a>\n <a href=\"https:\/\/datalyn.sell.app\/product\/3-months\" 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=\"https:\/\/buyiptv-service.com\/eu\/checkout-page\/?add-to-cart=3437\" class=\"cta-button\" 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 or\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<\/span>\n <\/a>\n <a href=\"https:\/\/datalyn.sell.app\/product\/6-months\" 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=\"https:\/\/buyiptv-service.com\/eu\/checkout-page\/?add-to-cart=3438\" class=\"cta-button\" 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 or\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<\/span>\n <\/a>\n <a href=\"https:\/\/datalyn.sell.app\/product\/1-year\" 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 \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=\"https:\/\/web.whatsapp.com\/send?phone=212688196707&text=I%20want%20to%20subscribe%20Monthly\" 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=\"https:\/\/web.whatsapp.com\/send?phone=212688196707&text=I%20want%20to%20subscribe%20Yearly\" 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<\/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<\/a>\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\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 \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:#FF1E00;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#FF6B00;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:#FF1E00;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#FF6B00;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:#FF1E00;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#FF6B00;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:#FF1E00;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#FF6B00;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:#FF1E00;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#FF6B00;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:#FF1E00;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#FF6B00;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 BUY IPTV<\/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:#FF1E00;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#FF6B00;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:#FF1E00;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#FF6B00;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:#FF1E00;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#FF6B00;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:#FF1E00;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#FF6B00;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:#FF1E00;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#FF6B00;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\">BUY IPTV<\/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.140a.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-service.com\/eu\/\">Home<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/about\/\">About Us<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/faq\/\">FAQ<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/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-service.com\/eu\/pricing\/\">Pricing<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/Channels-list\/\">Channels List<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/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-service.com\/eu\/reseller-program\/\">Reseller Program<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/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-service.com\/eu\/terms-of-service\/\">Terms of Service<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/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-service.com\/eu\/pricing\/\" class=\"newsletter-button\" style=\"display: block; text-align: center; text-decoration: none; padding: 0.9rem; border-radius: 10px; background: linear-gradient(135deg, #FF1E00, #1E1E1E); 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 BUY IPTV. 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\n<\/section>\n<\/section>\n\n\n\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>Pricing – BUY IPTV BUY IPTV PREMIUM IPTV Home Pricing FAQ Guide Channels Support \ud83c\udf81 Free Trial Subscribe Now BUY IPTV PREMIUM IPTV Home Pricing FAQ Guide Channels Support How to Get Started Subscribe to BUY IPTV in just 4 simple steps and start streaming instantly 1 Choose Your Plan Select the subscription plan that […]<\/p>\n","protected":false},"author":1,"featured_media":3397,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-3400","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\n<title>IPTV \u2013 Experience the Ultimate with 30,000+ Channels<\/title>\n<meta name=\"description\" content=\"IPTV subscription for ultra HD streaming quality and server stability. Subscribe now for 24\/7 online support and no contracts.\" \/>\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-service.com\/eu\/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=\"IPTV subscription for ultra HD streaming quality and server stability. Subscribe now for 24\/7 online support and no contracts.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/buyiptv-service.com\/eu\/pricing\/\" \/>\n<meta property=\"og:site_name\" content=\"Buy IPTV\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-10T21:14:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/buyiptv-service.com\/eu\/jeevoowh\/2025\/11\/cropped-sitelogo.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"512\" \/>\n\t<meta property=\"og:image:height\" content=\"512\" \/>\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=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/pricing\\\/\",\"url\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/pricing\\\/\",\"name\":\"IPTV \u2013 Experience the Ultimate with 30,000+ Channels\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/pricing\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/pricing\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/cropped-sitelogo.webp\",\"datePublished\":\"2026-03-01T15:47:01+00:00\",\"dateModified\":\"2026-06-10T21:14:12+00:00\",\"description\":\"IPTV subscription for ultra HD streaming quality and server stability. Subscribe now for 24\\\/7 online support and no contracts.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/pricing\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/pricing\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/pricing\\\/#primaryimage\",\"url\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/cropped-sitelogo.webp\",\"contentUrl\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/cropped-sitelogo.webp\",\"width\":512,\"height\":512},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/pricing\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Pricing\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/#website\",\"url\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/\",\"name\":\"BuyIPTV\",\"description\":\"Best IPTV\",\"publisher\":{\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/#organization\",\"name\":\"Buy IPTV\",\"url\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/cropped-sitelogo.webp\",\"contentUrl\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/cropped-sitelogo.webp\",\"width\":512,\"height\":512,\"caption\":\"Buy IPTV\"},\"image\":{\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"IPTV \u2013 Experience the Ultimate with 30,000+ Channels","description":"IPTV subscription for ultra HD streaming quality and server stability. Subscribe now for 24\/7 online support and no contracts.","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-service.com\/eu\/pricing\/","og_locale":"en_US","og_type":"article","og_title":"Pricing","og_description":"IPTV subscription for ultra HD streaming quality and server stability. Subscribe now for 24\/7 online support and no contracts.","og_url":"https:\/\/buyiptv-service.com\/eu\/pricing\/","og_site_name":"Buy IPTV","article_modified_time":"2026-06-10T21:14:12+00:00","og_image":[{"width":512,"height":512,"url":"https:\/\/buyiptv-service.com\/eu\/jeevoowh\/2025\/11\/cropped-sitelogo.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/buyiptv-service.com\/eu\/pricing\/","url":"https:\/\/buyiptv-service.com\/eu\/pricing\/","name":"IPTV \u2013 Experience the Ultimate with 30,000+ Channels","isPartOf":{"@id":"https:\/\/buyiptv-service.com\/eu\/#website"},"primaryImageOfPage":{"@id":"https:\/\/buyiptv-service.com\/eu\/pricing\/#primaryimage"},"image":{"@id":"https:\/\/buyiptv-service.com\/eu\/pricing\/#primaryimage"},"thumbnailUrl":"https:\/\/buyiptv-service.com\/eu\/jeevoowh\/2025\/11\/cropped-sitelogo.webp","datePublished":"2026-03-01T15:47:01+00:00","dateModified":"2026-06-10T21:14:12+00:00","description":"IPTV subscription for ultra HD streaming quality and server stability. Subscribe now for 24\/7 online support and no contracts.","breadcrumb":{"@id":"https:\/\/buyiptv-service.com\/eu\/pricing\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/buyiptv-service.com\/eu\/pricing\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/buyiptv-service.com\/eu\/pricing\/#primaryimage","url":"https:\/\/buyiptv-service.com\/eu\/jeevoowh\/2025\/11\/cropped-sitelogo.webp","contentUrl":"https:\/\/buyiptv-service.com\/eu\/jeevoowh\/2025\/11\/cropped-sitelogo.webp","width":512,"height":512},{"@type":"BreadcrumbList","@id":"https:\/\/buyiptv-service.com\/eu\/pricing\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/buyiptv-service.com\/eu\/"},{"@type":"ListItem","position":2,"name":"Pricing"}]},{"@type":"WebSite","@id":"https:\/\/buyiptv-service.com\/eu\/#website","url":"https:\/\/buyiptv-service.com\/eu\/","name":"BuyIPTV","description":"Best IPTV","publisher":{"@id":"https:\/\/buyiptv-service.com\/eu\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/buyiptv-service.com\/eu\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/buyiptv-service.com\/eu\/#organization","name":"Buy IPTV","url":"https:\/\/buyiptv-service.com\/eu\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/buyiptv-service.com\/eu\/#\/schema\/logo\/image\/","url":"https:\/\/buyiptv-service.com\/eu\/jeevoowh\/2025\/11\/cropped-sitelogo.webp","contentUrl":"https:\/\/buyiptv-service.com\/eu\/jeevoowh\/2025\/11\/cropped-sitelogo.webp","width":512,"height":512,"caption":"Buy IPTV"},"image":{"@id":"https:\/\/buyiptv-service.com\/eu\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/pages\/3400","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/comments?post=3400"}],"version-history":[{"count":0,"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/pages\/3400\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/media\/3397"}],"wp:attachment":[{"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/media?parent=3400"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}