{"id":2670,"date":"2026-01-21T00:05:18","date_gmt":"2026-01-21T00:05:18","guid":{"rendered":"https:\/\/thevaperz.com\/?page_id=2670"},"modified":"2026-04-16T12:54:15","modified_gmt":"2026-04-16T12:54:15","slug":"home-assistyu","status":"publish","type":"page","link":"https:\/\/thevaperz.com\/fr\/","title":{"rendered":"AssistYu : We Secure you Infinite"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2670\" class=\"elementor elementor-2670\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-07336a6 e-con-full e-flex e-con e-parent\" data-id=\"07336a6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-684b3b9 elementor-widget elementor-widget-html\" data-id=\"684b3b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"hero-assistyu\">\n    <!-- Rotating Background Images -->\n    <div class=\"hero-bg-layer\" id=\"rotatingBg\"><\/div>\n    \n    <!-- Decorative Shapes -->\n    <div class=\"hero-shapes\">\n        <div class=\"shape-bg shape-1\"><\/div>\n        <div class=\"shape-bg shape-2\"><\/div>\n        <div class=\"shape-bg shape-3\"><\/div>\n    <\/div>\n    \n    <!-- Gradient Overlay -->\n    <div class=\"hero-overlay\"><\/div>\n\n    <div class=\"hero-container\">\n        <div class=\"hero-content\">\n            <!-- Badge -->\n            <div class=\"hero-badge\">\n                <i class=\"fas fa-shield-haltered\"><\/i>\n                <span>INNOVATIVE FEATURES & EXPERT SUPPORT<\/span>\n            <\/div>\n            \n            <!-- Title - STRICTLY 2 LINES MAX on all devices -->\n            <h1 class=\"hero-title\">\n                Cyber Security For <span class=\"title-accent\">Enhanced Productivity<\/span>\n            <\/h1>\n            \n            <!-- Description -->\n            <p class=\"hero-description\">\n                AssistYu provides enterprise-grade cybersecurity solutions including next-generation antivirus, VPN protection, ransomware defense, and identity theft prevention. Trusted by over 1 million users worldwide for complete digital security and peace of mind.\n            <\/p>\n            \n            <!-- Buttons Container with OS Icons centered below -->\n            <div class=\"buttons-wrapper\">\n                <div class=\"hero-buttons\">\n                    <a href=\"https:\/\/thevaperz.com\/products\/\" class=\"btn-primary\">\n                        <i class=\"fas fa-shield-alt\"><\/i> Our Products\n                        <i class=\"fas fa-arrow-right\"><\/i>\n                    <\/a>\n                    <a href=\"https:\/\/thevaperz.com\/services\/\" class=\"btn-secondary\">\n                        <i class=\"fas fa-headset\"><\/i> Our Services\n                        <i class=\"fas fa-arrow-right\"><\/i>\n                    <\/a>\n                <\/div>\n                <!-- OS Icons - centered below both buttons -->\n                <div class=\"os-icons\">\n                    <i class=\"fab fa-windows\" title=\"Windows\"><\/i>\n                    <i class=\"fab fa-apple\" title=\"macOS\"><\/i>\n                    <i class=\"fab fa-android\" title=\"Android\"><\/i>\n                    <i class=\"fab fa-linux\" title=\"Linux\"><\/i>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- RIGHT SIDE - ALL FLOATING ICONS (18 icons, all visible) - WHITE -->\n        <div class=\"hero-visual\">\n            <div class=\"floating-icon icon-lock\"><i class=\"fas fa-lock\"><\/i><\/div>\n            <div class=\"floating-icon icon-key\"><i class=\"fas fa-key\"><\/i><\/div>\n            <div class=\"floating-icon icon-fingerprint\"><i class=\"fas fa-fingerprint\"><\/i><\/div>\n            <div class=\"floating-icon icon-brain\"><i class=\"fas fa-microchip\"><\/i><\/div>\n            <div class=\"floating-icon icon-eye\"><i class=\"fas fa-eye\"><\/i><\/div>\n            <div class=\"floating-icon icon-database\"><i class=\"fas fa-database\"><\/i><\/div>\n            <div class=\"floating-icon icon-code\"><i class=\"fas fa-code\"><\/i><\/div>\n            <div class=\"floating-icon icon-cloud\"><i class=\"fas fa-cloud-upload-alt\"><\/i><\/div>\n            <div class=\"floating-icon icon-server\"><i class=\"fas fa-server\"><\/i><\/div>\n            <div class=\"floating-icon icon-network\"><i class=\"fas fa-network-wired\"><\/i><\/div>\n            <div class=\"floating-icon icon-bug\"><i class=\"fas fa-bug\"><\/i><\/div>\n            <div class=\"floating-icon icon-qrcode\"><i class=\"fas fa-qrcode\"><\/i><\/div>\n            <div class=\"floating-icon icon-user-shield\"><i class=\"fas fa-user-shield\"><\/i><\/div>\n            <div class=\"floating-icon icon-globe\"><i class=\"fas fa-globe\"><\/i><\/div>\n            <div class=\"floating-icon icon-chart\"><i class=\"fas fa-chart-line\"><\/i><\/div>\n            <div class=\"floating-icon icon-wifi\"><i class=\"fas fa-wifi\"><\/i><\/div>\n            <div class=\"floating-icon icon-download\"><i class=\"fas fa-download\"><\/i><\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    \/* ========== HERO ASSISTYU - DARKER BLUE BACKGROUND ========== *\/\n    .hero-assistyu {\n        position: relative;\n        width: 100%;\n        min-height: 100vh;\n        background: linear-gradient(145deg, #030622 0%, #04082e 45%, #030622 100%);\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n        font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\n        box-sizing: border-box;\n        padding: 8rem 1rem 3rem;\n    }\n\n    \/* Rotating Background Image Layer *\/\n    .hero-bg-layer {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background-size: cover;\n        background-position: center;\n        background-repeat: no-repeat;\n        opacity: 0.35;\n        pointer-events: none;\n        z-index: 0;\n        transition: none;\n    }\n\n    \/* Decorative Shapes *\/\n    .hero-shapes {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        top: 0;\n        left: 0;\n        pointer-events: none;\n        z-index: 0;\n    }\n    .shape-bg {\n        position: absolute;\n        background-size: contain;\n        background-repeat: no-repeat;\n        opacity: 0.2;\n    }\n    .shape-1 {\n        background-image: url('https:\/\/thevaperz.com\/wp-content\/uploads\/2024\/03\/shape-3-1.svg');\n        width: 400px;\n        height: 400px;\n        top: -80px;\n        right: -80px;\n        animation: floatShape 28s infinite ease-in-out;\n    }\n    .shape-2 {\n        background-image: url('https:\/\/thevaperz.com\/wp-content\/uploads\/2024\/03\/shape-3-2.svg');\n        width: 300px;\n        height: 300px;\n        bottom: 5%;\n        left: -70px;\n        animation: floatShape2 22s infinite ease-in-out;\n        opacity: 0.15;\n    }\n    .shape-3 {\n        background-image: url('https:\/\/thevaperz.com\/wp-content\/uploads\/2024\/03\/shape-3-3.png');\n        background-size: cover;\n        width: 500px;\n        height: 500px;\n        bottom: -120px;\n        right: 5%;\n        animation: floatShape3 35s infinite ease-in-out;\n        opacity: 0.1;\n    }\n\n    @keyframes floatShape {\n        0%, 100% { transform: translate(0, 0) rotate(0deg); }\n        50% { transform: translate(-40px, 25px) rotate(6deg); }\n    }\n    @keyframes floatShape2 {\n        0%, 100% { transform: translate(0, 0) rotate(0deg); }\n        50% { transform: translate(35px, -25px) rotate(-5deg); }\n    }\n    @keyframes floatShape3 {\n        0%, 100% { transform: translate(0, 0) scale(1); }\n        50% { transform: translate(-25px, -35px) scale(1.06); }\n    }\n\n    \/* Darker Gradient Overlay *\/\n    .hero-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: radial-gradient(circle at 30% 50%, rgba(3, 6, 34, 0.4), rgba(3, 6, 34, 0.85));\n        pointer-events: none;\n        z-index: 1;\n    }\n\n    .hero-container {\n        position: relative;\n        width: 100%;\n        max-width: 1400px;\n        margin: 0 auto;\n        padding: 0 5%;\n        z-index: 10;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 2rem;\n        flex-wrap: wrap;\n    }\n\n    \/* Hero Content - Left Side *\/\n    .hero-content {\n        flex: 1;\n        max-width: 100%;\n    }\n\n    \/* Badge *\/\n    .hero-badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.75rem;\n        background: rgba(44, 134, 255, 0.12);\n        backdrop-filter: blur(10px);\n        padding: 0.6rem 1.5rem;\n        border-radius: 60px;\n        font-size: 0.75rem;\n        font-weight: 700;\n        letter-spacing: 1.5px;\n        color: #93c5fd;\n        border: 1px solid rgba(44, 134, 255, 0.3);\n        margin-bottom: 1.5rem;\n    }\n\n    \/* Title - STRICTLY 2 LINES MAX on ALL devices *\/\n    .hero-title {\n        font-size: clamp(1.6rem, 5vw, 52px);\n        font-weight: 800;\n        line-height: 1.2;\n        color: #ffffff;\n        margin-bottom: 1rem;\n        letter-spacing: -0.02em;\n        max-width: 100%;\n        white-space: normal;\n        word-break: keep-all;\n    }\n    .hero-title br {\n        display: none;\n    }\n    .title-accent {\n        background: linear-gradient(135deg, #60a5fa, #a78bfa, #c084fc);\n        background-clip: text;\n        -webkit-background-clip: text;\n        color: transparent;\n        display: inline-block;\n        white-space: nowrap;\n    }\n    \n    @media (max-width: 480px) {\n        .hero-title {\n            font-size: 1.5rem;\n            line-height: 1.25;\n        }\n        .title-accent {\n            white-space: normal;\n            display: inline;\n        }\n    }\n\n    \/* Description *\/\n    .hero-description {\n        color: #cbd5e1;\n        font-size: clamp(0.85rem, 2vw, 1rem);\n        line-height: 1.6;\n        margin-bottom: 2rem;\n    }\n\n    \/* Buttons Wrapper *\/\n    .buttons-wrapper {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        width: 100%;\n    }\n\n    \/* Two Buttons *\/\n    .hero-buttons {\n        display: flex;\n        gap: 1rem;\n        flex-wrap: wrap;\n        justify-content: center;\n        margin-bottom: 1.2rem;\n    }\n    .btn-primary, .btn-secondary {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.6rem;\n        padding: 0.85rem 1.8rem;\n        border-radius: 60px;\n        text-decoration: none;\n        font-weight: 600;\n        font-size: 0.9rem;\n        transition: all 0.3s ease;\n        cursor: pointer;\n    }\n    .btn-primary {\n        background: linear-gradient(95deg, #2c86ff, #5c3aed);\n        color: white;\n        border: none;\n        box-shadow: 0 4px 15px rgba(44, 134, 255, 0.3);\n    }\n    .btn-primary i:last-child {\n        transition: transform 0.2s;\n    }\n    .btn-primary:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 10px 25px rgba(44, 134, 255, 0.4);\n        gap: 0.8rem;\n    }\n    .btn-primary:hover i:last-child {\n        transform: translateX(4px);\n    }\n    .btn-secondary {\n        background: rgba(255, 255, 255, 0.06);\n        backdrop-filter: blur(10px);\n        color: white;\n        border: 1px solid rgba(96, 165, 250, 0.3);\n    }\n    .btn-secondary i:first-child {\n        color: #93c5fd;\n    }\n    .btn-secondary i:last-child {\n        transition: transform 0.2s;\n    }\n    .btn-secondary:hover {\n        background: rgba(255, 255, 255, 0.12);\n        transform: translateY(-3px);\n        border-color: rgba(96, 165, 250, 0.5);\n        gap: 0.8rem;\n    }\n    .btn-secondary:hover i:last-child {\n        transform: translateX(4px);\n    }\n\n    \/* OS Icons - Bigger on big screens *\/\n    .os-icons {\n        display: flex;\n        gap: 1.2rem;\n        align-items: center;\n        justify-content: center;\n    }\n    .os-icons i {\n        font-size: 1.2rem;\n        color: #8b9bb5;\n        transition: color 0.2s;\n        cursor: default;\n    }\n    .os-icons i:hover {\n        color: #93c5fd;\n    }\n\n    \/* RIGHT SIDE - ALL FLOATING ICONS - WHITE *\/\n    .hero-visual {\n        flex: 1;\n        position: relative;\n        min-height: 550px;\n        height: 100%;\n    }\n    .floating-icon {\n        position: absolute;\n        background: rgba(255, 255, 255, 0.1);\n        backdrop-filter: blur(10px);\n        border-radius: 20px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: #ffffff;\n        border: 1px solid rgba(255, 255, 255, 0.25);\n        animation: floatIcon 8s infinite ease-in-out;\n        transition: all 0.3s;\n        z-index: 5;\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);\n    }\n    .floating-icon:hover {\n        background: rgba(255, 255, 255, 0.2);\n        transform: scale(1.1);\n        color: #ffffff;\n        border-color: rgba(255, 255, 255, 0.45);\n    }\n\n    \/* Icon positions and sizes - SAME AS ORIGINAL *\/\n    .icon-shield { top: 0%; left: 5%; width: 70px; height: 70px; font-size: 2rem; animation-delay: 0s; }\n    .icon-lock { top: 5%; left: 35%; width: 55px; height: 55px; font-size: 1.6rem; animation-delay: -1s; }\n    .icon-key { top: 2%; left: 70%; width: 60px; height: 60px; font-size: 1.8rem; animation-delay: -2s; }\n    .icon-fingerprint { top: 18%; left: 0%; width: 75px; height: 75px; font-size: 2.2rem; animation-delay: -3s; }\n    .icon-brain { top: 22%; left: 50%; width: 65px; height: 65px; font-size: 1.9rem; animation-delay: -4s; }\n    .icon-eye { top: 12%; left: 85%; width: 50px; height: 50px; font-size: 1.5rem; animation-delay: -5s; }\n    .icon-database { top: 38%; left: 8%; width: 85px; height: 85px; font-size: 2.5rem; animation-delay: -6s; }\n    .icon-code { top: 42%; left: 42%; width: 58px; height: 58px; font-size: 1.7rem; animation-delay: -7s; }\n    .icon-cloud { top: 32%; left: 75%; width: 68px; height: 68px; font-size: 2rem; animation-delay: -8s; }\n    .icon-server { top: 58%; left: 12%; width: 75px; height: 75px; font-size: 2.2rem; animation-delay: -2s; }\n    .icon-network { top: 65%; left: 55%; width: 55px; height: 55px; font-size: 1.6rem; animation-delay: -3s; }\n    .icon-bug { top: 52%; left: 85%; width: 60px; height: 60px; font-size: 1.8rem; animation-delay: -4s; }\n    .icon-qrcode { top: 78%; left: 3%; width: 52px; height: 52px; font-size: 1.5rem; animation-delay: -5s; }\n    .icon-user-shield { top: 82%; left: 38%; width: 72px; height: 72px; font-size: 2.1rem; animation-delay: -6s; }\n    .icon-globe { top: 75%; left: 68%; width: 58px; height: 58px; font-size: 1.7rem; animation-delay: -7s; }\n    .icon-chart { top: 92%; left: 52%; width: 50px; height: 50px; font-size: 1.5rem; animation-delay: -1s; }\n    .icon-wifi { top: 88%; left: 80%; width: 48px; height: 48px; font-size: 1.4rem; animation-delay: -2s; }\n    .icon-download { top: 48%; left: 92%; width: 52px; height: 52px; font-size: 1.5rem; animation-delay: -3s; }\n\n    @keyframes floatIcon {\n        0%, 100% { transform: translateY(0px) rotate(0deg); }\n        50% { transform: translateY(-15px) rotate(6deg); }\n    }\n\n    \/* ========== BIG SCREEN (min-width: 1200px) ========== *\/\n    @media (min-width: 1200px) {\n        .hero-assistyu {\n            padding: 9rem 1rem 4rem;\n        }\n        .os-icons {\n            gap: 1.8rem;\n            margin-top: 0.5rem;\n        }\n        .os-icons i {\n            font-size: 1.6rem;\n        }\n    }\n\n    \/* Extra Big Screen *\/\n    @media (min-width: 1600px) {\n        .hero-assistyu {\n            padding: 10rem 0 8rem;\n        }\n        .hero-container {\n            max-width: 1600px;\n        }\n        .hero-title {\n            font-size: 64px;\n        }\n        .hero-visual {\n            min-height: 650px;\n        }\n        .floating-icon {\n            transform: scale(1.1);\n        }\n        .os-icons {\n            gap: 2rem;\n        }\n        .os-icons i {\n            font-size: 1.8rem;\n        }\n    }\n\n    \/* ========== TABLET ========== *\/\n    @media (max-width: 1100px) {\n        .hero-container {\n            flex-direction: column;\n            text-align: center;\n        }\n        .hero-content {\n            text-align: center;\n            margin: 0 auto;\n        }\n        .hero-description {\n            margin-left: auto;\n            margin-right: auto;\n        }\n        .hero-visual {\n            min-height: 450px;\n            margin-top: 2rem;\n            width: 100%;\n        }\n        .hero-assistyu {\n            padding: 6rem 0 4rem;\n        }\n        .floating-icon {\n            transform: scale(0.85);\n        }\n    }\n\n    \/* ========== MOBILE - reduced top padding ========== *\/\n    @media (max-width: 768px) {\n        .hero-assistyu {\n            padding: 6rem 0 3rem;\n        }\n        .hero-title {\n            font-size: 1.8rem;\n        }\n        .hero-description {\n            font-size: 0.85rem;\n        }\n        .hero-buttons {\n            flex-direction: row;\n            flex-wrap: wrap;\n            gap: 0.8rem;\n        }\n        .btn-primary, .btn-secondary {\n            padding: 0.7rem 1.3rem;\n            font-size: 0.8rem;\n        }\n        .hero-badge {\n            font-size: 0.65rem;\n            padding: 0.4rem 1rem;\n        }\n        .os-icons i {\n            font-size: 1rem;\n        }\n        .hero-visual {\n            display: none;\n        }\n    }\n\n    \/* Small Mobile *\/\n    @media (max-width: 550px) {\n        .hero-assistyu {\n            padding: 7rem 0 3rem;\n        }\n        .hero-buttons {\n            flex-direction: column;\n            align-items: stretch;\n        }\n        .btn-primary, .btn-secondary {\n            justify-content: center;\n        }\n        .hero-title {\n            font-size: 1.5rem;\n        }\n    }\n\n    \/* Extra Small Mobile *\/\n    @media (max-width: 380px) {\n        .hero-assistyu {\n            padding: 8rem 0 3rem;\n        }\n        .hero-title {\n            font-size: 1.3rem;\n        }\n        .hero-description {\n            font-size: 0.75rem;\n        }\n    }\n<\/style>\n\n<!-- Font Awesome & Google Fonts -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n\n<script>\n    \/\/ ========== ROTATING BACKGROUND IMAGES (smooth replace, no fade) ==========\n    const backgroundImages = [\n        'https:\/\/thevaperz.com\/wp-content\/uploads\/2026\/04\/BCK.png',\n        'https:\/\/thevaperz.com\/wp-content\/uploads\/2026\/04\/BCK-1.jpg',\n        'https:\/\/thevaperz.com\/wp-content\/uploads\/2026\/04\/BCK-3.avif',\n        'https:\/\/thevaperz.com\/wp-content\/uploads\/2026\/04\/BCK-5.jpg'\n    ];\n    \n    let currentIndex = 0;\n    const bgElement = document.getElementById('rotatingBg');\n    \n    \/\/ Function to change background smoothly (no fade, just replace)\n    function changeBackground() {\n        currentIndex = (currentIndex + 1) % backgroundImages.length;\n        bgElement.style.backgroundImage = `url('${backgroundImages[currentIndex]}')`;\n    }\n    \n    \/\/ Set random initial image on load (no loading delay)\n    if (bgElement) {\n        \/\/ Pick random index for first image\n        const randomIndex = Math.floor(Math.random() * backgroundImages.length);\n        currentIndex = randomIndex;\n        bgElement.style.backgroundImage = `url('${backgroundImages[currentIndex]}')`;\n        bgElement.style.opacity = '0.35';\n        \n        \/\/ Change background every 6 seconds\n        setInterval(changeBackground, 6000);\n    }\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bfb89ff elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bfb89ff\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-50 elementor-top-column elementor-element elementor-element-c1a7f0b animated-slow elementor-invisible\" data-id=\"c1a7f0b\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\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-08fa7d8 elementor-widget elementor-widget-int-sec-title\" data-id=\"08fa7d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"int-sec-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n                <div class=\"sec-title\">\r\n                            <span class=\"tg-section-subtitle\">About ASSISTYU<\/span>\r\n                            <h2 class=\"tg-section-title\">We Secure Your IT Environment Infinite<\/h2>\r\n                    <\/div>\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-de74292 elementor-widget elementor-widget-text-editor\" data-id=\"de74292\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>AssistYu is a trusted technology partner founded by cybersecurity and internet software experts. We deliver reliable AI, cloud, and cybersecurity solutions that help individuals and organizations succeed in their digital transformation.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-17370d3 elementor-widget elementor-widget-int-list-v3\" data-id=\"17370d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"int-list-v3.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"tg-about-2-list\">\r\n            <ul>\r\n                                    <li><i class=\"fas fa-check-square\"><\/i>Security and compliance specialists<\/li>\r\n                                    <li><i class=\"fas fa-check-square\"><\/i>AI, cloud, and cybersecurity solutions<\/li>\r\n                                    <li><i class=\"fas fa-check-square\"><\/i>End-to-end digital protection services<\/li>\r\n                            <\/ul>\r\n        <\/div>\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e53db43 elementor-widget elementor-widget-int-button\" data-id=\"e53db43\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"int-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n                <div class=\"tg-button\">\r\n            <a class=\"tg-btn-gradient\"\r\n               href=\"https:\/\/thevaperz.com\/about-assistyu\/\" >\r\n                Read More                <span>\r\n                <svg width=\"17\" height=\"12\" viewBox=\"0 0 17 12\" fill=\"none\"\r\n                     xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                    <path d=\"M15.6875 6.71875L11.6875 10.7188C11.3125 11.125 10.6562 11.125 10.2812 10.7188C9.875 10.3438 9.875 9.6875 10.2812 9.3125L12.5625 7H1C0.4375 7 0 6.5625 0 6C0 5.40625 0.4375 5 1 5H12.5625L10.2812 2.71875C9.875 2.34375 9.875 1.6875 10.2812 1.3125C10.6562 0.90625 11.3125 0.90625 11.6875 1.3125L15.6875 5.3125C16.0938 5.6875 16.0938 6.34375 15.6875 6.71875Z\"\r\n                          fill=\"white\"\/>\r\n                <\/svg>\r\n            <\/span>\r\n            <\/a>\r\n        <\/div>\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<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-e1b1167 elementor-hidden-mobile elementor-invisible\" data-id=\"e1b1167\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeInRight&quot;,&quot;animation_delay&quot;:200}\">\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-9513751 elementor-widget elementor-widget-int-image-image-v2\" data-id=\"9513751\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"int-image-image-v2.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"tg-about-2-thumb-box p-relative\">\r\n            <div class=\"tg-about-2-award-box d-none d-md-flex\">\r\n                <div class=\"tg-about-2-award\">\r\n                    <i>15+<\/i>\r\n                    <span>Years of Experience<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"row gx-15\">\r\n                <div class=\"col-xl-6 col-lg-6 col-md-6 mb-15\">\r\n                    <div class=\"tg-about-2-thumb\">\r\n                        <img fetchpriority=\"high\" decoding=\"async\" width=\"268\" height=\"270\" src=\"https:\/\/thevaperz.com\/wp-content\/uploads\/2024\/03\/about-2-1.jpg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/thevaperz.com\/wp-content\/uploads\/2024\/03\/about-2-1.jpg 268w, https:\/\/thevaperz.com\/wp-content\/uploads\/2024\/03\/about-2-1-100x100.jpg 100w\" sizes=\"(max-width: 268px) 100vw, 268px\" \/>                    <\/div>\r\n                <\/div>\r\n                <div class=\"col-xl-6 col-lg-6 col-md-6 mb-15\">\r\n                    <div class=\"tg-about-2-thumb\">\r\n                        <img decoding=\"async\" width=\"268\" height=\"270\" src=\"https:\/\/thevaperz.com\/wp-content\/uploads\/2024\/03\/about-2-2.jpg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/thevaperz.com\/wp-content\/uploads\/2024\/03\/about-2-2.jpg 268w, https:\/\/thevaperz.com\/wp-content\/uploads\/2024\/03\/about-2-2-100x100.jpg 100w\" sizes=\"(max-width: 268px) 100vw, 268px\" \/>                    <\/div>\r\n                <\/div>\r\n                <div class=\"col-xl-12\">\r\n                    <div class=\"tg-about-2-thumb\">\r\n                        <img decoding=\"async\" width=\"600\" height=\"275\" src=\"https:\/\/thevaperz.com\/wp-content\/uploads\/2024\/03\/about-2-3.jpg\" class=\"attachment-full size-full\" alt=\"\" \/>                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\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<div class=\"elementor-element elementor-element-5858756 e-con-full e-flex e-con e-parent\" data-id=\"5858756\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d4c6911 elementor-widget elementor-widget-html\" data-id=\"d4c6911\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"future-showcase\">\n\n    <!-- BACKGROUND -->\n    <div class=\"future-bg\"><\/div>\n    <div class=\"future-shapes\"><\/div>\n\n    <div class=\"future-container\">\n\n        <!-- HEADER -->\n        <div class=\"future-header\">\n            <h2>Your Digital Arsenal for <span>Security & Power<\/span><\/h2>\n            <p>Next-generation protection tools designed for privacy, performance, and full control over your digital life.<\/p>\n        <\/div>\n\n        <!-- GRID TOP ROW (2 boxes) -->\n        <div class=\"future-grid\">\n\n            <!-- PRODUCT -->\n            <a class=\"future-card\" href=\"https:\/\/thevaperz.com\/products\/\">\n                <div class=\"card-image\" style=\"background-image:url('https:\/\/thevaperz.com\/wp-content\/uploads\/2026\/04\/meilleur-antivirus-quel-antivirus-choisir-pour-windows.webp');\"><\/div>\n                <div class=\"card-overlay dark-blue\"><\/div>\n                <div class=\"card-content\">\n                    <div class=\"icon\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\n                    <h3>Security Products<\/h3>\n                    <p>Advanced VPN, antivirus, privacy protection, and performance optimization tools for complete digital safety.<\/p>\n                    <span class=\"btn\">Explore Products \u2192<\/span>\n                <\/div>\n            <\/a>\n\n            <!-- SERVICES -->\n            <a class=\"future-card\" href=\"https:\/\/thevaperz.com\/services\/\">\n                <div class=\"card-image\" style=\"background-image:url('https:\/\/thevaperz.com\/wp-content\/uploads\/2026\/03\/Cloud-Basic.jpg');\"><\/div>\n                <div class=\"card-overlay dark-purple\"><\/div>\n                <div class=\"card-content\">\n                    <div class=\"icon\"><i class=\"fas fa-cloud\"><\/i><\/div>\n                    <h3>Cloud Services<\/h3>\n                    <p>Smart cloud infrastructure, IT support, licensing, and secure deployment solutions built for modern businesses.<\/p>\n                    <span class=\"btn\">View Services \u2192<\/span>\n                <\/div>\n            <\/a>\n\n        <\/div>\n\n        <!-- BOTTOM ROW: FULL WIDTH QUIZ CARD -->\n        <div class=\"quiz-fullwidth-card\" id=\"quizFullWidthCard\">\n            <div class=\"quiz-banner-with-bg\" id=\"quizBannerHeader\">\n                <div class=\"quiz-banner-image\" style=\"background-image:url('https:\/\/thevaperz.com\/wp-content\/uploads\/2026\/03\/Cloud-Full-Live.jpeg');\"><\/div>\n                <div class=\"quiz-banner-overlay dark-banner-gradient\"><\/div>\n                \n                <div class=\"banner-content-transparent\">\n                    <div class=\"quiz-badge\">\n                        <i class=\"fas fa-shield-alt\"><\/i>\n                        <span data-translate=\"quiz_badge\">SMART SECURITY ASSESSMENT<\/span>\n                    <\/div>\n                    <h2 class=\"quiz-title\" data-translate=\"quiz_title\">Find What You <span>Really Need<\/span><\/h2>\n                    <p class=\"quiz-desc\" data-translate=\"quiz_desc\">Answer 10 quick questions and receive a fully personalized recommendation for products and service packages tailored to your needs.<\/p>\n                    <div class=\"quiz-stats\">\n                        <div class=\"stat-chip\"><i class=\"fas fa-clock\"><\/i> <strong data-translate=\"stat1\">Save hours<\/strong> <span data-translate=\"stat1_suffix\">of research<\/span><\/div>\n                        <div class=\"stat-chip\"><i class=\"fas fa-check-circle\"><\/i> <strong data-translate=\"stat2\">Fully personalized<\/strong> <span data-translate=\"stat2_suffix\">results<\/span><\/div>\n                        <div class=\"stat-chip\"><i class=\"fas fa-gem\"><\/i> <strong data-translate=\"stat3\">No commitment<\/strong> <span data-translate=\"stat3_suffix\">required<\/span><\/div>\n                    <\/div>\n                    <button class=\"quiz-toggle-btn\" id=\"quizToggleBtn\">\n                        <i class=\"fas fa-chevron-down\"><\/i> <span data-translate=\"take_quiz\">Take the Quiz<\/span>\n                    <\/button>\n                <\/div>\n            <\/div>\n\n            <div class=\"quiz-collapsible-white\" id=\"quizCollapsibleArea\">\n                <div class=\"quiz-questions-area-white\" id=\"quizQuestionsContainer\"><\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n    \/* ================= FUTURE SHOWCASE STYLES ================= *\/\n    .future-showcase {\n        position: relative;\n        width: 100%;\n        overflow: hidden;\n        background: linear-gradient(135deg, #05092B 0%, #060C34 45%, #05092B 100%);\n        padding: 90px 20px;\n        font-family: 'Inter', system-ui, sans-serif;\n    }\n\n    .future-showcase::after {\n        content: \"\";\n        position: absolute;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        height: 30%;\n        background: linear-gradient(to bottom, rgba(5, 9, 43, 0), #05092B);\n        z-index: 0;\n    }\n\n    .future-bg {\n        position: absolute;\n        inset: 0;\n        background-image: url(\"https:\/\/thevaperz.com\/wp-content\/uploads\/2024\/03\/shape-4-1-1.png\");\n        background-size: cover;\n        background-position: center;\n        opacity: 0.45;\n        z-index: 0;\n    }\n\n    .future-shapes {\n        position: absolute;\n        inset: 0;\n    }\n\n    .future-shapes::before,\n    .future-shapes::after {\n        content: \"\";\n        position: absolute;\n        filter: blur(70px);\n        opacity: 0.14;\n    }\n\n    .future-shapes::before {\n        width: 520px;\n        height: 520px;\n        top: -15%;\n        right: -10%;\n        background: radial-gradient(circle, #3b82f6, transparent);\n    }\n\n    .future-shapes::after {\n        width: 420px;\n        height: 420px;\n        bottom: -20%;\n        left: -10%;\n        background: radial-gradient(circle, #7c3aed, transparent);\n    }\n\n    .future-container {\n        position: relative;\n        z-index: 2;\n        max-width: 1200px;\n        margin: auto;\n    }\n\n    .future-header {\n        text-align: center;\n        margin-bottom: 60px;\n    }\n\n    .future-header h2 {\n        font-size: clamp(2rem, 4vw, 3.2rem);\n        font-weight: 800;\n        color: #fff;\n        letter-spacing: -0.02em;\n    }\n\n    .future-header span {\n        background: linear-gradient(90deg, #60a5fa, #a78bfa, #22d3ee);\n        -webkit-background-clip: text;\n        background-clip: text;\n        color: transparent;\n    }\n\n    .future-header p {\n        margin-top: 12px;\n        color: rgba(255, 255, 255, 0.72);\n        max-width: 650px;\n        margin-inline: auto;\n        line-height: 1.6;\n    }\n\n    .future-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 26px;\n        margin-bottom: 26px;\n    }\n\n    .future-card {\n        position: relative;\n        height: 320px;\n        border-radius: 26px;\n        overflow: hidden;\n        text-decoration: none;\n        border: 1px solid rgba(255, 255, 255, 0.08);\n        box-shadow: 0 25px 70px rgba(0, 0, 0, 0.6);\n        transition: 0.35s ease;\n    }\n\n    .future-card:hover {\n        transform: translateY(-10px);\n        border-color: rgba(255, 255, 255, 0.22);\n        box-shadow: 0 40px 100px rgba(0, 0, 0, 0.75);\n    }\n\n    .card-image {\n        position: absolute;\n        inset: 0;\n        background-size: cover;\n        background-position: center;\n        transform: scale(1.08);\n        opacity: 0.88;\n    }\n\n    .card-overlay {\n        position: absolute;\n        inset: 0;\n        z-index: 1;\n    }\n\n    .dark-blue {\n        background: linear-gradient(135deg, rgba(5, 9, 43, 0.97), rgba(5, 9, 43, 0.80), rgba(59, 130, 246, 0.28));\n    }\n\n    .dark-purple {\n        background: linear-gradient(135deg, rgba(5, 9, 43, 0.97), rgba(5, 9, 43, 0.80), rgba(168, 85, 247, 0.28));\n    }\n\n    .card-content {\n        position: relative;\n        z-index: 2;\n        padding: 34px;\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n\n    .icon {\n        width: 54px;\n        height: 54px;\n        border-radius: 14px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background: rgba(255, 255, 255, 0.10);\n        backdrop-filter: blur(14px);\n        margin-bottom: 14px;\n    }\n\n    .icon i {\n        color: #fff;\n        font-size: 1.4rem;\n    }\n\n    .card-content h3 {\n        color: #fff;\n        font-size: 1.8rem;\n        font-weight: 800;\n        margin-bottom: 8px;\n    }\n\n    .card-content p {\n        color: rgba(255, 255, 255, 0.9);\n        font-size: 0.95rem;\n        line-height: 1.6;\n        max-width: 92%;\n    }\n\n    .btn {\n        margin-top: 18px;\n        display: inline-flex;\n        padding: 12px 20px;\n        border-radius: 999px;\n        background: #fff;\n        color: #05092B;\n        font-weight: 800;\n        font-size: 0.9rem;\n        width: fit-content;\n        transition: 0.25s ease;\n    }\n\n    .future-card:hover .btn {\n        transform: translateX(6px);\n    }\n\n    \/* ================= FULL WIDTH QUIZ CARD ================= *\/\n    .quiz-fullwidth-card {\n        width: 100%;\n        margin-top: 26px;\n        border-radius: 26px;\n        overflow: hidden;\n        border: 1px solid rgba(255, 255, 255, 0.08);\n        box-shadow: 0 25px 70px rgba(0, 0, 0, 0.6);\n        transition: 0.35s ease;\n        background: transparent;\n    }\n\n    .quiz-fullwidth-card:hover {\n        transform: translateY(-6px);\n        border-color: rgba(255, 255, 255, 0.22);\n        box-shadow: 0 40px 100px rgba(0, 0, 0, 0.75);\n    }\n\n    .quiz-banner-with-bg {\n        position: relative;\n        width: 100%;\n        padding: 2.5rem 2rem;\n        cursor: pointer;\n        overflow: hidden;\n    }\n\n    .quiz-banner-image {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background-size: cover;\n        background-position: center;\n        transform: scale(1.05);\n        opacity: 0.85;\n        z-index: 0;\n    }\n\n    .quiz-banner-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        z-index: 1;\n    }\n\n    .dark-banner-gradient {\n        background: linear-gradient(135deg, rgba(5, 9, 43, 0.92), rgba(5, 9, 43, 0.75), rgba(59, 130, 246, 0.25));\n    }\n\n    .banner-content-transparent {\n        max-width: 100%;\n        margin: 0 auto;\n        position: relative;\n        z-index: 2;\n        text-align: center;\n    }\n\n    .quiz-badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.5rem;\n        background: rgba(59, 130, 246, 0.2);\n        backdrop-filter: blur(4px);\n        padding: 0.4rem 1.2rem;\n        border-radius: 60px;\n        font-size: 0.7rem;\n        font-weight: 600;\n        color: #93c5fd;\n        margin-bottom: 1.2rem;\n        border: 1px solid rgba(59, 130, 246, 0.3);\n    }\n\n    .quiz-title {\n        font-size: clamp(1.5rem, 5vw, 2.5rem);\n        font-weight: 800;\n        color: #ffffff;\n        margin-bottom: 0.5rem;\n        letter-spacing: -0.02em;\n        line-height: 1.2;\n    }\n\n    .quiz-title span {\n        background: linear-gradient(135deg, #60a5fa, #c084fc);\n        background-clip: text;\n        -webkit-background-clip: text;\n        color: transparent;\n    }\n\n    .quiz-desc {\n        font-size: clamp(0.85rem, 3vw, 1rem);\n        color: rgba(255, 255, 255, 0.8);\n        max-width: 650px;\n        margin: 0 auto;\n        line-height: 1.5;\n    }\n\n    .quiz-stats {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 1rem;\n        margin: 1.5rem 0 1rem 0;\n    }\n\n    .stat-chip {\n        background: rgba(255, 255, 255, 0.08);\n        backdrop-filter: blur(4px);\n        padding: 0.4rem 1rem;\n        border-radius: 60px;\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        display: flex;\n        align-items: center;\n        gap: 0.4rem;\n    }\n\n    .stat-chip i {\n        font-size: 0.7rem;\n        color: #60a5fa;\n    }\n\n    .stat-chip strong {\n        font-size: 0.7rem;\n        font-weight: 700;\n        color: #ffffff;\n    }\n\n    .stat-chip span {\n        font-size: 0.6rem;\n        color: rgba(255, 255, 255, 0.6);\n    }\n\n    .quiz-toggle-btn {\n        margin-top: 1rem;\n        background: linear-gradient(105deg, #2c86ff 0%, #6d3aff 100%);\n        border: none;\n        padding: 0.8rem 2rem;\n        border-radius: 60px;\n        font-weight: 700;\n        font-size: 0.9rem;\n        color: white;\n        display: inline-flex;\n        align-items: center;\n        gap: 0.6rem;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        box-shadow: 0 8px 20px -6px rgba(44, 134, 255, 0.4);\n        font-family: inherit;\n        letter-spacing: -0.2px;\n    }\n\n    .quiz-toggle-btn:hover {\n        transform: translateY(-2px);\n        background: linear-gradient(105deg, #3c96ff, #7e4aff);\n        box-shadow: 0 12px 24px -8px rgba(44, 134, 255, 0.5);\n    }\n\n    .quiz-toggle-btn:active {\n        transform: translateY(1px);\n    }\n\n    .quiz-toggle-btn.expanded i {\n        transform: rotate(180deg);\n    }\n\n    .quiz-collapsible-white {\n        max-height: 0;\n        opacity: 0;\n        overflow: hidden;\n        transition: max-height 0.55s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s ease;\n        background: #ffffff;\n        margin: 0;\n    }\n\n    .quiz-collapsible-white.open {\n        max-height: 2000px;\n        opacity: 1;\n        overflow-y: visible;\n    }\n\n    .quiz-questions-area-white {\n        width: 100%;\n        padding: 2rem;\n        background: #ffffff;\n    }\n\n    .quiz-question-card {\n        background: #ffffff;\n        border-radius: 24px;\n        padding: 1.5rem;\n        margin-bottom: 0;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n        border: 1px solid #e8edf5;\n        display: none;\n    }\n\n    .quiz-question-card.active {\n        display: block;\n        animation: cardFadeIn 0.4s ease;\n    }\n\n    @keyframes cardFadeIn {\n        from { opacity: 0; transform: translateY(10px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n\n    .question-top {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        flex-wrap: wrap;\n        gap: 0.6rem;\n        margin-bottom: 1rem;\n    }\n\n    .question-tag {\n        background: rgba(44, 134, 255, 0.1);\n        color: #2c86ff;\n        font-weight: 600;\n        font-size: 0.65rem;\n        padding: 0.25rem 0.8rem;\n        border-radius: 40px;\n    }\n\n    .nav-prev {\n        background: #f1f5f9;\n        border: none;\n        padding: 0.3rem 0.9rem;\n        border-radius: 40px;\n        font-size: 0.65rem;\n        font-weight: 500;\n        color: #475569;\n        cursor: pointer;\n        font-family: inherit;\n    }\n\n    .nav-prev:hover { background: #e2e8f0; }\n    .nav-prev.disabled { opacity: 0.4; cursor: not-allowed; }\n\n    .question-text {\n        font-size: clamp(1rem, 3vw, 1.2rem);\n        font-weight: 700;\n        color: #0a2540;\n        line-height: 1.4;\n        margin-bottom: 1rem;\n        background: #fafcff;\n        padding: 0.6rem 0.8rem;\n        border-radius: 16px;\n        border: 1px solid rgba(44, 134, 255, 0.08);\n    }\n\n    .options-list {\n        display: flex;\n        flex-direction: column;\n        gap: 0.6rem;\n        margin-bottom: 1rem;\n    }\n\n    .option-btn {\n        background: #ffffff;\n        border: 1px solid #e8edf5;\n        border-radius: 14px;\n        padding: 0.7rem 1rem;\n        text-align: left;\n        font-size: clamp(0.75rem, 2.5vw, 0.85rem);\n        font-weight: 500;\n        color: #1e293b;\n        cursor: pointer;\n        font-family: inherit;\n        display: flex;\n        align-items: center;\n        gap: 0.6rem;\n        transition: all 0.2s ease;\n    }\n\n    .option-btn i { width: 20px; color: #2c86ff; font-size: 0.9rem; }\n    .option-btn:hover { background: #eff6ff; border-color: #2c86ff; transform: translateX(4px); }\n    .option-btn.selected { background: #eff6ff; border-color: #2c86ff; }\n\n    .progress-area {\n        margin-top: 1rem;\n        padding-top: 0.8rem;\n        border-top: 1px solid #eef2f8;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    .progress-bar { flex: 1; height: 5px; background: #e2e8f0; border-radius: 10px; overflow: hidden; margin-right: 0.8rem; }\n    .progress-fill { height: 100%; background: linear-gradient(90deg, #2c86ff, #5c3aed); border-radius: 10px; transition: width 0.3s ease; }\n    .progress-label { font-size: 0.65rem; color: #94a3b8; white-space: nowrap; }\n\n    .results-container {\n        background: #ffffff;\n        border-radius: 24px;\n        padding: 1.5rem;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n        border: 1px solid #e8edf5;\n    }\n\n    .results-header { text-align: center; margin-bottom: 1.5rem; }\n    .results-icon { width: 60px; height: 60px; margin: 0 auto 0.8rem auto; display: flex; align-items: center; justify-content: center; }\n    .results-header h3 { font-size: 1.2rem; font-weight: 700; color: #0a2540; }\n\n    .results-grid { display: flex; gap: 1.5rem; flex-wrap: wrap; }\n\n    .pack-recommendation {\n        flex: 1;\n        min-width: 260px;\n        border-radius: 20px;\n        overflow: hidden;\n        transition: all 0.3s ease;\n    }\n    .pack-recommendation:hover { transform: translateY(-4px); }\n    .pack-inner {\n        background: linear-gradient(135deg, #0f172a, #1e293b);\n        border-radius: 20px;\n        padding: 1.2rem;\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        height: 100%;\n    }\n    .pack-recommendation.cloud_basic .pack-inner { border-top: 3px solid #3b82f6; }\n    .pack-recommendation.cloud_full .pack-inner { border-top: 3px solid #94a3b8; }\n    .pack-recommendation.cloud_live .pack-inner { border-top: 3px solid #f59e0b; }\n    .pack-recommendation.cloud_full_live .pack-inner { border-top: 3px solid #8b5cf6; }\n\n    .pack-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.8rem; flex-wrap: wrap; gap: 0.4rem; }\n    .pack-badge { display: inline-flex; align-items: center; gap: 0.3rem; padding: 0.2rem 0.6rem; border-radius: 40px; font-size: 0.55rem; font-weight: 600; }\n    .pack-recommendation.cloud_basic .pack-badge { background: rgba(59,130,246,0.2); color: #93c5fd; }\n    .pack-recommendation.cloud_full .pack-badge { background: rgba(148,163,184,0.2); color: #cbd5e1; }\n    .pack-recommendation.cloud_live .pack-badge { background: rgba(245,158,11,0.2); color: #fde68a; }\n    .pack-recommendation.cloud_full_live .pack-badge { background: rgba(139,92,246,0.2); color: #c4b5fd; }\n\n    .pack-icon { width: 42px; height: 42px; background: rgba(255,255,255,0.08); border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 1.3rem; color: white; }\n    .pack-title { font-size: 1.2rem; font-weight: 700; color: white; margin-bottom: 0.2rem; }\n    .pack-description { font-size: 0.7rem; color: rgba(255,255,255,0.85); line-height: 1.45; margin: 0.8rem 0; padding: 0.6rem 0; border-top: 1px solid rgba(255,255,255,0.08); border-bottom: 1px solid rgba(255,255,255,0.08); }\n    .pack-features { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-bottom: 1rem; }\n    .feature-chip { font-size: 0.6rem; padding: 0.15rem 0.6rem; background: rgba(255,255,255,0.08); border-radius: 30px; color: rgba(255,255,255,0.7); }\n    .pack-link { display: inline-flex; align-items: center; gap: 0.4rem; background: rgba(255,255,255,0.1); padding: 0.5rem 1rem; border-radius: 50px; text-decoration: none; color: white; font-size: 0.7rem; font-weight: 600; width: 100%; justify-content: center; border: 1px solid rgba(255,255,255,0.1); }\n\n    .products-col { flex: 1.5; min-width: 260px; }\n    .products-title { font-size: 0.85rem; font-weight: 700; color: #0a2540; margin-bottom: 0.8rem; display: flex; align-items: center; gap: 0.4rem; }\n    .products-grid { display: flex; flex-direction: column; gap: 0.6rem; }\n    .product-item { background: #f8fafc; border-radius: 14px; padding: 0.6rem 0.8rem; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0.5rem; transition: all 0.2s; border: 1px solid #eef2f8; }\n    .product-item:hover { transform: translateX(4px); border-color: #2c86ff; background: white; }\n    .product-left { display: flex; align-items: center; gap: 0.6rem; }\n    .product-icon { width: 36px; height: 36px; background: rgba(44,134,255,0.1); border-radius: 12px; display: flex; align-items: center; justify-content: center; }\n    .product-icon i { font-size: 1rem; color: #2c86ff; }\n    .product-details h6 { font-size: 0.75rem; font-weight: 700; color: #0a2540; }\n    .product-details p { font-size: 0.55rem; color: #5b6e8c; }\n    .product-link { background: rgba(44,134,255,0.1); color: #2c86ff; padding: 0.25rem 0.9rem; border-radius: 30px; text-decoration: none; font-size: 0.65rem; font-weight: 600; }\n\n    .reset-btn {\n        background: transparent;\n        border: 1px solid #cbd5e1;\n        padding: 0.5rem 1.2rem;\n        border-radius: 50px;\n        font-weight: 600;\n        font-size: 0.7rem;\n        margin-top: 1rem;\n        cursor: pointer;\n        display: block;\n        margin-left: auto;\n        margin-right: auto;\n        color: #64748b;\n    }\n    .reset-btn:hover { background: #f1f5f9; border-color: #2c86ff; color: #2c86ff; }\n\n    @media (max-width: 900px) {\n        .future-grid { grid-template-columns: 1fr; }\n        .quiz-banner-with-bg { padding: 1.5rem 1rem; }\n        .quiz-stats { display: none; }\n        .quiz-questions-area-white { padding: 1rem; }\n    }\n\n    @media (max-width: 600px) {\n        .future-showcase { padding: 70px 16px; }\n        .card-content { padding: 24px; }\n        .card-content h3 { font-size: 1.4rem; }\n        .card-content p { font-size: 0.85rem; }\n        .future-header h2 { font-size: 1.8rem; }\n        .quiz-title { font-size: 1.4rem; }\n        .quiz-banner-with-bg { padding: 1rem; }\n        .results-grid { flex-direction: column; gap: 1rem; }\n        .quiz-collapsible-white.open { padding: 0; }\n        .quiz-question-card { padding: 1rem; }\n        .quiz-questions-area-white { padding: 0.8rem; }\n    }\n\n    @media (max-width: 480px) {\n        .quiz-stats { display: none; }\n        .quiz-desc { font-size: 0.75rem; }\n        .quiz-toggle-btn { padding: 0.6rem 1.2rem; font-size: 0.8rem; }\n        .quiz-title { font-size: 1.2rem; }\n    }\n<\/style>\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\">\n\n<script>\n(function() {\n    'use strict';\n    \n    \/\/ ============================================================\n    \/\/ MASTER TRANSLATION DATABASE - 5 LANGUAGES\n    \/\/ English, French, Spanish, Italian, German\n    \/\/ ============================================================\n    \n    const translationsDB = {\n        \/\/ ENGLISH\n        en: {\n            quiz_badge: \"SMART SECURITY ASSESSMENT\",\n            quiz_title: \"Find What You <span>Really Need<\/span>\",\n            quiz_desc: \"Answer 10 quick questions and receive a fully personalized recommendation for products and service packages tailored to your needs.\",\n            stat1: \"Save hours\", stat1_suffix: \"of research\",\n            stat2: \"Fully personalized\", stat2_suffix: \"results\",\n            stat3: \"No commitment\", stat3_suffix: \"required\",\n            take_quiz: \"Take the Quiz\", close_quiz: \"Close Quiz\",\n            q1: \"How often do you connect to public WiFi?\",\n            q1_op1: \"Daily \u2014 remote work or travel\", q1_op2: \"Few times a week\", q1_op3: \"Rarely \u2014 mostly home network\", q1_op4: \"Never \u2014 only mobile data\",\n            q2: \"How many devices need protection?\",\n            q2_op1: \"Just me \u2014 1 device\", q2_op2: \"2-3 devices\", q2_op3: \"4-5 devices (family)\", q2_op4: \"6+ devices (business)\",\n            q3: \"Worried about webcam\/mic hacking?\", q3_op1: \"Yes \u2014 I keep my camera covered\", q3_op2: \"I'm concerned\", q3_op3: \"Not really\",\n            q4: \"Biggest online privacy concern?\", q4_op1: \"Companies tracking me\", q4_op2: \"Identity theft\", q4_op3: \"Data breaches\", q4_op4: \"Not a concern\",\n            q5: \"How do you protect against viruses?\", q5_op1: \"Dedicated antivirus\", q5_op2: \"Windows Defender only\", q5_op3: \"Nothing at all\",\n            q6: \"Store sensitive files on your PC?\", q6_op1: \"Yes \u2014 would be devastating\", q6_op2: \"Some \u2014 have backups\", q6_op3: \"Not really\",\n            q7: \"PC performance optimization important?\", q7_op1: \"Very \u2014 my PC feels slow\", q7_op2: \"Somewhat\", q7_op3: \"Not important\",\n            q8: \"Need family protection?\", q8_op1: \"Yes \u2014 kids safety\", q8_op2: \"Maybe basic\", q8_op3: \"Just myself\",\n            q9: \"Shop or bank online regularly?\", q9_op1: \"Yes \u2014 weekly\", q9_op2: \"Sometimes\", q9_op3: \"Rarely\",\n            q10: \"Preferred commitment?\", q10_op1: \"Monthly \u2014 flexibility\", q10_op2: \"Annual \u2014 save 20%\",\n            question_prefix: \"Question\", back_button: \"Back\", recommended: \"RECOMMENDED\", explore_pack: \"Explore Pack\",\n            recommended_products: \"Recommended Products\", individual_license: \"Individual license\", view: \"View\",\n            take_quiz_again: \"Take Quiz Again\", your_security_plan: \"Your Personalized Security Plan\",\n            service_pack_covers: \"Your service pack covers all essential needs.\",\n            pack_cloud_basic: \"Cloud Basic\", pack_cloud_full: \"Cloud Full\", pack_cloud_live: \"Cloud Live\", pack_cloud_full_live: \"Cloud Full Live\",\n            pack_desc_basic: \"Essential cloud + antivirus for 1 user. Perfect for basic security needs.\",\n            pack_desc_full: \"Complete suite + transferable licenses. Ideal for personal use with priority support.\",\n            pack_desc_live: \"3 users + privacy shield + anti-malware. Great for families and small teams.\",\n            pack_desc_full_live: \"Ultimate: VPN, webcam blocker, ransomware defense + identity protection for 3 users.\",\n            feature_cloud_access: \"Cloud Access\", feature_antivirus: \"Antivirus\", feature_utilities: \"Utilities\",\n            feature_priority_support: \"Priority Support\", feature_3_users: \"3 Users\", feature_privacy_shield: \"Privacy Shield\",\n            feature_24_7_support: \"24\/7 Support\", feature_premium_vpn: \"Premium VPN\", feature_webcam_blocker: \"Webcam Blocker\",\n            feature_identity_protection: \"Identity Protection\"\n        },\n        \n        \/\/ FRENCH\n        fr: {\n            quiz_badge: \"\u00c9VALUATION DE S\u00c9CURIT\u00c9 INTELLIGENTE\",\n            quiz_title: \"Trouvez ce dont vous <span>avez vraiment besoin<\/span>\",\n            quiz_desc: \"R\u00e9pondez \u00e0 10 questions rapides et recevez une recommandation enti\u00e8rement personnalis\u00e9e de produits et de forfaits de services adapt\u00e9s \u00e0 vos besoins.\",\n            stat1: \"Gagnez des heures\", stat1_suffix: \"de recherche\",\n            stat2: \"Enti\u00e8rement personnalis\u00e9\", stat2_suffix: \"r\u00e9sultats\",\n            stat3: \"Sans engagement\", stat3_suffix: \"requis\",\n            take_quiz: \"Faire le Quiz\", close_quiz: \"Fermer le Quiz\",\n            q1: \"\u00c0 quelle fr\u00e9quence vous connectez-vous au WiFi public ?\",\n            q1_op1: \"Quotidiennement \u2014 travail \u00e0 distance ou voyages\", q1_op2: \"Quelques fois par semaine\", q1_op3: \"Rarement \u2014 surtout r\u00e9seau domestique\", q1_op4: \"Jamais \u2014 uniquement donn\u00e9es mobiles\",\n            q2: \"Combien d'appareils ont besoin de protection ?\",\n            q2_op1: \"Juste moi \u2014 1 appareil\", q2_op2: \"2-3 appareils\", q2_op3: \"4-5 appareils (famille)\", q2_op4: \"6+ appareils (entreprise)\",\n            q3: \"Inquiet du piratage de webcam\/micro ?\", q3_op1: \"Oui \u2014 je garde ma cam\u00e9ra couverte\", q3_op2: \"Je suis concern\u00e9\", q3_op3: \"Pas vraiment\",\n            q4: \"Plus grande pr\u00e9occupation en mati\u00e8re de confidentialit\u00e9 en ligne ?\", q4_op1: \"Les entreprises me traquent\", q4_op2: \"Vol d'identit\u00e9\", q4_op3: \"Violations de donn\u00e9es\", q4_op4: \"Pas une pr\u00e9occupation\",\n            q5: \"Comment vous prot\u00e9gez-vous contre les virus ?\", q5_op1: \"Antivirus d\u00e9di\u00e9\", q5_op2: \"Windows Defender uniquement\", q5_op3: \"Rien du tout\",\n            q6: \"Stockez-vous des fichiers sensibles sur votre PC ?\", q6_op1: \"Oui \u2014 serait d\u00e9vastateur\", q6_op2: \"Certains \u2014 j'ai des sauvegardes\", q6_op3: \"Pas vraiment\",\n            q7: \"L'optimisation des performances du PC est-elle importante ?\", q7_op1: \"Tr\u00e8s \u2014 mon PC semble lent\", q7_op2: \"Un peu\", q7_op3: \"Pas important\",\n            q8: \"Besoin de protection familiale ?\", q8_op1: \"Oui \u2014 s\u00e9curit\u00e9 des enfants\", q8_op2: \"Peut-\u00eatre basique\", q8_op3: \"Juste moi-m\u00eame\",\n            q9: \"Achetez ou faites des op\u00e9rations bancaires en ligne r\u00e9guli\u00e8rement ?\", q9_op1: \"Oui \u2014 hebdomadairement\", q9_op2: \"Parfois\", q9_op3: \"Rarement\",\n            q10: \"Engagement pr\u00e9f\u00e9r\u00e9 ?\", q10_op1: \"Mensuel \u2014 flexibilit\u00e9\", q10_op2: \"Annuel \u2014 \u00e9conomisez 20%\",\n            question_prefix: \"Question\", back_button: \"Retour\", recommended: \"RECOMMAND\u00c9\", explore_pack: \"Explorer le Pack\",\n            recommended_products: \"Produits Recommand\u00e9s\", individual_license: \"Licence individuelle\", view: \"Voir\",\n            take_quiz_again: \"Refaire le Quiz\", your_security_plan: \"Votre Plan de S\u00e9curit\u00e9 Personnalis\u00e9\",\n            service_pack_covers: \"Votre pack de services couvre tous les besoins essentiels.\",\n            pack_cloud_basic: \"Cloud Basique\", pack_cloud_full: \"Cloud Complet\", pack_cloud_live: \"Cloud Live\", pack_cloud_full_live: \"Cloud Full Live\",\n            pack_desc_basic: \"Cloud essentiel + antivirus pour 1 utilisateur. Parfait pour les besoins de s\u00e9curit\u00e9 de base.\",\n            pack_desc_full: \"Suite compl\u00e8te + licences transf\u00e9rables. Id\u00e9al pour un usage personnel avec support prioritaire.\",\n            pack_desc_live: \"3 utilisateurs + bouclier de confidentialit\u00e9 + anti-malware. Id\u00e9al pour les familles et petites \u00e9quipes.\",\n            pack_desc_full_live: \"Ultime : VPN, bloqueur de webcam, d\u00e9fense ransomware + protection d'identit\u00e9 pour 3 utilisateurs.\",\n            feature_cloud_access: \"Acc\u00e8s Cloud\", feature_antivirus: \"Antivirus\", feature_utilities: \"Utilitaires\",\n            feature_priority_support: \"Support Prioritaire\", feature_3_users: \"3 Utilisateurs\", feature_privacy_shield: \"Bouclier de Confidentialit\u00e9\",\n            feature_24_7_support: \"Support 24\/7\", feature_premium_vpn: \"VPN Premium\", feature_webcam_blocker: \"Bloqueur de Webcam\",\n            feature_identity_protection: \"Protection d'Identit\u00e9\"\n        },\n        \n        \/\/ SPANISH\n        es: {\n            quiz_badge: \"EVALUACI\u00d3N DE SEGURIDAD INTELIGENTE\",\n            quiz_title: \"Encuentra lo que <span>Realmente Necesitas<\/span>\",\n            quiz_desc: \"Responde 10 preguntas r\u00e1pidas y recibe una recomendaci\u00f3n completamente personalizada de productos y paquetes de servicios adaptados a tus necesidades.\",\n            stat1: \"Ahorra horas\", stat1_suffix: \"de investigaci\u00f3n\",\n            stat2: \"Completamente personalizado\", stat2_suffix: \"resultados\",\n            stat3: \"Sin compromiso\", stat3_suffix: \"requerido\",\n            take_quiz: \"Realizar Cuestionario\", close_quiz: \"Cerrar Cuestionario\",\n            q1: \"\u00bfCon qu\u00e9 frecuencia te conectas a WiFi p\u00fablica?\",\n            q1_op1: \"Diariamente \u2014 trabajo remoto o viajes\", q1_op2: \"Pocas veces por semana\", q1_op3: \"Raramente \u2014 mayormente red dom\u00e9stica\", q1_op4: \"Nunca \u2014 solo datos m\u00f3viles\",\n            q2: \"\u00bfCu\u00e1ntos dispositivos necesitan protecci\u00f3n?\",\n            q2_op1: \"Solo yo \u2014 1 dispositivo\", q2_op2: \"2-3 dispositivos\", q2_op3: \"4-5 dispositivos (familia)\", q2_op4: \"6+ dispositivos (negocios)\",\n            q3: \"\u00bfTe preocupa el hackeo de webcam\/micr\u00f3fono?\", q3_op1: \"S\u00ed \u2014 mantengo mi c\u00e1mara cubierta\", q3_op2: \"Me preocupa\", q3_op3: \"No realmente\",\n            q4: \"\u00bfMayor preocupaci\u00f3n de privacidad en l\u00ednea?\", q4_op1: \"Empresas rastre\u00e1ndome\", q4_op2: \"Robo de identidad\", q4_op3: \"Violaciones de datos\", q4_op4: \"No es una preocupaci\u00f3n\",\n            q5: \"\u00bfC\u00f3mo te proteges contra virus?\", q5_op1: \"Antivirus dedicado\", q5_op2: \"Solo Windows Defender\", q5_op3: \"Nada en absoluto\",\n            q6: \"\u00bfAlmacenas archivos sensibles en tu PC?\", q6_op1: \"S\u00ed \u2014 ser\u00eda devastador\", q6_op2: \"Algunos \u2014 tengo respaldos\", q6_op3: \"No realmente\",\n            q7: \"\u00bfEs importante la optimizaci\u00f3n del rendimiento de la PC?\", q7_op1: \"Mucho \u2014 mi PC se siente lenta\", q7_op2: \"Algo\", q7_op3: \"No es importante\",\n            q8: \"\u00bfNecesitas protecci\u00f3n familiar?\", q8_op1: \"S\u00ed \u2014 seguridad de los ni\u00f1os\", q8_op2: \"Tal vez b\u00e1sico\", q8_op3: \"Solo yo mismo\",\n            q9: \"\u00bfCompras o haces banca en l\u00ednea regularmente?\", q9_op1: \"S\u00ed \u2014 semanalmente\", q9_op2: \"A veces\", q9_op3: \"Raramente\",\n            q10: \"\u00bfCompromiso preferido?\", q10_op1: \"Mensual \u2014 flexibilidad\", q10_op2: \"Anual \u2014 ahorra 20%\",\n            question_prefix: \"Pregunta\", back_button: \"Atr\u00e1s\", recommended: \"RECOMENDADO\", explore_pack: \"Explorar Paquete\",\n            recommended_products: \"Productos Recomendados\", individual_license: \"Licencia individual\", view: \"Ver\",\n            take_quiz_again: \"Realizar Cuestionario Nuevamente\", your_security_plan: \"Tu Plan de Seguridad Personalizado\",\n            service_pack_covers: \"Tu paquete de servicios cubre todas las necesidades esenciales.\",\n            pack_cloud_basic: \"Cloud B\u00e1sico\", pack_cloud_full: \"Cloud Completo\", pack_cloud_live: \"Cloud Live\", pack_cloud_full_live: \"Cloud Full Live\",\n            pack_desc_basic: \"Cloud esencial + antivirus para 1 usuario. Perfecto para necesidades b\u00e1sicas de seguridad.\",\n            pack_desc_full: \"Suite completa + licencias transferibles. Ideal para uso personal con soporte prioritario.\",\n            pack_desc_live: \"3 usuarios + escudo de privacidad + antimalware. Ideal para familias y equipos peque\u00f1os.\",\n            pack_desc_full_live: \"Ultimate: VPN, bloqueador de webcam, defensa ransomware + protecci\u00f3n de identidad para 3 usuarios.\",\n            feature_cloud_access: \"Acceso a la Nube\", feature_antivirus: \"Antivirus\", feature_utilities: \"Utilidades\",\n            feature_priority_support: \"Soporte Prioritario\", feature_3_users: \"3 Usuarios\", feature_privacy_shield: \"Escudo de Privacidad\",\n            feature_24_7_support: \"Soporte 24\/7\", feature_premium_vpn: \"VPN Premium\", feature_webcam_blocker: \"Bloqueador de Webcam\",\n            feature_identity_protection: \"Protecci\u00f3n de Identidad\"\n        },\n        \n        \/\/ ITALIAN\n        it: {\n            quiz_badge: \"VALUTAZIONE DI SICUREZZA INTELLIGENTE\",\n            quiz_title: \"Trova ci\u00f2 di cui <span>hai veramente bisogno<\/span>\",\n            quiz_desc: \"Rispondi a 10 domande rapide e ricevi una raccomandazione completamente personalizzata di prodotti e pacchetti di servizi su misura per le tue esigenze.\",\n            stat1: \"Risparmia ore\", stat1_suffix: \"di ricerca\",\n            stat2: \"Completamente personalizzato\", stat2_suffix: \"risultati\",\n            stat3: \"Nessun impegno\", stat3_suffix: \"richiesto\",\n            take_quiz: \"Fai il Quiz\", close_quiz: \"Chiudi Quiz\",\n            q1: \"Con quale frequenza ti connetti al WiFi pubblico?\",\n            q1_op1: \"Giornalmente \u2014 lavoro remoto o viaggi\", q1_op2: \"Poche volte a settimana\", q1_op3: \"Raramente \u2014 principalmente rete domestica\", q1_op4: \"Mai \u2014 solo dati mobili\",\n            q2: \"Quanti dispositivi necessitano di protezione?\",\n            q2_op1: \"Solo io \u2014 1 dispositivo\", q2_op2: \"2-3 dispositivi\", q2_op3: \"4-5 dispositivi (famiglia)\", q2_op4: \"6+ dispositivi (azienda)\",\n            q3: \"Preoccupato per l'hacking di webcam\/microfono?\", q3_op1: \"S\u00ec \u2014 tengo la fotocamera coperta\", q3_op2: \"Sono preoccupato\", q3_op3: \"Non proprio\",\n            q4: \"Maggiore preoccupazione per la privacy online?\", q4_op1: \"Aziende che mi tracciano\", q4_op2: \"Furto d'identit\u00e0\", q4_op3: \"Violazione dei dati\", q4_op4: \"Non \u00e8 una preoccupazione\",\n            q5: \"Come ti proteggi dai virus?\", q5_op1: \"Antivirus dedicato\", q5_op2: \"Solo Windows Defender\", q5_op3: \"Niente affatto\",\n            q6: \"Conservi file sensibili sul tuo PC?\", q6_op1: \"S\u00ec \u2014 sarebbe devastante\", q6_op2: \"Alcuni \u2014 ho backup\", q6_op3: \"Non proprio\",\n            q7: \"L'ottimizzazione delle prestazioni del PC \u00e8 importante?\", q7_op1: \"Molto \u2014 il mio PC \u00e8 lento\", q7_op2: \"Abbastanza\", q7_op3: \"Non importante\",\n            q8: \"Hai bisogno di protezione familiare?\", q8_op1: \"S\u00ec \u2014 sicurezza dei bambini\", q8_op2: \"Forse base\", q8_op3: \"Solo me stesso\",\n            q9: \"Fai acquisti o operazioni bancarie online regolarmente?\", q9_op1: \"S\u00ec \u2014 settimanalmente\", q9_op2: \"A volte\", q9_op3: \"Raramente\",\n            q10: \"Impegno preferito?\", q10_op1: \"Mensile \u2014 flessibilit\u00e0\", q10_op2: \"Annuale \u2014 risparmia il 20%\",\n            question_prefix: \"Domanda\", back_button: \"Indietro\", recommended: \"RACCOMANDATO\", explore_pack: \"Esplora Pacchetto\",\n            recommended_products: \"Prodotti Consigliati\", individual_license: \"Licenza individuale\", view: \"Visualizza\",\n            take_quiz_again: \"Rifai il Quiz\", your_security_plan: \"Il Tuo Piano di Sicurezza Personalizzato\",\n            service_pack_covers: \"Il tuo pacchetto di servizi copre tutte le esigenze essenziali.\",\n            pack_cloud_basic: \"Cloud Base\", pack_cloud_full: \"Cloud Completo\", pack_cloud_live: \"Cloud Live\", pack_cloud_full_live: \"Cloud Full Live\",\n            pack_desc_basic: \"Cloud essenziale + antivirus per 1 utente. Perfetto per esigenze di sicurezza di base.\",\n            pack_desc_full: \"Suite completa + licenze trasferibili. Ideale per uso personale con supporto prioritario.\",\n            pack_desc_live: \"3 utenti + scudo privacy + anti-malware. Ottimo per famiglie e piccoli team.\",\n            pack_desc_full_live: \"Ultimate: VPN, blocco webcam, difesa ransomware + protezione identit\u00e0 per 3 utenti.\",\n            feature_cloud_access: \"Accesso Cloud\", feature_antivirus: \"Antivirus\", feature_utilities: \"Utility\",\n            feature_priority_support: \"Supporto Prioritario\", feature_3_users: \"3 Utenti\", feature_privacy_shield: \"Scudo Privacy\",\n            feature_24_7_support: \"Supporto 24\/7\", feature_premium_vpn: \"VPN Premium\", feature_webcam_blocker: \"Blocco Webcam\",\n            feature_identity_protection: \"Protezione Identit\u00e0\"\n        },\n        \n        \/\/ GERMAN\n        de: {\n            quiz_badge: \"INTELLIGENTE SICHERHEITSBEWERTUNG\",\n            quiz_title: \"Finden Sie, was Sie <span>wirklich brauchen<\/span>\",\n            quiz_desc: \"Beantworten Sie 10 schnelle Fragen und erhalten Sie eine vollst\u00e4ndig personalisierte Empfehlung f\u00fcr Produkte und Servicepakete, die auf Ihre Bed\u00fcrfnisse zugeschnitten sind.\",\n            stat1: \"Sparen Sie Stunden\", stat1_suffix: \"Recherche\",\n            stat2: \"Vollst\u00e4ndig personalisiert\", stat2_suffix: \"Ergebnisse\",\n            stat3: \"Keine Verpflichtung\", stat3_suffix: \"erforderlich\",\n            take_quiz: \"Quiz starten\", close_quiz: \"Quiz schlie\u00dfen\",\n            q1: \"Wie oft verbinden Sie sich mit \u00f6ffentlichem WLAN?\",\n            q1_op1: \"T\u00e4glich \u2014 Remote-Arbeit oder Reisen\", q1_op2: \"Ein paar Mal pro Woche\", q1_op3: \"Selten \u2014 meist Heimnetzwerk\", q1_op4: \"Nie \u2014 nur mobile Daten\",\n            q2: \"Wie viele Ger\u00e4te m\u00fcssen gesch\u00fctzt werden?\",\n            q2_op1: \"Nur ich \u2014 1 Ger\u00e4t\", q2_op2: \"2-3 Ger\u00e4te\", q2_op3: \"4-5 Ger\u00e4te (Familie)\", q2_op4: \"6+ Ger\u00e4te (Gesch\u00e4ft)\",\n            q3: \"Sorgen um Webcam\/Mikrofon-Hacking?\", q3_op1: \"Ja \u2014 ich halte meine Kamera abgedeckt\", q3_op2: \"Ich bin besorgt\", q3_op3: \"Nicht wirklich\",\n            q4: \"Gr\u00f6\u00dftes Online-Privatsph\u00e4re-Problem?\", q4_op1: \"Unternehmen verfolgen mich\", q4_op2: \"Identit\u00e4tsdiebstahl\", q4_op3: \"Datenverst\u00f6\u00dfe\", q4_op4: \"Kein Problem\",\n            q5: \"Wie sch\u00fctzen Sie sich vor Viren?\", q5_op1: \"Dediziertes Antivirus\", q5_op2: \"Nur Windows Defender\", q5_op3: \"\u00dcberhaupt nichts\",\n            q6: \"Speichern Sie sensible Dateien auf Ihrem PC?\", q6_op1: \"Ja \u2014 w\u00e4re verheerend\", q6_op2: \"Einige \u2014 habe Backups\", q6_op3: \"Nicht wirklich\",\n            q7: \"Ist PC-Leistungsoptimierung wichtig?\", q7_op1: \"Sehr \u2014 mein PC f\u00fchlt sich langsam an\", q7_op2: \"Etwas\", q7_op3: \"Nicht wichtig\",\n            q8: \"Brauchen Sie Familienschutz?\", q8_op1: \"Ja \u2014 Kindersicherheit\", q8_op2: \"Vielleicht basisch\", q8_op3: \"Nur mich selbst\",\n            q9: \"Kaufen oder bankieren Sie regelm\u00e4\u00dfig online?\", q9_op1: \"Ja \u2014 w\u00f6chentlich\", q9_op2: \"Manchmal\", q9_op3: \"Selten\",\n            q10: \"Bevorzugte Verpflichtung?\", q10_op1: \"Monatlich \u2014 Flexibilit\u00e4t\", q10_op2: \"J\u00e4hrlich \u2014 20% sparen\",\n            question_prefix: \"Frage\", back_button: \"Zur\u00fcck\", recommended: \"EMPFOHLEN\", explore_pack: \"Paket erkunden\",\n            recommended_products: \"Empfohlene Produkte\", individual_license: \"Einzellizenz\", view: \"Ansehen\",\n            take_quiz_again: \"Quiz wiederholen\", your_security_plan: \"Ihr personalisierter Sicherheitsplan\",\n            service_pack_covers: \"Ihr Servicepaket deckt alle wesentlichen Anforderungen ab.\",\n            pack_cloud_basic: \"Cloud Basic\", pack_cloud_full: \"Cloud Full\", pack_cloud_live: \"Cloud Live\", pack_cloud_full_live: \"Cloud Full Live\",\n            pack_desc_basic: \"Essentielle Cloud + Antivirus f\u00fcr 1 Benutzer. Perfekt f\u00fcr grundlegende Sicherheitsanforderungen.\",\n            pack_desc_full: \"Komplette Suite + \u00fcbertragbare Lizenzen. Ideal f\u00fcr den pers\u00f6nlichen Gebrauch mit Priorit\u00e4tsunterst\u00fctzung.\",\n            pack_desc_live: \"3 Benutzer + Datenschutzschild + Anti-Malware. Gro\u00dfartig f\u00fcr Familien und kleine Teams.\",\n            pack_desc_full_live: \"Ultimativ: VPN, Webcam-Blocker, Ransomware-Abwehr + Identit\u00e4tsschutz f\u00fcr 3 Benutzer.\",\n            feature_cloud_access: \"Cloud-Zugriff\", feature_antivirus: \"Antivirus\", feature_utilities: \"Dienstprogramme\",\n            feature_priority_support: \"Priorit\u00e4tsunterst\u00fctzung\", feature_3_users: \"3 Benutzer\", feature_privacy_shield: \"Datenschutzschild\",\n            feature_24_7_support: \"24\/7 Support\", feature_premium_vpn: \"Premium VPN\", feature_webcam_blocker: \"Webcam-Blocker\",\n            feature_identity_protection: \"Identit\u00e4tsschutz\"\n        }\n    };\n    \n    \/\/ Get current language\n    function getCurrentLanguage() {\n        const htmlLang = document.documentElement.lang || 'en';\n        const langCode = htmlLang.substring(0, 2).toLowerCase();\n        const supportedLangs = ['en', 'fr', 'es', 'it', 'de'];\n        return supportedLangs.includes(langCode) ? langCode : 'en';\n    }\n    \n    \/\/ Apply translations to static elements\n    function applyStaticTranslations() {\n        const currentLang = getCurrentLanguage();\n        const t = translationsDB[currentLang];\n        \n        document.querySelectorAll('[data-translate]').forEach(el => {\n            const key = el.getAttribute('data-translate');\n            if (t && t[key]) {\n                if (el.innerHTML && t[key].includes('<span>')) {\n                    el.innerHTML = t[key];\n                } else {\n                    el.textContent = t[key];\n                }\n            }\n        });\n    }\n    \n    \/\/ Get translated text\n    function getTranslation(key) {\n        const currentLang = getCurrentLanguage();\n        const t = translationsDB[currentLang];\n        return t && t[key] ? t[key] : (translationsDB.en[key] || key);\n    }\n    \n    \/\/ ============================================================\n    \/\/ QUIZ QUESTIONS & LOGIC\n    \/\/ ============================================================\n    \n    const questionsData = [\n        { id: 1, icon: \"fa-wifi\",\n            options: [\n                { labelKey: \"q1_op1\", points: { vpn: 3, pack: \"cloud_full_live\" } },\n                { labelKey: \"q1_op2\", points: { vpn: 2, pack: \"cloud_full\" } },\n                { labelKey: \"q1_op3\", points: { vpn: 1, pack: \"cloud_basic\" } },\n                { labelKey: \"q1_op4\", points: { vpn: 0, pack: \"cloud_basic\" } }\n            ] },\n        { id: 2, icon: \"fa-users\",\n            options: [\n                { labelKey: \"q2_op1\", points: { users: 1, pack: \"cloud_basic\" } },\n                { labelKey: \"q2_op2\", points: { users: 2, pack: \"cloud_full\" } },\n                { labelKey: \"q2_op3\", points: { users: 4, pack: \"cloud_live\" } },\n                { labelKey: \"q2_op4\", points: { users: 6, pack: \"cloud_full_live\" } }\n            ] },\n        { id: 3, icon: \"fa-camera\",\n            options: [\n                { labelKey: \"q3_op1\", points: { webcam: 3, product: \"webcam_blocker\" } },\n                { labelKey: \"q3_op2\", points: { webcam: 2, product: \"webcam_blocker\" } },\n                { labelKey: \"q3_op3\", points: { webcam: 0, product: null } }\n            ] },\n        { id: 4, icon: \"fa-user-secret\",\n            options: [\n                { labelKey: \"q4_op1\", points: { privacy: 3, product: \"pc_privacy_shield\" } },\n                { labelKey: \"q4_op2\", points: { privacy: 3, product: \"identity_theft\" } },\n                { labelKey: \"q4_op3\", points: { privacy: 2, product: \"cyber_privacy_suite\" } },\n                { labelKey: \"q4_op4\", points: { privacy: 0, product: null } }\n            ] },\n        { id: 5, icon: \"fa-shield-virus\",\n            options: [\n                { labelKey: \"q5_op1\", points: { antivirus: 2, product: \"assistyu_antivirus\" } },\n                { labelKey: \"q5_op2\", points: { antivirus: 1, product: \"anti_malware\" } },\n                { labelKey: \"q5_op3\", points: { antivirus: 3, product: \"assistyu_antivirus\" } }\n            ] },\n        { id: 6, icon: \"fa-lock\",\n            options: [\n                { labelKey: \"q6_op1\", points: { ransomware: 3, product: \"ransomware_defender\" } },\n                { labelKey: \"q6_op2\", points: { ransomware: 1, product: \"ransomware_defender\" } },\n                { labelKey: \"q6_op3\", points: { ransomware: 0, product: null } }\n            ] },\n        { id: 7, icon: \"fa-tachometer-alt\",\n            options: [\n                { labelKey: \"q7_op1\", points: { performance: 3, product: \"performance_optimizer\" } },\n                { labelKey: \"q7_op2\", points: { performance: 1, product: \"performance_optimizer\" } },\n                { labelKey: \"q7_op3\", points: { performance: 0, product: null } }\n            ] },\n        { id: 8, icon: \"fa-heart\",\n            options: [\n                { labelKey: \"q8_op1\", points: { family: 3, pack: \"cloud_live\", product: \"cyber_privacy_suite\" } },\n                { labelKey: \"q8_op2\", points: { family: 1, pack: \"cloud_full\" } },\n                { labelKey: \"q8_op3\", points: { family: 0, pack: \"cloud_basic\" } }\n            ] },\n        { id: 9, icon: \"fa-shopping-cart\",\n            options: [\n                { labelKey: \"q9_op1\", points: { banking: 3, product: \"identity_theft\" } },\n                { labelKey: \"q9_op2\", points: { banking: 1, product: \"pc_privacy_shield\" } },\n                { labelKey: \"q9_op3\", points: { banking: 0, product: null } }\n            ] },\n        { id: 10, icon: \"fa-calendar-alt\",\n            options: [\n                { labelKey: \"q10_op1\", points: { commitment: \"monthly\" } },\n                { labelKey: \"q10_op2\", points: { commitment: \"annual\" } }\n            ] }\n    ];\n\n    const productUrls = {\n        assistyu_vpn: \"https:\/\/thevaperz.com\/product\/assistyou-vpn\/\",\n        webcam_blocker: \"https:\/\/thevaperz.com\/product\/assistyou-webcam-blocker\/\",\n        cyber_privacy_suite: \"https:\/\/thevaperz.com\/product\/cyber-privacy-suite\/\",\n        assistyu_antivirus: \"https:\/\/thevaperz.com\/product\/assistyou-antivirus\/\",\n        anti_malware: \"https:\/\/thevaperz.com\/product\/anti-malware\/\",\n        ransomware_defender: \"https:\/\/thevaperz.com\/product\/ransomware-defender\/\",\n        identity_theft: \"https:\/\/thevaperz.com\/product\/identity-theft-preventer\/\",\n        pc_privacy_shield: \"https:\/\/thevaperz.com\/product\/pc-privacy-shield\/\",\n        performance_optimizer: \"https:\/\/thevaperz.com\/product\/windows-performance-optimizer\/\"\n    };\n    \n    const packUrls = {\n        cloud_basic: \"https:\/\/thevaperz.com\/services\/#cloud-basic\",\n        cloud_full: \"https:\/\/thevaperz.com\/services\/#cloud-full\",\n        cloud_live: \"https:\/\/thevaperz.com\/services\/#cloud-live\",\n        cloud_full_live: \"https:\/\/thevaperz.com\/services\/#cloud-full-live\"\n    };\n    \n    const productNames = {\n        assistyu_vpn: \"AssistYu VPN\", webcam_blocker: \"Webcam Blocker\", cyber_privacy_suite: \"Cyber Privacy Suite\",\n        assistyu_antivirus: \"AssistYu Antivirus\", anti_malware: \"Anti Malware\", ransomware_defender: \"Ransomware Defender\",\n        identity_theft: \"Identity Theft Preventer\", pc_privacy_shield: \"PC Privacy Shield\", performance_optimizer: \"Windows Performance Optimizer\"\n    };\n    \n    const productIcons = {\n        assistyu_vpn: \"fa-globe\", webcam_blocker: \"fa-camera\", cyber_privacy_suite: \"fa-shield-alt\",\n        assistyu_antivirus: \"fa-shield-virus\", anti_malware: \"fa-bug\", ransomware_defender: \"fa-lock\",\n        identity_theft: \"fa-id-card\", pc_privacy_shield: \"fa-eraser\", performance_optimizer: \"fa-tachometer-alt\"\n    };\n\n    let userSelections = {};\n    let currentQIndex = 0;\n    const totalQs = questionsData.length;\n\n    function renderQuestionsUI() {\n        const container = document.getElementById('quizQuestionsContainer');\n        if (!container) return;\n        \n        let html = '';\n        questionsData.forEach((q, idx) => {\n            const optsHtml = q.options.map(opt => `\n                <button class=\"option-btn\" data-qid=\"${q.id}\" data-points='${JSON.stringify(opt.points)}'>\n                    <i class=\"fas ${q.icon}\"><\/i>\n                    <span>${getTranslation(opt.labelKey)}<\/span>\n                <\/button>\n            `).join('');\n            \n            const showPrev = idx > 0;\n            html += `\n                <div class=\"quiz-question-card\" data-card-idx=\"${idx}\">\n                    <div class=\"question-top\">\n                        <span class=\"question-tag\">${getTranslation('question_prefix')} ${q.id}\/10<\/span>\n                        <div class=\"question-nav\">\n                            ${showPrev ? `<button class=\"nav-prev\"><i class=\"fas fa-arrow-left\"><\/i> ${getTranslation('back_button')}<\/button>` : '<button class=\"nav-prev disabled\" disabled style=\"opacity:0.3;\"><i class=\"fas fa-arrow-left\"><\/i> Back<\/button>'}\n                        <\/div>\n                    <\/div>\n                    <div class=\"question-text\">${getTranslation(`q${q.id}`)}<\/div>\n                    <div class=\"options-list\" data-qid=\"${q.id}\">${optsHtml}<\/div>\n                    <div class=\"progress-area\">\n                        <div class=\"progress-bar\"><div class=\"progress-fill\" style=\"width: ${((idx + 1) \/ totalQs) * 100}%;\"><\/div><\/div>\n                        <span class=\"progress-label\">${idx + 1}\/${totalQs}<\/span>\n                    <\/div>\n                <\/div>\n            `;\n        });\n        container.innerHTML = html;\n        document.querySelectorAll('.quiz-question-card')[0]?.classList.add('active');\n        attachEvents();\n        restoreUserSelections();\n    }\n    \n    function attachEvents() {\n        document.querySelectorAll('.option-btn').forEach(btn => {\n            btn.removeEventListener('click', handleOptionClick);\n            btn.addEventListener('click', handleOptionClick);\n        });\n        document.querySelectorAll('.nav-prev').forEach(btn => {\n            if (!btn.disabled) {\n                btn.removeEventListener('click', handlePrevClick);\n                btn.addEventListener('click', handlePrevClick);\n            }\n        });\n    }\n    \n    function handleOptionClick(e) {\n        const btn = e.currentTarget;\n        const qid = parseInt(btn.dataset.qid);\n        const pointsData = JSON.parse(btn.dataset.points);\n        userSelections[qid] = pointsData;\n        const parentList = btn.closest('.options-list');\n        if (parentList) {\n            parentList.querySelectorAll('.option-btn').forEach(opt => opt.classList.remove('selected'));\n        }\n        btn.classList.add('selected');\n        if (qid === totalQs) {\n            if (Object.keys(userSelections).length === totalQs) generateResultsUI();\n        } else {\n            if (currentQIndex < totalQs - 1) {\n                document.querySelectorAll('.quiz-question-card')[currentQIndex].classList.remove('active');\n                currentQIndex++;\n                document.querySelectorAll('.quiz-question-card')[currentQIndex].classList.add('active');\n            }\n        }\n    }\n    \n    function handlePrevClick() {\n        if (currentQIndex > 0) {\n            document.querySelectorAll('.quiz-question-card')[currentQIndex].classList.remove('active');\n            currentQIndex--;\n            document.querySelectorAll('.quiz-question-card')[currentQIndex].classList.add('active');\n        }\n    }\n    \n    function restoreUserSelections() {\n        for (let qid = 1; qid <= totalQs; qid++) {\n            const saved = userSelections[qid];\n            if (saved) {\n                const card = document.querySelector(`.quiz-question-card[data-card-idx=\"${qid-1}\"]`);\n                if (card) {\n                    const opts = card.querySelectorAll('.option-btn');\n                    for (let opt of opts) {\n                        const optPoints = JSON.parse(opt.dataset.points);\n                        if (JSON.stringify(optPoints) === JSON.stringify(saved)) {\n                            opt.classList.add('selected');\n                            break;\n                        }\n                    }\n                }\n            }\n        }\n    }\n    \n    function generateResultsUI() {\n        let needs = { vpn: 0, webcam: 0, privacy: 0, antivirus: 0, ransomware: 0, performance: 0, family: 0, banking: 0 };\n        let recommendedProducts = new Set();\n        let recommendedPack = \"cloud_basic\";\n        \n        Object.values(userSelections).forEach(ans => {\n            if (ans.vpn) needs.vpn += ans.vpn;\n            if (ans.webcam) needs.webcam += ans.webcam;\n            if (ans.privacy) needs.privacy += ans.privacy;\n            if (ans.antivirus) needs.antivirus += ans.antivirus;\n            if (ans.ransomware) needs.ransomware += ans.ransomware;\n            if (ans.performance) needs.performance += ans.performance;\n            if (ans.family) needs.family += ans.family;\n            if (ans.banking) needs.banking += ans.banking;\n            if (ans.product) recommendedProducts.add(ans.product);\n            if (ans.pack) {\n                const order = { cloud_basic:1, cloud_full:2, cloud_live:3, cloud_full_live:4 };\n                if (order[ans.pack] > order[recommendedPack]) recommendedPack = ans.pack;\n            }\n        });\n        \n        if (needs.vpn >= 2) recommendedProducts.add(\"assistyu_vpn\");\n        if (needs.webcam >= 2) recommendedProducts.add(\"webcam_blocker\");\n        if (needs.privacy >= 2) recommendedProducts.add(\"pc_privacy_shield\");\n        if (needs.antivirus >= 2) recommendedProducts.add(\"assistyu_antivirus\");\n        if (needs.ransomware >= 2) recommendedProducts.add(\"ransomware_defender\");\n        if (needs.performance >= 2) recommendedProducts.add(\"performance_optimizer\");\n        if (needs.family >= 2) recommendedProducts.add(\"cyber_privacy_suite\");\n        if (needs.banking >= 2) recommendedProducts.add(\"identity_theft\");\n        \n        let totalNeeds = Object.values(needs).reduce((a,b)=>a+b,0);\n        if (totalNeeds >= 12) recommendedPack = \"cloud_full_live\";\n        else if (totalNeeds >= 7) recommendedPack = \"cloud_live\";\n        else if (totalNeeds >= 3) recommendedPack = \"cloud_full\";\n        \n        const packNamesMap = { \n            cloud_basic: getTranslation('pack_cloud_basic'), \n            cloud_full: getTranslation('pack_cloud_full'), \n            cloud_live: getTranslation('pack_cloud_live'), \n            cloud_full_live: getTranslation('pack_cloud_full_live') \n        };\n        \n        const packDescriptionsMap = {\n            cloud_basic: getTranslation('pack_desc_basic'),\n            cloud_full: getTranslation('pack_desc_full'),\n            cloud_live: getTranslation('pack_desc_live'),\n            cloud_full_live: getTranslation('pack_desc_full_live')\n        };\n        \n        const packIconsMap = { cloud_basic:\"fa-cloud\", cloud_full:\"fa-layer-group\", cloud_live:\"fa-users\", cloud_full_live:\"fa-crown\" };\n        \n        const featureKeys = {\n            cloud_basic: [\"feature_cloud_access\", \"feature_antivirus\", \"feature_utilities\"],\n            cloud_full: [\"feature_cloud_access\", \"feature_antivirus\", \"feature_priority_support\"],\n            cloud_live: [\"feature_3_users\", \"feature_privacy_shield\", \"feature_24_7_support\"],\n            cloud_full_live: [\"feature_3_users\", \"feature_premium_vpn\", \"feature_webcam_blocker\", \"feature_identity_protection\"]\n        };\n        \n        let productsArray = Array.from(recommendedProducts).slice(0,4);\n        let productsHtml = '';\n        productsArray.forEach(prod => {\n            if(productUrls[prod]) {\n                productsHtml += `\n                    <div class=\"product-item\">\n                        <div class=\"product-left\">\n                            <div class=\"product-icon\"><i class=\"fas ${productIcons[prod] || 'fa-shield-alt'}\"><\/i><\/div>\n                            <div class=\"product-details\"><h6>${productNames[prod]}<\/h6><p>${getTranslation('individual_license')}<\/p><\/div>\n                        <\/div>\n                        <a href=\"${productUrls[prod]}\" class=\"product-link\" target=\"_blank\">${getTranslation('view')} \u2192<\/a>\n                    <\/div>`;\n            }\n        });\n        \n        const featuresHtml = featureKeys[recommendedPack].map(key => `<span class=\"feature-chip\">${getTranslation(key)}<\/span>`).join('');\n        \n        const container = document.getElementById('quizQuestionsContainer');\n        container.innerHTML = `\n            <div class=\"results-container\">\n                <div class=\"results-header\">\n                    <div class=\"results-icon\"><img decoding=\"async\" src=\"https:\/\/thevaperz.com\/wp-content\/uploads\/2026\/04\/assistyu_com_logo-W1.svg\" alt=\"AssistYu Logo\" onerror=\"this.src='https:\/\/via.placeholder.com\/60?text=\ud83d\udd12'\"><\/div>\n                    <h3>${getTranslation('your_security_plan')}<\/h3>\n                <\/div>\n                <div class=\"results-grid\">\n                    <div class=\"pack-recommendation ${recommendedPack}\">\n                        <div class=\"pack-inner\">\n                            <div class=\"pack-header\">\n                                <div class=\"pack-icon\"><i class=\"fas ${packIconsMap[recommendedPack]}\"><\/i><\/div>\n                                <div class=\"pack-badge\"><i class=\"fas fa-star\"><\/i> ${getTranslation('recommended')}<\/div>\n                            <\/div>\n                            <div class=\"pack-title\">${packNamesMap[recommendedPack]}<\/div>\n                            <div class=\"pack-description\">${packDescriptionsMap[recommendedPack]}<\/div>\n                            <div class=\"pack-features\">${featuresHtml}<\/div>\n                            <a href=\"${packUrls[recommendedPack]}\" class=\"pack-link\" target=\"_blank\">${getTranslation('explore_pack')} <i class=\"fas fa-arrow-right\"><\/i><\/a>\n                        <\/div>\n                    <\/div>\n                    <div class=\"products-col\">\n                        <div class=\"products-title\"><i class=\"fas fa-boxes\"><\/i> ${getTranslation('recommended_products')} (${productsArray.length})<\/div>\n                        <div class=\"products-grid\">${productsHtml || '<p style=\"color: #5b6e8c; text-align: center; padding: 1rem;\">' + getTranslation('service_pack_covers') + '<\/p>'}<\/div>\n                    <\/div>\n                <\/div>\n                <div style=\"text-align: center;\">\n                    <button class=\"reset-btn\" id=\"resetQuizBtn\"><i class=\"fas fa-redo-alt\"><\/i> ${getTranslation('take_quiz_again')}<\/button>\n                <\/div>\n            <\/div>`;\n        document.getElementById('resetQuizBtn')?.addEventListener('click', resetQuizFull);\n    }\n    \n    function resetQuizFull() {\n        userSelections = {};\n        currentQIndex = 0;\n        renderQuestionsUI();\n    }\n\n    \/\/ TOGGLE DROPDOWN LOGIC\n    const toggleBtn = document.getElementById('quizToggleBtn');\n    const collapsibleDiv = document.getElementById('quizCollapsibleArea');\n    let panelOpen = false;\n    \n    function toggleQuizPanel() {\n        if (panelOpen) {\n            collapsibleDiv.classList.remove('open');\n            toggleBtn.classList.remove('expanded');\n            toggleBtn.innerHTML = `<i class=\"fas fa-chevron-down\"><\/i> <span data-translate=\"take_quiz\">${getTranslation('take_quiz')}<\/span>`;\n            panelOpen = false;\n        } else {\n            collapsibleDiv.classList.add('open');\n            toggleBtn.classList.add('expanded');\n            toggleBtn.innerHTML = `<i class=\"fas fa-chevron-up\"><\/i> <span data-translate=\"close_quiz\">${getTranslation('close_quiz')}<\/span>`;\n            panelOpen = true;\n            if (!document.getElementById('quizQuestionsContainer').innerHTML.trim() || document.querySelector('.quiz-question-card') === null) {\n                renderQuestionsUI();\n            }\n        }\n    }\n    \n    toggleBtn.addEventListener('click', (e) => {\n        e.stopPropagation();\n        toggleQuizPanel();\n    });\n    \n    \/\/ Initialize\n    function init() {\n        applyStaticTranslations();\n        renderQuestionsUI();\n    }\n    \n    \/\/ Watch for language changes\n    const languageObserver = new MutationObserver(function(mutations) {\n        mutations.forEach(function(mutation) {\n            if (mutation.attributeName === 'lang' || mutation.attributeName === 'data-trp-language') {\n                applyStaticTranslations();\n                if (panelOpen) {\n                    const wasOpen = panelOpen;\n                    resetQuizFull();\n                    if (wasOpen) {\n                        setTimeout(() => collapsibleDiv.classList.add('open'), 50);\n                    }\n                } else {\n                    resetQuizFull();\n                }\n            }\n        });\n    });\n    \n    languageObserver.observe(document.documentElement, { attributes: true });\n    \n    \/\/ Start\n    init();\n    \n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cdd03e0 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"cdd03e0\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-41a252c\" data-id=\"41a252c\" 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-ee4365f elementor-widget elementor-widget-html\" data-id=\"ee4365f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================= CUSTOMER REVIEWS SECTION - FULLY ISOLATED ================= -->\n<div id=\"assistyu-reviews-root\" style=\"width: 100%;\">\n    <section class=\"asy-reviews-modern-section\">\n        <div class=\"asy-reviews-container\">\n            <!-- Section Header -->\n            <div class=\"asy-reviews-header\">\n                <h2 class=\"asy-reviews-title\">\n                    What Our <span class=\"asy-title-gradient\">Customers Say<\/span>\n                <\/h2>\n                <div class=\"asy-reviews-divider\"><\/div>\n                <p class=\"asy-reviews-subtitle\">\n                    Join 15,000+ satisfied users who trust AssistYu for their digital security\n                <\/p>\n            <\/div>\n\n            <!-- Carousel Slider -->\n            <div class=\"asy-reviews-slider\">\n                <div class=\"asy-slider-track\" id=\"asySliderTrack\"><\/div>\n            <\/div>\n\n            <!-- Dot Indicators -->\n            <div class=\"asy-slider-dots\" id=\"asySliderDots\"><\/div>\n        <\/div>\n    <\/section>\n<\/div>\n\n<style>\n    \/* ========== FULLY ISOLATED REVIEWS SECTION ========== *\/\n    \/* All classes use 'asy-' prefix to prevent conflicts *\/\n    \n    #assistyu-reviews-root {\n        width: 100%;\n        margin: 0;\n        padding: 0;\n        isolation: isolate;\n    }\n    \n    .asy-reviews-modern-section {\n        width: 100%;\n        font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\n        padding: 4rem 2rem;\n        background: transparent;\n        position: relative;\n        overflow: hidden;\n        box-sizing: border-box;\n    }\n    \n    \/* Decorative background elements - scoped *\/\n    .asy-reviews-modern-section::before {\n        content: '';\n        position: absolute;\n        top: -30%;\n        right: -15%;\n        width: 500px;\n        height: 500px;\n        background: radial-gradient(circle, rgba(44, 134, 255, 0.08) 0%, transparent 70%);\n        border-radius: 50%;\n        pointer-events: none;\n        z-index: 0;\n    }\n    \n    .asy-reviews-modern-section::after {\n        content: '';\n        position: absolute;\n        bottom: -20%;\n        left: -10%;\n        width: 400px;\n        height: 400px;\n        background: radial-gradient(circle, rgba(92, 58, 237, 0.06) 0%, transparent 70%);\n        border-radius: 50%;\n        pointer-events: none;\n        z-index: 0;\n    }\n    \n    .asy-reviews-container {\n        max-width: 1400px;\n        margin: 0 auto;\n        position: relative;\n        z-index: 2;\n        box-sizing: border-box;\n    }\n    \n    .asy-reviews-header {\n        text-align: center;\n        margin-bottom: 3.5rem;\n    }\n    \n    .asy-reviews-title {\n        font-size: clamp(1.8rem, 4vw, 2.5rem);\n        font-weight: 700;\n        color: #0a2540;\n        margin-bottom: 1rem;\n        letter-spacing: -0.02em;\n        font-family: inherit;\n    }\n    \n    .asy-title-gradient {\n        background: linear-gradient(135deg, #2c86ff, #5c3aed);\n        background-clip: text;\n        -webkit-background-clip: text;\n        color: transparent;\n        display: inline-block;\n    }\n    \n    .asy-reviews-divider {\n        width: 70px;\n        height: 3px;\n        background: linear-gradient(90deg, #2c86ff, #5c3aed, #c084fc);\n        margin: 1rem auto;\n        border-radius: 4px;\n    }\n    \n    .asy-reviews-subtitle {\n        color: #5b6e8c;\n        font-size: clamp(0.9rem, 2.5vw, 1rem);\n        max-width: 550px;\n        margin: 0 auto;\n        line-height: 1.5;\n    }\n    \n    .asy-reviews-slider {\n        position: relative;\n        overflow: hidden;\n        margin: 2rem 0 1rem;\n        padding: 0.5rem 0;\n        width: 100%;\n    }\n    \n    .asy-slider-track {\n        display: flex;\n        transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        gap: 1.8rem;\n        will-change: transform;\n    }\n    \n    .asy-review-card {\n        flex: 0 0 calc(33.333% - 1.2rem);\n        min-width: 0;\n        background: #ffffff;\n        border-radius: 24px;\n        padding: 1.8rem;\n        transition: all 0.35s cubic-bezier(0.2, 0.9, 0.4, 1.1);\n        border: 2px solid rgba(44, 134, 255, 0.12);\n        box-shadow: 0 12px 30px -10px rgba(0, 0, 0, 0.08);\n        position: relative;\n        box-sizing: border-box;\n    }\n    \n    .asy-review-card::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        height: 4px;\n        background: linear-gradient(90deg, #2c86ff, #5c3aed, #c084fc);\n        border-radius: 24px 24px 0 0;\n        opacity: 0;\n        transition: opacity 0.3s ease;\n    }\n    \n    .asy-review-card:hover {\n        transform: translateY(-8px);\n        border-color: rgba(44, 134, 255, 0.3);\n        box-shadow: 0 25px 45px -15px rgba(44, 134, 255, 0.2);\n    }\n    \n    .asy-review-card:hover::before {\n        opacity: 1;\n    }\n    \n    .asy-review-quote {\n        margin-bottom: 1rem;\n    }\n    \n    .asy-review-quote i {\n        font-size: 1.8rem;\n        color: #2c86ff;\n        opacity: 0.3;\n        transition: opacity 0.3s ease;\n    }\n    \n    .asy-review-card:hover .asy-review-quote i {\n        opacity: 0.5;\n    }\n    \n    .asy-review-text {\n        color: #1e293b;\n        font-size: 0.92rem;\n        line-height: 1.65;\n        margin-bottom: 1.5rem;\n        font-weight: 450;\n        min-height: 100px;\n    }\n    \n    .asy-review-user {\n        display: flex;\n        align-items: center;\n        gap: 1rem;\n        padding-top: 1rem;\n        border-top: 2px solid rgba(44, 134, 255, 0.1);\n    }\n    \n    .asy-review-avatar {\n        width: 52px;\n        height: 52px;\n        border-radius: 50%;\n        overflow: hidden;\n        background: linear-gradient(135deg, #e8f0fe, #dce8fc);\n        flex-shrink: 0;\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n        border: 2px solid white;\n    }\n    \n    .asy-review-avatar img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n    }\n    \n    .asy-review-info {\n        flex: 1;\n    }\n    \n    .asy-review-info h4 {\n        font-size: 1rem;\n        font-weight: 700;\n        color: #0a2540;\n        margin-bottom: 0.3rem;\n        margin-top: 0;\n    }\n    \n    .asy-review-stars {\n        display: flex;\n        gap: 0.25rem;\n        margin-bottom: 0.4rem;\n    }\n    \n    .asy-review-stars i {\n        font-size: 0.75rem;\n        color: #f5a623;\n    }\n    \n    .asy-review-product-link {\n        font-size: 0.68rem;\n        font-weight: 600;\n        color: #2c86ff;\n        background: rgba(44, 134, 255, 0.12);\n        padding: 0.25rem 0.8rem;\n        border-radius: 30px;\n        display: inline-flex;\n        align-items: center;\n        gap: 0.3rem;\n        text-decoration: none;\n        transition: all 0.2s ease;\n        cursor: pointer;\n    }\n    \n    .asy-review-product-link i {\n        font-size: 0.65rem;\n    }\n    \n    .asy-review-product-link:hover {\n        background: #2c86ff;\n        color: white;\n        transform: translateX(3px);\n    }\n    \n    .asy-slider-dots {\n        display: flex;\n        justify-content: center;\n        gap: 1rem;\n        margin-top: 2.5rem;\n    }\n    \n    .asy-dot {\n        width: 10px;\n        height: 10px;\n        border-radius: 50%;\n        background: #cbd5e1;\n        cursor: pointer;\n        transition: all 0.3s ease;\n    }\n    \n    .asy-dot.active {\n        width: 32px;\n        border-radius: 12px;\n        background: linear-gradient(90deg, #2c86ff, #5c3aed);\n    }\n    \n    .asy-dot:hover {\n        background: #2c86ff;\n        opacity: 0.7;\n        transform: scale(1.2);\n    }\n    \n    \/* Responsive *\/\n    @media (max-width: 1100px) {\n        .asy-review-card {\n            flex: 0 0 calc(50% - 0.9rem);\n        }\n        .asy-reviews-modern-section {\n            padding: 3rem 1.5rem;\n        }\n    }\n    \n    @media (max-width: 768px) {\n        .asy-reviews-modern-section {\n            padding: 2.5rem 1rem;\n        }\n        .asy-review-card {\n            flex: 0 0 100%;\n        }\n        .asy-review-text {\n            font-size: 0.88rem;\n            min-height: auto;\n        }\n        .asy-reviews-title {\n            font-size: 1.6rem;\n        }\n        .asy-review-avatar {\n            width: 44px;\n            height: 44px;\n        }\n        .asy-review-info h4 {\n            font-size: 0.9rem;\n        }\n    }\n    \n    @media (max-width: 550px) {\n        .asy-review-card {\n            padding: 1.3rem;\n            border-width: 1.5px;\n        }\n        .asy-slider-dots {\n            margin-top: 1.5rem;\n        }\n    }\n<\/style>\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n\n<script>\n    (function() {\n        'use strict';\n        \n        \/\/ ========== PRODUCT & SERVICE URLS ==========\n        const ASYproductUrls = {\n            'AssistYu VPN': 'https:\/\/thevaperz.com\/product\/assistyou-vpn\/',\n            'Cyber Privacy Suite': 'https:\/\/thevaperz.com\/product\/cyber-privacy-suite\/',\n            'Ransomware Defender': 'https:\/\/thevaperz.com\/product\/ransomware-defender\/',\n            'AssistYu Antivirus': 'https:\/\/thevaperz.com\/product\/assistyou-antivirus\/',\n            'Anti Malware': 'https:\/\/thevaperz.com\/product\/anti-malware\/',\n            'PC Privacy Shield': 'https:\/\/thevaperz.com\/product\/pc-privacy-shield\/',\n            'Identity Theft Preventer': 'https:\/\/thevaperz.com\/product\/identity-theft-preventer\/',\n            'Windows Performance Optimizer': 'https:\/\/thevaperz.com\/product\/windows-performance-optimizer\/',\n            'Webcam Blocker': 'https:\/\/thevaperz.com\/product\/assistyou-webcam-blocker\/',\n            'Cloud Basic': 'https:\/\/thevaperz.com\/services\/#cloud-basic',\n            'Cloud Full': 'https:\/\/thevaperz.com\/services\/#cloud-full',\n            'Cloud Live': 'https:\/\/thevaperz.com\/services\/#cloud-live',\n            'Cloud Full Live': 'https:\/\/thevaperz.com\/services\/#cloud-full-live'\n        };\n\n        \/\/ ========== AUTHENTIC REVIEWS ==========\n        const ASYreviewsDatabase = [\n            \/\/ PRODUCT REVIEWS\n            { name: \"Mark Sullivan\", avatar: \"https:\/\/randomuser.me\/api\/portraits\/men\/32.jpg\", productIcon: \"fa-cloud\", text: \"I\u2019ve been using this VPN for about 8 months. Works perfectly for streaming and torrenting. No speed issues, and support replied in a couple of hours.\", stars: 5, purchased: \"AssistYu VPN\" },\n            { name: \"Linda Morrison\", avatar: \"https:\/\/randomuser.me\/api\/portraits\/women\/68.jpg\", productIcon: \"fa-shield-alt\", text: \"My husband clicked a suspicious link and this blocked it instantly. Worth it for that alone.\", stars: 5, purchased: \"Cyber Privacy Suite\" },\n            { name: \"Brian Foster\", avatar: \"https:\/\/randomuser.me\/api\/portraits\/men\/45.jpg\", productIcon: \"fa-shield-virus\", text: \"Small business owner here. We had a ransomware attempt last month \u2014 this stopped it completely.\", stars: 5, purchased: \"Ransomware Defender\" },\n            { name: \"Catherine Bell\", avatar: \"https:\/\/randomuser.me\/api\/portraits\/women\/23.jpg\", productIcon: \"fa-shield-alt\", text: \"My old laptop had tons of malware. This cleaned everything and now it runs like new.\", stars: 5, purchased: \"AssistYu Antivirus\" },\n            { name: \"Samuel Wright\", avatar: \"https:\/\/randomuser.me\/api\/portraits\/men\/89.jpg\", productIcon: \"fa-globe\", text: \"I travel constantly for work. Hotel WiFi used to stress me out. Now I just switch the VPN on and forget about it.\", stars: 5, purchased: \"AssistYu VPN\" },\n            { name: \"Diana Prince\", avatar: \"https:\/\/randomuser.me\/api\/portraits\/women\/54.jpg\", productIcon: \"fa-shield-alt\", text: \"Easy to manage for our team of Clean dashboard, no issues after months of use.\", stars: 5, purchased: \"Cyber Privacy Suite\" },\n            { name: \"Thomas Baker\", avatar: \"https:\/\/randomuser.me\/api\/portraits\/men\/12.jpg\", productIcon: \"fa-eraser\", text: \"Finally stopped ads tracking me everywhere. Browsing feels clean again\", stars: 5, purchased: \"PC Privacy Shield\" },\n            { name: \"Rebecca Stone\", avatar: \"https:\/\/randomuser.me\/api\/portraits\/women\/45.jpg\", productIcon: \"fa-id-card\", text: \"Someone tried to steal my identity. I got alerted immediately and avoided a serious issue.\", stars: 5, purchased: \"Identity Theft Preventer\" },\n            { name: \"Joseph Miller\", avatar: \"https:\/\/randomuser.me\/api\/portraits\/men\/52.jpg\", productIcon: \"fa-tachometer-alt\", text: \"My old PC was extremely slow. This cleaned up junk files and made it usable again.\", stars: 5, purchased: \"Windows Performance Optimizer\" },\n            { name: \"Karen Hayes\", avatar: \"https:\/\/randomuser.me\/api\/portraits\/women\/33.jpg\", productIcon: \"fa-shield-alt\", text: \"Best value security suite I\u2019ve tried. Doesn\u2019t slow down my system.\", stars: 5, purchased: \"Cyber Privacy Suite\" },\n            { name: \"Peter Griffin\", avatar: \"https:\/\/randomuser.me\/api\/portraits\/men\/71.jpg\", productIcon: \"fa-cloud\", text: \"VPN works great, good enough for 4K streaming and no-log policy is a big plus.\", stars: 5, purchased: \"AssistYu VPN\" },\n            { name: \"Laura Simmons\", avatar: \"https:\/\/randomuser.me\/api\/portraits\/women\/65.jpg\", productIcon: \"fa-camera\", text: \"Camera protection is essential for my online work. This gives real peace of mind.\", stars: 5, purchased: \"Webcam Blocker\" },\n            \/\/ SERVICE PACK REVIEWS\n            { name: \"Daniel Peterson\", avatar: \"https:\/\/randomuser.me\/api\/portraits\/men\/34.jpg\", productIcon: \"fa-cloud\", text: \"Got the Cloud Basic pack for my home office. Antivirus + cloud access for $30 is a steal. Setup took 5 minutes.\", stars: 5, purchased: \"Cloud Basic\" },\n            { name: \"Amy Robinson\", avatar: \"https:\/\/randomuser.me\/api\/portraits\/women\/88.jpg\", productIcon: \"fa-shield-alt\", text: \"Cloud Full pack is perfect for our family of three. The transferable licenses are great because we switch devices often.\", stars: 5, purchased: \"Cloud Full\" },\n            { name: \"Chris Morgan\", avatar: \"https:\/\/randomuser.me\/api\/portraits\/men\/75.jpg\", productIcon: \"fa-shield-virus\", text: \"Cloud Live pack for our remote team of 4. The privacy shield and anti-malware are top notch. Support responds quickly.\", stars: 5, purchased: \"Cloud Live\" },\n            { name: \"Jessica Taylor\", avatar: \"https:\/\/randomuser.me\/api\/portraits\/women\/29.jpg\", productIcon: \"fa-cloud\", text: \"Cloud Full Live is worth every dollar. VPN, webcam blocker, ransomware defense. My whole family is protected.\", stars: 5, purchased: \"Cloud Full Live\" },\n            { name: \"Robert Allen\", avatar: \"https:\/\/randomuser.me\/api\/portraits\/men\/63.jpg\", productIcon: \"fa-cloud\", text: \"Cloud Basic is all I needed. Simple, affordable, does the job. No complaints after 4 months.\", stars: 5, purchased: \"Cloud Basic\" },\n            { name: \"Michelle Reed\", avatar: \"https:\/\/randomuser.me\/api\/portraits\/women\/41.jpg\", productIcon: \"fa-shield-alt\", text: \"Upgraded from Basic to Full. Worth the extra money for the priority support and transferable licenses.\", stars: 5, purchased: \"Cloud Full\" },\n            { name: \"Kevin Barnes\", avatar: \"https:\/\/randomuser.me\/api\/portraits\/men\/55.jpg\", productIcon: \"fa-shield-virus\", text: \"Cloud Live pack covers our family of 5. The kids can't bypass the filters. Great investment.\", stars: 5, purchased: \"Cloud Live\" },\n            { name: \"Patricia Cook\", avatar: \"https:\/\/randomuser.me\/api\/portraits\/women\/77.jpg\", productIcon: \"fa-cloud\", text: \"Cloud Full Live has everything. VPN is fast, webcam blocker works perfectly. Support helped me set everything up.\", stars: 5, purchased: \"Cloud Full Live\" },\n            { name: \"Steven Brooks\", avatar: \"https:\/\/randomuser.me\/api\/portraits\/men\/22.jpg\", productIcon: \"fa-cloud\", text: \"Basic pack is perfect for students on a budget. Antivirus and cloud access for cheap. Can't beat it.\", stars: 5, purchased: \"Cloud Basic\" },\n            { name: \"Amanda Cox\", avatar: \"https:\/\/randomuser.me\/api\/portraits\/women\/19.jpg\", productIcon: \"fa-shield-alt\", text: \"Cloud Full pack is great for freelancers. The utilities helped clean up my old laptop too.\", stars: 5, purchased: \"Cloud Full\" },\n            { name: \"Gregory Ward\", avatar: \"https:\/\/randomuser.me\/api\/portraits\/men\/47.jpg\", productIcon: \"fa-shield-virus\", text: \"Cloud Live pack for our small business. 3 users, privacy shield, 24\/7 support. Exactly what we needed.\", stars: 5, purchased: \"Cloud Live\" },\n            { name: \"Sharon Howard\", avatar: \"https:\/\/randomuser.me\/api\/portraits\/women\/52.jpg\", productIcon: \"fa-cloud\", text: \"Full Live pack is complete protection. VPN, identity theft prevention, ransomware defense. Worth the price.\", stars: 5, purchased: \"Cloud Full Live\" }\n        ];\n\n        function ASYshuffleArray(array) {\n            const shuffled = [...array];\n            for (let i = shuffled.length - 1; i > 0; i--) {\n                const j = Math.floor(Math.random() * (i + 1));\n                [shuffled[i], shuffled[j]] = [shuffled[j], shuffled[i]];\n            }\n            return shuffled;\n        }\n\n        function ASYgetRandomReviews() {\n            const shuffled = ASYshuffleArray(ASYreviewsDatabase);\n            return shuffled.slice(0, 18);\n        }\n\n        function ASYgenerateReviewCard(review, index) {\n            const starRating = Array(5).fill('<i class=\"fas fa-star\"><\/i>').join('');\n            const productUrl = ASYproductUrls[review.purchased] || '#';\n            return `\n                <div class=\"asy-review-card\" data-id=\"${Date.now() + index}\">\n                    <div class=\"asy-review-quote\"><i class=\"fas fa-quote-left\"><\/i><\/div>\n                    <p class=\"asy-review-text\">\"${ASYescapeHtml(review.text)}\"<\/p>\n                    <div class=\"asy-review-user\">\n                        <div class=\"asy-review-avatar\">\n                            <img decoding=\"async\" src=\"${review.avatar}\" alt=\"${ASYescapeHtml(review.name)}\" loading=\"lazy\">\n                        <\/div>\n                        <div class=\"asy-review-info\">\n                            <h4>${ASYescapeHtml(review.name)}<\/h4>\n                            <div class=\"asy-review-stars\">${starRating}<\/div>\n                            <a href=\"${productUrl}\" class=\"asy-review-product-link\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                <i class=\"fas ${review.productIcon}\"><\/i> ${ASYescapeHtml(review.purchased)} <i class=\"fas fa-external-link-alt\" style=\"font-size: 0.55rem; opacity: 0.7;\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            `;\n        }\n        \n        function ASYescapeHtml(str) {\n            return str.replace(\/[&<>]\/g, function(m) {\n                if (m === '&') return '&amp;';\n                if (m === '<') return '&lt;';\n                if (m === '>') return '&gt;';\n                return m;\n            });\n        }\n\n        \/\/ Main variables\n        let ASYcurrentReviews = [];\n        let ASYcurrentIndex = 0;\n        let ASYslidesPerView = 3;\n        let ASYautoPlayInterval;\n        let ASYisPlaying = true;\n        \n        const ASYtrack = document.getElementById('asySliderTrack');\n        const ASYdotsContainer = document.getElementById('asySliderDots');\n\n        function ASYupdateSlidesPerView() {\n            if (window.innerWidth <= 768) {\n                ASYslidesPerView = 1;\n            } else if (window.innerWidth <= 1100) {\n                ASYslidesPerView = 2;\n            } else {\n                ASYslidesPerView = 3;\n            }\n            return ASYslidesPerView;\n        }\n\n        function ASYrenderSlider() {\n            if (!ASYtrack) return;\n            const slidesHTML = ASYcurrentReviews.map((review, idx) => ASYgenerateReviewCard(review, idx)).join('');\n            ASYtrack.innerHTML = slidesHTML;\n            ASYupdateSliderPosition();\n            ASYcreateDots();\n        }\n\n        function ASYupdateSliderPosition() {\n            if (!ASYtrack || !ASYtrack.children.length) return;\n            const firstChild = ASYtrack.children[0];\n            if (!firstChild) return;\n            const slideWidth = firstChild.offsetWidth + 32;\n            const newPosition = -ASYcurrentIndex * slideWidth;\n            ASYtrack.style.transform = `translateX(${newPosition}px)`;\n            ASYupdateDots();\n        }\n\n        function ASYcreateDots() {\n            if (!ASYdotsContainer) return;\n            ASYdotsContainer.innerHTML = '';\n            const totalSlides = ASYcurrentReviews.length;\n            const dotsCount = Math.ceil(totalSlides \/ ASYslidesPerView);\n            for (let i = 0; i < dotsCount; i++) {\n                const dot = document.createElement('div');\n                dot.classList.add('asy-dot');\n                if (i === Math.floor(ASYcurrentIndex \/ ASYslidesPerView)) {\n                    dot.classList.add('active');\n                }\n                dot.addEventListener('click', (function(idx) {\n                    return function() { ASYgoToSlide(idx); };\n                })(i));\n                ASYdotsContainer.appendChild(dot);\n            }\n        }\n\n        function ASYgoToSlide(dotIndex) {\n            ASYcurrentIndex = dotIndex * ASYslidesPerView;\n            const maxIndex = ASYcurrentReviews.length - ASYslidesPerView;\n            if (ASYcurrentIndex > maxIndex) ASYcurrentIndex = Math.max(0, maxIndex);\n            if (ASYcurrentIndex < 0) ASYcurrentIndex = 0;\n            ASYupdateSliderPosition();\n            ASYresetAutoPlay();\n        }\n\n        function ASYupdateDots() {\n            const dots = document.querySelectorAll('.asy-dot');\n            const activeDotIndex = Math.floor(ASYcurrentIndex \/ ASYslidesPerView);\n            dots.forEach((dot, idx) => {\n                if (idx === activeDotIndex) {\n                    dot.classList.add('active');\n                } else {\n                    dot.classList.remove('active');\n                }\n            });\n        }\n\n        function ASYnextSlide() {\n            const totalSlides = ASYcurrentReviews.length;\n            const currentPage = Math.floor(ASYcurrentIndex \/ ASYslidesPerView);\n            const totalPages = Math.ceil(totalSlides \/ ASYslidesPerView);\n            if (currentPage < totalPages - 1) {\n                ASYcurrentIndex += ASYslidesPerView;\n            } else {\n                ASYcurrentIndex = 0;\n            }\n            ASYupdateSliderPosition();\n            ASYresetAutoPlay();\n        }\n\n        function ASYstartAutoPlay() {\n            if (ASYautoPlayInterval) clearInterval(ASYautoPlayInterval);\n            ASYautoPlayInterval = setInterval(() => {\n                if (ASYisPlaying) {\n                    ASYnextSlide();\n                }\n            }, 5000);\n        }\n\n        function ASYresetAutoPlay() {\n            if (ASYautoPlayInterval) {\n                clearInterval(ASYautoPlayInterval);\n                ASYstartAutoPlay();\n            }\n        }\n\n        function ASYstopAutoPlay() {\n            ASYisPlaying = false;\n        }\n\n        function ASYresumeAutoPlay() {\n            ASYisPlaying = true;\n        }\n\n        function ASYhandleResize() {\n            const newSlidesPerView = ASYupdateSlidesPerView();\n            if (newSlidesPerView !== ASYslidesPerView) {\n                ASYslidesPerView = newSlidesPerView;\n                ASYcurrentIndex = 0;\n                ASYcreateDots();\n                ASYupdateSliderPosition();\n            } else {\n                ASYupdateSliderPosition();\n            }\n        }\n\n        function ASYinitReviews() {\n            ASYcurrentReviews = ASYgetRandomReviews();\n            ASYrenderSlider();\n            ASYupdateSlidesPerView();\n            ASYstartAutoPlay();\n            \n            window.addEventListener('resize', ASYhandleResize);\n            \n            const sliderWrapper = document.querySelector('.asy-reviews-slider');\n            if (sliderWrapper) {\n                sliderWrapper.addEventListener('mouseenter', ASYstopAutoPlay);\n                sliderWrapper.addEventListener('mouseleave', ASYresumeAutoPlay);\n            }\n        }\n        \n        \/\/ Wait for DOM to be ready\n        if (document.readyState === 'loading') {\n            document.addEventListener('DOMContentLoaded', ASYinitReviews);\n        } else {\n            ASYinitReviews();\n        }\n    })();\n<\/script>\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-b25f714 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"b25f714\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-40f523a\" data-id=\"40f523a\" 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-6c0077d elementor-widget elementor-widget-html\" data-id=\"6c0077d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================= SECURITY INSIGHTS SECTION - PRODUCT-RELATED ARTICLES ================= -->\n<div id=\"insight-root\">\n    <section class=\"insight-premium-section\">\n\n        <!-- BACKGROUND IMAGE TEXTURE -->\n        <div class=\"insight-bg-image\"><\/div>\n\n        <!-- RADIAL LIGHT FORMS -->\n        <div class=\"insight-bg-form form-1\"><\/div>\n        <div class=\"insight-bg-form form-2\"><\/div>\n        <div class=\"insight-bg-form form-3\"><\/div>\n        <div class=\"insight-bg-form form-4\"><\/div>\n\n        <!-- FLOATING SECURITY CLUSTER -->\n        <div class=\"security-float-cluster\">\n            <div class=\"float-shield\"><\/div>\n            <div class=\"float-ring\"><\/div>\n            <div class=\"float-chip\">\ud83d\udd10<\/div>\n            <div class=\"float-dots\"><\/div>\n        <\/div>\n\n        <div class=\"insight-container\">\n            <div class=\"insight-header\">\n                <span class=\"insight-badge\" data-translate=\"insight_badge\">SECURITY INSIGHTS<\/span>\n                <h2 data-translate=\"insight_title\">Stay ahead of modern threats<\/h2>\n                <p class=\"insight-desk-desc\" data-translate=\"insight_desc_desk\">Clear, practical guidance to help you protect your devices, identity, and privacy\u2014without spending hours comparing security tools.<\/p>\n                <p class=\"insight-mob-desc\" data-translate=\"insight_desc_mob\">Clear guidance to protect your devices and privacy.<\/p>\n            <\/div>\n\n            <div class=\"insight-grid\" id=\"insightGrid\">\n                <!-- Featured article will be injected here -->\n                <!-- Sidebar articles will be injected here -->\n            <\/div>\n        <\/div>\n    <\/section>\n<\/div>\n\n<style>\n    \/* ========== MAIN SECTION ========== *\/\n    #insight-root {\n        width: 100%;\n        isolation: isolate;\n    }\n    \n    .insight-premium-section {\n        position: relative;\n        overflow: hidden;\n        background: linear-gradient(135deg, #05092B 0%, #060C34 45%, #05092B 100%);\n        width: 100%;\n    }\n\n    .insight-premium-section::after {\n        content: \"\";\n        position: absolute;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        height: 30%;\n        background: linear-gradient(to bottom, rgba(5, 9, 43, 0), #05092B);\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    \/* ========== BACKGROUND TEXTURE ========== *\/\n    .insight-bg-image {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background-image: url(\"https:\/\/thevaperz.com\/wp-content\/uploads\/2024\/03\/shape-4-1-1.png\");\n        background-size: cover;\n        background-position: center;\n        opacity: 0.45;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    \/* ========== RADIAL LIGHT SHAPES ========== *\/\n    .insight-bg-form {\n        position: absolute;\n        opacity: 0.12;\n        filter: blur(40px);\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    .form-1 {\n        top: -20%;\n        right: -5%;\n        width: 420px;\n        height: 420px;\n        background: radial-gradient(circle, #3b82f6, transparent);\n    }\n\n    .form-2 {\n        bottom: -30%;\n        left: -10%;\n        width: 380px;\n        height: 380px;\n        background: radial-gradient(circle, #7c3aed, transparent);\n    }\n\n    .form-3 {\n        top: 45%;\n        left: 22%;\n        width: 220px;\n        height: 220px;\n        background: radial-gradient(circle, #06b6d4, transparent);\n    }\n\n    .form-4 {\n        bottom: 10%;\n        right: 18%;\n        width: 260px;\n        height: 260px;\n        background: radial-gradient(circle, #8b5cf6, transparent);\n    }\n\n    \/* ========== FLOATING SECURITY CLUSTER ========== *\/\n    .security-float-cluster {\n        position: absolute;\n        top: 90px;\n        right: 8%;\n        width: 260px;\n        height: 260px;\n        pointer-events: none;\n        z-index: 1;\n    }\n\n    .float-shield {\n        position: absolute;\n        top: 20px;\n        right: 30px;\n        width: 140px;\n        height: 140px;\n        border-radius: 50%;\n        background: radial-gradient(circle, rgba(96, 165, 250, 0.45), transparent 70%);\n        filter: blur(35px);\n        animation: shieldFloat 8s ease-in-out infinite;\n    }\n\n    .float-ring {\n        position: absolute;\n        top: 40px;\n        right: 50px;\n        width: 120px;\n        height: 120px;\n        border-radius: 50%;\n        border: 1px solid rgba(96, 165, 250, 0.25);\n        animation: ringPulse 5s infinite ease-in-out;\n    }\n\n    .float-chip {\n        position: absolute;\n        top: 90px;\n        right: 90px;\n        width: 48px;\n        height: 48px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 20px;\n        background: rgba(255, 255, 255, 0.06);\n        backdrop-filter: blur(8px);\n        border: 1px solid rgba(255, 255, 255, 0.15);\n        border-radius: 12px;\n        color: #60a5fa;\n        box-shadow: 0 0 25px rgba(96, 165, 250, 0.25);\n        animation: chipFloat 6s ease-in-out infinite;\n    }\n\n    .float-dots {\n        position: absolute;\n        bottom: 0;\n        right: 0;\n        width: 90px;\n        height: 90px;\n        background-image: radial-gradient(rgba(255, 255, 255, 0.15) 1px, transparent 1px);\n        background-size: 12px 12px;\n        opacity: 0.35;\n    }\n\n    \/* ========== CONTAINER & HEADER ========== *\/\n    .insight-container {\n        max-width: 1200px;\n        margin: auto;\n        position: relative;\n        z-index: 2;\n        padding: clamp(60px, 10vw, 110px) clamp(20px, 6vw, 6%);\n    }\n\n    .insight-header {\n        max-width: 560px;\n        margin-bottom: clamp(40px, 6vw, 60px);\n    }\n\n    .insight-badge {\n        display: inline-block;\n        padding: 6px 18px;\n        border-radius: 60px;\n        font-size: clamp(10px, 2vw, 12px);\n        letter-spacing: 1px;\n        font-weight: 600;\n        color: #93c5fd;\n        background: rgba(59, 130, 246, 0.2);\n        border: 1px solid rgba(59, 130, 246, 0.3);\n        margin-bottom: 18px;\n    }\n\n    .insight-header h2 {\n        font-size: clamp(28px, 6vw, 42px);\n        color: white;\n        margin-bottom: 14px;\n        letter-spacing: -0.02em;\n        line-height: 1.2;\n    }\n\n    .insight-desk-desc {\n        font-size: clamp(14px, 2.5vw, 18px);\n        color: rgba(255, 255, 255, 0.75);\n        line-height: 1.6;\n    }\n\n    .insight-mob-desc {\n        display: none;\n        font-size: 14px;\n        color: rgba(255, 255, 255, 0.75);\n        line-height: 1.5;\n    }\n\n    \/* ========== GRID - EQUAL HEIGHT BOXES ========== *\/\n    .insight-grid {\n        display: grid;\n        grid-template-columns: 2fr 1fr;\n        gap: clamp(30px, 5vw, 60px);\n        align-items: stretch;\n    }\n\n    \/* ========== LEFT FEATURE CARD - FULL HEIGHT ========== *\/\n    .insight-feature {\n        display: flex;\n        flex-direction: column;\n        padding: clamp(30px, 5vw, 50px);\n        border-radius: 18px;\n        background: linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));\n        border: 1px solid rgba(255, 255, 255, 0.12);\n        backdrop-filter: blur(10px);\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.05);\n        transition: all 0.35s ease;\n        position: relative;\n        overflow: hidden;\n        text-decoration: none;\n        height: 100%;\n    }\n\n    .insight-feature::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        height: 2px;\n        background: linear-gradient(90deg, transparent, #60a5fa, transparent);\n        opacity: 0.6;\n    }\n\n    .insight-feature:hover {\n        transform: translateY(-6px);\n        box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6), 0 0 35px rgba(96, 165, 250, 0.25);\n        border-color: rgba(96, 165, 250, 0.4);\n    }\n\n    .insight-feature span {\n        font-size: clamp(10px, 1.8vw, 12px);\n        letter-spacing: 2px;\n        color: #60a5fa;\n    }\n\n    .insight-feature h3 {\n        font-size: clamp(20px, 4vw, 28px);\n        color: white;\n        margin: 16px 0;\n        line-height: 1.3;\n    }\n\n    .feature-desk {\n        color: rgba(255, 255, 255, 0.75);\n        line-height: 1.6;\n        font-size: clamp(13px, 2vw, 15px);\n        margin-top: auto;\n    }\n\n    .feature-mob {\n        display: none;\n        color: rgba(255, 255, 255, 0.75);\n        line-height: 1.5;\n        font-size: 13px;\n        margin-top: auto;\n    }\n\n    \/* ========== RIGHT SIDE CONTAINER - EQUAL HEIGHT ========== *\/\n    .insight-side {\n        height: 100%;\n        display: flex;\n    }\n\n    .insight-side-inner {\n        background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01));\n        border-radius: 18px;\n        border: 1px solid rgba(255, 255, 255, 0.08);\n        padding: clamp(25px, 4vw, 35px);\n        display: flex;\n        flex-direction: column;\n        gap: clamp(20px, 3vw, 28px);\n        width: 100%;\n        transition: all 0.3s ease;\n        height: 100%;\n    }\n\n    .insight-side-inner:hover {\n        border-color: rgba(96, 165, 250, 0.3);\n        box-shadow: 0 0 30px rgba(96, 165, 250, 0.08);\n    }\n\n    \/* ========== SIDE ITEMS (ARTICLE TILES) ========== *\/\n    .insight-item {\n        display: block;\n        border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n        padding-bottom: 18px;\n        transition: all 0.25s ease;\n        text-decoration: none;\n    }\n\n    .insight-item:last-child {\n        border-bottom: none;\n        padding-bottom: 0;\n    }\n\n    .insight-item:hover {\n        border-bottom-color: #60a5fa;\n        transform: translateX(5px);\n    }\n\n    .insight-item h4 {\n        color: white;\n        font-size: clamp(15px, 2.5vw, 18px);\n        margin-bottom: 8px;\n        line-height: 1.4;\n    }\n\n    .item-desk {\n        font-size: clamp(11px, 1.8vw, 13px);\n        color: rgba(255, 255, 255, 0.6);\n    }\n\n    .item-mob {\n        display: none;\n        font-size: 11px;\n        color: rgba(255, 255, 255, 0.6);\n    }\n\n    \/* ========== ANIMATIONS ========== *\/\n    @keyframes shieldFloat {\n        0% { transform: translateY(0); }\n        50% { transform: translateY(-10px); }\n        100% { transform: translateY(0); }\n    }\n\n    @keyframes chipFloat {\n        0% { transform: translateY(0); }\n        50% { transform: translateY(-6px); }\n        100% { transform: translateY(0); }\n    }\n\n    @keyframes ringPulse {\n        0% { transform: scale(0.9); opacity: 0.4; }\n        50% { transform: scale(1.1); opacity: 0.15; }\n        100% { transform: scale(0.9); opacity: 0.4; }\n    }\n\n    \/* ========== RESPONSIVE ========== *\/\n    @media (max-width: 900px) {\n        .security-float-cluster {\n            display: none;\n        }\n        .insight-grid {\n            grid-template-columns: 1fr;\n            gap: 40px;\n        }\n        .insight-feature {\n            padding: 35px;\n        }\n        .insight-side-inner {\n            padding: 30px;\n        }\n    }\n\n    @media (max-width: 600px) {\n        .insight-desk-desc {\n            display: none;\n        }\n        .insight-mob-desc {\n            display: block;\n        }\n        .feature-desk {\n            display: none;\n        }\n        .feature-mob {\n            display: block;\n        }\n        .item-desk {\n            display: none;\n        }\n        .item-mob {\n            display: inline;\n        }\n        .insight-container {\n            padding: 50px 20px;\n        }\n        .insight-header {\n            margin-bottom: 35px;\n        }\n        .insight-feature {\n            padding: 25px;\n        }\n        .insight-feature h3 {\n            margin: 12px 0;\n        }\n        .insight-side-inner {\n            padding: 20px;\n            gap: 18px;\n        }\n        .insight-item {\n            padding-bottom: 14px;\n        }\n        .form-3, .form-4 {\n            display: none;\n        }\n    }\n\n    @media (max-width: 480px) {\n        .insight-badge {\n            padding: 4px 14px;\n            font-size: 10px;\n        }\n        .insight-header h2 {\n            font-size: 24px;\n        }\n        .insight-feature h3 {\n            font-size: 18px;\n        }\n        .insight-item h4 {\n            font-size: 14px;\n        }\n        .insight-feature {\n            padding: 20px;\n        }\n        .insight-side-inner {\n            padding: 16px;\n            gap: 14px;\n        }\n        .form-1, .form-2 {\n            opacity: 0.06;\n        }\n    }\n\n    @media (min-width: 1400px) {\n        .insight-container {\n            max-width: 1400px;\n        }\n        .insight-header h2 {\n            font-size: 48px;\n        }\n        .insight-desk-desc {\n            font-size: 18px;\n        }\n        .insight-feature h3 {\n            font-size: 32px;\n        }\n        .feature-desk {\n            font-size: 16px;\n        }\n        .insight-item h4 {\n            font-size: 18px;\n        }\n        .insight-side-inner {\n            padding: 40px;\n            gap: 32px;\n        }\n    }\n<\/style>\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n\n<script>\n(function() {\n    'use strict';\n    \n    \/\/ ============================================================\n    \/\/ TRANSLATION DATABASE FOR SECURITY INSIGHTS SECTION\n    \/\/ ============================================================\n    \n    const insightsTranslations = {\n        en: {\n            \/\/ Header\n            insight_badge: \"SECURITY INSIGHTS\",\n            insight_title: \"Stay ahead of modern threats\",\n            insight_desc_desk: \"Clear, practical guidance to help you protect your devices, identity, and privacy\u2014without spending hours comparing security tools.\",\n            insight_desc_mob: \"Clear guidance to protect your devices and privacy.\",\n            \n            \/\/ Featured Article\n            featured_badge: \"THREAT REPORT\",\n            featured_title: \"Ransomware: The $1 billion threat to your files\",\n            featured_desc: \"Cyber criminals are locking personal documents and demanding payment. See how active ransomware defense blocks attacks before your files are encrypted. Learn to recognize early infection signs and protect your irreplaceable data with next-gen protection.\",\n            featured_desc_mob: \"Stop ransomware before it locks your files. Active defense + real-time blocking.\",\n            \n            \/\/ Sidebar Articles\n            sidebar1_title: \"Identity theft is rising \u2014 here's how criminals get your data\",\n            sidebar1_meta: \"Identity Theft Preventer \u00b7 4 min read\",\n            sidebar2_title: \"Your webcam is watching you \u2014 even when off\",\n            sidebar2_meta: \"Webcam Blocker \u00b7 3 min read\",\n            sidebar3_title: \"Why public WiFi is a hacker's playground\",\n            sidebar3_meta: \"AssistYu VPN \u00b7 5 min read\"\n        },\n        \n        \/\/ Spanish Translation\n        es: {\n            insight_badge: \"PERSPECTIVAS DE SEGURIDAD\",\n            insight_title: \"Mant\u00e9ngase adelante de las amenazas modernas\",\n            insight_desc_desk: \"Gu\u00eda clara y pr\u00e1ctica para ayudarle a proteger sus dispositivos, identidad y privacidad, sin pasar horas comparando herramientas de seguridad.\",\n            insight_desc_mob: \"Gu\u00eda clara para proteger sus dispositivos y privacidad.\",\n            \n            featured_badge: \"INFORME DE AMENAZAS\",\n            featured_title: \"Ransomware: La amenaza de mil millones de d\u00f3lares para sus archivos\",\n            featured_desc: \"Los ciberdelincuentes bloquean documentos personales y exigen pago. Descubra c\u00f3mo la defensa activa contra ransomware bloquea ataques antes de que sus archivos sean cifrados. Aprenda a reconocer signos tempranos de infecci\u00f3n y proteja sus datos irremplazables con protecci\u00f3n de pr\u00f3xima generaci\u00f3n.\",\n            featured_desc_mob: \"Detenga el ransomware antes de que bloquee sus archivos. Defensa activa + bloqueo en tiempo real.\",\n            \n            sidebar1_title: \"El robo de identidad est\u00e1 aumentando: as\u00ed es como los criminales obtienen sus datos\",\n            sidebar1_meta: \"Preventor de Robo de Identidad \u00b7 4 min de lectura\",\n            sidebar2_title: \"Su webcam lo est\u00e1 mirando, incluso cuando est\u00e1 apagada\",\n            sidebar2_meta: \"Bloqueador de Webcam \u00b7 3 min de lectura\",\n            sidebar3_title: \"Por qu\u00e9 el WiFi p\u00fablico es el patio de juegos de los hackers\",\n            sidebar3_meta: \"AssistYu VPN \u00b7 5 min de lectura\"\n        },\n        \n        \/\/ French Translation\n        fr: {\n            insight_badge: \"PERSPECTIVES DE S\u00c9CURIT\u00c9\",\n            insight_title: \"Restez en avance sur les menaces modernes\",\n            insight_desc_desk: \"Des conseils clairs et pratiques pour vous aider \u00e0 prot\u00e9ger vos appareils, votre identit\u00e9 et votre vie priv\u00e9e, sans passer des heures \u00e0 comparer les outils de s\u00e9curit\u00e9.\",\n            insight_desc_mob: \"Des conseils clairs pour prot\u00e9ger vos appareils et votre vie priv\u00e9e.\",\n            \n            featured_badge: \"RAPPORT DE MENACE\",\n            featured_title: \"Ransomware : La menace d'un milliard de dollars pour vos fichiers\",\n            featured_desc: \"Les cybercriminels verrouillent les documents personnels et exigent un paiement. D\u00e9couvrez comment la d\u00e9fense active contre les ransomwares bloque les attaques avant que vos fichiers ne soient chiffr\u00e9s. Apprenez \u00e0 reconna\u00eetre les signes pr\u00e9coces d'infection et prot\u00e9gez vos donn\u00e9es irrempla\u00e7ables avec une protection de nouvelle g\u00e9n\u00e9ration.\",\n            featured_desc_mob: \"Arr\u00eatez le ransomware avant qu'il ne verrouille vos fichiers. D\u00e9fense active + blocage en temps r\u00e9el.\",\n            \n            sidebar1_title: \"Le vol d'identit\u00e9 est en hausse \u2014 voici comment les criminels obtiennent vos donn\u00e9es\",\n            sidebar1_meta: \"Pr\u00e9venteur de Vol d'Identit\u00e9 \u00b7 4 min de lecture\",\n            sidebar2_title: \"Votre webcam vous regarde \u2014 m\u00eame \u00e9teinte\",\n            sidebar2_meta: \"Bloqueur de Webcam \u00b7 3 min de lecture\",\n            sidebar3_title: \"Pourquoi le WiFi public est un terrain de jeu pour les hackers\",\n            sidebar3_meta: \"AssistYu VPN \u00b7 5 min de lecture\"\n        },\n        \n        \/\/ German Translation\n        de: {\n            insight_badge: \"SICHERHEITS-EINBLICKE\",\n            insight_title: \"Bleiben Sie modernen Bedrohungen einen Schritt voraus\",\n            insight_desc_desk: \"Klarer, praktischer Leitfaden zum Schutz Ihrer Ger\u00e4te, Identit\u00e4t und Privatsph\u00e4re \u2013 ohne stundenlangen Vergleich von Sicherheitstools.\",\n            insight_desc_mob: \"Klarer Leitfaden zum Schutz Ihrer Ger\u00e4te und Privatsph\u00e4re.\",\n            \n            featured_badge: \"BEDROHUNGSBERICHT\",\n            featured_title: \"Ransomware: Die Milliardendollar-Bedrohung f\u00fcr Ihre Dateien\",\n            featured_desc: \"Cyberkriminelle sperren pers\u00f6nliche Dokumente und fordern L\u00f6segeld. Erfahren Sie, wie aktive Ransomware-Abwehr Angriffe blockiert, bevor Ihre Dateien verschl\u00fcsselt werden. Erkennen Sie fr\u00fche Infektionsanzeichen und sch\u00fctzen Sie Ihre unersetzlichen Daten mit Next-Gen-Schutz.\",\n            featured_desc_mob: \"Stoppen Sie Ransomware, bevor sie Ihre Dateien sperrt. Aktive Abwehr + Echtzeit-Blockierung.\",\n            \n            sidebar1_title: \"Identit\u00e4tsdiebstahl nimmt zu \u2013 So gelangen Kriminelle an Ihre Daten\",\n            sidebar1_meta: \"Identit\u00e4tsdiebstahl-Pr\u00e4ventor \u00b7 4 Min. Lesezeit\",\n            sidebar2_title: \"Ihre Webcam beobachtet Sie \u2013 sogar im ausgeschalteten Zustand\",\n            sidebar2_meta: \"Webcam-Blocker \u00b7 3 Min. Lesezeit\",\n            sidebar3_title: \"Warum \u00f6ffentliches WLAN ein Paradies f\u00fcr Hacker ist\",\n            sidebar3_meta: \"AssistYu VPN \u00b7 5 Min. Lesezeit\"\n        },\n        \n        \/\/ Italian Translation\n        it: {\n            insight_badge: \"APPROFONDIMENTI SULLA SICUREZZA\",\n            insight_title: \"Resta al passo con le minacce moderne\",\n            insight_desc_desk: \"Guida chiara e pratica per aiutarti a proteggere i tuoi dispositivi, la tua identit\u00e0 e la tua privacy, senza passare ore a confrontare gli strumenti di sicurezza.\",\n            insight_desc_mob: \"Guida chiara per proteggere i tuoi dispositivi e la tua privacy.\",\n            \n            featured_badge: \"RAPPORTO SULLE MINACCE\",\n            featured_title: \"Ransomware: La minaccia da un miliardo di dollari per i tuoi file\",\n            featured_desc: \"I criminali informatici bloccano i documenti personali e chiedono un riscatto. Scopri come la difesa attiva dal ransomware blocca gli attacchi prima che i tuoi file vengano crittografati. Impara a riconoscere i primi segni di infezione e proteggi i tuoi dati insostituibili con protezione di nuova generazione.\",\n            featured_desc_mob: \"Ferma il ransomware prima che blocchi i tuoi file. Difesa attiva + blocco in tempo reale.\",\n            \n            sidebar1_title: \"Il furto d'identit\u00e0 \u00e8 in aumento \u2014 ecco come i criminali ottengono i tuoi dati\",\n            sidebar1_meta: \"Preventore Furto d'Identit\u00e0 \u00b7 4 min di lettura\",\n            sidebar2_title: \"La tua webcam ti osserva \u2014 anche quando \u00e8 spenta\",\n            sidebar2_meta: \"Blocca Webcam \u00b7 3 min di lettura\",\n            sidebar3_title: \"Perch\u00e9 il WiFi pubblico \u00e8 un parco giochi per gli hacker\",\n            sidebar3_meta: \"AssistYu VPN \u00b7 5 min di lettura\"\n        },\n        \n        \/\/ Portuguese Translation\n        pt: {\n            insight_badge: \"INSIGHTS DE SEGURAN\u00c7A\",\n            insight_title: \"Fique \u00e0 frente das amea\u00e7as modernas\",\n            insight_desc_desk: \"Orienta\u00e7\u00e3o clara e pr\u00e1tica para ajudar voc\u00ea a proteger seus dispositivos, identidade e privacidade, sem passar horas comparando ferramentas de seguran\u00e7a.\",\n            insight_desc_mob: \"Orienta\u00e7\u00e3o clara para proteger seus dispositivos e privacidade.\",\n            \n            featured_badge: \"RELAT\u00d3RIO DE AMEA\u00c7A\",\n            featured_title: \"Ransomware: A amea\u00e7a de US$ 1 bilh\u00e3o para seus arquivos\",\n            featured_desc: \"Cibercriminosos est\u00e3o bloqueando documentos pessoais e exigindo pagamento. Veja como a defesa ativa contra ransomware bloqueia ataques antes que seus arquivos sejam criptografados. Aprenda a reconhecer sinais precoces de infec\u00e7\u00e3o e proteja seus dados insubstitu\u00edveis com prote\u00e7\u00e3o de pr\u00f3xima gera\u00e7\u00e3o.\",\n            featured_desc_mob: \"Pare o ransomware antes que ele bloqueie seus arquivos. Defesa ativa + bloqueio em tempo real.\",\n            \n            sidebar1_title: \"O roubo de identidade est\u00e1 aumentando \u2014 veja como os criminosos obt\u00eam seus dados\",\n            sidebar1_meta: \"Preventor de Roubo de Identidade \u00b7 4 min de leitura\",\n            sidebar2_title: \"Sua webcam est\u00e1 observando voc\u00ea \u2014 mesmo quando desligada\",\n            sidebar2_meta: \"Bloqueador de Webcam \u00b7 3 min de leitura\",\n            sidebar3_title: \"Por que o WiFi p\u00fablico \u00e9 um playground para hackers\",\n            sidebar3_meta: \"AssistYu VPN \u00b7 5 min de leitura\"\n        }\n    };\n    \n    \/\/ Get current language\n    function getInsightsLanguage() {\n        const htmlLang = document.documentElement.lang || 'en';\n        const langCode = htmlLang.substring(0, 2).toLowerCase();\n        return insightsTranslations[langCode] ? langCode : 'en';\n    }\n    \n    \/\/ Get translation\n    function getInsightsTranslation(key) {\n        const currentLang = getInsightsLanguage();\n        const t = insightsTranslations[currentLang];\n        return t && t[key] ? t[key] : (insightsTranslations.en[key] || key);\n    }\n    \n    \/\/ Apply translations to static header elements\n    function applyInsightsStaticTranslations() {\n        const staticElements = [\n            'insight_badge', 'insight_title', 'insight_desc_desk', 'insight_desc_mob'\n        ];\n        \n        staticElements.forEach(key => {\n            const elements = document.querySelectorAll(`[data-translate=\"${key}\"]`);\n            elements.forEach(el => {\n                el.textContent = getInsightsTranslation(key);\n            });\n        });\n    }\n    \n    \/\/ Render articles with translations\n    function renderInsightsArticles() {\n        const gridContainer = document.getElementById('insightGrid');\n        if (!gridContainer) return;\n        \n        \/\/ Featured article with translations\n        const featuredHtml = `\n            <a href=\"https:\/\/thevaperz.com\/ransomware-the-1-billion-threat-to-your-files\/\" class=\"insight-feature\">\n                <span>${getInsightsTranslation('featured_badge')}<\/span>\n                <h3>${getInsightsTranslation('featured_title')}<\/h3>\n                <p class=\"feature-desk\">${getInsightsTranslation('featured_desc')}<\/p>\n                <p class=\"feature-mob\">${getInsightsTranslation('featured_desc_mob')}<\/p>\n            <\/a>\n        `;\n        \n        \/\/ Sidebar articles with translations\n        const sidebarItemsHtml = `\n            <a href=\"https:\/\/thevaperz.com\/identity-theft-is-rising-heres-how-criminals-get-your-data\/\" class=\"insight-item\">\n                <h4>${getInsightsTranslation('sidebar1_title')}<\/h4>\n                <span class=\"item-desk\">${getInsightsTranslation('sidebar1_meta')}<\/span>\n                <span class=\"item-mob\">${getInsightsTranslation('sidebar1_meta')}<\/span>\n            <\/a>\n            <a href=\"https:\/\/thevaperz.com\/your-webcam-is-watching-you-even-when-off\/\" class=\"insight-item\">\n                <h4>${getInsightsTranslation('sidebar2_title')}<\/h4>\n                <span class=\"item-desk\">${getInsightsTranslation('sidebar2_meta')}<\/span>\n                <span class=\"item-mob\">${getInsightsTranslation('sidebar2_meta')}<\/span>\n            <\/a>\n            <a href=\"https:\/\/thevaperz.com\/why-public-wifi-is-a-hackers-playground\/\" class=\"insight-item\">\n                <h4>${getInsightsTranslation('sidebar3_title')}<\/h4>\n                <span class=\"item-desk\">${getInsightsTranslation('sidebar3_meta')}<\/span>\n                <span class=\"item-mob\">${getInsightsTranslation('sidebar3_meta')}<\/span>\n            <\/a>\n        `;\n        \n        const sidebarHtml = `\n            <div class=\"insight-side\">\n                <div class=\"insight-side-inner\">\n                    ${sidebarItemsHtml}\n                <\/div>\n            <\/div>\n        `;\n        \n        gridContainer.innerHTML = featuredHtml + sidebarHtml;\n    }\n    \n    \/\/ Full refresh of insights section\n    function refreshInsightsSection() {\n        applyInsightsStaticTranslations();\n        renderInsightsArticles();\n    }\n    \n    \/\/ Watch for language changes\n    const insightsObserver = new MutationObserver(function(mutations) {\n        mutations.forEach(function(mutation) {\n            if (mutation.attributeName === 'lang' || mutation.attributeName === 'data-trp-language') {\n                refreshInsightsSection();\n            }\n        });\n    });\n    \n    insightsObserver.observe(document.documentElement, { attributes: true });\n    \n    \/\/ Initialize on page load\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', refreshInsightsSection);\n    } else {\n        refreshInsightsSection();\n    }\n    \n    \/\/ Expose refresh function globally for other scripts to call\n    window.refreshInsights = refreshInsightsSection;\n    \n})();\n<\/script>\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<div class=\"elementor-element elementor-element-48aac6d e-con-full e-flex e-con e-parent\" data-id=\"48aac6d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d077f1c elementor-hidden-mobile elementor-widget elementor-widget-int-marquee-v2\" data-id=\"d077f1c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"int-marquee-v2.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n        <div class=\"tg-text-slider-area tg-text-slider-style-2 tg-text-slider-border fix\">\r\n            <div class=\"container-fluid\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-xl-12\">\r\n                        <div class=\"tg-text-slider-wrap\">\r\n                            <span>\r\n                                                                    <b>IT security<\/b>                                    <i><img loading=\"lazy\" decoding=\"async\" width=\"48\" height=\"48\" src=\"https:\/\/thevaperz.com\/wp-content\/uploads\/2026\/04\/assistyu_com_logo-W1-1.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/i>\r\n                                                                    <b>Threat protection<\/b>                                    <i><img loading=\"lazy\" decoding=\"async\" width=\"48\" height=\"48\" src=\"https:\/\/thevaperz.com\/wp-content\/uploads\/2026\/04\/assistyu_com_logo-W1-1.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/i>\r\n                                                                    <b>Network security<\/b>                                    <i><img loading=\"lazy\" decoding=\"async\" width=\"48\" height=\"48\" src=\"https:\/\/thevaperz.com\/wp-content\/uploads\/2026\/04\/assistyu_com_logo-W1-1.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/i>\r\n                                                                    <b>Data breach<\/b>                                    <i><img loading=\"lazy\" decoding=\"async\" width=\"48\" height=\"48\" src=\"https:\/\/thevaperz.com\/wp-content\/uploads\/2026\/04\/assistyu_com_logo-W1-1.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/i>\r\n                                                                    <b>Cloud security<\/b>                                    <i><img loading=\"lazy\" decoding=\"async\" width=\"48\" height=\"48\" src=\"https:\/\/thevaperz.com\/wp-content\/uploads\/2026\/04\/assistyu_com_logo-W1-1.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/i>\r\n                                                                    <b>Ransomware<\/b>                                    <i><img loading=\"lazy\" decoding=\"async\" width=\"48\" height=\"48\" src=\"https:\/\/thevaperz.com\/wp-content\/uploads\/2026\/04\/assistyu_com_logo-W1-1.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/i>\r\n                                                                    <b>Security monitoring<\/b>                                    <i><img loading=\"lazy\" decoding=\"async\" width=\"48\" height=\"48\" src=\"https:\/\/thevaperz.com\/wp-content\/uploads\/2026\/04\/assistyu_com_logo-W1-1.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/i>\r\n                                                                    <b>Email security<\/b>                                    <i><img loading=\"lazy\" decoding=\"async\" width=\"48\" height=\"48\" src=\"https:\/\/thevaperz.com\/wp-content\/uploads\/2026\/04\/assistyu_com_logo-W1-1.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/i>\r\n                                                                    <b>Antivirus solutions<\/b>                                    <i><img loading=\"lazy\" decoding=\"async\" width=\"48\" height=\"48\" src=\"https:\/\/thevaperz.com\/wp-content\/uploads\/2026\/04\/assistyu_com_logo-W1-1.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/i>\r\n                                                                    <b>Identity Security<\/b>                                    <i><img loading=\"lazy\" decoding=\"async\" width=\"48\" height=\"48\" src=\"https:\/\/thevaperz.com\/wp-content\/uploads\/2026\/04\/assistyu_com_logo-W1-1.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/i>\r\n                                                                    <b>24\/7 cybersecurity<\/b>                                    <i><img loading=\"lazy\" decoding=\"async\" width=\"48\" height=\"48\" src=\"https:\/\/thevaperz.com\/wp-content\/uploads\/2026\/04\/assistyu_com_logo-W1-1.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/i>\r\n                                                            <\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \t\t\t\t<\/div>\n\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>INNOVATIVE FEATURES &#038; EXPERT SUPPORT Cyber Security For Enhanced Productivity AssistYu provides enterprise-grade cybersecurity solutions including next-generation antivirus, VPN protection, ransomware defense, and identity theft prevention. Trusted by over 1 million users worldwide for complete digital security and peace of mind. Our Products Our Services About ASSISTYU We Secure Your IT Environment Infinite AssistYu is [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-2670","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thevaperz.com\/fr\/wp-json\/wp\/v2\/pages\/2670","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thevaperz.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thevaperz.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thevaperz.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thevaperz.com\/fr\/wp-json\/wp\/v2\/comments?post=2670"}],"version-history":[{"count":356,"href":"https:\/\/thevaperz.com\/fr\/wp-json\/wp\/v2\/pages\/2670\/revisions"}],"predecessor-version":[{"id":4472,"href":"https:\/\/thevaperz.com\/fr\/wp-json\/wp\/v2\/pages\/2670\/revisions\/4472"}],"wp:attachment":[{"href":"https:\/\/thevaperz.com\/fr\/wp-json\/wp\/v2\/media?parent=2670"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}