{"id":3266,"date":"2025-12-15T13:19:34","date_gmt":"2025-12-15T12:19:34","guid":{"rendered":"https:\/\/plemeo.ai\/?page_id=3266"},"modified":"2025-12-21T14:31:45","modified_gmt":"2025-12-21T13:31:45","slug":"page-0","status":"publish","type":"page","link":"https:\/\/plemeo.ai\/en_gb\/page-0\/","title":{"rendered":"Page 0"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3266\" class=\"elementor elementor-3266\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc4a116 e-con-full e-flex e-con e-parent\" data-id=\"cc4a116\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-62db005 elementor-widget elementor-widget-html\" data-id=\"62db005\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \r\n    PLEMEO ALL-IN-ONE WIDGET (ENGLISH VERSION)\r\n    (Hero + 3D Gallery + CTA)\r\n    FIX: No Top Gap & Full Mobile Width\r\n    COLOR FIX: Background Blobs set to #26E1F9\r\n    REMOVED: Footer CTA Button\r\n    SPACING FIX: 0 spacing below videos\r\n    MODAL FIX: Reduced button size in popup\r\n    CLICKABILITY FIX: Dynamic Z-Index for 3D Cards\r\n-->\r\n\r\n<!-- 1. GLOBAL FONTS -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- CONTAINER WRAPPER FOR SECURITY WITH MOBILE BREAKOUT & TOP-FIX -->\r\n<style>\r\n    \/* Aggressive reset for the widget environment in Elementor and browser *\/\r\n    html, body { \r\n        margin: 0 !important; \r\n        padding: 0 !important; \r\n    }\r\n\r\n    \/* Removes spacing applied by Elementor around the HTML widget *\/\r\n    .elementor-widget-html, \r\n    .elementor-widget-container,\r\n    .elementor-widget-html .elementor-widget-container { \r\n        margin-top: 0 !important; \r\n        padding-top: 0 !important; \r\n        margin-bottom: 0 !important; \r\n        padding-bottom: 0 !important; \r\n    }\r\n\r\n    .plemeo-unified-wrapper {\r\n        width: 100%;\r\n        overflow-x: hidden;\r\n        margin-top: 0 !important;\r\n        padding-top: 0 !important;\r\n        display: block;\r\n    }\r\n\r\n    \/* Forces full width (borderless) on mobile, ignoring Elementor column padding *\/\r\n    @media (max-width: 768px) {\r\n        .plemeo-unified-wrapper {\r\n            width: 100vw !important;\r\n            margin-left: calc(50% - 50vw) !important;\r\n            margin-right: calc(50% - 50vw) !important;\r\n            margin-top: 0 !important;\r\n            position: relative;\r\n        }\r\n    }\r\n<\/style>\r\n<div class=\"plemeo-unified-wrapper\">\r\n\r\n    <!-- ========================================== -->\r\n    <!-- PART 1: HERO SECTION -->\r\n    <!-- ========================================== -->\r\n    <div id=\"plemeo-hero-scope\">\r\n        <style>\r\n            #plemeo-hero-scope {\r\n                \/* --- 1. SPACING TO TOP OF SCREEN --- *\/\r\n                --spacing-top: 8rem; \r\n                \r\n                \/* --- 2. SPACING BETWEEN TEXTS --- *\/\r\n                --spacing-badge-to-h1: 1.5rem;\r\n                --spacing-h1-to-p: 1.5rem;\r\n                \r\n                \/* --- 3. SPACING BETWEEN TEXT & NAV --- *\/\r\n                --spacing-p-to-nav: 3rem;\r\n                \r\n                \/* --- 4. SPACING TO BOTTOM --- *\/\r\n                --spacing-bottom: 3rem; \r\n\r\n                \/* --- COLORS & DESIGNS --- *\/\r\n                --plemeo-blue: #00B0F0;\r\n                --slate-900: #0f172a;\r\n                --slate-500: #64748b;\r\n                --slate-300: #cbd5e1;\r\n                --slate-100: #f1f5f9;\r\n                --white: #ffffff;\r\n                \r\n                font-family: \"Plus Jakarta Sans\", system-ui, -apple-system, sans-serif;\r\n                color: var(--slate-900);\r\n                line-height: 1.5;\r\n                width: 100%;\r\n                position: relative;\r\n                min-height: auto; \r\n                display: flex;\r\n                flex-direction: column; \r\n                align-items: center;\r\n                overflow: hidden; \r\n                background-color: var(--white);\r\n                padding-bottom: var(--spacing-bottom);\r\n                margin-top: 0 !important; \r\n                padding-top: 0 !important;\r\n            }\r\n\r\n            \/* Responsive Adjustments for Mobile *\/\r\n            @media (max-width: 768px) {\r\n                #plemeo-hero-scope {\r\n                    --spacing-top: 6rem; \r\n                    --spacing-p-to-nav: 2rem;\r\n                    --spacing-bottom: 3rem; \r\n                    padding-bottom: 3rem;\r\n                }\r\n                #plemeo-hero-scope .bottom-fade { height: 150px; }\r\n            }\r\n\r\n            #plemeo-hero-scope *, #plemeo-hero-scope *::before, #plemeo-hero-scope *::after {\r\n                box-sizing: border-box;\r\n            }\r\n\r\n            \/* Blobs *\/\r\n            #plemeo-hero-scope .blob-bg { position: absolute; inset: 0; z-index: 1; pointer-events: none; }\r\n            #plemeo-hero-scope .blob { position: absolute; border-radius: 50%; filter: blur(80px); opacity: 0.35; mix-blend-mode: multiply; will-change: transform, background-color; }\r\n\r\n            \/* Bottom Fade *\/\r\n            #plemeo-hero-scope .bottom-fade {\r\n                position: absolute; bottom: 0; left: 0; width: 100%; height: 350px;\r\n                background: linear-gradient(to bottom, transparent, var(--white) 90%);\r\n                z-index: 5; pointer-events: none;\r\n            }\r\n\r\n            \/* Content Container *\/\r\n            #plemeo-hero-scope .hero-container {\r\n                width: 100%; \r\n                max-width: 1200px;\r\n                padding: 0 1.5rem;\r\n                display: flex; \r\n                flex-direction: column; \r\n                align-items: center; \r\n                text-align: center;\r\n                z-index: 10; \r\n                position: relative;\r\n                margin-top: var(--spacing-top);\r\n            }\r\n\r\n            \/* Badge *\/\r\n            #plemeo-hero-scope .hero-badge {\r\n                display: inline-flex; align-items: center; padding: 0.35rem 0.85rem;\r\n                background: rgba(255, 255, 255, 0.6); border: 1px solid rgba(0, 176, 240, 0.2);\r\n                border-radius: 999px; font-size: 0.75rem; font-weight: 700; color: var(--plemeo-blue);\r\n                text-transform: uppercase; letter-spacing: 0.05em; \r\n                margin-bottom: var(--spacing-badge-to-h1);\r\n                backdrop-filter: blur(4px);\r\n            }\r\n\r\n            \/* Headline *\/\r\n            #plemeo-hero-scope h1 {\r\n                font-size: clamp(2.2rem, 5.5vw, 4.5rem); line-height: 1.1; font-weight: 800;\r\n                color: var(--slate-900); \r\n                margin: 0 0 var(--spacing-h1-to-p) 0; \r\n                letter-spacing: -0.03em; max-width: 1100px; text-wrap: balance;\r\n            }\r\n\r\n            #plemeo-hero-scope .text-gradient {\r\n                background: linear-gradient(135deg, #00B0F0 0%, #28E3FA 100%);\r\n                -webkit-background-clip: text; background-clip: text; color: transparent;\r\n            }\r\n\r\n            \/* Subtext *\/\r\n            #plemeo-hero-scope p {\r\n                font-size: clamp(1.1rem, 2vw, 1.25rem); color: var(--slate-500);\r\n                font-weight: 400; line-height: 1.6; \r\n                margin: 0 0 var(--spacing-p-to-nav) 0; \r\n                max-width: 750px; text-wrap: pretty;\r\n            }\r\n\r\n            \/* Nav Pills *\/\r\n            #plemeo-hero-scope .nav-pills {\r\n                display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center;\r\n                gap: 0.5rem; padding: 0.6rem;\r\n                background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);\r\n                border-radius: 1.25rem; border: 1px solid rgba(255, 255, 255, 0.8);\r\n                box-shadow: 0 10px 25px -5px rgba(0,0,0,0.05);\r\n            }\r\n\r\n            #plemeo-hero-scope .nav-link {\r\n                font-size: 0.95rem; font-weight: 600; color: var(--slate-500) !important;\r\n                text-decoration: none; padding: 0.6rem 1.1rem; border-radius: 0.85rem;\r\n                transition: all 0.2s ease; cursor: pointer; background: transparent; border: none; font-family: inherit;\r\n            }\r\n            #plemeo-hero-scope .nav-link:hover { color: var(--plemeo-blue) !important; background: rgba(255,255,255,0.8); }\r\n\r\n            #plemeo-hero-scope .nav-separator { width: 1px; height: 18px; background: var(--slate-300); opacity: 0.5; }\r\n\r\n            #plemeo-hero-scope .btn-home {\r\n                display: inline-flex; align-items: center; padding: 0.6rem 1.25rem;\r\n                background: var(--slate-900); border: 1px solid var(--slate-900);\r\n                color: white !important; border-radius: 0.85rem; font-size: 0.95rem; font-weight: 600;\r\n                text-decoration: none; transition: all 0.2s; margin-left: 0.4rem;\r\n            }\r\n            #plemeo-hero-scope .btn-home:hover { background: var(--plemeo-blue); border-color: var(--plemeo-blue); transform: translateY(-1px); }\r\n            #plemeo-hero-scope .btn-home svg { width: 18px; height: 18px; margin-right: 8px; }\r\n\r\n            \/* Animations *\/\r\n            @keyframes fadeInUp {\r\n                from { opacity: 0; transform: translateY(20px); }\r\n                to { opacity: 1; transform: translateY(0); }\r\n            }\r\n            #plemeo-hero-scope .animate-in { opacity: 0; animation: fadeInUp 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; }\r\n            #plemeo-hero-scope .delay-1 { animation-delay: 0.15s; }\r\n            #plemeo-hero-scope .delay-2 { animation-delay: 0.3s; }\r\n            #plemeo-hero-scope .delay-3 { animation-delay: 0.45s; }\r\n\r\n            \/* Modal & UI Elements *\/\r\n            #plemeo-hero-scope .modal-overlay {\r\n                position: fixed; inset: 0; background: rgba(15, 23, 42, 0.6); backdrop-filter: blur(8px);\r\n                z-index: 99999; display: none; align-items: center; justify-content: center; padding: 1.5rem;\r\n            }\r\n            #plemeo-hero-scope .modal-content { background: #ffffff; border-radius: 1.5rem; width: 100%; max-width: 420px; position: relative; padding: 2.5rem 2rem; text-align: center; }\r\n            \r\n            #plemeo-hero-scope .lang-switcher-corner {\r\n                position: absolute; top: 25px; right: 25px; z-index: 50;\r\n                background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(8px);\r\n                border: 1px solid var(--slate-100); border-radius: 10px; padding: 6px;\r\n                box-shadow: 0 4px 12px rgba(0,0,0,0.05); transition: all 0.2s;\r\n                display: flex; align-items: center; justify-content: center;\r\n            }\r\n            #plemeo-hero-scope .lang-switcher-corner:hover { transform: scale(1.05); cursor: pointer; }\r\n            #plemeo-hero-scope .modal-close { position: absolute; top: 1rem; right: 1rem; cursor: pointer; background: none; border: none; }\r\n        <\/style>\r\n\r\n        <div class=\"blob-bg\" id=\"blob-canvas\">\r\n            <div class=\"blob\" id=\"blob-1\"><\/div>\r\n            <div class=\"blob\" id=\"blob-2\"><\/div>\r\n            <div class=\"blob\" id=\"blob-3\"><\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"bottom-fade\"><\/div>\r\n\r\n        <!-- Language Toggle -->\r\n        <div class=\"lang-switcher-corner\">\r\n            <a href=\"https:\/\/plemeo.ai\/page-0\/\" id=\"header-lang-toggle\">\r\n                <span data-no-translation=\"\">\r\n                    <img decoding=\"async\" src=\"https:\/\/plemeo.ai\/wp-content\/uploads\/2025\/12\/de_flagge.png\" width=\"24\" height=\"16\" alt=\"German\" title=\"Deutsch\" style=\"display: block; border-radius: 2px; object-fit: cover;\">\r\n                <\/span>\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"hero-container\">\r\n            <div class=\"hero-badge animate-in\">plemeo.ai<\/div>\r\n\r\n            <h1 class=\"animate-in delay-1\">\r\n                Not another one of those <br><span class=\"text-gradient\">generic SaaS solutions.<\/span>\r\n            <\/h1>\r\n            \r\n            <p class=\"animate-in delay-2\">\r\n                We don't build tools. We build autonomous systems. <br>\r\n                See live how we transform routine tasks into competitive advantages.\r\n            <\/p>\r\n\r\n            <div class=\"nav-pills animate-in delay-3\">\r\n                <a href=\"https:\/\/cal.com\/gerhardmeier\/30min?duration=30\" target=\"_blank\" class=\"nav-link\">Bookings<\/a>\r\n                <span class=\"nav-separator\"><\/span>\r\n                <a href=\"https:\/\/plemeo.ai\/en_gb\/#pricing\" class=\"nav-link\">Pricing<\/a>\r\n                <span class=\"nav-separator\"><\/span>\r\n                <button onclick=\"window.toggleModal(true)\" class=\"nav-link\">Newsletter<\/button>\r\n                <a href=\"https:\/\/plemeo.ai\/en_gb\/\" class=\"btn-home\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\r\n                    Home\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Newsletter Modal -->\r\n        <div id=\"newsletter-modal\" class=\"modal-overlay\">\r\n            <div class=\"modal-content\">\r\n                <button onclick=\"window.toggleModal(false)\" class=\"modal-close\">\u2715<\/button>\r\n                <h3 style=\"font-size: 1.5rem; margin-bottom: 0.5rem;\">Newsletter<\/h3>\r\n                <p style=\"color: var(--slate-500); margin-bottom: 1.5rem;\">Get updates on our autonomous systems.<\/p>\r\n                <form onsubmit=\"window.handleForm(event)\" style=\"display: flex; flex-direction: column; gap: 0.8rem;\" action=\"\">\r\n                    <input type=\"email\" id=\"news-email\" placeholder=\"your@email.com\" required style=\"padding: 0.8rem; border-radius: 0.6rem; border: 1px solid var(--slate-300); outline: none;\" \/>\r\n                    <button type=\"submit\" style=\"background: var(--slate-900); color: white; padding: 0.8rem; border: none; border-radius: 0.6rem; font-weight: 600; cursor: pointer;\">Subscribe<\/button>\r\n                <input type=\"hidden\" name=\"trp-form-language\" value=\"en_gb\"\/><\/form>\r\n                <div id=\"status-msg\" style=\"margin-top: 1rem; display: none; color: #166534; background: #dcfce7; padding: 0.5rem; border-radius: 0.5rem;\">Successfully subscribed!<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <script>\r\n            \/\/ Modal Logic\r\n            window.toggleModal = (show) => {\r\n                const m = document.getElementById('newsletter-modal');\r\n                m.style.display = show ? 'flex' : 'none';\r\n            };\r\n\r\n            window.handleForm = (e) => {\r\n                e.preventDefault();\r\n                const msg = document.getElementById('status-msg');\r\n                msg.style.display = 'block';\r\n                setTimeout(() => {\r\n                    window.toggleModal(false);\r\n                    msg.style.display = 'none';\r\n                    e.target.reset();\r\n                }, 2000);\r\n            };\r\n\r\n            \/\/ BLOB LOGIC\r\n            (function() {\r\n                class Blob {\r\n                    constructor(id, r, x, y) {\r\n                        this.el = document.getElementById(id); this.r = r; this.x = x; this.y = y;\r\n                        this.vx = (Math.random()-0.5); this.vy = (Math.random()-0.5);\r\n                        if(this.el) this.el.style.backgroundColor = '#26E1F9';\r\n                    }\r\n                    update() {\r\n                        if(!this.el) return;\r\n                        this.x += this.vx; this.y += this.vy;\r\n                        if(this.x<0 || this.x>window.innerWidth) this.vx*=-1;\r\n                        if(this.y<0 || this.y>window.innerHeight) this.vy*=-1;\r\n                        this.el.style.transform = `translate(${this.x-this.r}px, ${this.y-this.r}px)`;\r\n                        this.el.style.width = this.el.style.height = `${this.r*2}px`;\r\n                    }\r\n                }\r\n                \r\n                let bs = [];\r\n                const initBlobs = () => {\r\n                    if(document.getElementById('blob-1')) {\r\n                        bs = [\r\n                            new Blob('blob-1', 150, 100, 100), \r\n                            new Blob('blob-2', 200, 500, 400), \r\n                            new Blob('blob-3', 180, 800, 200)\r\n                        ];\r\n                        function anim() { \r\n                            bs.forEach(b => b.update()); \r\n                            requestAnimationFrame(anim); \r\n                        }\r\n                        anim();\r\n                    }\r\n                };\r\n\r\n                if (document.readyState === 'complete' || document.readyState === 'interactive') {\r\n                    initBlobs();\r\n                } else {\r\n                    window.addEventListener('load', initBlobs);\r\n                }\r\n            })();\r\n        <\/script>\r\n    <\/div>\r\n\r\n    <!-- ========================================== -->\r\n    <!-- PART 2: CONTENT & 3D GALLERY SECTION -->\r\n    <!-- ========================================== -->\r\n    <div id=\"plemeo-content-scope\">\r\n        <style>\r\n            \/* SCOPED CSS FOR GALLERY *\/\r\n            #plemeo-content-scope {\r\n                --sp-widget-top: 0rem; \r\n                --sp-widget-bottom: 0rem; \r\n                \r\n                --gallery-height-mobile: 460px;\r\n                --gallery-height-desktop: 520px;\r\n                --gallery-margin-bottom: 0rem;  \r\n                \r\n                --sp-cta-top: 0rem;            \r\n                --sp-cta-bottom: 0rem;\r\n                \r\n                --sp-modal-padding-mob: 1rem;\r\n                --sp-modal-padding-dt: 2rem;\r\n                --sp-modal-gap: 1.5rem;\r\n\r\n                --plemeo-blue: #00B0F0;\r\n                --plemeo-dark: #0b1120;\r\n                --plemeo-light: #F8FAFC;\r\n                --text-main: #334155;\r\n                --slate-900: #0f172a;\r\n                --slate-800: #1e293b;\r\n                --slate-500: #64748b;\r\n                --slate-400: #94a3b8;\r\n                --slate-300: #cbd5e1;\r\n                --slate-200: #e2e8f0;\r\n                --slate-100: #f1f5f9;\r\n                --white: #ffffff;\r\n\r\n                font-family: \"Plus Jakarta Sans\", system-ui, -apple-system, sans-serif;\r\n                color: var(--text-main);\r\n                width: 100%;\r\n                overflow-x: hidden;\r\n                position: relative;\r\n                padding: var(--sp-widget-top) 0 var(--sp-widget-bottom) 0;\r\n                line-height: 1.5;\r\n                box-sizing: border-box;\r\n                display: block;\r\n                background-color: transparent; \r\n            }\r\n\r\n            #plemeo-content-scope *, \r\n            #plemeo-content-scope *::before, \r\n            #plemeo-content-scope *::after {\r\n                box-sizing: border-box;\r\n            }\r\n\r\n            \/* --- 3D GALLERY --- *\/\r\n            #plemeo-content-scope .gallery-wrapper {\r\n                width: 100%;\r\n                position: relative;\r\n                margin-bottom: var(--gallery-margin-bottom);\r\n                overflow: hidden; \r\n                height: var(--gallery-height-mobile); \r\n                display: flex;\r\n                flex-direction: column; \r\n                justify-content: center;\r\n                align-items: center;\r\n            }\r\n            @media (min-width: 768px) { \r\n                #plemeo-content-scope .gallery-wrapper { \r\n                    height: var(--gallery-height-desktop); \r\n                    overflow: visible; \r\n                    display: block; \r\n                } \r\n            }\r\n\r\n            #plemeo-content-scope .gallery-bg-glow {\r\n                position: absolute;\r\n                top: 50%; left: 50%;\r\n                transform: translate(-50%, -50%);\r\n                width: 90%; height: 400px;\r\n                background: linear-gradient(to bottom, #f1f5f9, transparent);\r\n                z-index: -1;\r\n                border-radius: 50%;\r\n                filter: blur(60px);\r\n                opacity: 0.5;\r\n                pointer-events: none;\r\n            }\r\n\r\n            #plemeo-content-scope .gallery-stage {\r\n                perspective: 1000px; \r\n                padding-top: 20px;\r\n                padding-bottom: 20px;\r\n                display: flex;\r\n                justify-content: center;\r\n                align-items: center;\r\n                height: 100%;\r\n                width: 100%;\r\n                cursor: grab;\r\n                touch-action: pan-y;\r\n                user-select: none;\r\n            }\r\n            #plemeo-content-scope .gallery-stage:active { cursor: grabbing; }\r\n\r\n            #plemeo-content-scope .gallery-spinner {\r\n                transform-style: preserve-3d;\r\n                position: relative;\r\n                width: 200px; \r\n                height: 340px;\r\n                transform-origin: center center;\r\n            }\r\n            @media (min-width: 768px) {\r\n                #plemeo-content-scope .gallery-spinner { width: 240px; height: 426px; }\r\n            }\r\n\r\n            #plemeo-content-scope .gallery-item {\r\n                position: absolute;\r\n                top: 0; left: 0;\r\n                width: 100%; height: 100%;\r\n                border-radius: 16px;\r\n                background: #fff;\r\n                overflow: hidden;\r\n                backface-visibility: hidden;\r\n                -webkit-user-drag: none;\r\n                cursor: pointer;\r\n                box-shadow: 0 10px 25px rgba(0,0,0,0.15);\r\n                transform-style: flat; \r\n                \/* Allow clicks even on rotated sides *\/\r\n                pointer-events: auto;\r\n                transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1), z-index 0.5s;\r\n            }\r\n            #plemeo-content-scope .gallery-item * { pointer-events: none !important; }\r\n\r\n            #plemeo-content-scope .card-inner {\r\n                width: 100%; height: 100%;\r\n                background: var(--slate-900);\r\n                position: relative;\r\n            }\r\n            \r\n            #plemeo-content-scope .card-bg-icon {\r\n                position: absolute; inset: 0;\r\n                background: linear-gradient(to bottom right, var(--slate-800), var(--slate-900));\r\n                display: flex; align-items: center; justify-content: center;\r\n                opacity: 0.8;\r\n            }\r\n            #plemeo-content-scope .card-bg-icon svg { width: 50px; height: 50px; color: var(--slate-500); opacity: 0.2; }\r\n\r\n            #plemeo-content-scope .card-content {\r\n                position: absolute; inset: 0;\r\n                display: flex; flex-direction: column; justify-content: space-between;\r\n                padding: 1.25rem;\r\n                background: linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.6) 40%, transparent 100%);\r\n            }\r\n\r\n            #plemeo-content-scope .card-time {\r\n                align-self: flex-end;\r\n                background: rgba(0,0,0,0.4);\r\n                backdrop-filter: blur(4px);\r\n                color: white;\r\n                font-size: 9px;\r\n                font-family: monospace;\r\n                padding: 2px 6px;\r\n                border-radius: 4px;\r\n                border: 1px solid rgba(255,255,255,0.1);\r\n            }\r\n\r\n            #plemeo-content-scope .play-btn-circle {\r\n                width: 48px; height: 48px;\r\n                background: rgba(255,255,255,0.1);\r\n                backdrop-filter: blur(4px);\r\n                border-radius: 50%;\r\n                display: flex; align-items: center; justify-content: center;\r\n                margin: auto auto 1rem auto;\r\n                border: 1px solid rgba(255,255,255,0.2);\r\n                box-shadow: 0 0 20px rgba(0, 176, 240, 0.3);\r\n                transition: transform 0.5s;\r\n            }\r\n            #plemeo-content-scope .gallery-item:hover .play-btn-circle { transform: scale(1.1); }\r\n            #plemeo-content-scope .play-btn-circle svg { width: 18px; height: 18px; color: var(--plemeo-blue); fill: currentColor; }\r\n\r\n            #plemeo-content-scope .card-meta { margin-bottom: 0.5rem; }\r\n            \r\n            #plemeo-content-scope .card-tag {\r\n                color: var(--plemeo-blue);\r\n                font-size: 9px;\r\n                font-weight: 700;\r\n                text-transform: uppercase;\r\n                letter-spacing: 0.05em;\r\n                display: block;\r\n                margin-bottom: 0.25rem;\r\n            }\r\n            \r\n            #plemeo-content-scope .card-title {\r\n                color: white;\r\n                font-weight: 700;\r\n                font-size: 1.1rem;\r\n                line-height: 1.2;\r\n                margin: 0 0 0.25rem 0;\r\n            }\r\n\r\n            #plemeo-content-scope .card-desc {\r\n                color: rgba(255, 255, 255, 0.8);\r\n                font-size: 0.75rem;\r\n                line-height: 1.3;\r\n                font-weight: 400;\r\n                margin: 0;\r\n                display: -webkit-box;\r\n                -webkit-line-clamp: 3;\r\n                -webkit-box-orient: vertical;\r\n                overflow: hidden;\r\n            }\r\n\r\n            #plemeo-content-scope .ctrl-btn {\r\n                position: absolute;\r\n                top: 50%;\r\n                transform: translateY(-50%);\r\n                z-index: 30;\r\n                background: rgba(255,255,255,0.8);\r\n                backdrop-filter: blur(4px);\r\n                border: 1px solid var(--slate-100);\r\n                border-radius: 50%;\r\n                padding: 0.75rem;\r\n                color: var(--slate-500);\r\n                cursor: pointer;\r\n                transition: all 0.2s;\r\n                box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);\r\n                display: none;\r\n            }\r\n            @media (min-width: 768px) { #plemeo-content-scope .ctrl-btn { display: flex; } }\r\n            #plemeo-content-scope .ctrl-btn:hover { background: white; color: var(--plemeo-blue); transform: translateY(-50%) scale(1.1); }\r\n            #plemeo-content-scope .ctrl-left { left: 2rem; }\r\n            #plemeo-content-scope .ctrl-right { right: 2rem; }\r\n\r\n            #plemeo-content-scope .hint-container { \r\n                text-align: center; \r\n                margin-top: 0rem; \r\n                padding-bottom: 0rem;\r\n                position: relative; \r\n                z-index: 10; \r\n                width: 100%;\r\n                display: flex;\r\n                justify-content: center;\r\n            }\r\n            #plemeo-content-scope .hint-pill {\r\n                font-size: 0.7rem; color: var(--slate-400); background: rgba(255,255,255,0.6);\r\n                padding: 0.35rem 0.85rem; border-radius: 999px; display: inline-flex;\r\n                align-items: center; gap: 0.5rem; backdrop-filter: blur(4px); border: 1px solid var(--slate-200);\r\n                box-shadow: 0 2px 5px rgba(0,0,0,0.05);\r\n            }\r\n            #plemeo-content-scope .hint-pill svg { width: 12px; height: 12px; opacity: 0.7; }\r\n            @media (min-width: 768px) { #plemeo-content-scope .md-hidden { display: none; } }\r\n\r\n            #plemeo-content-scope .modal-overlay {\r\n                position: fixed; inset: 0;\r\n                background: rgba(15, 23, 42, 0.8);\r\n                backdrop-filter: blur(4px);\r\n                z-index: 99999; \r\n                display: none;\r\n                align-items: center; justify-content: center;\r\n                padding: 1rem;\r\n                opacity: 0;\r\n                transition: opacity 0.3s ease;\r\n            }\r\n            #plemeo-content-scope .modal-overlay.active { opacity: 1; }\r\n\r\n            #plemeo-content-scope .modal-content {\r\n                background: white;\r\n                border-radius: 1rem;\r\n                width: 100%; max-width: 900px;\r\n                max-height: 85vh;\r\n                display: flex; flex-direction: column;\r\n                overflow: hidden;\r\n                transform: scale(0.95);\r\n                transition: transform 0.3s ease;\r\n                position: relative;\r\n                box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\r\n            }\r\n            @media (min-width: 768px) { \r\n                #plemeo-content-scope .modal-content { flex-direction: row; max-height: 90vh; } \r\n            }\r\n            #plemeo-content-scope .modal-overlay.active .modal-content { transform: scale(1); }\r\n\r\n            #plemeo-content-scope .modal-close {\r\n                position: absolute; top: 0.75rem; right: 0.75rem;\r\n                z-index: 50;\r\n                background: rgba(255,255,255,0.2);\r\n                border: none; border-radius: 50%;\r\n                padding: 0.4rem; cursor: pointer; color: white;\r\n                backdrop-filter: blur(4px);\r\n            }\r\n            @media (min-width: 768px) {\r\n                #plemeo-content-scope .modal-close { background: var(--slate-100); color: var(--slate-500); top: 1rem; right: 1rem; padding: 0.5rem; }\r\n                #plemeo-content-scope .modal-close:hover { background: var(--slate-200); }\r\n            }\r\n\r\n            #plemeo-content-scope .modal-video-area {\r\n                background: var(--slate-900);\r\n                width: 100%; flex-shrink: 0;\r\n                display: flex; align-items: center; justify-content: center;\r\n                position: relative;\r\n                height: 200px;\r\n                min-height: 200px; \r\n            }\r\n            @media (min-width: 768px) { \r\n                #plemeo-content-scope .modal-video-area { width: 45%; height: auto; min-height: auto; } \r\n            }\r\n\r\n            #plemeo-content-scope .aspect-9-16 {\r\n                aspect-ratio: 9\/16;\r\n                height: 100%;\r\n                max-height: 100%;\r\n                display: flex; align-items: center; justify-content: center;\r\n            }\r\n            @media (min-width: 768px) { \r\n                #plemeo-content-scope .aspect-9-16 { max-height: 90vh; } \r\n            }\r\n\r\n            #plemeo-content-scope .modal-text-area {\r\n                flex-grow: 1; \r\n                padding: var(--sp-modal-padding-mob);\r\n                overflow-y: auto; \r\n                display: flex; \r\n                flex-direction: column;\r\n            }\r\n            @media (min-width: 768px) { \r\n                #plemeo-content-scope .modal-text-area { padding: var(--sp-modal-padding-dt); }\r\n            }\r\n\r\n            #plemeo-content-scope .modal-badge {\r\n                display: inline-flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem;\r\n            }\r\n            #plemeo-content-scope .dot { width: 6px; height: 6px; background: var(--plemeo-blue); border-radius: 50%; }\r\n            #plemeo-content-scope .modal-badge span {\r\n                font-size: 0.7rem; font-weight: 700; color: var(--plemeo-blue); text-transform: uppercase; letter-spacing: 0.05em;\r\n            }\r\n\r\n            #plemeo-content-scope .modal-h2 {\r\n                font-size: 1.25rem; font-weight: 700; color: var(--slate-900); margin: 0 0 0.5rem 0; line-height: 1.2;\r\n            }\r\n            @media (min-width: 768px) { \r\n                #plemeo-content-scope .modal-h2 { font-size: 1.875rem; margin-bottom: 1rem; }\r\n            }\r\n\r\n            #plemeo-content-scope .modal-desc {\r\n                font-size: 0.9rem; color: var(--slate-500); line-height: 1.5; margin-bottom: var(--sp-modal-gap);\r\n            }\r\n            @media (min-width: 768px) { \r\n                #plemeo-content-scope .modal-desc { font-size: 1.125rem; line-height: 1.6; }\r\n            }\r\n\r\n            #plemeo-content-scope .modal-footer {\r\n                margin-top: auto; padding-top: 1rem; border-top: 1px solid var(--slate-100);\r\n                display: flex;\r\n                flex-direction: column;\r\n                align-items: flex-start;\r\n            }\r\n            @media (min-width: 768px) { \r\n                #plemeo-content-scope .modal-footer { margin-top: 2.5rem; padding-top: 2rem; }\r\n            }\r\n            \r\n            #plemeo-content-scope .modal-footer h4 { font-size: 0.9rem; margin-bottom: 0.25rem; }\r\n            #plemeo-content-scope .modal-footer p { font-size: 0.8rem; margin-bottom: 1rem; }\r\n            \r\n            \/* Primary Button style for modal footer - Fixed size *\/\r\n            #plemeo-content-scope .btn-primary {\r\n                display: inline-flex; align-items: center; justify-content: center;\r\n                padding: 0.75rem 1.5rem; font-size: 1rem; font-weight: 700;\r\n                color: white !important; background-color: var(--plemeo-blue) !important;\r\n                border-radius: 0.75rem; text-decoration: none; transition: all 0.2s;\r\n                box-shadow: 0 10px 20px -5px rgba(0, 176, 240, 0.4); border: none; cursor: pointer;\r\n                width: auto;\r\n                max-width: 100%;\r\n            }\r\n            #plemeo-content-scope .btn-primary:hover {\r\n                background-color: #0099D1 !important; transform: translateY(-2px);\r\n                box-shadow: 0 12px 25px -5px rgba(0, 176, 240, 0.5);\r\n            }\r\n        <\/style>\r\n\r\n        <div class=\"gallery-wrapper\">\r\n            <div class=\"gallery-bg-glow\"><\/div>\r\n\r\n            <button onclick=\"window.rotateGallery(-1)\" class=\"ctrl-btn ctrl-left\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m15 18-6-6 6-6\"\/><\/svg>\r\n            <\/button>\r\n            <button onclick=\"window.rotateGallery(1)\" class=\"ctrl-btn ctrl-right\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m9 18 6-6-6-6\"\/><\/svg>\r\n            <\/button>\r\n\r\n            <div class=\"gallery-stage\" id=\"galleryStage\">\r\n                <div id=\"spinner\" class=\"gallery-spinner\">\r\n                    <!-- ITEM 1: SevDesk -->\r\n                    <div class=\"gallery-item\" onclick=\"if(!window.isDraggingGlobal) window.openModal('vlog1')\">\r\n                        <div class=\"card-inner\">\r\n                            <div class=\"card-bg-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z\"\/><polyline points=\"14 2 14 8 20 8\"\/><path d=\"M8 13h2\"\/><path d=\"M8 17h2\"\/><path d=\"M14 13h2\"\/><path d=\"M14 17h2\"\/><\/svg><\/div>\r\n                            <div class=\"card-content\">\r\n                                <div class=\"card-time\">0:24<\/div>\r\n                                <div class=\"play-btn-circle\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg><\/div>\r\n                                <div class=\"card-meta\">\r\n                                    <span class=\"card-tag\">Integration<\/span>\r\n                                    <h3 class=\"card-title\">MCP &<br>SevDesk<\/h3>\r\n                                    <p class=\"card-desc\">Automated invoice booking in real-time.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <!-- ITEM 2: Legacy -->\r\n                    <div class=\"gallery-item\" onclick=\"if(!window.isDraggingGlobal) window.openModal('vlog2')\">\r\n                         <div class=\"card-inner\">\r\n                            <div class=\"card-bg-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"\/><path d=\"M21 12c0 1.66-4 3-9 3s-9-1.34-9-3\"\/><path d=\"M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5\"\/><\/svg><\/div>\r\n                            <div class=\"card-content\">\r\n                                <div class=\"card-time\">0:30<\/div>\r\n                                <div class=\"play-btn-circle\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg><\/div>\r\n                                <div class=\"card-meta\">\r\n                                    <span class=\"card-tag\">Legacy<\/span>\r\n                                    <h3 class=\"card-title\">AI meets<br>legacy ERP<\/h3>\r\n                                    <p class=\"card-desc\">Secure connection of on-premise systems without cloud pressure.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <!-- ITEM 3: BMW -->\r\n                    <div class=\"gallery-item\" onclick=\"if(!window.isDraggingGlobal) window.openModal('vlog3')\">\r\n                         <div class=\"card-inner\">\r\n                            <div class=\"card-bg-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 20a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8l-7 5V8l-7 5V4a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z\"\/><path d=\"M17 18h1\"\/><path d=\"M12 18h1\"\/><path d=\"M7 18h1\"\/><\/svg><\/div>\r\n                            <div class=\"card-content\">\r\n                                <div class=\"card-time\">0:15<\/div>\r\n                                <div class=\"play-btn-circle\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg><\/div>\r\n                                <div class=\"card-meta\">\r\n                                    <span class=\"card-tag\">Enterprise<\/span>\r\n                                    <h3 class=\"card-title\">Predictive<br>Maint.<\/h3>\r\n                                    <p class=\"card-desc\">AI-powered error detection before machines come to a standstill.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <!-- ITEM 4: Agents -->\r\n                    <div class=\"gallery-item\" onclick=\"if(!window.isDraggingGlobal) window.openModal('vlog4')\">\r\n                         <div class=\"card-inner\">\r\n                            <div class=\"card-bg-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 8V4H8\"\/><rect width=\"16\" height=\"12\" x=\"4\" y=\"8\" rx=\"2\"\/><path d=\"M2 14h2\"\/><path d=\"M20 14h2\"\/><path d=\"M15 13v2\"\/><path d=\"M9 13v2\"\/><\/svg><\/div>\r\n                            <div class=\"card-content\">\r\n                                <div class=\"card-time\">0:28<\/div>\r\n                                <div class=\"play-btn-circle\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg><\/div>\r\n                                <div class=\"card-meta\">\r\n                                    <span class=\"card-tag\">Technology<\/span>\r\n                                    <h3 class=\"card-title\">Autonomous<br>Agents<\/h3>\r\n                                    <p class=\"card-desc\">LLaMA 4 models control complex workflows autonomously.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <!-- ITEM 5: Workflow -->\r\n                    <div class=\"gallery-item\" onclick=\"if(!window.isDraggingGlobal) window.openModal('vlog1')\">\r\n                         <div class=\"card-inner\">\r\n                            <div class=\"card-bg-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"8\" height=\"8\" x=\"3\" y=\"3\" rx=\"2\"\/><path d=\"M7 11v4a2 2 0 0 0 2 2h4\"\/><rect width=\"8\" height=\"8\" x=\"13\" y=\"13\" rx=\"2\"\/><\/svg><\/div>\r\n                            <div class=\"card-content\">\r\n                                <div class=\"card-time\">0:45<\/div>\r\n                                <div class=\"play-btn-circle\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg><\/div>\r\n                                <div class=\"card-meta\">\r\n                                    <span class=\"card-tag\">Workflow<\/span>\r\n                                    <h3 class=\"card-title\">On-Premise<br>Setup<\/h3>\r\n                                    <p class=\"card-desc\">Seamless integration into existing IT infrastructures.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <!-- ITEM 6: Speed -->\r\n                    <div class=\"gallery-item\" onclick=\"if(!window.isDraggingGlobal) window.openModal('vlog3')\">\r\n                         <div class=\"card-inner\">\r\n                            <div class=\"card-bg-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\/><rect x=\"9\" y=\"9\" width=\"6\" height=\"6\"\/><path d=\"M15 2v2\"\/><path d=\"M15 20v2\"\/><path d=\"M2 15h2\"\/><path d=\"M2 9h2\"\/><path d=\"M20 15h2\"\/><path d=\"M20 9h2\"\/><path d=\"M9 2v2\"\/><path d=\"M9 20v2\"\/><\/svg><\/div>\r\n                            <div class=\"card-content\">\r\n                                <div class=\"card-time\">0:12<\/div>\r\n                                <div class=\"play-btn-circle\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg><\/div>\r\n                                <div class=\"card-meta\">\r\n                                    <span class=\"card-tag\">Speed<\/span>\r\n                                    <h3 class=\"card-title\">LLaMA 4<br>Speed<\/h3>\r\n                                    <p class=\"card-desc\">High-speed processing of local data.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"hint-container md-hidden\" style=\"display: none;\">\r\n                 <span class=\"hint-pill\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"18 8 22 12 18 16\"\/><polyline points=\"6 8 2 12 6 16\"\/><line x1=\"2\" x2=\"22\" y1=\"12\" y2=\"12\"\/><\/svg>\r\n                    Swipe to rotate\r\n                <\/span>\r\n            <\/div>\r\n            <script>if(window.innerWidth < 768) { document.querySelector('#plemeo-content-scope .md-hidden').style.display = 'block'; }<\/script>\r\n        <\/div>\r\n\r\n        <div id=\"modal-overlay\" class=\"modal-overlay\">\r\n            <div id=\"modal-content\" class=\"modal-content\">\r\n                <button onclick=\"window.closeModal()\" class=\"modal-close\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" x2=\"6\" y1=\"6\" y2=\"18\"\/><line x1=\"6\" x2=\"18\" y1=\"6\" y2=\"18\"\/><\/svg>\r\n                <\/button>\r\n\r\n                <div class=\"modal-video-area\">\r\n                    <div class=\"aspect-9-16\">\r\n                        <div class=\"text-center\" style=\"cursor: pointer; text-align: center;\" onclick=\"window.loadVideo()\">\r\n                            <div style=\"width: 5rem; height: 5rem; background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem auto; backdrop-filter: blur(4px);\">\r\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"white\" stroke=\"none\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg>\r\n                            <\/div>\r\n                            <p style=\"color: rgba(255,255,255,0.6); font-size: 0.875rem;\">Start video (9:16)<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"modal-text-area\">\r\n                    <div style=\"margin-bottom: auto;\">\r\n                        <div class=\"modal-badge\">\r\n                            <div class=\"dot\"><\/div>\r\n                            <span id=\"modal-title-top\">Live Case<\/span>\r\n                        <\/div>\r\n                        <h2 id=\"modal-headline\" class=\"modal-h2\">Video Title<\/h2>\r\n                        <p id=\"modal-desc\" class=\"modal-desc\">Use case description.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"modal-footer\">\r\n                        <h4 style=\"font-weight: 700; color: var(--slate-900); margin: 0 0 0.5rem 0;\">Interested in this process?<\/h4>\r\n                        <p style=\"font-size: 0.875rem; color: var(--slate-400); margin: 0 0 1.5rem 0;\">Book an appointment directly with our technical consultancy.<\/p>\r\n                        <a href=\"https:\/\/cal.com\/gerhardmeier\/30min\" target=\"_blank\" class=\"btn-primary\">\r\n                            Schedule a consultancy\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-left: 8px;\"><line x1=\"5\" x2=\"19\" y1=\"12\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <script>\r\n            (function() {\r\n                const stage = document.getElementById('galleryStage');\r\n                const spinner = document.getElementById('spinner');\r\n                const items = document.querySelectorAll('#plemeo-content-scope .gallery-item');\r\n                \r\n                let currentAngle = 0;\r\n                let autoRotateInterval;\r\n                let restartTimeout;\r\n                let currentRadius = 400; \r\n                \r\n                window.isDraggingGlobal = false; \r\n                \r\n                const itemCount = items.length;\r\n                const angleStep = 360 \/ itemCount;\r\n                \r\n                function updateLayout() {\r\n                    const width = window.innerWidth;\r\n                    if(width < 768) {\r\n                        currentRadius = 240; \r\n                    } else {\r\n                        currentRadius = 400;\r\n                    }\r\n\r\n                    items.forEach((item, index) => {\r\n                        const angle = index * angleStep;\r\n                        item.style.transform = `rotateY(${angle}deg) translateZ(${currentRadius}px)`;\r\n                    });\r\n                    updateTransform();\r\n                }\r\n\r\n                function updateTransform() {\r\n                    spinner.style.transform = `translateZ(-${currentRadius}px) rotateY(${currentAngle}deg)`;\r\n                    \r\n                    \/\/ FIX CLICKABILITY: Update Z-Index based on proximity to viewer\r\n                    items.forEach((item, index) => {\r\n                        const angleInRad = (index * angleStep + currentAngle) * (Math.PI \/ 180);\r\n                        \/\/ Elements closer to the screen (facing the user) get a higher z-index\r\n                        \/\/ This prevents invisible bounds of side cards from blocking back cards\r\n                        const zIndex = Math.round(Math.cos(angleInRad) * 100);\r\n                        item.style.zIndex = zIndex;\r\n                    });\r\n                }\r\n\r\n                window.addEventListener('resize', updateLayout);\r\n                setTimeout(updateLayout, 100);\r\n\r\n                let isDragging = false;\r\n                let startX = 0;\r\n                let lastX = 0;\r\n                let velocity = 0;\r\n                \r\n                function getX(e) {\r\n                    return e.type.includes('mouse') ? e.clientX : e.touches[0].clientX;\r\n                }\r\n\r\n                function startDrag(e) {\r\n                    isDragging = true;\r\n                    window.isDraggingGlobal = false;\r\n                    startX = getX(e);\r\n                    lastX = startX;\r\n                    velocity = 0;\r\n                    clearInterval(autoRotateInterval);\r\n                    clearTimeout(restartTimeout);\r\n                    spinner.style.transition = 'none';\r\n                }\r\n\r\n                function moveDrag(e) {\r\n                    if (!isDragging) return;\r\n                    const x = getX(e);\r\n                    const delta = x - lastX;\r\n                    \r\n                    if (Math.abs(x - startX) > 10) window.isDraggingGlobal = true;\r\n\r\n                    const sensitivity = e.type.includes('mouse') ? 0.2 : 0.4;\r\n                    currentAngle += delta * sensitivity;\r\n                    updateTransform();\r\n                    \r\n                    velocity = delta;\r\n                    lastX = x;\r\n                }\r\n\r\n                function endDrag() {\r\n                    if (!isDragging) return;\r\n                    isDragging = false;\r\n                    \r\n                    if (Math.abs(velocity) > 1) {\r\n                        spinner.style.transition = 'transform 1s cubic-bezier(0.2, 0.8, 0.2, 1)';\r\n                        currentAngle += velocity * 5;\r\n                        updateTransform();\r\n                        clearTimeout(restartTimeout);\r\n                        restartTimeout = setTimeout(startAutoRotate, 1000);\r\n                    } else {\r\n                        spinner.style.transition = 'transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1)';\r\n                        startAutoRotate();\r\n                    }\r\n                }\r\n\r\n                stage.addEventListener('mousedown', startDrag);\r\n                window.addEventListener('mousemove', moveDrag); \r\n                window.addEventListener('mouseup', endDrag);\r\n\r\n                stage.addEventListener('touchstart', startDrag, {passive: true});\r\n                window.addEventListener('touchmove', moveDrag, {passive: true});\r\n                window.addEventListener('touchend', endDrag);\r\n\r\n                window.rotateGallery = function(direction) {\r\n                    clearInterval(autoRotateInterval);\r\n                    clearTimeout(restartTimeout);\r\n                    spinner.style.transition = 'transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1)';\r\n                    currentAngle += direction * angleStep * -1;\r\n                    updateTransform();\r\n                    restartTimeout = setTimeout(startAutoRotate, 1000);\r\n                }\r\n\r\n                function startAutoRotate() {\r\n                    clearInterval(autoRotateInterval);\r\n                    spinner.style.transition = 'transform 0.1s linear'; \r\n                    autoRotateInterval = setInterval(() => {\r\n                        if(!isDragging) {\r\n                            currentAngle -= 0.05; \r\n                            spinner.style.transition = 'none'; \r\n                            updateTransform();\r\n                        }\r\n                    }, 20);\r\n                }\r\n\r\n                startAutoRotate();\r\n\r\n                const overlay = document.getElementById('modal-overlay');\r\n                const headline = document.getElementById('modal-headline');\r\n                const desc = document.getElementById('modal-desc');\r\n\r\n                window.openModal = function(id) {\r\n                    if(window.isDraggingGlobal) return;\r\n                    clearInterval(autoRotateInterval);\r\n                    \r\n                    let titleText = \"\";\r\n                    let descText = \"\";\r\n                    \r\n                    if(id === 'vlog1') { titleText = \"MCP & SevDesk Integration\"; descText = \"In this video, we show how our agent extracts invoice data directly from emails, checks it against the order, and books it in SevDesk \u2013 in under 30 seconds. This use case demonstrates the automation of accounting processes.\"; }\r\n                    else if(id === 'vlog2') { titleText = \"Legacy ERP Connection\"; descText = \"This video shows how we securely connect a 15-year-old on-premise ERP to modernize legacy systems without cloud pressure.\"; }\r\n                    else if(id === 'vlog3') { titleText = \"Predictive Maintenance\"; descText = \"This video provides an exclusive look into our enterprise project. The AI analyzes vibration data from production lines and warns technicians before failure. A clear use case for preventive maintenance.\"; }\r\n                    else { titleText = \"Autonomous Agents Live\"; descText = \"No script, real demo. See in this video how LLaMA 4 models are at work: agents that make independent decisions and optimize complex workflows. A use case for autonomous process control.\"; }\r\n\r\n                    headline.innerText = titleText;\r\n                    desc.innerText = descText;\r\n                    \r\n                    overlay.style.display = 'flex';\r\n                    setTimeout(() => overlay.classList.add('active'), 10);\r\n                }\r\n\r\n                window.closeModal = function() {\r\n                    overlay.classList.remove('active');\r\n                    setTimeout(() => {\r\n                        overlay.style.display = 'none';\r\n                        startAutoRotate();\r\n                    }, 300);\r\n                }\r\n\r\n                window.loadVideo = function() {\r\n                    const area = document.querySelector('.modal-video-area .aspect-9-16');\r\n                    area.innerHTML = '<p style=\"color:white\">Loading video...<\/p>';\r\n                }\r\n\r\n                overlay.addEventListener('click', (e) => {\r\n                    if (e.target === overlay) window.closeModal();\r\n                });\r\n            })();\r\n        <\/script>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bce66a5 elementor-widget elementor-widget-html\" data-id=\"bce66a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"plemeo-content-scope-en\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        #plemeo-content-scope-en {\r\n            --p-primary-start: #02B3F1;\r\n            --p-primary-end: #24DEF9;\r\n            --p-gradient: linear-gradient(135deg, var(--p-primary-start) 0%, var(--p-primary-end) 100%);\r\n            --p-bg-surface: #ffffff;\r\n            --p-bg-subtle: #f8fafc;\r\n            --p-border: #e2e8f0;\r\n            --p-text-main: #0f172a;\r\n            --p-text-muted: #64748b;\r\n            --p-success: #10b981;\r\n            --p-success-bg: #ecfdf5;\r\n            --p-shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);\r\n            --p-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.02);\r\n            --p-radius-lg: 24px;\r\n            --p-radius-md: 12px;\r\n\r\n            font-family: \"Plus Jakarta Sans\", system-ui, -apple-system, sans-serif;\r\n            width: 100% !important;\r\n            margin: 0 !important;\r\n            padding: 30px 20px 60px 20px !important; \r\n            display: block;\r\n            -webkit-font-smoothing: antialiased;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        #plemeo-content-scope-en *, #plemeo-content-scope-en *::before, #plemeo-content-scope-en *::after { box-sizing: border-box; outline: none; }\r\n\r\n        #plemeo-content-scope-en .consult-box {\r\n            width: 100%; max-width: 1140px; margin: 0 auto;\r\n            background: var(--p-bg-surface); border: 1px solid var(--p-border);\r\n            border-radius: var(--p-radius-lg); overflow: hidden;\r\n            box-shadow: var(--p-shadow-lg); display: flex; flex-direction: column;\r\n        }\r\n\r\n        @media (min-width: 992px) {\r\n            #plemeo-content-scope-en { padding: 40px 20px 80px 20px !important; }\r\n            #plemeo-content-scope-en .consult-layout { display: grid; grid-template-columns: 1fr 1.3fr; min-height: 480px; }\r\n        }\r\n\r\n        #plemeo-content-scope-en .info-side {\r\n            padding: 2.5rem 1.5rem; background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);\r\n            position: relative; display: flex; flex-direction: column; justify-content: center;\r\n            border-bottom: 1px solid var(--p-border);\r\n        }\r\n\r\n        @media (min-width: 992px) { #plemeo-content-scope-en .info-side { padding: 4rem; border-bottom: none; border-right: 1px solid var(--p-border); } }\r\n\r\n        #plemeo-content-scope-en .info-side::before {\r\n            content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%;\r\n            background: radial-gradient(circle at center, rgba(36, 222, 249, 0.08) 0%, transparent 60%);\r\n            z-index: 0; pointer-events: none;\r\n        }\r\n\r\n        #plemeo-content-scope-en .icon-wrapper {\r\n            width: 56px; height: 56px; background: var(--p-bg-surface);\r\n            border: 1px solid rgba(2, 179, 241, 0.2); border-radius: 16px;\r\n            display: flex; align-items: center; justify-content: center;\r\n            margin-bottom: 2rem; box-shadow: var(--p-shadow-sm);\r\n        }\r\n\r\n        #plemeo-content-scope-en .icon-wrapper svg { stroke: url(#p-grad-en); stroke-width: 2; }\r\n\r\n        #plemeo-content-scope-en h2 {\r\n            font-size: clamp(1.5rem, 4vw, 2.25rem); font-weight: 800; color: var(--p-text-main);\r\n            margin: 0 0 1rem 0; letter-spacing: -0.03em; line-height: 1.1;\r\n        }\r\n\r\n        #plemeo-content-scope-en .description { color: var(--p-text-muted); font-size: 1.05rem; line-height: 1.6; max-width: 400px; }\r\n\r\n        #plemeo-content-scope-en .form-side {\r\n            padding: 2.5rem 1.5rem; background: var(--p-bg-surface);\r\n            display: flex; flex-direction: column; justify-content: center;\r\n        }\r\n\r\n        @media (min-width: 992px) { #plemeo-content-scope-en .form-side { padding: 4rem; } }\r\n\r\n        #plemeo-content-scope-en .form-stack { display: flex; flex-direction: column; gap: 1.5rem; position: relative; }\r\n\r\n        #plemeo-content-scope-en .input-element {\r\n            width: 100%; background: var(--p-bg-surface); border: 2px solid var(--p-border);\r\n            color: var(--p-text-main); font-size: 16px; border-radius: var(--p-radius-md);\r\n            padding: 1rem 1.25rem; font-family: inherit; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); appearance: none;\r\n        }\r\n\r\n        #plemeo-content-scope-en .input-element:focus {\r\n            border-color: var(--p-primary-start); box-shadow: 0 0 0 4px rgba(2, 179, 241, 0.1); transform: translateY(-1px);\r\n        }\r\n\r\n        #plemeo-content-scope-en textarea.input-element { min-height: 140px; resize: vertical; }\r\n\r\n        #plemeo-content-scope-en .btn-submit-main {\r\n            height: 58px; background: var(--p-gradient); color: white;\r\n            border: none; border-radius: var(--p-radius-md); padding: 0 2.5rem;\r\n            font-size: 1rem; font-weight: 700; cursor: pointer; display: inline-flex;\r\n            align-items: center; justify-content: center; gap: 10px;\r\n            box-shadow: 0 10px 20px -5px rgba(2, 179, 241, 0.4); transition: all 0.3s ease; width: 100%;\r\n        }\r\n\r\n        @media (min-width: 600px) { #plemeo-content-scope-en .btn-submit-main { width: auto; align-self: flex-start; } }\r\n\r\n        #plemeo-content-scope-en .checkbox-container { display: flex; gap: 0.75rem; align-items: flex-start; cursor: pointer; }\r\n\r\n        #plemeo-content-scope-en .cb-input-native {\r\n            appearance: none; width: 22px; height: 22px; border: 2px solid var(--p-border);\r\n            border-radius: 6px; flex-shrink: 0; cursor: pointer; display: grid; place-content: center; transition: all 0.2s;\r\n        }\r\n\r\n        #plemeo-content-scope-en .cb-input-native:checked { background-color: var(--p-primary-start); border-color: var(--p-primary-start); }\r\n        #plemeo-content-scope-en .cb-input-native::before {\r\n            content: \"\"; width: 12px; height: 12px; transform: scale(0);\r\n            background-color: white; clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);\r\n            transition: 120ms transform ease-in-out;\r\n        }\r\n        #plemeo-content-scope-en .cb-input-native:checked::before { transform: scale(1); }\r\n\r\n        #plemeo-content-scope-en .form-success-overlay {\r\n            position: absolute; inset: 0; background: var(--p-bg-surface);\r\n            display: flex; flex-direction: column; align-items: center; justify-content: center;\r\n            text-align: center; opacity: 0; pointer-events: none; transition: opacity 0.4s ease;\r\n            z-index: 10; padding: 2rem;\r\n        }\r\n\r\n        #plemeo-content-scope-en.is-success .form-success-overlay { opacity: 1; pointer-events: auto; }\r\n        #plemeo-content-scope-en.is-success .form-stack { opacity: 0; pointer-events: none; }\r\n\r\n        #plemeo-content-scope-en .plemeo-btn-container { display: flex; justify-content: center; padding: 3rem 0 2rem 0; width: 100%; }\r\n        #plemeo-content-scope-en .plemeo-btn-primary {\r\n            display: inline-flex; align-items: center; justify-content: center; padding: 1rem 2rem;\r\n            font-size: 1.125rem; font-weight: 700; color: #ffffff !important;\r\n            background-color: #00B0F0 !important; border-radius: 0.75rem; text-decoration: none;\r\n            transition: all 0.3s ease; box-shadow: 0 10px 30px -10px rgba(0, 176, 240, 0.5);\r\n            width: 100%; max-width: 400px;\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"consult-box\" id=\"p-main-widget-en\">\r\n        <!-- Einzigartige ID f\u00fcr den englischen Gradienten -->\r\n        <svg style=\"width:0;height:0;position:absolute;\">\r\n            <lineargradient id=\"p-grad-en\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n                <stop offset=\"0%\" stop-color=\"#02B3F1\" \/>\r\n                <stop offset=\"100%\" stop-color=\"#24DEF9\" \/>\r\n            <\/lineargradient>\r\n        <\/svg>\r\n\r\n        <div class=\"consult-layout\">\r\n            <div class=\"info-side\">\r\n                <div class=\"info-content\">\r\n                    <div class=\"icon-wrapper\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/><\/svg>\r\n                    <\/div>\r\n                    <h2>Specific Case Inquiry?<\/h2>\r\n                    <p class=\"description\">Connect directly with our engineering team. We will analyze your requirement and provide a precise technical response.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"form-side\">\r\n                <div class=\"form-success-overlay\">\r\n                    <div class=\"success-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\r\n                    <h3 style=\"margin-bottom: 0.5rem; font-size: 1.5rem; color: var(--p-text-main);\">Request Sent!<\/h3>\r\n                    <p style=\"color: var(--p-text-muted);\">We have received your message and will be in touch shortly.<\/p>\r\n                <\/div>\r\n\r\n                <form onsubmit=\"event.preventDefault(); window.submitPlemeoLeadEn();\" id=\"p-lead-form-en\" class=\"form-stack\" action=\"\">\r\n                    <div class=\"input-group\"><textarea id=\"p-case-input-en\" required placeholder=\"Briefly describe your project...\" class=\"input-element\"><\/textarea><\/div>\r\n                    <div class=\"input-group\"><input type=\"email\" id=\"p-email-input-en\" required placeholder=\"name@company.com\" class=\"input-element\" style=\"height: 58px;\" \/><\/div>\r\n                    <div class=\"checkbox-container\">\r\n                        <input type=\"checkbox\" id=\"p-dsgvo-check-en\" required class=\"cb-input-native\">\r\n                        <label for=\"p-dsgvo-check-en\" class=\"cb-text\">I agree to the <a href=\"https:\/\/plemeo.ai\/en_gb\/datenschutzerklarung\/\" target=\"_blank\">Privacy Policy<\/a>.<\/label>\r\n                    <\/div>\r\n\r\n                    <button type=\"submit\" class=\"btn-submit-main\" id=\"p-submit-btn-en\">\r\n                        <span>Send Request<\/span>\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"22\" x2=\"11\" y1=\"2\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg>\r\n                    <\/button>\r\n                <input type=\"hidden\" name=\"trp-form-language\" value=\"en_gb\"\/><\/form>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"plemeo-btn-container\">\r\n        <a href=\"https:\/\/plemeo.ai\/en_gb\/\" class=\"plemeo-btn-primary\">Back to plemeo.ai homepage <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-left:8px\"><line x1=\"5\" x2=\"19\" y1=\"12\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/a>\r\n    <\/div>\r\n\r\n    <script>\r\n        (function() {\r\n            window.submitPlemeoLeadEn = function() {\r\n                const scope = document.getElementById('plemeo-content-scope-en');\r\n                const btn = document.getElementById('p-submit-btn-en');\r\n                const input = document.getElementById('p-case-input-en');\r\n                const email = document.getElementById('p-email-input-en');\r\n                const check = document.getElementById('p-dsgvo-check-en');\r\n                \r\n                if(check.checked && input.value.trim() && email.value.trim() && email.checkValidity()) {\r\n                    const originalBtnContent = btn.innerHTML;\r\n                    btn.disabled = true;\r\n                    btn.style.opacity = '0.8';\r\n                    btn.innerHTML = '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"animation: p-loading-spin 0.8s linear infinite;\"><path d=\"M21 12a9 9 0 1 1-6.219-8.56\"\/><\/svg>';\r\n\r\n                    const params = new URLSearchParams();\r\n                    params.append('action', 'plemeo_send_lead');\r\n                    params.append('case_text', input.value);\r\n                    params.append('user_email', email.value);\r\n\r\n                    fetch('\/wp-admin\/admin-ajax.php', { \r\n                        method: 'POST', \r\n                        headers: { 'Content-Type': 'application\/x-www-form-urlencoded; charset=UTF-8' },\r\n                        body: params.toString()\r\n                    })\r\n                    .then(r => r.json())\r\n                    .then(data => {\r\n                        if(data.success) { scope.classList.add('is-success'); } \r\n                        else { throw new Error(data.data || \"Error\"); }\r\n                    })\r\n                    .catch(() => { \r\n                        alert(\"Error sending request. Please try again.\");\r\n                        btn.disabled = false; btn.style.opacity = '1'; btn.innerHTML = originalBtnContent;\r\n                    });\r\n                }\r\n            };\r\n        })();\r\n    <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e970df4 elementor-widget elementor-widget-html\" data-id=\"e970df4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<!-- FOOTER WIDGET START (ENGLISH VERSION) -->\r\n<div id=\"plemeo-footer-scope-en\">\r\n    \r\n    <!-- Fonts -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;600&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        \/* SCOPED CSS *\/\r\n        #plemeo-footer-scope-en {\r\n            \/* VARIABLES *\/\r\n            --plemeo-blue: #00B0F0;\r\n            --slate-400: #94a3b8;\r\n            --slate-500: #64748b;\r\n            --slate-900: #0f172a;\r\n\r\n            font-family: \"Plus Jakarta Sans\", system-ui, -apple-system, sans-serif;\r\n            width: 100%;\r\n            position: relative;\r\n            padding: 2rem 1rem;\r\n            box-sizing: border-box;\r\n            background: transparent;\r\n            font-size: 0.75rem; \/* 12px *\/\r\n            color: var(--slate-400);\r\n            line-height: 1.5;\r\n        }\r\n\r\n        #plemeo-footer-scope-en *, \r\n        #plemeo-footer-scope-en *::before, \r\n        #plemeo-footer-scope-en *::after {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        \/* Container Layout *\/\r\n        #plemeo-footer-scope-en .footer-container {\r\n            max-width: 1140px;\r\n            margin: 0 auto;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 1rem;\r\n            text-align: center;\r\n        }\r\n\r\n        \/* Desktop Layout *\/\r\n        @media (min-width: 768px) {\r\n            #plemeo-footer-scope-en .footer-container {\r\n                flex-direction: row;\r\n                justify-content: space-between;\r\n                gap: 2rem;\r\n            }\r\n        }\r\n\r\n        \/* Link Groups *\/\r\n        #plemeo-footer-scope-en .footer-links {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            justify-content: center;\r\n            gap: 1rem;\r\n            align-items: center;\r\n        }\r\n\r\n        \/* Links Styling *\/\r\n        #plemeo-footer-scope-en a {\r\n            color: var(--slate-400);\r\n            text-decoration: none;\r\n            transition: color 0.2s ease;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        #plemeo-footer-scope-en a:hover {\r\n            color: var(--plemeo-blue);\r\n        }\r\n\r\n        \/* Made By Section *\/\r\n        #plemeo-footer-scope-en .made-by {\r\n            opacity: 0.8;\r\n        }\r\n        #plemeo-footer-scope-en .made-by a {\r\n            font-weight: 600;\r\n            color: var(--slate-500);\r\n        }\r\n        #plemeo-footer-scope-en .made-by a:hover {\r\n            color: var(--plemeo-blue);\r\n        }\r\n\r\n        \/* Separator Dots (Desktop only) *\/\r\n        #plemeo-footer-scope-en .separator {\r\n            display: none;\r\n            width: 3px;\r\n            height: 3px;\r\n            background-color: var(--slate-400);\r\n            border-radius: 50%;\r\n            opacity: 0.5;\r\n        }\r\n        @media (min-width: 480px) {\r\n            #plemeo-footer-scope-en .separator { display: inline-block; }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"footer-container\">\r\n        \r\n        <!-- Legal Links -->\r\n        <div class=\"footer-links\">\r\n            <a href=\"https:\/\/plemeo.ai\/en_gb\/impressum\/\">Imprint<\/a>\r\n            <span class=\"separator\"><\/span>\r\n            <a href=\"https:\/\/plemeo.ai\/en_gb\/datenschutzerklarung\/\">Privacy Policy<\/a>\r\n            <span class=\"separator\"><\/span>\r\n            <a href=\"https:\/\/plemeo.ai\/en_gb\/cookie-policy-eu\/\">Cookie Policy<\/a>\r\n        <\/div>\r\n\r\n        <!-- Made By -->\r\n        <div class=\"made-by\">\r\n            Made by <a href=\"https:\/\/upgrade-group.de\/\" target=\"_blank\" rel=\"noopener\">Upgrade Marketing<\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>plemeo.ai Nicht schon wieder eine dieser 08\/15 SaaS-L\u00f6sungen. Wir bauen keine Tools. Wir bauen autonome Systeme. Sehen Sie live, wie wir Routineaufgaben in Wettbewerbsvorteile verwandeln. Buchungen Preise Newsletter Startseite \u2715 Newsletter Erhalten Sie Updates zu unseren autonomen Systemen. Anmelden Erfolgreich angemeldet! 0:24 Integration MCP &#038;SevDesk Automatische Verbuchung von Rechnungen in Echtzeit. 0:30 Legacy KI trifftaltes [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-3266","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/plemeo.ai\/en_gb\/wp-json\/wp\/v2\/pages\/3266","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/plemeo.ai\/en_gb\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/plemeo.ai\/en_gb\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/plemeo.ai\/en_gb\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/plemeo.ai\/en_gb\/wp-json\/wp\/v2\/comments?post=3266"}],"version-history":[{"count":389,"href":"https:\/\/plemeo.ai\/en_gb\/wp-json\/wp\/v2\/pages\/3266\/revisions"}],"predecessor-version":[{"id":3710,"href":"https:\/\/plemeo.ai\/en_gb\/wp-json\/wp\/v2\/pages\/3266\/revisions\/3710"}],"wp:attachment":[{"href":"https:\/\/plemeo.ai\/en_gb\/wp-json\/wp\/v2\/media?parent=3266"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}