{"id":7349,"date":"2026-05-15T22:14:12","date_gmt":"2026-05-15T22:14:12","guid":{"rendered":"https:\/\/creativemutant.com\/?page_id=7349"},"modified":"2026-05-21T19:33:28","modified_gmt":"2026-05-21T19:33:28","slug":"centro-de-informacion-para-la-audiencia","status":"publish","type":"page","link":"https:\/\/creativemutant.com\/es\/audience-hub-center\/","title":{"rendered":"Centro de informaci\u00f3n para el p\u00fablico"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7349\" class=\"elementor elementor-7349\" data-elementor-settings=\"{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_widescreen&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet_extra&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile_extra&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_widescreen&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet_extra&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile_extra&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_widescreen&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet_extra&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile_extra&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f3797e0 e-flex e-con-boxed e-con e-parent\" data-id=\"f3797e0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/creativemutant.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/marketingIAHospitalityServices.mp4&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-background-video-container elementor-hidden-mobile\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-bdf35e6 elementor-widget elementor-widget-html\" data-id=\"bdf35e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Creative AI Audience Machine | CM V14<\/title>\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@600;800&family=Roboto:wght@300;400;500&family=JetBrains+Mono&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        \/* OFFICIAL CREATIVE MUTANT PALETTE *\/\r\n        :root {\r\n            --cm-pink: #FF5BB2;\r\n            --cm-purple: #2E0249;\r\n            --cm-light-pink: #F497BF;\r\n            --cm-grey: #7A7A7A;\r\n            --white: #FFFFFF;\r\n        }\r\n\r\n        \/* ENCAPSULATED CONTAINER *\/\r\n        #cm-v14-gateway {\r\n            all: initial;\r\n            display: block;\r\n            font-family: 'Roboto', sans-serif;\r\n            position: relative;\r\n            max-width: 780px;\r\n            margin: 40px auto;\r\n            border-radius: 20px;\r\n            box-sizing: border-box;\r\n            padding: 3px;\r\n            background: transparent;\r\n        }\r\n\r\n        #cm-v14-gateway * { box-sizing: border-box; }\r\n\r\n        \/* GLASS & ANIMATED BORDER LIGHT *\/\r\n        .glass-terminal {\r\n            position: relative;\r\n            background: rgba(255, 255, 255, 0.03); \r\n            border-radius: 18px;\r\n            overflow: hidden;\r\n            display: flex;\r\n            flex-direction: column;\r\n            padding: 50px;\r\n            backdrop-filter: blur(5.4px);\r\n            -webkit-backdrop-filter: blur(5.4px);\r\n            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);\r\n            z-index: 1;\r\n        }\r\n\r\n        .glass-terminal::before {\r\n            content: '';\r\n            position: absolute;\r\n            z-index: -2;\r\n            left: -50%;\r\n            top: -50%;\r\n            width: 200%;\r\n            height: 200%;\r\n            background-repeat: no-repeat;\r\n            background-size: 50% 50%, 50% 50%;\r\n            background-position: 0 0, 100% 0, 100% 100%, 0 100%;\r\n            background-image: conic-gradient(var(--cm-pink), transparent 80deg, transparent);\r\n            animation: rotate-border-cm 4s linear infinite;\r\n        }\r\n\r\n        @keyframes rotate-border-cm { 100% { transform: rotate(1turn); } }\r\n\r\n        .glass-terminal::after {\r\n            content: '';\r\n            position: absolute;\r\n            z-index: -1;\r\n            left: 2px;\r\n            top: 2px;\r\n            width: calc(100% - 4px);\r\n            height: calc(100% - 4px);\r\n            background: var(--cm-purple);\r\n            border-radius: 16px;\r\n            background: rgba(20, 2, 40, 0.96); \r\n        }\r\n\r\n        \/* TERMINAL INTERFACE *\/\r\n        .matrix-prompt-label {\r\n            font-family: 'JetBrains Mono', monospace;\r\n            color: var(--cm-pink);\r\n            font-size: 13px;\r\n            margin-bottom: 15px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .input-wrapper {\r\n            position: relative;\r\n            width: 100%;\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        .terminal-input {\r\n            background: rgba(0, 0, 0, 0.35);\r\n            border: 1px solid rgba(255, 91, 178, 0.25);\r\n            border-radius: 10px;\r\n            padding: 20px;\r\n            color: var(--white);\r\n            width: 100%;\r\n            font-family: 'JetBrains Mono', monospace;\r\n            font-size: 16px;\r\n            outline: none;\r\n            transition: 0.3s;\r\n        }\r\n\r\n        .terminal-input:focus {\r\n            border-color: var(--cm-pink);\r\n            box-shadow: 0 0 25px rgba(255, 91, 178, 0.15);\r\n        }\r\n\r\n        \/* CUSTOM CURSOR INSIDE INPUT *\/\r\n        #blinking-cursor {\r\n            position: absolute;\r\n            left: 20px;\r\n            width: 10px;\r\n            height: 2px;\r\n            background-color: var(--cm-pink);\r\n            animation: blink-caret 1s step-end infinite;\r\n            pointer-events: none;\r\n        }\r\n\r\n        @keyframes blink-caret { 50% { opacity: 0; } }\r\n\r\n        \/* TYPOGRAPHY POPPINS UPPERCASE *\/\r\n        .title-poppins { font-family: 'Poppins', sans-serif; font-weight: 800; text-transform: uppercase; color: var(--white); }\r\n        .q-title { font-family: 'Poppins', sans-serif; font-size: 24px; font-weight: 700; color: var(--white); text-transform: uppercase; }\r\n        .q-edu-sub { font-family: 'Roboto', sans-serif; font-size: 13px; color: var(--cm-light-pink); margin-bottom: 25px; display: block; line-height: 1.4; opacity: 0.85; font-weight: 400; }\r\n\r\n        \/* BUTTONS *\/\r\n        .btn-cm-glow {\r\n            background: var(--cm-pink);\r\n            color: white;\r\n            font-family: 'Poppins', sans-serif;\r\n            text-transform: uppercase;\r\n            font-weight: 800;\r\n            padding: 16px 32px;\r\n            border-radius: 50px;\r\n            cursor: pointer;\r\n            border: none;\r\n            width: 100%;\r\n            transition: 0.4s ease;\r\n            letter-spacing: 2px;\r\n            box-shadow: 0 0 30px rgba(255, 91, 178, 0.3);\r\n        }\r\n        .btn-cm-glow:hover { background: white; color: var(--cm-purple); transform: translateY(-2px); }\r\n\r\n        \/* STATES *\/\r\n        .hidden { display: none !important; }\r\n        .fade-in { animation: fade-in-up 0.7s ease-out forwards; }\r\n        @keyframes fade-in-up { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } }\r\n\r\n        #error-msg-matrix {\r\n            color: #ff4d4d;\r\n            font-family: 'JetBrains Mono', monospace;\r\n            font-size: 11px;\r\n            margin-top: 15px;\r\n            font-weight: 700;\r\n            letter-spacing: 1px;\r\n            text-transform: uppercase;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div id=\"cm-v14-gateway\">\r\n        <div class=\"glass-terminal\">\r\n            \r\n            <!-- BRANDING UNIT -->\r\n            <div style=\"display: flex; justify-content: space-between; align-items: start; margin-bottom: 45px; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 22px;\">\r\n                <img decoding=\"async\" src=\"https:\/\/creativemutant.com\/wp-content\/uploads\/2023\/08\/CM-ISO2.png\" alt=\"Creative Mutant\" style=\"height: 45px;\">\r\n                <div style=\"text-align: right;\">\r\n                    <div id=\"connection-status\" style=\"font-family: 'JetBrains Mono'; font-size: 9px; color: var(--cm-grey);\">[ UNIT_STATUS: ENCRYPTED_V14 ]<\/div>\r\n                    <div style=\"font-family: 'Poppins'; font-size: 8px; color: var(--cm-grey); letter-spacing: 3px; font-weight: 800;\">SYDNEY \/\/ FIRST_STEP_ENGINE<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- STEP 0: THE MATRIX UNLOCK -->\r\n            <div id=\"view-unlock-matrix\" class=\"fade-in\">\r\n                <h2 class=\"title-poppins\" style=\"font-size: 24px; margin-bottom: 12px; color: #FFFFFF !important;\">Restricted Operational Access.<\/h2>\r\n                <p style=\"font-family: 'JetBrains Mono'; font-size: 12px; color: var(--cm-grey); margin-bottom: 35px; line-height: 1.6;\">\r\n                    Leader, this portal architects elite hospitality infrastructures. <br>\r\n                    Verify your clearance to initialize the 4K engine.\r\n                <\/p>\r\n                <div style=\"position: relative;\">\r\n                    <div class=\"matrix-prompt-label\">\r\n                        <span>> COMMAND:<\/span>\r\n                        <span style=\"opacity: 0.6;\">ENTER THE SECRET COMMAND<\/span>\r\n                    <\/div>\r\n                    <div class=\"input-wrapper\">\r\n                        <input type=\"text\" id=\"matrix-auth-input\" class=\"terminal-input\" placeholder=\"\" autocomplete=\"off\" oninput=\"toggleCursor(this)\" onkeydown=\"validateMatrixAuth(event)\">\r\n                        <div id=\"blinking-cursor\"><\/div>\r\n                    <\/div>\r\n                    <div id=\"error-msg-matrix\" class=\"hidden\">> SYSTEM ANOMALY: REJECTION. NO NO NO. TRY AGAIN.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- STEP 1: ARCHITECTURE SELECTION -->\r\n            <div id=\"view-pick-path\" class=\"hidden fade-in\">\r\n                <h2 class=\"title-poppins\" style=\"font-size: 28px; line-height: 1.1; margin-bottom: 10px;\">86 the \"dodgy\" data.<\/h2>\r\n                <p style=\"color: var(--cm-grey); font-size: 14px; margin-bottom: 35px; font-weight: 300;\">Leader, stop the Copy-Paste Mondays. Let's map your operational DNA.<\/p>\r\n                <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 15px;\">\r\n                    <button onclick=\"startMachine('service')\" style=\"background: rgba(255,255,255,0.05); border: 1px solid var(--cm-pink); padding: 25px; border-radius: 12px; text-align: left; cursor: pointer; transition: 0.3s;\">\r\n                        <span style=\"font-family: 'Poppins'; font-size: 10px; color: var(--cm-pink); font-weight: 800; display: block; letter-spacing: 1px;\">OPS ARCHITECTURE<\/span>\r\n                        <p style=\"font-size: 11px; color: white; margin-top: 5px; opacity: 0.8; font-weight: 300;\">Scale multi-site groups with AI-driven infrastructure.<\/p>\r\n                    <\/button>\r\n                    <button onclick=\"startMachine('premium')\" style=\"background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.2); padding: 25px; border-radius: 12px; text-align: left; cursor: pointer; transition: 0.3s;\">\r\n                        <span style=\"font-family: 'Poppins'; font-size: 10px; color: var(--cm-grey); font-weight: 800; display: block; letter-spacing: 1px;\">THE ELITE MODEL<\/span>\r\n                        <p style=\"font-size: 11px; color: white; margin-top: 5px; opacity: 0.8; font-weight: 300;\">High-Ticket branding for Visionary Hospitality Leaders.<\/p>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- STEP 2: DYNAMIC ENGINE WIZARD -->\r\n            <div id=\"view-engine-wizard\" class=\"hidden fade-in\">\r\n                <div style=\"width: 100%; height: 3px; background: rgba(255,255,255,0.1); margin-bottom: 35px; border-radius: 3px; overflow: hidden;\">\r\n                    <div id=\"engine-pb\" style=\"height: 100%; background: var(--cm-pink); width: 0%; transition: 0.7s cubic-bezier(0.4, 0, 0.2, 1);\"><\/div>\r\n                <\/div>\r\n                <h3 id=\"label-q\" class=\"q-title\">...<\/h3>\r\n                <span id=\"label-edu\" class=\"q-edu-sub\">...<\/span>\r\n                <div id=\"input-container-engine\"><\/div>\r\n                <button class=\"btn-cm-glow\" style=\"margin-top: 35px;\" onclick=\"forwardEngine()\">ENGINE_NEXT_STEP &rarr;<\/button>\r\n                <div style=\"text-align: center;\">\r\n                    <button onclick=\"backwardEngine()\" style=\"background:none; border:none; color: var(--cm-grey); font-size: 10px; text-transform: uppercase; margin-top: 20px; cursor: pointer; font-weight: 800; letter-spacing: 1px;\">&larr; Prev Step<\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- STEP 3: FINAL TRANSMISSION SUCCESS -->\r\n            <div id=\"view-final-status\" class=\"hidden fade-in\" style=\"text-align: center; padding: 45px 0;\">\r\n                <div style=\"width: 85px; height: 85px; background: rgba(255, 91, 178, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 30px auto; border: 2px solid var(--cm-pink); box-shadow: 0 0 30px rgba(255, 91, 178, 0.2);\">\r\n                    <span style=\"font-size: 45px;\">\u26a1<\/span>\r\n                <\/div>\r\n                <h2 class=\"title-poppins\" style=\"color: var(--cm-pink); font-size: 28px; margin-bottom: 10px;\">Cheers, Partner.<\/h2>\r\n                <p style=\"color: white; font-size: 18px; font-weight: 300; margin-bottom: 15px;\">Transmission successfully received by Anabel.<\/p>\r\n                <p style=\"color: var(--cm-grey); font-size: 14px; line-height: 1.7; max-width: 480px; margin: 0 auto; font-weight: 300;\">\r\n                    You have taken the first step to your new high-performance audience. <br> \r\n                    We are architecting your blueprint. Our Sydney Ops Unit will contact you once the first taste is ready for deployment.\r\n                <\/p>\r\n                <div style=\"margin-top: 50px; padding: 20px; border: 1px solid rgba(255,255,255,0.15); border-radius: 14px; background: rgba(0,0,0,0.4);\">\r\n                    <span style=\"font-family: 'JetBrains Mono'; font-size: 9px; color: #00ff88; font-weight: 700; letter-spacing: 1px;\">STATUS: DATA_DEPLOYED \/\/ ARBITRAGE_ACTIVE<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        const engineData = {\r\n            service: { label: \"HOSPITALITY OPS ARCHITECTURE\", steps: [\r\n                {id: 'brand', q: \"Name of your Group \/ Empire?\", edu: \"Identity establishes authority. This defines the core entity for your automated ecosystem.\", t: 'input'},\r\n                {id: 'covers', q: \"Weekly Covers Count?\", edu: \"Capacity planning is the bedrock of efficiency. We scale your engine based on actual load.\", t: 'input'},\r\n                {id: 'bottleneck', q: \"Biggest BOH Bottleneck?\", edu: \"86ing the manual factory is how you double ROI. What's the main time-sink today?\", t: 'area'},\r\n                {id: 'vision', q: \"Describe Operational Freedom.\", edu: \"The end of thenarrative: While Sydney sleeps, your engine produces. What does victory look like?\", t: 'area'}\r\n            ]},\r\n            premium: { label: \"THE ELITE MODEL\", steps: [\r\n                {id: 'brand', q: \"Your Premium Banner?\", edu: \"Elite leaders sell an experience, not just products. What banner do you fly?\", t: 'input'},\r\n                {id: 'legacy', q: \"The 5-Year Legacy Goal?\", edu: \"From busy operator to industry architect. How should S\u00eddney perceive you in 2030?\", t: 'area'},\r\n                {id: 'edge', q: \"Your Unfair Competitive Sauce?\", edu: \"What makes your group's DNA untouched by the competition? Let's codify it.\", t: 'area'}\r\n            ]}\r\n        };\r\n\r\n        let activeMachineType = '';\r\n        let stepPointer = 0;\r\n        let machineAnswers = {};\r\n\r\n        \/\/ MATRIX UNLOCK HANDLER\r\n        function toggleCursor(input) {\r\n            const cursor = document.getElementById('blinking-cursor');\r\n            const error = document.getElementById('error-msg-matrix');\r\n            error.classList.add('hidden');\r\n\r\n            if (input.value.length > 0) {\r\n                cursor.style.display = 'none';\r\n            } else {\r\n                cursor.style.display = 'block';\r\n            }\r\n        }\r\n\r\n        function validateMatrixAuth(e) {\r\n            if (e.key === 'Enter') {\r\n                const val = e.target.value.trim().toLowerCase();\r\n                const error = document.getElementById('error-msg-matrix');\r\n                const cursor = document.getElementById('blinking-cursor');\r\n\r\n                if (val === 'follow the rabbit') {\r\n                    document.getElementById('connection-status').innerText = \"[ ACCESS: GRANTED_DECRYPTING ]\";\r\n                    document.getElementById('connection-status').style.color = \"#00ff88\";\r\n                    setTimeout(() => {\r\n                        document.getElementById('view-unlock-matrix').classList.add('hidden');\r\n                        document.getElementById('view-pick-path').classList.remove('hidden');\r\n                    }, 500);\r\n                } else {\r\n                    error.classList.remove('hidden');\r\n                    e.target.value = \"\";\r\n                    cursor.style.display = 'block';\r\n                }\r\n            }\r\n        }\r\n\r\n        \/\/ ENGINE LOGIC\r\n        function startMachine(type) {\r\n            activeMachineType = type;\r\n            stepPointer = 0;\r\n            machineAnswers = {};\r\n            document.getElementById('view-pick-path').classList.add('hidden');\r\n            document.getElementById('view-engine-wizard').classList.remove('hidden');\r\n            renderMachineFrame();\r\n        }\r\n\r\n        function renderMachineFrame() {\r\n            const config = engineData[activeMachineType];\r\n            const s = config.steps[stepPointer];\r\n            \r\n            document.getElementById('label-q').innerText = s.q;\r\n            document.getElementById('label-edu').innerText = s.edu;\r\n            document.getElementById('engine-pb').style.width = (stepPointer \/ config.steps.length * 100) + '%';\r\n            \r\n            const slot = document.getElementById('input-container-engine');\r\n            slot.innerHTML = '';\r\n            \r\n            const el = document.createElement(s.t === 'area' ? 'textarea' : 'input');\r\n            el.className = 'terminal-input';\r\n            if(s.t === 'area') el.style.height = '140px';\r\n            el.id = 'current-engine-field';\r\n            el.placeholder = \"> enter intelligence here...\";\r\n            el.value = machineAnswers[s.id] || '';\r\n            slot.appendChild(el);\r\n            el.focus();\r\n        }\r\n\r\n        function forwardEngine() {\r\n            const val = document.getElementById('current-engine-field').value.trim();\r\n            if(!val) return;\r\n            \r\n            const s = engineData[activeMachineType].steps[stepPointer];\r\n            machineAnswers[s.id] = val;\r\n\r\n            if(stepPointer < engineData[activeMachineType].steps.length - 1) {\r\n                stepPointer++;\r\n                renderMachineFrame();\r\n            } else {\r\n                finalizeTransmission();\r\n            }\r\n        }\r\n\r\n        function backwardEngine() {\r\n            if(stepPointer > 0) {\r\n                stepPointer--;\r\n                renderMachineFrame();\r\n            } else {\r\n                document.getElementById('view-engine-wizard').classList.add('hidden');\r\n                document.getElementById('view-pick-path').classList.remove('hidden');\r\n            }\r\n        }\r\n\r\n        function finalizeTransmission() {\r\n            const flow = engineData[activeMachineType];\r\n            const subject = encodeURIComponent(`INTEL REPORT: ${machineAnswers.brand || 'Sydney Leader'}`);\r\n            \r\n            let bodyText = `G'DAY ANABEL,\\n\\nSYSTEM UNLOCKED BY HOSPITALITY LEADER:\\n\\n`;\r\n            flow.steps.forEach(s => {\r\n                bodyText += `${s.q.toUpperCase()}:\\n${machineAnswers[s.id]}\\n\\n`;\r\n            });\r\n            bodyText += `--- END OF TRANSMISSION ---`;\r\n            \r\n            \/\/ Mailto Execution\r\n            window.location.href = `mailto:anabel@creativemutant.com?subject=${subject}&body=${encodeURIComponent(bodyText)}`;\r\n            \r\n            \/\/ Show Success - NO REFRESH\r\n            document.getElementById('view-engine-wizard').classList.add('hidden');\r\n            document.getElementById('view-final-status').classList.remove('hidden');\r\n            document.getElementById('engine-pb').style.width = '100%';\r\n            document.getElementById('connection-status').innerText = \"[ TRANSMISSION: DEPLOYED ]\";\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Creative AI Audience Machine | CM V14 [ UNIT_STATUS: ENCRYPTED_V14 ] SYDNEY \/\/ FIRST_STEP_ENGINE Restricted Operational Access. Leader, this portal architects elite hospitality infrastructures. Verify your clearance to initialize the 4K engine. > COMMAND: ENTER THE SECRET COMMAND > SYSTEM ANOMALY: REJECTION. NO NO NO. TRY AGAIN. 86 the &#8220;dodgy&#8221; data. Leader, stop the Copy-Paste [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_angie_page":false,"footnotes":""},"class_list":["post-7349","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/creativemutant.com\/es\/wp-json\/wp\/v2\/pages\/7349","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativemutant.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/creativemutant.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/creativemutant.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/creativemutant.com\/es\/wp-json\/wp\/v2\/comments?post=7349"}],"version-history":[{"count":0,"href":"https:\/\/creativemutant.com\/es\/wp-json\/wp\/v2\/pages\/7349\/revisions"}],"wp:attachment":[{"href":"https:\/\/creativemutant.com\/es\/wp-json\/wp\/v2\/media?parent=7349"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}