{"id":7518,"date":"2026-08-03T18:06:48","date_gmt":"2026-08-03T18:06:48","guid":{"rendered":"https:\/\/assistyu.com\/?page_id=7518"},"modified":"2026-10-11T10:35:03","modified_gmt":"2026-10-11T10:35:03","slug":"assistyu-we-secure-you-infinite","status":"publish","type":"page","link":"https:\/\/assistyu.com\/fr\/","title":{"rendered":"AssistYu : Une s\u00e9curit\u00e9 sans limites"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7518\" class=\"elementor elementor-7518\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10c1da8 e-con-full e-flex e-con e-parent\" data-id=\"10c1da8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e3563ce elementor-widget elementor-widget-html\" data-id=\"e3563ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"hero-assistyu\">\n    <!-- Rotating Background Images - starts with a real image, no JS wait -->\n    <div class=\"hero-bg-layer lazyload\" id=\"rotatingBg\" style=\"background-image:inherit;\" data-bg-image=\"url(&#039;https:\/\/assistyu.com\/wp-content\/uploads\/2026\/04\/BCK.png&#039;)\"><\/div>\n    \n    <!-- Gradient Overlay that fades from dark left to transparent right -->\n    <div class=\"hero-overlay\"><\/div>\n    \n    <!-- Decorative Shapes -->\n    <div class=\"hero-shapes\" aria-hidden=\"true\">\n        <div class=\"shape-bg shape-1\"><\/div>\n        <div class=\"shape-bg shape-2\"><\/div>\n        <div class=\"shape-bg shape-3\"><\/div>\n    <\/div>\n\n    <div class=\"hero-container\">\n        <div class=\"hero-content\">\n            <!-- Badge - HIDDEN ON MOBILE -->\n            <div class=\"hero-badge\">\n                <i class=\"fas fa-shield-halved\" aria-hidden=\"true\"><\/i>\n                <span>AI-POWERED SECURITY SOFTWARE SUITE<\/span>\n            <\/div>\n            \n            <!-- Title - STRICTLY 2 LINES MAX on all devices -->\n            <h1 class=\"hero-title\">\n                AI-Powered Security for <span class=\"title-accent\">Total Digital Protection<\/span>\n            <\/h1>\n            \n            <!-- Description -->\n            <p class=\"hero-description\">\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.\n            <\/p>\n            \n            <!-- Buttons Container with OS Icons centered exactly below the buttons -->\n            <div class=\"buttons-wrapper\">\n                <div class=\"hero-buttons\">\n                    <a href=\"https:\/\/assistyu.com\/security-products\/\" class=\"btn-primary\">\n                        <i class=\"fas fa-shield-alt\" aria-hidden=\"true\"><\/i> Our Products\n                        <i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i>\n                    <\/a>\n                    <a href=\"https:\/\/assistyu.com\/services\/\" class=\"btn-secondary\">\n                        <i class=\"fas fa-headset\" aria-hidden=\"true\"><\/i> Our Services\n                        <i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i>\n                    <\/a>\n                <\/div>\n                <!-- OS Icons - centered exactly below the two buttons using flex container with same width -->\n                <div class=\"os-icons-wrapper\">\n                    <div class=\"os-icons\" aria-hidden=\"true\">\n                        <i class=\"fab fa-windows\" title=\"Windows\"><\/i>\n                        <i class=\"fab fa-apple\" title=\"macOS\"><\/i>\n                        <i class=\"fab fa-android\" title=\"Android\"><\/i>\n                        <i class=\"fab fa-linux\" title=\"Linux\"><\/i>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- RIGHT SIDE - EMPTY SPACE (floating element area left intentionally empty) -->\n        <div class=\"hero-visual\">\n            <!-- Empty area - background image becomes more visible here -->\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    \/* ========== HERO ASSISTYU \u2014 recolored to match the Protection Center palette ========== *\/\n    .hero-assistyu {\n        position: relative;\n        width: 100%;\n        min-height: 100vh;\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n        font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\n        box-sizing: border-box;\n        padding: 8rem 1rem 3rem;\n        background: #060815; \/* same base as the Protection Center, avoids a flash before the image\/overlay paint *\/\n    }\n\n    \/* Rotating Background Image Layer - Will be more visible on the right *\/\n    .hero-bg-layer {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background-size: cover;\n        background-position: center;\n        background-repeat: no-repeat;\n        opacity: 1;\n        pointer-events: none;\n        z-index: 0;\n        transition: none;\n    }\n\n    \/* Decorative Shapes - Subtle and modern *\/\n    .hero-shapes {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        top: 0;\n        left: 0;\n        pointer-events: none;\n        z-index: 1;\n    }\n    .shape-bg {\n        position: absolute;\n        background-size: contain;\n        background-repeat: no-repeat;\n        opacity: 0.15;\n    }\n    .shape-1 {\n        background-image: url('https:\/\/assistyu.com\/wp-content\/uploads\/2024\/03\/shape-3-1.svg');\n        width: 400px;\n        height: 400px;\n        top: -80px;\n        right: -80px;\n        animation: floatShape 28s infinite ease-in-out;\n    }\n    .shape-2 {\n        background-image: url('https:\/\/assistyu.com\/wp-content\/uploads\/2024\/03\/shape-3-2.svg');\n        width: 300px;\n        height: 300px;\n        bottom: 5%;\n        left: -70px;\n        animation: floatShape2 22s infinite ease-in-out;\n        opacity: 0.1;\n    }\n    .shape-3 {\n        background-image: url('https:\/\/assistyu.com\/wp-content\/uploads\/2024\/03\/shape-3-3.png');\n        background-size: cover;\n        width: 500px;\n        height: 500px;\n        bottom: -120px;\n        right: 5%;\n        animation: floatShape3 35s infinite ease-in-out;\n        opacity: 0.08;\n    }\n\n    @keyframes floatShape {\n        0%, 100% { transform: translate(0, 0) rotate(0deg); }\n        50% { transform: translate(-40px, 25px) rotate(6deg); }\n    }\n    @keyframes floatShape2 {\n        0%, 100% { transform: translate(0, 0) rotate(0deg); }\n        50% { transform: translate(35px, -25px) rotate(-5deg); }\n    }\n    @keyframes floatShape3 {\n        0%, 100% { transform: translate(0, 0) scale(1); }\n        50% { transform: translate(-25px, -35px) scale(1.06); }\n    }\n\n    \/* ========== GRADIENT OVERLAY \u2014 same navy family as the Protection Center\n       (#060815 \/ #090d24 \/ #0b1130) instead of the old #030622 \/ #04082e ========== *\/\n    .hero-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(\n            to right,\n            #060815 0%,\n            #090d24 25%,\n            rgba(9, 13, 36, 0.72) 50%,\n            rgba(9, 13, 36, 0.32) 70%,\n            transparent 100%\n        );\n        pointer-events: none;\n        z-index: 1;\n    }\n\n    .hero-container {\n        position: relative;\n        width: 100%;\n        max-width: 100%;\n        margin: 0 auto;\n        padding: 0 5%;\n        z-index: 10;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 2rem;\n        flex-wrap: wrap;\n    }\n\n    \/* Hero Content - Left Side *\/\n    .hero-content {\n        flex: 1.4;\n        max-width: 100%;\n        position: relative;\n        z-index: 5;\n    }\n\n    \/* Badge \u2014 same treatment as the Protection Center's \"Protection Active\" badge *\/\n    .hero-badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.75rem;\n        background: rgba(79, 110, 247, 0.08);\n        backdrop-filter: blur(10px);\n        padding: 0.6rem 1.5rem;\n        border-radius: 60px;\n        font-size: 0.75rem;\n        font-weight: 700;\n        letter-spacing: 1.5px;\n        color: #93a0f8;\n        border: 1px solid rgba(79, 110, 247, 0.2);\n        margin-bottom: 1.5rem;\n    }\n\n    \/* Title - Premium typography *\/\n    .hero-title {\n        font-size: clamp(1.5rem, 5vw, 52px);\n        font-weight: 800;\n        line-height: 1.2;\n        color: #ffffff;\n        margin-bottom: 1rem;\n        letter-spacing: -0.02em;\n        max-width: 100%;\n        white-space: normal;\n        word-break: keep-all;\n    }\n    .hero-title br {\n        display: none;\n    }\n    \/* Accent gradient \u2014 identical stops to the Protection Center headline\n       (bleu \u2192 violet \u2192 rose) for brand consistency across sections *\/\n    .title-accent {\n        background: linear-gradient(90deg, #4f6ef7, #8b5cf6, #ec4899);\n        background-clip: text;\n        -webkit-background-clip: text;\n        color: transparent;\n        display: inline-block;\n        white-space: nowrap;\n    }\n    \n    @media (max-width: 480px) {\n        .hero-title {\n            font-size: 1.5rem;\n            line-height: 1.25;\n        }\n        .title-accent {\n            white-space: normal;\n            display: inline;\n        }\n    }\n\n    \/* Description *\/\n    .hero-description {\n        color: #9ba3d4;\n        font-size: clamp(0.85rem, 2vw, 1rem);\n        line-height: 1.6;\n        margin-bottom: 2rem;\n        max-width: 90%;\n    }\n\n    \/* Buttons Wrapper *\/\n    .buttons-wrapper {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        width: 100%;\n    }\n\n    \/* Two Buttons Container - inline-flex to get exact combined width *\/\n    .hero-buttons {\n        display: inline-flex;\n        gap: 1rem;\n        flex-wrap: wrap;\n        justify-content: center;\n    }\n    \n    .btn-primary, .btn-secondary {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.6rem;\n        padding: 0.85rem 1.8rem;\n        border-radius: 60px;\n        text-decoration: none;\n        font-weight: 600;\n        font-size: 0.9rem;\n        transition: all 0.3s ease;\n        cursor: pointer;\n        white-space: nowrap;\n    }\n    \/* Primary button \u2014 same blue \u2192 violet gradient family as the stat-card\n       accents \/ headline gradient in the Protection Center *\/\n    .btn-primary {\n        background: linear-gradient(95deg, #4f6ef7, #8b5cf6);\n        color: white;\n        border: none;\n        box-shadow: 0 4px 15px rgba(79, 110, 247, 0.3);\n    }\n    .btn-primary i:last-child {\n        transition: transform 0.2s;\n    }\n    .btn-primary:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 10px 25px rgba(79, 110, 247, 0.4);\n        gap: 0.8rem;\n    }\n    .btn-primary:hover i:last-child {\n        transform: translateX(4px);\n    }\n    .btn-secondary {\n        background: rgba(255, 255, 255, 0.06);\n        backdrop-filter: blur(10px);\n        color: white;\n        border: 1px solid rgba(96, 165, 250, 0.3);\n    }\n    .btn-secondary i:first-child {\n        color: #93c5fd;\n    }\n    .btn-secondary i:last-child {\n        transition: transform 0.2s;\n    }\n    .btn-secondary:hover {\n        background: rgba(255, 255, 255, 0.12);\n        transform: translateY(-3px);\n        border-color: rgba(96, 165, 250, 0.5);\n        gap: 0.8rem;\n    }\n    .btn-secondary:hover i:last-child {\n        transform: translateX(4px);\n    }\n\n    \/* OS Icons Wrapper - matches the exact width of hero-buttons for perfect centering *\/\n   .os-icons-wrapper {\n    display: flex;\n    justify-content: center;\n    width: 100%;\n    margin-top: 1.8rem;\n}\n    \n    \/* OS Icons - Modern and minimal, centered within wrapper *\/\n    .os-icons {\n        display: inline-flex;\n        gap: 1.2rem;\n        align-items: center;\n        justify-content: center;\n    }\n    .os-icons i {\n        font-size: 1.2rem;\n        color: #6b72a8;\n        transition: all 0.2s;\n        cursor: default;\n    }\n    .os-icons i:hover {\n        color: #60a5fa;\n        transform: translateY(-2px);\n    }\n\n    \/* RIGHT SIDE - EMPTY SPACE \n       Background image becomes more visible here due to gradient fade *\/\n    .hero-visual {\n        flex: 0.85;\n        position: relative;\n        min-height: 550px;\n        height: 100%;\n        \/* Empty - no elements, just showing the background image *\/\n        backdrop-filter: none;\n        pointer-events: none;\n    }\n\n    \/* ========== BIG SCREEN (min-width: 1200px) ========== *\/\n    @media (min-width: 1200px) {\n        .hero-assistyu {\n            padding: 9rem 1rem 4rem;\n        }\n        .os-icons {\n            gap: 1.8rem;\n        }\n        .os-icons i {\n            font-size: 1.6rem;\n    transform: translateX(110px);\n        }\n        .hero-description {\n            max-width: 85%;\n        }\n        .hero-visual {\n            min-height: 600px;\n        }\n        .buttons-wrapper {\n            align-items: flex-start;\n        }\n        .hero-buttons {\n            display: inline-flex;\n        }\n        .os-icons-wrapper {\n            justify-content: flex-start;\n        }\n        .os-icons {\n            display: inline-flex;\n        }\n    }\n\n    \/* Extra Big Screen *\/\n    @media (min-width: 1600px) {\n        .hero-assistyu {\n            padding: 10rem 0 8rem;\n        }\n        .hero-container {\n            max-width: 1600px;\n        }\n        .hero-title {\n            font-size: 64px;\n        }\n        .hero-visual {\n            min-height: 650px;\n        }\n        .os-icons {\n            gap: 2rem;\n        }\n        .os-icons i {\n            font-size: 1.8rem;\n        }\n        .hero-description {\n            max-width: 80%;\n            font-size: 1.1rem;\n        }\n    }\n\n    \/* ========== TABLET ========== *\/\n    @media (max-width: 1100px) {\n        .hero-container {\n            flex-direction: column;\n            text-align: center;\n        }\n        .hero-content {\n            text-align: center;\n            margin: 0 auto;\n        }\n        .hero-description {\n            margin-left: auto;\n            margin-right: auto;\n            max-width: 90%;\n        }\n        .buttons-wrapper {\n            align-items: center;\n        }\n        .hero-buttons {\n            justify-content: center;\n        }\n        .os-icons-wrapper {\n            justify-content: center;\n        }\n        .hero-visual {\n            min-height: 300px;\n            margin-top: 1rem;\n            width: 100%;\n            display: block;\n            \/* Empty space visible on tablet as well *\/\n        }\n        .hero-assistyu {\n            padding: 6rem 0 4rem;\n        }\n        \/* Adjust gradient for tablet - still fades to transparent *\/\n        .hero-overlay {\n            background: linear-gradient(\n                to bottom,\n                #060815 0%,\n                #090d24 30%,\n                rgba(9, 13, 36, 0.55) 70%,\n                transparent 100%\n            );\n        }\n    }\n\n    \/* ========== MOBILE - badge hidden, empty space hidden ========== *\/\n    @media (max-width: 768px) {\n        .hero-assistyu {\n            padding: 4rem 0 3rem;\n        }\n        \/* HIDE BADGE ON MOBILE *\/\n        .hero-badge {\n            display: none;\n        }\n        .hero-title {\n            font-size: 2rem;\n        }\n        .hero-description {\n            font-size: 0.85rem;\n            max-width: 100%;\n        }\n        .hero-buttons {\n            flex-direction: row;\n            flex-wrap: wrap;\n            gap: 0.8rem;\n        }\n        .btn-primary, .btn-secondary {\n            padding: 0.7rem 1.3rem;\n            font-size: 0.8rem;\n            white-space: nowrap;\n        }\n        .os-icons i {\n            font-size: 1rem;\n        }\n        \/* Hide empty visual area on mobile for better content focus *\/\n        .hero-visual {\n            display: none;\n        }\n        \/* Adjust overlay for mobile *\/\n        .hero-overlay {\n            background: linear-gradient(\n                to bottom,\n                #060815 0%,\n                #090d24 40%,\n                rgba(9, 13, 36, 0.72) 100%\n            );\n        }\n        .os-icons-wrapper {\n            margin-top: 1rem;\n        }\n    }\n\n    \/* Small Mobile *\/\n    @media (max-width: 550px) {\n        .hero-assistyu {\n            padding: 4rem 0 3rem;\n        }\n        .hero-buttons {\n            flex-direction: column;\n            align-items: center;\n        }\n        .btn-primary, .btn-secondary {\n            justify-content: center;\n            white-space: nowrap;\n        }\n        .hero-title {\n            font-size: 1.8rem;\n        }\n    }\n\n    \/* Extra Small Mobile *\/\n    @media (max-width: 380px) {\n        .hero-assistyu {\n            padding: 4rem 0 3rem;\n        }\n        .hero-title {\n            font-size: 1.6rem;\n        }\n        .hero-description {\n            font-size: 0.75rem;\n        }\n        .btn-primary, .btn-secondary {\n            font-size: 0.75rem;\n            padding: 0.6rem 1.1rem;\n        }\n    }\n<\/style>\n\n<script>\n    \/\/ ========== ROTATING BACKGROUND IMAGES (first image already set in HTML for fast LCP) ==========\n    const backgroundImages = [\n        'https:\/\/assistyu.com\/wp-content\/uploads\/2026\/04\/BCK.png',\n        'https:\/\/assistyu.com\/wp-content\/uploads\/2026\/04\/BCK-1.jpg',\n        'https:\/\/assistyu.com\/wp-content\/uploads\/2026\/04\/BCK-5.jpg',\n        'https:\/\/assistyu.com\/wp-content\/uploads\/2026\/07\/cybersecurity-spcialists.jpg'\n    ];\n    \n    let currentIndex = 0; \/\/ matches the image already set inline in HTML\n    const bgElement = document.getElementById('rotatingBg');\n    \n    function changeBackground() {\n        currentIndex = (currentIndex + 1) % backgroundImages.length;\n        bgElement.style.backgroundImage = `url('${backgroundImages[currentIndex]}')`;\n    }\n    \n    if (bgElement) {\n        \/\/ Rotation starts after first paint, no longer blocks LCP\n        setInterval(changeBackground, 6000);\n    }\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-09c7a14 e-con-full e-flex e-con e-parent\" data-id=\"09c7a14\" 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-ac34dd7 elementor-widget elementor-widget-html\" data-id=\"ac34dd7\" 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\" data-src=\"https:\/\/assistyu.com\/wp-content\/uploads\/2026\/07\/monitoring.jpg\" alt=\"AssistYu security analysts reviewing a client&#039;s system together\" title=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1200px; --smush-placeholder-aspect-ratio: 1200\/675;\">\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\" data-src=\"https:\/\/assistyu.com\/wp-content\/uploads\/2026\/07\/images.jpg\" alt=\"AssistYu engineer configuring network security infrastructure\" title=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 612px; --smush-placeholder-aspect-ratio: 612\/344;\">\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\" data-src=\"https:\/\/assistyu.com\/wp-content\/uploads\/2026\/07\/Cybersecurity-Monitoring.jpeg\" alt=\"AssistYu team collaborating on a cybersecurity project\" title=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 600px; --smush-placeholder-aspect-ratio: 600\/337;\">\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-f856b16 e-con-full e-flex e-con e-parent\" data-id=\"f856b16\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8843a74 elementor-widget elementor-widget-html\" data-id=\"8843a74\" 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\" \/>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n<link href=\"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\" rel=\"stylesheet\" \/>\n\n<section class=\"ayu-protection-center\" id=\"ayuProtectionCenter\">\n\n  <!-- BACKGROUND LAYERS -->\n  <div class=\"ayu-bg-world\" aria-hidden=\"true\"><\/div>\n  <div class=\"ayu-bg-dots\" aria-hidden=\"true\"><\/div>\n  <div class=\"ayu-bg-glow\" aria-hidden=\"true\"><\/div>\n  <div class=\"ayu-bg-orb ayu-bg-orb-1\" aria-hidden=\"true\"><\/div>\n  <div class=\"ayu-bg-orb ayu-bg-orb-2\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"ayu-content\">\n\n    <!-- HEADER -->\n    <header class=\"ayu-header\">\n      <div class=\"ayu-badge\">\n        <span class=\"ayu-badge-dot\" aria-hidden=\"true\">\n          <span class=\"ayu-badge-dot-ping\"><\/span>\n          <span class=\"ayu-badge-dot-core\"><\/span>\n        <\/span>\n        <span class=\"ayu-badge-text\">Live Monitoring Global Threats<\/span>\n      <\/div>\n\n      <h2 class=\"ayu-headline\">\n        Your digital world, <span class=\"ayu-headline-gradient\">continuously defended<\/span>.\n      <\/h2>\n\n      <p class=\"ayu-description\">\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>\n        <span class=\"ayu-desc-short\">AI-powered security monitoring all your devices 24\/7 with unified protection.<\/span>\n      <\/p>\n    <\/header>\n\n    <!-- STATS ROW -->\n    <div class=\"ayu-stats-grid\">\n\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);\">\n        <div class=\"ayu-stat-accent\" style=\"background:linear-gradient(90deg,#4f6ef7,#6d8bff);\"><\/div>\n        <div class=\"ayu-stat-glow\" style=\"background:linear-gradient(180deg,rgba(79,110,247,0.2),transparent);\"><\/div>\n        <div class=\"ayu-stat-content\">\n          <div class=\"ayu-stat-top\">\n            <div class=\"ayu-stat-icon\" style=\"background:linear-gradient(135deg,#4f6ef7,#6d8bff);box-shadow:0 4px 14px rgba(79,110,247,0.2);\" aria-hidden=\"true\">\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>\n            <\/div>\n            <div class=\"ayu-stat-badge\">\n              <span class=\"ayu-stat-badge-dot\" aria-hidden=\"true\"><span class=\"ayu-stat-badge-ping\"><\/span><span class=\"ayu-stat-badge-core\"><\/span><\/span>\n              <span class=\"ayu-stat-badge-text\">live<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"ayu-stat-label\">Threats blocked today<\/div>\n          <div class=\"ayu-stat-value-row\">\n            <span class=\"ayu-stat-value\" id=\"ayuVal-daily\">0<\/span>\n          <\/div>\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>\n        <\/div>\n      <\/div>\n\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);\">\n        <div class=\"ayu-stat-accent\" style=\"background:linear-gradient(90deg,#8b5cf6,#a78bfa);\"><\/div>\n        <div class=\"ayu-stat-glow\" style=\"background:linear-gradient(180deg,rgba(139,92,246,0.2),transparent);\"><\/div>\n        <div class=\"ayu-stat-content\">\n          <div class=\"ayu-stat-top\">\n            <div class=\"ayu-stat-icon\" style=\"background:linear-gradient(135deg,#8b5cf6,#a78bfa);box-shadow:0 4px 14px rgba(139,92,246,0.2);\" aria-hidden=\"true\">\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>\n            <\/div>\n            <div class=\"ayu-stat-badge\">\n              <span class=\"ayu-stat-badge-dot\" aria-hidden=\"true\"><span class=\"ayu-stat-badge-ping\"><\/span><span class=\"ayu-stat-badge-core\"><\/span><\/span>\n              <span class=\"ayu-stat-badge-text\">live<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"ayu-stat-label\">Devices protected<\/div>\n          <div class=\"ayu-stat-value-row\">\n            <span class=\"ayu-stat-value\" id=\"ayuVal-devices\">0<\/span>\n          <\/div>\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>\n        <\/div>\n      <\/div>\n\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);\">\n        <div class=\"ayu-stat-accent\" style=\"background:linear-gradient(90deg,#ec4899,#fb7185);\"><\/div>\n        <div class=\"ayu-stat-glow\" style=\"background:linear-gradient(180deg,rgba(236,72,153,0.2),transparent);\"><\/div>\n        <div class=\"ayu-stat-content\">\n          <div class=\"ayu-stat-top\">\n            <div class=\"ayu-stat-icon\" style=\"background:linear-gradient(135deg,#ec4899,#fb7185);box-shadow:0 4px 14px rgba(236,72,153,0.2);\" aria-hidden=\"true\">\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>\n            <\/div>\n            <div class=\"ayu-stat-badge\">\n              <span class=\"ayu-stat-badge-dot\" aria-hidden=\"true\"><span class=\"ayu-stat-badge-ping\"><\/span><span class=\"ayu-stat-badge-core\"><\/span><\/span>\n              <span class=\"ayu-stat-badge-text\">live<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"ayu-stat-label\">Avg. response time<\/div>\n          <div class=\"ayu-stat-value-row\">\n            <span class=\"ayu-stat-value\" id=\"ayuVal-response\">0<\/span><span class=\"ayu-stat-unit\">ms<\/span>\n          <\/div>\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>\n        <\/div>\n      <\/div>\n\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);\">\n        <div class=\"ayu-stat-accent\" style=\"background:linear-gradient(90deg,#22d3ee,#4f6ef7);\"><\/div>\n        <div class=\"ayu-stat-glow\" style=\"background:linear-gradient(180deg,rgba(34,211,238,0.2),transparent);\"><\/div>\n        <div class=\"ayu-stat-content\">\n          <div class=\"ayu-stat-top\">\n            <div class=\"ayu-stat-icon\" style=\"background:linear-gradient(135deg,#22d3ee,#4f6ef7);box-shadow:0 4px 14px rgba(34,211,238,0.2);\" aria-hidden=\"true\">\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>\n            <\/div>\n            <div class=\"ayu-stat-badge\">\n              <span class=\"ayu-stat-badge-dot\" aria-hidden=\"true\"><span class=\"ayu-stat-badge-ping\"><\/span><span class=\"ayu-stat-badge-core\"><\/span><\/span>\n              <span class=\"ayu-stat-badge-text\">live<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"ayu-stat-label\">Passwords secured<\/div>\n          <div class=\"ayu-stat-value-row\">\n            <span class=\"ayu-stat-value\" id=\"ayuVal-passwords\">0<\/span><span class=\"ayu-stat-unit\">M<\/span>\n          <\/div>\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>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- LOWER: GAUGE + FEED -->\n    <div class=\"ayu-lower-grid\">\n\n      <!-- Gauge Card -->\n      <div class=\"ayu-gauge-card\">\n        <div class=\"ayu-gauge-container\">\n          <div class=\"ayu-gauge-wrap\" id=\"ayuGaugeWrap\"><!-- built by JS --><\/div>\n          <div class=\"ayu-gauge-label\">\n            <div class=\"ayu-gauge-title\">Neutralisation Rate<\/div>\n            <div class=\"ayu-gauge-status\" id=\"ayuGaugeStatus\">\n              <span class=\"ayu-gauge-status-dot\" id=\"ayuGaugeStatusDot\" aria-hidden=\"true\"><\/span>\n              <span id=\"ayuGaugeStatusText\">Excellent<\/span>\n            <\/div>\n            <div class=\"ayu-gauge-sub\">Threats stopped before impact \u2014 last 24h<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Feed Card -->\n      <div class=\"ayu-feed-card\">\n        <div class=\"ayu-feed-header\">\n          <div class=\"ayu-feed-title-row\">\n            <span class=\"ayu-feed-live-dot\" aria-hidden=\"true\"><span class=\"ayu-feed-live-ping\"><\/span><span class=\"ayu-feed-live-core\"><\/span><\/span>\n            <span class=\"ayu-feed-title\">Live Threat Feed<\/span>\n            <span class=\"ayu-feed-region\">WORLDWIDE<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"ayu-feed-list\" id=\"ayuFeedList\">\n          <div class=\"ayu-feed-track\" id=\"ayuFeedTrack\"><!-- built by JS --><\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* ============================================================\n   AssistYu Protection Center \u2014 ISOLATED STYLES (scoped, ayu-*)\n   ============================================================ *\/\n.ayu-protection-center {\n  --ayu-bg-deep:#060815; --ayu-bg-navy:#090d24; --ayu-bg-navy-2:#0b1130;\n  --ayu-text-primary:#ffffff; --ayu-text-secondary:#d4daff; --ayu-text-tertiary:#bcc4f0;\n  position:relative; isolation:isolate;\n  background:linear-gradient(180deg, var(--ayu-bg-deep) 0%, var(--ayu-bg-navy) 50%, var(--ayu-bg-deep) 100%);\n  color:var(--ayu-text-primary);\n  font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;\n  overflow:hidden; padding:60px 20px 44px;\n}\n.ayu-protection-center *, .ayu-protection-center *::before, .ayu-protection-center *::after { box-sizing:border-box; }\n\n\/* BACKGROUND LAYERS *\/\n.ayu-bg-world{position:absolute;inset:0;z-index:0;pointer-events:none;\n  background-image:url('https:\/\/assistyu.com\/wp-content\/uploads\/2026\/07\/scan-network-scaled.jpeg?w=1600&q=80');\n  background-size:cover;background-position:center;opacity:.18;\n  mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,black 20%,transparent 75%);\n  -webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,black 20%,transparent 75%);}\n.ayu-bg-dots{position:absolute;inset:0;z-index:0;pointer-events:none;\n  background-image:radial-gradient(circle at 1px 1px,rgba(79,110,247,0.12) 1px,transparent 1px);\n  background-size:48px 48px;\n  mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,black 20%,transparent 70%);\n  -webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,black 20%,transparent 70%);}\n.ayu-bg-glow{position:absolute;inset:0;z-index:0;pointer-events:none;\n  background:\n    radial-gradient(ellipse 50% 40% at 15% 15%,rgba(79,110,247,0.18),transparent 55%),\n    radial-gradient(ellipse 35% 30% at 50% 50%,rgba(236,72,153,0.06),transparent 60%),\n    radial-gradient(ellipse 50% 40% at 70% 20%,rgba(34,211,238,0.08),transparent 50%);}\n.ayu-bg-orb{position:absolute;border-radius:50%;pointer-events:none;z-index:0;}\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;}\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;}\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);}}\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);}}\n\n\/* CONTENT *\/\n.ayu-content{position:relative;z-index:10;width:100%;max-width:1280px;margin:0 auto;}\n\n\/* HEADER *\/\n.ayu-header{text-align:center;max-width:100%;margin:0 auto 40px;}\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);}\n.ayu-badge-dot{position:relative;display:flex;width:8px;height:8px;}\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;}\n.ayu-badge-dot-core{position:relative;width:8px;height:8px;border-radius:50%;background:#3b82f6;}\n@keyframes ayuPing{75%,100%{transform:scale(2);opacity:0;}}\n.ayu-badge-text{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#b7c0ff;}\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%;}\n.ayu-headline-gradient{background:linear-gradient(90deg,#4f6ef7,#8b5cf6,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent;}\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;}\n.ayu-desc-full{display:block;}\n.ayu-desc-short{display:none;}\n\n\/* STATS GRID *\/\n.ayu-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px;}\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);}\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);}\n.ayu-stat-accent{position:absolute;top:0;left:0;right:0;height:2px;opacity:.7;transition:opacity .3s ease;}\n.ayu-stat-card:hover .ayu-stat-accent{opacity:1;}\n.ayu-stat-glow{position:absolute;top:0;left:0;right:0;height:60px;pointer-events:none;opacity:0;transition:opacity .5s ease;}\n.ayu-stat-card:hover .ayu-stat-glow{opacity:.3;}\n.ayu-stat-content{position:relative;padding:20px;}\n.ayu-stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}\n.ayu-stat-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:box-shadow .3s ease;}\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);}\n.ayu-stat-badge-dot{position:relative;display:flex;width:7px;height:7px;}\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;}\n.ayu-stat-badge-core{position:relative;width:7px;height:7px;border-radius:50%;background:#4ade80;}\n@keyframes ayuStatPing{75%,100%{transform:scale(2);opacity:0;}}\n.ayu-stat-badge-text{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#6ee7b7;}\n.ayu-stat-label{font-size:13px;font-weight:500;color:var(--ayu-text-secondary);letter-spacing:.01em;margin-bottom:6px;}\n.ayu-stat-value-row{display:flex;align-items:baseline;gap:4px;}\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;}\n.ayu-stat-unit{font-size:14px;font-weight:500;color:var(--ayu-text-tertiary);}\n.ayu-stat-bar{margin-top:12px;height:3px;border-radius:9999px;background:rgba(255,255,255,0.04);overflow:hidden;}\n.ayu-stat-bar-fill{height:100%;border-radius:9999px;opacity:.5;transition:width 1s linear;}\n\n\/* LOWER GRID *\/\n.ayu-lower-grid{display:grid;grid-template-columns:320px 1fr;gap:16px;margin-bottom:16px;}\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);}\n.ayu-gauge-card{padding:32px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;}\n.ayu-feed-card{overflow:hidden;}\n\n\/* GAUGE *\/\n.ayu-gauge-container{display:flex;flex-direction:column;align-items:center;gap:20px;}\n.ayu-gauge-wrap{position:relative;width:190px;height:190px;}\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;}\n@keyframes ayuGaugeGlow{0%,100%{opacity:.35;transform:translate(-50%,-50%) scale(.88);}50%{opacity:.5;transform:translate(-50%,-50%) scale(.95);}}\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);}\n.ayu-gauge-center-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,0.04);}\n.ayu-gauge-value-wrap{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:30;}\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;}\n.ayu-gauge-value-pct{font-size:14px;color:#8890c0;margin-left:2px;}\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;}\n.ayu-gauge-label{text-align:center;}\n.ayu-gauge-title{font-size:15px;font-weight:700;color:#fff;font-family:'Sora',sans-serif;margin-bottom:8px;}\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);}\n.ayu-gauge-status-dot{width:6px;height:6px;border-radius:50%;}\n.ayu-gauge-sub{font-size:11px;line-height:1.5;white-space:nowrap;margin:0 auto;color:var(--ayu-text-tertiary);}\n\n\/* FEED *\/\n.ayu-feed-header{padding:20px 20px 12px;}\n.ayu-feed-title-row{display:flex;align-items:center;gap:10px;}\n.ayu-feed-live-dot{position:relative;display:flex;width:10px;height:10px;}\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;}\n.ayu-feed-live-core{position:relative;width:10px;height:10px;border-radius:50%;background:#ef4444;}\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);}\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);}\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%);}\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);}\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);}\n.ayu-feed-item:hover{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.08);transform:scale(1.01);}\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);}\n.ayu-feed-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:0;}\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;}\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;}\n.ayu-feed-meta{display:flex;align-items:center;gap:12px;flex-shrink:0;}\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;}\n.ayu-feed-severity-dot{width:4px;height:4px;border-radius:50%;flex-shrink:0;}\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;}\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;}\n\n\/* RESPONSIVE *\/\n@media (max-width:1024px){\n  .ayu-stats-grid{grid-template-columns:repeat(2,1fr);}\n  .ayu-lower-grid{grid-template-columns:1fr;}\n  .ayu-headline{font-size:clamp(24px,4vw,32px);}\n}\n@media (max-width:768px){\n  .ayu-feed-item{flex-wrap:nowrap;gap:6px;padding:6px 8px;}\n  .ayu-feed-text-main{font-size:12px;}\n  .ayu-feed-text-loc{font-size:10px;}\n  .ayu-feed-meta{gap:8px;}\n  .ayu-feed-severity{width:70px;font-size:8px;padding:1px 4px;}\n  .ayu-feed-tag{width:80px;font-size:8px;padding:1px 4px;}\n  .ayu-feed-time{font-size:8px;min-width:34px;}\n}\n@media (max-width:640px){\n  .ayu-protection-center{padding:30px 12px 24px;}\n  .ayu-header{margin-bottom:24px;}\n  .ayu-headline{font-size:22px;line-height:1.2;}\n  .ayu-desc-full{display:none;}\n  .ayu-desc-short{display:block;}\n  .ayu-description{font-size:13px;line-height:1.5;}\n  .ayu-stats-grid{grid-template-columns:repeat(2,1fr);gap:8px;}\n  .ayu-lower-grid{gap:10px;}\n  .ayu-gauge-card{padding:20px 12px;}\n  .ayu-stat-content{padding:12px;}\n  .ayu-stat-icon{width:32px;height:32px;}\n  .ayu-stat-value{font-size:20px;}\n  .ayu-stat-label{font-size:10px;}\n  .ayu-feed-item{padding:5px 6px;min-height:44px;}\n  .ayu-feed-text-main{font-size:11px;}\n  .ayu-feed-text-loc{font-size:9px;}\n  .ayu-feed-meta{gap:6px;}\n  .ayu-feed-severity{width:60px;font-size:7px;padding:1px 3px;}\n  .ayu-feed-tag{width:68px;font-size:7px;padding:1px 3px;}\n  .ayu-feed-time{font-size:7px;min-width:30px;}\n  .ayu-feed-list{height:240px;}\n}\n@media (prefers-reduced-motion:reduce){\n  .ayu-bg-orb-1,.ayu-bg-orb-2{animation:none;}\n  .ayu-badge-dot-ping{animation:none;}\n  .ayu-stat-badge-ping{animation:none;}\n  .ayu-feed-live-ping{animation:none;}\n  .ayu-gauge-glow{animation:none;}\n  .ayu-feed-track{transition:none;}\n  .ayu-stat-card{transition:none;}\n  .ayu-stat-card:hover{transform:none;}\n}\n<\/style>\n\n<script>\n(function(){\n  \"use strict\";\n\n  var ROOT = document.getElementById('ayuProtectionCenter');\n  if (!ROOT) return;\n\n  \/* ============================================================\n     DETERMINISTIC ENGINE\n     ============================================================ *\/\n\n  var GLOBAL_EPOCH = '2025-01-01';\n  var DEVICES_BASE = 24186.0;\n  var PASSWORDS_BASE = 2.7;   \/\/ start at 2.7 million\n\n  \/* tiny PRNG *\/\n  function seededRandom(seedStr){\n    var h = 1779033703 ^ seedStr.length;\n    for (var i = 0; i < seedStr.length; i++) {\n      h = Math.imul(h ^ seedStr.charCodeAt(i), 3432918353);\n      h = (h << 13) | (h >>> 19);\n    }\n    var a = (h >>> 0) || 1;\n    return function(){\n      a |= 0; a = (a + 0x6D2B79F5) | 0;\n      var t = Math.imul(a ^ (a >>> 15), 1 | a);\n      t = (t + Math.imul(t ^ (t >>> 7), 61 | t)) ^ t;\n      return ((t ^ (t >>> 14)) >>> 0) \/ 4294967296;\n    };\n  }\n\n  function easeInOutSine(x){ return 0.5 - 0.5 * Math.cos(Math.PI * Math.min(1, Math.max(0, x))); }\n\n  function fracOfDay(date){\n    return (date.getHours()*3600 + date.getMinutes()*60 + date.getSeconds() + date.getMilliseconds()\/1000) \/ 86400;\n  }\n\n  \/* ---- Daily threats: base deterministic curve, plus we'll add event increments ---- *\/\n  function generateDayPlan(dateStr){\n    var rnd = seededRandom(dateStr + '::threats');\n    var target = 189000 * (0.82 + rnd() * 0.36);\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];\n    var weights = baseShape.map(function(w){ return w * (0.7 + rnd() * 0.6); });\n    var sum = weights.reduce(function(a,b){ return a + b; }, 0);\n    return { target: target, weights: weights.map(function(w){ return w \/ sum; }) };\n  }\n  function cumulativeFractionAt(weights, hour, fracInHour){\n    var cum = 0;\n    for (var h = 0; h < hour; h++) cum += weights[h];\n    cum += weights[hour] * fracInHour;\n    return cum;\n  }\n  var dayPlanCache = { day: null, plan: null };\n  function getDayPlan(dateStr){\n    if (dayPlanCache.day !== dateStr) { dayPlanCache.day = dateStr; dayPlanCache.plan = generateDayPlan(dateStr); }\n    return dayPlanCache.plan;\n  }\n  function getExpectedDailyBlocked(date){\n    var plan = getDayPlan(date.toDateString());\n    var secOfDay = date.getHours()*3600 + date.getMinutes()*60 + date.getSeconds() + date.getMilliseconds()\/1000;\n    var hour = Math.min(23, Math.floor(secOfDay \/ 3600));\n    var fracInHour = Math.min(1, Math.max(0, (secOfDay - hour*3600) \/ 3600));\n    var fracEased = easeInOutSine(fracInHour);\n    return plan.target * cumulativeFractionAt(plan.weights, hour, fracEased);\n  }\n\n  \/* ---- Devices ---- *\/\n  function getDailyGrowth(dateStr, key, min, span){\n    var rnd = seededRandom(dateStr + '::' + key);\n    return min + rnd() * span;\n  }\n  function getCumulativeAtStartOfDay(dateStr, key, base, min, span){\n    var epoch = new Date(GLOBAL_EPOCH + 'T00:00:00');\n    var target = new Date(dateStr);\n    var total = base;\n    var cursor = new Date(epoch.getTime());\n    var guard = 0;\n    while (cursor.getTime() < target.getTime() && guard < 4000) {\n      total += getDailyGrowth(cursor.toDateString(), key, min, span);\n      cursor.setDate(cursor.getDate() + 1);\n      guard++;\n    }\n    return total;\n  }\n  var growthCache = { day: null };\n  function refreshGrowthCache(dateStr){\n    if (growthCache.day === dateStr) return;\n    growthCache.day = dateStr;\n    growthCache.devicesBase = getCumulativeAtStartOfDay(dateStr, 'devices', DEVICES_BASE, 120, 260);\n    growthCache.devicesToday = getDailyGrowth(dateStr, 'devices', 120, 260);\n    growthCache.passwordsBase = getCumulativeAtStartOfDay(dateStr, 'passwords_new', PASSWORDS_BASE, 0.004, 0.004);\n  }\n  function getExpectedDevices(date){\n    var dateStr = date.toDateString();\n    refreshGrowthCache(dateStr);\n    return growthCache.devicesBase + growthCache.devicesToday * easeInOutSine(fracOfDay(date));\n  }\n\n  \/* ---- Passwords random walk ---- *\/\n  var passwordIncrementCache = { day: null, increments: null, base: 0 };\n  function generatePasswordIncrements(dateStr){\n    var rnd = seededRandom(dateStr + '::pwinc');\n    var dailyTotal = 0.004 + rnd() * 0.004; \/\/ million\n    var count = 86400;\n    var raw = new Float32Array(count);\n    var sum = 0;\n    for (var i = 0; i < count; i++) {\n      var v = rnd() * 2 + 0.1;\n      raw[i] = v;\n      sum += v;\n    }\n    var scale = dailyTotal \/ sum;\n    var increments = new Float32Array(count);\n    for (i = 0; i < count; i++) {\n      increments[i] = raw[i] * scale;\n    }\n    return increments;\n  }\n\n  function getPasswordValue(date){\n    var dateStr = date.toDateString();\n    refreshGrowthCache(dateStr);\n    if (passwordIncrementCache.day !== dateStr) {\n      passwordIncrementCache.day = dateStr;\n      passwordIncrementCache.increments = generatePasswordIncrements(dateStr);\n      passwordIncrementCache.base = growthCache.passwordsBase;\n    }\n    var secOfDay = Math.floor(date.getHours()*3600 + date.getMinutes()*60 + date.getSeconds() + date.getMilliseconds()\/1000);\n    var idx = Math.min(secOfDay, 86399);\n    var cum = 0;\n    for (var i = 0; i <= idx; i++) {\n      cum += passwordIncrementCache.increments[i];\n    }\n    return passwordIncrementCache.base + cum;\n  }\n\n  \/* ---- Neutralisation ---- *\/\n  function getExpectedLeakRate(date){\n    var rnd = seededRandom(date.toDateString() + '::leak');\n    var baseline = 0.5 + rnd() * 1.6;\n    var phase = rnd() * 10;\n    var wave = Math.sin(fracOfDay(date) * Math.PI * 4 + phase) * 0.4;\n    return Math.min(3.0, Math.max(0.15, baseline + wave));\n  }\n  function getExpectedNeutralisation(date){\n    return 100 - getExpectedLeakRate(date);\n  }\n\n  \/* ---- Avg response time ---- *\/\n  function getExpectedResponseMs(date){\n    var rnd = seededRandom(date.toDateString() + '::latency');\n    var baseline = 29 + rnd() * 13;\n    var phase = rnd() * 10;\n    var wave = Math.sin(fracOfDay(date) * Math.PI * 6 + phase) * 3.2;\n    return Math.max(17, baseline + wave);\n  }\n\n  \/* ---- Cosmetic jitter ---- *\/\n  var jitter = { daily:0, devices:0, passwords:0, neutral:0, response:0 };\n  function decayJitter(key, factor){ jitter[key] *= factor; }\n  function bumpJitter(key, amount){ jitter[key] = Math.max(0, jitter[key] + amount); }\n\n  function fmtInt(n){ return Math.floor(n).toLocaleString('en-US'); }\n  function fmtDecimal(n, decimals){ return n.toFixed(decimals == null ? 2 : decimals); }\n\n  \/* ============================================================\n     RENDERING\n     ============================================================ *\/\n\n  function flashValue(id, text){\n    var el = document.getElementById(id);\n    if (!el) return;\n    if (el.textContent !== text) {\n      el.textContent = text;\n      el.style.color = '#60a5fa';\n      setTimeout(function(){ el.style.color = '#ffffff'; }, 350);\n    }\n  }\n\n  function setBarWidth(id, pct){\n    var bar = document.getElementById(id);\n    if (!bar) return;\n    bar.style.width = Math.min(100, Math.max(1, pct)).toFixed(2) + '%';\n  }\n\n  function renderStats(){\n    var now = new Date();\n\n    decayJitter('daily', 0.99);\n    var dailyBase = getExpectedDailyBlocked(now);\n    var dailyShown = dailyBase + jitter.daily;\n\n    decayJitter('devices', 0.9);\n    var devicesBase = getExpectedDevices(now);\n    var devicesShown = devicesBase + jitter.devices;\n\n    decayJitter('passwords', 0.9);\n    var passwordsBase = getPasswordValue(now);\n    var passwordsShown = passwordsBase + jitter.passwords;\n\n    var responseBase = getExpectedResponseMs(now);\n    jitter.response += (Math.random()-0.5) * 0.8 - jitter.response * 0.25;\n    var responseShown = Math.max(15, responseBase + jitter.response);\n\n    flashValue('ayuVal-daily', fmtInt(dailyShown));\n    flashValue('ayuVal-devices', fmtInt(devicesShown));\n    flashValue('ayuVal-response', fmtInt(responseShown));\n    flashValue('ayuVal-passwords', fmtDecimal(passwordsShown, 2));\n\n    var dayFrac = fracOfDay(now) * 100;\n    setBarWidth('ayuBar-daily', dayFrac);\n    setBarWidth('ayuBar-passwords', dayFrac);\n    setBarWidth('ayuBar-devices', dayFrac);\n    var responseQuality = Math.min(100, Math.max(4, (60 - responseShown) \/ 45 * 100));\n    setBarWidth('ayuBar-response', responseQuality);\n\n    return { dailyShown: dailyShown };\n  }\n\n  \/* ---- Gauge ---- *\/\n  function getGaugeColors(pct){\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)' };\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)' };\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)' };\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)' };\n    return             { start:'#ef4444', mid:'#f87171', end:'#fca5a5', glow:'rgba(239,68,68,0.4)',  text:'#f87171', bg:'rgba(239,68,68,0.1)' };\n  }\n  function getStatusLabel(pct){\n    if (pct >= 99) return 'Excellent';\n    if (pct >= 98) return 'Very Good';\n    if (pct >= 97) return 'Good';\n    if (pct >= 96) return 'Fair';\n    return 'Attention';\n  }\n\n  var gaugeWrap = document.getElementById('ayuGaugeWrap');\n  var GAUGE_SIZE = 170, GAUGE_STROKE = 16, GAUGE_R = (GAUGE_SIZE - GAUGE_STROKE) \/ 2, GAUGE_CIRC = 2 * Math.PI * GAUGE_R;\n  var gaugeBuilt = false;\n  var gaugeEls = {};\n\n  function buildGaugeOnce(){\n    var svgSize = GAUGE_SIZE + 20;\n    var cx = svgSize \/ 2, cy = svgSize \/ 2;\n    var html = '';\n    html += '<div class=\"ayu-gauge-glow\" id=\"ayuGaugeGlow\"><\/div>';\n\n    html += '<svg width=\"'+svgSize+'\" height=\"'+svgSize+'\" viewBox=\"0 0 '+svgSize+' '+svgSize+'\" style=\"position:absolute;inset:0;z-index:10;\" aria-hidden=\"true\">';\n    for (var i = 0; i < 60; i++) {\n      var angle = (i \/ 60) * 360 - 90;\n      var isMajor = (i % 15 === 0);\n      var rad = angle * Math.PI \/ 180;\n      var outerR = GAUGE_R + GAUGE_STROKE \/ 2 + 6;\n      var innerR = outerR - (isMajor ? 6 : 3);\n      var x1 = cx + Math.cos(rad) * innerR, y1 = cy + Math.sin(rad) * innerR;\n      var x2 = cx + Math.cos(rad) * outerR, y2 = cy + Math.sin(rad) * outerR;\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;\"\/>';\n    }\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);\"\/>';\n    html += '<\/svg>';\n\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\" aria-hidden=\"true\">';\n    html += '<defs>';\n    html += '<linearGradient id=\"ayuGaugeGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">';\n    html += '<stop id=\"ayuGradStart\" offset=\"0%\" stop-color=\"#22c55e\"\/>';\n    html += '<stop id=\"ayuGradMid\" offset=\"40%\" stop-color=\"#34d399\"\/>';\n    html += '<stop id=\"ayuGradEnd\" offset=\"100%\" stop-color=\"#4ade80\"\/>';\n    html += '<\/linearGradient>';\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>';\n    html += '<\/defs>';\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)+'\"\/>';\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+'\"\/>';\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);\"\/>';\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);\"\/>';\n    html += '<\/svg>';\n\n    var innerSize = GAUGE_SIZE - GAUGE_STROKE*2 - 16;\n    html += '<div class=\"ayu-gauge-value-wrap\">';\n    html += '<div class=\"ayu-gauge-center-bg\" style=\"width:'+innerSize+'px;height:'+innerSize+'px;\"><\/div>';\n    html += '<div class=\"ayu-gauge-center-ring\" style=\"width:'+(innerSize-4)+'px;height:'+(innerSize-4)+'px;\"><\/div>';\n    html += '<div style=\"position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;\">';\n    html += '<span class=\"ayu-gauge-value\" id=\"ayuGaugeValue\">99.2<span class=\"ayu-gauge-value-pct\">%<\/span><\/span>';\n    html += '<span class=\"ayu-gauge-value-label\" id=\"ayuGaugeValueLabel\">score<\/span>';\n    html += '<\/div><\/div>';\n\n    gaugeWrap.style.width = svgSize + 'px';\n    gaugeWrap.style.height = svgSize + 'px';\n    gaugeWrap.innerHTML = html;\n\n    gaugeEls.glow = document.getElementById('ayuGaugeGlow');\n    gaugeEls.arc = document.getElementById('ayuGaugeArc');\n    gaugeEls.arcHi = document.getElementById('ayuGaugeArcHi');\n    gaugeEls.tip = document.getElementById('ayuGaugeTip');\n    gaugeEls.gradStart = document.getElementById('ayuGradStart');\n    gaugeEls.gradMid = document.getElementById('ayuGradMid');\n    gaugeEls.gradEnd = document.getElementById('ayuGradEnd');\n    gaugeEls.svg = document.getElementById('ayuGaugeSvg');\n    gaugeEls.value = document.getElementById('ayuGaugeValue');\n    gaugeEls.valueLabel = document.getElementById('ayuGaugeValueLabel');\n    gaugeEls.ticks = gaugeWrap.querySelectorAll('line[data-tick]');\n    gaugeEls.cx = cx; gaugeEls.cy = cy;\n    gaugeBuilt = true;\n  }\n\n  function renderGauge(neutralisation){\n    if (!gaugeBuilt) buildGaugeOnce();\n    var clamped = Math.min(Math.max(neutralisation, 0), 100);\n    var colors = getGaugeColors(clamped);\n    var dashOffset = GAUGE_CIRC - (clamped \/ 100) * GAUGE_CIRC;\n\n    gaugeEls.arc.setAttribute('stroke-dashoffset', dashOffset);\n    gaugeEls.arcHi.setAttribute('stroke-dashoffset', dashOffset);\n    gaugeEls.gradStart.setAttribute('stop-color', colors.start);\n    gaugeEls.gradMid.setAttribute('stop-color', colors.mid);\n    gaugeEls.gradEnd.setAttribute('stop-color', colors.end);\n    gaugeEls.svg.style.filter = 'drop-shadow(0 0 16px ' + colors.glow + ')';\n    gaugeEls.glow.style.background = colors.glow;\n\n    var tipAngle = (clamped \/ 100) * 360 - 90;\n    var tipRad = tipAngle * Math.PI \/ 180;\n    gaugeEls.tip.setAttribute('cx', gaugeEls.cx + Math.cos(tipRad) * GAUGE_R);\n    gaugeEls.tip.setAttribute('cy', gaugeEls.cy + Math.sin(tipRad) * GAUGE_R);\n    gaugeEls.tip.setAttribute('fill', colors.mid);\n    gaugeEls.tip.style.filter = 'drop-shadow(0 0 4px ' + colors.glow + ')';\n\n    gaugeEls.ticks.forEach(function(tick){\n      var idx = Number(tick.getAttribute('data-tick'));\n      var tickPercent = (idx \/ 60) * 100;\n      var isActive = tickPercent <= clamped;\n      tick.setAttribute('stroke', isActive ? colors.mid : 'rgba(255,255,255,0.1)');\n      tick.style.opacity = isActive ? 0.75 : 0.4;\n    });\n\n    gaugeEls.value.innerHTML = clamped.toFixed(1) + '<span class=\"ayu-gauge-value-pct\">%<\/span>';\n    gaugeEls.value.style.textShadow = '0 0 24px ' + colors.glow + ', 0 2px 4px rgba(0,0,0,0.4)';\n    gaugeEls.valueLabel.style.color = colors.text;\n\n    var statusDot = document.getElementById('ayuGaugeStatusDot');\n    var statusText = document.getElementById('ayuGaugeStatusText');\n    var statusWrap = document.getElementById('ayuGaugeStatus');\n    statusText.textContent = getStatusLabel(clamped);\n    statusDot.style.background = colors.text;\n    statusWrap.style.color = colors.text;\n    statusWrap.style.background = colors.bg;\n    statusWrap.style.border = '1px solid ' + colors.glow;\n  }\n\n  function renderNeutralisation(){\n    decayJitter('neutral', 0.85);\n    var base = getExpectedNeutralisation(new Date());\n    var shown = Math.min(99.95, Math.max(95, base + jitter.neutral));\n    renderGauge(shown);\n  }\n\n  function renderAll(){\n    renderStats();\n    renderNeutralisation();\n  }\n\n  \/* ============================================================\n     LIVE THREAT FEED \u2014 vertical carousel with smooth sliding\n     ============================================================ *\/\n  var EVENT_TEMPLATES = [\n    { category:'malware', text:'Malware signature detected & quarantined', tag:'AV Engine', locations:['Paris, FR','Berlin, DE','Tokyo, JP','S\u00e3o Paulo, BR'], severity:'critical' },\n    { category:'phishing', text:\"Phishing domain intercepted\", tag:'Web Shield', locations:['Amsterdam, NL','Milan, IT','Seoul, KR','Chicago, US'], severity:'high' },\n    { category:'ransomware', text:'Ransomware attempt neutralised', tag:'Behavior AI', locations:['Berlin, DE','Sydney, AU','Dubai, AE','Warsaw, PL'], severity:'critical' },\n    { category:'bruteforce', text:'Brute-force login blocked', tag:'Auth Guard', locations:['Madrid, ES','Mumbai, IN','Lagos, NG','Oslo, NO'], severity:'high' },\n    { category:'identity', text:'Identity theft alert cleared', tag:'ID Protect', locations:['Toronto, CA','London, UK','Cape Town, ZA','Bangkok, TH'], severity:'medium' },\n    { category:'vpn', text:'VPN tunnel secured', tag:'SecureVPN', locations:['London, UK','Singapore, SG','Zurich, CH','Dallas, US'], severity:'low' },\n    { category:'adtracker', text:'Ad tracker blocked', tag:'Privacy Shield', locations:['Austin, US','Stockholm, SE','Helsinki, FI','Vienna, AT'], severity:'low' },\n    { category:'firewall', text:'Firewall rule updated', tag:'Net Defence', locations:['Singapore, SG','Frankfurt, DE','Osaka, JP','Dublin, IE'], severity:'medium' },\n    { category:'malware', text:'Suspicious executable quarantined', tag:'AV Engine', locations:['New York, US','Moscow, RU','Jakarta, ID','Lima, PE'], severity:'high' },\n    { category:'phishing', text:'Credential harvesting site blocked', tag:'Web Shield', locations:['Rome, IT','Lisbon, PT','Prague, CZ','Manila, PH'], severity:'high' },\n    { category:'ransomware', text:'Encryption locker stopped', tag:'Behavior AI', locations:['Kyiv, UA','Bucharest, RO','Santiago, CL','Nairobi, KE'], severity:'critical' },\n    { category:'bruteforce', text:'SSH attack from botnet blocked', tag:'Auth Guard', locations:['Shanghai, CN','Taipei, TW','Buenos Aires, AR','Montreal, CA'], severity:'high' }\n  ];\n  var ICONS = {\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>',\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>',\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>',\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>',\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>',\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>',\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>',\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>'\n  };\n  var ICON_COLORS = { malware:'#fb7185', phishing:'#fbbf24', ransomware:'#f472b6', bruteforce:'#60a5fa', identity:'#a78bfa', vpn:'#34d399', adtracker:'#22d3ee', firewall:'#f97316' };\n  var SEVERITY_COLORS = {\n    critical:{ bg:'rgba(239,68,68,0.12)', text:'#fca5a5', dot:'#ef4444' },\n    high:{ bg:'rgba(249,115,22,0.12)', text:'#fdba74', dot:'#f97316' },\n    medium:{ bg:'rgba(234,179,8,0.1)', text:'#fde047', dot:'#eab308' },\n    low:{ bg:'rgba(34,197,94,0.1)', text:'#86efac', dot:'#22c55e' }\n  };\n\n  var feedIdCounter = Date.now();\n  var feedCounter = 0;\n  var feedEvents = [];\n  var MAX_FEED_ITEMS = 16;\n  var FEED_ITEM_HEIGHT = 56;\n\n  function generateFeedEvent(counter){\n    var t = EVENT_TEMPLATES[counter % EVENT_TEMPLATES.length];\n    var location = t.locations[Math.floor(Math.random() * t.locations.length)];\n    feedIdCounter++;\n    return { id: feedIdCounter, category: t.category, text: t.text, tag: t.tag, location: location, severity: t.severity, timestamp: Date.now() };\n  }\n\n  function formatTimeAgo(ts){\n    var sec = Math.floor((Date.now() - ts) \/ 1000);\n    if (sec < 1) return 'now';\n    if (sec < 60) return sec + 's ago';\n    return Math.floor(sec \/ 60) + 'm ago';\n  }\n\n  function feedItemHtml(ev){\n    var iconColor = ICON_COLORS[ev.category] || '#fff';\n    var sev = SEVERITY_COLORS[ev.severity] || SEVERITY_COLORS.medium;\n    return (\n      '<div class=\"ayu-feed-item\">' +\n        '<div class=\"ayu-feed-icon\" style=\"color:' + iconColor + ';\" aria-hidden=\"true\">' + (ICONS[ev.category] || ICONS.malware) + '<\/div>' +\n        '<div class=\"ayu-feed-text\">' +\n          '<div class=\"ayu-feed-text-main\">' + ev.text + '<\/div>' +\n          '<div class=\"ayu-feed-text-loc\">' + ev.location + '<\/div>' +\n        '<\/div>' +\n        '<div class=\"ayu-feed-meta\">' +\n          '<span class=\"ayu-feed-severity\" style=\"background:' + sev.bg + ';color:' + sev.text + ';\">' +\n            '<span class=\"ayu-feed-severity-dot\" style=\"background:' + sev.dot + ';\" aria-hidden=\"true\"><\/span>' + ev.severity +\n          '<\/span>' +\n          '<span class=\"ayu-feed-tag\">' + ev.tag + '<\/span>' +\n          '<span class=\"ayu-feed-time\">' + formatTimeAgo(ev.timestamp) + '<\/span>' +\n        '<\/div>' +\n      '<\/div>'\n    );\n  }\n\n  var targetTranslateY = 0;\n\n  function renderFeed(animate){\n    var track = document.getElementById('ayuFeedTrack');\n    if (!track) return;\n    track.innerHTML = feedEvents.map(feedItemHtml).join('');\n    refreshFeedTimestamps();\n    updateFeedPosition(animate);\n  }\n\n  function refreshFeedTimestamps(){\n    var track = document.getElementById('ayuFeedTrack');\n    if (!track) return;\n    var timeEls = track.querySelectorAll('.ayu-feed-time');\n    for (var i = 0; i < timeEls.length; i++) {\n      if (i < feedEvents.length) {\n        timeEls[i].textContent = formatTimeAgo(feedEvents[i].timestamp);\n      }\n    }\n  }\n\n  function updateFeedPosition(animate){\n    var track = document.getElementById('ayuFeedTrack');\n    if (!track) return;\n    var total = feedEvents.length;\n    if (total === 0) return;\n\n    var firstItem = track.querySelector('.ayu-feed-item');\n    if (firstItem) {\n      var rect = firstItem.getBoundingClientRect();\n      var style = getComputedStyle(firstItem);\n      var marginBottom = parseFloat(style.marginBottom) || 0;\n      FEED_ITEM_HEIGHT = rect.height + marginBottom;\n    }\n\n    var visibleCount = 4;\n    var visible = Math.min(total, visibleCount);\n    var offset = Math.max(0, total - visible) * FEED_ITEM_HEIGHT;\n    var containerHeight = 300;\n    var trackHeight = total * FEED_ITEM_HEIGHT;\n    if (trackHeight > containerHeight) {\n      offset = Math.min(offset, trackHeight - containerHeight);\n    } else {\n      offset = 0;\n    }\n    targetTranslateY = -offset;\n    if (!animate) {\n      track.style.transition = 'none';\n      track.style.transform = 'translateY(' + targetTranslateY + 'px)';\n      void track.offsetHeight;\n      track.style.transition = '';\n    } else {\n      track.style.transform = 'translateY(' + targetTranslateY + 'px)';\n    }\n  }\n\n  function addFeedEvent(newEvent){\n    feedEvents.push(newEvent);\n    if (feedEvents.length > MAX_FEED_ITEMS) {\n      feedEvents.splice(0, feedEvents.length - MAX_FEED_ITEMS);\n    }\n    bumpJitter('daily', 1 + Math.random() * 0.5);\n    renderFeed(true);\n  }\n\n  \/* ============================================================\n     VISIBILITY-GATED LOOP CONTROL\n     Pauses all intervals\/timeouts when this section is scrolled\n     out of view, or when the browser tab is hidden. Resumes\n     seamlessly when back in view \u2014 no visual difference to the\n     user, just saves CPU\/battery when it can't be seen anyway.\n     ============================================================ *\/\n  var isVisible = true;\n  var statsIntervalId = null;\n  var timestampIntervalId = null;\n  var eventTimeoutId = null;\n\n  function startLoops(){\n    if (statsIntervalId) return; \/\/ already running\n    statsIntervalId = setInterval(renderAll, 1000);\n    timestampIntervalId = setInterval(refreshFeedTimestamps, 1000);\n    scheduleNextEvent();\n  }\n\n  function stopLoops(){\n    clearInterval(statsIntervalId);\n    clearInterval(timestampIntervalId);\n    clearTimeout(eventTimeoutId);\n    statsIntervalId = null;\n    timestampIntervalId = null;\n    eventTimeoutId = null;\n  }\n\n  function scheduleNextEvent(){\n    var delay = 3000 + Math.random() * 4000;\n    eventTimeoutId = setTimeout(function(){\n      feedCounter++;\n      addFeedEvent(generateFeedEvent(feedCounter));\n      scheduleNextEvent();\n    }, delay);\n  }\n\n  if ('IntersectionObserver' in window) {\n    var visObserver = new IntersectionObserver(function(entries){\n      entries.forEach(function(entry){\n        isVisible = entry.isIntersecting;\n        if (isVisible && document.visibilityState === 'visible') {\n          startLoops();\n        } else {\n          stopLoops();\n        }\n      });\n    }, { threshold: 0.1 });\n    visObserver.observe(ROOT);\n  } else {\n    \/\/ Fallback for very old browsers: just run normally\n    startLoops();\n  }\n\n  document.addEventListener('visibilitychange', function(){\n    if (document.visibilityState === 'visible' && isVisible) {\n      startLoops();\n    } else {\n      stopLoops();\n    }\n  });\n\n  \/* ============================================================\n     INIT\n     ============================================================ *\/\n  buildGaugeOnce();\n  renderAll();\n\n  \/\/ Seed feed\n  (function seedFeed(){\n    var now = Date.now();\n    for (var i = 0; i < 8; i++) {\n      var ev = generateFeedEvent(i);\n      ev.timestamp = now - (i + 1) * 6000;\n      feedEvents.push(ev);\n    }\n    feedCounter = 8;\n    renderFeed(false);\n    bumpJitter('daily', feedEvents.length);\n    renderAll();\n  })();\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a25759f e-con-full e-flex e-con e-parent\" data-id=\"a25759f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-11af9a3 elementor-widget elementor-widget-html\" data-id=\"11af9a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"future-showcase\">\n\n    <div class=\"future-bg-grid\" aria-hidden=\"true\"><\/div>\n    <div class=\"future-bg-soft\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"future-container\">\n\n        <div class=\"future-header\">\n            <div class=\"future-kicker\"><span class=\"future-kicker-dot\" aria-hidden=\"true\"><\/span>DIGITAL ARSENAL<\/div>\n            <h2>Your Digital Arsenal for <span>Security &amp; Power<\/span><\/h2>\n            <p>Next-generation protection tools designed for privacy, performance, and full control over your digital life.<\/p>\n        <\/div>\n\n        <div class=\"future-grid\">\n\n            <a class=\"future-card\" data-accent=\"blue\" href=\"https:\/\/assistyu.com\/security-products\/\">\n                <span class=\"card-frame\" aria-hidden=\"true\"><\/span>\n                <span class=\"card-tick card-tick-tl\" aria-hidden=\"true\"><\/span>\n                <span class=\"card-tick card-tick-br\" aria-hidden=\"true\"><\/span>\n                <div class=\"card-body\">\n                    <div class=\"card-top\">\n                        <div class=\"card-portal\">\n                            <span class=\"card-portal-ring\" aria-hidden=\"true\"><\/span>\n                            <div class=\"card-portal-img lazyload\" style=\"background-image:inherit;\" role=\"img\" aria-label=\"Antivirus protection illustration\" data-bg-image=\"url(&#039;https:\/\/assistyu.com\/wp-content\/uploads\/2026\/04\/meilleur-antivirus-quel-antivirus-choisir-pour-windows.webp&#039;)\"><\/div>\n                            <span class=\"card-portal-badge\" aria-hidden=\"true\"><i class=\"fas fa-shield-alt\"><\/i><\/span>\n                        <\/div>\n                        <div class=\"card-status\"><span class=\"card-status-dot\" aria-hidden=\"true\"><\/span>PROTECTION SUITE<\/div>\n                    <\/div>\n\n                    <div class=\"card-tag\">[ SECURITY SUITE ]<\/div>\n                    <h3>Security Products<\/h3>\n                    <p class=\"card-desc\">Advanced VPN, antivirus, privacy protection, and performance optimization tools for complete digital safety.<\/p>\n\n                    <div class=\"card-stat\">\n                        <div class=\"card-stat-label\"><span>THREAT COVERAGE<\/span><span>99%<\/span><\/div>\n                        <div class=\"card-stat-bar\"><span style=\"width:99%\"><\/span><\/div>\n                    <\/div>\n\n                    <span class=\"btn\">Explore Products\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M5 12H19M19 12L13 6M19 12L13 18\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                    <\/span>\n                <\/div>\n            <\/a>\n\n            <a class=\"future-card\" data-accent=\"purple\" href=\"https:\/\/assistyu.com\/services\/\">\n                <span class=\"card-frame\" aria-hidden=\"true\"><\/span>\n                <span class=\"card-tick card-tick-tl\" aria-hidden=\"true\"><\/span>\n                <span class=\"card-tick card-tick-br\" aria-hidden=\"true\"><\/span>\n                <div class=\"card-body\">\n                    <div class=\"card-top\">\n                        <div class=\"card-portal\">\n                            <span class=\"card-portal-ring\" aria-hidden=\"true\"><\/span>\n                            <div class=\"card-portal-img lazyload\" style=\"background-image:inherit;\" role=\"img\" aria-label=\"Cloud infrastructure illustration\" data-bg-image=\"url(&#039;https:\/\/assistyu.com\/wp-content\/uploads\/2026\/03\/Cloud-Basic.jpg&#039;)\"><\/div>\n                            <span class=\"card-portal-badge\" aria-hidden=\"true\"><i class=\"fas fa-cloud\"><\/i><\/span>\n                        <\/div>\n                        <div class=\"card-status\"><span class=\"card-status-dot\" aria-hidden=\"true\"><\/span>INFRASTRUCTURE READY<\/div>\n                    <\/div>\n\n                    <div class=\"card-tag\">[ CLOUD INFRASTRUCTURE ]<\/div>\n                    <h3>Cloud Services<\/h3>\n                    <p class=\"card-desc\">Smart cloud infrastructure, IT support, licensing, and secure deployment solutions built for modern businesses.<\/p>\n\n                    <div class=\"card-stat\">\n                        <div class=\"card-stat-label\"><span>UPTIME SLA<\/span><span>99.9%<\/span><\/div>\n                        <div class=\"card-stat-bar\"><span style=\"width:99.9%\"><\/span><\/div>\n                    <\/div>\n\n                    <span class=\"btn\">View Services\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M5 12H19M19 12L13 6M19 12L13 18\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                    <\/span>\n                <\/div>\n            <\/a>\n\n            <a class=\"future-card\" data-accent=\"cyan\" href=\"https:\/\/assistyu.com\/cybersecurity-tools\/\">\n                <span class=\"card-frame\" aria-hidden=\"true\"><\/span>\n                <span class=\"card-tick card-tick-tl\" aria-hidden=\"true\"><\/span>\n                <span class=\"card-tick card-tick-br\" aria-hidden=\"true\"><\/span>\n                <div class=\"card-body\">\n                    <div class=\"card-top\">\n                        <div class=\"card-portal\">\n                            <span class=\"card-portal-ring\" aria-hidden=\"true\"><\/span>\n                            <div class=\"card-portal-img lazyload\" style=\"background-image:inherit;\" role=\"img\" aria-label=\"Cybersecurity tools illustration\" data-bg-image=\"url(&#039;https:\/\/assistyu.com\/wp-content\/uploads\/2026\/03\/Cloud-Full-Live.jpeg&#039;)\"><\/div>\n                            <span class=\"card-portal-badge\" aria-hidden=\"true\"><i class=\"fas fa-tools\"><\/i><\/span>\n                        <\/div>\n                        <div class=\"card-status\"><span class=\"card-status-dot\" aria-hidden=\"true\"><\/span>TOOLKIT READY<\/div>\n                    <\/div>\n\n                    <div class=\"card-tag\">[ SECURITY TOOLS ]<\/div>\n                    <h3>Cybersecurity Tools<\/h3>\n                    <p class=\"card-desc\">Network security scans, data breach checks, vulnerability assessments, and more \u2014 all in one powerful suite.<\/p>\n\n                    <div class=\"card-stat\">\n                        <div class=\"card-stat-label\"><span>TOOLS AVAILABLE<\/span><span>12+<\/span><\/div>\n                        <div class=\"card-stat-bar\"><span style=\"width:100%\"><\/span><\/div>\n                    <\/div>\n\n                    <span class=\"btn\">View Tools\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M5 12H19M19 12L13 6M19 12L13 18\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                    <\/span>\n                <\/div>\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\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\">\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\">\n\n<style>\n    .future-showcase {\n        --au-bg: #f5f7fb;\n        --au-line: rgba(15, 23, 42, .07);\n        --au-text: #0f1729;\n        --au-muted: #4b556b;\n        --au-cyan: #06b6d4;\n        --au-violet: #6d5ef8;\n        --au-cyan-soft: rgba(6, 182, 212, .20);\n        --au-gradient-text: linear-gradient(100deg, var(--au-cyan), var(--au-violet));\n        position: relative;\n        isolation: isolate;\n        background: var(--au-bg);\n        color: var(--au-text);\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n        overflow: hidden;\n        padding: 60px 20px 44px;\n    }\n\n    .future-showcase .future-bg-grid {\n        position: absolute; inset: 0; z-index: 0; pointer-events: none;\n        background-image:\n            linear-gradient(var(--au-line) 1px, transparent 1px),\n            linear-gradient(90deg, var(--au-line) 1px, transparent 1px);\n        background-size: 56px 56px;\n        -webkit-mask-image: radial-gradient(ellipse 90% 70% at 50% 40%, #000 25%, transparent 78%);\n        mask-image: radial-gradient(ellipse 90% 70% at 50% 40%, #000 25%, transparent 78%);\n        opacity: .55;\n    }\n\n    .future-showcase .future-bg-soft {\n        position: absolute; inset: 0; z-index: 0; pointer-events: none;\n        background:\n            radial-gradient(900px 420px at 88% 8%, rgba(109, 94, 248, .07), transparent 60%),\n            radial-gradient(800px 500px at 6% 92%, rgba(6, 182, 212, .07), transparent 55%),\n            radial-gradient(500px 500px at 50% 50%, rgba(236, 72, 153, .03), transparent 70%);\n    }\n\n    .future-showcase .future-container { position: relative; z-index: 1; width: 100%; max-width: 1280px; margin: 0 auto; }\n\n    .future-showcase .future-header { text-align: center; max-width: 100%; margin: 0 auto 44px; }\n\n    .future-showcase .future-kicker {\n        display: inline-flex; align-items: center; gap: 9px; font-family: 'JetBrains Mono', monospace;\n        font-size: 12px; letter-spacing: .28em; font-weight: 500; color: var(--au-cyan); margin-bottom: 16px; text-transform: uppercase;\n    }\n    .future-showcase .future-kicker-dot {\n        width: 7px; height: 7px; border-radius: 50%; background: var(--au-cyan);\n        box-shadow: 0 0 0 0 var(--au-cyan-soft); animation: futureKickerPulse 2.2s ease-out infinite;\n    }\n    @keyframes futureKickerPulse {\n        0% { box-shadow: 0 0 0 0 rgba(6, 182, 212, .50); }\n        70% { box-shadow: 0 0 0 10px rgba(6, 182, 212, 0); }\n        100% { box-shadow: 0 0 0 0 rgba(6, 182, 212, 0); }\n    }\n    .future-showcase .future-header h2 {\n        font-family: 'Sora', sans-serif; font-size: clamp(26px, 3.6vw, 42px); font-weight: 800;\n        line-height: 1.15; letter-spacing: -0.025em; color: var(--au-text); margin: 0 0 16px;\n    }\n    .future-showcase .future-header h2 span {\n        background: var(--au-gradient-text); -webkit-background-clip: text; background-clip: text; color: transparent;\n    }\n    .future-showcase .future-header p { font-size: 17px; line-height: 1.7; color: var(--au-muted); margin: 0 auto; max-width: 600px; font-weight: 400; }\n\n    .future-showcase .future-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-bottom: 16px; }\n\n    .future-showcase .future-card {\n        --accent: #4f6ef7; --accent-glow: rgba(79, 110, 247, .5); --chamfer: 30px;\n        position: relative; display: block; text-decoration: none; cursor: pointer; height: 510px;\n        clip-path: polygon(0 0, calc(100% - var(--chamfer)) 0, 100% var(--chamfer), 100% 100%, var(--chamfer) 100%, 0 calc(100% - var(--chamfer)));\n        background: linear-gradient(160deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .02) 40%, var(--accent) 260%);\n        transition: transform .45s cubic-bezier(.2, .8, .2, 1), box-shadow .45s ease;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25), 0 2px 8px rgba(0, 0, 0, 0.15);\n    }\n    .future-showcase .future-card[data-accent=\"purple\"] { --accent: #8b5cf6; --accent-glow: rgba(139, 92, 246, .5); }\n    .future-showcase .future-card[data-accent=\"cyan\"] { --accent: #22d3ee; --accent-glow: rgba(34, 211, 238, .5); }\n    .future-showcase .future-card:hover { transform: translateY(-8px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35), 0 4px 16px var(--accent-glow); }\n    .future-showcase .future-card::after {\n        content: \"\"; position: absolute; inset: -2px; z-index: -1; border-radius: 8px; background: var(--accent);\n        filter: blur(28px); opacity: 0; transition: opacity .45s ease;\n    }\n    .future-showcase .future-card:hover::after { opacity: .35; }\n\n    .future-showcase .card-body {\n        position: absolute; inset: 2px;\n        clip-path: polygon(0 0, calc(100% - 28px) 0, 100% 28px, 100% 100%, 28px 100%, 0 calc(100% - 28px));\n        background: linear-gradient(160deg, rgba(255, 255, 255, .05), transparent 45%), linear-gradient(200deg, rgba(9, 13, 36, .98), rgba(6, 8, 21, .99));\n        backdrop-filter: blur(10px); padding: 34px 32px 34px; display: flex; flex-direction: column; position: relative; overflow: hidden;\n    }\n    .future-showcase .card-body::after {\n        content: \"\"; position: absolute; inset: 0; pointer-events: none; z-index: 0;\n        background: radial-gradient(circle at 30% 20%, var(--accent), transparent 70%); opacity: 0.15; transition: opacity 0.6s ease; clip-path: inherit;\n    }\n    .future-showcase .future-card:hover .card-body::after { opacity: 0.45; }\n    .future-showcase .card-body::before {\n        content: \"\"; position: absolute; inset: 0; pointer-events: none; z-index: 1;\n        background: repeating-linear-gradient(180deg, rgba(255, 255, 255, .025) 0 1px, transparent 1px 3px); opacity: .35;\n    }\n    .future-showcase .card-body>* { position: relative; z-index: 2; }\n\n    .future-showcase .card-tick {\n        position: absolute; width: 16px; height: 16px; z-index: 7; pointer-events: none;\n        border: 2px solid var(--accent); opacity: .55; transition: opacity .4s ease;\n    }\n    .future-showcase .card-tick-tl { top: 10px; left: 10px; border-right: none; border-bottom: none; }\n    .future-showcase .card-tick-br { bottom: 10px; right: 10px; border-left: none; border-top: none; }\n    .future-showcase .future-card:hover .card-tick { opacity: 1; }\n\n    .future-showcase .card-top { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 20px; }\n    .future-showcase .card-portal { position: relative; width: 84px; height: 84px; flex: none; }\n    .future-showcase .card-portal-ring {\n        position: absolute; inset: -7px; border-radius: 50%; border: 1px dashed var(--accent); opacity: .6; animation: futureCardRingSpin 9s linear infinite;\n    }\n    @keyframes futureCardRingSpin { to { transform: rotate(360deg); } }\n    .future-showcase .card-portal-img {\n        position: absolute; inset: 0; border-radius: 50%; background-size: cover; background-position: center;\n        border: 2px solid rgba(255, 255, 255, .14); box-shadow: 0 0 0 4px rgba(6, 8, 21, .9), 0 0 22px -4px var(--accent-glow);\n        filter: saturate(1.05) contrast(1.05); transition: transform .6s ease, filter .4s ease;\n    }\n    .future-showcase .future-card:hover .card-portal-img { transform: scale(1.08); filter: saturate(1.2) contrast(1.1); }\n    .future-showcase .card-portal-badge {\n        position: absolute; right: -6px; bottom: -6px; width: 30px; height: 30px; border-radius: 9px;\n        display: flex; align-items: center; justify-content: center;\n        background: linear-gradient(135deg, var(--accent), rgba(255, 255, 255, .08));\n        border: 1px solid rgba(255, 255, 255, .2); box-shadow: 0 0 16px -2px var(--accent-glow);\n    }\n    .future-showcase .card-portal-badge i { color: #fff; font-size: .8rem; }\n\n    .future-showcase .card-status {\n        display: inline-flex; align-items: center; gap: 6px; font-family: 'JetBrains Mono', monospace; font-size: 10px;\n        letter-spacing: .1em; font-weight: 600; color: #d4daff; padding: 6px 12px; border-radius: 20px;\n        background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .10); backdrop-filter: blur(4px);\n    }\n    .future-showcase .card-status-dot {\n        width: 6px; height: 6px; border-radius: 50%; background: var(--accent);\n        box-shadow: 0 0 8px var(--accent-glow); animation: futureKickerPulse 2s ease-out infinite;\n    }\n\n    .future-showcase .card-tag { font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: .14em; font-weight: 500; color: var(--accent); margin-bottom: 10px; }\n    .future-showcase .card-body h3 {\n        color: #ffffff; font-size: 1.35rem; font-weight: 700; letter-spacing: -.02em; font-family: 'Sora', sans-serif;\n        margin: 0 0 10px; text-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);\n    }\n    .future-showcase .card-desc {\n        color: #ffffff; font-size: .9rem; line-height: 1.6; margin: 0 0 10px; display: block; overflow: visible;\n        text-overflow: ellipsis; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5); font-weight: 400;\n    }\n\n    .future-showcase .card-stat { margin-top: 20px; padding-top: 16px; border-top: 1px dashed rgba(255, 255, 255, .12); }\n    .future-showcase .card-stat-label {\n        display: flex; justify-content: space-between; align-items: center; font-family: 'JetBrains Mono', monospace;\n        font-size: 10px; letter-spacing: .1em; color: #bcc4f0; margin-bottom: 8px; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);\n    }\n    .future-showcase .card-stat-label span:last-child { color: #ffffff; font-weight: 600; }\n    .future-showcase .card-stat-bar { height: 3px; border-radius: 2px; background: rgba(255, 255, 255, .08); overflow: hidden; }\n    .future-showcase .card-stat-bar span {\n        display: block; height: 100%; border-radius: 2px; background: linear-gradient(90deg, var(--accent), rgba(255, 255, 255, .9));\n        box-shadow: 0 0 10px var(--accent-glow); transform: scaleX(0); transform-origin: left; transition: transform 1.1s cubic-bezier(.2, .8, .2, 1);\n    }\n    .future-showcase .future-card:hover .card-stat-bar span,\n    .future-showcase .card-stat-bar span { transform: scaleX(1); }\n\n    .future-showcase .btn {\n        margin-top: 24px; display: inline-flex; align-items: center; gap: 8px; width: fit-content;\n        padding: 12px 20px 12px 22px; clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));\n        background: transparent; border: 1px solid var(--accent); color: #ffffff; font-family: 'JetBrains Mono', monospace;\n        font-weight: 500; font-size: .8rem; letter-spacing: .06em; text-decoration: none;\n        transition: background .3s ease, color .3s ease, box-shadow .3s ease, transform .3s ease; text-shadow: 0 2px 12px rgba(0, 0, 0, 0.8);\n    }\n    .future-showcase .btn svg { width: 14px; height: 14px; transition: transform .3s ease; stroke: #ffffff; filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.4)); }\n    .future-showcase .future-card:hover .btn { background: var(--accent); color: #0f1729; box-shadow: 0 0 24px -4px var(--accent-glow); text-shadow: none; }\n    .future-showcase .future-card:hover .btn svg { transform: translateX(4px); stroke: #0f1729; filter: none; }\n\n    @media (max-width: 1024px) { .future-showcase .future-grid { grid-template-columns: repeat(2, 1fr); } }\n    @media (max-width: 768px) {\n        .future-showcase .future-grid { grid-template-columns: 1fr; }\n        .future-showcase .future-card { height: auto; min-height: 380px; }\n        .future-showcase { padding: 40px 16px 32px; }\n        .future-showcase .future-header h2 { font-size: clamp(22px, 4vw, 28px); }\n        .future-showcase .card-desc { -webkit-line-clamp: 2; }\n    }\n    @media (max-width: 480px) {\n        .future-showcase .card-body { padding: 24px 18px 24px; }\n        .future-showcase .card-desc { font-size: 0.85rem; }\n        .future-showcase .btn { font-size: 0.75rem; padding: 10px 16px; }\n    }\n    @media (prefers-reduced-motion: reduce) {\n        .future-showcase .future-kicker-dot,\n        .future-showcase .card-portal-ring,\n        .future-showcase .card-status-dot { animation: none !important; }\n        .future-showcase .future-card:hover .card-portal-img { transform: none !important; }\n        .future-showcase .future-card:hover .btn svg { transform: none !important; }\n        .future-showcase .future-card { transform: none !important; }\n        .future-showcase .future-card::after { opacity: 0 !important; }\n        .future-showcase .card-body::after { opacity: 0.15 !important; }\n    }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7ff3461 e-con-full e-flex e-con e-parent\" data-id=\"7ff3461\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e1bf07 elementor-widget elementor-widget-html\" data-id=\"5e1bf07\" 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\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\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&family=Sora:wght@600;700;800&display=swap\" rel=\"stylesheet\">\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\">\n\n<section class=\"ayu-testimonials-dark\" id=\"ayuTestimonialsDark\">\n\n  <!-- ====== BACKGROUND LAYERS ====== -->\n  <div class=\"ayu-testimonials-bg-world\" aria-hidden=\"true\"><\/div>\n  <div class=\"ayu-testimonials-bg-dots\" aria-hidden=\"true\"><\/div>\n  <div class=\"ayu-testimonials-bg-glow\" aria-hidden=\"true\"><\/div>\n  <div class=\"ayu-testimonials-bg-orb ayu-testimonials-bg-orb-1\" aria-hidden=\"true\"><\/div>\n  <div class=\"ayu-testimonials-bg-orb ayu-testimonials-bg-orb-2\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"ayu-testimonials-content\">\n\n    <!-- ====== HEADER ====== -->\n    <header class=\"ayu-testimonials-header\">\n      <div class=\"ayu-testimonials-badge\">\n        <span class=\"ayu-testimonials-badge-dot\" aria-hidden=\"true\">\n          <span class=\"ayu-testimonials-badge-dot-ping\"><\/span>\n          <span class=\"ayu-testimonials-badge-dot-core\"><\/span>\n        <\/span>\n        <span class=\"ayu-testimonials-badge-text\">Trusted by thousands<\/span>\n      <\/div>\n      <h2 class=\"ayu-testimonials-headline\">\n        What Our <span class=\"ayu-testimonials-headline-gradient\">Customers Say<\/span>\n      <\/h2>\n      <p class=\"ayu-testimonials-description\">\n        Join 15,000+ satisfied users who trust AssistYu for their digital security.\n      <\/p>\n    <\/header>\n\n    <!-- ====== TWO MARQUEE ROWS ====== -->\n    <div class=\"ayu-testimonials-rows\">\n\n      <!-- Row 1 -->\n      <div class=\"ayu-testimonials-row\" style=\"overflow:hidden;padding-top:0.5rem;padding-bottom:0.5rem;\">\n        <div class=\"ayu-testimonials-track\" style=\"display:flex;animation:ayuMarquee 150s linear infinite;width:max-content;\" id=\"ayuTrack1\"><\/div>\n      <\/div>\n\n      <!-- Row 2 (reverse) -->\n      <div class=\"ayu-testimonials-row\" style=\"overflow:hidden;padding-top:0.5rem;padding-bottom:0.5rem;\">\n        <div class=\"ayu-testimonials-track\" style=\"display:flex;animation:ayuMarquee 140s linear infinite reverse;width:max-content;\" id=\"ayuTrack2\"><\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* ============================================================\n   TOUT EST SCOP\u00c9 SOUS .ayu-testimonials-dark\n   ============================================================ *\/\n\n.ayu-testimonials-dark {\n  --ayu-bg-deep:#060815;\n  --ayu-bg-navy:#090d24;\n  --ayu-text-primary:#ffffff;\n  --ayu-text-secondary:#d4daff;\n  --ayu-text-tertiary:#bcc4f0;\n  position:relative;\n  isolation:isolate;\n  background: var(--ayu-bg-deep);\n  color:var(--ayu-text-primary);\n  font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;\n  overflow:hidden;\n  padding:60px 0px 44px;\n  width:100%;\n  margin:0;\n}\n\n.ayu-testimonials-dark .ayu-testimonials-bg-world {\n  position:absolute; inset:0; z-index:0; pointer-events:none;\n  background-image:url('https:\/\/assistyu.com\/wp-content\/uploads\/2026\/07\/REVIEW-BCK.avif?w=1600&q=80');\n  background-size:cover; background-position:center; opacity:.15;\n  mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,black 20%,transparent 75%);\n  -webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,black 20%,transparent 75%);\n}\n.ayu-testimonials-dark .ayu-testimonials-bg-dots {\n  position:absolute; inset:0; z-index:0; pointer-events:none;\n  background-image:radial-gradient(circle at 1px 1px,rgba(79,110,247,0.10) 1px,transparent 1px);\n  background-size:48px 48px;\n  mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,black 20%,transparent 70%);\n  -webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,black 20%,transparent 70%);\n}\n.ayu-testimonials-dark .ayu-testimonials-bg-glow {\n  position:absolute; inset:0; z-index:0; pointer-events:none;\n  background:\n    radial-gradient(ellipse 50% 40% at 15% 15%,rgba(79,110,247,0.15),transparent 55%),\n    radial-gradient(ellipse 35% 30% at 50% 50%,rgba(236,72,153,0.05),transparent 60%),\n    radial-gradient(ellipse 50% 40% at 70% 20%,rgba(34,211,238,0.06),transparent 50%);\n}\n.ayu-testimonials-dark .ayu-testimonials-bg-orb { position:absolute; border-radius:50%; pointer-events:none; z-index:0; }\n.ayu-testimonials-dark .ayu-testimonials-bg-orb-1 {\n  width:400px; height:400px; top:10%; left:5%;\n  background:radial-gradient(circle,rgba(79,110,247,0.06) 0%,transparent 70%);\n  animation:ayuOrbFloat1 20s ease-in-out infinite;\n}\n.ayu-testimonials-dark .ayu-testimonials-bg-orb-2 {\n  width:300px; height:300px; bottom:15%; right:10%;\n  background:radial-gradient(circle,rgba(139,92,246,0.06) 0%,transparent 70%);\n  animation:ayuOrbFloat2 25s ease-in-out infinite;\n}\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);} }\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);} }\n\n.ayu-testimonials-dark .ayu-testimonials-content { position:relative; z-index:10; width:100%; max-width:100%; margin:0 auto; }\n\n.ayu-testimonials-dark .ayu-testimonials-header { text-align:center; max-width:100%; margin:0 auto 40px; }\n.ayu-testimonials-dark .ayu-testimonials-badge {\n  display:inline-flex; align-items:center; gap:8px; padding:6px 16px; border-radius:9999px; margin-bottom:20px;\n  background:rgba(79,110,247,0.08); border:1px solid rgba(79,110,247,0.2);\n}\n.ayu-testimonials-dark .ayu-testimonials-badge-dot { position:relative; display:flex; width:8px; height:8px; }\n.ayu-testimonials-dark .ayu-testimonials-badge-dot-ping {\n  position:absolute; width:100%; height:100%; border-radius:50%; background:#60a5fa; opacity:.6;\n  animation:ayuPing 1.5s cubic-bezier(0,0,.2,1) infinite;\n}\n.ayu-testimonials-dark .ayu-testimonials-badge-dot-core { position:relative; width:8px; height:8px; border-radius:50%; background:#3b82f6; }\n@keyframes ayuPing { 75%,100%{transform:scale(2);opacity:0;} }\n.ayu-testimonials-dark .ayu-testimonials-badge-text {\n  font-family:'JetBrains Mono',monospace; font-size:12px; font-weight:600; letter-spacing:.05em; text-transform:uppercase; color:#b7c0ff;\n}\n.ayu-testimonials-dark .ayu-testimonials-headline {\n  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;\n}\n.ayu-testimonials-dark .ayu-testimonials-headline-gradient {\n  background:linear-gradient(90deg,#4f6ef7,#8b5cf6,#ec4899); -webkit-background-clip:text; background-clip:text; color:transparent;\n}\n.ayu-testimonials-dark .ayu-testimonials-description {\n  font-size:15px; line-height:1.7; color:var(--ayu-text-secondary); margin:0; max-width:600px; margin-left:auto; margin-right:auto;\n}\n\n.ayu-testimonials-dark .ayu-testimonials-rows { display:flex; flex-direction:column; gap:0.5rem; }\n.ayu-testimonials-dark .ayu-testimonials-row { overflow:hidden; padding:0.5rem 0; }\n.ayu-testimonials-dark .ayu-testimonials-track { display:flex; gap:0.6rem; width:max-content; will-change:transform; }\n@keyframes ayuMarquee { 0% { transform:translateX(0); } 100% { transform:translateX(-50%); } }\n.ayu-testimonials-dark .ayu-testimonials-track:hover { animation-play-state: paused; }\n\n.ayu-testimonials-dark .ayu-card {\n  flex-shrink:0; width:420px; padding:1.2rem 1.4rem; border-radius:1.2rem; border:1px solid rgba(255,255,255,0.06);\n  margin:0 0.6rem; transition:all 0.3s ease; background:rgba(255,255,255,0.02);\n  backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); box-shadow:0 2px 8px rgba(0,0,0,0.3);\n  display:flex; flex-direction:column; box-sizing:border-box; position:relative; min-height:200px; cursor:default;\n}\n.ayu-testimonials-dark .ayu-card::before {\n  content:''; position:absolute; top:0; left:0; right:0; height:4px;\n  background:linear-gradient(90deg,#00ff88,#00d4ff); border-radius:1.2rem 1.2rem 0 0; opacity:0; transition:opacity 0.3s ease;\n}\n.ayu-testimonials-dark .ayu-card:hover { transform:translateY(-4px); border-color:rgba(0,255,136,0.2); box-shadow:0 12px 30px -10px rgba(0,255,136,0.15); }\n.ayu-testimonials-dark .ayu-card:hover::before { opacity:1; }\n.ayu-testimonials-dark .ayu-card .stars { display:flex; gap:0.2rem; margin-bottom:0.4rem; color:#fbbf24; font-size:0.9rem; letter-spacing:0.5px; }\n.ayu-testimonials-dark .ayu-card .text { color:#e2e8f0; font-size:0.9rem; line-height:1.5; margin-bottom:0.8rem; flex:1; font-weight:400; }\n.ayu-testimonials-dark .ayu-card .author { display:flex; align-items:center; gap:0.8rem; border-top:1px solid rgba(255,255,255,0.04); padding-top:0.6rem; margin-top:0; }\n.ayu-testimonials-dark .ayu-card .avatar {\n  width:44px; height:44px; border-radius:50%; background:rgba(0,255,136,0.08); border:1px solid rgba(255,255,255,0.08);\n  display:flex; align-items:center; justify-content:center; font-size:1.3rem; flex-shrink:0; overflow:hidden; box-shadow:0 4px 12px rgba(0,0,0,0.3);\n}\n.ayu-testimonials-dark .ayu-card .info { flex:1; min-width:0; display:flex; flex-direction:column; gap:0.1rem; }\n.ayu-testimonials-dark .ayu-card .info .name { font-weight:700; color:#ffffff; font-size:0.95rem; margin:0; line-height:1.2; }\n.ayu-testimonials-dark .ayu-card .info .role { font-size:0.75rem; color:#94a3b8; margin:0; line-height:1.2; }\n.ayu-testimonials-dark .ayu-card .product-link {\n  display:inline-flex; align-items:center; gap:0.3rem; font-size:0.65rem; font-weight:600; color:#00ff88;\n  background:rgba(0,255,136,0.08); padding:0.15rem 0.6rem; border-radius:40px; text-decoration:none;\n  border:1px solid rgba(0,255,136,0.15); transition:all 0.2s; margin-top:0.2rem; width:fit-content; line-height:1.4;\n}\n.ayu-testimonials-dark .ayu-card .product-link i { font-size:0.65rem; }\n.ayu-testimonials-dark .ayu-card .product-link:hover { background:#00ff88; color:#030712; border-color:#00ff88; transform:translateX(3px); }\n\n@media (max-width: 1024px) { .ayu-testimonials-dark .ayu-card { width:360px; padding:1rem 1.2rem; } }\n@media (max-width: 768px) { .ayu-testimonials-dark .ayu-card { width:300px; padding:0.9rem 1rem; } .ayu-testimonials-dark .ayu-card .text { font-size:0.85rem; } }\n@media (max-width: 480px) {\n  .ayu-testimonials-dark .ayu-card { width:260px; padding:0.8rem; }\n  .ayu-testimonials-dark .ayu-card .text { font-size:0.8rem; }\n  .ayu-testimonials-dark .ayu-card .avatar { width:36px; height:36px; font-size:1rem; }\n  .ayu-testimonials-dark .ayu-card .info .name { font-size:0.85rem; }\n  .ayu-testimonials-dark .ayu-card .info .role { font-size:0.65rem; }\n  .ayu-testimonials-dark .ayu-card .product-link { font-size:0.6rem; padding:0.1rem 0.5rem; }\n}\n@media (max-width:640px){\n  .ayu-testimonials-dark { padding:30px 12px 24px; }\n  .ayu-testimonials-dark .ayu-testimonials-header { margin-bottom:24px; }\n  .ayu-testimonials-dark .ayu-testimonials-headline { font-size:22px; line-height:1.2; }\n  .ayu-testimonials-dark .ayu-testimonials-description { font-size:13px; line-height:1.5; }\n}\n<\/style>\n\n<script>\n(function() {\n  'use strict';\n\n  \/\/ ===== 24 AVIS NATURELS (name collisions fixed, text unchanged) =====\n  const all = [\n    { name: 'Marc Delacroix', role: 'IT Director', avatar: '\ud83d\udc68\u200d\ud83d\udcbb', 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.', product: 'AssistYu VPN', link: 'https:\/\/assistyu.com\/product\/assistyou-vpn\/', icon: 'fa-cloud' },\n    { name: 'Isabelle Moreau', role: 'Marketing Manager', avatar: '\ud83d\udc69\u200d\ud83d\udcbc', 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.', product: 'Cyber Privacy Suite', link: 'https:\/\/assistyu.com\/product\/cyber-privacy-suite\/', icon: 'fa-shield-alt' },\n    { name: 'James O\\'Brien', role: 'Small Business Owner', avatar: '\ud83d\udc68\u200d\ud83d\udcbc', 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.', product: 'Cyber Privacy Suite', link: 'https:\/\/assistyu.com\/product\/cyber-privacy-suite\/', icon: 'fa-shield-alt' },\n    { name: 'Sarah Chen', role: 'Teacher', avatar: '\ud83d\udc69\u200d\ud83c\udfeb', 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.', product: 'AssistYu Antivirus', link: 'https:\/\/assistyu.com\/product\/assistyou-antivirus\/', icon: 'fa-shield-alt' },\n    { name: 'Michael Rodriguez', role: 'Freelance Consultant', avatar: '\ud83d\udc68\u200d\ud83d\udcbb', 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.', product: 'AssistYu VPN', link: 'https:\/\/assistyu.com\/product\/assistyou-vpn\/', icon: 'fa-cloud' },\n    { name: 'Emma Dubois', role: 'Operations Director', avatar: '\ud83d\udc69\u200d\ud83d\udcbc', text: 'Our team needed a unified solution. AssistYu delivered \u2014 simple dashboard, no training required, and the support team responded in under an hour.', product: 'Cyber Privacy Suite', link: 'https:\/\/assistyu.com\/product\/cyber-privacy-suite\/', icon: 'fa-shield-alt' },\n    { name: 'Kevin O\\'Sullivan', role: 'Retired Engineer', avatar: '\ud83d\udc74', 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.', product: 'PC Privacy Shield', link: 'https:\/\/assistyu.com\/product\/pc-privacy-shield\/', icon: 'fa-eraser' },\n    { name: 'Laura Kim', role: 'Accountant', avatar: '\ud83d\udc69\u200d\ud83d\udcbc', 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.', product: 'Identity Theft Preventer', link: 'https:\/\/assistyu.com\/product\/identity-theft-preventer\/', icon: 'fa-id-card' },\n    { name: 'Carlos Silva', role: 'E\u2011commerce Manager', avatar: '\ud83d\udc68\u200d\ud83d\udcbc', 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.', product: 'Cloud Full Live', link: 'https:\/\/assistyu.com\/services\/', icon: 'fa-cloud' },\n    { name: 'Mia Wong', role: 'University Student', avatar: '\ud83e\uddd1\u200d\ud83c\udf93', 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.', product: 'Windows Perf. Optimizer', link: 'https:\/\/assistyu.com\/product\/windows-performance-optimizer\/', icon: 'fa-tachometer-alt' },\n    { name: 'David Thompson', role: 'Journalist', avatar: '\ud83d\udc68\u200d\ud83d\udcbc', text: 'I work with sensitive sources. Cyber Privacy Suite ensures my communications are private and secure. No more worrying about leaks or tracking.', product: 'Cyber Privacy Suite', link: 'https:\/\/assistyu.com\/product\/cyber-privacy-suite\/', icon: 'fa-shield-alt' },\n    { name: 'Sophie Laurent', role: 'Student', avatar: '\ud83d\udc69\u200d\ud83c\udf93', 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.', product: 'Cloud Basic', link: 'https:\/\/assistyu.com\/services\/', icon: 'fa-cloud' },\n    { name: 'Daniel Miller', role: 'Marketing Director', avatar: '\ud83d\udc68\u200d\ud83d\udcbc', 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.', product: 'AssistYu VPN', link: 'https:\/\/assistyu.com\/product\/assistyou-vpn\/', icon: 'fa-cloud' },\n    { name: 'Priya Nair', role: 'Cybersecurity Analyst', avatar: '\ud83d\udc69\u200d\ud83d\udcbb', 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.', product: 'Cyber Privacy Suite', link: 'https:\/\/assistyu.com\/product\/cyber-privacy-suite\/', icon: 'fa-shield-alt' },\n    { name: 'Amine Bensaid', role: 'Freelance Writer', avatar: '\ud83d\udc68\u200d\ud83d\udcbc', text: 'As a journalist, privacy is non\u2011negotiable. PC Privacy Shield keeps my browsing activity completely private. No more targeted ads or suspicious tracking.', product: 'PC Privacy Shield', link: 'https:\/\/assistyu.com\/product\/pc-privacy-shield\/', icon: 'fa-eraser' },\n    { name: 'Olivia Martinez', role: 'Crypto Investor', avatar: '\ud83d\udc69\u200d\ud83d\udcbb', 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.', product: 'Cyber Privacy Suite', link: 'https:\/\/assistyu.com\/product\/cyber-privacy-suite\/', icon: 'fa-shield-alt' },\n    { name: 'John Peterson', role: 'Online Seller', avatar: '\ud83d\udc68\u200d\ud83d\udcbc', 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.', product: 'Cloud Basic', link: 'https:\/\/assistyu.com\/services\/', icon: 'fa-cloud' },\n    { name: 'Nadia Alami', role: 'Digital Marketer', avatar: '\ud83d\udc69\u200d\ud83d\udcbc', 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.', product: 'AssistYu VPN', link: 'https:\/\/assistyu.com\/product\/assistyou-vpn\/', icon: 'fa-cloud' },\n    { name: 'Patrick Kelly', role: 'IT Consultant', avatar: '\ud83d\udc68\u200d\ud83d\udcbb', text: 'I\\'ve deployed AssistYu at three client sites. The combination of antivirus, VPN, and privacy tools is unmatched. Clients love the simple dashboard.', product: 'Cyber Privacy Suite', link: 'https:\/\/assistyu.com\/product\/cyber-privacy-suite\/', icon: 'fa-shield-alt' },\n    { name: 'Hannah Schneider', role: 'Teacher', avatar: '\ud83d\udc69\u200d\ud83c\udfeb', 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.', product: 'AssistYu Antivirus', link: 'https:\/\/assistyu.com\/product\/assistyou-antivirus\/', icon: 'fa-shield-alt' },\n    { name: 'Ahmed Mansour', role: 'Freelance Designer', avatar: '\ud83d\udc68\u200d\ud83d\udcbb', 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.', product: 'AssistYu VPN', link: 'https:\/\/assistyu.com\/product\/assistyou-vpn\/', icon: 'fa-cloud' },\n    { name: 'Clara Dupont', role: 'E\u2011commerce Manager', avatar: '\ud83d\udc69\u200d\ud83d\udcbc', 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.', product: 'Cyber Privacy Suite', link: 'https:\/\/assistyu.com\/product\/cyber-privacy-suite\/', icon: 'fa-shield-alt' },\n    { name: 'Thomas Weber', role: 'Business Owner', avatar: '\ud83d\udc68\u200d\ud83d\udcbc', 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.', product: 'Identity Theft Preventer', link: 'https:\/\/assistyu.com\/product\/identity-theft-preventer\/', icon: 'fa-id-card' },\n    { name: 'Yuki Tanaka', role: 'Remote Worker', avatar: '\ud83d\udc69\u200d\ud83d\udcbb', 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.', product: 'AssistYu VPN', link: 'https:\/\/assistyu.com\/product\/assistyou-vpn\/', icon: 'fa-cloud' }\n  ];\n\n  \/\/ ===== SPLIT INTO 2 ROWS (12 each) =====\n  const row1 = all.slice(0, 12);\n  const row2 = all.slice(12, 24);\n\n  \/\/ ===== BUILD CARD HTML =====\n  function buildCard(t) {\n    const stars = Array.from({ length: 5 }, () => '<i class=\"fas fa-star\" aria-hidden=\"true\"><\/i>').join('');\n    return `\n      <div class=\"ayu-card\">\n        <div class=\"stars\" role=\"img\" aria-label=\"5 out of 5 stars\">${stars}<\/div>\n        <div class=\"text\">\"${t.text}\"<\/div>\n        <div class=\"author\">\n          <div class=\"avatar\" aria-hidden=\"true\">${t.avatar}<\/div>\n          <div class=\"info\">\n            <div class=\"name\">${t.name}<\/div>\n            <div class=\"role\">${t.role}<\/div>\n            <a href=\"${t.link}\" class=\"product-link\" target=\"_blank\" rel=\"noopener noreferrer\">\n              <i class=\"fas ${t.icon}\" aria-hidden=\"true\"><\/i> ${t.product}\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    `;\n  }\n\n  function populateRow(id, items) {\n    const el = document.getElementById(id);\n    if (!el) return;\n    const cards = items.map(buildCard).join('') + items.map(buildCard).join('');\n    el.innerHTML = cards;\n  }\n\n  populateRow('ayuTrack1', row1);\n  populateRow('ayuTrack2', row2);\n\n  \/\/ ===== PAUSE AU SURVOL D'UNE CARTE (exactly as original) =====\n  document.querySelectorAll('.ayu-testimonials-row').forEach(row => {\n    const track = row.querySelector('.ayu-testimonials-track');\n    if (!track) return;\n    row.querySelectorAll('.ayu-card').forEach(card => {\n      card.addEventListener('mouseenter', () => {\n        track.style.animationPlayState = 'paused';\n      });\n      card.addEventListener('mouseleave', () => {\n        track.style.animationPlayState = 'running';\n      });\n    });\n  });\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-22099c9 e-con-full e-flex e-con e-parent\" data-id=\"22099c9\" 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-d90162e elementor-widget elementor-widget-html\" data-id=\"d90162e\" 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\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;800;900&display=swap\" rel=\"stylesheet\">\n\n<div id=\"ayu-partners-root\">\n<style>\n#ayu-partners-root{\n  display:block;\n  width:100%;\n  position:relative;\n  overflow:hidden;\n  padding:60px 0 80px;\n  font-family:'Inter',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;\n  color:#eef5ff;\n  -webkit-font-smoothing:antialiased;\n}\n\n#ayu-partners-root .ayu-fx{\n  position:absolute;inset:0;pointer-events:none;z-index:0;\n  -webkit-mask-image:linear-gradient(180deg,transparent 0%,transparent 8%,#000 25%,#000 75%,transparent 92%,transparent 100%);\n  mask-image:linear-gradient(180deg,transparent 0%,transparent 8%,#000 25%,#000 75%,transparent 92%,transparent 100%);\n}\n#ayu-partners-root .ayu-orb{\n  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);\n  width:820px;height:260px;\n  background:radial-gradient(circle at 30% 50%,rgba(34,211,238,.18),transparent 30%),\n             radial-gradient(circle at 72% 50%,rgba(124,92,255,.16),transparent 32%),\n             linear-gradient(90deg,transparent,rgba(54,230,166,.07),transparent);\n  filter:blur(40px);\n}\n#ayu-partners-root .ayu-grid{\n  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);\n  width:min(1100px,90vw);height:200px;\n  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),\n                   linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);\n  background-size:42px 42px;\n  -webkit-mask-image:radial-gradient(ellipse at center,#000,transparent 65%);\n  mask-image:radial-gradient(ellipse at center,#000,transparent 65%);\n}\n\n#ayu-partners-root .ayu-hd{\n  position:relative;z-index:1;\n  max-width:780px;margin:0 auto 36px;padding:0 20px;text-align:center;\n}\n#ayu-partners-root .ayu-pill{\n  display:inline-flex;align-items:center;gap:9px;\n  padding:7px 16px;border-radius:999px;\n  border:1px solid rgba(34,211,238,.28);\n  background:rgba(34,211,238,.08);\n  font-size:12px;font-weight:800;letter-spacing:1.4px;\n  color:#22d3ee;text-transform:uppercase;\n}\n#ayu-partners-root .ayu-dot{\n  width:7px;height:7px;border-radius:50%;background:#22d3ee;\n  box-shadow:0 0 0 0 rgba(34,211,238,.7);\n  animation:ayuPulse 2.2s ease-out infinite;\n}\n@keyframes ayuPulse{\n  0%{box-shadow:0 0 0 0 rgba(34,211,238,.7)}\n  70%{box-shadow:0 0 0 10px rgba(34,211,238,0)}\n  100%{box-shadow:0 0 0 0 rgba(34,211,238,0)}\n}\n#ayu-partners-root .ayu-h2{\n  margin:18px 0 0;\n  font-size:clamp(26px,3.4vw,44px);font-weight:900;\n  line-height:1.1;letter-spacing:-1.2px;color:#eef5ff;\n}\n#ayu-partners-root .ayu-grad{\n  background:linear-gradient(100deg,#22d3ee,#7c5cff 55%,#36e6a6);\n  -webkit-background-clip:text;background-clip:text;\n  color:transparent;-webkit-text-fill-color:transparent;\n}\n#ayu-partners-root .ayu-sub{\n  max-width:620px;margin:14px auto 0;\n  font-size:15.5px;line-height:1.72;color:#8fa0be;\n}\n\n#ayu-partners-root .ayu-vp{\n  position:relative;z-index:1;\n  overflow:hidden;width:100%;padding:10px 0;\n  cursor:grab;\n  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 6%,#000 94%,transparent 100%);\n  mask-image:linear-gradient(90deg,transparent 0%,#000 6%,#000 94%,transparent 100%);\n}\n#ayu-partners-root .ayu-vp.ayu-grabbing{cursor:grabbing;}\n\n#ayu-partners-root .ayu-track{\n  display:flex;gap:18px;width:max-content;\n  align-items:center;\n  will-change:transform;\n}\n\n#ayu-partners-root .ayu-set{\n  display:flex;\n  flex:0 0 auto;\n  align-items:center;\n  gap:18px;\n  width:max-content;\n}\n\n#ayu-partners-root .ayu-card{\n  flex:0 0 auto;\n  display:flex;align-items:center;justify-content:center;gap:12px;\n  width:200px;height:84px;padding:0 20px;\n  border-radius:16px;\n  border:1px solid rgba(255,255,255,.12);\n  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.04));\n  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);\n  transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .3s,background .3s;\n  user-select:none;-webkit-user-select:none;\n  overflow:hidden;position:relative;\n}\n#ayu-partners-root .ayu-card::after{\n  content:'';position:absolute;\n  top:-20%;left:-100%;width:50%;height:140%;\n  transform:rotate(18deg);\n  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);\n  transition:left .65s ease;pointer-events:none;\n}\n#ayu-partners-root .ayu-card:hover{\n  transform:translateY(-5px) scale(1.02);\n  border-color:rgba(34,211,238,.35);\n  background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.07));\n}\n#ayu-partners-root .ayu-card:hover::after{left:140%;}\n#ayu-partners-root .ayu-card:hover .ayu-ic{opacity:1;transform:scale(1.1);}\n#ayu-partners-root .ayu-card:hover .ayu-nm{opacity:1;}\n\n#ayu-partners-root .ayu-ic{\n  flex:0 0 auto;\n  width:30px;height:30px;\n  display:flex;align-items:center;justify-content:center;\n  color:#eef5ff;\n  opacity:.95;\n  transition:opacity .3s,transform .3s;\n  filter:drop-shadow(0 1px 6px rgba(0,0,0,.35));\n}\n#ayu-partners-root .ayu-ic--wide{width:92px;}\n#ayu-partners-root .ayu-ic--leaddesk{width:68px;}\n#ayu-partners-root .ayu-ic--free{width:66px;height:38px;}\n#ayu-partners-root .ayu-ic svg,\n#ayu-partners-root .ayu-ic img{\n  display:block;\n  max-width:100%;max-height:100%;\n  width:auto;height:auto;\n  object-fit:contain;\n  fill:currentColor;\n}\n#ayu-partners-root .ayu-ic svg{width:100%;height:100%;}\n#ayu-partners-root .ayu-ic--free img{width:100%;height:100%;}\n#ayu-partners-root .ayu-ic--chip img{border-radius:7px;}\n\n#ayu-partners-root .ayu-b-clouding   { color:#1E9BF0; }\n#ayu-partners-root .ayu-b-claude     { color:#D97757; }\n#ayu-partners-root .ayu-b-openai     { color:#ffffff; }\n#ayu-partners-root .ayu-b-movistar   { color:#019DF4; }\n\n#ayu-partners-root .ayu-nm{\n  font-size:14.5px;font-weight:700;white-space:nowrap;\n  color:#c8d6e8;opacity:.82;\n  transition:opacity .3s;\n}\n\n@media(max-width:760px){\n  #ayu-partners-root{padding:52px 0 44px;}\n  #ayu-partners-root .ayu-card{width:170px;height:72px;padding:0 14px;gap:10px;}\n  #ayu-partners-root .ayu-ic{width:24px;height:24px;}\n  #ayu-partners-root .ayu-ic--wide{width:78px;}\n  #ayu-partners-root .ayu-ic--leaddesk{width:58px;}\n  #ayu-partners-root .ayu-ic--free{width:82px;height:32px;}\n  #ayu-partners-root .ayu-nm{font-size:12.5px;}\n  #ayu-partners-root .ayu-hd{margin-bottom:26px;}\n  #ayu-partners-root .ayu-track{gap:13px;}\n  #ayu-partners-root .ayu-set{gap:13px;}\n}\n@media(max-width:480px){\n  #ayu-partners-root .ayu-card{width:148px;height:64px;padding:0 12px;gap:8px;border-radius:12px;}\n  #ayu-partners-root .ayu-ic{width:22px;height:22px;}\n  #ayu-partners-root .ayu-ic--wide{width:66px;}\n  #ayu-partners-root .ayu-ic--leaddesk{width:50px;}\n  #ayu-partners-root .ayu-ic--free{width:72px;height:28px;}\n  #ayu-partners-root .ayu-nm{font-size:11.5px;}\n  #ayu-partners-root .ayu-track{gap:10px;}\n  #ayu-partners-root .ayu-set{gap:10px;}\n}\n<\/style>\n\n<div class=\"ayu-fx\" aria-hidden=\"true\">\n  <div class=\"ayu-orb\"><\/div>\n  <div class=\"ayu-grid\"><\/div>\n<\/div>\n\n<div class=\"ayu-hd\">\n  <span class=\"ayu-pill\"><span class=\"ayu-dot\"><\/span> Trusted Partners<\/span>\n  <h2 class=\"ayu-h2\">Powered by <span class=\"ayu-grad\">trusted global technology<\/span> partners<\/h2>\n  <p class=\"ayu-sub\">AssistYu connects AI, cloud and cybersecurity expertise with infrastructure and innovation leaders trusted by modern digital teams.<\/p>\n<\/div>\n\n<div class=\"ayu-vp\" id=\"ayu-vp\">\n  <div class=\"ayu-track\" id=\"ayu-track\">\n    <div class=\"ayu-set\" id=\"ayu-base-set\">\n\n      <!-- AWS \u2013 white logo SVG -->\n      <div class=\"ayu-card\">\n        <span class=\"ayu-ic ayu-ic--wide\"><img decoding=\"async\" data-src=\"https:\/\/assistyu.com\/wp-content\/uploads\/2026\/09\/Amazon_Web_Services_Logo_White.svg\" alt=\"AWS\" title=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\"><\/span>\n        <span class=\"ayu-nm\" style=\"display:none\">AWS<\/span>\n      <\/div>\n\n      <!-- Clouding.io -->\n      <div class=\"ayu-card\">\n        <span class=\"ayu-ic ayu-b-clouding\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M19.35 10.04A7.49 7.49 0 0 0 12 4C9.11 4 6.6 5.64 5.35 8.04A5.994 5.994 0 0 0 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96z\"\/><\/svg><\/span>\n        <span class=\"ayu-nm\">Clouding.io<\/span>\n      <\/div>\n\n      <!-- Microsoft -->\n      <div class=\"ayu-card\">\n        <span class=\"ayu-ic\"><svg viewBox=\"0 0 23 23\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect x=\"1\" y=\"1\" width=\"10\" height=\"10\" fill=\"#F25022\"\/><rect x=\"12\" y=\"1\" width=\"10\" height=\"10\" fill=\"#7FBA00\"\/><rect x=\"1\" y=\"12\" width=\"10\" height=\"10\" fill=\"#00A4EF\"\/><rect x=\"12\" y=\"12\" width=\"10\" height=\"10\" fill=\"#FFB900\"\/><\/svg><\/span>\n        <span class=\"ayu-nm\">Microsoft<\/span>\n      <\/div>\n\n      <!-- ShieldApps -->\n      <div class=\"ayu-card\">\n        <span class=\"ayu-ic ayu-ic--chip\"><img decoding=\"async\" data-src=\"https:\/\/assistyu.com\/wp-content\/uploads\/2026\/09\/unnamed-e1788847823769.png\" alt=\"ShieldApps\" title=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 174px; --smush-placeholder-aspect-ratio: 174\/174;\"><\/span>\n        <span class=\"ayu-nm\">ShieldApps<\/span>\n      <\/div>\n\n      <!-- Google -->\n      <div class=\"ayu-card\">\n        <span class=\"ayu-ic\"><svg viewBox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill=\"#FFC107\" d=\"M43.611 20.083H42V20H24v8h11.303c-1.649 4.657-6.08 8-11.303 8-6.627 0-12-5.373-12-12s5.373-12 12-12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4 12.955 4 4 12.955 4 24s8.955 20 20 20 20-8.955 20-20c0-1.341-.138-2.65-.389-3.917z\"\/><path fill=\"#FF3D00\" d=\"M6.306 14.691l6.571 4.819C14.655 15.108 18.961 12 24 12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4 16.318 4 9.656 8.337 6.306 14.691z\"\/><path fill=\"#4CAF50\" d=\"M24 44c5.166 0 9.86-1.977 13.409-5.192l-6.19-5.238A11.91 11.91 0 0 1 24 36c-5.202 0-9.619-3.317-11.283-7.946l-6.522 5.025C9.505 39.556 16.227 44 24 44z\"\/><path fill=\"#1976D2\" d=\"M43.611 20.083H42V20H24v8h11.303a12.04 12.04 0 0 1-4.087 5.571l.003-.002 6.19 5.238C36.971 39.205 44 34 44 24c0-1.341-.138-2.65-.389-3.917z\"\/><\/svg><\/span>\n        <span class=\"ayu-nm\">Google<\/span>\n      <\/div>\n\n      <!-- Claude \/ Anthropic -->\n      <div class=\"ayu-card\">\n        <span class=\"ayu-ic ayu-b-claude\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M17.3041 3.541h-3.6718l6.696 16.918H24Zm-10.6082 0L0 20.459h3.7442l1.3693-3.5527h7.0052l1.3693 3.5528h3.7442L10.5363 3.5409Zm-.3712 10.2232 2.2914-5.9456 2.2914 5.9456Z\"\/><\/svg><\/span>\n        <span class=\"ayu-nm\">Claude<\/span>\n      <\/div>\n\n      <!-- OpenAI -->\n      <div class=\"ayu-card\">\n        <span class=\"ayu-ic ayu-b-openai\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z\"\/><\/svg><\/span>\n        <span class=\"ayu-nm\">OpenAI<\/span>\n      <\/div>\n\n      <!-- LeadDesk -->\n      <div class=\"ayu-card\">\n        <span class=\"ayu-ic ayu-ic--leaddesk\"><img decoding=\"async\" data-src=\"https:\/\/assistyu.com\/wp-content\/uploads\/2026\/09\/hero_2023_logo.webp\" alt=\"LeadDesk\" title=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1080px; --smush-placeholder-aspect-ratio: 1080\/1080;\"><\/span>\n        <span class=\"ayu-nm\">LeadDesk<\/span>\n      <\/div>\n\n      <!-- Movistar -->\n      <div class=\"ayu-card\">\n        <span class=\"ayu-ic ayu-b-movistar\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-label=\"Movistar\"><path d=\"M4.512 5.187c-1.113.018-3.165.567-4.102 4.401-.409 1.67-.567 3.413-.217 5.485.322 1.912.893 3.562 1.278 4.471.132.314.339.64.498.842.456.579 1.217.542 1.536.384.348-.172.748-.586.605-1.534-.07-.458-.272-1.127-.386-1.499-.349-1.141-.814-2.518-.854-3.5-.054-1.311.463-1.483.806-1.56.576-.126 1.06.508 1.52 1.303.548.949 1.488 2.63 2.255 3.915.692 1.16 1.97 2.401 4.02 2.316 2.091-.087 3.633-.886 4.427-3.402.594-1.882.999-3.289 1.651-4.729.75-1.657 1.75-2.543 2.592-2.272.782.25.977 1.016.986 2.14.009.996-.107 2.093-.196 2.898-.032.293-.09.881-.066 1.207.047.643.325 1.284 1.046 1.386.77.109 1.387-.506 1.633-1.25.098-.293.18-.742.225-1.06.226-1.608.284-2.689.183-4.333-.12-1.924-.495-3.678-1.152-5.196-.627-1.452-1.635-2.382-2.927-2.464-1.43-.091-3.072.86-3.934 2.704-.793 1.7-1.428 3.444-1.814 4.336-.39.903-.965 1.459-1.847 1.552-1.08.114-2.01-.67-2.692-1.79-.593-.975-1.77-2.832-2.4-3.456-.592-.584-1.267-1.317-2.674-1.295z\"\/><\/svg><\/span>\n        <span class=\"ayu-nm\">Movistar<\/span>\n      <\/div>\n\n      <!-- Free -->\n      <div class=\"ayu-card\">\n        <span class=\"ayu-ic ayu-ic--free\"><img decoding=\"async\" data-src=\"https:\/\/assistyu.com\/wp-content\/uploads\/2026\/09\/0x0-scaled.png\" alt=\"Free\" title=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 2560px; --smush-placeholder-aspect-ratio: 2560\/947;\"><\/span>\n        <span class=\"ayu-nm\" style=\"display:none\">Free<\/span>\n      <\/div>\n\n      <!-- Ayvens -->\n      <div class=\"ayu-card\">\n        <span class=\"ayu-ic\"><img decoding=\"async\" data-src=\"https:\/\/assistyu.com\/wp-content\/uploads\/2026\/09\/AYV.PA-835773c0.png\" alt=\"Ayvens\" title=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1581px; --smush-placeholder-aspect-ratio: 1581\/1188;\"><\/span>\n        <span class=\"ayu-nm\">Ayvens<\/span>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  var root = document.getElementById('ayu-partners-root');\n  if(!root || root.dataset.ayuReady) return;\n  root.dataset.ayuReady = '1';\n\n  var vp    = document.getElementById('ayu-vp');\n  var track = document.getElementById('ayu-track');\n  var base  = document.getElementById('ayu-base-set');\n  if(!vp || !track || !base) return;\n\n  var SPEED = 0.95;\n\n  var pos        = 0;\n  var setWidth   = 0;\n  var gap        = 18;\n  var loopWidth  = 0;\n  var running    = true;\n  var hovered    = false;\n  var dragging   = false;\n  var dragStartX = 0;\n  var dragStartPos = 0;\n  var dragVeloc  = 0;\n  var lastMoveX  = 0;\n  var lastMoveT  = 0;\n\n  function build(){\n    var sets = track.querySelectorAll('.ayu-set');\n    for(var i = sets.length - 1; i > 0; i--) track.removeChild(sets[i]);\n\n    var cs = getComputedStyle(track);\n    gap = parseFloat(cs.gap) || parseFloat(cs.columnGap) || 18;\n    setWidth = base.scrollWidth;\n    if(!setWidth) return;\n    loopWidth = setWidth + gap;\n\n    var vpW = vp.offsetWidth || window.innerWidth;\n    var copies = Math.ceil(vpW * 3 \/ loopWidth) + 2;\n    copies = Math.max(3, Math.min(copies, 12));\n\n    var frag = document.createDocumentFragment();\n    for(var c = 1; c < copies; c++){\n      var clone = base.cloneNode(true);\n      clone.removeAttribute('id');\n      clone.setAttribute('aria-hidden','true');\n      frag.appendChild(clone);\n    }\n    track.appendChild(frag);\n\n    setWidth = base.scrollWidth;\n    loopWidth = setWidth + gap;\n  }\n\n  function frame(){\n    if(!dragging){\n      if(!hovered){\n        pos -= SPEED;\n      }\n\n      if(Math.abs(dragVeloc) > 0.08){\n        pos += dragVeloc;\n        dragVeloc *= 0.95;\n      } else {\n        dragVeloc = 0;\n      }\n    }\n\n    if(loopWidth > 0){\n      if(pos <= -loopWidth) pos += loopWidth;\n      if(pos > 0) pos -= loopWidth;\n    }\n\n    track.style.transform = 'translate3d(' + pos.toFixed(2) + 'px,0,0)';\n    requestAnimationFrame(frame);\n  }\n\n  function onMouseDown(e){\n    dragging = true;\n    dragVeloc = 0;\n    dragStartX = e.clientX;\n    dragStartPos = pos;\n    lastMoveX = e.clientX;\n    lastMoveT = performance.now();\n    vp.classList.add('ayu-grabbing');\n    e.preventDefault();\n  }\n  function onMouseMove(e){\n    if(!dragging) return;\n    var dx = e.clientX - dragStartX;\n    pos = dragStartPos + dx;\n\n    var now = performance.now();\n    var dt = now - lastMoveT;\n    if(dt > 0){\n      dragVeloc = (e.clientX - lastMoveX) \/ dt * 16;\n    }\n    lastMoveX = e.clientX;\n    lastMoveT = now;\n  }\n  function onMouseUp(){\n    if(!dragging) return;\n    dragging = false;\n    vp.classList.remove('ayu-grabbing');\n  }\n\n  function onTouchStart(e){\n    dragging = true;\n    dragVeloc = 0;\n    dragStartX = e.touches[0].clientX;\n    dragStartPos = pos;\n    lastMoveX = e.touches[0].clientX;\n    lastMoveT = performance.now();\n  }\n  function onTouchMove(e){\n    if(!dragging) return;\n    var cx = e.touches[0].clientX;\n    pos = dragStartPos + (cx - dragStartX);\n\n    var now = performance.now();\n    var dt = now - lastMoveT;\n    if(dt > 0){\n      dragVeloc = (cx - lastMoveX) \/ dt * 16;\n    }\n    lastMoveX = cx;\n    lastMoveT = now;\n  }\n  function onTouchEnd(){\n    dragging = false;\n  }\n\n  vp.addEventListener('mouseenter', function(){ hovered = true; });\n  vp.addEventListener('mouseleave', function(){ hovered = false; });\n\n  vp.addEventListener('mousedown', onMouseDown);\n  document.addEventListener('mousemove', onMouseMove);\n  document.addEventListener('mouseup', onMouseUp);\n  vp.addEventListener('touchstart', onTouchStart, {passive:true});\n  document.addEventListener('touchmove', onTouchMove, {passive:true});\n  document.addEventListener('touchend', onTouchEnd);\n\n  var resizeTimer;\n  function onResize(){\n    clearTimeout(resizeTimer);\n    resizeTimer = setTimeout(function(){\n      pos = 0;\n      build();\n    }, 200);\n  }\n  window.addEventListener('resize', onResize, {passive:true});\n\n  build();\n  requestAnimationFrame(frame);\n\n  window.addEventListener('load', function(){ build(); });\n  if(document.fonts && document.fonts.ready){\n    document.fonts.ready.then(function(){ build(); });\n  }\n\n})();\n<\/script>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<footer class=\"elementor-element elementor-element-6cde885 e-con-full e-flex e-con e-parent\" data-id=\"6cde885\" 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-8b6e66f e-con-full e-flex e-con e-child\" data-id=\"8b6e66f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-10a5c73 e-con-full e-flex e-con e-child\" data-id=\"10a5c73\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-02a6a57 elementor-widget elementor-widget-int-logo\" data-id=\"02a6a57\" 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\/\"><img decoding=\"async\" data-src=\"https:\/\/assistyu.com\/wp-content\/uploads\/2024\/03\/AssistYu-no-background-2.png\" alt=\"\" title=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 292px; --smush-placeholder-aspect-ratio: 292\/100;\"><\/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-4d3e711 elementor-mobile-align-center elementor-icon-list--layout-inline elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"4d3e711\" 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-12db96c e-con-full e-flex e-con e-child\" data-id=\"12db96c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-51841b1 e-con-full e-flex e-con e-child\" data-id=\"51841b1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ce9180 elementor-mobile-align-center elementor-icon-list--layout-inline elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"9ce9180\" 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-bbee86e 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=\"bbee86e\" 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\/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\t\t<div class=\"elementor-element elementor-element-18449ad elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"18449ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e600ce3 e-con-full e-flex e-con e-child\" data-id=\"e600ce3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3deac75 e-con-full e-flex e-con e-child\" data-id=\"3deac75\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-372a721 elementor-widget elementor-widget-int-footer-nav\" data-id=\"372a721\" 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-6747ee9 elementor-widget elementor-widget-html\" data-id=\"6747ee9\" 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 + VISIBLE\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;\r\n        background: rgba(44, 134, 255, 0.15);\r\n        color: #ffffff;\r\n        font-size: 12px;\r\n        font-weight: 600;\r\n        font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;\r\n        padding: 8px 18px;\r\n        border-radius: 40px;\r\n        cursor: pointer;\r\n        transition: all 0.25s ease;\r\n        border: 2px solid rgba(44, 134, 255, 0.45);\r\n        letter-spacing: -0.2px;\r\n        backdrop-filter: blur(2px);\r\n        margin: 0;\r\n        box-shadow: 0 0 0 0 rgba(44, 134, 255, 0.4);\r\n        animation: dashboardPulse 2.5s infinite;\r\n        position: relative;\r\n        overflow: hidden;\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.9;\">\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.7; 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\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 (X) \u2014 rotation conserv\u00e9e UNIQUEMENT ici -->\r\n            <button id=\"dashboard-close-x\" 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 id=\"dashboard-cancel-btn\" 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 + 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    \/* Pulsation subtile du bouton d'ouverture *\/\r\n    @keyframes dashboardPulse {\r\n        0% { box-shadow: 0 0 0 0 rgba(44, 134, 255, 0.4); }\r\n        70% { box-shadow: 0 0 0 8px rgba(44, 134, 255, 0); }\r\n        100% { box-shadow: 0 0 0 0 rgba(44, 134, 255, 0); }\r\n    }\r\n\r\n    \/* Hover du bouton Dashboard *\/\r\n    #dashboard-open-btn:hover {\r\n        background: rgba(44, 134, 255, 0.3);\r\n        border-color: rgba(44, 134, 255, 0.8);\r\n        color: #ffffff;\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 6px 20px rgba(44, 134, 255, 0.4);\r\n        animation: none;\r\n    }\r\n    #dashboard-open-btn:hover .dashboard-btn-icon {\r\n        transform: scale(1.1);\r\n        opacity: 1;\r\n    }\r\n    #dashboard-open-btn:hover .dashboard-btn-arrow {\r\n        opacity: 1;\r\n        transform: translateX(3px);\r\n    }\r\n\r\n    \/* Hover du bouton X \u2014 rotation conserv\u00e9e UNIQUEMENT ici *\/\r\n    #dashboard-close-x: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    \/* Hover du bouton Cancel \u2014 PLUS de rotation *\/\r\n    #dashboard-cancel-btn:hover {\r\n        background: rgba(255,255,255,0.15);\r\n        color: white;\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 du bouton Access *\/\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 === \"ay2026\") {\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-23cd38b elementor-widget elementor-widget-text-editor\" data-id=\"23cd38b\" 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 ABOUT [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6232,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"cresta-template.php","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-7518","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/assistyu.com\/fr\/wp-json\/wp\/v2\/pages\/7518","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/assistyu.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/assistyu.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/assistyu.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/assistyu.com\/fr\/wp-json\/wp\/v2\/comments?post=7518"}],"version-history":[{"count":63,"href":"https:\/\/assistyu.com\/fr\/wp-json\/wp\/v2\/pages\/7518\/revisions"}],"predecessor-version":[{"id":8031,"href":"https:\/\/assistyu.com\/fr\/wp-json\/wp\/v2\/pages\/7518\/revisions\/8031"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/assistyu.com\/fr\/wp-json\/wp\/v2\/media\/6232"}],"wp:attachment":[{"href":"https:\/\/assistyu.com\/fr\/wp-json\/wp\/v2\/media?parent=7518"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}