{"id":26362,"date":"2025-12-09T14:09:20","date_gmt":"2025-12-09T14:09:20","guid":{"rendered":"https:\/\/stg-khh4l5.elementor.cloud\/?page_id=26362"},"modified":"2026-03-23T09:01:09","modified_gmt":"2026-03-23T09:01:09","slug":"onboarding-wms","status":"publish","type":"page","link":"https:\/\/stg-khh4l5.elementor.cloud\/de\/onboarding-wms\/","title":{"rendered":"Onboarding &amp; Kundenerfolg"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"26362\" class=\"elementor elementor-26362\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5eff638 e-con-full mesh-test e-flex e-con e-parent\" data-id=\"5eff638\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-68672c09 e-con-full e-flex e-con e-child\" data-id=\"68672c09\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-48547bc2 e-con-full e-flex e-con e-child\" data-id=\"48547bc2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-45257f98 e-con-full e-flex e-con e-child\" data-id=\"45257f98\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-46f43d7a e-con-full e-flex e-con e-child\" data-id=\"46f43d7a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-20ba90ff e-con-full e-flex e-con e-child\" data-id=\"20ba90ff\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-50296052 elementor-widget elementor-widget-heading\" data-id=\"50296052\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\"><span style=\"color: #FFFFFF\">\nGo live <\/span> without warehouse chaos.<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2a32a04c elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"2a32a04c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"153\" data-end=\"388\">Once you you&#8217;re onboard, you&#8217;ll get a <strong>structured onboarding plan<\/strong>, clear owners, and sign-off gates&#8230; built around <strong>how your warehouse actually runs<\/strong>. So you\u2019re shipping faster and ready to handle <strong>more volume with less drama<\/strong>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a961748 e-con-full e-flex e-con e-child\" data-id=\"a961748\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0d494a9 elementor-widget__width-auto elementor-hidden-mobile elementor-widget elementor-widget-button\" data-id=\"0d494a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#WMS-Readiness-Assessment\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Take Readiness Assessment<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-efdf269 elementor-widget__width-auto elementor-widget elementor-widget-button\" data-id=\"efdf269\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/stg-khh4l5.elementor.cloud\/de\/get-in-touch\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Book discovery call<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eb3990d e-con-full e-flex e-con e-child\" data-id=\"eb3990d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fa784a2 elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"fa784a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><span style=\"color: #FFFFFF\">How we<\/span> guide your onboarding.<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8104ddb elementor-widget elementor-widget-video\" data-id=\"8104ddb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/PMOWp37G_gg&quot;,&quot;lazy_load&quot;:&quot;yes&quot;,&quot;show_image_overlay&quot;:&quot;yes&quot;,&quot;image_overlay&quot;:{&quot;url&quot;:&quot;https:\\\/\\\/stg-khh4l5.elementor.cloud\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/Still-2-scaled-e1765291294619.jpg&quot;,&quot;id&quot;:26364,&quot;size&quot;:&quot;&quot;,&quot;alt&quot;:&quot;&quot;,&quot;source&quot;:&quot;library&quot;},&quot;video_type&quot;:&quot;youtube&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t\t\t<div class=\"elementor-custom-embed-image-overlay\" style=\"background-image: url(https:\/\/stg-khh4l5.elementor.cloud\/wp-content\/uploads\/2025\/12\/Still-2-scaled-e1765291294619.jpg);\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-custom-embed-play\" role=\"button\" aria-label=\"Play Video\" tabindex=\"0\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-play\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z\"><\/path><\/svg>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-409fb8b6 e-con-full e-flex e-con e-child\" data-id=\"409fb8b6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-5638afd e-con-full e-flex e-con e-child\" data-id=\"5638afd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b4a79b0 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"b4a79b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">Getting get you live <span style=\"color: #FFFFFF\">properly.<\/span><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-99745ec elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"99745ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"603\" data-end=\"833\">You get a <strong>structured go-live plan<\/strong>, owners, and sign-off gates not guesswork. Your onboarding lead <strong>understands warehouse reality<\/strong> (shifts, peaks, and constraints). We configure the system to <strong>match your workflow<\/strong>, then lock in a repeatable process.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-171e5ce e-con-full e-flex e-con e-child\" data-id=\"171e5ce\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c8c675f elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"c8c675f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Load Fonts & Icons -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@300;400;500;600&family=Work+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" rel=\"stylesheet\">\n\n<style>\n    \/* --- OUTER CONTAINER --- *\/\n    #clarus-onboarding-container {\n        background: transparent; \/* Fully Transparent *\/\n        padding: 40px 20px;\n        width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        box-sizing: border-box;\n    }\n\n    \/* --- MATTE BLACK TABLET FRAME --- *\/\n    .tablet-container {\n        width: 100%;\n        max-width: 900px;\n        margin: 0 auto;\n        padding: 18px; \n        background: #0f172a; \/* Frame remains dark to define the shape *\/\n        border-radius: 40px;\n        box-shadow: 0 40px 80px -20px rgba(0,0,0,0.5); \n        border: 1px solid rgba(255,255,255,0.1); \n        position: relative;\n    }\n\n    .tablet-screen {\n        background: transparent; \/* Transparent Screen *\/\n        border-radius: 24px;\n        overflow: hidden;\n        position: relative;\n        height: 650px; \n        border: 4px solid #000; \n        display: flex;\n        flex-direction: column;\n    }\n\n    \/* Tablet Home Bar *\/\n    .tablet-container::after {\n        content: \"\"; position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%);\n        width: 80px; height: 4px; background: #374151; border-radius: 2px;\n    }\n\n    \/* --- UI WRAPPER --- *\/\n    #onboarding-ui-wrapper {\n        --c-text: #f8fafc; \/* Light text for transparency *\/\n        --c-muted: #94a3b8;\n        --c-accent: #10b981; \n        --c-border: rgba(255, 255, 255, 0.1);\n        font-family: 'Work Sans', sans-serif;\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n        width: 100%;\n    }\n\n    \/* Header \/ Progress Area *\/\n    .ui-header {\n        padding: 25px 40px;\n        border-bottom: 1px solid var(--c-border);\n        display: flex;\n        justify-content: flex-start;\n        align-items: center;\n        background: rgba(0,0,0,0.2);\n    }\n\n    .progress-group { flex: 1; max-width: 400px; }\n    .progress-label { \n        font-family: 'Space Grotesk', sans-serif; \n        font-size: 11px; \n        text-transform: uppercase; \n        color: var(--c-muted); \n        letter-spacing: 1px;\n        margin-bottom: 8px;\n        display: flex;\n        justify-content: space-between;\n    }\n    \n    .node-track { display: flex; gap: 6px; height: 4px; width: 100%; }\n    .node { flex: 1; background: rgba(255,255,255,0.1); border-radius: 2px; transition: 0.4s; }\n    .node.active { background: var(--c-accent); box-shadow: 0 0 10px rgba(16, 185, 129, 0.5); }\n    .node.done { background: var(--c-accent); opacity: 0.4; }\n\n    \/* Content Area *\/\n    .ui-content {\n        flex: 1;\n        overflow-y: auto;\n        padding: 40px;\n        display: flex;\n        flex-direction: column;\n        gap: 25px;\n    }\n\n    \/* Consultant Profile *\/\n    .consultant-card {\n        display: flex;\n        align-items: center;\n        gap: 15px;\n        margin-bottom: 10px;\n    }\n    .avatar-frame {\n        width: 50px; height: 50px;\n        border-radius: 50%;\n        overflow: hidden;\n        border: 2px solid var(--c-accent);\n        background: #000;\n    }\n    .avatar-frame img { width: 100%; height: 100%; object-fit: cover; filter: brightness(1.1); }\n    .consultant-info { line-height: 1.2; }\n    .consultant-name { font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: 14px; color: var(--c-text); }\n    .consultant-tag { font-size: 11px; color: var(--c-muted); text-transform: uppercase; }\n\n    \/* Dialogue Styling *\/\n    .dialogue-bubble {\n        background: rgba(255, 255, 255, 0.05); \/* Glass Effect *\/\n        backdrop-filter: blur(10px);\n        border: 1px solid var(--c-border);\n        padding: 24px;\n        border-radius: 0 20px 20px 20px;\n        max-width: 85%;\n        position: relative;\n    }\n    .phase-title {\n        font-family: 'Space Grotesk', sans-serif;\n        font-weight: 600;\n        font-size: 13px;\n        color: var(--c-accent);\n        margin-bottom: 10px;\n        text-transform: uppercase;\n    }\n    .dialogue-text {\n        font-size: 17px;\n        line-height: 1.6;\n        color: var(--c-text);\n        min-height: 80px;\n    }\n    .dialogue-text b { color: var(--c-accent); font-weight: 600; }\n\n    \/* Footer Actions *\/\n    .ui-footer {\n        padding: 20px 40px 40px 40px;\n        background: rgba(0, 0, 0, 0.3); \/* Semi-transparent footer *\/\n        border-top: 1px solid var(--c-border);\n    }\n\n    .choices-container {\n        display: flex;\n        gap: 12px;\n        flex-wrap: wrap;\n        transition: 0.3s opacity;\n    }\n    .choices-container.hidden { opacity: 0; pointer-events: none; }\n\n    \/* Buttons *\/\n    .c-btn {\n        padding: 14px 24px;\n        border-radius: 12px;\n        border: none;\n        font-family: 'Space Grotesk', sans-serif;\n        font-weight: 600;\n        cursor: pointer;\n        transition: 0.2s;\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        font-size: 13px;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n    .btn-primary { background: var(--c-accent); color: #03162e; }\n    .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(16, 185, 129, 0.4); }\n    .btn-outline { background: transparent; border: 2px solid var(--c-border); color: var(--c-text); }\n    .btn-outline:hover { border-color: var(--c-accent); color: var(--c-accent); }\n\n    \/* Terminal Log *\/\n    .terminal-status {\n        margin-top: 20px;\n        font-family: monospace;\n        font-size: 11px;\n        color: var(--c-muted);\n        display: flex;\n        align-items: center;\n        gap: 8px;\n    }\n    .status-dot { width: 6px; height: 6px; background: var(--c-accent); border-radius: 50%; animation: blink 1s infinite; }\n    @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }\n\n    @media (max-width: 768px) {\n        .ui-content { padding: 25px; }\n        .ui-header { padding: 20px; }\n        .dialogue-bubble { max-width: 100%; }\n        #clarus-onboarding-container { padding: 20px 10px; }\n    }\n<\/style>\n\n<div id=\"clarus-onboarding-container\">\n    <div class=\"tablet-container\">\n        <div class=\"tablet-screen\">\n            <div id=\"onboarding-ui-wrapper\">\n                \n                <!-- Top Nav \/ Progress -->\n                <div class=\"ui-header\">\n                    <div class=\"progress-group\">\n                        <div class=\"progress-label\">\n                            <span>Implementation Progress<\/span>\n                            <span id=\"sync-percent\">20%<\/span>\n                        <\/div>\n                        <div class=\"node-track\" id=\"nodeTrack\">\n                            <div class=\"node active\"><\/div>\n                            <div class=\"node\"><\/div>\n                            <div class=\"node\"><\/div>\n                            <div class=\"node\"><\/div>\n                            <div class=\"node\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Main Content -->\n                <div class=\"ui-content\">\n                    <div class=\"consultant-card\">\n                        <div class=\"avatar-frame\">\n                            <img decoding=\"async\" src=\"https:\/\/stg-khh4l5.elementor.cloud\/wp-content\/uploads\/2026\/01\/Gemini_Generated_Image_lcuoezlcuoezlcuo-e1767794380293.png\" alt=\"Consultant\">\n                        <\/div>\n                        <div class=\"consultant-info\">\n                            <div class=\"consultant-name\">Alex Reed<\/div>\n                            <div class=\"consultant-tag\">Lead Solutions Consultant<\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"dialogue-bubble\">\n                        <div class=\"phase-title\" id=\"phaseTitle\">Step 01 \/\/ Site Visit<\/div>\n                        <div class=\"dialogue-text\" id=\"dialogueText\"><\/div>\n                    <\/div>\n\n                    <div class=\"terminal-status\">\n                        <div class=\"status-dot\"><\/div>\n                        <span id=\"terminalLog\">Initializing secure operational link...<\/span>\n                    <\/div>\n                <\/div>\n\n                <!-- Footer Interaction -->\n                <div class=\"ui-footer\">\n                    <div class=\"choices-container\" id=\"choices\">\n                        <!-- Buttons Injected Here -->\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n(function() {\n    const onboardingSteps = [\n        {\n            title: \"Step 01: The Site Visit\",\n            text: \"We get on site as early as possible. I'll <b>walk the floor<\/b> from Goods In to Dispatch. We see how work really flows, documenting the 'messy reality' often missed by process maps.\",\n            options: [{ label: \"Start Floor Walk\", next: 1 }],\n            log: \"Mapping physical operational landscape...\"\n        },\n        {\n            title: \"Step 02: Talking Your Language\",\n            text: \"Every warehouse uses its own dialect. We capture exactly how you refer to <b>${userTerm}s<\/b>, zones, and trucks, so Clarus feels like it was built specifically for your team.\",\n            options: [\n                { label: \"Pallets\", term: \"Pallet\", next: 2 },\n                { label: \"Skids\", term: \"Skid\", next: 2 },\n                { label: \"Units\", term: \"Unit\", next: 2 }\n            ],\n            log: \"Synchronizing terminology database...\"\n        },\n        {\n            title: \"Step 03: The Blueprint\",\n            text: \"We turn observations into a <b>Confirmational Requirements<\/b> document: 'This is how your world works; this is how Clarus supports it.' We align before training begins.\",\n            options: [{ label: \"Approve Blueprint\", next: 3 }],\n            log: \"Finalizing requirements schematic...\"\n        },\n        {\n            title: \"Step 04: Build & Integration\",\n            text: \"We configure Clarus to follow your agreed ${userTerm} flows and sync with your ERP. We find the <b>smartest route<\/b> between your inputs and outputs.\",\n            options: [{ label: \"Review Configuration\", next: 4 }],\n            log: \"Establishing data integrations...\"\n        },\n        {\n            title: \"Step 05: Go-Live Support\",\n            text: \"We run role-based training using your language. After go-live, we stay close for 'Hypercare'. Most tweaks are handled via <b>configuration over development<\/b>.\",\n            options: [{ label: \"Deploy Clarus System\", next: \"finish\" }],\n            log: \"Initialising live cutover sequence...\"\n        }\n    ];\n\n    let currentStep = 0;\n    let selectedTerm = \"Pallet\";\n    let isTyping = false;\n\n    const dialogueDisplay = document.getElementById('dialogueText');\n    const buttonDisplay = document.getElementById('choices');\n    const titleDisplay = document.getElementById('phaseTitle');\n    const terminalDisplay = document.getElementById('terminalLog');\n    const progressNodes = document.querySelectorAll('.node');\n    const percentLabel = document.getElementById('sync-percent');\n\n    function typeWriterEffect(html) {\n        isTyping = true;\n        buttonDisplay.classList.add('hidden');\n        dialogueDisplay.innerHTML = \"\";\n        \n        const tempDiv = document.createElement('div');\n        tempDiv.innerHTML = html;\n        const nodes = Array.from(tempDiv.childNodes);\n        let nIdx = 0, cIdx = 0;\n\n        function play() {\n            if (nIdx < nodes.length) {\n                const n = nodes[nIdx];\n                if (n.nodeType === 3) { \n                    if (cIdx < n.textContent.length) {\n                        dialogueDisplay.innerHTML += n.textContent.charAt(cIdx);\n                        cIdx++; setTimeout(play, 15);\n                    } else { nIdx++; cIdx = 0; play(); }\n                } else { \n                    dialogueDisplay.appendChild(n.cloneNode(true));\n                    nIdx++; play();\n                }\n            } else {\n                isTyping = false;\n                buttonDisplay.classList.remove('hidden');\n            }\n        }\n        play();\n    }\n\n    function renderPhase() {\n        const data = onboardingSteps[currentStep];\n        const processedText = data.text.replace(\/\\${userTerm}\/g, selectedTerm);\n        \n        titleDisplay.innerText = data.title;\n        terminalDisplay.innerText = data.log;\n        percentLabel.innerText = `${(currentStep + 1) * 20}%`;\n        \n        progressNodes.forEach((n, i) => {\n            n.className = i === currentStep ? 'node active' : (i < currentStep ? 'node done' : 'node');\n        });\n\n        typeWriterEffect(processedText);\n        \n        buttonDisplay.innerHTML = \"\";\n        data.options.forEach(opt => {\n            const btn = document.createElement('button');\n            btn.className = \"c-btn btn-primary\";\n            if (opt.term) btn.className = \"c-btn btn-outline\"; \n            \n            btn.innerText = opt.label;\n            btn.onclick = () => {\n                if (isTyping) return;\n                if (opt.term) selectedTerm = opt.term;\n                \n                if (opt.next === \"finish\") {\n                    handleFinish();\n                } else {\n                    currentStep = opt.next;\n                    renderPhase();\n                }\n            };\n            buttonDisplay.appendChild(btn);\n        });\n    }\n\n    function handleFinish() {\n        typeWriterEffect(\"<b>Deployment complete.<\/b> Your environment is now live on Clarus WMS. Our team is staying close for early support to ensure your long-term operational success.\");\n        \n        percentLabel.innerText = \"100%\";\n        progressNodes.forEach(n => n.className = 'node active');\n        terminalDisplay.innerText = \"SYSTEM_STATUS: Fully Operational.\";\n\n        buttonDisplay.innerHTML = \"\";\n        const resetBtn = document.createElement('button');\n        resetBtn.className = \"c-btn btn-outline\";\n        resetBtn.innerHTML = `<i class=\"fas fa-rotate-left\"><\/i> Restart Journey`;\n        resetBtn.onclick = () => {\n            currentStep = 0;\n            selectedTerm = \"Pallet\";\n            renderPhase();\n        };\n        \n        const contactBtn = document.createElement('button');\n        contactBtn.className = \"c-btn btn-primary\";\n        contactBtn.innerHTML = `Book a Demo <i class=\"fas fa-arrow-right\"><\/i>`;\n        contactBtn.onclick = () => window.open('https:\/\/stg-khh4l5.elementor.cloud\/get-in-touch', '_blank');\n\n        buttonDisplay.appendChild(resetBtn);\n        buttonDisplay.appendChild(contactBtn);\n    }\n\n    renderPhase();\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4a748c94 e-con-full e-flex e-con e-child\" data-id=\"4a748c94\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-2120ee42 e-con-full e-flex e-con e-child\" data-id=\"2120ee42\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-483aaa33 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"483aaa33\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Why The Welch Group <span style=\"color: #89E3AA\"> loved onboarding.<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c01da56 e-con-full e-flex e-con e-child\" data-id=\"c01da56\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da92c33 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"da92c33\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \n  Clarus Solutions - Impact Dashboard v7 Style\n  Updated: Deep Navy High-Contrast with Green Pulse\n-->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@300;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n    #clarus-impact-v7 {\n        --depth-blue: #03162E;\n        --action-green: #54b477;\n        --pure-white: #FFFFFF;\n        --glass-border: rgba(255, 255, 255, 0.1);\n        width: 100%;\n        margin: 0 auto;\n        box-sizing: border-box;\n        background: transparent;\n    }\n\n    #clarus-impact-v7 .card-row {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr); \/* Matching the original 3-card count *\/\n        gap: 12px; \n    }\n\n    #clarus-impact-v7 .stat-card {\n        background-color: var(--depth-blue);\n        border: 1px solid var(--glass-border);\n        border-radius: 18px;\n        padding: 24px;\n        height: 160px;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        position: relative;\n        overflow: hidden;\n        transition: transform 0.3s ease, background-color 0.3s ease;\n        cursor: default;\n    }\n\n    \/* Green Pulse Animation *\/\n    @keyframes greenPulse {\n        0% { border-color: var(--glass-border); box-shadow: 0 0 0px rgba(84, 180, 119, 0); }\n        50% { border-color: var(--action-green); box-shadow: 0 0 15px rgba(84, 180, 119, 0.4); }\n        100% { border-color: var(--glass-border); box-shadow: 0 0 0px rgba(84, 180, 119, 0); }\n    }\n\n    \/* Triggered by JS when counting finishes *\/\n    #clarus-impact-v7 .stat-card.just-finished {\n        animation: greenPulse 1.5s ease;\n    }\n\n    \/* Triggered on Hover *\/\n    #clarus-impact-v7 .stat-card:hover {\n        animation: greenPulse 2s infinite ease-in-out;\n        transform: translateY(-4px);\n    }\n\n    #clarus-impact-v7 .icon-box {\n        position: absolute;\n        top: 20px;\n        right: 20px;\n        width: 24px;\n        height: 24px;\n        color: var(--pure-white);\n        opacity: 0.4;\n        transition: all 0.4s ease;\n    }\n\n    #clarus-impact-v7 .stat-card:hover .icon-box {\n        opacity: 1;\n        transform: scale(1.1);\n        color: var(--action-green);\n    }\n\n    #clarus-impact-v7 .stat-label {\n        font-family: 'Space Grotesk', sans-serif;\n        color: var(--pure-white);\n        font-size: 1rem;\n        font-weight: 300;\n        line-height: 1.2;\n    }\n\n    #clarus-impact-v7 .stat-value-container {\n        font-family: 'Space Grotesk', sans-serif;\n        color: var(--pure-white);\n        font-size: 2.8rem;\n        font-weight: 500;\n        line-height: 1;\n        display: flex;\n        align-items: baseline;\n    }\n\n    #clarus-impact-v7 .symbol {\n        font-weight: 300;\n        opacity: 0.7;\n        font-size: 0.6em;\n        margin-left: 2px;\n    }\n\n    \/* RESPONSIVE STACKING *\/\n    @media (max-width: 1024px) { #clarus-impact-v7 .card-row { grid-template-columns: repeat(2, 1fr); } }\n    @media (max-width: 600px) { #clarus-impact-v7 .card-row { grid-template-columns: 1fr; } }\n<\/style>\n\n<div id=\"clarus-impact-v7\">\n    <div class=\"card-row\">\n        <!-- Card 1: Go Live -->\n        <div class=\"stat-card\" data-target=\"6\">\n            <div class=\"icon-box\">\n                <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n            <\/div>\n            <div class=\"stat-label\">Weeks to<br>go-live<\/div>\n            <div class=\"stat-value-container\">\n                <span class=\"digit\">0<\/span>\n            <\/div>\n        <\/div>\n\n        <!-- Card 2: Accuracy -->\n        <div class=\"stat-card\" data-target=\"99\">\n            <div class=\"icon-box\">\n                <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n            <\/div>\n            <div class=\"stat-label\">Stock<br>accuracy<\/div>\n            <div class=\"stat-value-container\">\n                <span class=\"digit\">0<\/span><span class=\"symbol\">%<\/span>\n            <\/div>\n        <\/div>\n\n        <!-- Card 3: Errors -->\n        <div class=\"stat-card\" data-target=\"30\">\n            <div class=\"icon-box\">\n                <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4\"><\/path><\/svg>\n            <\/div>\n            <div class=\"stat-label\">Picking<br>errors<\/div>\n            <div class=\"stat-value-container\">\n                <span class=\"symbol\" style=\"margin-right:2px; margin-left:0;\">-<\/span><span class=\"digit\">0<\/span><span class=\"symbol\">%<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    (function() {\n        function easeOutQuart(x) { return 1 - Math.pow(1 - x, 4); }\n\n        function runAnimation(card) {\n            const digit = card.querySelector('.digit');\n            const target = parseInt(card.getAttribute('data-target'));\n            const duration = 2000;\n            let start = null;\n\n            function step(now) {\n                if (!start) start = now;\n                const progress = Math.min((now - start) \/ duration, 1);\n                const eased = easeOutQuart(progress);\n                digit.textContent = Math.floor(eased * target);\n\n                if (progress < 1) {\n                    window.requestAnimationFrame(step);\n                } else {\n                    digit.textContent = target;\n                    \/\/ Trigger the v7 pulse animation\n                    card.classList.add('just-finished');\n                }\n            }\n            window.requestAnimationFrame(step);\n        }\n\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    runAnimation(entry.target);\n                    observer.unobserve(entry.target);\n                }\n            });\n        }, { threshold: 0.2 });\n\n        document.querySelectorAll('#clarus-impact-v7 .stat-card').forEach(card => observer.observe(card));\n    })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1bbf18e8 e-con-full e-flex e-con e-child\" data-id=\"1bbf18e8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1e30e396 e-con-full e-flex e-con e-child\" data-id=\"1e30e396\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f6a3729 elementor-widget__width-auto elementor-widget elementor-widget-button\" data-id=\"f6a3729\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/stg-khh4l5.elementor.cloud\/de\/customer-stories\/welch-groups-wms-tms-success\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Ready the story<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-57579eaf elementor-widget__width-auto elementor-widget elementor-widget-button\" data-id=\"57579eaf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/stg-khh4l5.elementor.cloud\/de\/customer-stories\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Explore all stories<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aa9f01f e-con-full e-flex e-con e-child\" data-id=\"aa9f01f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3ec82d0a e-con-full e-flex e-con e-child\" data-id=\"3ec82d0a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b70ea8f elementor-widget-mobile__width-initial elementor-widget elementor-widget-video\" data-id=\"b70ea8f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/k1xuovlBOWo&quot;,&quot;lazy_load&quot;:&quot;yes&quot;,&quot;show_image_overlay&quot;:&quot;yes&quot;,&quot;image_overlay&quot;:{&quot;url&quot;:&quot;https:\\\/\\\/stg-khh4l5.elementor.cloud\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Chris-scaled-e1751896606592.jpg&quot;,&quot;id&quot;:23313,&quot;size&quot;:&quot;&quot;,&quot;alt&quot;:&quot;&quot;,&quot;source&quot;:&quot;library&quot;},&quot;video_type&quot;:&quot;youtube&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t\t\t<div class=\"elementor-custom-embed-image-overlay\" style=\"background-image: url(https:\/\/stg-khh4l5.elementor.cloud\/wp-content\/uploads\/2025\/09\/Chris-scaled-e1751896606592.jpg);\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-custom-embed-play\" role=\"button\" aria-label=\"Play Video\" tabindex=\"0\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-play\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z\"><\/path><\/svg>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d70d6ea elementor-widget elementor-widget-menu-anchor\" data-id=\"d70d6ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"WMS-Readiness-Assessment\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-57e53f6 e-con-full elementor-hidden-mobile e-flex e-con e-child\" data-id=\"57e53f6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-2ef3a57 e-con-full e-flex e-con e-child\" data-id=\"2ef3a57\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-59f18a1 elementor-widget elementor-widget-html\" data-id=\"59f18a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  \/* --- SCOPED STYLES --- *\/\n  .coc-widget-container {\n    font-family: 'Work Sans', sans-serif;\n    color: #052A48;\n    line-height: 1.6;\n    width: 100%;\n    margin: 0;\n    box-sizing: border-box;\n    --coc-primary: #052A48;\n    --coc-signal: #53B477;\n    --coc-action-hover: #469c65;\n    --coc-warning: #dc2626;\n    --coc-amber: #d97706;\n    --coc-bg: #ffffff;\n    --coc-border: #e2e8f0;\n    --coc-radius: 8px;\n    --coc-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n    --font-head: 'Space Grotesk', sans-serif;\n  }\n  .coc-widget-container * {\n    box-sizing: border-box;\n  }\n  \/* Wrapper *\/\n  .coc-calculator-wrapper {\n    background: var(--coc-bg);\n    border-radius: var(--coc-radius);\n    box-shadow: var(--coc-shadow);\n    padding: 40px;\n    border: 1px solid var(--coc-border);\n    text-align: left;\n    width: 100%;\n    margin: 0;\n  }\n  .coc-calculator-wrapper h2 {\n    font-family: var(--font-head);\n    font-weight: 300;\n    color: var(--coc-primary);\n    margin-top: 0;\n    margin-bottom: 10px;\n    font-size: 2.2rem;\n  }\n  .coc-intro {\n    font-family: 'Work Sans', sans-serif;\n    font-weight: 300;\n    color: #4f5c6d;\n    margin-bottom: 40px;\n    font-size: 1.1rem;\n  }\n  \/* Layout Split *\/\n  .coc-layout-split {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 40px;\n    align-items: start;\n  }\n  @media (min-width: 1024px) {\n    .coc-layout-split {\n      grid-template-columns: 1.3fr 1fr;\n      gap: 50px;\n    }\n    .coc-right-col {\n      border-left: 1px solid var(--coc-border);\n      padding-left: 50px;\n      min-height: 550px;\n      display: flex;\n      flex-direction: column;\n    }\n  }\n  \/* --- WIZARD QUESTIONS --- *\/\n  .wra-slide {\n    display: none; \/* Hidden by default *\/\n  }\n  \/* FORCE SHOW STEP 1 to prevent blank screen if JS lags *\/\n  .wra-slide[data-step=\"1\"] {\n    display: block;\n  }\n  .wra-slide.active {\n    display: block;\n    animation: coc-fade-in 0.5s ease-out;\n  }\n  .wra-q-title {\n    font-family: var(--font-head);\n    font-size: 1.4rem;\n    font-weight: 400;\n    margin-bottom: 25px;\n    color: var(--coc-primary);\n  }\n  .wra-opt-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 15px;\n  }\n  @media(min-width: 600px) {\n    .wra-opt-grid {\n      grid-template-columns: 1fr 1fr;\n    }\n  }\n  \/* Option Labels (Clickable) *\/\n  .wra-opt-label {\n    display: block;\n    padding: 15px 20px;\n    border: 1px solid #cbd5e1;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: all 0.2s;\n    background: #f8fafc;\n    font-weight: 500;\n    position: relative;\n    font-size: 0.95rem;\n  }\n  .wra-opt-label input {\n    position: absolute;\n    opacity: 0;\n    height: 0;\n    width: 0;\n  }\n  .wra-opt-label:hover {\n    border-color: var(--coc-primary);\n    background: #fff;\n  }\n  .wra-opt-label.checked {\n    border-color: var(--coc-signal);\n    background: #f0fdf4;\n    box-shadow: 0 0 0 1px var(--coc-signal);\n    color: var(--coc-primary);\n  }\n  \/* Navigation *\/\n  .wra-nav {\n    margin-top: 30px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    border-top: 1px dashed var(--coc-border);\n    padding-top: 20px;\n  }\n  .wra-nav-left {\n    display: flex;\n    gap: 15px;\n    align-items: center;\n  }\n  .wra-btn-back,\n  .wra-btn-reset {\n    background: none;\n    border: none;\n    color: #94a3b8;\n    font-weight: 600;\n    cursor: pointer;\n    padding: 0;\n    font-family: 'Space Grotesk', sans-serif;\n    text-decoration: none !important;\n  }\n  .wra-btn-back:hover,\n  .wra-btn-reset:hover {\n    color: var(--coc-primary);\n  }\n  .wra-btn-reset {\n    font-size: 0.85rem;\n  }\n  \/* --- RIGHT COLUMN --- *\/\n  #coc-results-placeholder {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n    text-align: center;\n    color: #94a3b8;\n  }\n  #coc-results-placeholder svg {\n    width: 48px;\n    height: 48px;\n    opacity: 0.3;\n    margin-bottom: 15px;\n  }\n  \/* Score Card *\/\n  .coc-card {\n    padding: 25px;\n    border-radius: 4px;\n    margin-bottom: 20px;\n    text-align: left;\n    border-left: 4px solid transparent;\n  }\n  .coc-card-chaos {\n    background: #fef2f2;\n    \/* Border color set by JS *\/\n  }\n  .coc-card-benefit {\n    background: #f0fdf4;\n    \/* Border color set by JS *\/\n  }\n  .coc-card-label {\n    font-family: var(--font-head);\n    font-size: 0.85rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin-bottom: 5px;\n  }\n  .coc-card-value {\n    font-family: var(--font-head);\n    font-size: 2.5rem;\n    font-weight: 300;\n    line-height: 1.1;\n    margin-bottom: 5px;\n    color: var(--coc-primary);\n  }\n  .coc-card-sub {\n    font-size: 0.9rem;\n    margin: 0;\n    opacity: 0.8;\n  }\n\n  \/* Hide the staging widget wherever it sits on the page *\/\n  .wra-form-staging { \n    display: none !important; \n  }\n\n  \/* BUT show it once it's moved inside the gate container *\/\n  #coc-lead-form-container .wra-form-staging { \n    display: block !important; \n  }\n  \n  \/* --- FORM CONTAINER & FORMINATOR STYLING OVERRIDES --- *\/\n  #coc-lead-form-container {\n    border: 1px solid var(--coc-border);\n    background-color: #f8fafc;\n    padding: 25px;\n    border-radius: 4px;\n    display: none;\n    animation: coc-fade-in 0.5s ease-out;\n  }\n  #coc-lead-form-container h4 {\n    margin-top: 0;\n    font-family: var(--font-head);\n    font-weight: 400;\n    color: var(--coc-primary);\n  }\n  #coc-lead-form-container .forminator-row,\n  #coc-lead-form-container .forminator-col {\n      padding: 0 !important;\n      margin-bottom: 15px;\n  }\n  #coc-lead-form-container .forminator-input,\n  #coc-lead-form-container .forminator-textarea {\n    background-color: #ffffff !important;\n    border: 1px solid #cbd5e1 !important;\n    border-radius: 4px !important;\n    padding: 12px !important;\n    color: #052A48 !important;\n    font-family: 'Work Sans', sans-serif !important;\n    height: auto !important;\n  }\n  #coc-lead-form-container .forminator-input:focus,\n  #coc-lead-form-container .forminator-textarea:focus {\n    border-color: var(--coc-primary) !important;\n    outline: none;\n    box-shadow: none !important;\n  }\n  #coc-lead-form-container .forminator-label {\n    color: var(--coc-primary) !important;\n    font-family: 'Space Grotesk', sans-serif !important;\n    font-weight: 500 !important;\n    font-size: 0.9rem !important;\n  }\n  #coc-lead-form-container .forminator-button-submit {\n    background-color: var(--coc-signal) !important;\n    color: #ffffff !important;\n    font-family: 'Space Grotesk', sans-serif !important;\n    font-weight: 600 !important;\n    border-radius: 4px !important;\n    width: 100% !important;\n    padding: 15px !important;\n    margin-top: 10px !important;\n    border: 1px solid var(--coc-signal) !important;\n    transition: all 0.2s !important;\n    font-size: 1rem !important;\n    text-decoration: none !important;\n  }\n  #coc-lead-form-container .forminator-button-submit:hover {\n    background-color: var(--coc-action-hover) !important;\n    border-color: var(--coc-action-hover) !important;\n  }\n  \/* --- SUCCESS VIEW --- *\/\n  #wra-success-side {\n    display: none;\n    animation: coc-fade-in 0.5s ease-out;\n  }\n  .coc-btn-primary {\n    display: block;\n    width: 100%;\n    text-align: center;\n    text-decoration: none !important;\n    background-color: var(--coc-signal) !important;\n    color: #ffffff !important;\n    border: 1px solid var(--coc-signal) !important;\n    padding: 15px;\n    border-radius: 4px;\n    font-family: var(--font-head);\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.2s;\n  }\n  .coc-btn-primary:hover {\n    background-color: var(--coc-action-hover) !important;\n    border-color: var(--coc-action-hover) !important;\n    color: #ffffff !important;\n  }\n  \/* --- FULL REPORT --- *\/\n  #coc-full-report {\n    display: none;\n    margin-top: 50px;\n    padding-top: 40px;\n    border-top: 2px solid var(--coc-border);\n  }\n  .coc-section-title {\n    font-family: var(--font-head);\n    font-size: 1.8rem;\n    margin-bottom: 25px;\n    font-weight: 300;\n    color: var(--coc-primary);\n  }\n  .wra-audit-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 30px;\n    margin-bottom: 30px;\n  }\n  @media(min-width: 768px) {\n    .wra-audit-grid {\n      grid-template-columns: 1fr 1fr;\n    }\n  }\n  .wra-audit-card {\n    background: #fff;\n    border: 1px solid var(--coc-border);\n    padding: 25px;\n    border-radius: 4px;\n  }\n  .wra-audit-card h4 {\n    margin-top: 0;\n    font-family: var(--font-head);\n    font-weight: 500;\n    font-size: 1.1rem;\n    border-bottom: 1px solid #f1f5f9;\n    padding-bottom: 10px;\n    margin-bottom: 15px;\n    color: var(--coc-primary);\n  }\n  .wra-audit-card ul {\n    padding-left: 20px;\n    color: #4f5c6d;\n    font-size: 0.95rem;\n    line-height: 1.6;\n  }\n  .wra-audit-card li {\n    margin-bottom: 8px;\n  }\n  .wra-audit-card p {\n    color: #4f5c6d;\n    font-size: 0.95rem;\n    line-height: 1.6;\n  }\n  @keyframes coc-fade-in {\n    from { opacity: 0; transform: translateY(10px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n<\/style>\n\n<div class=\"coc-widget-container\">\n    <div class=\"coc-calculator-wrapper\">\n        <h2 id=\"wra-main-title\">WMS Readiness Assessment<\/h2>\n        <p class=\"coc-intro\" id=\"wra-main-intro\">Benchmark your fulfilment operations and identify scaling bottlenecks.<\/p>\n        \n        <div class=\"coc-layout-split\">\n            <!-- LEFT COLUMN: QUESTIONS -->\n            <div class=\"coc-left-col\" id=\"wra-quiz-container\">\n                <!-- Question 1 -->\n                <div class=\"wra-slide active\" data-step=\"1\">\n                    <div class=\"wra-q-title\">1. What is your average daily order volume?<\/div>\n                    <div class=\"wra-opt-grid\">\n                        <label class=\"wra-opt-label\"><input type=\"radio\" name=\"q1\" value=\"5\" data-too-small=\"true\" onclick=\"wraNext(this)\"> &lt; 50 Orders<\/label>\n                        <label class=\"wra-opt-label\"><input type=\"radio\" name=\"q1\" value=\"15\" onclick=\"wraNext(this)\"> 50 - 500 Orders<\/label>\n                        <label class=\"wra-opt-label\"><input type=\"radio\" name=\"q1\" value=\"25\" onclick=\"wraNext(this)\"> 500 - 2,000<\/label>\n                        <label class=\"wra-opt-label\"><input type=\"radio\" name=\"q1\" value=\"30\" onclick=\"wraNext(this)\"> 2,000+ (Enterprise)<\/label>\n                    <\/div>\n                <\/div>\n                <!-- Question 2 -->\n                <div class=\"wra-slide\" data-step=\"2\">\n                    <div class=\"wra-q-title\">2. How many active SKUs do you stock?<\/div>\n                    <div class=\"wra-opt-grid\">\n                        <label class=\"wra-opt-label\"><input type=\"radio\" name=\"q2\" value=\"5\" data-too-small=\"true\" onclick=\"wraNext(this)\"> &lt; 100 SKUs<\/label>\n                        <label class=\"wra-opt-label\"><input type=\"radio\" name=\"q2\" value=\"10\" onclick=\"wraNext(this)\"> 100 - 1,000<\/label>\n                        <label class=\"wra-opt-label\"><input type=\"radio\" name=\"q2\" value=\"15\" onclick=\"wraNext(this)\"> 1,000 - 5,000<\/label>\n                        <label class=\"wra-opt-label\"><input type=\"radio\" name=\"q2\" value=\"20\" onclick=\"wraNext(this)\"> 5,000+<\/label>\n                    <\/div>\n                <\/div>\n                <!-- Question 3 -->\n                <div class=\"wra-slide\" data-step=\"3\">\n                    <div class=\"wra-q-title\">3. How do you currently track inventory?<\/div>\n                    <div class=\"wra-opt-grid\">\n                        <label class=\"wra-opt-label\"><input type=\"radio\" name=\"q3\" value=\"0\" onclick=\"wraNext(this)\"> Visual \/ Memory<\/label>\n                        <label class=\"wra-opt-label\"><input type=\"radio\" name=\"q3\" value=\"5\" onclick=\"wraNext(this)\"> Spreadsheets<\/label>\n                        <label class=\"wra-opt-label\"><input type=\"radio\" name=\"q3\" value=\"10\" onclick=\"wraNext(this)\"> Legacy WMS<\/label>\n                        <label class=\"wra-opt-label\"><input type=\"radio\" name=\"q3\" value=\"15\" onclick=\"wraNext(this)\"> ERP Module<\/label>\n                    <\/div>\n                <\/div>\n                <!-- Question 4 -->\n                <div class=\"wra-slide\" data-step=\"4\">\n                    <div class=\"wra-q-title\">4. Are your products barcoded?<\/div>\n                    <div class=\"wra-opt-grid\">\n                        <label class=\"wra-opt-label\"><input type=\"radio\" name=\"q4\" value=\"0\" onclick=\"wraNext(this)\"> No (Descriptions)<\/label>\n                        <label class=\"wra-opt-label\"><input type=\"radio\" name=\"q4\" value=\"5\" onclick=\"wraNext(this)\"> Partial \/ Mixed<\/label>\n                        <label class=\"wra-opt-label\"><input type=\"radio\" name=\"q4\" value=\"10\" onclick=\"wraNext(this)\"> Yes, 100%<\/label>\n                    <\/div>\n                <\/div>\n                <!-- Question 5 -->\n                <div class=\"wra-slide\" data-step=\"5\">\n                    <div class=\"wra-q-title\">5. Bin location labelling?<\/div>\n                    <div class=\"wra-opt-grid\">\n                        <label class=\"wra-opt-label\"><input type=\"radio\" name=\"q5\" value=\"0\" onclick=\"wraNext(this)\"> No Labels<\/label>\n                        <label class=\"wra-opt-label\"><input type=\"radio\" name=\"q5\" value=\"5\" onclick=\"wraNext(this)\"> General Zones<\/label>\n                        <label class=\"wra-opt-label\"><input type=\"radio\" name=\"q5\" value=\"10\" onclick=\"wraNext(this)\"> Specific (A-01-01)<\/label>\n                    <\/div>\n                <\/div>\n                <!-- Question 6 -->\n                <div class=\"wra-slide\" data-step=\"6\">\n                    <div class=\"wra-q-title\">6. Current picking method?<\/div>\n                    <div class=\"wra-opt-grid\">\n                        <label class=\"wra-opt-label\"><input type=\"radio\" name=\"q6\" value=\"0\" onclick=\"wraNext(this)\"> Paper Lists<\/label>\n                        <label class=\"wra-opt-label\"><input type=\"radio\" name=\"q6\" value=\"5\" onclick=\"wraNext(this)\"> Printed Labels<\/label>\n                        <label class=\"wra-opt-label\"><input type=\"radio\" name=\"q6\" value=\"10\" onclick=\"wraNext(this)\"> RF Scanning<\/label>\n                    <\/div>\n                <\/div>\n                <!-- Question 7 -->\n                <div class=\"wra-slide\" data-step=\"7\">\n                    <div class=\"wra-q-title\">7. Courier despatch process?<\/div>\n                    <div class=\"wra-opt-grid\">\n                        <label class=\"wra-opt-label\"><input type=\"radio\" name=\"q7\" value=\"0\" onclick=\"wraNext(this)\"> Manual Entry<\/label>\n                        <label class=\"wra-opt-label\"><input type=\"radio\" name=\"q7\" value=\"5\" onclick=\"wraNext(this)\"> CSV Upload<\/label>\n                        <label class=\"wra-opt-label\"><input type=\"radio\" name=\"q7\" value=\"10\" onclick=\"wraNext(this)\"> Integrated API<\/label>\n                    <\/div>\n                <\/div>\n                <!-- Question 8 -->\n                <div class=\"wra-slide\" data-step=\"8\">\n                    <div class=\"wra-q-title\">8. Storage & Handling Billing?<\/div>\n                    <div class=\"wra-opt-grid\">\n                        <label class=\"wra-opt-label\"><input type=\"radio\" name=\"q8\" value=\"0\" onclick=\"wraNext(this)\"> Manual Spreadsheet<\/label>\n                        <label class=\"wra-opt-label\"><input type=\"radio\" name=\"q8\" value=\"5\" onclick=\"wraNext(this)\"> Flat Rate<\/label>\n                        <label class=\"wra-opt-label\"><input type=\"radio\" name=\"q8\" value=\"10\" onclick=\"wraNext(this)\"> Auto-Generated<\/label>\n                    <\/div>\n                <\/div>\n                <!-- Question 9 -->\n                <div class=\"wra-slide\" data-step=\"9\">\n                    <div class=\"wra-q-title\">9. Expiry \/ Batch tracking?<\/div>\n                    <div class=\"wra-opt-grid\">\n                        <label class=\"wra-opt-label\"><input type=\"radio\" name=\"q9\" value=\"5\" onclick=\"wraNext(this)\"> Not Required<\/label>\n                        <label class=\"wra-opt-label\"><input type=\"radio\" name=\"q9\" value=\"0\" onclick=\"wraNext(this)\"> Manual Date Check<\/label>\n                        <label class=\"wra-opt-label\"><input type=\"radio\" name=\"q9\" value=\"10\" onclick=\"wraNext(this)\"> System Enforced<\/label>\n                    <\/div>\n                <\/div>\n                <!-- Question 10 -->\n                <div class=\"wra-slide\" data-step=\"10\">\n                    <div class=\"wra-q-title\">10. Primary pain point?<\/div>\n                    <div class=\"wra-opt-grid\">\n                        <label class=\"wra-opt-label\"><input type=\"radio\" name=\"q10\" value=\"0\" data-tag=\"Billing\" onclick=\"wraFinish(this)\"> Revenue Leakage<\/label>\n                        <label class=\"wra-opt-label\"><input type=\"radio\" name=\"q10\" value=\"0\" data-tag=\"Errors\" onclick=\"wraFinish(this)\"> Inaccuracy<\/label>\n                        <label class=\"wra-opt-label\"><input type=\"radio\" name=\"q10\" value=\"0\" data-tag=\"Labour\" onclick=\"wraFinish(this)\"> Labour Costs<\/label>\n                    <\/div>\n                <\/div>\n                \n                <!-- Navigation -->\n                <div class=\"wra-nav\">\n                    <div class=\"wra-nav-left\">\n                        <button type=\"button\" class=\"wra-btn-back\" onclick=\"wraBack()\" style=\"opacity:0;\">\u2190 Back<\/button>\n                        <button type=\"button\" class=\"wra-btn-reset\" onclick=\"wraReset()\">Start Over<\/button>\n                    <\/div>\n                    <div style=\"font-size: 0.85rem; color: #94a3b8; font-weight: 600;\" id=\"wra-step-count\">Step 1 of 10<\/div>\n                <\/div>\n            <\/div>\n\n            <!-- RIGHT COLUMN: RESULTS & FORM -->\n            <div class=\"coc-right-col\">\n                <div id=\"coc-results-placeholder\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25zM6.75 12h.008v.008H6.75V12zm0 3h.008v.008H6.75V15zm0 3h.008v.008H6.75V18z\" \/><\/svg>\n                    <p style=\"margin:0;\">Benchmark your readiness to unlock your tailored roadmap.<\/p>\n                <\/div>\n                \n                <div id=\"wra-results-side\" style=\"display:none;\">\n                    <div class=\"coc-card coc-card-chaos\" id=\"wra-score-card\">\n                        <div class=\"coc-card-label\" id=\"wra-score-label\">Readiness Score<\/div>\n                        <div class=\"coc-card-value\" id=\"wra-score-val\">0<\/div>\n                        <p class=\"coc-card-sub\" id=\"wra-status-text\">Analysing...<\/p>\n                    <\/div>\n                    \n                    <div id=\"coc-lead-form-container\">\n                        <h4>Unlock Full Audit<\/h4>\n                        <p id=\"wra-gate-msg\">Enter your details to receive your prioritised Action Plan.<\/p>\n                    <\/div>\n                    \n                    <div id=\"wra-success-side\" style=\"display:none;\">\n                        <div class=\"coc-card coc-card-benefit\">\n                            <div class=\"coc-card-label\" style=\"color:var(--coc-signal);\">Assessment Complete<\/div>\n                            <div class=\"coc-card-value\" style=\"color:var(--coc-signal); font-size:1.8rem;\">Sent<\/div>\n                            <p class=\"coc-card-sub\">Check your inbox for the report.<\/p>\n                        <\/div>\n                        <div id=\"wra-cta-box\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- FULL REPORT -->\n        <div id=\"coc-full-report\">\n            <div class=\"coc-section-title\">Operational Audit Results<\/div>\n            <div class=\"wra-audit-grid\">\n                <div class=\"wra-audit-card\">\n                    <h4>Critical Analysis<\/h4>\n                    <div id=\"wra-audit-analysis\"><\/div>\n                <\/div>\n                <div class=\"wra-audit-card\">\n                    <h4>Pre-Implementation Checklist<\/h4>\n                    <div id=\"wra-audit-checklist\"><\/div>\n                <\/div>\n            <\/div>\n            <p style=\"font-size:0.8rem; color:#94a3b8; border-top:1px solid #e2e8f0; padding-top:20px;\"> \n                This report is based on current self-reported metrics. Implementing a WMS without fixing \"Data Hygiene\" fundamentals can complicate existing workflows. \n            <\/p>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n\/* GLOBAL VARIABLES *\/\nvar wraStep = 1;\nvar totalSteps = 10;\nvar isTooSmall = false;\nvar hasSubmitted = false;\n\n\/* GLOBAL FUNCTIONS (Attached to Window for Inline HTML Access) *\/\n\nwindow.wraNext = function(el) {\n    const parent = el.closest('.wra-opt-grid');\n    parent.querySelectorAll('.wra-opt-label').forEach(l => l.classList.remove('checked'));\n    el.closest('.wra-opt-label').classList.add('checked');\n    \n    if(el.dataset.tooSmall === \"true\") isTooSmall = true;\n    \n    setTimeout(() => { \n        if(wraStep < totalSteps) { \n            wraStep++; \n            updateUI(); \n        } \n    }, 300);\n};\n\nwindow.wraBack = function() {\n    if(wraStep > 1) { \n        wraStep--; \n        updateUI(); \n    }\n};\n\nwindow.wraReset = function() {\n    wraStep = 1;\n    updateUI();\n    document.getElementById('coc-results-placeholder').style.display = 'flex';\n    document.getElementById('wra-results-side').style.display = 'none';\n    document.getElementById('coc-full-report').style.display = 'none';\n    document.getElementById('coc-lead-form-container').style.display = 'none';\n    document.getElementById('wra-success-side').style.display = 'none';\n    \n    document.querySelectorAll('#wra-quiz-container input[type=\"radio\"]').forEach(r => r.checked = false);\n    document.querySelectorAll('.wra-opt-label').forEach(l => l.classList.remove('checked'));\n    isTooSmall = false;\n    hasSubmitted = false;\n};\n\nwindow.wraFinish = function(el) {\n    const parent = el.closest('.wra-opt-grid');\n    parent.querySelectorAll('.wra-opt-label').forEach(l => l.classList.remove('checked'));\n    el.closest('.wra-opt-label').classList.add('checked');\n    \n    const score = calculateScore();\n    \n    \/\/ 1. Map Data immediately\n    saveAnswersToForm(score);\n    \n    \/\/ 2. Render UI\n    renderGate(score);\n    if (hasSubmitted) showFinalReport();\n};\n\n\/* INTERNAL HELPERS *\/\n\nfunction updateUI() {\n    document.querySelectorAll('.wra-slide').forEach(s => s.classList.remove('active'));\n    \/\/ Force Hide all first, then show specific\n    document.querySelectorAll('.wra-slide').forEach(s => s.style.display = 'none');\n    \n    const current = document.querySelector(`.wra-slide[data-step=\"${wraStep}\"]`);\n    if(current) {\n        current.style.display = 'block';\n        current.classList.add('active');\n    }\n    \n    document.getElementById('wra-step-count').innerText = `Step ${wraStep} of 10`;\n    document.querySelector('.wra-btn-back').style.opacity = (wraStep === 1) ? \"0\" : \"1\";\n}\n\nfunction calculateScore() {\n    let total = 0;\n    for(let i=1; i<=9; i++) {\n        const checked = document.querySelector(`input[name=\"q${i}\"]:checked`);\n        total += checked ? parseInt(checked.value) : 0;\n    }\n    let pct = Math.round((total \/ 125) * 100);\n    return pct > 100 ? 100 : pct;\n}\n\nfunction renderGate(score) {\n    document.getElementById('coc-results-placeholder').style.display = 'none';\n    document.getElementById('wra-results-side').style.display = 'block';\n    document.getElementById('wra-score-val').innerText = score;\n    \n    const badge = document.getElementById('wra-score-card');\n    const statusText = document.getElementById('wra-status-text');\n    const gateMsg = document.getElementById('wra-gate-msg');\n\n    badge.className = 'coc-card'; \n\n    if(isTooSmall) {\n        badge.classList.add('coc-card-chaos'); \n        badge.style.borderColor = '#94a3b8'; \n        statusText.innerText = \"Status: Growth Phase\";\n        gateMsg.innerText = \"Enter email to receive your Startup Guide.\";\n    } else if(score <= 50) {\n        badge.classList.add('coc-card-chaos');\n        badge.style.borderColor = '#dc2626'; \n        statusText.innerText = \"Status: Foundation Building Required\";\n        gateMsg.innerText = \"Enter your details to receive your Prioritised Action Plan.\";\n    } else if (score <= 70) {\n        badge.classList.add('coc-card-chaos'); \n        badge.style.borderColor = '#d97706'; \n        statusText.innerText = \"Status: Digital Transition Ready\";\n        gateMsg.innerText = \"Enter your details to receive your Prioritised Action Plan.\";\n    } else {\n        badge.classList.add('coc-card-benefit');\n        badge.style.borderColor = '#53B477'; \n        statusText.innerText = \"Status: Automation Ready\";\n        gateMsg.innerText = \"Enter your details to receive your Prioritised Action Plan.\";\n    }\n    \n    if(!hasSubmitted) moveForm();\n}\n\nfunction moveForm() {\n    const staging = document.querySelector('.wra-form-staging');\n    const container = document.getElementById('coc-lead-form-container');\n    if (!container) return;\n    container.style.display = 'block';\n    if (staging) {\n        container.appendChild(staging);\n        staging.style.display = 'block !important';\n    }\n}\n\nfunction showFinalReport() {\n    document.getElementById('coc-lead-form-container').style.display = 'none';\n    document.getElementById('wra-success-side').style.display = 'block';\n    document.getElementById('coc-full-report').style.display = 'block';\n    \n    const score = calculateScore();\n    const analysis = document.getElementById('wra-audit-analysis');\n    const checklist = document.getElementById('wra-audit-checklist');\n    const ctaBox = document.getElementById('wra-cta-box');\n\n    if(isTooSmall) {\n        analysis.innerHTML = `<p style=\"margin-bottom:15px;\">Your current volume and SKU count suggest you are in a <strong>High-Growth Startup Phase<\/strong>.<\/p> <p>Implementing a heavy WMS now would likely add unnecessary complexity. Your focus should be on volume.<\/p>`;\n        checklist.innerHTML = `<ul><li><strong>Physical Labelling:<\/strong> Even with Excel, label every shelf (e.g. A-01-01) now to save pain later.<\/li><li><strong>Standardise Barcodes:<\/strong> Ensure every product has a scannable barcode before you scale.<\/li><li><strong>Clean Master Data:<\/strong> Maintain a \"Golden Record\" of SKUs in one central sheet.<\/li><\/ul>`;\n        ctaBox.innerHTML = `<a href=\"https:\/\/stg-khh4l5.elementor.cloud\/get-in-touch\" target=\"_blank\" class=\"coc-btn-primary\">Book Discovery Call<\/a><p style=\"font-size:0.7rem; color:#94a3b8; margin-top:5px; text-align:center;\">Discuss future scaling plans.<\/p>`;\n    } else if (score <= 50) {\n        analysis.innerHTML = `<p style=\"margin-bottom:15px;\"><strong>Critical Risk Detected:<\/strong> Your processes are currently too manual for immediate automation. Introducing a WMS now will likely result in \"Automated Chaos.\"<\/p> <p><strong>Clarus Advice:<\/strong> Do not buy software yet. You must fix the physical foundations of your warehouse first (Labelling & Barcoding).<\/p>`;\n        checklist.innerHTML = `<ul><li><strong>Label Every Bin:<\/strong> Create a logical map (Aisle-Bay-Shelf) and label every location physically.<\/li><li><strong>Barcode 100% Inventory:<\/strong> Enforce a \"No Scan, No Receive\" rule for all inbound stock.<\/li><li><strong>Map \"Happy Path\":<\/strong> Document your ideal receiving and picking process on paper.<\/li><\/ul>`;\n        ctaBox.innerHTML = `<a href=\"https:\/\/stg-khh4l5.elementor.cloud\/get-in-touch\" target=\"_blank\" class=\"coc-btn-primary\">Book Discovery Call<\/a><p style=\"font-size:0.7rem; color:#94a3b8; margin-top:5px; text-align:center;\">Get expert guidance on fixing foundations.<\/p>`;\n    } else if (score <= 70) {\n        analysis.innerHTML = `<p style=\"margin-bottom:15px;\"><strong>Transition Ready:<\/strong> You have hit the \"Paper Ceiling.\" You have outgrown spreadsheets, and they are now likely causing <strong>15-20% revenue leakage<\/strong>.<\/p> <p><strong>Clarus Advice:<\/strong> You are ready for deployment, but data migration will be key. We need to digitise your manual billing logic immediately.<\/p>`;\n        checklist.innerHTML = `<ul><li><strong>Audit WiFi:<\/strong> Ensure you have connectivity in the aisles for real-time RF scanning.<\/li><li><strong>Prepare Master Data:<\/strong> Audit your SKU list for duplicates or old product lines.<\/li><li><strong>Appoint Super User:<\/strong> Select a warehouse champion to lead the project internally.<\/li><\/ul>`;\n        ctaBox.innerHTML = `<a href=\"https:\/\/stg-khh4l5.elementor.cloud\/get-in-touch\" target=\"_blank\" class=\"coc-btn-primary\">Book Discovery Call<\/a><p style=\"font-size:0.7rem; color:#94a3b8; margin-top:5px; text-align:center;\">Discuss your deployment strategy.<\/p>`;\n    } else {\n        analysis.innerHTML = `<p style=\"margin-bottom:15px;\"><strong>Enterprise Ready:<\/strong> Your operations are mature and scalable. You are likely frustrated by the limitations of your current software rather than chaos.<\/p> <p><strong>Clarus Advice:<\/strong> Your volume justifies High-Velocity logic. We can implement Batch Picking and Cluster Picking to reduce travel time by up to 30%.<\/p>`;\n        checklist.innerHTML = `<ul><li><strong>API Credentials:<\/strong> Gather keys for your Shopping Carts (Shopify\/Woo) and ERP.<\/li><li><strong>Courier Consolidation:<\/strong> Prepare accounts for automated \"Rate Shopping\" integration.<\/li><li><strong>Hardware Upgrade:<\/strong> Review Android-based Zebra\/Honeywell scanners for speed.<\/li><\/ul>`;\n        ctaBox.innerHTML = `<a href=\"https:\/\/stg-khh4l5.elementor.cloud\/get-in-touch\" target=\"_blank\" class=\"coc-btn-primary\">Book Discovery Call<\/a><p style=\"font-size:0.7rem; color:#94a3b8; margin-top:5px; text-align:center;\">Start your enterprise integration.<\/p>`;\n    }\n    \n    setTimeout(() => {\n         document.getElementById('coc-full-report').scrollIntoView({ behavior: 'smooth' });\n    }, 100);\n}\n\n\/* DATA SAVING (The Important Part) *\/\n\nfunction saveAnswersToForm(score) {\n    console.log(\"Saving answers...\");\n    const getLabel = (n) => {\n        const checked = document.querySelector(`input[name=\"q${n}\"]:checked`);\n        return checked ? checked.parentElement.textContent.trim() : \"\";\n    };\n\n    setForminatorField('text-3', score); \/\/ Score\n\n    let segment = 'High';\n    if (isTooSmall) segment = 'TooSmall';\n    else if (score <= 50) segment = 'Low';\n    else if (score <= 70) segment = 'Med';\n    setForminatorField('text-4', segment); \/\/ Segment\n    \n    setForminatorField('text-5', getLabel(1)); \/\/ Volume\n\n    const q10 = document.querySelector('input[name=\"q10\"]:checked');\n    if(q10) {\n        setForminatorField('text-6', q10.dataset.tag); \/\/ Pain Point\n    }\n\n    \/\/ Map Q1-Q10\n    for(let i=1; i<=10; i++) {\n        setForminatorField(`text-${i + 6}`, getLabel(i));\n    }\n}\n\nfunction setForminatorField(fieldName, value) {\n    if (typeof jQuery !== 'undefined') {\n        \/\/ Find input starting with name (to handle suffix) inside our specific form\n        var $field = jQuery('.forminator-custom-form[data-form-id=\"30354\"]').find('input[name^=\"' + fieldName + '\"]');\n        if ($field.length > 0) {\n            $field.val(value).trigger('change');\n            console.log(\"Set \" + fieldName + \" to \" + value);\n        }\n    }\n}\n\n\/* INITIALIZATION *\/\nvar waitForJQuery = setInterval(function () {\n    if (typeof jQuery != 'undefined') {\n        clearInterval(waitForJQuery);\n        \/\/ Listen for Success\n        jQuery(document).on('forminator:form:submit:success', function(event, data) {\n            if (data.form_id == '30354') {\n                hasSubmitted = true;\n                showFinalReport();\n            }\n        });\n    }\n}, 100);\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-485b54f wra-form-staging elementor-widget elementor-widget-html\" data-id=\"485b54f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<form id=\"forminator-module-30354\" class=\"forminator-custom-form forminator-custom-form-30354\" method=\"post\" data-forminator-render=\"0\" data-uid=\"6a5ef46a39dce\"><div role=\"alert\" aria-live=\"polite\" class=\"forminator-response-message forminator-error\" aria-hidden=\"true\"><\/div><\/form>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6874226c e-con-full e-flex e-con e-child\" data-id=\"6874226c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1eb7f3a2 e-con-full e-flex e-con e-child\" data-id=\"1eb7f3a2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-503623ee elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"503623ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">A partnership, \n <span style=\"color: #89E3AA\">not a pass-the-parcel.<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b95b9ce elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"b95b9ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"603\" data-end=\"833\">When both sides lean in, <strong>onboarding is smoother, faster, and your team hits day one with confidence&#8230;<\/strong> We bring the product, the project team and the operational experience. You bring:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-179c52a e-con-full e-flex e-con e-child\" data-id=\"179c52a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2abdc502 e-con-full card e-flex e-con e-child\" data-id=\"2abdc502\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-2bd5f6cc e-con-full e-flex e-con e-child\" data-id=\"2bd5f6cc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c7fb473 elementor-widget elementor-widget-heading\" data-id=\"7c7fb473\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Get the right people.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-759993b3 elementor-widget elementor-widget-text-editor\" data-id=\"759993b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"63\" data-end=\"158\">The right people in the room&#8230; operations, IT and finance.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-439634f3 e-con-full blob e-flex e-con e-child\" data-id=\"439634f3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-404be023 e-con-full fakeblob e-flex e-con e-child\" data-id=\"404be023\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-544a8cf2 e-con-full card e-flex e-con e-child\" data-id=\"544a8cf2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-7f38d399 e-con-full e-flex e-con e-child\" data-id=\"7f38d399\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10dae37b elementor-widget elementor-widget-heading\" data-id=\"10dae37b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Open up the warehouse.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-18445230 elementor-widget elementor-widget-text-editor\" data-id=\"18445230\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"160\" data-end=\"250\">Access to your warehouse and subject-matter experts.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3766bf57 e-con-full blob e-flex e-con e-child\" data-id=\"3766bf57\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-140d8daa e-con-full fakeblob e-flex e-con e-child\" data-id=\"140d8daa\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3fcb3c2 e-con-full card e-flex e-con e-child\" data-id=\"3fcb3c2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-a341633 e-con-full e-flex e-con e-child\" data-id=\"a341633\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-85f00c3 elementor-widget elementor-widget-heading\" data-id=\"85f00c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Bring your best data.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a0d0850 elementor-widget elementor-widget-text-editor\" data-id=\"a0d0850\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"252\" data-end=\"355\">Data from your existing systems (with our templates and guidance).<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-675c0e8 e-con-full blob e-flex e-con e-child\" data-id=\"675c0e8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-caded01 e-con-full fakeblob e-flex e-con e-child\" data-id=\"caded01\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-88e1e44 e-con-full card e-flex e-con e-child\" data-id=\"88e1e44\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-3f5d66f e-con-full e-flex e-con e-child\" data-id=\"3f5d66f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-87c8f26 elementor-widget elementor-widget-heading\" data-id=\"87c8f26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Share every edge case.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8a7a326 elementor-widget elementor-widget-text-editor\" data-id=\"8a7a326\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Openness about edge-cases and \u201cthat one customer who\u2026\u201d scenarios.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-471a6e9 e-con-full blob e-flex e-con e-child\" data-id=\"471a6e9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5982712 e-con-full fakeblob e-flex e-con e-child\" data-id=\"5982712\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-10bd0f7d e-con-full e-flex e-con e-child\" data-id=\"10bd0f7d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-99fc9fa e-con-full e-flex e-con e-child\" data-id=\"99fc9fa\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-ef465ca e-con-full e-flex e-con e-child\" data-id=\"ef465ca\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fe1c8d2 elementor-widget elementor-widget-video\" data-id=\"fe1c8d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/stg-khh4l5.elementor.cloud\/wp-content\/uploads\/2025\/09\/final-comp_NEW.webm\" autoplay=\"\" muted=\"muted\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-25c7210 e-con-full e-flex e-con e-child\" data-id=\"25c7210\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-267e61f elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"267e61f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">See Clarus in action <span style=\"color: #89E3AA\">in under 10 mins. <\/span> <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ccd9b30 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"ccd9b30\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"relative flex-col gap-1 md:gap-3\"><div class=\"flex max-w-full flex-col grow\"><div class=\"min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal [.text-message+&amp;]:mt-5\" dir=\"auto\" data-message-author-role=\"assistant\" data-message-id=\"17ac4be7-f347-4e30-b910-7d5b0ef84860\" data-message-model-slug=\"o3\"><div class=\"flex w-full flex-col gap-1 empty:hidden first:pt-[3px]\"><div class=\"markdown prose dark:prose-invert w-full break-words dark\"><p>Still on the fence? Spend four minutes watching Clarus handle <strong>goods\u2011in, picking and dispatch.<\/strong> You\u2019ll see why <strong>our customers keep saying\u202f&#8221;yes&#8221; to new contracts.<\/strong><\/p><\/div><\/div><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-db0547e elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-html\" data-id=\"db0547e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<form id=\"forminator-module-30353\" class=\"forminator-custom-form forminator-custom-form-30353\" method=\"post\" data-forminator-render=\"0\" data-uid=\"6a5ef46a3c87b\"><div role=\"alert\" aria-live=\"polite\" class=\"forminator-response-message forminator-error\" aria-hidden=\"true\"><\/div><\/form>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Das Onboarding mit Clarus beginnt auf dem Boden Ihres Lagers. Wir bilden Ihre realen Prozesse ab, sprechen Ihre Sprache und konfigurieren das WMS um Sie herum f\u00fcr einen schnellen und sicheren Go-Live.<\/p>","protected":false},"author":207386994,"featured_media":26364,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_angie_page":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-26362","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO Pro 4.9.10 - aioseo.com -->\n\t<meta name=\"description\" content=\"Onboarding with Clarus starts on your warehouse floor. We map your real processes, talk your language and configure the WMS around you for a fast, confident go-live.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"google-site-verification\" content=\"CRRdFVbFEJpHvy2nAOF1VUPPnFMj7vYbbFMqzKnXqyU\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/stg-khh4l5.elementor.cloud\/de\/onboarding-wms\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO Pro (AIOSEO) 4.9.10\" \/>\n\t\t<meta property=\"og:locale\" content=\"de_DE\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Clarus WMS\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Onboarding &amp; Customer Success | Clarus WMS\" \/>\n\t\t<meta property=\"og:description\" content=\"Onboarding with Clarus starts on your warehouse floor. We map your real processes, talk your language and configure the WMS around you for a fast, confident go-live.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/stg-khh4l5.elementor.cloud\/de\/onboarding-wms\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/stg-khh4l5.elementor.cloud\/wp-content\/uploads\/2025\/12\/Still-2-scaled-e1765291294619.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/stg-khh4l5.elementor.cloud\/wp-content\/uploads\/2025\/12\/Still-2-scaled-e1765291294619.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"2146\" \/>\n\t\t<meta property=\"og:image:height\" content=\"1353\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2025-12-09T14:09:20+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-03-23T09:01:09+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Onboarding &amp; Customer Success | Clarus WMS\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Onboarding with Clarus starts on your warehouse floor. We map your real processes, talk your language and configure the WMS around you for a fast, confident go-live.\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/stg-khh4l5.elementor.cloud\/wp-content\/uploads\/2025\/12\/Still-2-scaled-e1765291294619.jpg\" \/>\n\t\t<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t\t<meta name=\"twitter:data1\" content=\"Andy Cox\" \/>\n\t\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesedauer\" \/>\n\t\t<meta name=\"twitter:data2\" content=\"9 Minuten\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/stg-khh4l5.elementor.cloud\\\/de\\\/onboarding-wms\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/stg-khh4l5.elementor.cloud\\\/de#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/stg-khh4l5.elementor.cloud\\\/de\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/stg-khh4l5.elementor.cloud\\\/de\\\/onboarding-wms\\\/#listItem\",\"name\":\"Onboarding &amp; Customer Success\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/stg-khh4l5.elementor.cloud\\\/de\\\/onboarding-wms\\\/#listItem\",\"position\":2,\"name\":\"Onboarding &amp; Customer Success\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/stg-khh4l5.elementor.cloud\\\/de#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/stg-khh4l5.elementor.cloud\\\/de\\\/#organization\",\"name\":\"Clarus WMS\",\"description\":\"AI-Powered Warehouse Management Software\",\"url\":\"https:\\\/\\\/stg-khh4l5.elementor.cloud\\\/de\\\/\",\"telephone\":\"+441613028880\",\"foundingDate\":\"2026-06-08\",\"numberOfEmployees\":{\"@type\":\"QuantitativeValue\",\"minValue\":0,\"maxValue\":50},\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/pyrtccdt.elementor.cloud\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/Full-colour-no-exclusion.png\",\"@id\":\"https:\\\/\\\/stg-khh4l5.elementor.cloud\\\/de\\\/onboarding-wms\\\/#organizationLogo\"},\"image\":{\"@id\":\"https:\\\/\\\/stg-khh4l5.elementor.cloud\\\/de\\\/onboarding-wms\\\/#organizationLogo\"},\"sameAs\":[\"https:\\\/\\\/www.youtube.com\\\/@claruswms\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/claruswms\\\/\"]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/stg-khh4l5.elementor.cloud\\\/de\\\/onboarding-wms\\\/#webpage\",\"url\":\"https:\\\/\\\/stg-khh4l5.elementor.cloud\\\/de\\\/onboarding-wms\\\/\",\"name\":\"Onboarding & Customer Success | Clarus WMS\",\"description\":\"Onboarding with Clarus starts on your warehouse floor. We map your real processes, talk your language and configure the WMS around you for a fast, confident go-live.\",\"inLanguage\":\"de-DE\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/stg-khh4l5.elementor.cloud\\\/de\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/stg-khh4l5.elementor.cloud\\\/de\\\/onboarding-wms\\\/#breadcrumblist\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/stg-khh4l5.elementor.cloud\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/Still-2-scaled-e1765291294619.jpg\",\"@id\":\"https:\\\/\\\/stg-khh4l5.elementor.cloud\\\/de\\\/onboarding-wms\\\/#mainImage\",\"width\":2146,\"height\":1353,\"caption\":\"Warehouse manager in a hi-vis vest holding a handheld scanner beside shelving with blue picking bins\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/stg-khh4l5.elementor.cloud\\\/de\\\/onboarding-wms\\\/#mainImage\"},\"datePublished\":\"2025-12-09T14:09:20+00:00\",\"dateModified\":\"2026-03-23T09:01:09+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/stg-khh4l5.elementor.cloud\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/stg-khh4l5.elementor.cloud\\\/de\\\/\",\"name\":\"Clarus WMS | AI-Powered Warehouse Management Software\",\"description\":\"AI-Powered Warehouse Management Software\",\"inLanguage\":\"de-DE\",\"publisher\":{\"@id\":\"https:\\\/\\\/stg-khh4l5.elementor.cloud\\\/de\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO Pro -->\r\n\t\t<title>Onboarding &amp; Customer Success | Clarus WMS<\/title>\n\n","aioseo_head_json":{"title":"Onboarding &amp; Customer Success | Clarus WMS","description":"Das Onboarding mit Clarus beginnt auf dem Boden Ihres Lagers. Wir bilden Ihre realen Prozesse ab, sprechen Ihre Sprache und konfigurieren das WMS um Sie herum f\u00fcr einen schnellen und sicheren Go-Live.","canonical_url":"https:\/\/stg-khh4l5.elementor.cloud\/de\/onboarding-wms\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"google-site-verification":"CRRdFVbFEJpHvy2nAOF1VUPPnFMj7vYbbFMqzKnXqyU","miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/stg-khh4l5.elementor.cloud\/de\/onboarding-wms\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/stg-khh4l5.elementor.cloud\/de#listItem","position":1,"name":"Home","item":"https:\/\/stg-khh4l5.elementor.cloud\/de","nextItem":{"@type":"ListItem","@id":"https:\/\/stg-khh4l5.elementor.cloud\/de\/onboarding-wms\/#listItem","name":"Onboarding &amp; Customer Success"}},{"@type":"ListItem","@id":"https:\/\/stg-khh4l5.elementor.cloud\/de\/onboarding-wms\/#listItem","position":2,"name":"Onboarding &amp; Customer Success","previousItem":{"@type":"ListItem","@id":"https:\/\/stg-khh4l5.elementor.cloud\/de#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/stg-khh4l5.elementor.cloud\/de\/#organization","name":"Clarus WMS","description":"AI-Powered Warehouse Management Software","url":"https:\/\/stg-khh4l5.elementor.cloud\/de\/","telephone":"+441613028880","foundingDate":"2026-06-08","numberOfEmployees":{"@type":"QuantitativeValue","minValue":0,"maxValue":50},"logo":{"@type":"ImageObject","url":"https:\/\/pyrtccdt.elementor.cloud\/wp-content\/uploads\/2022\/11\/Full-colour-no-exclusion.png","@id":"https:\/\/stg-khh4l5.elementor.cloud\/de\/onboarding-wms\/#organizationLogo"},"image":{"@id":"https:\/\/stg-khh4l5.elementor.cloud\/de\/onboarding-wms\/#organizationLogo"},"sameAs":["https:\/\/www.youtube.com\/@claruswms","https:\/\/www.linkedin.com\/company\/claruswms\/"]},{"@type":"WebPage","@id":"https:\/\/stg-khh4l5.elementor.cloud\/de\/onboarding-wms\/#webpage","url":"https:\/\/stg-khh4l5.elementor.cloud\/de\/onboarding-wms\/","name":"Onboarding & Customer Success | Clarus WMS","description":"Onboarding with Clarus starts on your warehouse floor. We map your real processes, talk your language and configure the WMS around you for a fast, confident go-live.","inLanguage":"de-DE","isPartOf":{"@id":"https:\/\/stg-khh4l5.elementor.cloud\/de\/#website"},"breadcrumb":{"@id":"https:\/\/stg-khh4l5.elementor.cloud\/de\/onboarding-wms\/#breadcrumblist"},"image":{"@type":"ImageObject","url":"https:\/\/stg-khh4l5.elementor.cloud\/wp-content\/uploads\/2025\/12\/Still-2-scaled-e1765291294619.jpg","@id":"https:\/\/stg-khh4l5.elementor.cloud\/de\/onboarding-wms\/#mainImage","width":2146,"height":1353,"caption":"Warehouse manager in a hi-vis vest holding a handheld scanner beside shelving with blue picking bins"},"primaryImageOfPage":{"@id":"https:\/\/stg-khh4l5.elementor.cloud\/de\/onboarding-wms\/#mainImage"},"datePublished":"2025-12-09T14:09:20+00:00","dateModified":"2026-03-23T09:01:09+00:00"},{"@type":"WebSite","@id":"https:\/\/stg-khh4l5.elementor.cloud\/de\/#website","url":"https:\/\/stg-khh4l5.elementor.cloud\/de\/","name":"Clarus WMS | AI-Powered Warehouse Management Software","description":"AI-Powered Warehouse Management Software","inLanguage":"de-DE","publisher":{"@id":"https:\/\/stg-khh4l5.elementor.cloud\/de\/#organization"}}]},"og:locale":"de_DE","og:site_name":"Clarus WMS","og:type":"article","og:title":"Onboarding &amp; Customer Success | Clarus WMS","og:description":"Onboarding with Clarus starts on your warehouse floor. We map your real processes, talk your language and configure the WMS around you for a fast, confident go-live.","og:url":"https:\/\/stg-khh4l5.elementor.cloud\/de\/onboarding-wms\/","og:image":"https:\/\/stg-khh4l5.elementor.cloud\/wp-content\/uploads\/2025\/12\/Still-2-scaled-e1765291294619.jpg","og:image:secure_url":"https:\/\/stg-khh4l5.elementor.cloud\/wp-content\/uploads\/2025\/12\/Still-2-scaled-e1765291294619.jpg","og:image:width":2146,"og:image:height":1353,"article:published_time":"2025-12-09T14:09:20+00:00","article:modified_time":"2026-03-23T09:01:09+00:00","twitter:card":"summary_large_image","twitter:title":"Onboarding &amp; Customer Success | Clarus WMS","twitter:description":"Onboarding with Clarus starts on your warehouse floor. We map your real processes, talk your language and configure the WMS around you for a fast, confident go-live.","twitter:image":"https:\/\/stg-khh4l5.elementor.cloud\/wp-content\/uploads\/2025\/12\/Still-2-scaled-e1765291294619.jpg","twitter:label1":"Verfasst von","twitter:data1":"Andy Cox","twitter:label2":"Gesch\u00e4tzte Lesedauer","twitter:data2":"9 Minuten"},"aioseo_meta_data":{"post_id":"26362","title":null,"description":null,"keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"titles":[],"descriptions":[],"socialPosts":{"email":[],"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2025-12-09 14:10:44","updated":"2026-06-05 11:10:10","seo_analyzer_scan_date":"2026-06-05 10:23:20","reviewed_by":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/stg-khh4l5.elementor.cloud\/de\" title=\"Home\">Home<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">|<\/span><span class=\"aioseo-breadcrumb\">\n\tOnboarding &amp; Customer Success\n<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/stg-khh4l5.elementor.cloud\/de"},{"label":"Onboarding &amp; Customer Success","link":"https:\/\/stg-khh4l5.elementor.cloud\/de\/onboarding-wms\/"}],"_links":{"self":[{"href":"https:\/\/stg-khh4l5.elementor.cloud\/de\/wp-json\/wp\/v2\/pages\/26362","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stg-khh4l5.elementor.cloud\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stg-khh4l5.elementor.cloud\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stg-khh4l5.elementor.cloud\/de\/wp-json\/wp\/v2\/users\/207386994"}],"replies":[{"embeddable":true,"href":"https:\/\/stg-khh4l5.elementor.cloud\/de\/wp-json\/wp\/v2\/comments?post=26362"}],"version-history":[{"count":0,"href":"https:\/\/stg-khh4l5.elementor.cloud\/de\/wp-json\/wp\/v2\/pages\/26362\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stg-khh4l5.elementor.cloud\/de\/wp-json\/wp\/v2\/media\/26364"}],"wp:attachment":[{"href":"https:\/\/stg-khh4l5.elementor.cloud\/de\/wp-json\/wp\/v2\/media?parent=26362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}