{"id":5921,"date":"2026-05-09T22:28:18","date_gmt":"2026-05-09T22:28:18","guid":{"rendered":"https:\/\/assistyu.com\/?page_id=5921"},"modified":"2026-07-24T21:16:03","modified_gmt":"2026-07-24T21:16:03","slug":"assistyu-we-secure-you-infinite","status":"publish","type":"page","link":"https:\/\/assistyu.com\/it\/","title":{"rendered":"AssistYu: Sicurezza senza limiti"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5921\" class=\"elementor elementor-5921\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5645394 e-con-full e-flex e-con e-parent\" data-id=\"5645394\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-95bcf90 elementor-widget elementor-widget-html\" data-id=\"95bcf90\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"hero-assistyu\">\r\n    <!-- Rotating Background Images - More visible on the right side -->\r\n    <div class=\"hero-bg-layer\" id=\"rotatingBg\"><\/div>\r\n    \r\n    <!-- Gradient Overlay that fades from dark left to transparent right -->\r\n    <div class=\"hero-overlay\"><\/div>\r\n    \r\n    <!-- Decorative Shapes -->\r\n    <div class=\"hero-shapes\">\r\n        <div class=\"shape-bg shape-1\"><\/div>\r\n        <div class=\"shape-bg shape-2\"><\/div>\r\n        <div class=\"shape-bg shape-3\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hero-container\">\r\n        <div class=\"hero-content\">\r\n            <!-- Badge - HIDDEN ON MOBILE -->\r\n            <div class=\"hero-badge\">\r\n                <i class=\"fas fa-shield-halved\"><\/i>\r\n                <span>AI-POWERED SECURITY SOFTWARE SUITE<\/span>\r\n            <\/div>\r\n            \r\n            <!-- Title - STRICTLY 2 LINES MAX on all devices -->\r\n            <h1 class=\"hero-title\">\r\n                AI-Powered Security for <span class=\"title-accent\">Total Digital Protection<\/span>\r\n            <\/h1>\r\n            \r\n            <!-- Description -->\r\n            <p class=\"hero-description\">\r\n                AssistYu delivers next-generation cybersecurity solutions designed to protect individuals, remote workers, businesses, gamers, and digital professionals against modern online threats. Our ecosystem combines advanced VPN protection, anti-ransomware security, identity theft prevention, anti-tracking technology, secure cloud infrastructure, and AI-powered privacy tools.\r\n            <\/p>\r\n            \r\n            <!-- Buttons Container with OS Icons centered exactly below the buttons -->\r\n            <div class=\"buttons-wrapper\">\r\n                <div class=\"hero-buttons\">\r\n                    <a href=\"https:\/\/assistyu.com\/security-products\/\" class=\"btn-primary\">\r\n                        <i class=\"fas fa-shield-alt\"><\/i> Our Products\r\n                        <i class=\"fas fa-arrow-right\"><\/i>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/assistyu.com\/services\/\" class=\"btn-secondary\">\r\n                        <i class=\"fas fa-headset\"><\/i> Our Services\r\n                        <i class=\"fas fa-arrow-right\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n                <!-- OS Icons - centered exactly below the two buttons using flex container with same width -->\r\n                <div class=\"os-icons-wrapper\">\r\n                    <div class=\"os-icons\">\r\n                        <i class=\"fab fa-windows\" title=\"Windows\"><\/i>\r\n                        <i class=\"fab fa-apple\" title=\"macOS\"><\/i>\r\n                        <i class=\"fab fa-android\" title=\"Android\"><\/i>\r\n                        <i class=\"fab fa-linux\" title=\"Linux\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- RIGHT SIDE - EMPTY SPACE (floating element area left intentionally empty) -->\r\n        <div class=\"hero-visual\">\r\n            <!-- Empty area - background image becomes more visible here -->\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    \/* ========== HERO ASSISTYU \u2014 recolored to match the Protection Center palette ========== *\/\r\n    .hero-assistyu {\r\n        position: relative;\r\n        width: 100%;\r\n        min-height: 100vh;\r\n        overflow: hidden;\r\n        display: flex;\r\n        align-items: center;\r\n        font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\r\n        box-sizing: border-box;\r\n        padding: 8rem 1rem 3rem;\r\n        background: #060815; \/* same base as the Protection Center, avoids a flash before the image\/overlay paint *\/\r\n    }\r\n\r\n    \/* Rotating Background Image Layer - Will be more visible on the right *\/\r\n    .hero-bg-layer {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-size: cover;\r\n        background-position: center;\r\n        background-repeat: no-repeat;\r\n        opacity: 1;\r\n        pointer-events: none;\r\n        z-index: 0;\r\n        transition: none;\r\n    }\r\n\r\n    \/* Decorative Shapes - Subtle and modern *\/\r\n    .hero-shapes {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        top: 0;\r\n        left: 0;\r\n        pointer-events: none;\r\n        z-index: 1;\r\n    }\r\n    .shape-bg {\r\n        position: absolute;\r\n        background-size: contain;\r\n        background-repeat: no-repeat;\r\n        opacity: 0.15;\r\n    }\r\n    .shape-1 {\r\n        background-image: url('https:\/\/assistyu.com\/wp-content\/uploads\/2024\/03\/shape-3-1.svg');\r\n        width: 400px;\r\n        height: 400px;\r\n        top: -80px;\r\n        right: -80px;\r\n        animation: floatShape 28s infinite ease-in-out;\r\n    }\r\n    .shape-2 {\r\n        background-image: url('https:\/\/assistyu.com\/wp-content\/uploads\/2024\/03\/shape-3-2.svg');\r\n        width: 300px;\r\n        height: 300px;\r\n        bottom: 5%;\r\n        left: -70px;\r\n        animation: floatShape2 22s infinite ease-in-out;\r\n        opacity: 0.1;\r\n    }\r\n    .shape-3 {\r\n        background-image: url('https:\/\/assistyu.com\/wp-content\/uploads\/2024\/03\/shape-3-3.png');\r\n        background-size: cover;\r\n        width: 500px;\r\n        height: 500px;\r\n        bottom: -120px;\r\n        right: 5%;\r\n        animation: floatShape3 35s infinite ease-in-out;\r\n        opacity: 0.08;\r\n    }\r\n\r\n    @keyframes floatShape {\r\n        0%, 100% { transform: translate(0, 0) rotate(0deg); }\r\n        50% { transform: translate(-40px, 25px) rotate(6deg); }\r\n    }\r\n    @keyframes floatShape2 {\r\n        0%, 100% { transform: translate(0, 0) rotate(0deg); }\r\n        50% { transform: translate(35px, -25px) rotate(-5deg); }\r\n    }\r\n    @keyframes floatShape3 {\r\n        0%, 100% { transform: translate(0, 0) scale(1); }\r\n        50% { transform: translate(-25px, -35px) scale(1.06); }\r\n    }\r\n\r\n    \/* ========== GRADIENT OVERLAY \u2014 same navy family as the Protection Center\r\n       (#060815 \/ #090d24 \/ #0b1130) instead of the old #030622 \/ #04082e ========== *\/\r\n    .hero-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient(\r\n            to right,\r\n            #060815 0%,\r\n            #090d24 25%,\r\n            rgba(9, 13, 36, 0.72) 50%,\r\n            rgba(9, 13, 36, 0.32) 70%,\r\n            transparent 100%\r\n        );\r\n        pointer-events: none;\r\n        z-index: 1;\r\n    }\r\n\r\n    .hero-container {\r\n        position: relative;\r\n        width: 100%;\r\n        max-width: 100%;\r\n        margin: 0 auto;\r\n        padding: 0 5%;\r\n        z-index: 10;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 2rem;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    \/* Hero Content - Left Side *\/\r\n    .hero-content {\r\n        flex: 1.4;\r\n        max-width: 100%;\r\n        position: relative;\r\n        z-index: 5;\r\n    }\r\n\r\n    \/* Badge \u2014 same treatment as the Protection Center's \"Protection Active\" badge *\/\r\n    .hero-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n        background: rgba(79, 110, 247, 0.08);\r\n        backdrop-filter: blur(10px);\r\n        padding: 0.6rem 1.5rem;\r\n        border-radius: 60px;\r\n        font-size: 0.75rem;\r\n        font-weight: 700;\r\n        letter-spacing: 1.5px;\r\n        color: #93a0f8;\r\n        border: 1px solid rgba(79, 110, 247, 0.2);\r\n        margin-bottom: 1.5rem;\r\n    }\r\n\r\n    \/* Title - Premium typography *\/\r\n    .hero-title {\r\n        font-size: clamp(0rem, 5vw, 52px);\r\n        font-weight: 800;\r\n        line-height: 1.2;\r\n        color: #ffffff;\r\n        margin-bottom: 1rem;\r\n        letter-spacing: -0.02em;\r\n        max-width: 100%;\r\n        white-space: normal;\r\n        word-break: keep-all;\r\n    }\r\n    .hero-title br {\r\n        display: none;\r\n    }\r\n    \/* Accent gradient \u2014 identical stops to the Protection Center headline\r\n       (bleu \u2192 violet \u2192 rose) for brand consistency across sections *\/\r\n    .title-accent {\r\n        background: linear-gradient(90deg, #4f6ef7, #8b5cf6, #ec4899);\r\n        background-clip: text;\r\n        -webkit-background-clip: text;\r\n        color: transparent;\r\n        display: inline-block;\r\n        white-space: nowrap;\r\n    }\r\n    \r\n    @media (max-width: 480px) {\r\n        .hero-title {\r\n            font-size: 1.5rem;\r\n            line-height: 1.25;\r\n        }\r\n        .title-accent {\r\n            white-space: normal;\r\n            display: inline;\r\n        }\r\n    }\r\n\r\n    \/* Description *\/\r\n    .hero-description {\r\n        color: #9ba3d4;\r\n        font-size: clamp(0.85rem, 2vw, 1rem);\r\n        line-height: 1.6;\r\n        margin-bottom: 2rem;\r\n        max-width: 90%;\r\n    }\r\n\r\n    \/* Buttons Wrapper *\/\r\n    .buttons-wrapper {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* Two Buttons Container - inline-flex to get exact combined width *\/\r\n    .hero-buttons {\r\n        display: inline-flex;\r\n        gap: 1rem;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n    }\r\n    \r\n    .btn-primary, .btn-secondary {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.6rem;\r\n        padding: 0.85rem 1.8rem;\r\n        border-radius: 60px;\r\n        text-decoration: none;\r\n        font-weight: 600;\r\n        font-size: 0.9rem;\r\n        transition: all 0.3s ease;\r\n        cursor: pointer;\r\n        white-space: nowrap;\r\n    }\r\n    \/* Primary button \u2014 same blue \u2192 violet gradient family as the stat-card\r\n       accents \/ headline gradient in the Protection Center *\/\r\n    .btn-primary {\r\n        background: linear-gradient(95deg, #4f6ef7, #8b5cf6);\r\n        color: white;\r\n        border: none;\r\n        box-shadow: 0 4px 15px rgba(79, 110, 247, 0.3);\r\n    }\r\n    .btn-primary i:last-child {\r\n        transition: transform 0.2s;\r\n    }\r\n    .btn-primary:hover {\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 10px 25px rgba(79, 110, 247, 0.4);\r\n        gap: 0.8rem;\r\n    }\r\n    .btn-primary:hover i:last-child {\r\n        transform: translateX(4px);\r\n    }\r\n    .btn-secondary {\r\n        background: rgba(255, 255, 255, 0.06);\r\n        backdrop-filter: blur(10px);\r\n        color: white;\r\n        border: 1px solid rgba(96, 165, 250, 0.3);\r\n    }\r\n    .btn-secondary i:first-child {\r\n        color: #93c5fd;\r\n    }\r\n    .btn-secondary i:last-child {\r\n        transition: transform 0.2s;\r\n    }\r\n    .btn-secondary:hover {\r\n        background: rgba(255, 255, 255, 0.12);\r\n        transform: translateY(-3px);\r\n        border-color: rgba(96, 165, 250, 0.5);\r\n        gap: 0.8rem;\r\n    }\r\n    .btn-secondary:hover i:last-child {\r\n        transform: translateX(4px);\r\n    }\r\n\r\n    \/* OS Icons Wrapper - matches the exact width of hero-buttons for perfect centering *\/\r\n   .os-icons-wrapper {\r\n    display: flex;\r\n    justify-content: center;\r\n    width: 100%;\r\n    margin-top: 1.8rem;\r\n}\r\n    \r\n    \/* OS Icons - Modern and minimal, centered within wrapper *\/\r\n    .os-icons {\r\n        display: inline-flex;\r\n        gap: 1.2rem;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n    .os-icons i {\r\n        font-size: 1.2rem;\r\n        color: #6b72a8;\r\n        transition: all 0.2s;\r\n        cursor: default;\r\n    }\r\n    .os-icons i:hover {\r\n        color: #60a5fa;\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    \/* RIGHT SIDE - EMPTY SPACE \r\n       Background image becomes more visible here due to gradient fade *\/\r\n    .hero-visual {\r\n        flex: 0.85;\r\n        position: relative;\r\n        min-height: 550px;\r\n        height: 100%;\r\n        \/* Empty - no elements, just showing the background image *\/\r\n        backdrop-filter: none;\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* ========== BIG SCREEN (min-width: 1200px) ========== *\/\r\n    @media (min-width: 1200px) {\r\n        .hero-assistyu {\r\n            padding: 9rem 1rem 4rem;\r\n        }\r\n        .os-icons {\r\n            gap: 1.8rem;\r\n        }\r\n        .os-icons i {\r\n            font-size: 1.6rem;\r\n    transform: translateX(110px);\r\n        }\r\n        .hero-description {\r\n            max-width: 85%;\r\n        }\r\n        .hero-visual {\r\n            min-height: 600px;\r\n        }\r\n        .buttons-wrapper {\r\n            align-items: flex-start;\r\n        }\r\n        .hero-buttons {\r\n            display: inline-flex;\r\n        }\r\n        .os-icons-wrapper {\r\n            justify-content: flex-start;\r\n        }\r\n        .os-icons {\r\n            display: inline-flex;\r\n        }\r\n    }\r\n\r\n    \/* Extra Big Screen *\/\r\n    @media (min-width: 1600px) {\r\n        .hero-assistyu {\r\n            padding: 10rem 0 8rem;\r\n        }\r\n        .hero-container {\r\n            max-width: 1600px;\r\n        }\r\n        .hero-title {\r\n            font-size: 64px;\r\n        }\r\n        .hero-visual {\r\n            min-height: 650px;\r\n        }\r\n        .os-icons {\r\n            gap: 2rem;\r\n        }\r\n        .os-icons i {\r\n            font-size: 1.8rem;\r\n        }\r\n        .hero-description {\r\n            max-width: 80%;\r\n            font-size: 1.1rem;\r\n        }\r\n    }\r\n\r\n    \/* ========== TABLET ========== *\/\r\n    @media (max-width: 1100px) {\r\n        .hero-container {\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n        .hero-content {\r\n            text-align: center;\r\n            margin: 0 auto;\r\n        }\r\n        .hero-description {\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n            max-width: 90%;\r\n        }\r\n        .buttons-wrapper {\r\n            align-items: center;\r\n        }\r\n        .hero-buttons {\r\n            justify-content: center;\r\n        }\r\n        .os-icons-wrapper {\r\n            justify-content: center;\r\n        }\r\n        .hero-visual {\r\n            min-height: 300px;\r\n            margin-top: 1rem;\r\n            width: 100%;\r\n            display: block;\r\n            \/* Empty space visible on tablet as well *\/\r\n        }\r\n        .hero-assistyu {\r\n            padding: 6rem 0 4rem;\r\n        }\r\n        \/* Adjust gradient for tablet - still fades to transparent *\/\r\n        .hero-overlay {\r\n            background: linear-gradient(\r\n                to bottom,\r\n                #060815 0%,\r\n                #090d24 30%,\r\n                rgba(9, 13, 36, 0.55) 70%,\r\n                transparent 100%\r\n            );\r\n        }\r\n    }\r\n\r\n    \/* ========== MOBILE - badge hidden, empty space hidden ========== *\/\r\n    @media (max-width: 768px) {\r\n        .hero-assistyu {\r\n            padding: 4rem 0 3rem;\r\n        }\r\n        \/* HIDE BADGE ON MOBILE *\/\r\n        .hero-badge {\r\n            display: none;\r\n        }\r\n        .hero-title {\r\n            font-size: 2rem;\r\n        }\r\n        .hero-description {\r\n            font-size: 0.85rem;\r\n            max-width: 100%;\r\n        }\r\n        .hero-buttons {\r\n            flex-direction: row;\r\n            flex-wrap: wrap;\r\n            gap: 0.8rem;\r\n        }\r\n        .btn-primary, .btn-secondary {\r\n            padding: 0.7rem 1.3rem;\r\n            font-size: 0.8rem;\r\n            white-space: nowrap;\r\n        }\r\n        .os-icons i {\r\n            font-size: 1rem;\r\n        }\r\n        \/* Hide empty visual area on mobile for better content focus *\/\r\n        .hero-visual {\r\n            display: none;\r\n        }\r\n        \/* Adjust overlay for mobile *\/\r\n        .hero-overlay {\r\n            background: linear-gradient(\r\n                to bottom,\r\n                #060815 0%,\r\n                #090d24 40%,\r\n                rgba(9, 13, 36, 0.72) 100%\r\n            );\r\n        }\r\n        .os-icons-wrapper {\r\n            margin-top: 1rem;\r\n        }\r\n    }\r\n\r\n    \/* Small Mobile *\/\r\n    @media (max-width: 550px) {\r\n        .hero-assistyu {\r\n            padding: 4rem 0 3rem;\r\n        }\r\n        .hero-buttons {\r\n            flex-direction: column;\r\n            align-items: center;\r\n        }\r\n        .btn-primary, .btn-secondary {\r\n            justify-content: center;\r\n            white-space: nowrap;\r\n        }\r\n        .hero-title {\r\n            font-size: 1.8rem;\r\n        }\r\n    }\r\n\r\n    \/* Extra Small Mobile *\/\r\n    @media (max-width: 380px) {\r\n        .hero-assistyu {\r\n            padding: 4rem 0 3rem;\r\n        }\r\n        .hero-title {\r\n            font-size: 1.6rem;\r\n        }\r\n        .hero-description {\r\n            font-size: 0.75rem;\r\n        }\r\n        .btn-primary, .btn-secondary {\r\n            font-size: 0.75rem;\r\n            padding: 0.6rem 1.1rem;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    \/\/ ========== ROTATING BACKGROUND IMAGES (smooth replace, no fade) ==========\r\n    const backgroundImages = [\r\n        'https:\/\/assistyu.com\/wp-content\/uploads\/2026\/04\/BCK.png',\r\n        'https:\/\/assistyu.com\/wp-content\/uploads\/2026\/04\/BCK-1.jpg',\r\n        'https:\/\/assistyu.com\/wp-content\/uploads\/2026\/04\/BCK-5.jpg',\r\n        'https:\/\/assistyu.com\/wp-content\/uploads\/2026\/07\/cybersecurity-spcialists.jpg'\r\n    ];\r\n    \r\n    let currentIndex = 0;\r\n    const bgElement = document.getElementById('rotatingBg');\r\n    \r\n    \/\/ Function to change background smoothly (no fade, just replace)\r\n    function changeBackground() {\r\n        currentIndex = (currentIndex + 1) % backgroundImages.length;\r\n        bgElement.style.backgroundImage = `url('${backgroundImages[currentIndex]}')`;\r\n    }\r\n    \r\n    \/\/ Set random initial image on load\r\n    if (bgElement) {\r\n        const randomIndex = Math.floor(Math.random() * backgroundImages.length);\r\n        currentIndex = randomIndex;\r\n        bgElement.style.backgroundImage = `url('${backgroundImages[currentIndex]}')`;\r\n        \r\n        \/\/ Change background every 6 seconds\r\n        setInterval(changeBackground, 6000);\r\n    }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0e667c2 e-con-full e-flex e-con e-parent\" data-id=\"0e667c2\" 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-1d2ba1c elementor-widget elementor-widget-html\" data-id=\"1d2ba1c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;450;500;600&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n<section id=\"au-about\">\r\n\r\n    <div class=\"au-gridbg\" aria-hidden=\"true\"><\/div>\r\n    <div class=\"au-glow-orbs\" aria-hidden=\"true\"><\/div>\r\n\r\n    <div class=\"au-wrap\">\r\n\r\n        <!-- ========== CONTENT ========== -->\r\n        <div class=\"au-content\">\r\n            <div class=\"au-content-inner\">\r\n\r\n                <div class=\"au-eyebrow\">\r\n                    <span class=\"au-eyebrow-dot\"><\/span>\r\n                    <span>ABOUT ASSISTYU<\/span>\r\n                <\/div>\r\n\r\n                <h2 class=\"au-heading\">\r\n                    We secure your <span class=\"au-heading-glow\">IoT environment<\/span>, end to end.\r\n                <\/h2>\r\n\r\n                <p class=\"au-desc\">\r\n                    AssistYu is a trusted technology partner founded by cybersecurity and internet software\r\n                    experts. We deliver reliable AI, cloud, and cybersecurity solutions that help individuals\r\n                    and organizations succeed in their digital transformation.\r\n                <\/p>\r\n\r\n                <ul class=\"au-checklist\">\r\n                    <li>\r\n                        <span class=\"au-check\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 12.5L9.5 18L20 6\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n                        <\/span>\r\n                        Security and compliance specialists\r\n                    <\/li>\r\n                    <li>\r\n                        <span class=\"au-check\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 12.5L9.5 18L20 6\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n                        <\/span>\r\n                        AI, cloud, and cybersecurity solutions\r\n                    <\/li>\r\n                    <li>\r\n                        <span class=\"au-check\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 12.5L9.5 18L20 6\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n                        <\/span>\r\n                        End-to-end digital protection services\r\n                    <\/li>\r\n                <\/ul>\r\n\r\n                <a href=\"https:\/\/assistyu.com\/about-assistyu\/\" class=\"au-cta\">\r\n                    <span>Read More<\/span>\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12H19M19 12L13 6M19 12L13 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n                <\/a>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- ========== VISUAL ========== -->\r\n        <div class=\"au-visual\">\r\n\r\n            <figure class=\"au-frame au-frame-a\" data-tilt>\r\n                <img decoding=\"async\" src=\"https:\/\/assistyu.com\/wp-content\/uploads\/2026\/07\/monitoring.jpg\" alt=\"AssistYu security analysts reviewing a client&#039;s system together\" loading=\"lazy\" title=\"\">\r\n                <span class=\"au-scan\"><\/span>\r\n                <span class=\"au-hud au-hud-tl\"><\/span>\r\n                <span class=\"au-hud au-hud-br\"><\/span>\r\n                <span class=\"au-tag\"><i><\/i>MONITORING<\/span>\r\n            <\/figure>\r\n\r\n            <figure class=\"au-frame au-frame-b\" data-tilt>\r\n                <img decoding=\"async\" src=\"https:\/\/assistyu.com\/wp-content\/uploads\/2026\/07\/images.jpg\" alt=\"AssistYu engineer configuring network security infrastructure\" loading=\"lazy\" title=\"\">\r\n                <span class=\"au-scan\"><\/span>\r\n                <span class=\"au-hud au-hud-tl\"><\/span>\r\n                <span class=\"au-hud au-hud-br\"><\/span>\r\n            <\/figure>\r\n\r\n            <figure class=\"au-frame au-frame-c\" data-tilt>\r\n                <img decoding=\"async\" src=\"https:\/\/assistyu.com\/wp-content\/uploads\/2026\/07\/Cybersecurity-Monitoring.jpeg\" alt=\"AssistYu team collaborating on a cybersecurity project\" loading=\"lazy\" title=\"\">\r\n                <span class=\"au-scan\"><\/span>\r\n                <span class=\"au-hud au-hud-tl\"><\/span>\r\n                <span class=\"au-hud au-hud-br\"><\/span>\r\n                <span class=\"au-tag\"><i><\/i>CYBERSECURITY EXPERTS<\/span>\r\n            <\/figure>\r\n\r\n            <div class=\"au-badge\" role=\"img\" aria-label=\"15 plus years of experience\">\r\n                <div class=\"au-badge-orbit\"><\/div>\r\n                <div class=\"au-badge-core\">\r\n                    <span class=\"au-badge-num\"><span class=\"au-count\" data-target=\"15\">0<\/span>+<\/span>\r\n                    <span class=\"au-badge-label\">Years of<br \/>Experience<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    \/* ============================================================\r\n       ROOT VARIABLES \u2014 light palette, shared across blocks\r\n       ============================================================ *\/\r\n    #au-about {\r\n        \/* \u2500\u2500 core palette \u2500\u2500 *\/\r\n        --au-bg: #f5f7fb;\r\n        --au-panel: #ffffff;\r\n        --au-line: rgba(15, 23, 42, .07);\r\n        --au-line-strong: rgba(15, 23, 42, .12);\r\n        --au-text: #0f1729;\r\n        --au-muted: #4b556b;\r\n        --au-muted-light: #7a849c;\r\n\r\n        \/* \u2500\u2500 accent colors \u2500\u2500 *\/\r\n        --au-cyan: #06b6d4;\r\n        --au-cyan-soft: rgba(6, 182, 212, .20);\r\n        --au-cyan-glow: rgba(6, 182, 212, .35);\r\n        --au-violet: #6d5ef8;\r\n        --au-violet-soft: rgba(109, 94, 248, .18);\r\n        --au-pink: #ec4899;\r\n        --au-pink-soft: rgba(236, 72, 153, .15);\r\n\r\n        \/* \u2500\u2500 gradients \u2500\u2500 *\/\r\n        --au-gradient-accent: linear-gradient(120deg, var(--au-cyan), var(--au-violet));\r\n        --au-gradient-text: linear-gradient(100deg, var(--au-cyan), var(--au-violet));\r\n        --au-gradient-badge: conic-gradient(from 0deg, var(--au-cyan), var(--au-violet), var(--au-pink), var(--au-cyan));\r\n\r\n        \/* \u2500\u2500 typography \u2500\u2500 *\/\r\n        --au-font-display: 'Space Grotesk', 'Segoe UI', sans-serif;\r\n        --au-font-body: 'Inter', 'Segoe UI', sans-serif;\r\n        --au-font-mono: 'JetBrains Mono', monospace;\r\n\r\n        \/* \u2500\u2500 shadows \u2500\u2500 *\/\r\n        --au-shadow-card: 0 12px 40px -14px rgba(15, 23, 42, .18);\r\n        --au-shadow-card-hover: 0 20px 48px -14px rgba(6, 182, 212, .25);\r\n        --au-shadow-cta: 0 10px 28px -8px rgba(6, 182, 212, .45);\r\n\r\n        \/* \u2500\u2500 layout \u2500\u2500 *\/\r\n        position: relative;\r\n        isolation: isolate;\r\n        background: var(--au-bg);\r\n        color: var(--au-text);\r\n        font-family: var(--au-font-body);\r\n        padding: 120px 24px;\r\n        overflow: hidden;\r\n    }\r\n\r\n    #au-about * {\r\n        box-sizing: border-box;\r\n    }\r\n    #au-about a {\r\n        text-decoration: none;\r\n    }\r\n    #au-about ul {\r\n        list-style: none;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 decorative background: grid + soft glow orbs \u2500\u2500\u2500 *\/\r\n    #au-about .au-gridbg {\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: 0;\r\n        pointer-events: none;\r\n        background-image:\r\n            linear-gradient(var(--au-line) 1px, transparent 1px),\r\n            linear-gradient(90deg, var(--au-line) 1px, transparent 1px);\r\n        background-size: 56px 56px;\r\n        -webkit-mask-image: radial-gradient(ellipse 90% 70% at 50% 40%, #000 25%, transparent 78%);\r\n        mask-image: radial-gradient(ellipse 90% 70% at 50% 40%, #000 25%, transparent 78%);\r\n        opacity: .55;\r\n    }\r\n\r\n    #au-about .au-glow-orbs {\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: 0;\r\n        pointer-events: none;\r\n        background:\r\n            radial-gradient(900px 420px at 88% 8%, rgba(109, 94, 248, .08), transparent 60%),\r\n            radial-gradient(800px 500px at 6% 92%, rgba(6, 182, 212, .08), transparent 55%),\r\n            radial-gradient(500px 500px at 50% 50%, rgba(236, 72, 153, .04), transparent 70%);\r\n    }\r\n\r\n    #au-about .au-wrap {\r\n        position: relative;\r\n        z-index: 1;\r\n        max-width: 1240px;\r\n        margin: 0 auto;\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 72px;\r\n        align-items: stretch;\r\n    }\r\n\r\n    \/* ============================================================\r\n       CONTENT\r\n       ============================================================ *\/\r\n    #au-about .au-content {\r\n        display: flex;\r\n    }\r\n\r\n    #au-about .au-content-inner {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        height: 100%;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* \u2500\u2500 eyebrow \u2500\u2500 *\/\r\n    #au-about .au-eyebrow {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        font-family: var(--au-font-mono);\r\n        font-size: 12px;\r\n        letter-spacing: .30em;\r\n        color: var(--au-cyan);\r\n        font-weight: 500;\r\n        margin-bottom: 22px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    #au-about .au-eyebrow-dot {\r\n        width: 8px;\r\n        height: 8px;\r\n        border-radius: 50%;\r\n        background: var(--au-cyan);\r\n        box-shadow: 0 0 0 0 var(--au-cyan-soft);\r\n        animation: auPulseDot 2.4s ease-out infinite;\r\n    }\r\n\r\n    @keyframes auPulseDot {\r\n        0% {\r\n            box-shadow: 0 0 0 0 rgba(6, 182, 212, .50);\r\n        }\r\n        70% {\r\n            box-shadow: 0 0 0 12px rgba(6, 182, 212, 0);\r\n        }\r\n        100% {\r\n            box-shadow: 0 0 0 0 rgba(6, 182, 212, 0);\r\n        }\r\n    }\r\n\r\n    \/* \u2500\u2500 heading \u2500\u2500 *\/\r\n    #au-about .au-heading {\r\n        font-family: var(--au-font-display);\r\n        font-weight: 600;\r\n        font-size: clamp(32px, 3.6vw, 46px);\r\n        line-height: 1.20;\r\n        letter-spacing: -0.015em;\r\n        margin: 0 0 18px;\r\n        display: -webkit-box;\r\n        -webkit-line-clamp: 2;\r\n        -webkit-box-orient: vertical;\r\n        overflow: hidden;\r\n    }\r\n\r\n    #au-about .au-heading-glow {\r\n        background: var(--au-gradient-text);\r\n        -webkit-background-clip: text;\r\n        background-clip: text;\r\n        color: transparent;\r\n    }\r\n\r\n    \/* \u2500\u2500 description \u2500\u2500 *\/\r\n    #au-about .au-desc {\r\n        font-size: 17px;\r\n        line-height: 1.75;\r\n        color: var(--au-muted);\r\n        max-width: 480px;\r\n        margin: 0 0 32px;\r\n        display: -webkit-box;\r\n        -webkit-box-orient: vertical;\r\n        overflow: hidden;\r\n        font-weight: 400;\r\n    }\r\n\r\n    \/* \u2500\u2500 checklist \u2500\u2500 *\/\r\n    #au-about .au-checklist {\r\n        margin-bottom: 38px;\r\n    }\r\n\r\n    #au-about .au-checklist li {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 14px;\r\n        font-size: 16px;\r\n        font-weight: 500;\r\n        color: var(--au-text);\r\n        padding: 12px 0;\r\n        border-bottom: 1px solid var(--au-line);\r\n        transition: color .2s;\r\n    }\r\n\r\n    #au-about .au-checklist li:first-child {\r\n        padding-top: 0;\r\n    }\r\n\r\n    #au-about .au-checklist li:last-child {\r\n        border-bottom: none;\r\n    }\r\n\r\n    #au-about .au-check {\r\n        flex: none;\r\n        width: 28px;\r\n        height: 28px;\r\n        border-radius: 8px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: #fff;\r\n        background: var(--au-gradient-accent);\r\n        box-shadow: 0 4px 14px -2px var(--au-cyan-soft);\r\n        transition: transform .25s, box-shadow .25s;\r\n    }\r\n\r\n    #au-about .au-checklist li:hover .au-check {\r\n        transform: scale(1.06);\r\n        box-shadow: 0 6px 20px -2px rgba(6, 182, 212, .45);\r\n    }\r\n\r\n    #au-about .au-check svg {\r\n        width: 14px;\r\n        height: 14px;\r\n    }\r\n\r\n    \/* \u2500\u2500 CTA \u2500\u2500 *\/\r\n    #au-about .au-cta {\r\n        position: relative;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        padding: 16px 32px;\r\n        border-radius: 14px;\r\n        width: fit-content;\r\n        font-family: var(--au-font-body);\r\n        font-weight: 600;\r\n        font-size: 15px;\r\n        color: #fff;\r\n        background: var(--au-gradient-accent);\r\n        box-shadow: var(--au-shadow-cta);\r\n        transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .35s;\r\n        border: none;\r\n        cursor: pointer;\r\n    }\r\n\r\n    #au-about .au-cta svg {\r\n        width: 17px;\r\n        height: 17px;\r\n        transition: transform .35s;\r\n    }\r\n\r\n    #au-about .au-cta:hover {\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 16px 36px -6px rgba(6, 182, 212, .55);\r\n    }\r\n\r\n    #au-about .au-cta:hover svg {\r\n        transform: translateX(5px);\r\n    }\r\n\r\n    \/* ============================================================\r\n       VISUAL \u2014 image grid\r\n       ============================================================ *\/\r\n    #au-about .au-visual {\r\n        position: relative;\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        grid-template-rows: 1fr 1fr;\r\n        gap: 20px;\r\n        height: 100%;\r\n        min-height: 440px;\r\n    }\r\n\r\n    #au-about .au-frame-a {\r\n        grid-column: 1;\r\n        grid-row: 1;\r\n    }\r\n    #au-about .au-frame-b {\r\n        grid-column: 2;\r\n        grid-row: 1;\r\n    }\r\n    #au-about .au-frame-c {\r\n        grid-column: 1 \/ span 2;\r\n        grid-row: 2;\r\n    }\r\n\r\n    \/* \u2500\u2500 frame cards \u2500\u2500 *\/\r\n    #au-about .au-frame {\r\n        position: relative;\r\n        margin: 0;\r\n        overflow: hidden;\r\n        border-radius: 18px;\r\n        border: 1px solid var(--au-line-strong);\r\n        background: var(--au-panel);\r\n        box-shadow: var(--au-shadow-card);\r\n        transform-style: preserve-3d;\r\n        transition: transform .5s cubic-bezier(.2, .8, .2, 1), box-shadow .4s, border-color .3s;\r\n        backdrop-filter: blur(2px);\r\n    }\r\n\r\n    #au-about .au-frame:hover {\r\n        box-shadow: var(--au-shadow-card-hover);\r\n        border-color: rgba(6, 182, 212, .25);\r\n    }\r\n\r\n    #au-about .au-frame img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        display: block;\r\n        filter: contrast(1.04) saturate(1.05);\r\n        transition: filter .5s, transform .65s cubic-bezier(.2, .8, .2, 1);\r\n    }\r\n\r\n    #au-about .au-frame::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset: 0;\r\n        background: linear-gradient(200deg, rgba(6, 182, 212, .08), rgba(109, 94, 248, .06) 70%);\r\n        mix-blend-mode: multiply;\r\n        pointer-events: none;\r\n        transition: opacity .4s;\r\n    }\r\n\r\n    #au-about .au-frame:hover img {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    \/* \u2500\u2500 scan sweep \u2500\u2500 *\/\r\n    #au-about .au-scan {\r\n        position: absolute;\r\n        left: 0;\r\n        right: 0;\r\n        height: 28%;\r\n        background: linear-gradient(180deg, transparent, rgba(6, 182, 212, .25), transparent);\r\n        top: -30%;\r\n        z-index: 2;\r\n        pointer-events: none;\r\n        mix-blend-mode: multiply;\r\n        animation: auScan 6s linear infinite;\r\n        opacity: .6;\r\n    }\r\n\r\n    #au-about .au-frame-b .au-scan {\r\n        animation-delay: 1.4s;\r\n    }\r\n    #au-about .au-frame-c .au-scan {\r\n        animation-delay: 2.8s;\r\n    }\r\n\r\n    @keyframes auScan {\r\n        0% {\r\n            top: -30%;\r\n        }\r\n        100% {\r\n            top: 110%;\r\n        }\r\n    }\r\n\r\n    \/* \u2500\u2500 HUD corner brackets \u2500\u2500 *\/\r\n    #au-about .au-hud {\r\n        position: absolute;\r\n        width: 24px;\r\n        height: 24px;\r\n        z-index: 3;\r\n        opacity: .85;\r\n        border: 2px solid var(--au-cyan);\r\n        transition: opacity .3s, border-color .3s;\r\n    }\r\n\r\n    #au-about .au-frame:hover .au-hud {\r\n        opacity: 1;\r\n        border-color: var(--au-violet);\r\n    }\r\n\r\n    #au-about .au-hud-tl {\r\n        top: 14px;\r\n        left: 14px;\r\n        border-right: none;\r\n        border-bottom: none;\r\n        border-radius: 4px 0 0 0;\r\n    }\r\n\r\n    #au-about .au-hud-br {\r\n        bottom: 14px;\r\n        right: 14px;\r\n        border-left: none;\r\n        border-top: none;\r\n        border-radius: 0 0 4px 0;\r\n    }\r\n\r\n    \/* \u2500\u2500 tag \u2500\u2500 *\/\r\n    #au-about .au-tag {\r\n        position: absolute;\r\n        top: 14px;\r\n        right: 14px;\r\n        z-index: 3;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        font-family: var(--au-font-mono);\r\n        font-size: 10px;\r\n        letter-spacing: .14em;\r\n        font-weight: 500;\r\n        color: var(--au-text);\r\n        padding: 6px 12px 6px 10px;\r\n        border-radius: 24px;\r\n        background: rgba(255, 255, 255, .88);\r\n        border: 1px solid var(--au-line-strong);\r\n        backdrop-filter: blur(6px);\r\n        transition: background .3s, border-color .3s, box-shadow .3s;\r\n        box-shadow: 0 4px 12px rgba(15, 23, 42, .06);\r\n    }\r\n\r\n    #au-about .au-frame:hover .au-tag {\r\n        background: rgba(255, 255, 255, .96);\r\n        border-color: var(--au-cyan);\r\n        box-shadow: 0 4px 16px rgba(6, 182, 212, .15);\r\n    }\r\n\r\n    #au-about .au-tag i {\r\n        width: 7px;\r\n        height: 7px;\r\n        border-radius: 50%;\r\n        background: var(--au-pink);\r\n        display: block;\r\n        box-shadow: 0 0 10px rgba(236, 72, 153, .6);\r\n        animation: auBlink 1.6s steps(1) infinite;\r\n    }\r\n\r\n    @keyframes auBlink {\r\n        50% {\r\n            opacity: .12;\r\n        }\r\n    }\r\n\r\n    \/* ============================================================\r\n       BADGE \u2014 15+ years\r\n       ============================================================ *\/\r\n    #au-about .au-badge {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 148px;\r\n        height: 148px;\r\n        z-index: 4;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* spinning orbit ring *\/\r\n    #au-about .au-badge-orbit {\r\n        position: absolute;\r\n        inset: 0;\r\n        border-radius: 50%;\r\n        background: var(--au-gradient-badge);\r\n        -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 10px), #000 calc(100% - 9px));\r\n        mask: radial-gradient(farthest-side, transparent calc(100% - 10px), #000 calc(100% - 9px));\r\n        animation: auOrbitSpin 6s linear infinite;\r\n        box-shadow: 0 0 30px var(--au-cyan-glow);\r\n    }\r\n\r\n    @keyframes auOrbitSpin {\r\n        to {\r\n            transform: rotate(360deg);\r\n        }\r\n    }\r\n\r\n    \/* core disc *\/\r\n    #au-about .au-badge-core {\r\n        position: relative;\r\n        width: 118px;\r\n        height: 118px;\r\n        border-radius: 50%;\r\n        background: rgba(255, 255, 255, .92);\r\n        backdrop-filter: blur(8px);\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        text-align: center;\r\n        box-shadow: 0 16px 36px -12px rgba(15, 23, 42, .22), inset 0 0 0 1px rgba(255, 255, 255, .8);\r\n        border: 1px solid rgba(255, 255, 255, .6);\r\n        transition: transform .4s, box-shadow .4s;\r\n    }\r\n\r\n    #au-about .au-badge:hover .au-badge-core {\r\n        transform: scale(1.03);\r\n        box-shadow: 0 20px 44px -12px rgba(6, 182, 212, .25);\r\n    }\r\n\r\n    #au-about .au-badge-num {\r\n        font-family: var(--au-font-display);\r\n        font-size: 28px;\r\n        font-weight: 700;\r\n        line-height: 1;\r\n        background: var(--au-gradient-text);\r\n        -webkit-background-clip: text;\r\n        background-clip: text;\r\n        color: transparent;\r\n        letter-spacing: -0.02em;\r\n    }\r\n\r\n    #au-about .au-badge-label {\r\n        font-family: var(--au-font-mono);\r\n        font-size: 9.5px;\r\n        letter-spacing: .06em;\r\n        color: var(--au-muted-light);\r\n        margin-top: 6px;\r\n        line-height: 1.35;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    \/* ============================================================\r\n       RESPONSIVE\r\n       ============================================================ *\/\r\n    @media (max-width: 1024px) {\r\n        #au-about .au-wrap {\r\n            gap: 52px;\r\n        }\r\n        #au-about .au-heading {\r\n            font-size: clamp(28px, 3vw, 38px);\r\n        }\r\n        #au-about .au-desc {\r\n            font-size: 16px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 860px) {\r\n        #au-about .au-wrap {\r\n            grid-template-columns: 1fr;\r\n            gap: 48px;\r\n        }\r\n        #au-about {\r\n            padding: 72px 20px;\r\n        }\r\n        #au-about .au-visual {\r\n            min-height: 380px;\r\n        }\r\n        #au-about .au-desc {\r\n            max-width: 100%;\r\n        }\r\n        #au-about .au-badge {\r\n            width: 120px;\r\n            height: 120px;\r\n        }\r\n        #au-about .au-badge-core {\r\n            width: 96px;\r\n            height: 96px;\r\n        }\r\n        #au-about .au-badge-num {\r\n            font-size: 22px;\r\n        }\r\n        #au-about .au-badge-label {\r\n            font-size: 8.5px;\r\n        }\r\n        #au-about .au-badge-orbit {\r\n            -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 8px), #000 calc(100% - 7px));\r\n            mask: radial-gradient(farthest-side, transparent calc(100% - 8px), #000 calc(100% - 7px));\r\n        }\r\n    }\r\n\r\n    @media (max-width: 520px) {\r\n        #au-about {\r\n            padding: 56px 16px;\r\n        }\r\n        #au-about .au-wrap {\r\n            gap: 36px;\r\n        }\r\n        #au-about .au-heading {\r\n            font-size: 26px;\r\n        }\r\n        #au-about .au-desc {\r\n            font-size: 15px;\r\n            line-height: 1.7;\r\n        }\r\n        #au-about .au-checklist li {\r\n            font-size: 14.5px;\r\n            padding: 10px 0;\r\n        }\r\n        #au-about .au-cta {\r\n            padding: 14px 24px;\r\n            font-size: 14px;\r\n        }\r\n        #au-about .au-visual {\r\n            min-height: 320px;\r\n            gap: 14px;\r\n        }\r\n        #au-about .au-frame-a,\r\n        #au-about .au-frame-b {\r\n            grid-column: 1 \/ span 2;\r\n        }\r\n        #au-about .au-frame-b {\r\n            grid-row: 2;\r\n        }\r\n        #au-about .au-frame-c {\r\n            grid-row: 3;\r\n        }\r\n        #au-about .au-badge {\r\n            width: 96px;\r\n            height: 96px;\r\n        }\r\n        #au-about .au-badge-core {\r\n            width: 78px;\r\n            height: 78px;\r\n        }\r\n        #au-about .au-badge-num {\r\n            font-size: 18px;\r\n        }\r\n        #au-about .au-badge-label {\r\n            font-size: 7.5px;\r\n            margin-top: 4px;\r\n        }\r\n        #au-about .au-badge-orbit {\r\n            -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 6px), #000 calc(100% - 5px));\r\n            mask: radial-gradient(farthest-side, transparent calc(100% - 6px), #000 calc(100% - 5px));\r\n        }\r\n        #au-about .au-hud {\r\n            width: 16px;\r\n            height: 16px;\r\n        }\r\n        #au-about .au-hud-tl {\r\n            top: 10px;\r\n            left: 10px;\r\n        }\r\n        #au-about .au-hud-br {\r\n            bottom: 10px;\r\n            right: 10px;\r\n        }\r\n        #au-about .au-tag {\r\n            font-size: 8px;\r\n            padding: 4px 10px 4px 8px;\r\n            top: 10px;\r\n            right: 10px;\r\n        }\r\n        #au-about .au-tag i {\r\n            width: 5px;\r\n            height: 5px;\r\n        }\r\n    }\r\n\r\n    \/* ============================================================\r\n       REDUCED MOTION\r\n       ============================================================ *\/\r\n    @media (prefers-reduced-motion: reduce) {\r\n        #au-about .au-scan,\r\n        #au-about .au-badge-orbit,\r\n        #au-about .au-eyebrow-dot,\r\n        #au-about .au-tag i {\r\n            animation: none !important;\r\n        }\r\n        #au-about .au-frame {\r\n            transform: none !important;\r\n        }\r\n        #au-about .au-frame img {\r\n            transform: none !important;\r\n            transition: none !important;\r\n        }\r\n        #au-about .au-badge-core {\r\n            transform: none !important;\r\n        }\r\n        #au-about .au-cta svg {\r\n            transition: none !important;\r\n        }\r\n        #au-about .au-cta:hover svg {\r\n            transform: none !important;\r\n        }\r\n        #au-about .au-check {\r\n            transition: none !important;\r\n        }\r\n        #au-about .au-checklist li:hover .au-check {\r\n            transform: none !important;\r\n        }\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 keyboard focus \u2500\u2500\u2500 *\/\r\n    #au-about a:focus-visible {\r\n        outline: 2.5px solid var(--au-cyan);\r\n        outline-offset: 4px;\r\n        border-radius: 8px;\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    (function() {\r\n        var root = document.getElementById('au-about');\r\n        if (!root || root.dataset.auInit) return;\r\n        root.dataset.auInit = \"1\";\r\n\r\n        \/* \u2500\u2500 count-up on the 15+ badge \u2500\u2500 *\/\r\n        var counters = root.querySelectorAll('.au-count');\r\n        var already = false;\r\n\r\n        function runCount() {\r\n            if (already) return;\r\n            already = true;\r\n            counters.forEach(function(el) {\r\n                var target = parseInt(el.getAttribute('data-target'), 10) || 0;\r\n                var start = performance.now(),\r\n                    dur = 1500;\r\n\r\n                function tick(now) {\r\n                    var p = Math.min(1, (now - start) \/ dur);\r\n                    var eased = 1 - Math.pow(1 - p, 3);\r\n                    el.textContent = Math.round(eased * target);\r\n                    if (p < 1) requestAnimationFrame(tick);\r\n                }\r\n                requestAnimationFrame(tick);\r\n            });\r\n        }\r\n\r\n        if ('IntersectionObserver' in window) {\r\n            var io = new IntersectionObserver(function(entries) {\r\n                entries.forEach(function(e) {\r\n                    if (e.isIntersecting) runCount();\r\n                });\r\n            }, { threshold: 0.4 });\r\n            var badge = root.querySelector('.au-badge');\r\n            if (badge) io.observe(badge);\r\n        } else {\r\n            runCount();\r\n        }\r\n\r\n        \/* \u2500\u2500 tilt on image frames \u2500\u2500 *\/\r\n        var frames = root.querySelectorAll('[data-tilt]');\r\n        var reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n        if (!reduceMotion) {\r\n            frames.forEach(function(frame) {\r\n                frame.addEventListener('mousemove', function(e) {\r\n                    var r = frame.getBoundingClientRect();\r\n                    var px = (e.clientX - r.left) \/ r.width - 0.5;\r\n                    var py = (e.clientY - r.top) \/ r.height - 0.5;\r\n                    frame.style.transform =\r\n                        'perspective(800px) rotateX(' + (py * -5) + 'deg) rotateY(' + (px * 7) + 'deg)';\r\n                });\r\n                frame.addEventListener('mouseleave', function() {\r\n                    frame.style.transform = 'perspective(800px) rotateX(0deg) rotateY(0deg)';\r\n                });\r\n            });\r\n        }\r\n    })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ae290e6 e-con-full e-flex e-con e-parent\" data-id=\"ae290e6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bca61d1 elementor-widget elementor-widget-html\" data-id=\"bca61d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ayu-protection-center\" id=\"ayuProtectionCenter\">\r\n\r\n  <!-- BACKGROUND LAYERS -->\r\n  <div class=\"ayu-bg-world\"><\/div>\r\n  <div class=\"ayu-bg-dots\"><\/div>\r\n  <div class=\"ayu-bg-glow\"><\/div>\r\n  <div class=\"ayu-bg-orb ayu-bg-orb-1\"><\/div>\r\n  <div class=\"ayu-bg-orb ayu-bg-orb-2\"><\/div>\r\n\r\n  <div class=\"ayu-content\">\r\n\r\n    <!-- HEADER -->\r\n    <header class=\"ayu-header\">\r\n      <div class=\"ayu-badge\">\r\n        <span class=\"ayu-badge-dot\">\r\n          <span class=\"ayu-badge-dot-ping\"><\/span>\r\n          <span class=\"ayu-badge-dot-core\"><\/span>\r\n        <\/span>\r\n        <span class=\"ayu-badge-text\">Live Monitoring Global threat<\/span>\r\n      <\/div>\r\n\r\n      <h2 class=\"ayu-headline\">\r\n        Your digital world, <span class=\"ayu-headline-gradient\">continuously defended<\/span>.\r\n      <\/h2>\r\n\r\n      <p class=\"ayu-description\">\r\n        <span class=\"ayu-desc-full\">AssistYu's AI-powered security engine monitors every protected device around the clock \u2014 VPN, anti-ransomware, identity monitoring, and anti-tracking unified.<\/span>\r\n        <span class=\"ayu-desc-short\">AI-powered security monitoring all your devices 24\/7 with unified protection.<\/span>\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <!-- STATS ROW -->\r\n    <div class=\"ayu-stats-grid\">\r\n\r\n      <div class=\"ayu-stat-card\" data-card=\"daily\" style=\"background:linear-gradient(135deg, rgba(79,110,247,0.15), rgba(109,139,255,0.08)); backdrop-filter:blur(4px);\">\r\n        <div class=\"ayu-stat-accent\" style=\"background:linear-gradient(90deg,#4f6ef7,#6d8bff);\"><\/div>\r\n        <div class=\"ayu-stat-glow\" style=\"background:linear-gradient(180deg,rgba(79,110,247,0.2),transparent);\"><\/div>\r\n        <div class=\"ayu-stat-content\">\r\n          <div class=\"ayu-stat-top\">\r\n            <div class=\"ayu-stat-icon\" style=\"background:linear-gradient(135deg,#4f6ef7,#6d8bff);box-shadow:0 4px 14px rgba(79,110,247,0.2);\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"18\" height=\"18\"><path d=\"M12 2l8 4v6c0 5-3.5 9-8 10-4.5-1-8-5-8-10V6l8-4z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"ayu-stat-badge\">\r\n              <span class=\"ayu-stat-badge-dot\"><span class=\"ayu-stat-badge-ping\"><\/span><span class=\"ayu-stat-badge-core\"><\/span><\/span>\r\n              <span class=\"ayu-stat-badge-text\">live<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"ayu-stat-label\">Threats blocked today<\/div>\r\n          <div class=\"ayu-stat-value-row\">\r\n            <span class=\"ayu-stat-value\" id=\"ayuVal-daily\">0<\/span>\r\n          <\/div>\r\n          <div class=\"ayu-stat-bar\"><div class=\"ayu-stat-bar-fill\" id=\"ayuBar-daily\" style=\"background:linear-gradient(90deg,#4f6ef7,#6d8bff);width:1%;\"><\/div><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ayu-stat-card\" data-card=\"devices\" style=\"background:linear-gradient(135deg, rgba(139,92,246,0.15), rgba(167,139,250,0.08)); backdrop-filter:blur(4px);\">\r\n        <div class=\"ayu-stat-accent\" style=\"background:linear-gradient(90deg,#8b5cf6,#a78bfa);\"><\/div>\r\n        <div class=\"ayu-stat-glow\" style=\"background:linear-gradient(180deg,rgba(139,92,246,0.2),transparent);\"><\/div>\r\n        <div class=\"ayu-stat-content\">\r\n          <div class=\"ayu-stat-top\">\r\n            <div class=\"ayu-stat-icon\" style=\"background:linear-gradient(135deg,#8b5cf6,#a78bfa);box-shadow:0 4px 14px rgba(139,92,246,0.2);\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"18\" height=\"18\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"ayu-stat-badge\">\r\n              <span class=\"ayu-stat-badge-dot\"><span class=\"ayu-stat-badge-ping\"><\/span><span class=\"ayu-stat-badge-core\"><\/span><\/span>\r\n              <span class=\"ayu-stat-badge-text\">live<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"ayu-stat-label\">Devices protected<\/div>\r\n          <div class=\"ayu-stat-value-row\">\r\n            <span class=\"ayu-stat-value\" id=\"ayuVal-devices\">0<\/span>\r\n          <\/div>\r\n          <div class=\"ayu-stat-bar\"><div class=\"ayu-stat-bar-fill\" id=\"ayuBar-devices\" style=\"background:linear-gradient(90deg,#8b5cf6,#a78bfa);width:1%;\"><\/div><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ayu-stat-card\" data-card=\"response\" style=\"background:linear-gradient(135deg, rgba(236,72,153,0.15), rgba(251,113,133,0.08)); backdrop-filter:blur(4px);\">\r\n        <div class=\"ayu-stat-accent\" style=\"background:linear-gradient(90deg,#ec4899,#fb7185);\"><\/div>\r\n        <div class=\"ayu-stat-glow\" style=\"background:linear-gradient(180deg,rgba(236,72,153,0.2),transparent);\"><\/div>\r\n        <div class=\"ayu-stat-content\">\r\n          <div class=\"ayu-stat-top\">\r\n            <div class=\"ayu-stat-icon\" style=\"background:linear-gradient(135deg,#ec4899,#fb7185);box-shadow:0 4px 14px rgba(236,72,153,0.2);\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"18\" height=\"18\"><path d=\"M13 2L3 14h7l-1 8 10-12h-7l1-8z\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"ayu-stat-badge\">\r\n              <span class=\"ayu-stat-badge-dot\"><span class=\"ayu-stat-badge-ping\"><\/span><span class=\"ayu-stat-badge-core\"><\/span><\/span>\r\n              <span class=\"ayu-stat-badge-text\">live<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"ayu-stat-label\">Avg. response time<\/div>\r\n          <div class=\"ayu-stat-value-row\">\r\n            <span class=\"ayu-stat-value\" id=\"ayuVal-response\">0<\/span><span class=\"ayu-stat-unit\">ms<\/span>\r\n          <\/div>\r\n          <div class=\"ayu-stat-bar\"><div class=\"ayu-stat-bar-fill\" id=\"ayuBar-response\" style=\"background:linear-gradient(90deg,#ec4899,#fb7185);width:1%;\"><\/div><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ayu-stat-card\" data-card=\"passwords\" style=\"background:linear-gradient(135deg, rgba(34,211,238,0.15), rgba(79,110,247,0.08)); backdrop-filter:blur(4px);\">\r\n        <div class=\"ayu-stat-accent\" style=\"background:linear-gradient(90deg,#22d3ee,#4f6ef7);\"><\/div>\r\n        <div class=\"ayu-stat-glow\" style=\"background:linear-gradient(180deg,rgba(34,211,238,0.2),transparent);\"><\/div>\r\n        <div class=\"ayu-stat-content\">\r\n          <div class=\"ayu-stat-top\">\r\n            <div class=\"ayu-stat-icon\" style=\"background:linear-gradient(135deg,#22d3ee,#4f6ef7);box-shadow:0 4px 14px rgba(34,211,238,0.2);\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"18\" height=\"18\"><path d=\"M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"ayu-stat-badge\">\r\n              <span class=\"ayu-stat-badge-dot\"><span class=\"ayu-stat-badge-ping\"><\/span><span class=\"ayu-stat-badge-core\"><\/span><\/span>\r\n              <span class=\"ayu-stat-badge-text\">live<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"ayu-stat-label\">Passwords secured<\/div>\r\n          <div class=\"ayu-stat-value-row\">\r\n            <span class=\"ayu-stat-value\" id=\"ayuVal-passwords\">0<\/span><span class=\"ayu-stat-unit\">M<\/span>\r\n          <\/div>\r\n          <div class=\"ayu-stat-bar\"><div class=\"ayu-stat-bar-fill\" id=\"ayuBar-passwords\" style=\"background:linear-gradient(90deg,#22d3ee,#4f6ef7);width:1%;\"><\/div><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- LOWER: GAUGE + FEED -->\r\n    <div class=\"ayu-lower-grid\">\r\n\r\n      <!-- Gauge Card -->\r\n      <div class=\"ayu-gauge-card\">\r\n        <div class=\"ayu-gauge-container\">\r\n          <div class=\"ayu-gauge-wrap\" id=\"ayuGaugeWrap\"><!-- built by JS --><\/div>\r\n          <div class=\"ayu-gauge-label\">\r\n            <div class=\"ayu-gauge-title\">Neutralisation Rate<\/div>\r\n            <div class=\"ayu-gauge-status\" id=\"ayuGaugeStatus\">\r\n              <span class=\"ayu-gauge-status-dot\" id=\"ayuGaugeStatusDot\"><\/span>\r\n              <span id=\"ayuGaugeStatusText\">Excellent<\/span>\r\n            <\/div>\r\n            <div class=\"ayu-gauge-sub\">Threats stopped before impact \u2014 last 24h<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Feed Card -->\r\n      <div class=\"ayu-feed-card\">\r\n        <div class=\"ayu-feed-header\">\r\n          <div class=\"ayu-feed-title-row\">\r\n            <span class=\"ayu-feed-live-dot\"><span class=\"ayu-feed-live-ping\"><\/span><span class=\"ayu-feed-live-core\"><\/span><\/span>\r\n            <span class=\"ayu-feed-title\">Live Threat Feed<\/span>\r\n            <span class=\"ayu-feed-region\">WORLDWIDE<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"ayu-feed-list\" id=\"ayuFeedList\">\r\n          <div class=\"ayu-feed-track\" id=\"ayuFeedTrack\"><!-- built by JS --><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ============================================================\r\n   AssistYu Protection Center \u2014 ISOLATED STYLES (scoped, ayu-*)\r\n   ============================================================ *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600;700&display=swap');\r\n\r\n.ayu-protection-center {\r\n  --ayu-bg-deep:#060815; --ayu-bg-navy:#090d24; --ayu-bg-navy-2:#0b1130;\r\n  --ayu-text-primary:#ffffff; --ayu-text-secondary:#d4daff; --ayu-text-tertiary:#bcc4f0;\r\n  position:relative; isolation:isolate;\r\n  \/* UPDATED: same deep color at both top and bottom *\/\r\n  background:linear-gradient(180deg, var(--ayu-bg-deep) 0%, var(--ayu-bg-navy) 50%, var(--ayu-bg-deep) 100%);\r\n  color:var(--ayu-text-primary);\r\n  font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;\r\n  overflow:hidden; padding:60px 20px 44px;\r\n}\r\n.ayu-protection-center *, .ayu-protection-center *::before, .ayu-protection-center *::after { box-sizing:border-box; }\r\n\r\n\/* BACKGROUND LAYERS *\/\r\n.ayu-bg-world{position:absolute;inset:0;z-index:0;pointer-events:none;\r\n  background-image:url('https:\/\/images.unsplash.com\/photo-1451187580459-43490279c0fa?w=1600&q=80');\r\n  background-size:cover;background-position:center;opacity:.18;\r\n  mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,black 20%,transparent 75%);\r\n  -webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,black 20%,transparent 75%);}\r\n.ayu-bg-dots{position:absolute;inset:0;z-index:0;pointer-events:none;\r\n  background-image:radial-gradient(circle at 1px 1px,rgba(79,110,247,0.12) 1px,transparent 1px);\r\n  background-size:48px 48px;\r\n  mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,black 20%,transparent 70%);\r\n  -webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,black 20%,transparent 70%);}\r\n.ayu-bg-glow{position:absolute;inset:0;z-index:0;pointer-events:none;\r\n  background:\r\n    radial-gradient(ellipse 50% 40% at 15% 15%,rgba(79,110,247,0.18),transparent 55%),\r\n    radial-gradient(ellipse 35% 30% at 50% 50%,rgba(236,72,153,0.06),transparent 60%),\r\n    radial-gradient(ellipse 50% 40% at 70% 20%,rgba(34,211,238,0.08),transparent 50%);}\r\n.ayu-bg-orb{position:absolute;border-radius:50%;pointer-events:none;z-index:0;}\r\n.ayu-bg-orb-1{width:400px;height:400px;top:10%;left:5%;background:radial-gradient(circle,rgba(79,110,247,0.08) 0%,transparent 70%);animation:ayuOrbFloat1 20s ease-in-out infinite;}\r\n.ayu-bg-orb-2{width:300px;height:300px;bottom:15%;right:10%;background:radial-gradient(circle,rgba(139,92,246,0.08) 0%,transparent 70%);animation:ayuOrbFloat2 25s ease-in-out infinite;}\r\n@keyframes ayuOrbFloat1{0%,100%{transform:translate(0,0) scale(1);}33%{transform:translate(30px,-20px) scale(1.05);}66%{transform:translate(-15px,15px) scale(.95);}}\r\n@keyframes ayuOrbFloat2{0%,100%{transform:translate(0,0) scale(1);}33%{transform:translate(-20px,25px) scale(1.08);}66%{transform:translate(25px,-10px) scale(.92);}}\r\n\r\n\/* CONTENT *\/\r\n.ayu-content{position:relative;z-index:10;width:100%;max-width:1280px;margin:0 auto;}\r\n\r\n\/* HEADER *\/\r\n.ayu-header{text-align:center;max-width:100%;margin:0 auto 40px;}\r\n.ayu-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:9999px;margin-bottom:20px;background:rgba(79,110,247,0.08);border:1px solid rgba(79,110,247,0.2);}\r\n.ayu-badge-dot{position:relative;display:flex;width:8px;height:8px;}\r\n.ayu-badge-dot-ping{position:absolute;width:100%;height:100%;border-radius:50%;background:#60a5fa;opacity:.6;animation:ayuPing 1.5s cubic-bezier(0,0,.2,1) infinite;}\r\n.ayu-badge-dot-core{position:relative;width:8px;height:8px;border-radius:50%;background:#3b82f6;}\r\n@keyframes ayuPing{75%,100%{transform:scale(2);opacity:0;}}\r\n.ayu-badge-text{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#b7c0ff;}\r\n.ayu-headline{font-family:'Sora',sans-serif;font-size:clamp(26px,3.6vw,42px);font-weight:800;line-height:1.15;letter-spacing:-.025em;color:#fff;margin:0 0 16px;white-space:normal;text-align:center;width:100%;}\r\n.ayu-headline-gradient{background:linear-gradient(90deg,#4f6ef7,#8b5cf6,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent;}\r\n.ayu-description{font-size:15px;line-height:1.7;color:var(--ayu-text-secondary);margin:0;max-width:600px;margin-left:auto;margin-right:auto;}\r\n.ayu-desc-full{display:block;}\r\n.ayu-desc-short{display:none;}\r\n\r\n\/* STATS GRID *\/\r\n.ayu-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px;}\r\n.ayu-stat-card{position:relative;border-radius:16px;border:1px solid rgba(255,255,255,0.06);box-shadow:inset 0 1px 0 rgba(255,255,255,0.05),0 4px 16px rgba(0,0,0,0.15),0 2px 8px rgba(0,0,0,0.08);transition:all .3s ease;cursor:default;overflow:hidden;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}\r\n.ayu-stat-card:hover{background:rgba(255,255,255,0.08)!important;border-color:rgba(255,255,255,0.14);transform:translateY(-4px) scale(1.01);box-shadow:0 8px 24px rgba(0,0,0,0.2);}\r\n.ayu-stat-accent{position:absolute;top:0;left:0;right:0;height:2px;opacity:.7;transition:opacity .3s ease;}\r\n.ayu-stat-card:hover .ayu-stat-accent{opacity:1;}\r\n.ayu-stat-glow{position:absolute;top:0;left:0;right:0;height:60px;pointer-events:none;opacity:0;transition:opacity .5s ease;}\r\n.ayu-stat-card:hover .ayu-stat-glow{opacity:.3;}\r\n.ayu-stat-content{position:relative;padding:20px;}\r\n.ayu-stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}\r\n.ayu-stat-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:box-shadow .3s ease;}\r\n.ayu-stat-badge{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;background:rgba(110,231,183,0.08);border:1px solid rgba(110,231,183,0.12);}\r\n.ayu-stat-badge-dot{position:relative;display:flex;width:7px;height:7px;}\r\n.ayu-stat-badge-ping{position:absolute;width:100%;height:100%;border-radius:50%;background:#4ade80;opacity:.5;animation:ayuStatPing 1.5s cubic-bezier(0,0,.2,1) infinite;}\r\n.ayu-stat-badge-core{position:relative;width:7px;height:7px;border-radius:50%;background:#4ade80;}\r\n@keyframes ayuStatPing{75%,100%{transform:scale(2);opacity:0;}}\r\n.ayu-stat-badge-text{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#6ee7b7;}\r\n.ayu-stat-label{font-size:13px;font-weight:500;color:var(--ayu-text-secondary);letter-spacing:.01em;margin-bottom:6px;}\r\n.ayu-stat-value-row{display:flex;align-items:baseline;gap:4px;}\r\n.ayu-stat-value{font-family:'JetBrains Mono',monospace;font-size:27px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.025em;line-height:1.1;color:#fff;transition:color .3s ease;}\r\n.ayu-stat-unit{font-size:14px;font-weight:500;color:var(--ayu-text-tertiary);}\r\n.ayu-stat-bar{margin-top:12px;height:3px;border-radius:9999px;background:rgba(255,255,255,0.04);overflow:hidden;}\r\n.ayu-stat-bar-fill{height:100%;border-radius:9999px;opacity:.5;transition:width 1s linear;}\r\n\r\n\/* LOWER GRID *\/\r\n.ayu-lower-grid{display:grid;grid-template-columns:320px 1fr;gap:16px;margin-bottom:16px;}\r\n.ayu-gauge-card,.ayu-feed-card{border-radius:18px;border:1px solid rgba(255,255,255,0.07);background:rgba(17,23,58,0.6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06),0 4px 16px rgba(0,0,0,0.15),0 2px 8px rgba(0,0,0,0.08);}\r\n.ayu-gauge-card{padding:32px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;}\r\n.ayu-feed-card{overflow:hidden;}\r\n\r\n\/* GAUGE *\/\r\n.ayu-gauge-container{display:flex;flex-direction:column;align-items:center;gap:20px;}\r\n.ayu-gauge-wrap{position:relative;width:190px;height:190px;}\r\n.ayu-gauge-glow{position:absolute;top:50%;left:50%;width:153px;height:153px;transform:translate(-50%,-50%);filter:blur(25px);opacity:.45;border-radius:50%;animation:ayuGaugeGlow 4s ease-in-out infinite;}\r\n@keyframes ayuGaugeGlow{0%,100%{opacity:.35;transform:translate(-50%,-50%) scale(.88);}50%{opacity:.5;transform:translate(-50%,-50%) scale(.95);}}\r\n.ayu-gauge-center-bg{position:absolute;border-radius:50%;background:radial-gradient(circle at 40% 30%,#1a2155 0%,#0d1235 40%,#080c25 70%,#060a1c 100%);box-shadow:inset 0 4px 12px rgba(0,0,0,0.6),inset 0 -2px 6px rgba(255,255,255,0.03),0 0 0 1px rgba(255,255,255,0.06),0 0 0 2px rgba(0,0,0,0.3),0 4px 16px rgba(0,0,0,0.3);}\r\n.ayu-gauge-center-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,0.04);}\r\n.ayu-gauge-value-wrap{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:30;}\r\n.ayu-gauge-value{font-family:'JetBrains Mono',monospace;font-size:30px;font-weight:700;color:#fff;line-height:1;letter-spacing:-.02em;transition:color .5s ease;}\r\n.ayu-gauge-value-pct{font-size:14px;color:#8890c0;margin-left:2px;}\r\n.ayu-gauge-value-label{font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-family:'JetBrains Mono',monospace;opacity:.8;margin-top:2px;}\r\n.ayu-gauge-label{text-align:center;}\r\n.ayu-gauge-title{font-size:15px;font-weight:700;color:#fff;font-family:'Sora',sans-serif;margin-bottom:8px;}\r\n.ayu-gauge-status{font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin-bottom:10px;padding:4px 14px;border-radius:9999px;display:inline-flex;align-items:center;gap:6px;font-family:'JetBrains Mono',monospace;color:var(--ayu-text-secondary);}\r\n.ayu-gauge-status-dot{width:6px;height:6px;border-radius:50%;}\r\n.ayu-gauge-sub{font-size:11px;line-height:1.5;white-space:nowrap;margin:0 auto;color:var(--ayu-text-tertiary);}\r\n\r\n\/* FEED *\/\r\n.ayu-feed-header{padding:20px 20px 12px;}\r\n.ayu-feed-title-row{display:flex;align-items:center;gap:10px;}\r\n.ayu-feed-live-dot{position:relative;display:flex;width:10px;height:10px;}\r\n.ayu-feed-live-ping{position:absolute;width:100%;height:100%;border-radius:50%;background:#ef4444;opacity:.5;animation:ayuPing 1.5s cubic-bezier(0,0,.2,1) infinite;}\r\n.ayu-feed-live-core{position:relative;width:10px;height:10px;border-radius:50%;background:#ef4444;}\r\n.ayu-feed-title{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ayu-text-secondary);}\r\n.ayu-feed-region{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:10px;padding:2px 8px;border-radius:4px;background:rgba(255,255,255,0.04);color:var(--ayu-text-tertiary);}\r\n.ayu-feed-list{position:relative;height:300px;overflow:hidden;mask-image:linear-gradient(to bottom,transparent 0%,black 6%,black 92%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 6%,black 92%,transparent 100%);}\r\n.ayu-feed-track{display:flex;flex-direction:column;padding:0 16px;will-change:transform;transition:transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);}\r\n.ayu-feed-item{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-bottom:2px;border-radius:10px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.04);transition:background 0.2s ease, transform 0.2s ease;flex-shrink:0;min-height:52px;box-shadow:0 2px 6px rgba(0,0,0,0.08);}\r\n.ayu-feed-item:hover{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.08);transform:scale(1.01);}\r\n.ayu-feed-icon{flex-shrink:0;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.06);}\r\n.ayu-feed-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:0;}\r\n.ayu-feed-text-main{font-size:13px;font-weight:600;color:#fff;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}\r\n.ayu-feed-text-loc{font-size:11px;font-weight:400;color:var(--ayu-text-secondary);line-height:1.2;margin-top:0;opacity:0.8;}\r\n.ayu-feed-meta{display:flex;align-items:center;gap:12px;flex-shrink:0;}\r\n.ayu-feed-severity{display:inline-flex;align-items:center;justify-content:center;gap:4px;width:80px;padding:2px 6px;border-radius:9999px;font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:700;letter-spacing:.03em;text-transform:capitalize;border:1px solid currentColor;background:rgba(0,0,0,0.2);white-space:nowrap;text-align:center;flex-shrink:0;}\r\n.ayu-feed-severity-dot{width:4px;height:4px;border-radius:50%;flex-shrink:0;}\r\n.ayu-feed-tag{font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:600;padding:2px 8px;border-radius:4px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.06);color:var(--ayu-text-tertiary);white-space:nowrap;text-align:center;width:96px;flex-shrink:0;}\r\n.ayu-feed-time{font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:500;color:var(--ayu-text-tertiary);white-space:nowrap;opacity:0.7;min-width:40px;text-align:right;flex-shrink:0;}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width:1024px){\r\n  .ayu-stats-grid{grid-template-columns:repeat(2,1fr);}\r\n  .ayu-lower-grid{grid-template-columns:1fr;}\r\n  .ayu-headline{font-size:clamp(24px,4vw,32px);}\r\n}\r\n@media (max-width:768px){\r\n  .ayu-feed-item{flex-wrap:nowrap;gap:6px;padding:6px 8px;}\r\n  .ayu-feed-text-main{font-size:12px;}\r\n  .ayu-feed-text-loc{font-size:10px;}\r\n  .ayu-feed-meta{gap:8px;}\r\n  .ayu-feed-severity{width:70px;font-size:8px;padding:1px 4px;}\r\n  .ayu-feed-tag{width:80px;font-size:8px;padding:1px 4px;}\r\n  .ayu-feed-time{font-size:8px;min-width:34px;}\r\n}\r\n@media (max-width:640px){\r\n  .ayu-protection-center{padding:30px 12px 24px;}\r\n  .ayu-header{margin-bottom:24px;}\r\n  .ayu-headline{font-size:22px;line-height:1.2;}\r\n  .ayu-desc-full{display:none;}\r\n  .ayu-desc-short{display:block;}\r\n  .ayu-description{font-size:13px;line-height:1.5;}\r\n  .ayu-stats-grid{grid-template-columns:repeat(2,1fr);gap:8px;}\r\n  .ayu-lower-grid{gap:10px;}\r\n  .ayu-gauge-card{padding:20px 12px;}\r\n  .ayu-stat-content{padding:12px;}\r\n  .ayu-stat-icon{width:32px;height:32px;}\r\n  .ayu-stat-value{font-size:20px;}\r\n  .ayu-stat-label{font-size:10px;}\r\n  .ayu-feed-item{padding:5px 6px;min-height:44px;}\r\n  .ayu-feed-text-main{font-size:11px;}\r\n  .ayu-feed-text-loc{font-size:9px;}\r\n  .ayu-feed-meta{gap:6px;}\r\n  .ayu-feed-severity{width:60px;font-size:7px;padding:1px 3px;}\r\n  .ayu-feed-tag{width:68px;font-size:7px;padding:1px 3px;}\r\n  .ayu-feed-time{font-size:7px;min-width:30px;}\r\n  .ayu-feed-list{height:240px;}\r\n}\r\n@media (prefers-reduced-motion:reduce){\r\n  .ayu-bg-orb-1,.ayu-bg-orb-2{animation:none;}\r\n  .ayu-badge-dot-ping{animation:none;}\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  \"use strict\";\r\n\r\n  var ROOT = document.getElementById('ayuProtectionCenter');\r\n  if (!ROOT) return;\r\n\r\n  \/* ============================================================\r\n     DETERMINISTIC ENGINE\r\n     ============================================================ *\/\r\n\r\n  var GLOBAL_EPOCH = '2025-01-01';\r\n  var DEVICES_BASE = 24186.0;\r\n  var PASSWORDS_BASE = 2.7;   \/\/ start at 2.7 million\r\n\r\n  \/* tiny PRNG *\/\r\n  function seededRandom(seedStr){\r\n    var h = 1779033703 ^ seedStr.length;\r\n    for (var i = 0; i < seedStr.length; i++) {\r\n      h = Math.imul(h ^ seedStr.charCodeAt(i), 3432918353);\r\n      h = (h << 13) | (h >>> 19);\r\n    }\r\n    var a = (h >>> 0) || 1;\r\n    return function(){\r\n      a |= 0; a = (a + 0x6D2B79F5) | 0;\r\n      var t = Math.imul(a ^ (a >>> 15), 1 | a);\r\n      t = (t + Math.imul(t ^ (t >>> 7), 61 | t)) ^ t;\r\n      return ((t ^ (t >>> 14)) >>> 0) \/ 4294967296;\r\n    };\r\n  }\r\n\r\n  function easeInOutSine(x){ return 0.5 - 0.5 * Math.cos(Math.PI * Math.min(1, Math.max(0, x))); }\r\n\r\n  function fracOfDay(date){\r\n    return (date.getHours()*3600 + date.getMinutes()*60 + date.getSeconds() + date.getMilliseconds()\/1000) \/ 86400;\r\n  }\r\n\r\n  \/* ---- Daily threats: base deterministic curve, plus we'll add event increments ---- *\/\r\n  function generateDayPlan(dateStr){\r\n    var rnd = seededRandom(dateStr + '::threats');\r\n    var target = 189000 * (0.82 + rnd() * 0.36);\r\n    var baseShape = [0.55,0.45,0.40,0.35,0.35,0.40,0.55,0.75,1.00,1.15,1.25,1.30,1.30,1.25,1.20,1.20,1.25,1.30,1.35,1.30,1.15,0.95,0.75,0.62];\r\n    var weights = baseShape.map(function(w){ return w * (0.7 + rnd() * 0.6); });\r\n    var sum = weights.reduce(function(a,b){ return a + b; }, 0);\r\n    return { target: target, weights: weights.map(function(w){ return w \/ sum; }) };\r\n  }\r\n  function cumulativeFractionAt(weights, hour, fracInHour){\r\n    var cum = 0;\r\n    for (var h = 0; h < hour; h++) cum += weights[h];\r\n    cum += weights[hour] * fracInHour;\r\n    return cum;\r\n  }\r\n  var dayPlanCache = { day: null, plan: null };\r\n  function getDayPlan(dateStr){\r\n    if (dayPlanCache.day !== dateStr) { dayPlanCache.day = dateStr; dayPlanCache.plan = generateDayPlan(dateStr); }\r\n    return dayPlanCache.plan;\r\n  }\r\n  function getExpectedDailyBlocked(date){\r\n    var plan = getDayPlan(date.toDateString());\r\n    var secOfDay = date.getHours()*3600 + date.getMinutes()*60 + date.getSeconds() + date.getMilliseconds()\/1000;\r\n    var hour = Math.min(23, Math.floor(secOfDay \/ 3600));\r\n    var fracInHour = Math.min(1, Math.max(0, (secOfDay - hour*3600) \/ 3600));\r\n    var fracEased = easeInOutSine(fracInHour);\r\n    return plan.target * cumulativeFractionAt(plan.weights, hour, fracEased);\r\n  }\r\n\r\n  \/* ---- Devices ---- *\/\r\n  function getDailyGrowth(dateStr, key, min, span){\r\n    var rnd = seededRandom(dateStr + '::' + key);\r\n    return min + rnd() * span;\r\n  }\r\n  function getCumulativeAtStartOfDay(dateStr, key, base, min, span){\r\n    var epoch = new Date(GLOBAL_EPOCH + 'T00:00:00');\r\n    var target = new Date(dateStr);\r\n    var total = base;\r\n    var cursor = new Date(epoch.getTime());\r\n    var guard = 0;\r\n    while (cursor.getTime() < target.getTime() && guard < 4000) {\r\n      total += getDailyGrowth(cursor.toDateString(), key, min, span);\r\n      cursor.setDate(cursor.getDate() + 1);\r\n      guard++;\r\n    }\r\n    return total;\r\n  }\r\n  var growthCache = { day: null };\r\n  function refreshGrowthCache(dateStr){\r\n    if (growthCache.day === dateStr) return;\r\n    growthCache.day = dateStr;\r\n    growthCache.devicesBase = getCumulativeAtStartOfDay(dateStr, 'devices', DEVICES_BASE, 120, 260);\r\n    growthCache.devicesToday = getDailyGrowth(dateStr, 'devices', 120, 260);\r\n    growthCache.passwordsBase = getCumulativeAtStartOfDay(dateStr, 'passwords_new', PASSWORDS_BASE, 0.004, 0.004);\r\n  }\r\n  function getExpectedDevices(date){\r\n    var dateStr = date.toDateString();\r\n    refreshGrowthCache(dateStr);\r\n    return growthCache.devicesBase + growthCache.devicesToday * easeInOutSine(fracOfDay(date));\r\n  }\r\n\r\n  \/* ---- Passwords random walk ---- *\/\r\n  var passwordIncrementCache = { day: null, increments: null, base: 0 };\r\n  function generatePasswordIncrements(dateStr){\r\n    var rnd = seededRandom(dateStr + '::pwinc');\r\n    var dailyTotal = 0.004 + rnd() * 0.004; \/\/ million\r\n    var count = 86400;\r\n    var raw = new Float32Array(count);\r\n    var sum = 0;\r\n    for (var i = 0; i < count; i++) {\r\n      var v = rnd() * 2 + 0.1;\r\n      raw[i] = v;\r\n      sum += v;\r\n    }\r\n    var scale = dailyTotal \/ sum;\r\n    var increments = new Float32Array(count);\r\n    for (i = 0; i < count; i++) {\r\n      increments[i] = raw[i] * scale;\r\n    }\r\n    return increments;\r\n  }\r\n\r\n  function getPasswordValue(date){\r\n    var dateStr = date.toDateString();\r\n    refreshGrowthCache(dateStr);\r\n    if (passwordIncrementCache.day !== dateStr) {\r\n      passwordIncrementCache.day = dateStr;\r\n      passwordIncrementCache.increments = generatePasswordIncrements(dateStr);\r\n      passwordIncrementCache.base = growthCache.passwordsBase;\r\n    }\r\n    var secOfDay = Math.floor(date.getHours()*3600 + date.getMinutes()*60 + date.getSeconds() + date.getMilliseconds()\/1000);\r\n    var idx = Math.min(secOfDay, 86399);\r\n    var cum = 0;\r\n    for (var i = 0; i <= idx; i++) {\r\n      cum += passwordIncrementCache.increments[i];\r\n    }\r\n    return passwordIncrementCache.base + cum;\r\n  }\r\n\r\n  \/* ---- Neutralisation ---- *\/\r\n  function getExpectedLeakRate(date){\r\n    var rnd = seededRandom(date.toDateString() + '::leak');\r\n    var baseline = 0.5 + rnd() * 1.6;\r\n    var phase = rnd() * 10;\r\n    var wave = Math.sin(fracOfDay(date) * Math.PI * 4 + phase) * 0.4;\r\n    return Math.min(3.0, Math.max(0.15, baseline + wave));\r\n  }\r\n  function getExpectedNeutralisation(date){\r\n    return 100 - getExpectedLeakRate(date);\r\n  }\r\n\r\n  \/* ---- Avg response time ---- *\/\r\n  function getExpectedResponseMs(date){\r\n    var rnd = seededRandom(date.toDateString() + '::latency');\r\n    var baseline = 29 + rnd() * 13;\r\n    var phase = rnd() * 10;\r\n    var wave = Math.sin(fracOfDay(date) * Math.PI * 6 + phase) * 3.2;\r\n    return Math.max(17, baseline + wave);\r\n  }\r\n\r\n  \/* ---- Cosmetic jitter ---- *\/\r\n  var jitter = { daily:0, devices:0, passwords:0, neutral:0, response:0 };\r\n  function decayJitter(key, factor){ jitter[key] *= factor; }\r\n  function bumpJitter(key, amount){ jitter[key] = Math.max(0, jitter[key] + amount); }\r\n\r\n  function fmtInt(n){ return Math.floor(n).toLocaleString('en-US'); }\r\n  function fmtDecimal(n, decimals){ return n.toFixed(decimals == null ? 2 : decimals); }\r\n\r\n  \/* ============================================================\r\n     RENDERING\r\n     ============================================================ *\/\r\n\r\n  function flashValue(id, text){\r\n    var el = document.getElementById(id);\r\n    if (!el) return;\r\n    if (el.textContent !== text) {\r\n      el.textContent = text;\r\n      el.style.color = '#60a5fa';\r\n      setTimeout(function(){ el.style.color = '#ffffff'; }, 350);\r\n    }\r\n  }\r\n\r\n  function setBarWidth(id, pct){\r\n    var bar = document.getElementById(id);\r\n    if (!bar) return;\r\n    bar.style.width = Math.min(100, Math.max(1, pct)).toFixed(2) + '%';\r\n  }\r\n\r\n  function renderStats(){\r\n    var now = new Date();\r\n\r\n    \/\/ daily threats: base deterministic + jitter (which is incremented per event)\r\n    decayJitter('daily', 0.99); \/\/ slow decay so events accumulate\r\n    var dailyBase = getExpectedDailyBlocked(now);\r\n    var dailyShown = dailyBase + jitter.daily;\r\n\r\n    decayJitter('devices', 0.9);\r\n    var devicesBase = getExpectedDevices(now);\r\n    var devicesShown = devicesBase + jitter.devices;\r\n\r\n    decayJitter('passwords', 0.9);\r\n    var passwordsBase = getPasswordValue(now);\r\n    var passwordsShown = passwordsBase + jitter.passwords;\r\n\r\n    var responseBase = getExpectedResponseMs(now);\r\n    jitter.response += (Math.random()-0.5) * 0.8 - jitter.response * 0.25;\r\n    var responseShown = Math.max(15, responseBase + jitter.response);\r\n\r\n    flashValue('ayuVal-daily', fmtInt(dailyShown));\r\n    flashValue('ayuVal-devices', fmtInt(devicesShown));\r\n    flashValue('ayuVal-response', fmtInt(responseShown));\r\n    flashValue('ayuVal-passwords', fmtDecimal(passwordsShown, 2));\r\n\r\n    var dayFrac = fracOfDay(now) * 100;\r\n    setBarWidth('ayuBar-daily', dayFrac);\r\n    setBarWidth('ayuBar-passwords', dayFrac);\r\n    setBarWidth('ayuBar-devices', dayFrac);\r\n    var responseQuality = Math.min(100, Math.max(4, (60 - responseShown) \/ 45 * 100));\r\n    setBarWidth('ayuBar-response', responseQuality);\r\n\r\n    return { dailyShown: dailyShown };\r\n  }\r\n\r\n  \/* ---- Gauge ---- *\/\r\n  function getGaugeColors(pct){\r\n    if (pct >= 99)   return { start:'#22c55e', mid:'#34d399', end:'#4ade80', glow:'rgba(34,197,94,0.4)',  text:'#4ade80', bg:'rgba(34,197,94,0.1)' };\r\n    if (pct >= 98)   return { start:'#84cc16', mid:'#a3e635', end:'#bef264', glow:'rgba(163,230,53,0.35)',text:'#a3e635', bg:'rgba(163,230,53,0.1)' };\r\n    if (pct >= 97)   return { start:'#eab308', mid:'#facc15', end:'#fde047', glow:'rgba(234,179,8,0.35)', text:'#facc15', bg:'rgba(234,179,8,0.1)' };\r\n    if (pct >= 96)   return { start:'#f97316', mid:'#fb923c', end:'#fdba74', glow:'rgba(249,115,22,0.35)',text:'#fb923c', bg:'rgba(249,115,22,0.1)' };\r\n    return             { start:'#ef4444', mid:'#f87171', end:'#fca5a5', glow:'rgba(239,68,68,0.4)',  text:'#f87171', bg:'rgba(239,68,68,0.1)' };\r\n  }\r\n  function getStatusLabel(pct){\r\n    if (pct >= 99) return 'Excellent';\r\n    if (pct >= 98) return 'Very Good';\r\n    if (pct >= 97) return 'Good';\r\n    if (pct >= 96) return 'Fair';\r\n    return 'Attention';\r\n  }\r\n\r\n  var gaugeWrap = document.getElementById('ayuGaugeWrap');\r\n  var GAUGE_SIZE = 170, GAUGE_STROKE = 16, GAUGE_R = (GAUGE_SIZE - GAUGE_STROKE) \/ 2, GAUGE_CIRC = 2 * Math.PI * GAUGE_R;\r\n  var gaugeBuilt = false;\r\n  var gaugeEls = {};\r\n\r\n  function buildGaugeOnce(){\r\n    var svgSize = GAUGE_SIZE + 20;\r\n    var cx = svgSize \/ 2, cy = svgSize \/ 2;\r\n    var html = '';\r\n    html += '<div class=\"ayu-gauge-glow\" id=\"ayuGaugeGlow\"><\/div>';\r\n\r\n    html += '<svg width=\"'+svgSize+'\" height=\"'+svgSize+'\" viewBox=\"0 0 '+svgSize+' '+svgSize+'\" style=\"position:absolute;inset:0;z-index:10;\">';\r\n    for (var i = 0; i < 60; i++) {\r\n      var angle = (i \/ 60) * 360 - 90;\r\n      var isMajor = (i % 15 === 0);\r\n      var rad = angle * Math.PI \/ 180;\r\n      var outerR = GAUGE_R + GAUGE_STROKE \/ 2 + 6;\r\n      var innerR = outerR - (isMajor ? 6 : 3);\r\n      var x1 = cx + Math.cos(rad) * innerR, y1 = cy + Math.sin(rad) * innerR;\r\n      var x2 = cx + Math.cos(rad) * outerR, y2 = cy + Math.sin(rad) * outerR;\r\n      html += '<line data-tick=\"'+i+'\" x1=\"'+x1+'\" y1=\"'+y1+'\" x2=\"'+x2+'\" y2=\"'+y2+'\" stroke=\"rgba(255,255,255,0.1)\" stroke-width=\"'+(isMajor?2:1)+'\" stroke-linecap=\"round\" style=\"transition:stroke .4s ease,opacity .4s ease;opacity:.4;\"\/>';\r\n    }\r\n    html += '<circle id=\"ayuGaugeTip\" cx=\"'+cx+'\" cy=\"'+(cy-GAUGE_R)+'\" r=\"5.5\" fill=\"#fff\" stroke=\"#0b1130\" stroke-width=\"2\" style=\"transition:cx .8s cubic-bezier(.4,0,.2,1),cy .8s cubic-bezier(.4,0,.2,1);\"\/>';\r\n    html += '<\/svg>';\r\n\r\n    html += '<svg width=\"'+GAUGE_SIZE+'\" height=\"'+GAUGE_SIZE+'\" viewBox=\"0 0 '+GAUGE_SIZE+' '+GAUGE_SIZE+'\" style=\"transform:rotate(-90deg);position:absolute;top:10px;left:10px;z-index:5;\" id=\"ayuGaugeSvg\">';\r\n    html += '<defs>';\r\n    html += '<linearGradient id=\"ayuGaugeGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">';\r\n    html += '<stop id=\"ayuGradStart\" offset=\"0%\" stop-color=\"#22c55e\"\/>';\r\n    html += '<stop id=\"ayuGradMid\" offset=\"40%\" stop-color=\"#34d399\"\/>';\r\n    html += '<stop id=\"ayuGradEnd\" offset=\"100%\" stop-color=\"#4ade80\"\/>';\r\n    html += '<\/linearGradient>';\r\n    html += '<filter id=\"ayuGauge3d\"><feDropShadow dx=\"0\" dy=\"3\" stdDeviation=\"3\" flood-color=\"rgba(0,0,0,0.5)\"\/><feDropShadow dx=\"0\" dy=\"-1\" stdDeviation=\"1\" flood-color=\"rgba(255,255,255,0.1)\"\/><\/filter>';\r\n    html += '<\/defs>';\r\n    html += '<circle cx=\"'+GAUGE_SIZE\/2+'\" cy=\"'+GAUGE_SIZE\/2+'\" r=\"'+GAUGE_R+'\" fill=\"none\" stroke=\"rgba(0,0,0,0.25)\" stroke-width=\"'+(GAUGE_STROKE+4)+'\"\/>';\r\n    html += '<circle cx=\"'+GAUGE_SIZE\/2+'\" cy=\"'+GAUGE_SIZE\/2+'\" r=\"'+GAUGE_R+'\" fill=\"none\" stroke=\"rgba(148,163,184,0.16)\" stroke-width=\"'+GAUGE_STROKE+'\"\/>';\r\n    html += '<circle id=\"ayuGaugeArc\" cx=\"'+GAUGE_SIZE\/2+'\" cy=\"'+GAUGE_SIZE\/2+'\" r=\"'+GAUGE_R+'\" fill=\"none\" stroke=\"url(#ayuGaugeGrad)\" stroke-width=\"'+GAUGE_STROKE+'\" stroke-linecap=\"butt\" stroke-dasharray=\"'+GAUGE_CIRC+'\" stroke-dashoffset=\"'+GAUGE_CIRC+'\" style=\"transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1);filter:url(#ayuGauge3d);\"\/>';\r\n    html += '<circle id=\"ayuGaugeArcHi\" cx=\"'+GAUGE_SIZE\/2+'\" cy=\"'+GAUGE_SIZE\/2+'\" r=\"'+(GAUGE_R-3)+'\" fill=\"none\" stroke=\"rgba(255,255,255,0.2)\" stroke-width=\"1.5\" stroke-linecap=\"butt\" stroke-dasharray=\"'+GAUGE_CIRC+'\" stroke-dashoffset=\"'+GAUGE_CIRC+'\" style=\"transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1);\"\/>';\r\n    html += '<\/svg>';\r\n\r\n    var innerSize = GAUGE_SIZE - GAUGE_STROKE*2 - 16;\r\n    html += '<div class=\"ayu-gauge-value-wrap\">';\r\n    html += '<div class=\"ayu-gauge-center-bg\" style=\"width:'+innerSize+'px;height:'+innerSize+'px;\"><\/div>';\r\n    html += '<div class=\"ayu-gauge-center-ring\" style=\"width:'+(innerSize-4)+'px;height:'+(innerSize-4)+'px;\"><\/div>';\r\n    html += '<div style=\"position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;\">';\r\n    html += '<span class=\"ayu-gauge-value\" id=\"ayuGaugeValue\">99.2<span class=\"ayu-gauge-value-pct\">%<\/span><\/span>';\r\n    html += '<span class=\"ayu-gauge-value-label\" id=\"ayuGaugeValueLabel\">score<\/span>';\r\n    html += '<\/div><\/div>';\r\n\r\n    gaugeWrap.style.width = svgSize + 'px';\r\n    gaugeWrap.style.height = svgSize + 'px';\r\n    gaugeWrap.innerHTML = html;\r\n\r\n    gaugeEls.glow = document.getElementById('ayuGaugeGlow');\r\n    gaugeEls.arc = document.getElementById('ayuGaugeArc');\r\n    gaugeEls.arcHi = document.getElementById('ayuGaugeArcHi');\r\n    gaugeEls.tip = document.getElementById('ayuGaugeTip');\r\n    gaugeEls.gradStart = document.getElementById('ayuGradStart');\r\n    gaugeEls.gradMid = document.getElementById('ayuGradMid');\r\n    gaugeEls.gradEnd = document.getElementById('ayuGradEnd');\r\n    gaugeEls.svg = document.getElementById('ayuGaugeSvg');\r\n    gaugeEls.value = document.getElementById('ayuGaugeValue');\r\n    gaugeEls.valueLabel = document.getElementById('ayuGaugeValueLabel');\r\n    gaugeEls.ticks = gaugeWrap.querySelectorAll('line[data-tick]');\r\n    gaugeEls.cx = cx; gaugeEls.cy = cy;\r\n    gaugeBuilt = true;\r\n  }\r\n\r\n  function renderGauge(neutralisation){\r\n    if (!gaugeBuilt) buildGaugeOnce();\r\n    var clamped = Math.min(Math.max(neutralisation, 0), 100);\r\n    var colors = getGaugeColors(clamped);\r\n    var dashOffset = GAUGE_CIRC - (clamped \/ 100) * GAUGE_CIRC;\r\n\r\n    gaugeEls.arc.setAttribute('stroke-dashoffset', dashOffset);\r\n    gaugeEls.arcHi.setAttribute('stroke-dashoffset', dashOffset);\r\n    gaugeEls.gradStart.setAttribute('stop-color', colors.start);\r\n    gaugeEls.gradMid.setAttribute('stop-color', colors.mid);\r\n    gaugeEls.gradEnd.setAttribute('stop-color', colors.end);\r\n    gaugeEls.svg.style.filter = 'drop-shadow(0 0 16px ' + colors.glow + ')';\r\n    gaugeEls.glow.style.background = colors.glow;\r\n\r\n    var tipAngle = (clamped \/ 100) * 360 - 90;\r\n    var tipRad = tipAngle * Math.PI \/ 180;\r\n    gaugeEls.tip.setAttribute('cx', gaugeEls.cx + Math.cos(tipRad) * GAUGE_R);\r\n    gaugeEls.tip.setAttribute('cy', gaugeEls.cy + Math.sin(tipRad) * GAUGE_R);\r\n    gaugeEls.tip.setAttribute('fill', colors.mid);\r\n    gaugeEls.tip.style.filter = 'drop-shadow(0 0 4px ' + colors.glow + ')';\r\n\r\n    gaugeEls.ticks.forEach(function(tick){\r\n      var idx = Number(tick.getAttribute('data-tick'));\r\n      var tickPercent = (idx \/ 60) * 100;\r\n      var isActive = tickPercent <= clamped;\r\n      tick.setAttribute('stroke', isActive ? colors.mid : 'rgba(255,255,255,0.1)');\r\n      tick.style.opacity = isActive ? 0.75 : 0.4;\r\n    });\r\n\r\n    gaugeEls.value.innerHTML = clamped.toFixed(1) + '<span class=\"ayu-gauge-value-pct\">%<\/span>';\r\n    gaugeEls.value.style.textShadow = '0 0 24px ' + colors.glow + ', 0 2px 4px rgba(0,0,0,0.4)';\r\n    gaugeEls.valueLabel.style.color = colors.text;\r\n\r\n    var statusDot = document.getElementById('ayuGaugeStatusDot');\r\n    var statusText = document.getElementById('ayuGaugeStatusText');\r\n    var statusWrap = document.getElementById('ayuGaugeStatus');\r\n    statusText.textContent = getStatusLabel(clamped);\r\n    statusDot.style.background = colors.text;\r\n    statusWrap.style.color = colors.text;\r\n    statusWrap.style.background = colors.bg;\r\n    statusWrap.style.border = '1px solid ' + colors.glow;\r\n  }\r\n\r\n  function renderNeutralisation(){\r\n    decayJitter('neutral', 0.85);\r\n    var base = getExpectedNeutralisation(new Date());\r\n    var shown = Math.min(99.95, Math.max(95, base + jitter.neutral));\r\n    renderGauge(shown);\r\n  }\r\n\r\n  function renderAll(){\r\n    renderStats();\r\n    renderNeutralisation();\r\n  }\r\n\r\n  \/* ============================================================\r\n     LIVE THREAT FEED \u2014 vertical carousel with smooth sliding\r\n     ============================================================ *\/\r\n  var EVENT_TEMPLATES = [\r\n    { category:'malware', text:'Malware signature detected & quarantined', tag:'AV Engine', locations:['Paris, FR','Berlin, DE','Tokyo, JP','S\u00e3o Paulo, BR'], severity:'critical' },\r\n    { category:'phishing', text:\"Phishing domain intercepted\", tag:'Web Shield', locations:['Amsterdam, NL','Milan, IT','Seoul, KR','Chicago, US'], severity:'high' },\r\n    { category:'ransomware', text:'Ransomware attempt neutralised', tag:'Behavior AI', locations:['Berlin, DE','Sydney, AU','Dubai, AE','Warsaw, PL'], severity:'critical' },\r\n    { category:'bruteforce', text:'Brute-force login blocked', tag:'Auth Guard', locations:['Madrid, ES','Mumbai, IN','Lagos, NG','Oslo, NO'], severity:'high' },\r\n    { category:'identity', text:'Identity theft alert cleared', tag:'ID Protect', locations:['Toronto, CA','London, UK','Cape Town, ZA','Bangkok, TH'], severity:'medium' },\r\n    { category:'vpn', text:'VPN tunnel secured', tag:'SecureVPN', locations:['London, UK','Singapore, SG','Zurich, CH','Dallas, US'], severity:'low' },\r\n    { category:'adtracker', text:'Ad tracker blocked', tag:'Privacy Shield', locations:['Austin, US','Stockholm, SE','Helsinki, FI','Vienna, AT'], severity:'low' },\r\n    { category:'firewall', text:'Firewall rule updated', tag:'Net Defence', locations:['Singapore, SG','Frankfurt, DE','Osaka, JP','Dublin, IE'], severity:'medium' },\r\n    { category:'malware', text:'Suspicious executable quarantined', tag:'AV Engine', locations:['New York, US','Moscow, RU','Jakarta, ID','Lima, PE'], severity:'high' },\r\n    { category:'phishing', text:'Credential harvesting site blocked', tag:'Web Shield', locations:['Rome, IT','Lisbon, PT','Prague, CZ','Manila, PH'], severity:'high' },\r\n    { category:'ransomware', text:'Encryption locker stopped', tag:'Behavior AI', locations:['Kyiv, UA','Bucharest, RO','Santiago, CL','Nairobi, KE'], severity:'critical' },\r\n    { category:'bruteforce', text:'SSH attack from botnet blocked', tag:'Auth Guard', locations:['Shanghai, CN','Taipei, TW','Buenos Aires, AR','Montreal, CA'], severity:'high' }\r\n  ];\r\n  var ICONS = {\r\n    malware:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"16\" height=\"16\"><path d=\"M12 2v4M12 18v4M4.9 4.9l2.8 2.8M16.3 16.3l2.8 2.8M2 12h4M18 12h4M4.9 19.1l2.8-2.8M16.3 7.7l2.8-2.8\"\/><circle cx=\"12\" cy=\"12\" r=\"2\"\/><\/svg>',\r\n    phishing:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"16\" height=\"16\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5\"\/><path d=\"M2 12l10 5 10-5\"\/><\/svg>',\r\n    ransomware:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"16\" height=\"16\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/><path d=\"M7 11V7a5 5 0 0110 0v4\"\/><\/svg>',\r\n    bruteforce:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"16\" height=\"16\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 3\"\/><\/svg>',\r\n    identity:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"16\" height=\"16\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>',\r\n    vpn:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"16\" height=\"16\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg>',\r\n    adtracker:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"16\" height=\"16\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"4.93\" y1=\"4.93\" x2=\"19.07\" y2=\"19.07\"\/><\/svg>',\r\n    firewall:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"16\" height=\"16\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"2\" ry=\"2\"\/><path d=\"M8 2v20\"\/><path d=\"M16 2v20\"\/><path d=\"M2 8h20\"\/><path d=\"M2 16h20\"\/><\/svg>'\r\n  };\r\n  var ICON_COLORS = { malware:'#fb7185', phishing:'#fbbf24', ransomware:'#f472b6', bruteforce:'#60a5fa', identity:'#a78bfa', vpn:'#34d399', adtracker:'#22d3ee', firewall:'#f97316' };\r\n  var SEVERITY_COLORS = {\r\n    critical:{ bg:'rgba(239,68,68,0.12)', text:'#fca5a5', dot:'#ef4444' },\r\n    high:{ bg:'rgba(249,115,22,0.12)', text:'#fdba74', dot:'#f97316' },\r\n    medium:{ bg:'rgba(234,179,8,0.1)', text:'#fde047', dot:'#eab308' },\r\n    low:{ bg:'rgba(34,197,94,0.1)', text:'#86efac', dot:'#22c55e' }\r\n  };\r\n\r\n  var feedIdCounter = Date.now();\r\n  var feedCounter = 0;\r\n  var feedEvents = [];\r\n  var MAX_FEED_ITEMS = 16;\r\n  var FEED_ITEM_HEIGHT = 56;\r\n\r\n  function generateFeedEvent(counter){\r\n    var t = EVENT_TEMPLATES[counter % EVENT_TEMPLATES.length];\r\n    var location = t.locations[Math.floor(Math.random() * t.locations.length)];\r\n    feedIdCounter++;\r\n    return { id: feedIdCounter, category: t.category, text: t.text, tag: t.tag, location: location, severity: t.severity, timestamp: Date.now() };\r\n  }\r\n\r\n  function formatTimeAgo(ts){\r\n    var sec = Math.floor((Date.now() - ts) \/ 1000);\r\n    if (sec < 1) return 'now';\r\n    if (sec < 60) return sec + 's ago';\r\n    return Math.floor(sec \/ 60) + 'm ago';\r\n  }\r\n\r\n  function feedItemHtml(ev){\r\n    var iconColor = ICON_COLORS[ev.category] || '#fff';\r\n    var sev = SEVERITY_COLORS[ev.severity] || SEVERITY_COLORS.medium;\r\n    return (\r\n      '<div class=\"ayu-feed-item\">' +\r\n        '<div class=\"ayu-feed-icon\" style=\"color:' + iconColor + ';\">' + (ICONS[ev.category] || ICONS.malware) + '<\/div>' +\r\n        '<div class=\"ayu-feed-text\">' +\r\n          '<div class=\"ayu-feed-text-main\">' + ev.text + '<\/div>' +\r\n          '<div class=\"ayu-feed-text-loc\">' + ev.location + '<\/div>' +\r\n        '<\/div>' +\r\n        '<div class=\"ayu-feed-meta\">' +\r\n          '<span class=\"ayu-feed-severity\" style=\"background:' + sev.bg + ';color:' + sev.text + ';\">' +\r\n            '<span class=\"ayu-feed-severity-dot\" style=\"background:' + sev.dot + ';\"><\/span>' + ev.severity +\r\n          '<\/span>' +\r\n          '<span class=\"ayu-feed-tag\">' + ev.tag + '<\/span>' +\r\n          '<span class=\"ayu-feed-time\">' + formatTimeAgo(ev.timestamp) + '<\/span>' +\r\n        '<\/div>' +\r\n      '<\/div>'\r\n    );\r\n  }\r\n\r\n  var targetTranslateY = 0;\r\n\r\n  function renderFeed(animate){\r\n    var track = document.getElementById('ayuFeedTrack');\r\n    if (!track) return;\r\n    track.innerHTML = feedEvents.map(feedItemHtml).join('');\r\n    refreshFeedTimestamps();\r\n    updateFeedPosition(animate);\r\n  }\r\n\r\n  function refreshFeedTimestamps(){\r\n    var track = document.getElementById('ayuFeedTrack');\r\n    if (!track) return;\r\n    var timeEls = track.querySelectorAll('.ayu-feed-time');\r\n    for (var i = 0; i < timeEls.length; i++) {\r\n      if (i < feedEvents.length) {\r\n        timeEls[i].textContent = formatTimeAgo(feedEvents[i].timestamp);\r\n      }\r\n    }\r\n  }\r\n\r\n  function updateFeedPosition(animate){\r\n    var track = document.getElementById('ayuFeedTrack');\r\n    if (!track) return;\r\n    var total = feedEvents.length;\r\n    if (total === 0) return;\r\n\r\n    var firstItem = track.querySelector('.ayu-feed-item');\r\n    if (firstItem) {\r\n      var rect = firstItem.getBoundingClientRect();\r\n      var style = getComputedStyle(firstItem);\r\n      var marginBottom = parseFloat(style.marginBottom) || 0;\r\n      FEED_ITEM_HEIGHT = rect.height + marginBottom;\r\n    }\r\n\r\n    var visibleCount = 4;\r\n    var visible = Math.min(total, visibleCount);\r\n    var offset = Math.max(0, total - visible) * FEED_ITEM_HEIGHT;\r\n    var containerHeight = 300;\r\n    var trackHeight = total * FEED_ITEM_HEIGHT;\r\n    if (trackHeight > containerHeight) {\r\n      offset = Math.min(offset, trackHeight - containerHeight);\r\n    } else {\r\n      offset = 0;\r\n    }\r\n    targetTranslateY = -offset;\r\n    if (!animate) {\r\n      track.style.transition = 'none';\r\n      track.style.transform = 'translateY(' + targetTranslateY + 'px)';\r\n      void track.offsetHeight;\r\n      track.style.transition = '';\r\n    } else {\r\n      track.style.transform = 'translateY(' + targetTranslateY + 'px)';\r\n    }\r\n  }\r\n\r\n  function addFeedEvent(newEvent){\r\n    feedEvents.push(newEvent);\r\n    if (feedEvents.length > MAX_FEED_ITEMS) {\r\n      feedEvents.splice(0, feedEvents.length - MAX_FEED_ITEMS);\r\n    }\r\n    \/\/ Increment daily counter by exactly 1 (plus small randomness to look natural)\r\n    bumpJitter('daily', 1 + Math.random() * 0.5);\r\n    renderFeed(true);\r\n  }\r\n\r\n  \/* ============================================================\r\n     INIT\r\n     ============================================================ *\/\r\n  buildGaugeOnce();\r\n  renderAll();\r\n\r\n  \/\/ Seed feed\r\n  (function seedFeed(){\r\n    var now = Date.now();\r\n    for (var i = 0; i < 8; i++) {\r\n      var ev = generateFeedEvent(i);\r\n      ev.timestamp = now - (i + 1) * 6000;\r\n      feedEvents.push(ev);\r\n    }\r\n    feedCounter = 8;\r\n    renderFeed(false);\r\n    \/\/ Ensure initial count is reflected\r\n    bumpJitter('daily', feedEvents.length);\r\n    renderAll();\r\n  })();\r\n\r\n  setInterval(renderAll, 1000);\r\n  setInterval(refreshFeedTimestamps, 1000);\r\n\r\n  function scheduleNextEvent(){\r\n    \/\/ Random interval between 3-7 seconds to simulate realistic threat pace\r\n    var delay = 3000 + Math.random() * 4000;\r\n    setTimeout(function(){\r\n      feedCounter++;\r\n      addFeedEvent(generateFeedEvent(feedCounter));\r\n      scheduleNextEvent();\r\n    }, delay);\r\n  }\r\n  scheduleNextEvent();\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-86b36b5 e-con-full e-flex e-con e-parent\" data-id=\"86b36b5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-89b2af8 elementor-widget elementor-widget-html\" data-id=\"89b2af8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"future-showcase\">\r\n\r\n    <!-- ===== BACKGROUND LAYERS (LIGHT) ===== -->\r\n    <div class=\"future-bg-grid\" aria-hidden=\"true\"><\/div>\r\n    <div class=\"future-bg-soft\" aria-hidden=\"true\"><\/div>\r\n\r\n    <div class=\"future-container\">\r\n\r\n        <!-- HEADER -->\r\n        <div class=\"future-header\">\r\n            <div class=\"future-kicker\"><span class=\"future-kicker-dot\"><\/span>DIGITAL ARSENAL<\/div>\r\n            <h2>Your Digital Arsenal for <span>Security &amp; Power<\/span><\/h2>\r\n            <p>Next-generation protection tools designed for privacy, performance, and full control over your digital life.<\/p>\r\n        <\/div>\r\n\r\n        <!-- GRID \u2013 3 HUD PANELS -->\r\n        <div class=\"future-grid\">\r\n\r\n            <!-- PRODUCT PANEL -->\r\n            <a class=\"future-card\" data-accent=\"blue\" href=\"https:\/\/assistyu.com\/security-products\/\">\r\n                <span class=\"card-frame\"><\/span>\r\n                <span class=\"card-tick card-tick-tl\"><\/span>\r\n                <span class=\"card-tick card-tick-br\"><\/span>\r\n                <div class=\"card-body\">\r\n                    <div class=\"card-top\">\r\n                        <div class=\"card-portal\">\r\n                            <span class=\"card-portal-ring\"><\/span>\r\n                            <div class=\"card-portal-img\" style=\"background-image:url('https:\/\/assistyu.com\/wp-content\/uploads\/2026\/04\/meilleur-antivirus-quel-antivirus-choisir-pour-windows.webp');\"><\/div>\r\n                            <span class=\"card-portal-badge\"><i class=\"fas fa-shield-alt\"><\/i><\/span>\r\n                        <\/div>\r\n                        <div class=\"card-status\"><span class=\"card-status-dot\"><\/span>PROTECTION SUITE<\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"card-tag\">[ SECURITY SUITE ]<\/div>\r\n                    <h3>Security Products<\/h3>\r\n                    <p class=\"card-desc\">Advanced VPN, antivirus, privacy protection, and performance optimization tools for complete digital safety.<\/p>\r\n\r\n                    <div class=\"card-stat\">\r\n                        <div class=\"card-stat-label\"><span>THREAT COVERAGE<\/span><span>99%<\/span><\/div>\r\n                        <div class=\"card-stat-bar\"><span style=\"width:99%\"><\/span><\/div>\r\n                    <\/div>\r\n\r\n                    <span class=\"btn\">Explore Products\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12H19M19 12L13 6M19 12L13 18\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n                    <\/span>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- SERVICES PANEL -->\r\n            <a class=\"future-card\" data-accent=\"purple\" href=\"https:\/\/assistyu.com\/services\/\">\r\n                <span class=\"card-frame\"><\/span>\r\n                <span class=\"card-tick card-tick-tl\"><\/span>\r\n                <span class=\"card-tick card-tick-br\"><\/span>\r\n                <div class=\"card-body\">\r\n                    <div class=\"card-top\">\r\n                        <div class=\"card-portal\">\r\n                            <span class=\"card-portal-ring\"><\/span>\r\n                            <div class=\"card-portal-img\" style=\"background-image:url('https:\/\/assistyu.com\/wp-content\/uploads\/2026\/03\/Cloud-Basic.jpg');\"><\/div>\r\n                            <span class=\"card-portal-badge\"><i class=\"fas fa-cloud\"><\/i><\/span>\r\n                        <\/div>\r\n                        <div class=\"card-status\"><span class=\"card-status-dot\"><\/span>INFRASTRUCTURE READY<\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"card-tag\">[ CLOUD INFRASTRUCTURE ]<\/div>\r\n                    <h3>Cloud Services<\/h3>\r\n                    <p class=\"card-desc\">Smart cloud infrastructure, IT support, licensing, and secure deployment solutions built for modern businesses.<\/p>\r\n\r\n                    <div class=\"card-stat\">\r\n                        <div class=\"card-stat-label\"><span>UPTIME SLA<\/span><span>99.9%<\/span><\/div>\r\n                        <div class=\"card-stat-bar\"><span style=\"width:99.9%\"><\/span><\/div>\r\n                    <\/div>\r\n\r\n                    <span class=\"btn\">View Services\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12H19M19 12L13 6M19 12L13 18\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n                    <\/span>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- CYBERSECURITY TOOLS PANEL -->\r\n            <a class=\"future-card\" data-accent=\"cyan\" href=\"https:\/\/assistyu.com\/cybersecurity-tools\/\">\r\n                <span class=\"card-frame\"><\/span>\r\n                <span class=\"card-tick card-tick-tl\"><\/span>\r\n                <span class=\"card-tick card-tick-br\"><\/span>\r\n                <div class=\"card-body\">\r\n                    <div class=\"card-top\">\r\n                        <div class=\"card-portal\">\r\n                            <span class=\"card-portal-ring\"><\/span>\r\n                            <div class=\"card-portal-img\" style=\"background-image:url('https:\/\/assistyu.com\/wp-content\/uploads\/2026\/03\/Cloud-Full-Live.jpeg');\"><\/div>\r\n                            <span class=\"card-portal-badge\"><i class=\"fas fa-tools\"><\/i><\/span>\r\n                        <\/div>\r\n                        <div class=\"card-status\"><span class=\"card-status-dot\"><\/span>TOOLKIT READY<\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"card-tag\">[ SECURITY TOOLS ]<\/div>\r\n                    <h3>Cybersecurity Tools<\/h3>\r\n                    <p class=\"card-desc\">Network security scans, data breach checks, vulnerability assessments, and more \u2014 all in one powerful suite.<\/p>\r\n\r\n                    <div class=\"card-stat\">\r\n                        <div class=\"card-stat-label\"><span>TOOLS AVAILABLE<\/span><span>12+<\/span><\/div>\r\n                        <div class=\"card-stat-bar\"><span style=\"width:100%\"><\/span><\/div>\r\n                    <\/div>\r\n\r\n                    <span class=\"btn\">View Tools\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12H19M19 12L13 6M19 12L13 18\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n                    <\/span>\r\n                <\/div>\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\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&family=Sora:wght@600;700;800&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n\r\n<style>\r\n    \/* ============================================================\r\n       FUTURE SHOWCASE \u2013 LIGHT BACKGROUND, DARK CARDS\r\n       ============================================================ *\/\r\n    .future-showcase {\r\n        --au-bg: #f5f7fb;\r\n        --au-line: rgba(15, 23, 42, .07);\r\n        --au-text: #0f1729;\r\n        --au-muted: #4b556b;\r\n        --au-cyan: #06b6d4;\r\n        --au-violet: #6d5ef8;\r\n        --au-cyan-soft: rgba(6, 182, 212, .20);\r\n        --au-gradient-text: linear-gradient(100deg, var(--au-cyan), var(--au-violet));\r\n\r\n        position: relative;\r\n        isolation: isolate;\r\n        background: var(--au-bg);\r\n        color: var(--au-text);\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n        overflow: hidden;\r\n        padding: 60px 20px 44px;\r\n    }\r\n\r\n    \/* ---- light background layers ---- *\/\r\n    .future-bg-grid {\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: 0;\r\n        pointer-events: none;\r\n        background-image:\r\n            linear-gradient(var(--au-line) 1px, transparent 1px),\r\n            linear-gradient(90deg, var(--au-line) 1px, transparent 1px);\r\n        background-size: 56px 56px;\r\n        -webkit-mask-image: radial-gradient(ellipse 90% 70% at 50% 40%, #000 25%, transparent 78%);\r\n        mask-image: radial-gradient(ellipse 90% 70% at 50% 40%, #000 25%, transparent 78%);\r\n        opacity: .55;\r\n    }\r\n\r\n    .future-bg-soft {\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: 0;\r\n        pointer-events: none;\r\n        background:\r\n            radial-gradient(900px 420px at 88% 8%, rgba(109, 94, 248, .07), transparent 60%),\r\n            radial-gradient(800px 500px at 6% 92%, rgba(6, 182, 212, .07), transparent 55%),\r\n            radial-gradient(500px 500px at 50% 50%, rgba(236, 72, 153, .03), transparent 70%);\r\n    }\r\n\r\n    .future-container {\r\n        position: relative;\r\n        z-index: 1;\r\n        width: 100%;\r\n        max-width: 1280px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* ============================================================\r\n       HEADER \u2013 light theme colors\r\n       ============================================================ *\/\r\n    .future-header {\r\n        text-align: center;\r\n        max-width: 100%;\r\n        margin: 0 auto 44px;\r\n    }\r\n\r\n    .future-kicker {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 9px;\r\n        font-family: 'JetBrains Mono', monospace;\r\n        font-size: 12px;\r\n        letter-spacing: .28em;\r\n        font-weight: 500;\r\n        color: var(--au-cyan);\r\n        margin-bottom: 16px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .future-kicker-dot {\r\n        width: 7px;\r\n        height: 7px;\r\n        border-radius: 50%;\r\n        background: var(--au-cyan);\r\n        box-shadow: 0 0 0 0 var(--au-cyan-soft);\r\n        animation: futureKickerPulse 2.2s ease-out infinite;\r\n    }\r\n\r\n    @keyframes futureKickerPulse {\r\n        0% { box-shadow: 0 0 0 0 rgba(6, 182, 212, .50); }\r\n        70% { box-shadow: 0 0 0 10px rgba(6, 182, 212, 0); }\r\n        100% { box-shadow: 0 0 0 0 rgba(6, 182, 212, 0); }\r\n    }\r\n\r\n    .future-header h2 {\r\n        font-family: 'Sora', sans-serif;\r\n        font-size: clamp(26px, 3.6vw, 42px);\r\n        font-weight: 800;\r\n        line-height: 1.15;\r\n        letter-spacing: -0.025em;\r\n        color: var(--au-text);\r\n        margin: 0 0 16px;\r\n    }\r\n\r\n    .future-header h2 span {\r\n        background: var(--au-gradient-text);\r\n        -webkit-background-clip: text;\r\n        background-clip: text;\r\n        color: transparent;\r\n    }\r\n\r\n    .future-header p {\r\n        font-size: 17px;\r\n        line-height: 1.7;\r\n        color: var(--au-muted);\r\n        margin: 0 auto;\r\n        max-width: 600px;\r\n        font-weight: 400;\r\n    }\r\n\r\n    \/* ============================================================\r\n       GRID & CARDS \u2013 DARK (ENHANCED GLOSS & READABILITY)\r\n       ============================================================ *\/\r\n    .future-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 24px;\r\n        margin-bottom: 16px;\r\n    }\r\n\r\n    .future-card {\r\n        --accent: #4f6ef7;\r\n        --accent-glow: rgba(79, 110, 247, .5);\r\n        --chamfer: 30px;\r\n        position: relative;\r\n        display: block;\r\n        text-decoration: none;\r\n        cursor: pointer;\r\n        height: 510px;\r\n        clip-path: polygon(0 0, calc(100% - var(--chamfer)) 0, 100% var(--chamfer), 100% 100%, var(--chamfer) 100%, 0 calc(100% - var(--chamfer)));\r\n        background: linear-gradient(160deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .02) 40%, var(--accent) 260%);\r\n        transition: transform .45s cubic-bezier(.2, .8, .2, 1), box-shadow .45s ease;\r\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25), 0 2px 8px rgba(0, 0, 0, 0.15);\r\n    }\r\n\r\n    .future-card[data-accent=\"purple\"] { --accent: #8b5cf6; --accent-glow: rgba(139, 92, 246, .5); }\r\n    .future-card[data-accent=\"cyan\"] { --accent: #22d3ee; --accent-glow: rgba(34, 211, 238, .5); }\r\n\r\n    .future-card:hover {\r\n        transform: translateY(-8px);\r\n        box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35), 0 4px 16px var(--accent-glow);\r\n    }\r\n\r\n    \/* Outer glow behind the card *\/\r\n    .future-card::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset: -2px;\r\n        z-index: -1;\r\n        border-radius: 8px;\r\n        background: var(--accent);\r\n        filter: blur(28px);\r\n        opacity: 0;\r\n        transition: opacity .45s ease;\r\n    }\r\n    .future-card:hover::after {\r\n        opacity: .35;\r\n    }\r\n\r\n    .card-body {\r\n        position: absolute;\r\n        inset: 2px;\r\n        clip-path: polygon(0 0, calc(100% - 28px) 0, 100% 28px, 100% 100%, 28px 100%, 0 calc(100% - 28px));\r\n        background:\r\n            linear-gradient(160deg, rgba(255, 255, 255, .05), transparent 45%),\r\n            linear-gradient(200deg, rgba(9, 13, 36, .98), rgba(6, 8, 21, .99));\r\n        backdrop-filter: blur(10px);\r\n        padding: 34px 32px 34px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* === ENHANCED GLOSS EFFECT (Color Gloss \/ Backlight) === *\/\r\n    .card-body::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset: 0;\r\n        pointer-events: none;\r\n        z-index: 0;\r\n        background: radial-gradient(circle at 30% 20%, var(--accent), transparent 70%);\r\n        opacity: 0.15;\r\n        transition: opacity 0.6s ease;\r\n        clip-path: inherit;\r\n    }\r\n\r\n    .future-card:hover .card-body::after {\r\n        opacity: 0.45;\r\n    }\r\n\r\n    \/* Scanline texture (kept subtle) *\/\r\n    .card-body::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset: 0;\r\n        pointer-events: none;\r\n        z-index: 1;\r\n        background: repeating-linear-gradient(180deg, rgba(255, 255, 255, .025) 0 1px, transparent 1px 3px);\r\n        opacity: .35;\r\n    }\r\n\r\n    .card-body>* {\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Corner ticks *\/\r\n    .card-tick {\r\n        position: absolute;\r\n        width: 16px;\r\n        height: 16px;\r\n        z-index: 7;\r\n        pointer-events: none;\r\n        border: 2px solid var(--accent);\r\n        opacity: .55;\r\n        transition: opacity .4s ease;\r\n    }\r\n    .card-tick-tl { top: 10px; left: 10px; border-right: none; border-bottom: none; }\r\n    .card-tick-br { bottom: 10px; right: 10px; border-left: none; border-top: none; }\r\n    .future-card:hover .card-tick { opacity: 1; }\r\n\r\n    \/* Top row *\/\r\n    .card-top {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        justify-content: space-between;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .card-portal {\r\n        position: relative;\r\n        width: 84px;\r\n        height: 84px;\r\n        flex: none;\r\n    }\r\n    .card-portal-ring {\r\n        position: absolute;\r\n        inset: -7px;\r\n        border-radius: 50%;\r\n        border: 1px dashed var(--accent);\r\n        opacity: .6;\r\n        animation: cardRingSpin 9s linear infinite;\r\n    }\r\n    @keyframes cardRingSpin { to { transform: rotate(360deg); } }\r\n\r\n    .card-portal-img {\r\n        position: absolute;\r\n        inset: 0;\r\n        border-radius: 50%;\r\n        background-size: cover;\r\n        background-position: center;\r\n        border: 2px solid rgba(255, 255, 255, .14);\r\n        box-shadow: 0 0 0 4px rgba(6, 8, 21, .9), 0 0 22px -4px var(--accent-glow);\r\n        filter: saturate(1.05) contrast(1.05);\r\n        transition: transform .6s ease, filter .4s ease;\r\n    }\r\n    .future-card:hover .card-portal-img {\r\n        transform: scale(1.08);\r\n        filter: saturate(1.2) contrast(1.1);\r\n    }\r\n\r\n    .card-portal-badge {\r\n        position: absolute;\r\n        right: -6px;\r\n        bottom: -6px;\r\n        width: 30px;\r\n        height: 30px;\r\n        border-radius: 9px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: linear-gradient(135deg, var(--accent), rgba(255, 255, 255, .08));\r\n        border: 1px solid rgba(255, 255, 255, .2);\r\n        box-shadow: 0 0 16px -2px var(--accent-glow);\r\n    }\r\n    .card-portal-badge i { color: #fff; font-size: .8rem; }\r\n\r\n    .card-status {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        font-family: 'JetBrains Mono', monospace;\r\n        font-size: 10px;\r\n        letter-spacing: .1em;\r\n        font-weight: 600;\r\n        color: #d4daff;\r\n        padding: 6px 12px;\r\n        border-radius: 20px;\r\n        background: rgba(255, 255, 255, .06);\r\n        border: 1px solid rgba(255, 255, 255, .10);\r\n        backdrop-filter: blur(4px);\r\n    }\r\n    .card-status-dot {\r\n        width: 6px;\r\n        height: 6px;\r\n        border-radius: 50%;\r\n        background: var(--accent);\r\n        box-shadow: 0 0 8px var(--accent-glow);\r\n        animation: futureKickerPulse 2s ease-out infinite;\r\n    }\r\n\r\n    \/* Typography \u2013 ULTRA LEGIBLE on dark background *\/\r\n    .card-tag {\r\n        font-family: 'JetBrains Mono', monospace;\r\n        font-size: 11px;\r\n        letter-spacing: .14em;\r\n        font-weight: 500;\r\n        color: var(--accent);\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .card-body h3 {\r\n        color: #ffffff;\r\n        font-size: 1.35rem;\r\n        font-weight: 700;\r\n        letter-spacing: -.02em;\r\n        font-family: 'Sora', sans-serif;\r\n        margin: 0 0 10px;\r\n        text-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);\r\n    }\r\n\r\n    .card-desc {\r\n        color: #ffffff;\r\n        font-size: .9rem;\r\n        line-height: 1.6;\r\n        margin: 0 0 10px;\r\n        display: block;\r\n        overflow: visible;\r\n        text-overflow: ellipsis;\r\n        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);\r\n        font-weight: 400;\r\n    }\r\n\r\n    \/* Stats *\/\r\n    .card-stat {\r\n        margin-top: 20px;\r\n        padding-top: 16px;\r\n        border-top: 1px dashed rgba(255, 255, 255, .12);\r\n    }\r\n    .card-stat-label {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        font-family: 'JetBrains Mono', monospace;\r\n        font-size: 10px;\r\n        letter-spacing: .1em;\r\n        color: #bcc4f0;\r\n        margin-bottom: 8px;\r\n        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);\r\n    }\r\n    .card-stat-label span:last-child {\r\n        color: #ffffff;\r\n        font-weight: 600;\r\n    }\r\n    .card-stat-bar {\r\n        height: 3px;\r\n        border-radius: 2px;\r\n        background: rgba(255, 255, 255, .08);\r\n        overflow: hidden;\r\n    }\r\n    .card-stat-bar span {\r\n        display: block;\r\n        height: 100%;\r\n        border-radius: 2px;\r\n        background: linear-gradient(90deg, var(--accent), rgba(255, 255, 255, .9));\r\n        box-shadow: 0 0 10px var(--accent-glow);\r\n        transform: scaleX(0);\r\n        transform-origin: left;\r\n        transition: transform 1.1s cubic-bezier(.2, .8, .2, 1);\r\n    }\r\n    .future-card:hover .card-stat-bar span,\r\n    .card-stat-bar span { transform: scaleX(1); }\r\n\r\n    \/* Buttons \u2013 Crisp White text *\/\r\n    .btn {\r\n        margin-top: 24px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        width: fit-content;\r\n        padding: 12px 20px 12px 22px;\r\n        clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));\r\n        background: transparent;\r\n        border: 1px solid var(--accent);\r\n        color: #ffffff;\r\n        font-family: 'JetBrains Mono', monospace;\r\n        font-weight: 500;\r\n        font-size: .8rem;\r\n        letter-spacing: .06em;\r\n        text-decoration: none;\r\n        transition: background .3s ease, color .3s ease, box-shadow .3s ease, transform .3s ease;\r\n        text-shadow: 0 2px 12px rgba(0, 0, 0, 0.8);\r\n    }\r\n    .btn svg {\r\n        width: 14px;\r\n        height: 14px;\r\n        transition: transform .3s ease;\r\n        stroke: #ffffff;\r\n        filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.4));\r\n    }\r\n    .future-card:hover .btn {\r\n        background: var(--accent);\r\n        color: #0f1729;\r\n        box-shadow: 0 0 24px -4px var(--accent-glow);\r\n        text-shadow: none;\r\n    }\r\n    .future-card:hover .btn svg {\r\n        transform: translateX(4px);\r\n        stroke: #0f1729;\r\n        filter: none;\r\n    }\r\n\r\n    \/* ============================================================\r\n       RESPONSIVE\r\n       ============================================================ *\/\r\n    @media (max-width: 1024px) {\r\n        .future-grid { grid-template-columns: repeat(2, 1fr); }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .future-grid { grid-template-columns: 1fr; }\r\n        .future-card { height: auto; min-height: 380px; }\r\n        .future-showcase { padding: 40px 16px 32px; }\r\n        .future-header h2 { font-size: clamp(22px, 4vw, 28px); }\r\n        .card-desc { -webkit-line-clamp: 2; }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .card-body { padding: 24px 18px 24px; }\r\n        .card-desc { font-size: 0.85rem; }\r\n        .btn { font-size: 0.75rem; padding: 10px 16px; }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n        .future-kicker-dot, .card-portal-ring, .card-status-dot {\r\n            animation: none !important;\r\n        }\r\n        .future-card:hover .card-portal-img { transform: none !important; }\r\n        .future-card:hover .btn svg { transform: none !important; }\r\n        .future-card { transform: none !important; }\r\n        .future-card::after { opacity: 0 !important; }\r\n        .card-body::after { opacity: 0.15 !important; }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1d07349 e-con-full e-flex e-con e-parent\" data-id=\"1d07349\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-770248c elementor-widget elementor-widget-html\" data-id=\"770248c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     ASSISTYU \u2014 TESTIMONIALS SECTION (Dark, fond unifi\u00e9, scoped)\r\n     Tous les styles sont isol\u00e9s sous .ayu-testimonials-dark\r\n     pour \u00e9viter tout conflit avec d'autres sections.\r\n     ============================================================ -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,100..900&family=JetBrains+Mono:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\">\r\n\r\n<section class=\"ayu-testimonials-dark\" id=\"ayuTestimonialsDark\">\r\n\r\n  <!-- ====== BACKGROUND LAYERS ====== -->\r\n  <div class=\"ayu-testimonials-bg-world\"><\/div>\r\n  <div class=\"ayu-testimonials-bg-dots\"><\/div>\r\n  <div class=\"ayu-testimonials-bg-glow\"><\/div>\r\n  <div class=\"ayu-testimonials-bg-orb ayu-testimonials-bg-orb-1\"><\/div>\r\n  <div class=\"ayu-testimonials-bg-orb ayu-testimonials-bg-orb-2\"><\/div>\r\n\r\n  <div class=\"ayu-testimonials-content\">\r\n\r\n    <!-- ====== HEADER ====== -->\r\n    <header class=\"ayu-testimonials-header\">\r\n      <div class=\"ayu-testimonials-badge\">\r\n        <span class=\"ayu-testimonials-badge-dot\">\r\n          <span class=\"ayu-testimonials-badge-dot-ping\"><\/span>\r\n          <span class=\"ayu-testimonials-badge-dot-core\"><\/span>\r\n        <\/span>\r\n        <span class=\"ayu-testimonials-badge-text\">Trusted by thousands<\/span>\r\n      <\/div>\r\n      <h2 class=\"ayu-testimonials-headline\">\r\n        What Our <span class=\"ayu-testimonials-headline-gradient\">Customers Say<\/span>\r\n      <\/h2>\r\n      <p class=\"ayu-testimonials-description\">\r\n        Join 15,000+ satisfied users who trust AssistYu for their digital security.\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <!-- ====== TWO MARQUEE ROWS ====== -->\r\n    <div class=\"ayu-testimonials-rows\">\r\n\r\n      <!-- Row 1 \u2013 vitesse 75s -->\r\n      <div class=\"ayu-testimonials-row\" style=\"overflow:hidden;padding-top:0.5rem;padding-bottom:0.5rem;\">\r\n        <div class=\"ayu-testimonials-track\" style=\"display:flex;animation:ayuMarquee 95s linear infinite;width:max-content;\" id=\"ayuTrack1\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- Row 2 \u2013 vitesse 70s (reverse) -->\r\n      <div class=\"ayu-testimonials-row\" style=\"overflow:hidden;padding-top:0.5rem;padding-bottom:0.5rem;\">\r\n        <div class=\"ayu-testimonials-track\" style=\"display:flex;animation:ayuMarquee 90s linear infinite reverse;width:max-content;\" id=\"ayuTrack2\"><\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ============================================================\r\n   TOUT EST SCOP\u00c9 SOUS .ayu-testimonials-dark\r\n   ============================================================ *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600;700&display=swap');\r\n\r\n.ayu-testimonials-dark {\r\n  --ayu-bg-deep:#060815;\r\n  --ayu-bg-navy:#090d24;\r\n  --ayu-text-primary:#ffffff;\r\n  --ayu-text-secondary:#d4daff;\r\n  --ayu-text-tertiary:#bcc4f0;\r\n  position:relative;\r\n  isolation:isolate;\r\n  background: var(--ayu-bg-deep);\r\n  color:var(--ayu-text-primary);\r\n  font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;\r\n  overflow:hidden;\r\n  padding:60px 20px 44px;\r\n  width:100%;\r\n  margin:0; \/* \u00e9viter les marges ext\u00e9rieures *\/\r\n}\r\n\r\n\/* ===== BACKGROUND LAYERS (scop\u00e9s) ===== *\/\r\n.ayu-testimonials-dark .ayu-testimonials-bg-world {\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:0;\r\n  pointer-events:none;\r\n  background-image:url('https:\/\/assistyu.com\/wp-content\/uploads\/2026\/07\/REVIEW-BCK.avif?w=1600&q=80');\r\n  background-size:cover;\r\n  background-position:center;\r\n  opacity:.18;\r\n  mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,black 20%,transparent 75%);\r\n  -webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,black 20%,transparent 75%);\r\n}\r\n\r\n.ayu-testimonials-dark .ayu-testimonials-bg-dots {\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:0;\r\n  pointer-events:none;\r\n  background-image:radial-gradient(circle at 1px 1px,rgba(79,110,247,0.10) 1px,transparent 1px);\r\n  background-size:48px 48px;\r\n  mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,black 20%,transparent 70%);\r\n  -webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,black 20%,transparent 70%);\r\n}\r\n\r\n.ayu-testimonials-dark .ayu-testimonials-bg-glow {\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:0;\r\n  pointer-events:none;\r\n  background:\r\n    radial-gradient(ellipse 50% 40% at 15% 15%,rgba(79,110,247,0.15),transparent 55%),\r\n    radial-gradient(ellipse 35% 30% at 50% 50%,rgba(236,72,153,0.05),transparent 60%),\r\n    radial-gradient(ellipse 50% 40% at 70% 20%,rgba(34,211,238,0.06),transparent 50%);\r\n}\r\n\r\n.ayu-testimonials-dark .ayu-testimonials-bg-orb {\r\n  position:absolute;\r\n  border-radius:50%;\r\n  pointer-events:none;\r\n  z-index:0;\r\n}\r\n.ayu-testimonials-dark .ayu-testimonials-bg-orb-1 {\r\n  width:400px;\r\n  height:400px;\r\n  top:10%;\r\n  left:5%;\r\n  background:radial-gradient(circle,rgba(79,110,247,0.06) 0%,transparent 70%);\r\n  animation:ayuOrbFloat1 20s ease-in-out infinite;\r\n}\r\n.ayu-testimonials-dark .ayu-testimonials-bg-orb-2 {\r\n  width:300px;\r\n  height:300px;\r\n  bottom:15%;\r\n  right:10%;\r\n  background:radial-gradient(circle,rgba(139,92,246,0.06) 0%,transparent 70%);\r\n  animation:ayuOrbFloat2 25s ease-in-out infinite;\r\n}\r\n\r\n@keyframes ayuOrbFloat1 {\r\n  0%,100%{transform:translate(0,0) scale(1);}\r\n  33%{transform:translate(30px,-20px) scale(1.05);}\r\n  66%{transform:translate(-15px,15px) scale(.95);}\r\n}\r\n@keyframes ayuOrbFloat2 {\r\n  0%,100%{transform:translate(0,0) scale(1);}\r\n  33%{transform:translate(-20px,25px) scale(1.08);}\r\n  66%{transform:translate(25px,-10px) scale(.92);}\r\n}\r\n\r\n\/* ===== CONTENT (scop\u00e9) ===== *\/\r\n.ayu-testimonials-dark .ayu-testimonials-content {\r\n  position:relative;\r\n  z-index:10;\r\n  width:100%;\r\n  max-width:1280px;\r\n  margin:0 auto;\r\n}\r\n\r\n\/* HEADER *\/\r\n.ayu-testimonials-dark .ayu-testimonials-header {\r\n  text-align:center;\r\n  max-width:100%;\r\n  margin:0 auto 40px;\r\n}\r\n.ayu-testimonials-dark .ayu-testimonials-badge {\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  padding:6px 16px;\r\n  border-radius:9999px;\r\n  margin-bottom:20px;\r\n  background:rgba(79,110,247,0.08);\r\n  border:1px solid rgba(79,110,247,0.2);\r\n}\r\n.ayu-testimonials-dark .ayu-testimonials-badge-dot {\r\n  position:relative;\r\n  display:flex;\r\n  width:8px;\r\n  height:8px;\r\n}\r\n.ayu-testimonials-dark .ayu-testimonials-badge-dot-ping {\r\n  position:absolute;\r\n  width:100%;\r\n  height:100%;\r\n  border-radius:50%;\r\n  background:#60a5fa;\r\n  opacity:.6;\r\n  animation:ayuPing 1.5s cubic-bezier(0,0,.2,1) infinite;\r\n}\r\n.ayu-testimonials-dark .ayu-testimonials-badge-dot-core {\r\n  position:relative;\r\n  width:8px;\r\n  height:8px;\r\n  border-radius:50%;\r\n  background:#3b82f6;\r\n}\r\n@keyframes ayuPing {\r\n  75%,100%{transform:scale(2);opacity:0;}\r\n}\r\n.ayu-testimonials-dark .ayu-testimonials-badge-text {\r\n  font-family:'JetBrains Mono',monospace;\r\n  font-size:12px;\r\n  font-weight:600;\r\n  letter-spacing:.05em;\r\n  text-transform:uppercase;\r\n  color:#b7c0ff;\r\n}\r\n.ayu-testimonials-dark .ayu-testimonials-headline {\r\n  font-family:'Sora',sans-serif;\r\n  font-size:clamp(26px,3.6vw,42px);\r\n  font-weight:800;\r\n  line-height:1.15;\r\n  letter-spacing:-.025em;\r\n  color:#fff;\r\n  margin:0 0 16px;\r\n}\r\n.ayu-testimonials-dark .ayu-testimonials-headline-gradient {\r\n  background:linear-gradient(90deg,#4f6ef7,#8b5cf6,#ec4899);\r\n  -webkit-background-clip:text;\r\n  background-clip:text;\r\n  color:transparent;\r\n}\r\n.ayu-testimonials-dark .ayu-testimonials-description {\r\n  font-size:15px;\r\n  line-height:1.7;\r\n  color:var(--ayu-text-secondary);\r\n  margin:0;\r\n  max-width:600px;\r\n  margin-left:auto;\r\n  margin-right:auto;\r\n}\r\n\r\n\/* ROWS & TRACKS *\/\r\n.ayu-testimonials-dark .ayu-testimonials-rows {\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:0.5rem;\r\n}\r\n.ayu-testimonials-dark .ayu-testimonials-row {\r\n  overflow:hidden;\r\n  padding:0.5rem 0;\r\n}\r\n.ayu-testimonials-dark .ayu-testimonials-track {\r\n  display:flex;\r\n  gap:0.6rem;\r\n  width:max-content;\r\n  will-change:transform;\r\n}\r\n@keyframes ayuMarquee {\r\n  0% { transform:translateX(0); }\r\n  100% { transform:translateX(-50%); }\r\n}\r\n.ayu-testimonials-dark .ayu-testimonials-track:hover {\r\n  animation-play-state: paused;\r\n}\r\n\r\n\/* ===== CARD STYLES (scop\u00e9s) ===== *\/\r\n.ayu-testimonials-dark .ayu-card {\r\n  flex-shrink:0;\r\n  width:420px;\r\n  padding:1.2rem 1.4rem;\r\n  border-radius:1.2rem;\r\n  border:1px solid rgba(255,255,255,0.06);\r\n  margin:0 0.6rem;\r\n  transition:all 0.3s ease;\r\n  background:rgba(255,255,255,0.02);\r\n  backdrop-filter:blur(8px);\r\n  -webkit-backdrop-filter:blur(8px);\r\n  box-shadow:0 2px 8px rgba(0,0,0,0.3);\r\n  display:flex;\r\n  flex-direction:column;\r\n  box-sizing:border-box;\r\n  position:relative;\r\n  min-height:200px;\r\n  cursor:default;\r\n}\r\n.ayu-testimonials-dark .ayu-card::before {\r\n  content:'';\r\n  position:absolute;\r\n  top:0; left:0; right:0;\r\n  height:4px;\r\n  background:linear-gradient(90deg,#00ff88,#00d4ff);\r\n  border-radius:1.2rem 1.2rem 0 0;\r\n  opacity:0;\r\n  transition:opacity 0.3s ease;\r\n}\r\n.ayu-testimonials-dark .ayu-card:hover {\r\n  transform:translateY(-4px);\r\n  border-color:rgba(0,255,136,0.2);\r\n  box-shadow:0 12px 30px -10px rgba(0,255,136,0.15);\r\n}\r\n.ayu-testimonials-dark .ayu-card:hover::before { opacity:1; }\r\n\r\n.ayu-testimonials-dark .ayu-card .stars {\r\n  display:flex;\r\n  gap:0.2rem;\r\n  margin-bottom:0.4rem;\r\n  color:#fbbf24;\r\n  font-size:0.9rem;\r\n  letter-spacing:0.5px;\r\n}\r\n.ayu-testimonials-dark .ayu-card .text {\r\n  color:#e2e8f0;\r\n  font-size:0.9rem;\r\n  line-height:1.5;\r\n  margin-bottom:0.8rem;\r\n  flex:1;\r\n  font-weight:400;\r\n}\r\n.ayu-testimonials-dark .ayu-card .author {\r\n  display:flex;\r\n  align-items:center;\r\n  gap:0.8rem;\r\n  border-top:1px solid rgba(255,255,255,0.04);\r\n  padding-top:0.6rem;\r\n  margin-top:0;\r\n}\r\n.ayu-testimonials-dark .ayu-card .avatar {\r\n  width:44px;\r\n  height:44px;\r\n  border-radius:50%;\r\n  background:rgba(0,255,136,0.08);\r\n  border:1px solid rgba(255,255,255,0.08);\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  font-size:1.3rem;\r\n  flex-shrink:0;\r\n  overflow:hidden;\r\n  box-shadow:0 4px 12px rgba(0,0,0,0.3);\r\n}\r\n.ayu-testimonials-dark .ayu-card .info {\r\n  flex:1;\r\n  min-width:0;\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:0.1rem;\r\n}\r\n.ayu-testimonials-dark .ayu-card .info .name {\r\n  font-weight:700;\r\n  color:#ffffff;\r\n  font-size:0.95rem;\r\n  margin:0;\r\n  line-height:1.2;\r\n}\r\n.ayu-testimonials-dark .ayu-card .info .role {\r\n  font-size:0.75rem;\r\n  color:#94a3b8;\r\n  margin:0;\r\n  line-height:1.2;\r\n}\r\n.ayu-testimonials-dark .ayu-card .product-link {\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:0.3rem;\r\n  font-size:0.65rem;\r\n  font-weight:600;\r\n  color:#00ff88;\r\n  background:rgba(0,255,136,0.08);\r\n  padding:0.15rem 0.6rem;\r\n  border-radius:40px;\r\n  text-decoration:none;\r\n  border:1px solid rgba(0,255,136,0.15);\r\n  transition:all 0.2s;\r\n  margin-top:0.2rem;\r\n  width:fit-content;\r\n  line-height:1.4;\r\n}\r\n.ayu-testimonials-dark .ayu-card .product-link i { font-size:0.65rem; }\r\n.ayu-testimonials-dark .ayu-card .product-link:hover {\r\n  background:#00ff88;\r\n  color:#030712;\r\n  border-color:#00ff88;\r\n  transform:translateX(3px);\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 1024px) {\r\n  .ayu-testimonials-dark .ayu-card { width:360px; padding:1rem 1.2rem; }\r\n}\r\n@media (max-width: 768px) {\r\n  .ayu-testimonials-dark .ayu-card { width:300px; padding:0.9rem 1rem; }\r\n  .ayu-testimonials-dark .ayu-card .text { font-size:0.85rem; }\r\n}\r\n@media (max-width: 480px) {\r\n  .ayu-testimonials-dark .ayu-card { width:260px; padding:0.8rem; }\r\n  .ayu-testimonials-dark .ayu-card .text { font-size:0.8rem; }\r\n  .ayu-testimonials-dark .ayu-card .avatar { width:36px; height:36px; font-size:1rem; }\r\n  .ayu-testimonials-dark .ayu-card .info .name { font-size:0.85rem; }\r\n  .ayu-testimonials-dark .ayu-card .info .role { font-size:0.65rem; }\r\n  .ayu-testimonials-dark .ayu-card .product-link { font-size:0.6rem; padding:0.1rem 0.5rem; }\r\n}\r\n\r\n@media (max-width:640px){\r\n  .ayu-testimonials-dark { padding:30px 12px 24px; }\r\n  .ayu-testimonials-dark .ayu-testimonials-header { margin-bottom:24px; }\r\n  .ayu-testimonials-dark .ayu-testimonials-headline { font-size:22px; line-height:1.2; }\r\n  .ayu-testimonials-dark .ayu-testimonials-description { font-size:13px; line-height:1.5; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n  'use strict';\r\n\r\n  \/\/ ===== 24 AVIS NATURELS (inchang\u00e9) =====\r\n  const all = [\r\n    {\r\n      name: 'Thomas Anderson',\r\n      role: 'IT Director',\r\n      avatar: '\ud83d\udc68\u200d\ud83d\udcbb',\r\n      text: 'We switched to AssistYu after a ransomware scare. The VPN and antivirus caught two threats in the first week. The dashboard is clean and deployment took minutes.',\r\n      product: 'AssistYu VPN',\r\n      link: 'https:\/\/assistyu.com\/product\/assistyou-vpn\/',\r\n      icon: 'fa-cloud'\r\n    },\r\n    {\r\n      name: 'Isabelle Moreau',\r\n      role: 'Marketing Manager',\r\n      avatar: '\ud83d\udc69\u200d\ud83d\udcbc',\r\n      text: 'I was sceptical at first, but the Cyber Privacy Suite blocked a phishing attempt on my second day. It\\'s now installed on all our company laptops.',\r\n      product: 'Cyber Privacy Suite',\r\n      link: 'https:\/\/assistyu.com\/product\/cyber-privacy-suite\/',\r\n      icon: 'fa-shield-alt'\r\n    },\r\n    {\r\n      name: 'James O\\'Brien',\r\n      role: 'Small Business Owner',\r\n      avatar: '\ud83d\udc68\u200d\ud83d\udcbc',\r\n      text: 'A client sent me a suspicious link \u2014 AssistYu caught it instantly. This software paid for itself in one click. Highly recommend for any small team.',\r\n      product: 'Cyber Privacy Suite',\r\n      link: 'https:\/\/assistyu.com\/product\/cyber-privacy-suite\/',\r\n      icon: 'fa-shield-alt'\r\n    },\r\n    {\r\n      name: 'Sarah Chen',\r\n      role: 'Teacher',\r\n      avatar: '\ud83d\udc69\u200d\ud83c\udfeb',\r\n      text: 'I installed AssistYu Antivirus on my classroom computers. It found malware that other antivirus missed. My students are now safe from malicious pop-ups.',\r\n      product: 'AssistYu Antivirus',\r\n      link: 'https:\/\/assistyu.com\/product\/assistyou-antivirus\/',\r\n      icon: 'fa-shield-alt'\r\n    },\r\n    {\r\n      name: 'Michael Rodriguez',\r\n      role: 'Freelance Consultant',\r\n      avatar: '\ud83d\udc68\u200d\ud83d\udcbb',\r\n      text: 'Public Wi\u2011Fi used to freak me out. Now I just activate the VPN and forget about it. No drops in speed, no issues \u2014 exactly what I needed.',\r\n      product: 'AssistYu VPN',\r\n      link: 'https:\/\/assistyu.com\/product\/assistyou-vpn\/',\r\n      icon: 'fa-cloud'\r\n    },\r\n    {\r\n      name: 'Emma Dubois',\r\n      role: 'Operations Director',\r\n      avatar: '\ud83d\udc69\u200d\ud83d\udcbc',\r\n      text: 'Our team needed a unified solution. AssistYu delivered \u2014 simple dashboard, no training required, and the support team responded in under an hour.',\r\n      product: 'Cyber Privacy Suite',\r\n      link: 'https:\/\/assistyu.com\/product\/cyber-privacy-suite\/',\r\n      icon: 'fa-shield-alt'\r\n    },\r\n    {\r\n      name: 'Robert Fischer',\r\n      role: 'Retired Engineer',\r\n      avatar: '\ud83d\udc74',\r\n      text: 'I was tired of ads following me everywhere. PC Privacy Shield is a game-changer. My browsing is faster and cleaner now. Finally some peace online.',\r\n      product: 'PC Privacy Shield',\r\n      link: 'https:\/\/assistyu.com\/product\/pc-privacy-shield\/',\r\n      icon: 'fa-eraser'\r\n    },\r\n    {\r\n      name: 'Laura Kim',\r\n      role: 'Accountant',\r\n      avatar: '\ud83d\udc69\u200d\ud83d\udcbc',\r\n      text: 'Identity theft is my biggest fear. The Identity Theft Preventer sent me an alert within minutes of a data breach attempt. I changed my passwords immediately.',\r\n      product: 'Identity Theft Preventer',\r\n      link: 'https:\/\/assistyu.com\/product\/identity-theft-preventer\/',\r\n      icon: 'fa-id-card'\r\n    },\r\n    {\r\n      name: 'Carlos Silva',\r\n      role: 'E\u2011commerce Manager',\r\n      avatar: '\ud83d\udc68\u200d\ud83d\udcbc',\r\n      text: 'Cloud Full Live is a complete package. VPN, webcam blocker, ransomware defense \u2014 my whole family is protected. Setup took less than 5 minutes.',\r\n      product: 'Cloud Full Live',\r\n      link: 'https:\/\/assistyu.com\/services\/',\r\n      icon: 'fa-cloud'\r\n    },\r\n    {\r\n      name: 'Mia Wong',\r\n      role: 'University Student',\r\n      avatar: '\ud83e\uddd1\u200d\ud83c\udf93',\r\n      text: 'My old PC was crawling. Windows Performance Optimizer cleared out junk files and cut my boot time in half. A must-have for students on a budget.',\r\n      product: 'Windows Perf. Optimizer',\r\n      link: 'https:\/\/assistyu.com\/product\/windows-performance-optimizer\/',\r\n      icon: 'fa-tachometer-alt'\r\n    },\r\n    {\r\n      name: 'David Thompson',\r\n      role: 'Journalist',\r\n      avatar: '\ud83d\udc68\u200d\ud83d\udcbc',\r\n      text: 'I work with sensitive sources. Cyber Privacy Suite ensures my communications are private and secure. No more worrying about leaks or tracking.',\r\n      product: 'Cyber Privacy Suite',\r\n      link: 'https:\/\/assistyu.com\/product\/cyber-privacy-suite\/',\r\n      icon: 'fa-shield-alt'\r\n    },\r\n    {\r\n      name: 'Sophie Laurent',\r\n      role: 'Student',\r\n      avatar: '\ud83d\udc69\u200d\ud83c\udf93',\r\n      text: 'The Cloud Basic pack is a lifesaver. I get antivirus and cloud storage for a fraction of what I was paying before. Great value for students.',\r\n      product: 'Cloud Basic',\r\n      link: 'https:\/\/assistyu.com\/services\/',\r\n      icon: 'fa-cloud'\r\n    },\r\n    {\r\n      name: 'Daniel Miller',\r\n      role: 'Marketing Director',\r\n      avatar: '\ud83d\udc68\u200d\ud83d\udcbc',\r\n      text: 'We deployed AssistYu across 50 devices in one afternoon. The central dashboard is brilliant \u2014 I can see real\u2011time threats and block them instantly.',\r\n      product: 'AssistYu VPN',\r\n      link: 'https:\/\/assistyu.com\/product\/assistyou-vpn\/',\r\n      icon: 'fa-cloud'\r\n    },\r\n    {\r\n      name: 'Rachel Green',\r\n      role: 'Cybersecurity Analyst',\r\n      avatar: '\ud83d\udc69\u200d\ud83d\udcbb',\r\n      text: 'I\\'ve tested many security suites. AssistYu\\'s threat detection is surprisingly accurate for the price. I recommend it to all my freelance clients.',\r\n      product: 'Cyber Privacy Suite',\r\n      link: 'https:\/\/assistyu.com\/product\/cyber-privacy-suite\/',\r\n      icon: 'fa-shield-alt'\r\n    },\r\n    {\r\n      name: 'Amine Bensaid',\r\n      role: 'Freelance Writer',\r\n      avatar: '\ud83d\udc68\u200d\ud83d\udcbc',\r\n      text: 'As a journalist, privacy is non\u2011negotiable. PC Privacy Shield keeps my browsing activity completely private. No more targeted ads or suspicious tracking.',\r\n      product: 'PC Privacy Shield',\r\n      link: 'https:\/\/assistyu.com\/product\/pc-privacy-shield\/',\r\n      icon: 'fa-eraser'\r\n    },\r\n    {\r\n      name: 'Olivia Martinez',\r\n      role: 'Crypto Investor',\r\n      avatar: '\ud83d\udc69\u200d\ud83d\udcbb',\r\n      text: 'A phishing site tried to steal my wallet credentials. The ransomware defender flagged it before I could even click. This software saved my crypto.',\r\n      product: 'Cyber Privacy Suite',\r\n      link: 'https:\/\/assistyu.com\/product\/cyber-privacy-suite\/',\r\n      icon: 'fa-shield-alt'\r\n    },\r\n    {\r\n      name: 'John Peterson',\r\n      role: 'Online Seller',\r\n      avatar: '\ud83d\udc68\u200d\ud83d\udcbc',\r\n      text: 'I manage an online store with thousands of customers. AssistYu helps me stay GDPR\u2011compliant without extra effort. The compliance reports are a lifesaver.',\r\n      product: 'Cloud Basic',\r\n      link: 'https:\/\/assistyu.com\/services\/',\r\n      icon: 'fa-cloud'\r\n    },\r\n    {\r\n      name: 'Nadia Alami',\r\n      role: 'Digital Marketer',\r\n      avatar: '\ud83d\udc69\u200d\ud83d\udcbc',\r\n      text: 'The VPN is incredibly fast \u2014 no slowdown during video calls or downloads. I use it daily and have never had a single connection drop. Excellent product.',\r\n      product: 'AssistYu VPN',\r\n      link: 'https:\/\/assistyu.com\/product\/assistyou-vpn\/',\r\n      icon: 'fa-cloud'\r\n    },\r\n    {\r\n      name: 'Patrick Kelly',\r\n      role: 'IT Consultant',\r\n      avatar: '\ud83d\udc68\u200d\ud83d\udcbb',\r\n      text: 'I\\'ve deployed AssistYu at three client sites. The combination of antivirus, VPN, and privacy tools is unmatched. Clients love the simple dashboard.',\r\n      product: 'Cyber Privacy Suite',\r\n      link: 'https:\/\/assistyu.com\/product\/cyber-privacy-suite\/',\r\n      icon: 'fa-shield-alt'\r\n    },\r\n    {\r\n      name: 'Hannah Schneider',\r\n      role: 'Teacher',\r\n      avatar: '\ud83d\udc69\u200d\ud83c\udfeb',\r\n      text: 'My students often click on dangerous links by accident. AssistYu blocks them before they even load. It\\'s given me real peace of mind in the classroom.',\r\n      product: 'AssistYu Antivirus',\r\n      link: 'https:\/\/assistyu.com\/product\/assistyou-antivirus\/',\r\n      icon: 'fa-shield-alt'\r\n    },\r\n    {\r\n      name: 'Ahmed Mansour',\r\n      role: 'Freelance Designer',\r\n      avatar: '\ud83d\udc68\u200d\ud83d\udcbb',\r\n      text: 'I work from caf\u00e9s and co\u2011working spaces. The VPN keeps my connection private and encrypted. I can finally focus on my work without security worries.',\r\n      product: 'AssistYu VPN',\r\n      link: 'https:\/\/assistyu.com\/product\/assistyou-vpn\/',\r\n      icon: 'fa-cloud'\r\n    },\r\n    {\r\n      name: 'Clara Dupont',\r\n      role: 'E\u2011commerce Manager',\r\n      avatar: '\ud83d\udc69\u200d\ud83d\udcbc',\r\n      text: 'We were hit by a ransomware attempt last year. Since installing AssistYu, we\\'ve had zero incidents. The ransomware defender is a real game-changer.',\r\n      product: 'Cyber Privacy Suite',\r\n      link: 'https:\/\/assistyu.com\/product\/cyber-privacy-suite\/',\r\n      icon: 'fa-shield-alt'\r\n    },\r\n    {\r\n      name: 'Thomas Weber',\r\n      role: 'Business Owner',\r\n      avatar: '\ud83d\udc68\u200d\ud83d\udcbc',\r\n      text: 'I run a small accounting firm. AssistYu\\'s identity theft protection alerted me to a data leak \u2014 I was able to secure my clients\\' info before any damage.',\r\n      product: 'Identity Theft Preventer',\r\n      link: 'https:\/\/assistyu.com\/product\/identity-theft-preventer\/',\r\n      icon: 'fa-id-card'\r\n    },\r\n    {\r\n      name: 'Yuki Tanaka',\r\n      role: 'Remote Worker',\r\n      avatar: '\ud83d\udc69\u200d\ud83d\udcbb',\r\n      text: 'I travel constantly and connect to public Wi\u2011Fi everywhere. The VPN is my must\u2011have tool \u2014 it works flawlessly on all my devices. Highly recommended.',\r\n      product: 'AssistYu VPN',\r\n      link: 'https:\/\/assistyu.com\/product\/assistyou-vpn\/',\r\n      icon: 'fa-cloud'\r\n    }\r\n  ];\r\n\r\n  \/\/ ===== SPLIT INTO 2 ROWS (12 each) =====\r\n  const row1 = all.slice(0, 12);\r\n  const row2 = all.slice(12, 24);\r\n\r\n  \/\/ ===== BUILD CARD HTML =====\r\n  function buildCard(t) {\r\n    const stars = Array.from({ length: 5 }, () => '<i class=\"fas fa-star\"><\/i>').join('');\r\n    return `\r\n      <div class=\"ayu-card\">\r\n        <div class=\"stars\">${stars}<\/div>\r\n        <div class=\"text\">\u201c${t.text}\u201d<\/div>\r\n        <div class=\"author\">\r\n          <div class=\"avatar\">${t.avatar}<\/div>\r\n          <div class=\"info\">\r\n            <div class=\"name\">${t.name}<\/div>\r\n            <div class=\"role\">${t.role}<\/div>\r\n            <a href=\"${t.link}\" class=\"product-link\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              <i class=\"fas ${t.icon}\"><\/i> ${t.product}\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    `;\r\n  }\r\n\r\n  function populateRow(id, items) {\r\n    const el = document.getElementById(id);\r\n    if (!el) return;\r\n    const cards = items.map(buildCard).join('') + items.map(buildCard).join('');\r\n    el.innerHTML = cards;\r\n  }\r\n\r\n  populateRow('ayuTrack1', row1);\r\n  populateRow('ayuTrack2', row2);\r\n\r\n  \/\/ ===== PAUSE AU SURVOL D'UNE CARTE =====\r\n  document.querySelectorAll('.ayu-testimonials-row').forEach(row => {\r\n    const track = row.querySelector('.ayu-testimonials-track');\r\n    if (!track) return;\r\n    row.querySelectorAll('.ayu-card').forEach(card => {\r\n      card.addEventListener('mouseenter', () => {\r\n        track.style.animationPlayState = 'paused';\r\n      });\r\n      card.addEventListener('mouseleave', () => {\r\n        track.style.animationPlayState = 'running';\r\n      });\r\n    });\r\n  });\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-498e12d6 e-con-full e-flex e-con e-parent\" data-id=\"498e12d6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-28ea2c6c elementor-hidden-mobile elementor-widget elementor-widget-int-marquee-v2\" data-id=\"28ea2c6c\" 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 decoding=\"async\" width=\"48\" height=\"48\" src=\"https:\/\/assistyu.com\/wp-content\/uploads\/2026\/04\/assistyu_com_logo-W1-1.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"assistyu_com_logo W1 (1)\" title=\"\"><\/i>\r\n                                                                    <b>Threat protection<\/b>                                    <i><img decoding=\"async\" width=\"48\" height=\"48\" src=\"https:\/\/assistyu.com\/wp-content\/uploads\/2026\/04\/assistyu_com_logo-W1-1.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"assistyu_com_logo W1 (1)\" title=\"\"><\/i>\r\n                                                                    <b>Network security<\/b>                                    <i><img decoding=\"async\" width=\"48\" height=\"48\" src=\"https:\/\/assistyu.com\/wp-content\/uploads\/2026\/04\/assistyu_com_logo-W1-1.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"assistyu_com_logo W1 (1)\" title=\"\"><\/i>\r\n                                                                    <b>Data breach<\/b>                                    <i><img decoding=\"async\" width=\"48\" height=\"48\" src=\"https:\/\/assistyu.com\/wp-content\/uploads\/2026\/04\/assistyu_com_logo-W1-1.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"assistyu_com_logo W1 (1)\" title=\"\"><\/i>\r\n                                                                    <b>Cloud security<\/b>                                    <i><img decoding=\"async\" width=\"48\" height=\"48\" src=\"https:\/\/assistyu.com\/wp-content\/uploads\/2026\/04\/assistyu_com_logo-W1-1.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"assistyu_com_logo W1 (1)\" title=\"\"><\/i>\r\n                                                                    <b>Ransomware<\/b>                                    <i><img decoding=\"async\" width=\"48\" height=\"48\" src=\"https:\/\/assistyu.com\/wp-content\/uploads\/2026\/04\/assistyu_com_logo-W1-1.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"assistyu_com_logo W1 (1)\" title=\"\"><\/i>\r\n                                                                    <b>Security monitoring<\/b>                                    <i><img decoding=\"async\" width=\"48\" height=\"48\" src=\"https:\/\/assistyu.com\/wp-content\/uploads\/2026\/04\/assistyu_com_logo-W1-1.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"assistyu_com_logo W1 (1)\" title=\"\"><\/i>\r\n                                                                    <b>Email security<\/b>                                    <i><img decoding=\"async\" width=\"48\" height=\"48\" src=\"https:\/\/assistyu.com\/wp-content\/uploads\/2026\/04\/assistyu_com_logo-W1-1.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"assistyu_com_logo W1 (1)\" title=\"\"><\/i>\r\n                                                                    <b>Antivirus solutions<\/b>                                    <i><img decoding=\"async\" width=\"48\" height=\"48\" src=\"https:\/\/assistyu.com\/wp-content\/uploads\/2026\/04\/assistyu_com_logo-W1-1.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"assistyu_com_logo W1 (1)\" title=\"\"><\/i>\r\n                                                                    <b>Identity Security<\/b>                                    <i><img decoding=\"async\" width=\"48\" height=\"48\" src=\"https:\/\/assistyu.com\/wp-content\/uploads\/2026\/04\/assistyu_com_logo-W1-1.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"assistyu_com_logo W1 (1)\" title=\"\"><\/i>\r\n                                                                    <b>24\/7 cybersecurity<\/b>                                    <i><img decoding=\"async\" width=\"48\" height=\"48\" src=\"https:\/\/assistyu.com\/wp-content\/uploads\/2026\/04\/assistyu_com_logo-W1-1.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"assistyu_com_logo W1 (1)\" title=\"\"><\/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<footer class=\"elementor-element elementor-element-169f9f2 e-con-full e-flex e-con e-parent\" data-id=\"169f9f2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-160755b e-con-full e-flex e-con e-child\" data-id=\"160755b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-90236e6 e-con-full e-flex e-con e-child\" data-id=\"90236e6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b710ce elementor-widget elementor-widget-int-logo\" data-id=\"9b710ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"int-logo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"tg-logo\">\r\n            <a href=\"https:\/\/assistyu.com\/it\/\"><img decoding=\"async\" src=\"https:\/\/assistyu.com\/wp-content\/uploads\/2024\/03\/AssistYu-no-background-2.png\" alt=\"\" title=\"\"><\/a>\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-dbdd55e elementor-mobile-align-center elementor-icon-list--layout-inline elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"dbdd55e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/maps.app.goo.gl\/PnxnHJXGZ3isdPbH6\" target=\"_blank\" rel=\"noopener\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Estrategias de Marketing LE Paradise - AssistYu<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ca7496f e-con-full e-flex e-con e-child\" data-id=\"ca7496f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-daf84ae e-con-full e-flex e-con e-child\" data-id=\"daf84ae\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-895f260 elementor-mobile-align-center elementor-icon-list--layout-inline elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"895f260\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"tel:34951550227\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-phone-alt\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M497.39 361.8l-112-48a24 24 0 0 0-28 6.9l-49.6 60.6A370.66 370.66 0 0 1 130.6 204.11l60.6-49.6a23.94 23.94 0 0 0 6.9-28l-48-112A24.16 24.16 0 0 0 122.6.61l-104 24A24 24 0 0 0 0 48c0 256.5 207.9 464 464 464a24 24 0 0 0 23.4-18.6l24-104a24.29 24.29 0 0 0-14.01-27.6z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">+34 951 550 227<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"mailto:office@assistyu.com\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-envelope\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">office@assistyu.com<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/maps.app.goo.gl\/PnxnHJXGZ3isdPbH6\" target=\"_blank\" rel=\"noopener\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-map-marker-alt\" viewBox=\"0 0 384 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">C. Lope de Vega 60, 29631 Benalmadena<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c4cdeb elementor-icon-list--layout-inline elementor-align-center elementor-hidden-mobile elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"2c4cdeb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/assistyu.com\/services\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-greater-than-equal\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M55.22 107.69l175.56 68.09-175.44 68.05c-18.39 6.03-27.88 24.39-21.2 41l12.09 30.08c6.68 16.61 26.99 25.19 45.38 19.15L393.02 214.2c13.77-4.52 22.98-16.61 22.98-30.17v-15.96c0-13.56-9.21-25.65-22.98-30.17L91.3 17.92c-18.29-6-38.51 2.53-45.15 19.06L34.12 66.9c-6.64 16.53 2.81 34.79 21.1 40.79zM424 400H24c-13.25 0-24 10.74-24 24v48c0 13.25 10.75 24 24 24h400c13.25 0 24-10.75 24-24v-48c0-13.26-10.75-24-24-24z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Services<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/assistyu.com\/security-products\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-greater-than-equal\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M55.22 107.69l175.56 68.09-175.44 68.05c-18.39 6.03-27.88 24.39-21.2 41l12.09 30.08c6.68 16.61 26.99 25.19 45.38 19.15L393.02 214.2c13.77-4.52 22.98-16.61 22.98-30.17v-15.96c0-13.56-9.21-25.65-22.98-30.17L91.3 17.92c-18.29-6-38.51 2.53-45.15 19.06L34.12 66.9c-6.64 16.53 2.81 34.79 21.1 40.79zM424 400H24c-13.25 0-24 10.74-24 24v48c0 13.25 10.75 24 24 24h400c13.25 0 24-10.75 24-24v-48c0-13.26-10.75-24-24-24z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Products<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/assistyu.com\/small-business\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-greater-than-equal\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M55.22 107.69l175.56 68.09-175.44 68.05c-18.39 6.03-27.88 24.39-21.2 41l12.09 30.08c6.68 16.61 26.99 25.19 45.38 19.15L393.02 214.2c13.77-4.52 22.98-16.61 22.98-30.17v-15.96c0-13.56-9.21-25.65-22.98-30.17L91.3 17.92c-18.29-6-38.51 2.53-45.15 19.06L34.12 66.9c-6.64 16.53 2.81 34.79 21.1 40.79zM424 400H24c-13.25 0-24 10.74-24 24v48c0 13.25 10.75 24 24 24h400c13.25 0 24-10.75 24-24v-48c0-13.26-10.75-24-24-24z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Small Business<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/assistyu.com\/partnerships\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-greater-than-equal\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M55.22 107.69l175.56 68.09-175.44 68.05c-18.39 6.03-27.88 24.39-21.2 41l12.09 30.08c6.68 16.61 26.99 25.19 45.38 19.15L393.02 214.2c13.77-4.52 22.98-16.61 22.98-30.17v-15.96c0-13.56-9.21-25.65-22.98-30.17L91.3 17.92c-18.29-6-38.51 2.53-45.15 19.06L34.12 66.9c-6.64 16.53 2.81 34.79 21.1 40.79zM424 400H24c-13.25 0-24 10.74-24 24v48c0 13.25 10.75 24 24 24h400c13.25 0 24-10.75 24-24v-48c0-13.26-10.75-24-24-24z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Partnership<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/assistyu.com\/cybersecurity-tools\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-greater-than-equal\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M55.22 107.69l175.56 68.09-175.44 68.05c-18.39 6.03-27.88 24.39-21.2 41l12.09 30.08c6.68 16.61 26.99 25.19 45.38 19.15L393.02 214.2c13.77-4.52 22.98-16.61 22.98-30.17v-15.96c0-13.56-9.21-25.65-22.98-30.17L91.3 17.92c-18.29-6-38.51 2.53-45.15 19.06L34.12 66.9c-6.64 16.53 2.81 34.79 21.1 40.79zM424 400H24c-13.25 0-24 10.74-24 24v48c0 13.25 10.75 24 24 24h400c13.25 0 24-10.75 24-24v-48c0-13.26-10.75-24-24-24z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Diagnostic tools<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/assistyu.com\/contact\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-greater-than-equal\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M55.22 107.69l175.56 68.09-175.44 68.05c-18.39 6.03-27.88 24.39-21.2 41l12.09 30.08c6.68 16.61 26.99 25.19 45.38 19.15L393.02 214.2c13.77-4.52 22.98-16.61 22.98-30.17v-15.96c0-13.56-9.21-25.65-22.98-30.17L91.3 17.92c-18.29-6-38.51 2.53-45.15 19.06L34.12 66.9c-6.64 16.53 2.81 34.79 21.1 40.79zM424 400H24c-13.25 0-24 10.74-24 24v48c0 13.25 10.75 24 24 24h400c13.25 0 24-10.75 24-24v-48c0-13.26-10.75-24-24-24z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Contact Us<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-69e83fe e-con-full e-flex e-con e-child\" data-id=\"69e83fe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e2d08ae e-con-full e-flex e-con e-child\" data-id=\"e2d08ae\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c72d1cd elementor-widget elementor-widget-int-footer-nav\" data-id=\"c72d1cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"int-footer-nav.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n        <div class=\"tg-copyright-right text-center text-md-end\">\r\n                    <a class=\"text-anim-2\" href=\"https:\/\/assistyu.com\/security-insights\/\">Insights<\/a>\r\n                    <a class=\"text-anim-2\" href=\"https:\/\/assistyu.com\/about-assistyu\/\">About Us<\/a>\r\n                    <a class=\"text-anim-2\" href=\"https:\/\/assistyu.com\/documentation-and-guides\/\">Documentation<\/a>\r\n                    <a class=\"text-anim-2\" href=\"https:\/\/assistyu.com\/consent\/\">Consent Agreement<\/a>\r\n                    <a class=\"text-anim-2\" href=\"https:\/\/assistyu.com\/privacy-policy\/\">Privacy Policy<\/a>\r\n                    <a class=\"text-anim-2\" href=\"https:\/\/assistyu.com\/legal-notice-terms-conditions\/\">Terms &amp; Conditions<\/a>\r\n                    <a class=\"text-anim-2\" href=\"https:\/\/assistyu.com\/delivery-refunds-policy\/\">Delivery &amp; Refunds<\/a>\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-e88cf19 elementor-widget elementor-widget-html\" data-id=\"e88cf19\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     BOUTON DASHBOARD \u2014 STYLE ORIGINAL (GHOST) + ISOL\u00c9\r\n     ============================================================ -->\r\n<div style=\"display: flex; justify-content: center; align-items: center; padding: 0; margin: 0; line-height: 0;\">\r\n    <button id=\"dashboard-open-btn\" style=\"\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 8px;                     \/* \u00e9cart original *\/\r\n        background: rgba(44, 134, 255, 0.08);  \/* fond transparent *\/\r\n        color: #5b6e8c;               \/* gris *\/\r\n        font-size: 12px;              \/* taille originale *\/\r\n        font-weight: 500;\r\n        font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;\r\n        padding: 6px 14px;            \/* padding original *\/\r\n        border-radius: 40px;          \/* arrondi original *\/\r\n        cursor: pointer;\r\n        transition: all 0.25s ease;\r\n        border: 2px solid rgba(44, 134, 255, 0.15);\r\n        letter-spacing: -0.2px;\r\n        backdrop-filter: blur(2px);\r\n        margin: 0;                    \/* aucune marge externe *\/\r\n    \">\r\n        <svg class=\"dashboard-btn-icon\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"transition: transform 0.2s ease; opacity: 0.7;\">\r\n            <path d=\"M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <path d=\"M18 8C19.6569 8 21 9.34315 21 11V16C21 17.6569 19.6569 19 18 19H6C4.34315 19 3 17.6569 3 16V11C3 9.34315 4.34315 8 6 8\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n            <path d=\"M7 8V6C7 3.23858 9.23858 1 12 1C14.7614 1 17 3.23858 17 6V8\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n        <\/svg>\r\n        Dashboard\r\n        <svg class=\"dashboard-btn-arrow\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"opacity: 0.5; transition: transform 0.2s ease, opacity 0.2s ease;\">\r\n            <path d=\"M5 12H19M19 12L13 6M19 12L13 18\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n    <\/button>\r\n<\/div>\r\n\r\n<!-- ============================================================\r\n     MODALE DASHBOARD \u2014 STYLE NEWSLETTER (inchang\u00e9)\r\n     ============================================================ -->\r\n<div id=\"dashboard-modal\" style=\"display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.85); backdrop-filter: blur(12px); z-index: 10000; align-items: center; justify-content: center; padding: 1rem; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\">\r\n    <div style=\"background: linear-gradient(135deg, #0f0f13 0%, #1a1c23 100%); max-width: 480px; width: 100%; border-radius: 2rem; box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5), 0 0 0 1px rgba(44,134,255,0.15); overflow: hidden; animation: dashboardModalSlideIn 0.3s ease-out;\">\r\n        <!-- Barre d'accent -->\r\n        <div style=\"height: 4px; background: linear-gradient(90deg, #2c86ff, #4f46e5, #8b5cf6); width: 100%; border-radius: 4px 4px 0 0;\"><\/div>\r\n        <!-- Contenu -->\r\n        <div style=\"padding: 1.75rem 1.5rem 2rem 1.5rem; position: relative;\">\r\n            <!-- Bouton fermer -->\r\n            <button onclick=\"dashboardCloseModal()\" style=\"position: absolute; top: 1rem; right: 1rem; background: rgba(255,255,255,0.05); border: none; color: #9ca3af; font-size: 1.25rem; cursor: pointer; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.2s; backdrop-filter: blur(4px);\">\r\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 6L6 18M6 6L18 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n            <\/button>\r\n\r\n            <!-- Icone et titres -->\r\n            <div style=\"text-align: center; margin-bottom: 1.75rem;\">\r\n                <div style=\"width: 56px; height: 56px; margin: 0 auto 1rem auto; background: linear-gradient(135deg, rgba(44,134,255,0.15), rgba(79,70,229,0.15)); border-radius: 50%; display: flex; align-items: center; justify-content: center;\">\r\n                    <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"color: #2c86ff;\">\r\n                        <path d=\"M12 2L2 7L12 12L22 7L12 2Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                        <path d=\"M2 17L12 22L22 17\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                        <path d=\"M2 12L12 17L22 12\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h3 style=\"font-size: 1.75rem; font-weight: 700; background: linear-gradient(135deg, #ffffff, #c084fc); -webkit-background-clip: text; background-clip: text; color: transparent; margin: 0 0 0.5rem 0;\">Technical Dashboard<\/h3>\r\n                <p style=\"color: #9ca3af; font-size: 0.875rem; margin: 0; line-height: 1.5;\">Enter access password to continue<\/p>\r\n            <\/div>\r\n\r\n            <!-- Champ mot de passe -->\r\n            <div style=\"margin-bottom: 1.25rem; position: relative;\">\r\n                <input type=\"password\" id=\"dashboard-password-input\" placeholder=\"Enter password\" autocomplete=\"off\" style=\"width: 100%; padding: 0.875rem 1rem 0.875rem 2.75rem; background: #0a0b0f; border: 1.5px solid #2a2d3a; border-radius: 1rem; color: white; font-size: 0.9375rem; outline: none; transition: all 0.2s; font-family: inherit; box-sizing: border-box; font-weight: 500;\">\r\n                <button onclick=\"dashboardTogglePassword()\" type=\"button\" style=\"position: absolute; right: 14px; top: 50%; transform: translateY(-50%); background: transparent; border: none; cursor: pointer; color: #6b7280; padding: 0; display: flex; align-items: center; transition: color 0.2s;\">\r\n                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M1 12C1 12 5 4 12 4C19 4 23 12 23 12C23 12 19 20 12 20C5 20 1 12 1 12Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><\/svg>\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <!-- Boutons d'action -->\r\n            <div style=\"display: flex; gap: 10px; margin-bottom: 20px;\">\r\n                <button onclick=\"dashboardCloseModal()\" style=\"flex: 1; background: rgba(255,255,255,0.08); border: none; padding: 10px 0; border-radius: 1rem; font-size: 0.8rem; font-weight: 500; color: #9ca3af; cursor: pointer; transition: all 0.2s; font-family: inherit;\">Cancel<\/button>\r\n                <button onclick=\"dashboardValidatePassword()\" style=\"flex: 1; background: linear-gradient(135deg, #2c86ff, #4f46e5); border: none; padding: 10px 0; border-radius: 1rem; font-size: 0.8rem; font-weight: 500; color: white; cursor: pointer; transition: all 0.25s; font-family: inherit; box-shadow: 0 4px 12px rgba(44,134,255,0.3);\">Access \u2192<\/button>\r\n            <\/div>\r\n\r\n            <!-- Pied de page -->\r\n            <div style=\"display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 0.65rem; color: #6b7280; font-family: inherit;\">\r\n                <span style=\"width: 3px; height: 3px; background: #4b5563; border-radius: 50%;\"><\/span>\r\n                <span style=\"letter-spacing: 0.3px;\">Authorized access only<\/span>\r\n                <span style=\"width: 3px; height: 3px; background: #4b5563; border-radius: 50%;\"><\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- ============================================================\r\n     STYLES D'ANIMATION (isol\u00e9es) + HOVER\r\n     ============================================================ -->\r\n<style>\r\n    @keyframes dashboardModalSlideIn {\r\n        from { opacity: 0; transform: scale(0.95) translateY(-10px); }\r\n        to { opacity: 1; transform: scale(1) translateY(0); }\r\n    }\r\n\r\n    \/* Effets de survol du bouton (identiques \u00e0 l'original) *\/\r\n    #dashboard-open-btn:hover {\r\n        background: rgba(44, 134, 255, 0.12);\r\n        border-color: rgba(44, 134, 255, 0.3);\r\n        color: #2c86ff;\r\n        transform: translateY(-1px);\r\n    }\r\n    #dashboard-open-btn:hover .dashboard-btn-icon {\r\n        transform: scale(1.05);\r\n        opacity: 1;\r\n    }\r\n    #dashboard-open-btn:hover .dashboard-btn-arrow {\r\n        opacity: 0.8;\r\n        transform: translateX(2px);\r\n    }\r\n\r\n    \/* Hover du bouton fermer *\/\r\n    #dashboard-modal button[onclick=\"dashboardCloseModal()\"]:hover {\r\n        background: rgba(255,255,255,0.15);\r\n        color: white;\r\n        transform: rotate(90deg);\r\n    }\r\n\r\n    \/* Focus du champ *\/\r\n    #dashboard-password-input:focus {\r\n        border-color: #2c86ff !important;\r\n        box-shadow: 0 0 0 3px rgba(44,134,255,0.2);\r\n    }\r\n\r\n    \/* Hover des boutons Cancel\/Submit *\/\r\n    #dashboard-modal button[onclick=\"dashboardCloseModal()\"]:not(:first-child):hover {\r\n        background: rgba(255,255,255,0.15);\r\n        color: white;\r\n    }\r\n    #dashboard-modal button[onclick=\"dashboardValidatePassword()\"]:hover {\r\n        transform: translateY(-1px);\r\n        box-shadow: 0 6px 20px rgba(44,134,255,0.35);\r\n        background: linear-gradient(135deg, #1e6fd9, #3b36c4);\r\n    }\r\n    #dashboard-modal button[onclick=\"dashboardValidatePassword()\"]:active {\r\n        transform: translateY(0);\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 480px) {\r\n        #dashboard-modal > div {\r\n            border-radius: 1.5rem !important;\r\n        }\r\n        #dashboard-modal > div > div {\r\n            padding: 1.25rem 1rem 1.5rem 1rem !important;\r\n        }\r\n        #dashboard-modal h3 {\r\n            font-size: 1.5rem !important;\r\n        }\r\n    }\r\n    @media (max-width: 380px) {\r\n        #dashboard-modal > div > div {\r\n            padding: 1rem 0.875rem 1.25rem 1.875rem !important;\r\n        }\r\n        #dashboard-modal h3 {\r\n            font-size: 1.35rem !important;\r\n        }\r\n        #dashboard-modal p {\r\n            font-size: 0.75rem !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- ============================================================\r\n     JAVASCRIPT \u2014 FONCTIONS ISOL\u00c9ES\r\n     ============================================================ -->\r\n<script>\r\n    \/\/ Ouverture\r\n    document.getElementById('dashboard-open-btn').addEventListener('click', function() {\r\n        var modal = document.getElementById('dashboard-modal');\r\n        if (modal) {\r\n            modal.style.display = 'flex';\r\n            document.getElementById('dashboard-password-input').value = '';\r\n            setTimeout(function() {\r\n                document.getElementById('dashboard-password-input').focus();\r\n            }, 100);\r\n        }\r\n    });\r\n\r\n    \/\/ Fermeture\r\n    window.dashboardCloseModal = function() {\r\n        var modal = document.getElementById('dashboard-modal');\r\n        if (modal) modal.style.display = 'none';\r\n    };\r\n\r\n    \/\/ Toggle password\r\n    window.dashboardTogglePassword = function() {\r\n        var input = document.getElementById('dashboard-password-input');\r\n        input.type = (input.type === 'password') ? 'text' : 'password';\r\n    };\r\n\r\n    \/\/ Validation\r\n    window.dashboardValidatePassword = function() {\r\n        var input = document.getElementById('dashboard-password-input');\r\n        if (input.value === \"ay1589\") {\r\n            window.location.href = \"https:\/\/assistyu.com\/team-dashboard\/\";\r\n        } else {\r\n            alert(\"Wrong password.\");\r\n            input.value = '';\r\n            input.focus();\r\n        }\r\n    };\r\n\r\n    \/\/ Fermeture en cliquant \u00e0 l'ext\u00e9rieur\r\n    document.addEventListener('click', function(event) {\r\n        var modal = document.getElementById('dashboard-modal');\r\n        var modalContainer = modal ? modal.querySelector('div') : null;\r\n        if (modal && modal.style.display === 'flex' && modalContainer && !modalContainer.contains(event.target) && !event.target.closest('#dashboard-open-btn')) {\r\n            dashboardCloseModal();\r\n        }\r\n    });\r\n\r\n    \/\/ Touche Entr\u00e9e\r\n    document.getElementById('dashboard-password-input').addEventListener('keypress', function(e) {\r\n        if (e.key === 'Enter') dashboardValidatePassword();\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d7d1c1a elementor-widget elementor-widget-text-editor\" data-id=\"d7d1c1a\" 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>Copyright @ 2026 <a href=\"https:\/\/assistyu.com\/\">AssistYu<\/a>. All Rights Reserved<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/footer>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>AI-POWERED SECURITY SOFTWARE SUITE AI-Powered Security for Total Digital Protection AssistYu delivers next-generation cybersecurity solutions designed to protect individuals, remote workers, businesses, gamers, and digital professionals against modern online threats. Our ecosystem combines advanced VPN protection, anti-ransomware security, identity theft prevention, anti-tracking technology, secure cloud infrastructure, and AI-powered privacy tools. Our Products Our Services &nbsp; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3927,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-5921","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/assistyu.com\/it\/wp-json\/wp\/v2\/pages\/5921","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/assistyu.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/assistyu.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/assistyu.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/assistyu.com\/it\/wp-json\/wp\/v2\/comments?post=5921"}],"version-history":[{"count":121,"href":"https:\/\/assistyu.com\/it\/wp-json\/wp\/v2\/pages\/5921\/revisions"}],"predecessor-version":[{"id":7239,"href":"https:\/\/assistyu.com\/it\/wp-json\/wp\/v2\/pages\/5921\/revisions\/7239"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/assistyu.com\/it\/wp-json\/wp\/v2\/media\/3927"}],"wp:attachment":[{"href":"https:\/\/assistyu.com\/it\/wp-json\/wp\/v2\/media?parent=5921"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}