{"id":15,"date":"2025-12-14T00:24:08","date_gmt":"2025-12-14T00:24:08","guid":{"rendered":"https:\/\/sa93view.com\/?page_id=15"},"modified":"2026-04-08T03:43:11","modified_gmt":"2026-04-08T03:43:11","slug":"home1","status":"publish","type":"page","link":"https:\/\/sa93view.com\/","title":{"rendered":"Home1"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15\" class=\"elementor elementor-15\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0107371 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"0107371\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f4ba46b\" data-id=\"f4ba46b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1e8917c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1e8917c\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8b24a43\" data-id=\"8b24a43\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-93b2a8e elementor-widget elementor-widget-html\" data-id=\"93b2a8e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* ===== Title (counting) ===== *\/\r\n.sa93-title{\r\n  margin: 0 0 10px 0;\r\n  text-align: center;\r\n  justify-content: center;   \/* because it's display:flex *\/\r\n  font-weight: 800;\r\n  font-size: 14px;\r\n  line-height: 1.2;\r\n  letter-spacing: .2px;\r\n\r\n  \/* fallback color *\/\r\n  color: #3b82f6;\r\n\r\n  \/* gradient text *\/\r\n  background: linear-gradient(90deg, #3b82f6, #60a5fa, #2563eb);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.sa93-title .num{\r\n  font-weight: 900;\r\n  font-variant-numeric: tabular-nums;\r\n}\r\n\/* ===== Marquee ===== *\/\r\n.sa93-marquee{\r\n  --marquee-duration: 34s; \/* bigger = slower *\/\r\n  --logo-height: 46px;     \/* logo size *\/\r\n  --gap: 26px;             \/* closer logos *\/\r\n\r\n  width:100%;\r\n  overflow:hidden;\r\n}\r\n\r\n.sa93-marquee .track{\r\n  display:flex;\r\n  width:max-content;\r\n  animation: sa93Scroll var(--marquee-duration) linear infinite;\r\n  will-change: transform;\r\n}\r\n\r\n.sa93-marquee .set{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:var(--gap);\r\n  padding-right:var(--gap);\r\n}\r\n\r\n.sa93-marquee img{\r\n  height:var(--logo-height);\r\n  width:auto;\r\n  display:block;\r\n}\r\n\r\n@keyframes sa93Scroll{\r\n  from { transform: translateX(0); }\r\n  to   { transform: translateX(-50%); }\r\n}\r\n\r\n.sa93-marquee:hover .track{ animation-play-state: paused; }\r\n\r\n@media (prefers-reduced-motion: reduce){\r\n  .sa93-marquee .track{ animation: none; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"sa93-wrap\" id=\"sa93Wrap\">\r\n \r\n  <div class=\"sa93-marquee\">\r\n    <div class=\"track\">\r\n      <div class=\"set\">\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/NETFLIX.png\" alt=\"Netflix\">\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/DISNEY.png\" alt=\"Disney\">\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/HULU.png\" alt=\"Hulu\">\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/HBO.png\" alt=\"HBO\">\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/MAX.png\" alt=\"Max\">\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/PARAMOUNT.png\" alt=\"Paramount\">\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/PEACOCK.png\" alt=\"Peacock\">\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/FOX.png\" alt=\"FOX\">\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/TNT.png\" alt=\"TNT\">\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/TBS.png\" alt=\"TBS\">\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/AMC.png\" alt=\"AMC\">\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/Discovery.png\" alt=\"Discovery\">\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/SKY.png\" alt=\"Sky\">\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/NFL.png\" alt=\"NFL\">\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/NBA.png\" alt=\"NBA\">\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/Champions-league.png\" alt=\"Champions League\">\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/MLB.png\" alt=\"MLB\">\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/WNBA.png\" alt=\"WNBA\">\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/DAZN.png\" alt=\"DAZN\">\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/SLING.png\" alt=\"Sling\">\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/VIAPLAY.png\" alt=\"Viaplay\">\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/MATCHROOM.png\" alt=\"Matchroom\">\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/A.png\" alt=\"A\">\r\n      <\/div>\r\n\r\n      <!-- duplicate for seamless loop -->\r\n      <div class=\"set\" aria-hidden=\"true\">\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/NETFLIX.png\" alt=\"\">\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/DISNEY.png\" alt=\"\">\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/HULU.png\" alt=\"\">\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/HBO.png\" alt=\"\">\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/MAX.png\" alt=\"\">\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/PARAMOUNT.png\" alt=\"\">\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/PEACOCK.png\" alt=\"\">\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/FOX.png\" alt=\"\">\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/TNT.png\" alt=\"\">\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/TBS.png\" alt=\"\">\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/AMC.png\" alt=\"\">\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/Discovery.png\" alt=\"\">\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/SKY.png\" alt=\"\">\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/NFL.png\" alt=\"\">\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/NBA.png\" alt=\"\">\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/Champions-league.png\" alt=\"\">\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/MLB.png\" alt=\"\">\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/WNBA.png\" alt=\"\">\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/DAZN.png\" alt=\"\">\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/SLING.png\" alt=\"\">\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/VIAPLAY.png\" alt=\"\">\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/MATCHROOM.png\" alt=\"\">\r\n        <img decoding=\"async\" src=\"https:\/\/sa93view.com\/wp-content\/uploads\/2025\/12\/A.png\" alt=\"\">\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n  const el = document.getElementById('sa93Count');\r\n  if (!el) return;\r\n\r\n  const target = 47173;\r\n  const duration = 1400; \/\/ ms\r\n\r\n  const start = performance.now();\r\n  const easeOut = t => t * (2 - t);\r\n\r\n  function tick(now){\r\n    const p = Math.min(1, (now - start) \/ duration);\r\n    const value = Math.floor(easeOut(p) * target);\r\n    el.textContent = value.toLocaleString() + \"+\";\r\n    if (p < 1) requestAnimationFrame(tick);\r\n  }\r\n\r\n  requestAnimationFrame(tick);\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9ab2e8b elementor-section-full_width elementor-section-height-min-height elementor-section-items-stretch elementor-section-height-default\" data-id=\"9ab2e8b\" data-element_type=\"section\" data-e-type=\"section\" id=\"movies-parent\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e7b51bb\" data-id=\"e7b51bb\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-66def88 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"66def88\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<div id=\"cinema-final-locked\">\r\n    \r\n    <section class=\"f-sec\" id=\"f-movies\">\r\n        <div class=\"f-glow red-g\"><\/div>\r\n        <div class=\"f-wrapper\">\r\n            <div class=\"f-header red-t\">\r\n                <span class=\"f-num\" data-target=\"15000\">+0<\/span>\r\n                <span class=\"f-sub\">WORLDWIDE MOVIES<\/span>\r\n            <\/div>\r\n            <div class=\"f-glass-panel\">\r\n                <div class=\"f-neon red-bg\"><\/div>\r\n                <div class=\"f-deck\">\r\n                    <div class=\"f-frame f-side\" style=\"background-image: url('https:\/\/sa93view.com\/wp-content\/uploads\/2026\/01\/Black-ONEBATTLE.png');\"><\/div>\r\n                    <div class=\"f-frame f-hero red-sh\" style=\"background-image: url('https:\/\/sa93view.com\/wp-content\/uploads\/2026\/01\/RED-Mission-impossible-scaled.png');\"><\/div>\r\n                    <div class=\"f-frame f-side\" style=\"background-image: url('https:\/\/sa93view.com\/wp-content\/uploads\/2026\/01\/copen-2-scaled.jpg');\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <h2 class=\"f-ghost red-t\">MOVIES<\/h2>\r\n    <\/section>\r\n\r\n    <section class=\"f-sec\" id=\"f-series\">\r\n        <div class=\"f-glow pink-g\"><\/div>\r\n        <div class=\"f-wrapper\">\r\n            <div class=\"f-header pink-t\">\r\n                <span class=\"f-num\" data-target=\"39500\">+0<\/span>\r\n                <span class=\"f-sub\">WORLDWIDE SERIES<\/span>\r\n            <\/div>\r\n            <div class=\"f-glass-panel\">\r\n                <div class=\"f-neon pink-bg\"><\/div>\r\n                <div class=\"f-deck\">\r\n                    <div class=\"f-frame f-side\" style=\"background-image: url('https:\/\/sa93view.com\/wp-content\/uploads\/2026\/01\/Pink-Strangerthings.jpg');\"><\/div>\r\n                    <div class=\"f-frame f-hero pink-sh\" style=\"background-image: url('https:\/\/sa93view.com\/wp-content\/uploads\/2026\/01\/PINK-SERIES.png');\"><\/div>\r\n                    <div class=\"f-frame f-side\" style=\"background-image: url('https:\/\/sa93view.com\/wp-content\/uploads\/2026\/01\/robinhood-1.jpg');\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <h2 class=\"f-ghost pink-t\">SERIES<\/h2>\r\n    <\/section>\r\n\r\n    <section class=\"f-sec\" id=\"f-ppv\">\r\n        <div class=\"f-glow blue-g\"><\/div>\r\n        <div class=\"f-wrapper\">\r\n            <div class=\"f-header blue-t\">\r\n                <span class=\"f-num\">LIVE<\/span>\r\n                <span class=\"f-sub\">PPV GAMES<\/span>\r\n            <\/div>\r\n            <div class=\"f-glass-panel\">\r\n                <div class=\"f-neon blue-bg\"><\/div>\r\n                <div class=\"f-deck\">\r\n                    <div class=\"f-frame f-side\" style=\"background-image: url('https:\/\/sa93view.com\/wp-content\/uploads\/2026\/01\/NFL.jpg');\"><\/div>\r\n                    <div class=\"f-frame f-hero blue-sh\" style=\"background-image: url('https:\/\/sa93view.com\/wp-content\/uploads\/2026\/01\/NBa-POSTER.jpg');\"><\/div>\r\n                    <div class=\"f-frame f-side\" style=\"background-image: url('https:\/\/sa93view.com\/wp-content\/uploads\/2026\/01\/SOCCER.jpg');\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <h2 class=\"f-ghost blue-t\">PPV GAMES<\/h2>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n:root { --red: #ff0000; --pink: #f11671; --blue: #0088ff; }\r\n\r\nbody { margin: 0; background: #000; font-family: 'Poppins', sans-serif; overflow-x: hidden; }\r\n\r\n\/* Vertically Compacted Section *\/\r\n.f-sec {\r\n    position: relative;\r\n    height: 100vh; \/* Locked back to screen height *\/\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    padding: 20px 0; \/* Minimal padding to maximize content space *\/\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n}\r\n\r\n.f-ghost {\r\n    position: absolute;\r\n    bottom: 2vh;\r\n    left: 50%;\r\n    font-size: clamp(20vw, 35vw, 45vw);\r\n    font-weight: 900;\r\n    opacity: 0.12;\r\n    z-index: 1;\r\n    pointer-events: none;\r\n    line-height: 0.7;\r\n    white-space: nowrap;\r\n    animation: drift 7s linear infinite alternate;\r\n}\r\n\r\n@keyframes drift {\r\n    from { transform: translateX(-65%); } to { transform: translateX(-35%); }\r\n}\r\n\r\n.f-glow {\r\n    position: absolute;\r\n    width: 60vw; height: 60vw;\r\n    filter: blur(150px); opacity: 0.2;\r\n    z-index: 0; top: 0;\r\n}\r\n.red-g { background: radial-gradient(circle, var(--red), transparent 70%); }\r\n.pink-g { background: radial-gradient(circle, var(--pink), transparent 70%); }\r\n.blue-g { background: radial-gradient(circle, var(--blue), transparent 70%); }\r\n\r\n.f-wrapper {\r\n    position: relative;\r\n    z-index: 10;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    transform: translateY(-2%); \/* Subtle lift to clear potential taskbars *\/\r\n}\r\n\r\n.f-header { text-align: center; margin-bottom: 15px; }\r\n.f-num { display: block; font-size: clamp(2.8rem, 8vh, 6rem); font-weight: 900; line-height: 0.8; }\r\n.f-sub { font-size: 0.75rem; letter-spacing: 10px; display: block; margin-top: 8px; }\r\n\r\n\/* Slimmer Glass Panel for Desktop *\/\r\n.f-glass-panel {\r\n    position: relative;\r\n    width: 90%;\r\n    max-width: 950px;\r\n    background: rgba(255,255,255,0.03);\r\n    border: 1px solid rgba(255,255,255,0.08);\r\n    backdrop-filter: blur(35px);\r\n    border-radius: 35px;\r\n    padding: 30px 10px;\r\n    display: flex;\r\n    justify-content: center;\r\n    box-shadow: 0 40px 100px rgba(0,0,0,0.9);\r\n}\r\n\r\n.f-neon { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 30%; height: 2px; }\r\n\r\n.f-deck {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 15px;\r\n}\r\n\r\n\/* BACKGROUND COVER LOGIC - ZERO BLACK BARS *\/\r\n.f-frame {\r\n    border-radius: 12px;\r\n    flex-shrink: 0;\r\n    background-size: cover !important;\r\n    background-position: center !important;\r\n    background-repeat: no-repeat !important;\r\n    box-shadow: 0 12px 30px rgba(0,0,0,0.6);\r\n}\r\n\r\n\/* Compact Desktop Ratios *\/\r\n.f-side { width: 160px; height: 235px; opacity: 0.45; }\r\n.f-hero { width: 220px; height: 320px; z-index: 5; transform: scale(1.05); }\r\n\r\n.red-t { color: var(--red); } .pink-t { color: var(--pink); } .blue-t { color: var(--blue); }\r\n.red-bg { background: var(--red); box-shadow: 0 0 20px var(--red); }\r\n.pink-bg { background: var(--pink); box-shadow: 0 0 20px var(--pink); }\r\n.blue-bg { background: var(--blue); box-shadow: 0 0 20px var(--blue); }\r\n\r\n.red-sh { box-shadow: 0 0 50px rgba(255,0,0,0.4); }\r\n.pink-sh { box-shadow: 0 0 50px rgba(241,22,113,0.4); }\r\n.blue-sh { box-shadow: 0 0 50px rgba(0,136,255,0.4); }\r\n\r\n\/* MOBILE: NO GAP & TIGHT FIT *\/\r\n@media (max-width: 768px) {\r\n    .f-sec { height: auto; min-height: 100vh; padding: 40px 0; }\r\n    .f-glass-panel { padding: 30px 0; border-radius: 25px; width: 95%; }\r\n    .f-deck { gap: 0; }\r\n    .f-side { \r\n        width: 100px !important; \r\n        height: 145px !important; \r\n        opacity: 0.35;\r\n        margin: 0 -10px; \r\n    }\r\n    .f-hero { \r\n        width: 150px !important; \r\n        height: 220px !important; \r\n        z-index: 10;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nconst fObs = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n            const num = entry.target.querySelector('.f-num');\r\n            if(num && num.dataset.target) {\r\n                let s = 0; let e = parseInt(num.dataset.target);\r\n                const run = () => {\r\n                    s += Math.ceil(e \/ 40);\r\n                    if (s >= e) {\r\n                        num.innerText = \"+\" + (e === 15000 ? \"15K\" : \"39.5K\");\r\n                    } else {\r\n                        num.innerText = \"+\" + (s >= 1000 ? (s\/1000).toFixed(1) + \"K\" : s);\r\n                        requestAnimationFrame(run);\r\n                    }\r\n                };\r\n                run();\r\n            }\r\n        }\r\n    });\r\n}, { threshold: 0.4 });\r\ndocument.querySelectorAll('.f-sec').forEach(s => fObs.observe(s));\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3aa0d0a elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"3aa0d0a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-093dfe7\" data-id=\"093dfe7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-011b39c elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"011b39c\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ffc6f2a\" data-id=\"ffc6f2a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6d78466 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6d78466\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8a116ce\" data-id=\"8a116ce\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d0862e2 elementor-widget elementor-widget-html\" data-id=\"d0862e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Rajdhani:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n\r\n<div id=\"sa93-voltage-unit\">\r\n    <div class=\"sa93-grid-overlay\"><\/div>\r\n\r\n    <div class=\"sa93-layout-frame\">\r\n        <div class=\"sa93-header-group\">\r\n            <h2 class=\"sa93-bold-rajdhani\">WORKS <span class=\"sa93-glow-text\">WITH<\/span><\/h2>\r\n            <p class=\"sa93-precision-sub\">The service works on most devices, that is why we offer free 24h tests..<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sa93-voltage-grid\">\r\n            \r\n            <div class=\"sa93-unit-card\" tabindex=\"0\">\r\n                <div class=\"sa93-square-frame\">\r\n                    <div class=\"sa93-inner-box\">\r\n                        <i data-lucide=\"tv-2\" class=\"sa93-unit-icon\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <span class=\"sa93-unit-label\">TELEVISION<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"sa93-unit-card\" tabindex=\"0\">\r\n                <div class=\"sa93-square-frame\">\r\n                    <div class=\"sa93-inner-box\">\r\n                        <i data-lucide=\"laptop\" class=\"sa93-unit-icon\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <span class=\"sa93-unit-label\">LAPTOP<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"sa93-unit-card\" tabindex=\"0\">\r\n                <div class=\"sa93-square-frame\">\r\n                    <div class=\"sa93-inner-box\">\r\n                        <i data-lucide=\"smartphone\" class=\"sa93-unit-icon\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <span class=\"sa93-unit-label\">MOBILE<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"sa93-unit-card\" tabindex=\"0\">\r\n                <div class=\"sa93-square-frame\">\r\n                    <div class=\"sa93-inner-box\">\r\n                        <i data-lucide=\"globe\" class=\"sa93-unit-icon\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <span class=\"sa93-unit-label\">BROWSER<\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n:root {\r\n    --cyber-blue: #0084ff;\r\n    --cyber-glow: rgba(0, 132, 255, 0.6);\r\n    --bg-dark: #060910;\r\n}\r\n\r\n#sa93-voltage-unit {\r\n    font-family: 'Rajdhani', sans-serif !important;\r\n    position: relative;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    padding: 120px 0;\r\n    background-color: var(--bg-dark);\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Background Grid Pattern *\/\r\n.sa93-grid-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image: \r\n        linear-gradient(rgba(0, 132, 255, 0.05) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(0, 132, 255, 0.05) 1px, transparent 1px);\r\n    background-size: 40px 40px;\r\n    pointer-events: none;\r\n}\r\n\r\n.sa93-layout-frame {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: 100%;\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    padding: 0 24px;\r\n}\r\n\r\n\/* 1. TITLE STYLING *\/\r\n.sa93-bold-rajdhani {\r\n    color: #ffffff;\r\n    font-weight: 700 !important;\r\n    font-size: clamp(2.5rem, 6vw, 4rem) !important;\r\n    letter-spacing: 2px !important;\r\n    text-align: center;\r\n    margin: 0 0 10px 0 !important;\r\n}\r\n\r\n.sa93-glow-text {\r\n    color: var(--cyber-blue);\r\n    text-shadow: 0 0 20px var(--cyber-glow);\r\n}\r\n\r\n.sa93-precision-sub {\r\n    color: #8a8f9d;\r\n    font-weight: 400;\r\n    font-size: 1.1rem;\r\n    text-align: center;\r\n    max-width: 600px;\r\n    margin: 0 auto 80px !important;\r\n    line-height: 1.5;\r\n}\r\n\r\n\/* 2. SQUARE CARD DESIGN *\/\r\n.sa93-voltage-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 25px;\r\n}\r\n\r\n.sa93-unit-card {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    cursor: pointer;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n\/* The Outer Faint Frame *\/\r\n.sa93-square-frame {\r\n    position: relative;\r\n    width: 100%;\r\n    aspect-ratio: 1\/1;\r\n    border: 1px solid rgba(0, 132, 255, 0.15);\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    background: rgba(0, 132, 255, 0.02);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n\/* The Inner Solid Frame *\/\r\n.sa93-inner-box {\r\n    width: 40%;\r\n    height: 40%;\r\n    border: 1px solid var(--cyber-blue);\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    background: rgba(0, 132, 255, 0.05);\r\n    box-shadow: inset 0 0 15px rgba(0, 132, 255, 0.1);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.sa93-unit-icon {\r\n    width: 60%;\r\n    height: 60%;\r\n    color: var(--cyber-blue);\r\n    stroke-width: 1.5px;\r\n    filter: drop-shadow(0 0 8px var(--cyber-blue));\r\n}\r\n\r\n.sa93-unit-label {\r\n    margin-top: 20px;\r\n    font-weight: 700;\r\n    font-size: 1rem;\r\n    color: #ffffff;\r\n    letter-spacing: 0.1em;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n\/* 3. HOVER & INTERACTION *\/\r\n.sa93-unit-card:hover .sa93-square-frame,\r\n.sa93-unit-card:focus .sa93-square-frame {\r\n    border-color: rgba(0, 132, 255, 0.4);\r\n    background: rgba(0, 132, 255, 0.08);\r\n}\r\n\r\n.sa93-unit-card:hover .sa93-inner-box,\r\n.sa93-unit-card:focus .sa93-inner-box {\r\n    box-shadow: 0 0 25px var(--cyber-glow);\r\n    transform: scale(1.05);\r\n}\r\n\r\n.sa93-unit-card:active {\r\n    transform: scale(0.95);\r\n}\r\n\r\n\/* 4. MOBILE ADAPTATION *\/\r\n@media (max-width: 768px) {\r\n    .sa93-voltage-grid { \r\n        grid-template-columns: repeat(2, 1fr); \r\n        gap: 20px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nlucide.createIcons();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a7e016 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"7a7e016\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Rajdhani:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n\r\n<div id=\"sa93-voltage-unit\">\r\n    <div class=\"sa93-grid-overlay\"><\/div>\r\n\r\n    <div class=\"sa93-layout-frame\">\r\n        <div class=\"sa93-header-group\">\r\n            <h2 class=\"sa93-bold-rajdhani\">WORKS <span class=\"sa93-glow-text\">WITH<\/span><\/h2>\r\n            <p class=\"sa93-precision-sub\">The service works on most devices, that is why we offer free 24h tests..<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sa93-voltage-grid\">\r\n            \r\n            <div class=\"sa93-unit-card\" tabindex=\"0\">\r\n                <div class=\"sa93-square-frame\">\r\n                    <div class=\"sa93-inner-box\">\r\n                        <i data-lucide=\"tv-2\" class=\"sa93-unit-icon\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <span class=\"sa93-unit-label\">TELEVISION<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"sa93-unit-card\" tabindex=\"0\">\r\n                <div class=\"sa93-square-frame\">\r\n                    <div class=\"sa93-inner-box\">\r\n                        <i data-lucide=\"laptop\" class=\"sa93-unit-icon\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <span class=\"sa93-unit-label\">LAPTOP<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"sa93-unit-card\" tabindex=\"0\">\r\n                <div class=\"sa93-square-frame\">\r\n                    <div class=\"sa93-inner-box\">\r\n                        <i data-lucide=\"smartphone\" class=\"sa93-unit-icon\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <span class=\"sa93-unit-label\">MOBILE<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"sa93-unit-card\" tabindex=\"0\">\r\n                <div class=\"sa93-square-frame\">\r\n                    <div class=\"sa93-inner-box\">\r\n                        <i data-lucide=\"globe\" class=\"sa93-unit-icon\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <span class=\"sa93-unit-label\">BROWSER<\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n:root {\r\n    --cyber-blue: #0084ff;\r\n    --cyber-glow: rgba(0, 132, 255, 0.6);\r\n    --bg-dark: #060910;\r\n}\r\n\r\n#sa93-voltage-unit {\r\n    font-family: 'Rajdhani', sans-serif !important;\r\n    position: relative;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    padding: 120px 0;\r\n    background-color: var(--bg-dark);\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Background Grid Pattern *\/\r\n.sa93-grid-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image: \r\n        linear-gradient(rgba(0, 132, 255, 0.05) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(0, 132, 255, 0.05) 1px, transparent 1px);\r\n    background-size: 40px 40px;\r\n    pointer-events: none;\r\n}\r\n\r\n.sa93-layout-frame {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: 100%;\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    padding: 0 24px;\r\n}\r\n\r\n\/* 1. TITLE STYLING *\/\r\n.sa93-bold-rajdhani {\r\n    color: #ffffff;\r\n    font-weight: 700 !important;\r\n    font-size: clamp(2.5rem, 6vw, 4rem) !important;\r\n    letter-spacing: 2px !important;\r\n    text-align: center;\r\n    margin: 0 0 10px 0 !important;\r\n}\r\n\r\n.sa93-glow-text {\r\n    color: var(--cyber-blue);\r\n    text-shadow: 0 0 20px var(--cyber-glow);\r\n}\r\n\r\n.sa93-precision-sub {\r\n    color: #8a8f9d;\r\n    font-weight: 400;\r\n    font-size: 1.1rem;\r\n    text-align: center;\r\n    max-width: 600px;\r\n    margin: 0 auto 80px !important;\r\n    line-height: 1.5;\r\n}\r\n\r\n\/* 2. SQUARE CARD DESIGN *\/\r\n.sa93-voltage-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 25px;\r\n}\r\n\r\n.sa93-unit-card {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    cursor: pointer;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n\/* The Outer Faint Frame *\/\r\n.sa93-square-frame {\r\n    position: relative;\r\n    width: 100%;\r\n    aspect-ratio: 1\/1;\r\n    border: 1px solid rgba(0, 132, 255, 0.15);\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    background: rgba(0, 132, 255, 0.02);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n\/* The Inner Solid Frame *\/\r\n.sa93-inner-box {\r\n    width: 40%;\r\n    height: 40%;\r\n    border: 1px solid var(--cyber-blue);\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    background: rgba(0, 132, 255, 0.05);\r\n    box-shadow: inset 0 0 15px rgba(0, 132, 255, 0.1);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.sa93-unit-icon {\r\n    width: 60%;\r\n    height: 60%;\r\n    color: var(--cyber-blue);\r\n    stroke-width: 1.5px;\r\n    filter: drop-shadow(0 0 8px var(--cyber-blue));\r\n}\r\n\r\n.sa93-unit-label {\r\n    margin-top: 20px;\r\n    font-weight: 700;\r\n    font-size: 1rem;\r\n    color: #ffffff;\r\n    letter-spacing: 0.1em;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n\/* 3. HOVER & INTERACTION *\/\r\n.sa93-unit-card:hover .sa93-square-frame,\r\n.sa93-unit-card:focus .sa93-square-frame {\r\n    border-color: rgba(0, 132, 255, 0.4);\r\n    background: rgba(0, 132, 255, 0.08);\r\n}\r\n\r\n.sa93-unit-card:hover .sa93-inner-box,\r\n.sa93-unit-card:focus .sa93-inner-box {\r\n    box-shadow: 0 0 25px var(--cyber-glow);\r\n    transform: scale(1.05);\r\n}\r\n\r\n.sa93-unit-card:active {\r\n    transform: scale(0.95);\r\n}\r\n\r\n\/* 4. MOBILE ADAPTATION *\/\r\n@media (max-width: 768px) {\r\n    .sa93-voltage-grid { \r\n        grid-template-columns: repeat(2, 1fr); \r\n        gap: 20px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nlucide.createIcons();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-11c54cb elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"11c54cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Rajdhani:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n\r\n<div id=\"sa93-reviews-centered\">\r\n    <div class=\"sa93-bg-spotlight\"><\/div>\r\n    <div class=\"sa93-pixel-grid\"><\/div>\r\n\r\n    <div class=\"sa93-layout-frame\">\r\n        <div class=\"sa93-header-group\">\r\n            <h2 class=\"sa93-bold-rajdhani\">WHAT <span class=\"sa93-glow-text\">PEOPLE SAY<\/span><\/h2>\r\n            <p class=\"sa93-precision-sub\">Real feedback from our global community across various platforms.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sa93-carousel-viewport\">\r\n            <div class=\"sa93-carousel-track\" id=\"reviewTrack\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sa93-pagination-container\">\r\n            <div class=\"sa93-nav-dots\" id=\"navDots\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n:root {\r\n    --accent-blue: #3b82f6;\r\n    --reddit-orange: #FF4500;\r\n    --glass-bg: rgba(255, 255, 255, 0.03);\r\n    --glass-border: rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n#sa93-reviews-centered {\r\n    font-family: 'Rajdhani', sans-serif !important;\r\n    position: relative;\r\n    padding: 80px 0;\r\n    background: #060910;\r\n    overflow: hidden;\r\n    color: #fff;\r\n}\r\n\r\n.sa93-bg-spotlight {\r\n    position: absolute;\r\n    top: 50%; left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 80vw; height: 80vh;\r\n    background: radial-gradient(circle, rgba(37, 99, 235, 0.12) 0%, transparent 70%);\r\n    pointer-events: none;\r\n    z-index: 1;\r\n}\r\n\r\n.sa93-pixel-grid {\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image: radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px);\r\n    background-size: 30px 30px;\r\n    mask-image: linear-gradient(to bottom, black, transparent);\r\n    z-index: 1;\r\n}\r\n\r\n.sa93-layout-frame { position: relative; z-index: 2; width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 24px; }\r\n\r\n.sa93-bold-rajdhani {\r\n    font-weight: 700 !important;\r\n    font-size: clamp(2.5rem, 6vw, 3.8rem) !important;\r\n    text-align: center;\r\n    margin: 0 0 10px 0 !important;\r\n    letter-spacing: -1px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.sa93-glow-text { color: var(--accent-blue); text-shadow: 0 0 15px rgba(59, 130, 246, 0.6); }\r\n\r\n.sa93-precision-sub {\r\n    font-weight: 500;\r\n    font-size: 1.1rem;\r\n    text-align: center;\r\n    color: rgba(255,255,255,0.4);\r\n    margin-bottom: 60px !important;\r\n}\r\n\r\n.sa93-carousel-viewport { width: 100%; overflow: hidden; }\r\n.sa93-carousel-track { display: flex; transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1); width: 100%; }\r\n.sa93-review-card { flex: 0 0 100%; display: flex; justify-content: center; padding: 10px; box-sizing: border-box; }\r\n\r\n.sa93-card-inner {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 550px;\r\n    background: var(--glass-bg);\r\n    border: 1px solid var(--glass-border);\r\n    border-radius: 24px;\r\n    padding: 35px;\r\n    backdrop-filter: blur(20px);\r\n    -webkit-backdrop-filter: blur(20px);\r\n}\r\n\r\n.sa93-card-header { display: flex; align-items: center; gap: 15px; margin-bottom: 20px; }\r\n\r\n\/* TRANSPARENT AVATAR LOGIC *\/\r\n.sa93-user-avatar { \r\n    width: 80px; \r\n    height: 80px; \r\n    object-fit: contain; \/* Use contain for transparent PNGs to prevent cropping parts of the head *\/\r\n    background: transparent; \/* No black background *\/\r\n    border: none; \/* No border as requested *\/\r\n    box-shadow: none; \/* No shadow *\/\r\n}\r\n\r\n.sa93-user-name { font-weight: 700; font-size: 1.2rem; color: #fff; margin-right: 8px; }\r\n.sa93-user-date { font-size: 0.85rem; color: rgba(255,255,255,0.4); font-weight: 400; }\r\n\r\n.sa93-review-text { font-size: 1.15rem; line-height: 1.7; color: rgba(255,255,255,0.85); margin-bottom: 30px; }\r\n\r\n.sa93-card-footer { display: flex; gap: 20px; border-top: 1px solid rgba(255,255,255,0.05); padding-top: 25px; align-items: center; }\r\n.sa93-stat { display: flex; align-items: center; gap: 10px; font-size: 0.95rem; font-weight: 700; color: rgba(255,255,255,0.7); }\r\n.sa93-upvote-orange { color: var(--reddit-orange); fill: var(--reddit-orange); width: 20px; height: 20px; }\r\n\r\n.sa93-pagination-container { display: flex; justify-content: center; align-items: center; margin-top: 40px; width: 100%; }\r\n.sa93-nav-dots { display: flex; gap: 12px; align-items: center; }\r\n.sa93-dot { width: 8px; height: 8px; background: rgba(255,255,255,0.2); border-radius: 50%; cursor: pointer; transition: all 0.4s ease; }\r\n.sa93-dot.active { width: 32px; background: var(--accent-blue); border-radius: 10px; }\r\n\r\n@media (max-width: 768px) { .sa93-card-inner { padding: 25px; } }\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const reviews = [\r\n        { \r\n            user: \"u\/King*******\", \r\n            avatar: \"https:\/\/sa93view.com\/wp-content\/uploads\/2026\/01\/AVATAR-A.png\",\r\n            text: \"Honestly didn't expect the quality to be this sharp. The 4K streams are buffer-free even on my old Firestick. Best switch I've made this year.\", \r\n            upvotes: \"1.2k\" \r\n        },\r\n        { \r\n            user: \"u\/Tech*******\", \r\n            avatar: \"https:\/\/sa93view.com\/wp-content\/uploads\/2026\/01\/AVATAR-B.png\",\r\n            text: \"The EPG is actually accurate for once. Setup took less than 5 minutes. The 24h trial sold me instantly. 10\/10 service.\", \r\n            upvotes: \"842\" \r\n        },\r\n        { \r\n            user: \"u\/Stream*******\", \r\n            avatar: \"https:\/\/sa93view.com\/wp-content\/uploads\/2026\/01\/AVATAR-C.png\",\r\n            text: \"Tested over 10 providers in the last month. This is the only one that didn't lag during the big match on Sunday. Support is also very responsive.\", \r\n            upvotes: \"2.1k\" \r\n        },\r\n        { \r\n            user: \"u\/Ghost*******\", \r\n            avatar: \"https:\/\/sa93view.com\/wp-content\/uploads\/2026\/01\/AVATAR-D.png\",\r\n            text: \"Cleanest UI I've seen in this space. No unnecessary bloat, just the channels and movies I actually want to watch. Highly recommended.\", \r\n            upvotes: \"560\" \r\n        }\r\n    ];\r\n\r\n    function getRandomDate() {\r\n        const start = new Date(2022, 0, 1);\r\n        const end = new Date();\r\n        const date = new Date(start.getTime() + Math.random() * (end.getTime() - start.getTime()));\r\n        return date.toLocaleDateString('en-US', { year: 'numeric', month: 'short', day: 'numeric' });\r\n    }\r\n\r\n    const track = document.getElementById('reviewTrack');\r\n    const dotsContainer = document.getElementById('navDots');\r\n\r\n    reviews.forEach((rev, i) => {\r\n        const slide = document.createElement('div');\r\n        slide.className = 'sa93-review-card';\r\n        slide.innerHTML = `\r\n            <div class=\"sa93-card-inner\">\r\n                <div class=\"sa93-card-header\">\r\n                    <img decoding=\"async\" src=\"${rev.avatar}\" class=\"sa93-user-avatar\" alt=\"user\">\r\n                    <div>\r\n                        <span class=\"sa93-user-name\">${rev.user}<\/span>\r\n                        <span class=\"sa93-user-date\">${getRandomDate()}<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <p class=\"sa93-review-text\">\"${rev.text}\"<\/p>\r\n                <div class=\"sa93-card-footer\">\r\n                    <span class=\"sa93-stat\"><i data-lucide=\"arrow-big-up\" class=\"sa93-upvote-orange\"><\/i> ${rev.upvotes}<\/span>\r\n                    <span class=\"sa93-stat\">Reddit Community<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        `;\r\n        track.appendChild(slide);\r\n\r\n        const dot = document.createElement('div');\r\n        dot.className = `sa93-dot ${i === 0 ? 'active' : ''}`;\r\n        dot.onclick = () => jumpTo(i);\r\n        dotsContainer.appendChild(dot);\r\n    });\r\n\r\n    let currentIdx = 0;\r\n    function jumpTo(idx) {\r\n        currentIdx = idx;\r\n        track.style.transform = `translateX(-${currentIdx * 100}%)`;\r\n        document.querySelectorAll('.sa93-dot').forEach((dot, i) => {\r\n            dot.classList.toggle('active', i === currentIdx);\r\n        });\r\n    }\r\n\r\n    setInterval(() => {\r\n        currentIdx = (currentIdx + 1) % reviews.length;\r\n        jumpTo(currentIdx);\r\n    }, 3500);\r\n\r\n    lucide.createIcons();\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-99a7197 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"99a7197\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-46f1c5a\" data-id=\"46f1c5a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fdedea7 elementor-widget elementor-widget-html\" data-id=\"fdedea7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n  <style>\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    .pricing-container {\n      min-height: 100vh;\n      background: linear-gradient(to bottom, #0a0f1e, #0d1219, #0a0f1e);\n      padding: 80px 40px;\n      position: relative;\n      overflow: hidden;\n      font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n    }\n\n    .grid-bg {\n      position: absolute;\n      inset: 0;\n      background-image:\n        linear-gradient(to right, #1e293b 1px, transparent 1px),\n        linear-gradient(to bottom, #1e293b 1px, transparent 1px);\n      background-size: 4rem 4rem;\n      opacity: 0.1;\n    }\n\n    .glow-1, .glow-2 {\n      position: absolute;\n      width: 500px;\n      height: 500px;\n      border-radius: 50%;\n      filter: blur(80px);\n      pointer-events: none;\n      animation: pulse-slow 4s ease-in-out infinite;\n    }\n\n    .glow-1 {\n      top: 20%;\n      left: 20%;\n      background: rgba(59, 130, 246, 0.15);\n    }\n\n    .glow-2 {\n      bottom: 20%;\n      right: 20%;\n      background: rgba(37, 99, 235, 0.15);\n      animation-delay: 2s;\n    }\n\n    .content-wrapper {\n      position: relative;\n      z-index: 10;\n      max-width: 1400px;\n      margin: 0 auto;\n    }\n\n    .header-section {\n      text-align: center;\n      margin-bottom: 80px;\n    }\n\n    .status-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 12px;\n      padding: 12px 28px;\n      border-radius: 9999px;\n      background: rgba(59, 130, 246, 0.15);\n      border: 2px solid rgba(59, 130, 246, 0.4);\n      backdrop-filter: blur(12px);\n      margin-bottom: 32px;\n      animation: slide-down 0.8s ease-out, badge-glow 2s ease-in-out infinite;\n      box-shadow: 0 0 30px rgba(59, 130, 246, 0.3), inset 0 0 20px rgba(59, 130, 246, 0.1);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .status-badge::before {\n      content: '';\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\n      animation: shimmer 3s infinite;\n    }\n\n    .status-dot {\n      width: 10px;\n      height: 10px;\n      border-radius: 50%;\n      background: #3b82f6;\n      animation: pulse-dot 1.5s ease-in-out infinite;\n      box-shadow: 0 0 15px rgba(59, 130, 246, 0.8);\n      position: relative;\n      z-index: 1;\n    }\n\n    .status-text {\n      font-size: 13px;\n      color: #e2e8f0;\n      font-weight: 700;\n      letter-spacing: 0.1em;\n      text-transform: uppercase;\n      text-shadow: 0 0 10px rgba(59, 130, 246, 0.5);\n      position: relative;\n      z-index: 1;\n    }\n\n    .ping-value {\n      color: #60a5fa;\n      font-weight: 900;\n      text-shadow: 0 0 15px rgba(96, 165, 250, 0.8);\n    }\n\n    .main-title {\n      font-size: 5rem;\n      font-weight: 900;\n      color: white;\n      margin-bottom: 24px;\n      letter-spacing: -0.02em;\n      animation: slide-up 0.8s ease-out 0.2s backwards;\n      text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n      line-height: 1.1;\n    }\n\n    .title-highlight {\n      color: #3b82f6;\n      text-shadow: 0 0 40px rgba(59, 130, 246, 0.6);\n    }\n\n    .subtitle {\n      font-size: 1.35rem;\n      color: #cbd5e1;\n      max-width: 700px;\n      margin: 0 auto;\n      line-height: 1.8;\n      animation: slide-up 0.8s ease-out 0.4s backwards;\n      font-weight: 400;\n    }\n\n    .plans-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 48px;\n      margin-bottom: 60px;\n      max-width: 1400px;\n      margin-left: auto;\n      margin-right: auto;\n      padding: 0 20px;\n    }\n\n    @media (min-width: 1024px) {\n      .plans-grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 32px;\n      }\n    }\n\n    .plan-card {\n      position: relative;\n      animation: fade-in-up 1s ease-out backwards;\n    }\n\n    .plan-card:nth-child(1) { animation-delay: 0ms; }\n    .plan-card:nth-child(2) { animation-delay: 200ms; }\n    .plan-card:nth-child(3) { animation-delay: 400ms; }\n\n    .popular-badge {\n      position: absolute;\n      top: -18px;\n      left: 50%;\n      transform: translateX(-50%);\n      z-index: 20;\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      color: white;\n      padding: 8px 24px;\n      border-radius: 9999px;\n      font-size: 11px;\n      font-weight: 800;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      box-shadow: 0 8px 20px rgba(59, 130, 246, 0.6);\n      text-transform: uppercase;\n      letter-spacing: 0.1em;\n      animation: badge-float 3s ease-in-out infinite;\n    }\n\n    .electric-border-wrapper {\n      position: relative;\n      height: 100%;\n    }\n\n    .electric-border {\n      position: absolute;\n      inset: -3px;\n      border-radius: 12px;\n      background: linear-gradient(90deg, transparent, transparent, #3b82f6, transparent, transparent);\n      background-size: 200% 100%;\n      animation: electric-border 3s linear infinite;\n      opacity: 0;\n      transition: opacity 0.4s ease;\n      pointer-events: none;\n    }\n\n    .electric-border-wrapper:hover .electric-border {\n      opacity: 0.8;\n    }\n\n    .electric-border.active {\n      opacity: 1;\n      background: linear-gradient(90deg, #3b82f6, #60a5fa, #3b82f6, #60a5fa, #3b82f6);\n      background-size: 200% 100%;\n      filter: drop-shadow(0 0 15px #3b82f6);\n    }\n\n    .card-inner {\n      position: relative;\n      height: 100%;\n      background: linear-gradient(to bottom, rgba(15, 23, 42, 0.95), rgba(2, 6, 23, 0.95));\n      backdrop-filter: blur(20px);\n      border-radius: 12px;\n      padding: 40px;\n      border: 1px solid rgba(59, 130, 246, 0.2);\n      transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .electric-border-wrapper:hover .card-inner {\n      transform: translateY(-8px);\n      box-shadow: 0 20px 60px rgba(59, 130, 246, 0.3);\n    }\n\n    .card-header {\n      display: flex;\n      align-items: flex-start;\n      justify-content: space-between;\n      margin-bottom: 28px;\n    }\n\n    .plan-name {\n      font-size: 1.75rem;\n      font-weight: 800;\n      color: white;\n      margin-bottom: 6px;\n      letter-spacing: -0.01em;\n      text-transform: uppercase;\n    }\n\n    .plan-period {\n      font-size: 11px;\n      color: #94a3b8;\n      text-transform: uppercase;\n      letter-spacing: 0.08em;\n      font-weight: 600;\n    }\n\n    .savings-badge {\n      padding: 6px 14px;\n      border-radius: 8px;\n      background: rgba(59, 130, 246, 0.2);\n      border: 1px solid rgba(59, 130, 246, 0.4);\n      color: #60a5fa;\n      font-size: 11px;\n      font-weight: 800;\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n    }\n\n    .price-section {\n      margin-bottom: 28px;\n    }\n\n    .price {\n      font-size: 4rem;\n      font-weight: 900;\n      color: #3b82f6;\n      letter-spacing: -0.03em;\n      line-height: 1;\n      text-shadow: 0 0 30px rgba(59, 130, 246, 0.5);\n    }\n\n    .price-period {\n      color: #94a3b8;\n      font-size: 13px;\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n      margin-top: 8px;\n      display: inline-block;\n      font-weight: 500;\n    }\n\n    .features-row {\n      display: flex;\n      align-items: center;\n      justify-content: space-around;\n      margin-bottom: 28px;\n      padding: 20px 0;\n      border-top: 1px solid rgba(59, 130, 246, 0.2);\n      border-bottom: 1px solid rgba(59, 130, 246, 0.2);\n    }\n\n    .feature-item {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 10px;\n      transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      cursor: pointer;\n    }\n\n    .feature-item:hover {\n      transform: scale(1.15);\n    }\n\n    .feature-icon {\n      width: 44px;\n      height: 44px;\n      border-radius: 10px;\n      background: rgba(30, 41, 59, 0.6);\n      border: 2px solid rgba(59, 130, 246, 0.4);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: #3b82f6;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .feature-item:hover .feature-icon {\n      border-color: #3b82f6;\n      box-shadow: 0 0 20px rgba(59, 130, 246, 0.6);\n      background: rgba(59, 130, 246, 0.2);\n    }\n\n    .feature-text {\n      font-size: 11px;\n      color: #cbd5e1;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 0.08em;\n    }\n\n    .devices-section {\n      margin-bottom: 28px;\n    }\n\n    .devices-label {\n      display: block;\n      font-size: 11px;\n      font-weight: 800;\n      color: #cbd5e1;\n      margin-bottom: 14px;\n      text-transform: uppercase;\n      letter-spacing: 0.1em;\n    }\n\n    .devices-select {\n      width: 100%;\n      background: rgba(30, 41, 59, 0.6);\n      border: 2px solid rgba(59, 130, 246, 0.3);\n      border-radius: 10px;\n      padding: 14px 18px;\n      color: white;\n      font-size: 14px;\n      font-family: 'Poppins', sans-serif;\n      cursor: pointer;\n      transition: all 0.3s ease;\n      font-weight: 600;\n      appearance: none;\n      background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%2360a5fa' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 8l4 4 4-4'\/%3E%3C\/svg%3E\");\n      background-position: right 14px center;\n      background-repeat: no-repeat;\n      background-size: 22px;\n    }\n\n    .devices-select:hover {\n      background-color: rgba(30, 41, 59, 0.8);\n      border-color: rgba(59, 130, 246, 0.6);\n    }\n\n    .devices-select:focus {\n      outline: none;\n      border-color: #3b82f6;\n      box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.25);\n    }\n\n    .info-box {\n      display: flex;\n      align-items: flex-start;\n      gap: 10px;\n      padding: 14px;\n      background: rgba(30, 41, 59, 0.4);\n      border-radius: 10px;\n      border: 1px solid rgba(59, 130, 246, 0.2);\n      margin-top: 14px;\n    }\n\n    .info-icon {\n      width: 16px;\n      height: 16px;\n      color: #94a3b8;\n      flex-shrink: 0;\n      margin-top: 2px;\n    }\n\n    .info-text {\n      font-size: 12px;\n      color: #94a3b8;\n      line-height: 1.6;\n      font-weight: 500;\n    }\n\n    .info-text strong {\n      color: #e2e8f0;\n      font-weight: 700;\n    }\n\n    .pricing-breakdown {\n      margin-bottom: 28px;\n      padding: 20px;\n      background: rgba(59, 130, 246, 0.12);\n      border-radius: 10px;\n      border: 1px solid rgba(59, 130, 246, 0.3);\n      backdrop-filter: blur(10px);\n      animation: slide-down 0.6s ease-out;\n    }\n\n    .breakdown-row {\n      display: flex;\n      justify-content: space-between;\n      font-size: 14px;\n      margin-bottom: 10px;\n      font-weight: 500;\n    }\n\n    .breakdown-row.total {\n      font-size: 20px;\n      font-weight: 800;\n      padding-top: 16px;\n      border-top: 2px solid rgba(59, 130, 246, 0.4);\n      margin-top: 16px;\n      margin-bottom: 0;\n    }\n\n    .breakdown-label {\n      color: #cbd5e1;\n    }\n\n    .breakdown-label.discount {\n      color: #60a5fa;\n      font-weight: 700;\n    }\n\n    .breakdown-label.total {\n      color: white;\n    }\n\n    .breakdown-value {\n      color: #e2e8f0;\n      font-weight: 600;\n    }\n\n    .breakdown-value.discount {\n      color: #60a5fa;\n      font-weight: 700;\n    }\n\n    .breakdown-value.total {\n      color: #3b82f6;\n      text-shadow: 0 0 20px rgba(59, 130, 246, 0.6);\n    }\n\n    .buy-button {\n      width: 100%;\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      color: white;\n      font-family: 'Poppins', sans-serif;\n      font-weight: 800;\n      padding: 16px 28px;\n      border-radius: 10px;\n      border: none;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 12px;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      font-size: 13px;\n      text-transform: uppercase;\n      letter-spacing: 0.08em;\n      box-shadow: 0 10px 30px rgba(59, 130, 246, 0.4);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .buy-button::before {\n      content: '';\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\n      transform: translateX(-100%);\n      transition: transform 0.6s;\n    }\n\n    .buy-button:hover::before {\n      transform: translateX(100%);\n    }\n\n    .buy-button:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 15px 40px rgba(59, 130, 246, 0.6);\n    }\n\n    .buy-button:active {\n      transform: translateY(0);\n    }\n\n    .info-section {\n      text-align: center;\n      max-width: 900px;\n      margin: 0 auto;\n      background: rgba(15, 23, 42, 0.6);\n      border: 1px solid rgba(59, 130, 246, 0.2);\n      border-radius: 16px;\n      padding: 32px;\n      backdrop-filter: blur(20px);\n    }\n\n    .info-section-content {\n      display: flex;\n      align-items: flex-start;\n      gap: 20px;\n      text-align: left;\n    }\n\n    .info-section-icon {\n      width: 48px;\n      height: 48px;\n      border-radius: 10px;\n      background: rgba(59, 130, 246, 0.2);\n      border: 2px solid rgba(59, 130, 246, 0.4);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      color: #3b82f6;\n    }\n\n    .info-section-text h3 {\n      color: white;\n      font-weight: 800;\n      font-size: 18px;\n      margin-bottom: 8px;\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n    }\n\n    .info-section-text p {\n      color: #cbd5e1;\n      font-size: 15px;\n      line-height: 1.7;\n      font-weight: 500;\n    }\n\n    .info-section-text p strong {\n      color: #60a5fa;\n      font-weight: 700;\n    }\n\n    .modal-overlay {\n      position: fixed;\n      inset: 0;\n      background: rgba(0, 0, 0, 0.92);\n      backdrop-filter: blur(16px);\n      z-index: 9999;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 20px;\n      animation: modal-appear 0.3s ease-out;\n    }\n\n    .modal-container {\n      position: relative;\n      max-width: 520px;\n      width: 100%;\n    }\n\n    .modal-glow {\n      position: absolute;\n      inset: -3px;\n      background: #3b82f6;\n      border-radius: 16px;\n      opacity: 0.6;\n      filter: blur(20px);\n      animation: pulse-slow 3s ease-in-out infinite;\n    }\n\n    .modal-content {\n      position: relative;\n      background: linear-gradient(to bottom, #0f172a, #020617);\n      border-radius: 16px;\n      border: 2px solid rgba(59, 130, 246, 0.3);\n      overflow: hidden;\n    }\n\n    .modal-close {\n      position: absolute;\n      top: 20px;\n      right: 20px;\n      color: #cbd5e1;\n      background: rgba(30, 41, 59, 0.6);\n      border: none;\n      cursor: pointer;\n      z-index: 10;\n      transition: all 0.3s ease;\n      padding: 8px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 8px;\n      width: 36px;\n      height: 36px;\n    }\n\n    .modal-close:hover {\n      color: white;\n      background: rgba(239, 68, 68, 0.8);\n      transform: rotate(90deg);\n    }\n\n    .modal-body {\n      padding: 40px;\n    }\n\n    .modal-header {\n      text-align: center;\n      margin-bottom: 36px;\n    }\n\n    .modal-icon {\n      width: 72px;\n      height: 72px;\n      background: rgba(59, 130, 246, 0.2);\n      border: 2px solid rgba(59, 130, 246, 0.4);\n      border-radius: 16px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin: 0 auto 20px;\n      color: #3b82f6;\n      animation: bounce-in 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);\n    }\n\n    .modal-title {\n      font-size: 2rem;\n      font-weight: 900;\n      color: white;\n      margin-bottom: 10px;\n      letter-spacing: -0.01em;\n      text-transform: uppercase;\n    }\n\n    .modal-subtitle {\n      color: #cbd5e1;\n      font-size: 14px;\n      font-weight: 500;\n    }\n\n    .summary-box {\n      margin-bottom: 28px;\n      padding: 20px;\n      background: rgba(30, 41, 59, 0.4);\n      border-radius: 12px;\n      backdrop-filter: blur(10px);\n      border: 1px solid rgba(59, 130, 246, 0.2);\n    }\n\n    .summary-header {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      margin-bottom: 20px;\n      padding-bottom: 16px;\n      border-bottom: 1px solid rgba(59, 130, 246, 0.3);\n    }\n\n    .summary-label {\n      font-size: 11px;\n      color: #cbd5e1;\n      text-transform: uppercase;\n      letter-spacing: 0.1em;\n      font-weight: 700;\n    }\n\n    .summary-plan-badge {\n      padding: 6px 14px;\n      border-radius: 8px;\n      background: rgba(59, 130, 246, 0.2);\n      border: 1px solid rgba(59, 130, 246, 0.4);\n      font-size: 11px;\n      font-weight: 800;\n      color: #60a5fa;\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n    }\n\n    .summary-rows {\n      margin-bottom: 16px;\n    }\n\n    .form-group {\n      margin-bottom: 20px;\n    }\n\n    .form-label {\n      display: block;\n      font-size: 11px;\n      font-weight: 800;\n      color: #cbd5e1;\n      margin-bottom: 10px;\n      text-transform: uppercase;\n      letter-spacing: 0.1em;\n    }\n\n    .form-input {\n      width: 100%;\n      background: rgba(30, 41, 59, 0.6);\n      border: 2px solid rgba(59, 130, 246, 0.3);\n      border-radius: 10px;\n      padding: 14px 18px;\n      color: white;\n      font-size: 14px;\n      font-family: 'Poppins', sans-serif;\n      font-weight: 600;\n      transition: all 0.3s ease;\n    }\n\n    .form-input::placeholder {\n      color: #64748b;\n      font-weight: 500;\n    }\n\n    .form-input:focus {\n      outline: none;\n      border-color: #3b82f6;\n      box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.25);\n    }\n\n    .progress-container {\n      margin-bottom: 20px;\n    }\n\n    .progress-header {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      font-size: 12px;\n      margin-bottom: 10px;\n      font-weight: 600;\n    }\n\n    .progress-label {\n      color: #cbd5e1;\n    }\n\n    .progress-value {\n      color: white;\n      font-weight: 800;\n    }\n\n    .progress-bar {\n      height: 10px;\n      background: rgba(30, 41, 59, 0.6);\n      border-radius: 9999px;\n      overflow: hidden;\n      border: 1px solid rgba(59, 130, 246, 0.3);\n    }\n\n    .progress-fill {\n      height: 100%;\n      background: linear-gradient(90deg, #3b82f6, #60a5fa);\n      border-radius: 9999px;\n      transition: width 0.3s ease;\n      box-shadow: 0 0 15px rgba(59, 130, 246, 0.6);\n    }\n\n    .submit-button {\n      width: 100%;\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      color: white;\n      font-family: 'Poppins', sans-serif;\n      font-weight: 800;\n      padding: 14px 28px;\n      border-radius: 10px;\n      border: none;\n      cursor: pointer;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      font-size: 13px;\n      text-transform: uppercase;\n      letter-spacing: 0.08em;\n      box-shadow: 0 10px 30px rgba(59, 130, 246, 0.4);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .submit-button::before {\n      content: '';\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\n      transform: translateX(-100%);\n      transition: transform 0.6s;\n    }\n\n    .submit-button:hover:not(:disabled)::before {\n      transform: translateX(100%);\n    }\n\n    .submit-button:hover:not(:disabled) {\n      transform: translateY(-2px);\n      box-shadow: 0 15px 40px rgba(59, 130, 246, 0.6);\n    }\n\n    .submit-button:disabled {\n      opacity: 0.6;\n      cursor: not-allowed;\n      transform: none;\n    }\n\n    .success-container {\n      padding: 48px;\n      text-align: center;\n    }\n\n    .success-icon-wrapper {\n      position: relative;\n      margin-bottom: 36px;\n    }\n\n    .success-glow {\n      position: absolute;\n      inset: 0;\n      background: #3b82f6;\n      border-radius: 50%;\n      filter: blur(40px);\n      opacity: 0.6;\n      animation: pulse 2s ease-in-out infinite;\n    }\n\n    .success-icon {\n      position: relative;\n      width: 90px;\n      height: 90px;\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin: 0 auto;\n      color: white;\n      animation: scale-in 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);\n      box-shadow: 0 10px 40px rgba(59, 130, 246, 0.6);\n    }\n\n    .success-title {\n      font-size: 2rem;\n      font-weight: 900;\n      color: white;\n      margin-bottom: 20px;\n      letter-spacing: -0.01em;\n      text-transform: uppercase;\n      animation: slide-up 0.6s ease-out 0.2s backwards;\n    }\n\n    .success-text {\n      color: #e2e8f0;\n      font-size: 16px;\n      margin-bottom: 20px;\n      animation: slide-up 0.6s ease-out 0.4s backwards;\n      font-weight: 500;\n    }\n\n    .success-note {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 12px;\n      color: #cbd5e1;\n      font-size: 14px;\n      animation: slide-up 0.6s ease-out 0.6s backwards;\n      font-weight: 500;\n    }\n\n    .hidden {\n      display: none !important;\n    }\n\n    @keyframes slide-down {\n      from { opacity: 0; transform: translateY(-30px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    @keyframes slide-up {\n      from { opacity: 0; transform: translateY(30px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    @keyframes fade-in-up {\n      from { opacity: 0; transform: translateY(40px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    @keyframes pulse {\n      0%, 100% { opacity: 1; }\n      50% { opacity: 0.5; }\n    }\n\n    @keyframes pulse-dot {\n      0%, 100% { transform: scale(1); opacity: 1; }\n      50% { transform: scale(1.3); opacity: 0.8; }\n    }\n\n    @keyframes pulse-slow {\n      0%, 100% { opacity: 0.3; }\n      50% { opacity: 0.7; }\n    }\n\n    @keyframes badge-glow {\n      0%, 100% { box-shadow: 0 0 30px rgba(59, 130, 246, 0.3), inset 0 0 20px rgba(59, 130, 246, 0.1); }\n      50% { box-shadow: 0 0 50px rgba(59, 130, 246, 0.6), inset 0 0 30px rgba(59, 130, 246, 0.2); }\n    }\n\n    @keyframes badge-float {\n      0%, 100% { transform: translateX(-50%) translateY(0); }\n      50% { transform: translateX(-50%) translateY(-5px); }\n    }\n\n    @keyframes shimmer {\n      0% { transform: translateX(-100%); }\n      100% { transform: translateX(100%); }\n    }\n\n    @keyframes electric-border {\n      0% { background-position: 0% 50%; }\n      50% { background-position: 100% 50%; }\n      100% { background-position: 0% 50%; }\n    }\n\n    @keyframes modal-appear {\n      from { opacity: 0; }\n      to { opacity: 1; }\n    }\n\n    @keyframes bounce-in {\n      0% { transform: scale(0); opacity: 0; }\n      50% { transform: scale(1.15); }\n      100% { transform: scale(1); opacity: 1; }\n    }\n\n    @keyframes scale-in {\n      from { transform: scale(0) rotate(-180deg); opacity: 0; }\n      to { transform: scale(1) rotate(0deg); opacity: 1; }\n    }\n\n    @media (max-width: 1024px) {\n      .pricing-container { padding: 60px 32px; }\n      .main-title { font-size: 3.5rem; }\n      .plans-grid { gap: 36px; }\n    }\n\n    @media (max-width: 768px) {\n      .pricing-container { padding: 40px 24px; }\n      .main-title { font-size: 2.5rem; }\n      .subtitle { font-size: 1.1rem; }\n      .plans-grid { grid-template-columns: 1fr; gap: 32px; padding: 0 10px; }\n      .price { font-size: 3.25rem; }\n      .modal-body { padding: 28px; }\n      .modal-title { font-size: 1.5rem; }\n      .info-section-content { flex-direction: column; align-items: center; text-align: center; }\n    }\n\n    @media (max-width: 480px) {\n      .main-title { font-size: 2rem; }\n      .card-inner { padding: 28px; }\n      .status-text { font-size: 11px; }\n      .status-badge { padding: 10px 20px; }\n    }\n  <\/style>\n<\/head>\n<body>\n  <div class=\"pricing-container\">\n    <div class=\"grid-bg\"><\/div>\n    <div class=\"glow-1\"><\/div>\n    <div class=\"glow-2\"><\/div>\n\n    <div class=\"content-wrapper\">\n      <div class=\"header-section\">\n        <div class=\"status-badge\">\n          <div class=\"status-dot\"><\/div>\n          <span class=\"status-text\">SERVER STATUS: ONLINE \u2013 STABLE <span class=\"ping-value\" id=\"pingValue\">18MS<\/span><\/span>\n        <\/div>\n        <h1 class=\"main-title\">\n          CHOOSE <span class=\"title-highlight\">YOUR<\/span> PLAN\n        <\/h1>\n        <p class=\"subtitle\">\n          Fast, Easy & Reliable streaming on all your devices\n        <\/p>\n      <\/div>\n\n      <div class=\"plans-grid\" id=\"plansGrid\"><\/div>\n\n      <div class=\"info-section\">\n        <div class=\"info-section-content\">\n          <div class=\"info-section-icon\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n              <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"><\/line>\n              <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"><\/line>\n            <\/svg>\n          <\/div>\n          <div class=\"info-section-text\">\n            <h3>Device Limits<\/h3>\n            <p>\n              Each account streams on <strong>one device simultaneously<\/strong>.\n              Need multiple streams? Select more devices for concurrent viewing.\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div id=\"modal\" class=\"modal-overlay hidden\">\n    <div class=\"modal-container\">\n      <div class=\"modal-glow\"><\/div>\n      <div class=\"modal-content\">\n        <button class=\"modal-close\" onclick=\"closeModal()\">\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\n            <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\n          <\/svg>\n        <\/button>\n\n        <div id=\"modalForm\" class=\"modal-body\">\n          <div class=\"modal-header\">\n            <div class=\"modal-icon\">\n              <svg width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path>\n                <polyline points=\"22,6 12,13 2,6\"><\/polyline>\n              <\/svg>\n            <\/div>\n            <h3 class=\"modal-title\">Almost There<\/h3>\n            <p class=\"modal-subtitle\">Enter your email for payment link<\/p>\n          <\/div>\n\n          <div class=\"summary-box\">\n            <div class=\"summary-header\">\n              <span class=\"summary-label\">Summary<\/span>\n              <div class=\"summary-plan-badge\" id=\"modalPlanName\"><\/div>\n            <\/div>\n\n            <div class=\"summary-rows\">\n              <div class=\"breakdown-row\">\n                <span class=\"breakdown-label\">Base Price<\/span>\n                <span class=\"breakdown-value\" id=\"modalBasePrice\"><\/span>\n              <\/div>\n              <div class=\"breakdown-row\">\n                <span class=\"breakdown-label\">Devices<\/span>\n                <span class=\"breakdown-value\" id=\"modalDevices\"><\/span>\n              <\/div>\n              <div class=\"breakdown-row\" id=\"modalDiscountRow\" style=\"display: none;\">\n                <span class=\"breakdown-label discount\">Discount<\/span>\n                <span class=\"breakdown-value discount\">-15%<\/span>\n              <\/div>\n            <\/div>\n\n            <div class=\"breakdown-row total\">\n              <span class=\"breakdown-label total\">Total<\/span>\n              <span class=\"breakdown-value total\" id=\"modalTotal\"><\/span>\n            <\/div>\n          <\/div>\n\n          <form onsubmit=\"submitForm(event)\">\n            <div class=\"form-group\">\n              <label class=\"form-label\">Email Address<\/label>\n              <input type=\"email\" class=\"form-input\" placeholder=\"your@email.com\" id=\"emailInput\" required>\n            <\/div>\n\n            <div id=\"progressContainer\" class=\"progress-container hidden\">\n              <div class=\"progress-header\">\n                <span class=\"progress-label\">Processing...<\/span>\n                <span class=\"progress-value\"><span id=\"progressValue\">0<\/span>%<\/span>\n              <\/div>\n              <div class=\"progress-bar\">\n                <div class=\"progress-fill\" id=\"progressFill\" style=\"width: 0%\"><\/div>\n              <\/div>\n            <\/div>\n\n            <button type=\"submit\" class=\"submit-button\" id=\"submitBtn\">\n              Send Payment Link\n            <\/button>\n          <\/form>\n        <\/div>\n\n        <div id=\"modalSuccess\" class=\"success-container hidden\">\n          <div class=\"success-icon-wrapper\">\n            <div class=\"success-glow\"><\/div>\n            <div class=\"success-icon\">\n              <svg width=\"44\" height=\"44\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n              <\/svg>\n            <\/div>\n          <\/div>\n\n          <h3 class=\"success-title\">Request Received!<\/h3>\n\n          <p class=\"success-text\">\n            Check your email in a few minutes\n          <\/p>\n\n          <div class=\"success-note\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n              <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n            <\/svg>\n            <span>Don't forget spam folder<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    \/\/ Animated ping value\n    const pingValues = [18, 19, 20, 21, 17, 18, 22, 19, 20, 23, 18, 24, 19, 21, 20];\n    let pingIndex = 0;\n\n    function updatePing() {\n      const pingEl = document.getElementById('pingValue');\n      if (pingEl) {\n        pingEl.textContent = pingValues[pingIndex] + 'MS';\n        pingIndex = (pingIndex + 1) % pingValues.length;\n      }\n    }\n\n    setInterval(updatePing, 2000);\n\n    const plans = [\n      {\n        id: '1_month',\n        name: '1 Month',\n        price: 13.99,\n        period: 'monthly',\n        popular: false,\n        savingsText: ''\n      },\n      {\n        id: '6_months',\n        name: '6 Months',\n        price: 65.99,\n        period: 'semi-annual',\n        popular: false,\n        savingsText: 'Save $18'\n      },\n      {\n        id: '1_year',\n        name: '1 Year',\n        price: 96.99,\n        period: 'annual',\n        popular: true,\n        savingsText: 'Save $71'\n      }\n    ];\n\n    const selectedDevices = {\n      '1_month': 1,\n      '6_months': 1,\n      '1_year': 1\n    };\n\n    let currentPlan = null;\n\n    function calculatePrice(basePrice, devices) {\n      const subtotal = basePrice * devices;\n      const discount = subtotal * 0.15;\n      const final = subtotal - discount;\n      return { subtotal, discount, final };\n    }\n\n    function renderPlans() {\n      const grid = document.getElementById('plansGrid');\n      grid.innerHTML = plans.map(plan => {\n        const devices = selectedDevices[plan.id];\n        const pricing = calculatePrice(plan.price, devices);\n\n        return `\n          <div class=\"plan-card\">\n            ${plan.popular ? `\n              <div class=\"popular-badge\">\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                  <path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\"\/>\n                <\/svg>\n                BEST VALUE\n              <\/div>\n            ` : ''}\n\n            <div class=\"electric-border-wrapper\">\n              <div class=\"electric-border ${plan.popular ? 'active' : ''}\"><\/div>\n\n              <div class=\"card-inner\">\n                <div class=\"card-header\">\n                  <div>\n                    <h3 class=\"plan-name\">${plan.name}<\/h3>\n                    <p class=\"plan-period\">${plan.period}<\/p>\n                  <\/div>\n                  ${plan.savingsText ? `\n                    <div class=\"savings-badge\">${plan.savingsText}<\/div>\n                  ` : ''}\n                <\/div>\n\n                <div class=\"price-section\">\n                  <div class=\"price\">$${plan.price}<\/div>\n                  <span class=\"price-period\">USD \/ ${plan.period}<\/span>\n                <\/div>\n\n                <div class=\"features-row\">\n                  <div class=\"feature-item\">\n                    <div class=\"feature-icon\">\n                      <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <rect x=\"2\" y=\"7\" width=\"20\" height=\"15\" rx=\"2\" ry=\"2\"><\/rect>\n                        <polyline points=\"17 2 12 7 7 2\"><\/polyline>\n                      <\/svg>\n                    <\/div>\n                    <span class=\"feature-text\">LIVE TV<\/span>\n                  <\/div>\n                  <div class=\"feature-item\">\n                    <div class=\"feature-icon\">\n                      <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"2.18\" ry=\"2.18\"><\/rect>\n                        <line x1=\"7\" y1=\"2\" x2=\"7\" y2=\"22\"><\/line>\n                        <line x1=\"17\" y1=\"2\" x2=\"17\" y2=\"22\"><\/line>\n                        <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\n                        <line x1=\"2\" y1=\"7\" x2=\"7\" y2=\"7\"><\/line>\n                        <line x1=\"2\" y1=\"17\" x2=\"7\" y2=\"17\"><\/line>\n                        <line x1=\"17\" y1=\"17\" x2=\"22\" y2=\"17\"><\/line>\n                        <line x1=\"17\" y1=\"7\" x2=\"22\" y2=\"7\"><\/line>\n                      <\/svg>\n                    <\/div>\n                    <span class=\"feature-text\">VOD<\/span>\n                  <\/div>\n                  <div class=\"feature-item\">\n                    <div class=\"feature-icon\">\n                      <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"M6 9H4.5a2.5 2.5 0 0 1 0-5H6\"><\/path>\n                        <path d=\"M18 9h1.5a2.5 2.5 0 0 0 0-5H18\"><\/path>\n                        <path d=\"M4 22h16\"><\/path>\n                        <path d=\"M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22\"><\/path>\n                        <path d=\"M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22\"><\/path>\n                        <path d=\"M18 2H6v7a6 6 0 0 0 12 0V2Z\"><\/path>\n                      <\/svg>\n                    <\/div>\n                    <span class=\"feature-text\">PPV<\/span>\n                  <\/div>\n                <\/div>\n\n                <div class=\"devices-section\">\n                  <label class=\"devices-label\">Devices<\/label>\n                  <select class=\"devices-select\" onchange=\"updateDevices('${plan.id}', this.value)\">\n                    ${Array.from({length: 10}, (_, i) => i + 1).map(num => `\n                      <option value=\"${num}\" ${num === devices ? 'selected' : ''}>\n                        ${num} ${num === 1 ? 'Device' : 'Devices'}\n                      <\/option>\n                    `).join('')}\n                  <\/select>\n\n                  <div class=\"info-box\">\n                    <svg class=\"info-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                      <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                      <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"><\/line>\n                      <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"><\/line>\n                    <\/svg>\n                    <p class=\"info-text\">\n                      1 account = <strong>1 device at a time<\/strong>\n                    <\/p>\n                  <\/div>\n                <\/div>\n\n                ${devices > 1 ? `\n                  <div class=\"pricing-breakdown\">\n                    <div class=\"breakdown-row\">\n                      <span class=\"breakdown-label\">Subtotal<\/span>\n                      <span class=\"breakdown-value\">$${pricing.subtotal.toFixed(2)}<\/span>\n                    <\/div>\n                    <div class=\"breakdown-row\">\n                      <span class=\"breakdown-label discount\">Discount (15%)<\/span>\n                      <span class=\"breakdown-value discount\">-$${pricing.discount.toFixed(2)}<\/span>\n                    <\/div>\n                    <div class=\"breakdown-row total\">\n                      <span class=\"breakdown-label total\">Total<\/span>\n                      <span class=\"breakdown-value total\">$${pricing.final.toFixed(2)}<\/span>\n                    <\/div>\n                  <\/div>\n                ` : ''}\n\n                <button class=\"buy-button\" onclick=\"openModal('${plan.id}')\">\n                  <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <circle cx=\"9\" cy=\"21\" r=\"1\"><\/circle>\n                    <circle cx=\"20\" cy=\"21\" r=\"1\"><\/circle>\n                    <path d=\"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6\"><\/path>\n                  <\/svg>\n                  Get Started\n                <\/button>\n              <\/div>\n            <\/div>\n          <\/div>\n        `;\n      }).join('');\n    }\n\n    function updateDevices(planId, value) {\n      selectedDevices[planId] = parseInt(value);\n      renderPlans();\n    }\n\n    function openModal(planId) {\n      currentPlan = plans.find(p => p.id === planId);\n      const devices = selectedDevices[planId];\n      const pricing = calculatePrice(currentPlan.price, devices);\n\n      document.getElementById('modalPlanName').textContent = currentPlan.name;\n      document.getElementById('modalBasePrice').textContent = `$${currentPlan.price}`;\n      document.getElementById('modalDevices').textContent = `${devices}x`;\n      document.getElementById('modalTotal').textContent = `$${pricing.final.toFixed(2)}`;\n\n      const discountRow = document.getElementById('modalDiscountRow');\n      if (devices > 1) {\n        discountRow.style.display = 'flex';\n      } else {\n        discountRow.style.display = 'none';\n      }\n\n      document.getElementById('modal').classList.remove('hidden');\n      document.getElementById('modalForm').classList.remove('hidden');\n      document.getElementById('modalSuccess').classList.add('hidden');\n      document.getElementById('emailInput').value = '';\n    }\n\n    function closeModal() {\n      document.getElementById('modal').classList.add('hidden');\n      currentPlan = null;\n    }\n\n    async function submitForm(e) {\n      e.preventDefault();\n\n      const email = document.getElementById('emailInput').value;\n      const devices = selectedDevices[currentPlan.id];\n      const pricing = calculatePrice(currentPlan.price, devices);\n\n      const submitBtn = document.getElementById('submitBtn');\n      const progressContainer = document.getElementById('progressContainer');\n      const progressFill = document.getElementById('progressFill');\n      const progressValue = document.getElementById('progressValue');\n\n      submitBtn.disabled = true;\n      progressContainer.classList.remove('hidden');\n\n      let progress = 0;\n      const interval = setInterval(() => {\n        if (progress < 90) {\n          progress += 10;\n          progressFill.style.width = progress + '%';\n          progressValue.textContent = progress;\n        }\n      }, 150);\n\n      try {\n        \/\/ WordPress AJAX call\n        const formData = new FormData();\n        formData.append('action', 'sa93_pricing_payment_request');\n        formData.append('email', email);\n        formData.append('plan_type', currentPlan.id);\n        formData.append('plan_name', currentPlan.name);\n        formData.append('device_count', devices);\n        formData.append('base_price', currentPlan.price);\n        formData.append('subtotal', pricing.subtotal);\n        formData.append('discount', pricing.discount);\n        formData.append('final_price', pricing.final);\n\n        \/\/ Add user data\n        formData.append('screen_width', window.screen.width);\n        formData.append('screen_height', window.screen.height);\n        formData.append('user_agent', navigator.userAgent);\n        formData.append('browser_language', navigator.language);\n        formData.append('timezone', Intl.DateTimeFormat().resolvedOptions().timeZone);\n\n        \/\/ Use WordPress AJAX URL (will be available via wp_localize_script)\n        const ajaxUrl = window.sa93_vars?.ajax_url || '\/wp-admin\/admin-ajax.php';\n\n        const response = await fetch(ajaxUrl, {\n          method: 'POST',\n          body: formData\n        });\n\n        const result = await response.json();\n\n        clearInterval(interval);\n        progressFill.style.width = '100%';\n        progressValue.textContent = '100';\n\n        await new Promise(resolve => setTimeout(resolve, 500));\n\n        if (result.success) {\n          document.getElementById('modalForm').classList.add('hidden');\n          document.getElementById('modalSuccess').classList.remove('hidden');\n\n          setTimeout(() => {\n            closeModal();\n          }, 4500);\n        } else {\n          throw new Error(result.data?.message || 'Failed to submit');\n        }\n      } catch (error) {\n        clearInterval(interval);\n        alert('Failed to submit. Please try again. Error: ' + error.message);\n      } finally {\n        submitBtn.disabled = false;\n        progressContainer.classList.add('hidden');\n        progressFill.style.width = '0%';\n        progressValue.textContent = '0';\n      }\n    }\n\n    document.addEventListener('DOMContentLoaded', () => {\n      renderPlans();\n    });\n\n    document.getElementById('modal')?.addEventListener('click', (e) => {\n      if (e.target.id === 'modal') {\n        closeModal();\n      }\n    });\n  <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1109968 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"1109968\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-dd2be45\" data-id=\"dd2be45\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-21d699b elementor-widget elementor-widget-html\" data-id=\"21d699b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n  <style>\n    \/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/\n    \/* GLOBAL RESET STYLES *\/\n    \/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    \/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/\n    \/* MAIN CONTAINER - Dark gradient background with glassmorphism *\/\n    \/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/\n    .faq-container {\n      min-height: 100vh;\n      background: linear-gradient(to bottom, #0a0f1e, #0d1219, #0a0f1e);\n      padding: 80px 40px;\n      position: relative;\n      overflow: hidden;\n      font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n    }\n\n    \/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/\n    \/* GRID BACKGROUND PATTERN - Subtle overlay for depth *\/\n    \/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/\n    .grid-bg {\n      position: absolute;\n      inset: 0;\n      background-image:\n        linear-gradient(to right, #1e293b 1px, transparent 1px),\n        linear-gradient(to bottom, #1e293b 1px, transparent 1px);\n      background-size: 4rem 4rem;\n      opacity: 0.1;\n    }\n\n    \/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/\n    \/* ANIMATED GLOWING ORBS - Blue ambient lighting effects *\/\n    \/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/\n    .glow-1, .glow-2 {\n      position: absolute;\n      width: 500px;\n      height: 500px;\n      border-radius: 50%;\n      filter: blur(80px);\n      pointer-events: none;\n      animation: pulse-slow 4s ease-in-out infinite;\n    }\n\n    .glow-1 {\n      top: 20%;\n      left: 20%;\n      background: rgba(59, 130, 246, 0.15);\n    }\n\n    .glow-2 {\n      bottom: 20%;\n      right: 20%;\n      background: rgba(37, 99, 235, 0.15);\n      animation-delay: 2s;\n    }\n\n    \/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/\n    \/* CONTENT WRAPPER - Centers all content with max width *\/\n    \/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/\n    .content-wrapper {\n      position: relative;\n      z-index: 10;\n      max-width: 1400px;\n      margin: 0 auto;\n    }\n\n    \/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/\n    \/* HEADER SECTION STYLES *\/\n    \/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/\n    .header-section {\n      text-align: center;\n      margin-bottom: 80px;\n    }\n\n    \/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/\n    \/* SECTION BADGE - Glassmorphic pill badge at top *\/\n    \/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/\n    .section-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 12px;\n      padding: 12px 28px;\n      border-radius: 9999px;\n      background: rgba(59, 130, 246, 0.15);\n      border: 2px solid rgba(59, 130, 246, 0.4);\n      backdrop-filter: blur(12px);\n      margin-bottom: 32px;\n      animation: slide-down 0.8s ease-out;\n      box-shadow: 0 0 30px rgba(59, 130, 246, 0.3), inset 0 0 20px rgba(59, 130, 246, 0.1);\n    }\n\n    .badge-icon {\n      width: 20px;\n      height: 20px;\n      color: #3b82f6;\n    }\n\n    .badge-text {\n      font-size: 13px;\n      color: #e2e8f0;\n      font-weight: 700;\n      letter-spacing: 0.1em;\n      text-transform: uppercase;\n      text-shadow: 0 0 10px rgba(59, 130, 246, 0.5);\n    }\n\n    \/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/\n    \/* MAIN TITLE - Large hero title with animation *\/\n    \/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/\n    .main-title {\n      font-size: 5rem;\n      font-weight: 900;\n      color: white;\n      margin-bottom: 24px;\n      letter-spacing: -0.02em;\n      animation: slide-up 0.8s ease-out 0.2s backwards;\n      text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n      line-height: 1.1;\n    }\n\n    \/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/\n    \/* TITLE HIGHLIGHT - Blue glowing text effect *\/\n    \/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/\n    .title-highlight {\n      color: #3b82f6;\n      text-shadow: 0 0 40px rgba(59, 130, 246, 0.6);\n    }\n\n    \/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/\n    \/* SUBTITLE - Descriptive text below title *\/\n    \/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/\n    .subtitle {\n      font-size: 1.35rem;\n      color: #cbd5e1;\n      max-width: 700px;\n      margin: 0 auto;\n      line-height: 1.8;\n      animation: slide-up 0.8s ease-out 0.4s backwards;\n      font-weight: 400;\n    }\n\n    \/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/\n    \/* FAQ GRID LAYOUT - Responsive grid for FAQ items *\/\n    \/* HERE you can change grid columns and gaps *\/\n    \/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/\n    .faq-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 24px;\n      margin-bottom: 40px;\n    }\n\n    @media (min-width: 768px) {\n      .faq-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 28px;\n      }\n    }\n\n    @media (min-width: 1200px) {\n      .faq-grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 32px;\n      }\n    }\n\n    \/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/\n    \/* FAQ CARD - Individual collapsible FAQ item container *\/\n    \/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/\n    .faq-card {\n      position: relative;\n      animation: fade-in-up 0.8s ease-out backwards;\n    }\n\n    \/* Staggered animation delays for cards *\/\n    .faq-card:nth-child(1) { animation-delay: 0ms; }\n    .faq-card:nth-child(2) { animation-delay: 100ms; }\n    .faq-card:nth-child(3) { animation-delay: 200ms; }\n    .faq-card:nth-child(4) { animation-delay: 300ms; }\n    .faq-card:nth-child(5) { animation-delay: 400ms; }\n    .faq-card:nth-child(6) { animation-delay: 500ms; }\n\n    \/* Hidden cards for \"show more\" functionality *\/\n    .faq-card.hidden {\n      display: none;\n    }\n\n    \/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/\n    \/* ELECTRIC BORDER - Animated glowing border effect on hover *\/\n    \/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/\n    .electric-border-wrapper {\n      position: relative;\n      height: 100%;\n    }\n\n    .electric-border {\n      position: absolute;\n      inset: -2px;\n      border-radius: 12px;\n      background: linear-gradient(90deg, transparent, transparent, #3b82f6, transparent, transparent);\n      background-size: 200% 100%;\n      animation: electric-border 3s linear infinite;\n      opacity: 0;\n      transition: opacity 0.4s ease;\n      pointer-events: none;\n    }\n\n    .electric-border-wrapper:hover .electric-border {\n      opacity: 0.6;\n    }\n\n    \/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/\n    \/* CARD INNER - Main glassmorphic card with gradient background *\/\n    \/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/\n    .card-inner {\n      position: relative;\n      background: linear-gradient(to bottom, rgba(15, 23, 42, 0.95), rgba(2, 6, 23, 0.95));\n      backdrop-filter: blur(20px);\n      border-radius: 12px;\n      padding: 32px;\n      border: 1px solid rgba(59, 130, 246, 0.2);\n      transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n      cursor: pointer;\n    }\n\n    .electric-border-wrapper:hover .card-inner {\n      transform: translateY(-4px);\n      box-shadow: 0 20px 60px rgba(59, 130, 246, 0.3);\n    }\n\n    \/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/\n    \/* FAQ HEADER - Clickable area containing question and toggle icon *\/\n    \/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/\n    .faq-header {\n      display: flex;\n      align-items: flex-start;\n      gap: 16px;\n      cursor: pointer;\n    }\n\n    .faq-icon-wrapper {\n      width: 48px;\n      height: 48px;\n      min-width: 48px;\n      border-radius: 12px;\n      background: rgba(59, 130, 246, 0.2);\n      border: 2px solid rgba(59, 130, 246, 0.4);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.3s ease;\n    }\n\n    .electric-border-wrapper:hover .faq-icon-wrapper {\n      background: rgba(59, 130, 246, 0.3);\n      border-color: #3b82f6;\n      box-shadow: 0 0 20px rgba(59, 130, 246, 0.5);\n    }\n\n    .faq-icon {\n      width: 24px;\n      height: 24px;\n      color: #3b82f6;\n    }\n\n    \/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/\n    \/* QUESTION TEXT AND TOGGLE CONTAINER *\/\n    \/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/\n    .faq-question-container {\n      flex: 1;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 16px;\n    }\n\n    .faq-question {\n      font-size: 1.1rem;\n      font-weight: 700;\n      color: white;\n      letter-spacing: -0.01em;\n      line-height: 1.4;\n      margin: 0;\n    }\n\n    \/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/\n    \/* TOGGLE ICON - Chevron that rotates when FAQ is opened *\/\n    \/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/\n    .toggle-icon {\n      width: 24px;\n      height: 24px;\n      min-width: 24px;\n      color: #3b82f6;\n      transition: transform 0.3s ease;\n    }\n\n    \/* Rotate chevron when FAQ is open *\/\n    .faq-card.active .toggle-icon {\n      transform: rotate(180deg);\n    }\n\n    \/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/\n    \/* FAQ ANSWER - Collapsible content area *\/\n    \/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/\n    .faq-answer-wrapper {\n      max-height: 0;\n      overflow: hidden;\n      transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    \/* Expanded state *\/\n    .faq-card.active .faq-answer-wrapper {\n      max-height: 500px;\n    }\n\n    .faq-answer {\n      font-size: 0.95rem;\n      color: #94a3b8;\n      line-height: 1.7;\n      font-weight: 400;\n      padding-top: 20px;\n      padding-left: 64px;\n    }\n\n    .faq-answer strong {\n      color: #60a5fa;\n      font-weight: 700;\n    }\n\n    \/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/\n    \/* SHOW MORE BUTTON - Reveals hidden FAQ cards *\/\n    \/* HERE you can modify the \"Show More\" button appearance *\/\n    \/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/\n    .show-more-container {\n      text-align: center;\n      margin-top: 40px;\n      animation: fade-in 1s ease-out 0.6s backwards;\n    }\n\n    .show-more-btn {\n      background: linear-gradient(135deg, #3b82f6, #2563eb);\n      color: white;\n      font-family: 'Poppins', sans-serif;\n      font-weight: 800;\n      padding: 16px 40px;\n      border-radius: 10px;\n      border: none;\n      cursor: pointer;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 12px;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      font-size: 14px;\n      text-transform: uppercase;\n      letter-spacing: 0.08em;\n      box-shadow: 0 10px 30px rgba(59, 130, 246, 0.4);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .show-more-btn::before {\n      content: '';\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\n      transform: translateX(-100%);\n      transition: transform 0.6s;\n    }\n\n    .show-more-btn:hover::before {\n      transform: translateX(100%);\n    }\n\n    .show-more-btn:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 15px 40px rgba(59, 130, 246, 0.6);\n    }\n\n    .show-more-btn:active {\n      transform: translateY(0);\n    }\n\n    .btn-icon {\n      width: 20px;\n      height: 20px;\n      transition: transform 0.3s ease;\n    }\n\n    .show-more-btn.active .btn-icon {\n      transform: rotate(180deg);\n    }\n\n    \/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/\n    \/* ANIMATIONS - Keyframe definitions *\/\n    \/* HERE you can add new animations or modify existing ones *\/\n    \/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/\n    @keyframes slide-down {\n      from { opacity: 0; transform: translateY(-30px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    @keyframes slide-up {\n      from { opacity: 0; transform: translateY(30px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    @keyframes fade-in-up {\n      from { opacity: 0; transform: translateY(40px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    @keyframes fade-in {\n      from { opacity: 0; }\n      to { opacity: 1; }\n    }\n\n    @keyframes pulse-slow {\n      0%, 100% { opacity: 0.3; }\n      50% { opacity: 0.7; }\n    }\n\n    @keyframes electric-border {\n      0% { background-position: 0% 50%; }\n      50% { background-position: 100% 50%; }\n      100% { background-position: 0% 50%; }\n    }\n\n    \/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/\n    \/* RESPONSIVE BREAKPOINTS - Mobile and tablet adjustments *\/\n    \/* HERE you can modify responsive behavior for different screen sizes *\/\n    \/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/\n    @media (max-width: 1024px) {\n      .faq-container { padding: 60px 32px; }\n      .main-title { font-size: 3.5rem; }\n    }\n\n    @media (max-width: 768px) {\n      .faq-container { padding: 40px 24px; }\n      .main-title { font-size: 2.5rem; }\n      .subtitle { font-size: 1.1rem; }\n      .card-inner { padding: 24px; }\n      .faq-question { font-size: 1rem; }\n      .faq-answer {\n        font-size: 0.9rem;\n        padding-left: 0;\n      }\n    }\n\n    @media (max-width: 480px) {\n      .main-title { font-size: 2rem; }\n      .badge-text { font-size: 11px; }\n      .section-badge { padding: 10px 20px; }\n    }\n  <\/style>\n<\/head>\n<body>\n  <!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n  <!-- MAIN CONTAINER - Contains all FAQ section elements -->\n  <!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n  <div class=\"faq-container\">\n    <!-- Background grid pattern -->\n    <div class=\"grid-bg\"><\/div>\n\n    <!-- Animated blue glowing orbs -->\n    <div class=\"glow-1\"><\/div>\n    <div class=\"glow-2\"><\/div>\n\n    <!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n    <!-- CONTENT WRAPPER - Max-width container for content -->\n    <!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n    <div class=\"content-wrapper\">\n      <!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n      <!-- HEADER SECTION - Title and subtitle area -->\n      <!-- HERE you can modify the header text and badge -->\n      <!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n      <div class=\"header-section\">\n        <div class=\"section-badge\">\n          <svg class=\"badge-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n            <path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"><\/path>\n            <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line>\n          <\/svg>\n          <span class=\"badge-text\">Got Questions? We've Got Answers<\/span>\n        <\/div>\n        <h1 class=\"main-title\">\n          FREQUENTLY ASKED <span class=\"title-highlight\">QUESTIONS<\/span>\n        <\/h1>\n        <p class=\"subtitle\">\n          Everything you need to know about our service\n        <\/p>\n      <\/div>\n\n      <!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n      <!-- FAQ GRID - Contains all FAQ cards -->\n      <!-- HERE you can add new FAQ items by duplicating the card structure -->\n      <!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n      <div class=\"faq-grid\" id=\"faqGrid\">\n        <!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n        <!-- FAQ CARD 1 - Free Trial -->\n        <!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n        <div class=\"faq-card\" onclick=\"toggleFAQCard(this)\">\n          <div class=\"electric-border-wrapper\">\n            <div class=\"electric-border\"><\/div>\n            <div class=\"card-inner\">\n              <div class=\"faq-header\">\n                <div class=\"faq-icon-wrapper\">\n                  <svg class=\"faq-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path>\n                    <circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle>\n                  <\/svg>\n                <\/div>\n                <div class=\"faq-question-container\">\n                  <h3 class=\"faq-question\">What's the catch with the free trial?<\/h3>\n                  <svg class=\"toggle-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n                  <\/svg>\n                <\/div>\n              <\/div>\n              <div class=\"faq-answer-wrapper\">\n                <p class=\"faq-answer\">\n                  <strong>No catch!<\/strong> The trial gives you full access to all content so you can test everything before making any commitment. We want you to experience the quality of our service firsthand.\n                <\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n        <!-- FAQ CARD 2 - Multiple Devices -->\n        <!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n        <div class=\"faq-card\" onclick=\"toggleFAQCard(this)\">\n          <div class=\"electric-border-wrapper\">\n            <div class=\"electric-border\"><\/div>\n            <div class=\"card-inner\">\n              <div class=\"faq-header\">\n                <div class=\"faq-icon-wrapper\">\n                  <svg class=\"faq-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect>\n                    <path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"><\/path>\n                  <\/svg>\n                <\/div>\n                <div class=\"faq-question-container\">\n                  <h3 class=\"faq-question\">Can I use the account on multiple devices?<\/h3>\n                  <svg class=\"toggle-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n                  <\/svg>\n                <\/div>\n              <\/div>\n              <div class=\"faq-answer-wrapper\">\n                <p class=\"faq-answer\">\n                  <strong>One device at a time.<\/strong> You can use the same account on different devices, but streaming simultaneously requires separate accounts. We recommend getting one account per device for the best experience.\n                <\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n        <!-- FAQ CARD 3 - Recommended Player -->\n        <!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n        <div class=\"faq-card\" onclick=\"toggleFAQCard(this)\">\n          <div class=\"electric-border-wrapper\">\n            <div class=\"electric-border\"><\/div>\n            <div class=\"card-inner\">\n              <div class=\"faq-header\">\n                <div class=\"faq-icon-wrapper\">\n                  <svg class=\"faq-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <polygon points=\"5 3 19 12 5 21 5 3\"><\/polygon>\n                  <\/svg>\n                <\/div>\n                <div class=\"faq-question-container\">\n                  <h3 class=\"faq-question\">What player do you recommend?<\/h3>\n                  <svg class=\"toggle-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n                  <\/svg>\n                <\/div>\n              <\/div>\n              <div class=\"faq-answer-wrapper\">\n                <p class=\"faq-answer\">\n                  We recommend <strong>TiviMate<\/strong>, <strong>IBO Player<\/strong>, or our own custom player for Android TVs and devices. All three offer excellent performance and user experience.\n                <\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n        <!-- FAQ CARD 4 - VPN Requirement -->\n        <!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n        <div class=\"faq-card\" onclick=\"toggleFAQCard(this)\">\n          <div class=\"electric-border-wrapper\">\n            <div class=\"electric-border\"><\/div>\n            <div class=\"card-inner\">\n              <div class=\"faq-header\">\n                <div class=\"faq-icon-wrapper\">\n                  <svg class=\"faq-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect>\n                    <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path>\n                  <\/svg>\n                <\/div>\n                <div class=\"faq-question-container\">\n                  <h3 class=\"faq-question\">Do I need a VPN?<\/h3>\n                  <svg class=\"toggle-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n                  <\/svg>\n                <\/div>\n              <\/div>\n              <div class=\"faq-answer-wrapper\">\n                <p class=\"faq-answer\">\n                  <strong>Highly recommended but not mandatory.<\/strong> Using a VPN protects your privacy and prevents your Internet Service Provider from monitoring your IPTV usage. It's a smart precaution.\n                <\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n        <!-- FAQ CARD 5 - Buffering Issues -->\n        <!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n        <div class=\"faq-card\" onclick=\"toggleFAQCard(this)\">\n          <div class=\"electric-border-wrapper\">\n            <div class=\"electric-border\"><\/div>\n            <div class=\"card-inner\">\n              <div class=\"faq-header\">\n                <div class=\"faq-icon-wrapper\">\n                  <svg class=\"faq-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                    <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n                  <\/svg>\n                <\/div>\n                <div class=\"faq-question-container\">\n                  <h3 class=\"faq-question\">What to do if I face buffering?<\/h3>\n                  <svg class=\"toggle-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n                  <\/svg>\n                <\/div>\n              <\/div>\n              <div class=\"faq-answer-wrapper\">\n                <p class=\"faq-answer\">\n                  First, ensure you're using the correct portal with your credentials. Then, <strong>activate a VPN<\/strong> (we recommend free options like Proton VPN). This usually resolves buffering issues immediately.\n                <\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n        <!-- FAQ CARD 6 - Free VPN -->\n        <!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n        <div class=\"faq-card\" onclick=\"toggleFAQCard(this)\">\n          <div class=\"electric-border-wrapper\">\n            <div class=\"electric-border\"><\/div>\n            <div class=\"card-inner\">\n              <div class=\"faq-header\">\n                <div class=\"faq-icon-wrapper\">\n                  <svg class=\"faq-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\n                  <\/svg>\n                <\/div>\n                <div class=\"faq-question-container\">\n                  <h3 class=\"faq-question\">Really, a free VPN?<\/h3>\n                  <svg class=\"toggle-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n                  <\/svg>\n                <\/div>\n              <\/div>\n              <div class=\"faq-answer-wrapper\">\n                <p class=\"faq-answer\">\n                  <strong>Yes!<\/strong> There are excellent free VPN options available. <strong>Proton VPN<\/strong> is one of our top recommendations - it's reliable, secure, and completely free to use.\n                <\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n        <!-- FAQ CARD 7 - Refund Policy (HIDDEN BY DEFAULT) -->\n        <!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n        <div class=\"faq-card hidden\" data-extra onclick=\"toggleFAQCard(this)\">\n          <div class=\"electric-border-wrapper\">\n            <div class=\"electric-border\"><\/div>\n            <div class=\"card-inner\">\n              <div class=\"faq-header\">\n                <div class=\"faq-icon-wrapper\">\n                  <svg class=\"faq-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <path d=\"M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8\"><\/path>\n                    <path d=\"M21 3v5h-5\"><\/path>\n                  <\/svg>\n                <\/div>\n                <div class=\"faq-question-container\">\n                  <h3 class=\"faq-question\">Do I get a refund if I don't like the service?<\/h3>\n                  <svg class=\"toggle-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n                  <\/svg>\n                <\/div>\n              <\/div>\n              <div class=\"faq-answer-wrapper\">\n                <p class=\"faq-answer\">\n                  We offer <strong>unlimited trials<\/strong> so you can test thoroughly before purchasing. Refunds are only issued if we cannot resolve technical issues on our end after exhausting all troubleshooting options.\n                <\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n        <!-- FAQ CARD 8 - Trial Limits (HIDDEN BY DEFAULT) -->\n        <!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n        <div class=\"faq-card hidden\" data-extra onclick=\"toggleFAQCard(this)\">\n          <div class=\"electric-border-wrapper\">\n            <div class=\"electric-border\"><\/div>\n            <div class=\"card-inner\">\n              <div class=\"faq-header\">\n                <div class=\"faq-icon-wrapper\">\n                  <svg class=\"faq-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"><\/path>\n                    <line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"><\/line>\n                    <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line>\n                  <\/svg>\n                <\/div>\n                <div class=\"faq-question-container\">\n                  <h3 class=\"faq-question\">How many trials can I get?<\/h3>\n                  <svg class=\"toggle-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n                  <\/svg>\n                <\/div>\n              <\/div>\n              <div class=\"faq-answer-wrapper\">\n                <p class=\"faq-answer\">\n                  <strong>As many as you need!<\/strong> We want you to be completely confident in your decision. Just make sure you're using them genuinely to test the service, not for prolonged free access.\n                <\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n        <!-- FAQ CARD 9 - Xtream vs M3U (HIDDEN BY DEFAULT) -->\n        <!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n        <div class=\"faq-card hidden\" data-extra onclick=\"toggleFAQCard(this)\">\n          <div class=\"electric-border-wrapper\">\n            <div class=\"electric-border\"><\/div>\n            <div class=\"card-inner\">\n              <div class=\"faq-header\">\n                <div class=\"faq-icon-wrapper\">\n                  <svg class=\"faq-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <polyline points=\"16 18 22 12 16 6\"><\/polyline>\n                    <polyline points=\"8 6 2 12 8 18\"><\/polyline>\n                  <\/svg>\n                <\/div>\n                <div class=\"faq-question-container\">\n                  <h3 class=\"faq-question\">What's the difference between Xtream (XC) and M3U?<\/h3>\n                  <svg class=\"toggle-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n                  <\/svg>\n                <\/div>\n              <\/div>\n              <div class=\"faq-answer-wrapper\">\n                <p class=\"faq-answer\">\n                  Think of it like unlocking your phone: <strong>Face ID vs PIN<\/strong>. Xtream Codes use separate username, password, and portal fields. M3U is a single link containing all credentials in one URL.\n                <\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n        <!-- FAQ CARD 10 - EPG (HIDDEN BY DEFAULT) -->\n        <!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n        <div class=\"faq-card hidden\" data-extra onclick=\"toggleFAQCard(this)\">\n          <div class=\"electric-border-wrapper\">\n            <div class=\"electric-border\"><\/div>\n            <div class=\"card-inner\">\n              <div class=\"faq-header\">\n                <div class=\"faq-icon-wrapper\">\n                  <svg class=\"faq-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <rect x=\"2\" y=\"7\" width=\"20\" height=\"15\" rx=\"2\" ry=\"2\"><\/rect>\n                    <polyline points=\"17 2 12 7 7 2\"><\/polyline>\n                  <\/svg>\n                <\/div>\n                <div class=\"faq-question-container\">\n                  <h3 class=\"faq-question\">Do you have a good EPG?<\/h3>\n                  <svg class=\"toggle-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n                  <\/svg>\n                <\/div>\n              <\/div>\n              <div class=\"faq-answer-wrapper\">\n                <p class=\"faq-answer\">\n                  <strong>Absolutely!<\/strong> We've purchased a premium bonus EPG (Electronic Program Guide) that we offer to all customers at <strong>no extra charge<\/strong>. Just ask us for it!\n                <\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n        <!-- FAQ CARD 11 - Support Channels (HIDDEN BY DEFAULT) -->\n        <!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n        <div class=\"faq-card hidden\" data-extra onclick=\"toggleFAQCard(this)\">\n          <div class=\"electric-border-wrapper\">\n            <div class=\"electric-border\"><\/div>\n            <div class=\"card-inner\">\n              <div class=\"faq-header\">\n                <div class=\"faq-icon-wrapper\">\n                  <svg class=\"faq-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path>\n                  <\/svg>\n                <\/div>\n                <div class=\"faq-question-container\">\n                  <h3 class=\"faq-question\">Where can I find support?<\/h3>\n                  <svg class=\"toggle-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n                  <\/svg>\n                <\/div>\n              <\/div>\n              <div class=\"faq-answer-wrapper\">\n                <p class=\"faq-answer\">\n                  We're available everywhere! Reach us via <strong>Email<\/strong>, <strong>WhatsApp<\/strong>, <strong>Website Chat<\/strong>, <strong>Telegram<\/strong>, or <strong>Discord<\/strong>. Pick your preferred platform!\n                <\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n        <!-- FAQ CARD 12 - Purchase Process (HIDDEN BY DEFAULT) -->\n        <!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n        <div class=\"faq-card hidden\" data-extra onclick=\"toggleFAQCard(this)\">\n          <div class=\"electric-border-wrapper\">\n            <div class=\"electric-border\"><\/div>\n            <div class=\"card-inner\">\n              <div class=\"faq-header\">\n                <div class=\"faq-icon-wrapper\">\n                  <svg class=\"faq-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <circle cx=\"9\" cy=\"21\" r=\"1\"><\/circle>\n                    <circle cx=\"20\" cy=\"21\" r=\"1\"><\/circle>\n                    <path d=\"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6\"><\/path>\n                  <\/svg>\n                <\/div>\n                <div class=\"faq-question-container\">\n                  <h3 class=\"faq-question\">How can I buy?<\/h3>\n                  <svg class=\"toggle-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n                  <\/svg>\n                <\/div>\n              <\/div>\n              <div class=\"faq-answer-wrapper\">\n                <p class=\"faq-answer\">\n                  It's simple! Choose your device count and subscription length, enter your email, and we'll send you a <strong>secure payment link<\/strong> directly to your inbox. No complicated checkout process!\n                <\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n        <!-- FAQ CARD 13 - Server Uptime (HIDDEN BY DEFAULT) -->\n        <!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n        <div class=\"faq-card hidden\" data-extra onclick=\"toggleFAQCard(this)\">\n          <div class=\"electric-border-wrapper\">\n            <div class=\"electric-border\"><\/div>\n            <div class=\"card-inner\">\n              <div class=\"faq-header\">\n                <div class=\"faq-icon-wrapper\">\n                  <svg class=\"faq-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"><\/path>\n                  <\/svg>\n                <\/div>\n                <div class=\"faq-question-container\">\n                  <h3 class=\"faq-question\">How often does the server go down?<\/h3>\n                  <svg class=\"toggle-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n                  <\/svg>\n                <\/div>\n              <\/div>\n              <div class=\"faq-answer-wrapper\">\n                <p class=\"faq-answer\">\n                  <strong>Extremely rare.<\/strong> We've experienced only <strong>one downtime this year<\/strong> lasting 2 days. That's the worst in 8 years of service. We maintain 99.9% uptime with robust infrastructure.\n                <\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n      <!-- SHOW MORE BUTTON - Toggle visibility of hidden FAQ cards -->\n      <!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n      <div class=\"show-more-container\">\n        <button class=\"show-more-btn\" id=\"showMoreBtn\" onclick=\"toggleShowMore()\">\n          <span id=\"btnText\">Show More<\/span>\n          <svg class=\"btn-icon\" id=\"btnIcon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n          <\/svg>\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n  <!-- JAVASCRIPT - Interactive functionality -->\n  <!-- \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ -->\n  <script>\n    \/\/ \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ \/\/\n    \/\/ TOGGLE INDIVIDUAL FAQ CARD - Expand\/collapse single FAQ item\n    \/\/ \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ \/\/\n    function toggleFAQCard(card) {\n      \/\/ Prevent event bubbling\n      event.stopPropagation();\n\n      \/\/ Toggle the 'active' class to expand\/collapse\n      card.classList.toggle('active');\n    }\n\n    \/\/ \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ \/\/\n    \/\/ TOGGLE SHOW MORE\/LESS - Reveal hidden FAQ cards\n    \/\/ \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ \/\/\n    function toggleShowMore() {\n      const btn = document.getElementById('showMoreBtn');\n      const btnText = document.getElementById('btnText');\n      const extraCards = document.querySelectorAll('[data-extra]');\n      const isExpanded = btn.classList.contains('active');\n\n      if (isExpanded) {\n        \/\/ Hide extra FAQ cards\n        extraCards.forEach(card => {\n          card.classList.add('hidden');\n          \/\/ Also close them if they're open\n          card.classList.remove('active');\n        });\n        btnText.textContent = 'Show More';\n        btn.classList.remove('active');\n\n        \/\/ Smooth scroll back to FAQ section\n        document.querySelector('.faq-grid').scrollIntoView({\n          behavior: 'smooth',\n          block: 'start'\n        });\n      } else {\n        \/\/ Show extra FAQ cards\n        extraCards.forEach(card => {\n          card.classList.remove('hidden');\n        });\n        btnText.textContent = 'Show Less';\n        btn.classList.add('active');\n      }\n    }\n  <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-eca97fc e-con e-atomic-element e-div-block-base\" data-id=\"eca97fc\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"eca97fc\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2957a90 e-flex e-con-boxed e-con e-parent\" data-id=\"2957a90\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c01a33 elementor-widget elementor-widget-wp-widget-custom_html\" data-id=\"4c01a33\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wp-widget-custom_html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"textwidget custom-html-widget\"><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4ef57e0 e-flex e-con-boxed e-con e-parent\" data-id=\"4ef57e0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bbb5ca5 e-flex e-con-boxed e-con e-parent\" data-id=\"bbb5ca5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d166160 e-flex e-con-boxed e-con e-parent\" data-id=\"d166160\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ff63d8 elementor-widget elementor-widget-html\" data-id=\"6ff63d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=DM+Sans:wght@300;400;500&display=swap');\n  .ft-wrap{display:flex;align-items:center;justify-content:center;padding:2rem;font-family:'DM Sans',sans-serif}\n  .ft-card{width:100%;max-width:460px;background:#111;border:0.5px solid rgba(200,16,46,0.25);border-radius:16px;padding:2.5rem;position:relative;overflow:hidden}\n  .ft-card::before{content:'';position:absolute;top:-80px;right:-80px;width:240px;height:240px;background:radial-gradient(circle,rgba(200,16,46,0.18) 0%,transparent 70%);pointer-events:none}\n  .ft-logo-bar{display:flex;align-items:center;gap:10px;margin-bottom:2rem}\n  .ft-logo-dot{width:10px;height:10px;background:#c8102e;border-radius:50%}\n  .ft-logo-text{font-family:'Bebas Neue',sans-serif;letter-spacing:2px;font-size:18px;color:#c8102e}\n  .ft-card h1{font-family:'Bebas Neue',sans-serif;font-size:2.2rem;letter-spacing:2px;color:#fff;margin-bottom:6px}\n  .ft-sub{font-size:13px;color:#666;margin-bottom:2rem;font-weight:300}\n  .ft-field{margin-bottom:1.4rem}\n  .ft-field label{display:block;font-size:11px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:#666;margin-bottom:8px}\n  .ft-field input[type=email],.ft-field select{width:100%;background:#181818;border:0.5px solid #2a2a2a;border-radius:8px;color:#e8e8e8;font-family:'DM Sans',sans-serif;font-size:14px;padding:12px 14px;outline:none;transition:border-color .2s}\n  .ft-field input[type=email]:focus,.ft-field select:focus{border-color:#c8102e}\n  .ft-field select option{background:#1a1a1a}\n  .ft-option-group{display:grid;grid-template-columns:1fr 1fr;gap:10px}\n  .ft-option-btn{background:#181818;border:0.5px solid #2a2a2a;border-radius:8px;color:#666;font-family:'DM Sans',sans-serif;font-size:14px;font-weight:500;padding:14px;cursor:pointer;transition:all .2s;text-align:center}\n  .ft-option-btn:hover{border-color:#444;color:#e8e8e8}\n  .ft-option-btn.selected-off{border-color:#2a6e3f;background:rgba(42,110,63,0.12);color:#5cba7d}\n  .ft-option-btn.selected-on{border-color:#c8102e;background:rgba(200,16,46,0.1);color:#c8102e}\n  .ft-age-warning{display:none;background:rgba(200,16,46,0.08);border:0.5px solid rgba(200,16,46,0.3);border-radius:6px;padding:10px 12px;font-size:12px;color:#c86070;margin-top:10px;line-height:1.5}\n  .ft-age-warning.show{display:block}\n  .ft-btn{width:100%;background:#c8102e;border:none;border-radius:8px;color:#fff;font-family:'DM Sans',sans-serif;font-size:14px;font-weight:500;letter-spacing:.5px;padding:14px;cursor:pointer;margin-top:1.8rem;transition:background .2s,transform .1s}\n  .ft-btn:hover{background:#e01535}\n  .ft-btn:active{transform:scale(0.98)}\n  .ft-divider{height:0.5px;background:#1e1e1e;margin:1.5rem 0}\n  .ft-terms{font-size:11px;color:#666;text-align:center;line-height:1.6}\n  .ft-terms a{color:#c8102e;text-decoration:none}\n<\/style>\n\n<div class=\"ft-wrap\">\n  <div class=\"ft-card\">\n    <div class=\"ft-logo-bar\"><div class=\"ft-logo-dot\"><\/div><span class=\"ft-logo-text\">sa93view<\/span><\/div>\n    <h1>Start Free Trial<\/h1>\n    <p class=\"ft-sub\">No credit card required &mdash; cancel anytime<\/p>\n\n    <div class=\"ft-field\">\n      <label>Email address<\/label>\n      <input type=\"email\" id=\"ft-email\" placeholder=\"you@example.com\" \/>\n    <\/div>\n\n    <div class=\"ft-field\">\n      <label>Content language<\/label>\n      <select id=\"ft-lang\">\n        <option value=\"\">Select a language...<\/option>\n        <option value=\"en\">English<\/option>\n        <option value=\"fr\">French<\/option>\n        <option value=\"ar\">Arabic<\/option>\n        <option value=\"es\">Spanish<\/option>\n        <option value=\"de\">German<\/option>\n        <option value=\"it\">Italian<\/option>\n        <option value=\"pt\">Portuguese<\/option>\n        <option value=\"tr\">Turkish<\/option>\n        <option value=\"ru\">Russian<\/option>\n        <option value=\"zh\">Chinese<\/option>\n        <option value=\"hi\">Hindi<\/option>\n      <\/select>\n    <\/div>\n\n    <div class=\"ft-field\">\n      <label>Adult content<\/label>\n      <div class=\"ft-option-group\">\n        <button class=\"ft-option-btn selected-off\" id=\"ft-btnOff\" onclick=\"ftSetAdult(false)\">Off \u2014 Standard only<\/button>\n        <button class=\"ft-option-btn\" id=\"ft-btnOn\" onclick=\"ftSetAdult(true)\">On \u2014 Include 18+<\/button>\n      <\/div>\n      <div class=\"ft-age-warning\" id=\"ft-ageWarn\">\n        By selecting ON, you confirm you are 18 years or older. Adult content will be included in your feed.\n      <\/div>\n    <\/div>\n\n    <button class=\"ft-btn\" id=\"ft-submitBtn\">Start My Free Trial<\/button>\n\n    <div class=\"ft-divider\"><\/div>\n    <p class=\"ft-terms\">By signing up you agree to our <a href=\"#\">Terms of Service<\/a> and <a href=\"#\">Privacy Policy<\/a><\/p>\n  <\/div>\n<\/div>\n\n<script>\n  var ftAdult = false;\n  function ftSetAdult(val) {\n    ftAdult = val;\n    document.getElementById('ft-btnOff').className = 'ft-option-btn' + (!val ? ' selected-off' : '');\n    document.getElementById('ft-btnOn').className = 'ft-option-btn' + (val ? ' selected-on' : '');\n    document.getElementById('ft-ageWarn').classList.toggle('show', val);\n  }\n  document.getElementById('ft-submitBtn').addEventListener('click', function() {\n    var email = document.getElementById('ft-email').value.trim();\n    var lang = document.getElementById('ft-lang').value;\n    if (!email || !email.includes('@')) { alert('Please enter a valid email.'); return; }\n    if (!lang) { alert('Please select a content language.'); return; }\n    document.getElementById('ft-submitBtn').textContent = 'Redirecting...';\n  });\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>+0 WORLDWIDE MOVIES MOVIES +0 WORLDWIDE SERIES SERIES LIVE PPV GAMES PPV GAMES WORKS WITH The service works on most devices, that is why we offer free 24h tests.. TELEVISION LAPTOP MOBILE BROWSER WORKS WITH The service works on most devices, that is why we offer free 24h tests.. TELEVISION LAPTOP MOBILE BROWSER WHAT PEOPLE [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sa93view.com\/index.php?rest_route=\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sa93view.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sa93view.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sa93view.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sa93view.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15"}],"version-history":[{"count":404,"href":"https:\/\/sa93view.com\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":536,"href":"https:\/\/sa93view.com\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions\/536"}],"wp:attachment":[{"href":"https:\/\/sa93view.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}