!function(d){
  initVF();
  function initVF(){
    const fpCSS=d.createElement('link');fpCSS.rel='stylesheet';fpCSS.href='https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css';d.head.appendChild(fpCSS);
    const fpJS=d.createElement('script');fpJS.src='https://cdn.jsdelivr.net/npm/flatpickr';d.head.appendChild(fpJS);
    const vf=d.createElement('script');vf.src='https://cdn.voiceflow.com/widget-next/bundle.mjs';vf.type='text/javascript';
    vf.onload=()=>{
      let V;
      const MZ=(()=>{const BP=1024;let m,o,c=0;const en=()=>{if(innerWidth>BP)return;if(!m){m=d.querySelector('meta[name="viewport"]');if(!m){m=d.createElement('meta');m.name='viewport';d.head.appendChild(m)}o=m.getAttribute('content')||'width=device-width, initial-scale=1'}c++;m.setAttribute('content','width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover')},de=()=>{if(innerWidth>BP)return;setTimeout(()=>{c=Math.max(0,c-1);if(m&&c===0&&o!=null)m.setAttribute('content',o)},50)},bl=()=>{try{d.activeElement?.blur?.()}catch(e){}};return{enable:en,disable:de,blurActive:bl}})();
      const CH=(()=>{const A='data-vf-hide-composer',CSS='.vfrc-input-container,.vfrc-footer,.vfrc-composer,.vfrc-message-composer,.vfrc-chat-input-container{display:none!important}';let hid=false,roots=new Set,obs;const all=()=>{const res=new Set([d]),q=[d],seen=new Set(q);while(q.length){const r=q.shift(),nodes=(r instanceof Document||r instanceof ShadowRoot)?r.querySelectorAll('*'):[];nodes.forEach(el=>{if(el&&el.shadowRoot&&!seen.has(el.shadowRoot)){seen.add(el.shadowRoot);res.add(el.shadowRoot);q.push(el.shadowRoot)}})}return[...res]},add=r=>{if(!r||!(r instanceof Document||r instanceof ShadowRoot))return;if(r.querySelector(`style[${A}]`))return;const s=d.createElement('style');s.setAttribute(A,'1');s.textContent=CSS;try{r.appendChild(s);roots.add(r)}catch(e){}},rem=r=>{const s=r.querySelector?.(`style[${A}]`);if(s)try{s.remove()}catch(e){}roots.delete(r)};return{hide(){hid=true;all().forEach(add);if(!obs){obs=new MutationObserver(()=>{if(hid)all().forEach(add)});obs.observe(d.documentElement,{childList:true,subtree:true})}},show(){hid=false;roots.forEach(rem);roots.clear();obs?.disconnect?.();obs=null}}})();
      const AH=(()=>{const SEL='.vfrc-avatar,[class*="vfrc-avatar"]',obsMap=new WeakMap(),tidy=c=>{c.querySelectorAll(SEL).forEach(a=>{a.style.display='none';a.style.visibility='hidden';a.style.width='0';a.style.margin='0';a.style.padding='0'})},find=n=>{let e=n;for(let i=0;i<12&&e;i++){if(e.querySelector?.(SEL))return e;e=e.parentElement||(e.getRootNode&&e.getRootNode().host)||null}return null},hideFor=node=>{const c=find(node);if(!c)return;tidy(c);if(obsMap.has(c))return;const mo=new MutationObserver(muts=>{let changed=false;for(const m of muts){if(m.addedNodes&&m.addedNodes.length)changed=true}if(changed)tidy(c)});mo.observe(c,{childList:true,subtree:true});obsMap.set(c,mo);setTimeout(()=>{mo.disconnect();obsMap.delete(c)},1200)};return{hideFor}})();
      const SI=(()=>({inject:(css,attr)=>{const roots=[],q=[d],seen=new Set(q);while(q.length){const r=q.shift();roots.push(r);const nodes=(r instanceof Document||r instanceof ShadowRoot)?r.querySelectorAll('*'):[];nodes.forEach(el=>{if(el&&el.shadowRoot&&!seen.has(el.shadowRoot)){seen.add(el.shadowRoot);q.push(el.shadowRoot)}})}roots.forEach(r=>{if(!r||!(r instanceof Document||r instanceof ShadowRoot))return;if(r.querySelector(`style[${attr}]`))return;const s=d.createElement('style');s.setAttribute(attr,'1');s.textContent=css;try{r.appendChild(s)}catch(e){}})}}))();
      SI.inject('.vf-wide-card{width:100%!important;max-width:100%!important;display:block!important}.vf-wide-card>.vf-form-card{width:100%!important;max-width:100%!important}.vf-savefx-success{background:#00bf63!important;transition:background .22s ease,transform .22s ease,opacity .3s ease}.vf-savefx-bounce{transform:translateY(-1px) scale(1.02)}.vf-savefx-hide{opacity:0;transform:translateY(-6px) scale(.98);pointer-events:none;transition:opacity .28s ease,transform .28s ease}.vf-progress-card{padding:16px;border:1px solid #e5e7eb;border-radius:8px;margin:12px 0;background:#fafafa;width:100%}.vf-progress-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.vf-progress-title{font-weight:700;color:#111827;font-size:14px}.vf-progress-sub{color:#6b7280;font-size:12px}.vf-progress-track{position:relative;height:10px;background:#e5e7eb;border-radius:9999px;overflow:hidden}.vf-progress-fill{position:absolute;inset:0 auto 0 0;width:0;height:100%;border-radius:9999px;background:#165dfb;transition:width .7s cubic-bezier(.22,1,.36,1)}.vf-step-dots{display:flex;justify-content:space-between;margin-top:10px}.vf-step-dot{width:22px;height:22px;border-radius:50%;background:#e5e7eb;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;box-shadow:inset 0 0 0 2px #fff}.vf-step-dot.complete{background:#22c55e}.vf-step-dot.current{background:#3b82f6;animation:vfPulse 1.2s ease-in-out infinite}@keyframes vfPulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(59,130,246,.55)}70%{box-shadow:0 0 0 10px rgba(59,130,246,0)}100%{transform:scale(1)}}','data-vf-styles');
      SI.inject('.vf-loader-card{padding:16px;border:1px solid #e5e7eb;border-radius:12px;margin:12px 0;background:#f8fafc;width:100%}.vf-loader-wrap{display:flex;align-items:center;gap:14px}.vf-spinner{width:46px;height:46px;border-radius:9999px;border:4px solid #dbeafe;border-top-color:#0551fb;animation:vfSpin 1s linear infinite;flex:0 0 auto}@keyframes vfSpin{to{transform:rotate(360deg)}}.vf-loader-text{display:flex;flex-direction:column}.vf-loader-title{font-weight:800;color:#0f172a;font-size:16px}.vf-loader-sub{color:#334155;font-size:14px;margin-top:2px}.vf-dots{display:inline-flex;gap:4px;margin-top:6px}.vf-dot{width:6px;height:6px;border-radius:9999px;background:#0551fb;opacity:.35;animation:vfBounce 1s ease-in-out infinite}.vf-dot:nth-child(2){animation-delay:.15s}.vf-dot:nth-child(3){animation-delay:.3s}@keyframes vfBounce{0%,80%,100%{transform:translateY(0);opacity:.35}40%{transform:translateY(-6px);opacity:1}}','data-vf-loader-styles');
      SI.inject('[class*="vfrc-message--extension-"]{background:transparent!important;padding:0!important;border-radius:0!important}','data-vf-unbubble');
      SI.inject('.vfrc-chat--dialog{flex:1 1 auto!important;min-height:0!important}','data-vf-fill');

      function vfClosestWrapper(n){let e=n,h=0;while(e&&h<20){const c=(e.className||'')+'';if(e.getAttribute?.('role')==='listitem'||/vfrc-.*(message|bubble|response|chat|row)/i.test(c))return e;e=e.parentNode||(e.getRootNode&&e.getRootNode().host)||null;h++}return null}
      function removeIfEmptyWrapper(el){try{if(!el)return;if(el.childElementCount===0&&(el.textContent||'').trim()===''){const w=vfClosestWrapper(el)||el.parentNode;if(w)try{w.remove()}catch(e){}}}catch(e){}}
      
      function forceRemoveWrapper(el){
        try{
          if(!el)return;
          let current=el;
          for(let i=0;i<15;i++){
            if(!current)break;
            const classList=current.className||'';
            if(classList.includes('vfrc-system-response')){
              current.style.display='none';
              current.style.height='0';
              current.style.margin='0';
              current.style.padding='0';
              current.style.overflow='hidden';
              break;
            }
            current=current.parentElement||(current.getRootNode&&current.getRootNode().host)||null;
          }
        }catch(e){}
      }

      const __VF_LOADERS=new Set(),__vfParsePayload=t=>{try{return typeof t?.payload==='string'?JSON.parse(t.payload):(t?.payload||{})}catch(_){return{}}};
      function __vfRemoveAllLoaders(){const now=Date.now();__VF_LOADERS.forEach(x=>{const{node,contentEl,started,minMs}=x,delay=Math.max(0,(started+minMs)-now);setTimeout(()=>{try{node?.remove()}catch(e){}removeIfEmptyWrapper(contentEl);try{__VF_LOADERS.delete(x)}catch(e){}if(__VF_LOADERS.size===0){CH.show();MZ.disable()}},delay)})}

        /* ==================== TRACKING UTILITY ==================== */
        const TRACK = (() => {
        const sessions = new Map();
        
        function trackEvent(name, params) {
            if (typeof gtag !== 'function') return;
            try {
            gtag('event', name, params);
            } catch (e) {}
        }
        
        function trackStart(key) {
            sessions.set(key, Date.now());
        }
        
        function trackComplete(key, extra = {}) {
            const start = sessions.get(key);
            if (!start) return;
            const dur = Math.round((Date.now() - start) / 1000);
            trackEvent(`${key}_complete`, {
            ...extra,
            duration_seconds: dur
            });
        }
        
        return {
            trackEvent,
            trackStart,
            trackComplete,
            sessions
        };
        })();

        /* ==================== TRACKING EXTENSIONS ==================== */

        const mkStartTracker = (name, key, event, params) => ({
          name, type: 'response',
          match: ({trace}) => trace?.type === name || trace?.payload?.name === name,
          render: ({element}) => { TRACK.trackStart(key); TRACK.trackEvent(event, params); forceRemoveWrapper(element); return () => {}; }
        });
        const mkCompleteTracker = (name, key, extra) => ({
          name, type: 'response',
          match: ({trace}) => trace?.type === name || trace?.payload?.name === name,
          render: ({trace, element}) => { TRACK.trackComplete(key, extra(__vfParsePayload(trace))); forceRemoveWrapper(element); return () => {}; }
        });

        const ConversationStartTracker       = mkStartTracker('conversationStart', 'conversation', 'conversation_start', {event_category: 'engagement', event_label: 'User opened Voiceflow chatbot'});
        const JobDiagnosisStartTracker        = mkStartTracker('jobDiagnoseStart', 'job_diagnosis', 'job_diagnosis_start', {event_category: 'funnel'});
        const JobDiagnosisCompleteTracker     = mkCompleteTracker('jobDiagnoseComplete', 'job_diagnosis', p => ({job_type: p.job_diagnosed || 'unknown'}));
        const LocationCaptureStartTracker     = mkStartTracker('locationCaptureStart', 'location_capture', 'location_capture_start', {event_category: 'funnel'});
        const LocationCaptureCompleteTracker  = mkCompleteTracker('locationCaptureCompleted', 'location_capture', p => ({suburb: p.suburb || 'unknown'}));
        const CheckForProsStartTracker        = mkStartTracker('checkForProsStart', 'check_for_pros', 'check_for_pros_start', {event_category: 'funnel'});
        const CheckForProsCompleteTracker     = mkCompleteTracker('checkForProsCompleted', 'check_for_pros', p => ({pros_found: p.prosFoundCount || 0}));







      const LO1={name:'ext_loading_on_first',type:'response',match:({trace})=>trace?.type==='ext_loading_on_first'||trace?.payload?.name==='ext_loading_on_first',render:({trace,element})=>{const p=__vfParsePayload(trace),label=p.label||'Please wait a moment...',minMs=Math.max(1000,Number(p.min_ms||0));CH.hide();MZ.enable();const w=d.createElement('div');w.className='vf-anti-zoom vf-wide-card vf-loader-card';w.setAttribute('role','status');w.setAttribute('aria-live','polite');w.setAttribute('aria-busy','true');w.innerHTML=`<div class="vf-loader-wrap"><div class="vf-spinner" aria-hidden="true"></div><div class="vf-loader-text"><div class="vf-loader-title">Looking for nearby Pros</div><div class="vf-loader-sub">${label}</div><div class="vf-dots" aria-hidden="true"><span class="vf-dot"></span><span class="vf-dot"></span><span class="vf-dot"></span></div></div></div>`;element.appendChild(w);stretch(element,w);AH.hideFor(w);__VF_LOADERS.add({node:w,contentEl:element,wrapper:vfClosestWrapper(element),started:Date.now(),minMs});return()=>{}}};
      const LF1={name:'ext_loading_off_first',type:'response',match:({trace})=>trace?.type==='ext_loading_off_first'||trace?.payload?.name==='ext_loading_off_first',render:()=>{__vfRemoveAllLoaders();return()=>{}}};

      const SF=(()=>{function hideBoth(a,b){if(a)a.classList.add('vf-savefx-hide');if(b)b.classList.add('vf-savefx-hide');setTimeout(()=>{if(a)a.style.display='none';if(b)b.style.display='none'},320)}return{celebrate(btn,sib){if(!btn)return;btn.classList.add('vf-savefx-success','vf-savefx-bounce');setTimeout(()=>btn.classList.remove('vf-savefx-bounce'),240);setTimeout(()=>hideBoth(btn,sib),1e3)},hideBoth}})();
      const stretch=(el,wrap)=>{try{el.style.width=el.style.maxWidth='100%';el.style.alignSelf='stretch'}catch(e){}try{wrap.style.width=wrap.style.maxWidth='100%'}catch(e){}let p=el.parentElement;for(let i=0;i<4&&p;i++){try{if(p.style){p.style.width=p.style.maxWidth='100%';p.style.flex='1 1 100%';p.style.alignSelf='stretch'}}catch(e){}p=p.parentElement||(p.getRootNode&&p.getRootNode().host)||null}};
      const setVar=(k,v)=>{try{V?.setVariable?.(k,v)}catch(e){}};
      const makeShell=({label,description,htmlField,submitText='Save',errorText='Please fix the error above.'})=>{const w=d.createElement('div');w.className='vf-wide-card';w.innerHTML=`<div class="vf-form-card vf-anti-zoom" style="padding:16px;border:1px solid #e5e7eb;border-radius:8px;margin:12px 0;background:#fafafa"><label style="font-weight:600;display:block;margin-bottom:8px;color:#111827">${label}</label>${description?`<p class="vf-desc" style="margin:0 0 10px 0;color:#4b5563;font-size:13px">${description}</p>`:''}${htmlField}<div class="vf-error" style="display:none;color:#b91c1c;font-size:12px;margin-top:6px">${errorText}</div><button type="button" class="vf-submit" style="margin-top:10px;padding:12px 16px;background:#0551fb;color:#fff;border:none;border-radius:6px;cursor:pointer;width:100%;font-weight:600;font-size:16px">${submitText}</button></div>`;if(!d.getElementById('vf-anti-zoom-style')){const s=d.createElement('style');s.id='vf-anti-zoom-style';s.textContent='@media(max-width:1024px){.vf-anti-zoom input,.vf-anti-zoom textarea,.vf-anti-zoom select{font-size:16px!important;-webkit-text-size-adjust:100%}}';d.head.appendChild(s)}return w};



        /* -------------------- Location Picker -------------------- */
        const LP = {
        name: 'ext_location_picker',
        type: 'response',
        match: ({trace}) => trace?.type === 'ext_location_picker' || trace?.payload?.name === 'ext_location_picker',
        render: ({element}) => {
            CH.hide();
            MZ.enable();

            const shell = makeShell({
            label: 'Where do you need the work done?',
            description: 'Please enter your location below.',
            submitText: 'Confirm Location',
            errorText: 'Please select a location before continuing.',
            htmlField: '<style>' +
                '.vf-input-icon{position:absolute;left:14px;top:15px;width:20px;height:20px;color:#0551fb;pointer-events:none}' +
                '.vf-autocomplete-wrapper{position:relative;margin-bottom:12px}' +
                '.vf-location-input{padding:14px 14px 14px 44px;border:2px solid #d1d5db;border-radius:8px;width:100%;box-sizing:border-box;font-size:16px;-webkit-appearance:none;appearance:none}' +
                '.vf-location-input:focus{outline:none;border-color:#0551fb;box-shadow:0 0 0 3px rgba(5,81,251,0.1)}' +
                '.vf-location-input::placeholder{color:#9ca3af}' +
                '.vf-dropdown-container{display:none;background:white;border:2px solid #0551fb;border-top:none;border-radius:0 0 8px 8px;margin-top:-8px;max-height:200px;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:0 4px 12px rgba(0,0,0,0.1)}' +
                '.vf-dropdown-container.show{display:block}' +
                '.vf-selected-location{display:none;padding:12px;background:#f0f9ff;border:1px solid #0ea5e9;border-radius:6px;margin-bottom:12px}' +
                '.vf-selected-location.show{display:block}' +
                '.vf-selected-title{font-weight:600;color:#0c4a6e;margin-bottom:4px}' +
                '.vf-selected-address{color:#0369a1;font-size:14px}' +
                '.vf-location-loading{display:none;align-items:center;gap:8px;color:#6b7280;font-size:14px;margin:12px 0}' +
                '.vf-location-spinner{width:16px;height:16px;border:2px solid #e5e7eb;border-top-color:#0551fb;border-radius:50%;animation:spin 1s linear infinite}' +
                '.vf-location-fallback{display:block;margin-top:12px;text-align:center;font-size:13px;color:#6b7280}' +
                '.vf-location-fallback a{color:#0551fb;text-decoration:none;font-weight:600;cursor:pointer}' +
                '.vf-location-fallback a:hover{text-decoration:underline}' +
                '.vf-input-helper{font-size:12px;color:#6b7280;margin-top:6px;display:none}' +
                '.vf-input-helper.show{display:block}' +
                '@keyframes spin{to{transform:rotate(360deg)}}' +
                '</style>' +
                '<div class="vf-autocomplete-wrapper">' +
                '<span class="vf-input-icon"><svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg></span>' +
                '<input type="text" class="vf-location-input" placeholder="Start typing your address..." autocomplete="off" />' +
                '<div class="vf-dropdown-container"></div>' +
                '</div>' +
                '<div class="vf-input-helper">Type at least 3 characters to see suggestions</div>' +
                '<div class="vf-selected-location">' +
                '<div class="vf-selected-title">Selected Location:</div>' +
                '<div class="vf-selected-address"></div>' +
                '</div>' +
                '<div class="vf-location-loading">' +
                '<div class="vf-location-spinner"></div>' +
                '<span>Getting your location...</span>' +
                '</div>'
            });

            element.appendChild(shell);
            stretch(element, shell);
            AH.hideFor(shell);

            const input = shell.querySelector('.vf-location-input');
            const inputIcon = shell.querySelector('.vf-input-icon');
            const dropdownContainer = shell.querySelector('.vf-dropdown-container');
            const inputHelper = shell.querySelector('.vf-input-helper');
            const selectedDiv = shell.querySelector('.vf-selected-location');
            const selectedAddress = shell.querySelector('.vf-selected-address');
            const loading = shell.querySelector('.vf-location-loading');
            const error = shell.querySelector('.vf-error');
            const save = shell.querySelector('.vf-submit');
            const autocompleteWrapper = shell.querySelector('.vf-autocomplete-wrapper');
            const label = shell.querySelector('label');
            const description = shell.querySelector('.vf-desc');

            const fallbackLink = d.createElement('div');
            fallbackLink.className = 'vf-location-fallback';
            fallbackLink.innerHTML = 'Issues providing your location? <a href="#">Click here...</a>';
            save.insertAdjacentElement('afterend', fallbackLink);
            const fallbackAnchor = fallbackLink.querySelector('a');

            let selectedLocation = null;
            let autocompleteService = null;
            let placesService = null;
            let sessionToken = null;
            let currentPredictions = [];

            save.disabled = true;
            save.style.background = '#9ca3af';
            save.style.cursor = 'not-allowed';

            function enableSubmit() {
            save.disabled = false;
            save.style.background = '#0551fb';
            save.style.cursor = 'pointer';
            }

            function showLoading(text) {
            loading.querySelector('span').textContent = text || 'Getting your location...';
            loading.style.display = 'flex';
            }

            function hideLoading() {
            loading.style.display = 'none';
            }

            function showError(message) {
            error.textContent = message;
            error.style.display = 'block';
            hideLoading();
            }

            function hideError() {
            error.style.display = 'none';
            }

            function showSelected(location) {
            selectedLocation = location;
            selectedAddress.textContent = location.formattedAddress;
            selectedDiv.classList.add('show');
            inputHelper.classList.remove('show');
            dropdownContainer.classList.remove('show');
            enableSubmit();
            hideError();
            hideLoading();
            
            if (window.innerWidth <= 768) {
                input.style.display = 'none';
                if (inputIcon) inputIcon.style.display = 'none';
                autocompleteWrapper.style.marginBottom = '0';
            }
            
            // Scoped scroll: only nudge the message dialog so the Confirm button is visible.
            // We deliberately DO NOT use save.scrollIntoView() — it scrolls the widget's
            // outer overflow:hidden wrapper (header + messages + composer), which clips the
            // header off the top and leaves a blank composer block that persists all chat.
            requestAnimationFrame(() => {
                requestAnimationFrame(() => {
                    try {
                        const up = el => el.parentElement || (el.getRootNode && el.getRootNode().host) || null;
                        const isScrollable = el => {
                            try { const cs = getComputedStyle(el); return /(auto|scroll)/.test(cs.overflowY) && el.scrollHeight > el.clientHeight + 4; }
                            catch (e) { return false; }
                        };

                        // Defensive: undo any clipping on non-scrolling ancestors (the wrapper bug).
                        let n = up(save);
                        for (let i = 0; i < 30 && n && n !== d.documentElement && n !== d.body; i++) {
                            try { if (!isScrollable(n) && n.scrollTop) n.scrollTop = 0; } catch (e) {}
                            n = up(n);
                        }

                        // Find the real scroll container: prefer .vfrc-chat--dialog if it scrolls,
                        // else the nearest auto/scroll ancestor. Never the page or body.
                        let dialog = null, node = save;
                        for (let i = 0; i < 30 && node; i++) {
                            if (node.classList && node.classList.contains('vfrc-chat--dialog')) { dialog = node; break; }
                            node = up(node);
                        }
                        if (!dialog || !isScrollable(dialog)) {
                            let m = up(save);
                            for (let i = 0; i < 30 && m && m !== d.documentElement && m !== d.body; i++) {
                                if (isScrollable(m)) { dialog = m; break; }
                                m = up(m);
                            }
                        }
                        if (!dialog || !isScrollable(dialog)) return;

                        // Scroll only that container, just enough to reveal the button + margin.
                        const cRect = dialog.getBoundingClientRect();
                        const bRect = save.getBoundingClientRect();
                        const delta = (bRect.bottom - cRect.bottom) + 24;
                        if (delta > 0) dialog.scrollTo({ top: dialog.scrollTop + delta, behavior: 'smooth' });
                    } catch (e) {}
                });
            });
            }

            function extractSuburb(addressComponents) {
            const suburbTypes = ['sublocality_level_1', 'locality', 'administrative_area_level_3'];
            for (const type of suburbTypes) {
                const component = addressComponents.find(comp => comp.types.includes(type));
                if (component) return component.long_name;
            }
            return '';
            }

            function renderPredictions(predictions) {
            dropdownContainer.innerHTML = '';
            
            if (!predictions || predictions.length === 0) {
                dropdownContainer.classList.remove('show');
                return;
            }

            const limitedPredictions = predictions.slice(0, 2);
            currentPredictions = limitedPredictions;

            limitedPredictions.forEach((prediction, index) => {
                const item = d.createElement('div');
                item.className = 'vf-prediction-item';
                item.style.cssText = 'padding:16px;cursor:pointer;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:12px;-webkit-tap-highlight-color:transparent;transition:background 0.15s ease';
                
                const icon = d.createElement('div');
                icon.style.cssText = 'width:20px;height:20px;flex-shrink:0;color:#6b7280';
                icon.innerHTML = '📍';
                item.appendChild(icon);
                
                const textContainer = d.createElement('div');
                textContainer.style.cssText = 'flex:1;min-width:0';
                
                const mainText = d.createElement('div');
                mainText.style.cssText = 'font-weight:600;color:#111827;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis';
                mainText.textContent = prediction.structured_formatting.main_text;
                
                const secondaryText = d.createElement('div');
                secondaryText.style.cssText = 'color:#6b7280;font-size:13px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis';
                secondaryText.textContent = prediction.structured_formatting.secondary_text;
                
                textContainer.appendChild(mainText);
                textContainer.appendChild(secondaryText);
                item.appendChild(textContainer);
                
                if (index === limitedPredictions.length - 1) {
                item.style.borderBottom = 'none';
                }
                
                item.addEventListener('mouseenter', () => {
                item.style.background = '#eff6ff';
                });
                item.addEventListener('mouseleave', () => {
                item.style.background = 'white';
                });
                
                item.addEventListener('click', () => {
                selectPrediction(prediction);
                });
                
                item.addEventListener('touchstart', () => {
                item.style.background = '#dbeafe';
                }, { passive: true });
                
                item.addEventListener('touchend', () => {
                item.style.background = '#eff6ff';
                }, { passive: true });
                
                dropdownContainer.appendChild(item);
            });

            dropdownContainer.classList.add('show');
            }

            function selectPrediction(prediction) {
            if (!placesService) return;
            
            showLoading('Getting location details...');
            dropdownContainer.classList.remove('show');
            
            placesService.getDetails(
                {
                placeId: prediction.place_id,
                fields: ['address_components', 'formatted_address', 'geometry', 'name'],
                sessionToken: sessionToken
                },
                (place, status) => {
                hideLoading();
                
                if (status === google.maps.places.PlacesServiceStatus.OK && place) {
                    const location = {
                    formattedAddress: place.formatted_address,
                    suburb: extractSuburb(place.address_components || []),
                    lat: place.geometry.location.lat(),
                    lng: place.geometry.location.lng()
                    };
                    
                    input.value = place.formatted_address;
                    
                    showSelected(location);
                    
                    sessionToken = new google.maps.places.AutocompleteSessionToken();
                } else {
                    showError('Could not get location details. Please try another address.');
                }
                }
            );
            }

            function loadGoogleMaps() {
            return new Promise((resolve, reject) => {
                if (window.google && window.google.maps) {
                resolve();
                return;
                }
                const script = d.createElement('script');
                script.src = 'https://maps.googleapis.com/maps/api/js?key=AIzaSyC51PJx9faiS3ptAxYuMfkYKKtTU00Tz-Q&libraries=places';
                script.onload = () => resolve();
                script.onerror = () => reject(new Error('Failed to load Google Maps'));
                d.head.appendChild(script);
            });
            }

            async function initializeGoogleMaps() {
            try {
                await loadGoogleMaps();
                
                autocompleteService = new google.maps.places.AutocompleteService();
                
                const placesDiv = d.createElement('div');
                placesDiv.style.display = 'none';
                d.body.appendChild(placesDiv);
                placesService = new google.maps.places.PlacesService(placesDiv);
                
                sessionToken = new google.maps.places.AutocompleteSessionToken();
                
                setupAutocomplete();
            } catch (err) {
                showError('Failed to load location services. Please refresh and try again.');
            }
            }

            function setupAutocomplete() {
            let searchTimeout;

            input.addEventListener('input', () => {
                const value = input.value.trim();
                
                clearTimeout(searchTimeout);
                
                if (value.length > 0 && value.length < 3) {
                inputHelper.textContent = `Type ${3 - value.length} more character${3 - value.length === 1 ? '' : 's'}`;
                inputHelper.classList.add('show');
                dropdownContainer.classList.remove('show');
                return;
                } else if (value.length === 0) {
                inputHelper.classList.remove('show');
                dropdownContainer.classList.remove('show');
                return;
                }
                
                inputHelper.textContent = 'Select an address from the suggestions below';
                inputHelper.classList.add('show');
                
                searchTimeout = setTimeout(() => {
                if (value.length >= 3) {
                    performSearch(value);
                }
                }, 300);
            });

            input.addEventListener('keydown', (e) => {
                if (e.key === ' ' || e.keyCode === 32) {
                e.stopPropagation();
                }
            });

            d.addEventListener('click', (e) => {
                if (!autocompleteWrapper.contains(e.target)) {
                dropdownContainer.classList.remove('show');
                }
            });
            }

            function performSearch(query) {
            if (!autocompleteService) return;
            
            autocompleteService.getPlacePredictions(
                {
                input: query,
                componentRestrictions: { country: 'za' },
                types: ['address'],
                sessionToken: sessionToken
                },
                (predictions, status) => {
                if (status === google.maps.places.PlacesServiceStatus.OK && predictions) {
                    renderPredictions(predictions);
                } else if (status === google.maps.places.PlacesServiceStatus.ZERO_RESULTS) {
                    dropdownContainer.innerHTML = '<div style="padding:16px;text-align:center;color:#6b7280;font-size:14px">No addresses found. Try a different search.</div>';
                    dropdownContainer.classList.add('show');
                } else {
                    dropdownContainer.classList.remove('show');
                }
                }
            );
            }


            fallbackAnchor.addEventListener('click', (e) => {
            e.preventDefault();
            V.interact({
                type: 'captured',
                payload: { locationFallback: true }
            });
            MZ.blurActive();
            CH.show();
            MZ.disable();
            });

            save.onclick = () => {
            if (!selectedLocation) {
                showError('Please select a location before continuing.');
                return;
            }

            hideError();
            SF.celebrate(save);

            setTimeout(() => {
                if (label) label.style.display = 'none';
                if (description) description.style.display = 'none';
                if (autocompleteWrapper) autocompleteWrapper.style.display = 'none';
                if (loading) loading.style.display = 'none';
                if (error) error.style.display = 'none';
                if (save) save.style.display = 'none';
                if (fallbackLink) fallbackLink.style.display = 'none';
                if (inputHelper) inputHelper.style.display = 'none';
            }, 1000);

            setVar('formattedAddress', selectedLocation.formattedAddress);
            setVar('suburb', selectedLocation.suburb);
            setVar('googleLat', selectedLocation.lat.toString());
            setVar('googleLong', selectedLocation.lng.toString());

            MZ.blurActive();
            CH.show();
            MZ.disable();

            V.interact({
                type: 'captured',
                payload: {
                formattedAddress: selectedLocation.formattedAddress,
                suburb: selectedLocation.suburb,
                latitude: selectedLocation.lat,
                longitude: selectedLocation.lng,
                locationConfirmed: true
                }
            });
            };

            initializeGoogleMaps();

            return () => {
            CH.show();
            MZ.disable();
            };
        }
        };

      /* -------------------- Calendar -------------------- */
      const CE = {
        name: 'calendar-picker',
        type: 'response',
        match: ({trace}) => trace?.type === 'calendar' || trace?.payload?.name === 'calendar-picker',
        render: ({element}) => {
          CH.hide();
          MZ.enable();

          const shell = makeShell({
            label: 'When would you like the work to be done?',
            description: '',
            submitText: 'Confirm date',
            errorText: 'Please pick a date before confirming.',
            htmlField: `<style>
              .vf-cal-wrap{max-width:380px;margin:0 auto}
              .vf-cal-wrap .flatpickr-calendar.inline{width:100%!important;max-width:100%!important;box-shadow:none!important;border:none!important;background:transparent!important;margin:0!important}
              .vf-cal-wrap .flatpickr-months{display:flex!important;align-items:center;justify-content:space-between;padding:0 0 2px 0!important}
              .vf-cal-wrap .flatpickr-months .flatpickr-month{height:auto!important;flex:1 1 auto}
              .vf-cal-wrap .flatpickr-current-month{position:static!important;left:auto!important;width:100%!important;display:flex;align-items:center;justify-content:center;gap:6px;height:auto!important;padding:0!important;font-size:15px!important;font-weight:500!important}
              .vf-cal-wrap .flatpickr-current-month .cur-month{font-weight:500!important;margin:0!important}
              .vf-cal-wrap .flatpickr-current-month .numInputWrapper{width:auto!important}
              .vf-cal-wrap .flatpickr-current-month .numInputWrapper span{display:none!important}
              .vf-cal-wrap .flatpickr-current-month input.cur-year{font-weight:500!important;font-size:15px!important;padding:0!important;background:transparent!important;border:none!important;box-shadow:none!important;pointer-events:none}
              .vf-cal-wrap .flatpickr-prev-month,.vf-cal-wrap .flatpickr-next-month{position:static!important;top:auto!important;width:32px!important;height:32px!important;padding:0!important;display:flex!important;align-items:center;justify-content:center;border:1px solid #e5e7eb;border-radius:8px;background:#fff;fill:#111827}
              .vf-cal-wrap .flatpickr-prev-month svg,.vf-cal-wrap .flatpickr-next-month svg{width:13px!important;height:13px!important}
              .vf-cal-wrap .flatpickr-prev-month:hover,.vf-cal-wrap .flatpickr-next-month:hover{background:#f8fafc;fill:#0551fb}
              .vf-cal-wrap .flatpickr-prev-month.flatpickr-disabled,.vf-cal-wrap .flatpickr-next-month.flatpickr-disabled{opacity:.35!important;pointer-events:none}
              .vf-cal-wrap .flatpickr-weekdays{padding:10px 0 6px!important}
              .vf-cal-wrap .flatpickr-weekdaycontainer{display:grid!important;grid-template-columns:repeat(7,1fr)!important}
              .vf-cal-wrap span.flatpickr-weekday{font-size:12px!important;font-weight:500!important;color:#9ca3af!important}
              .vf-cal-wrap .flatpickr-days{width:100%!important}
              .vf-cal-wrap .dayContainer{display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:4px 2px!important;padding:0!important;width:100%!important;min-width:0!important;max-width:none!important}
              .vf-cal-wrap .flatpickr-day{max-width:none!important;width:38px!important;height:38px!important;justify-self:center!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;border:none!important;border-radius:9px!important;color:#111827!important;font-size:14px!important;line-height:normal!important;cursor:pointer!important}
              .vf-cal-wrap .flatpickr-day:hover:not(.flatpickr-disabled):not(.selected){background:#eff6ff!important}
              .vf-cal-wrap .flatpickr-day.today:not(.selected){box-shadow:inset 0 0 0 1.5px #0551fb!important;border:none!important}
              .vf-cal-wrap .flatpickr-day.selected{background:#0551fb!important;border:none!important;color:#fff!important}
              .vf-cal-wrap .flatpickr-day.flatpickr-disabled{color:#cbd5e1!important;background:transparent!important;cursor:default!important}
              .vf-cal-wrap .flatpickr-day.prevMonthDay,.vf-cal-wrap .flatpickr-day.nextMonthDay{color:#e5e7eb!important;pointer-events:none!important}
              .vf-help{color:#6b7280;font-size:12px;margin-top:14px;text-align:center}
              .vf-picked{margin-top:14px;display:none;align-items:center;gap:10px;padding:11px 12px;background:#eff6ff;border-radius:10px}
              .vf-picked.show{display:flex}
              .vf-picked-ic{flex:0 0 auto;color:#0551fb;display:flex}
              .vf-picked-label{font-size:12px;color:#0551fb;display:block}
              .vf-picked-val{font-weight:600;color:#0551fb;font-size:14px}
              .vf-form-card .vf-submit[disabled]{background:#9ca3af!important;cursor:not-allowed!important;opacity:1!important}
            </style>
            <div class="vf-cal-wrap">
              <div class="vf-calendar" aria-live="polite"></div>
              <div class="vf-help">Pick a date, then confirm to continue.</div>
            </div>`
          });

          element.appendChild(shell);
          stretch(element, shell);
          AH.hideFor(shell);

          const calHost = shell.querySelector('.vf-calendar');
          const err = shell.querySelector('.vf-error');
          const save = shell.querySelector('.vf-submit');
          const help = shell.querySelector('.vf-help');
          const lbl = shell.querySelector('label');
          if (lbl) { lbl.style.fontSize = '18px'; lbl.style.lineHeight = '1.35'; lbl.style.marginBottom = '14px'; }
          save.disabled = true;

          const picked = d.createElement('div');
          picked.className = 'vf-picked';
          picked.innerHTML = '<span class="vf-picked-ic"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2"></rect><path d="M16 2v4M8 2v4M3 10h18M9 16l2 2 4-4"></path></svg></span><span><span class="vf-picked-label">Selected date</span><span class="vf-picked-val"></span></span>';
          save.insertAdjacentElement('beforebegin', picked);
          const pickedVal = picked.querySelector('.vf-picked-val');

          const fmtNice = iso => { try { const [y, m, dd] = iso.split('-').map(Number), dt = new Date(y, m - 1, dd); return dt.toLocaleDateString('en-GB', {weekday: 'long', day: 'numeric', month: 'long', year: 'numeric'}); } catch { return iso; } };
          const now = new Date, today = new Date(now.getFullYear(), now.getMonth(), now.getDate()), max = new Date(today.getFullYear() + 1, 11, 31);
          let selectedISO = null;

          const fp = flatpickr(calHost, {
            inline: true,
            appendTo: calHost,
            monthSelectorType: 'static',
            minDate: today,
            maxDate: max,
            showMonths: 1,
            disableMobile: true,
            dateFormat: 'Y-m-d',
            defaultDate: null,
            onChange: (_d, s) => { selectedISO = s; if (s) { save.disabled = false; err.style.display = 'none'; if (help) help.style.display = 'none'; picked.classList.add('show'); pickedVal.textContent = fmtNice(s); } }
          });

          save.onclick = () => {
            if (!selectedISO) { err.style.display = 'block'; return; }
            err.style.display = 'none';
            SF.celebrate(save);
            ['label', '.vf-desc', '.vf-cal-wrap'].forEach(s => { const n = shell.querySelector(s); if (n) n.style.display = 'none'; });
            picked.classList.add('show');
            setVar('date', selectedISO);
            MZ.blurActive();
            CH.show();
            MZ.disable();
            V.interact({ type: 'captured', payload: { date: selectedISO, urgent: false } });
          };

          return () => { CH.show(); MZ.disable(); };
        }
      };

    /* -------------------- Intent Picker -------------------- */
    const IP = {
    name: 'ext_Intent',
    type: 'response',
    match: ({trace}) => trace?.type === 'ext_Intent' || trace?.payload?.name === 'ext_Intent',
    render: ({element}) => {
        CH.hide();
        MZ.enable();

        const shell = d.createElement('div');
        shell.className = 'vf-wide-card';
        shell.innerHTML = `
        <div class="vf-form-card vf-anti-zoom" style="padding:20px;border:1px solid #e5e7eb;border-radius:8px;margin:12px 0;background:#fafafa;transition:all 0.3s ease">
            <style>
            .vf-intent-header{font-weight:700;font-size:18px;color:#111827;margin-bottom:20px;text-align:center;transition:all 0.3s ease}
            .vf-intent-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;transition:all 0.3s ease}
            .vf-intent-card{background:#ffffff;border:2px solid #e5e7eb;border-radius:12px;padding:20px;cursor:pointer;transition:all 0.2s ease;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;box-shadow:0 1px 3px rgba(0,0,0,0.1)}
            .vf-intent-card:hover{border-color:#0551fb;transform:translateY(-2px);box-shadow:0 4px 12px rgba(5,81,251,0.15)}
            .vf-intent-card:active{transform:translateY(0);box-shadow:0 2px 6px rgba(5,81,251,0.2)}
            .vf-intent-card.selected{border-color:#10b981;background:#f0fdf4}
            .vf-intent-icon{font-size:48px;line-height:1;transition:all 0.3s ease}
            .vf-intent-label{font-weight:600;color:#111827;font-size:16px;margin:0;transition:all 0.3s ease}
            .vf-intent-disclaimer{margin-top:8px;padding-top:16px;border-top:1px solid #e5e7eb;font-size:12px;color:#6b7280;line-height:1.4;text-align:center;transition:all 0.3s ease}
            .vf-intent-selected-view{display:none;align-items:center;gap:12px;padding:16px;background:#f0fdf4;border:2px solid #10b981;border-radius:8px;margin-bottom:12px}
            .vf-intent-selected-icon{font-size:32px;line-height:1}
            .vf-intent-selected-text{flex:1}
            .vf-intent-selected-label{font-weight:600;color:#065f46;font-size:14px;margin:0 0 4px 0}
            .vf-intent-selected-value{font-weight:700;color:#047857;font-size:16px}
            .vf-intent-checkmark{font-size:24px;color:#10b981}
            .vf-intent-card-jess{grid-column:1 / -1;flex-direction:row;align-items:center;text-align:left;gap:16px}
            .vf-intent-icon-jess{font-size:0;flex:0 0 auto}
            .vf-intent-icon-jess img{width:60px;height:60px;border-radius:50%;object-fit:cover;display:block}
            .vf-intent-microcopy{font-size:13px;color:#6b7280;line-height:1.4;margin:4px 0 0 0}
            .vf-intent-selected-icon img{width:28px;height:28px;border-radius:50%;object-fit:cover;display:block}
            
            @media (max-width: 640px) {
            .vf-intent-grid{grid-template-columns:1fr;gap:12px}
            .vf-intent-card{padding:16px}
            .vf-intent-icon{font-size:40px}
            .vf-intent-label{font-size:15px}
            .vf-form-card{padding:16px!important}
            }
            </style>
            
            <div class="vf-intent-selected-view">
            <div class="vf-intent-selected-icon"></div>
            <div class="vf-intent-selected-text">
                <div class="vf-intent-selected-label">You selected:</div>
                <div class="vf-intent-selected-value"></div>
            </div>
            <div class="vf-intent-checkmark">✓</div>
            </div>
            
            <div class="vf-intent-header">How can I help you today?</div>
            
            <div class="vf-intent-grid">
            <div class="vf-intent-card" data-intent="plumber" data-label="Get a plumber">
                <div class="vf-intent-icon">🔧</div>
                <div class="vf-intent-label">Get a plumber</div>
            </div>
            
            <div class="vf-intent-card" data-intent="electrician" data-label="Get an Electrician">
                <div class="vf-intent-icon">⚡</div>
                <div class="vf-intent-label">Get an Electrician</div>
            </div>
            
            <div class="vf-intent-card vf-intent-card-jess" data-intent="guidance" data-label="Ask Jess">
                <div class="vf-intent-icon vf-intent-icon-jess"><img src="https://cdn.prod.website-files.com/68a465cc1fa94cc0c666394b/6941caae687229365a4aa870_jess%20(1).avif" alt="Jess" loading="lazy"></div>
                <div class="vf-intent-jess-text">
                <div class="vf-intent-label">Ask Jess</div>
                <div class="vf-intent-microcopy">Ask Jess anything about Improving, Maintaining and Protecting your home</div>
                </div>
            </div>
            </div>
            
            <div class="vf-intent-disclaimer">
            We currently only support <strong>plumbing and electrical services in Gauteng and Cape Town areas.</strong> We'll be expanding soon 🚀.
            </div>
        </div>
        `;

        element.appendChild(shell);
        stretch(element, shell);
        AH.hideFor(shell);

        const cards = shell.querySelectorAll('.vf-intent-card');
        const header = shell.querySelector('.vf-intent-header');
        const grid = shell.querySelector('.vf-intent-grid');
        const disclaimer = shell.querySelector('.vf-intent-disclaimer');
        const selectedView = shell.querySelector('.vf-intent-selected-view');
        const selectedIcon = shell.querySelector('.vf-intent-selected-icon');
        const selectedValue = shell.querySelector('.vf-intent-selected-value');
        const formCard = shell.querySelector('.vf-form-card');
        
        cards.forEach(card => {
        card.onclick = () => {
            const intent = card.getAttribute('data-intent');
            const label = card.getAttribute('data-label');
            const icon = card.querySelector('.vf-intent-icon').innerHTML;
            
            cards.forEach(c => {
            c.style.pointerEvents = 'none';
            c.style.opacity = '0.4';
            });
            
            card.classList.add('selected');
            card.style.opacity = '1';
            
            setVar('mainIntent', intent);
            
            setTimeout(() => {
            header.style.opacity = '0';
            grid.style.opacity = '0';
            disclaimer.style.opacity = '0';
            
            setTimeout(() => {
                header.style.display = 'none';
                grid.style.display = 'none';
                disclaimer.style.display = 'none';
                
                selectedIcon.innerHTML = icon;
                selectedValue.textContent = label;
                selectedView.style.display = 'flex';
                
                formCard.style.padding = '12px';
                
                requestAnimationFrame(() => {
                selectedView.style.opacity = '0';
                selectedView.style.transform = 'translateY(-10px)';
                requestAnimationFrame(() => {
                    selectedView.style.transition = 'all 0.3s ease';
                    selectedView.style.opacity = '1';
                    selectedView.style.transform = 'translateY(0)';
                });
                });
            }, 300);
            }, 400);
            
            MZ.blurActive();
            CH.show();
            MZ.disable();
            
            V.interact({
            type: 'captured',
            payload: {
                mainIntent: intent
            }
            });
        };
        });

        return () => {
        CH.show();
        MZ.disable();
        };
    }
    };

      /* -------------------- Handover to PWA (one-way gate) -------------------- */
      const HO = {
        name: 'ext_handover',
        type: 'response',
        match: ({trace}) => trace?.type === 'ext_handover' || trace?.payload?.name === 'ext_handover',
        render: ({trace, element}) => {
          CH.hide();
          MZ.enable();

          const p = (() => {
            try {
              return typeof trace?.payload === 'string' ? JSON.parse(trace.payload) : (trace?.payload || {});
            } catch (_) { return {}; }
          })();

          let userId = p.user_id || p.userId || '';
          let service = p.service || '';
          let location = p.location || '';
          let transcriptId = p.vf_transcript_id || p.transcriptId || '';

          try {
            if (!userId && V?.getVariable) userId = V.getVariable('user_id') || '';
            if (!transcriptId && V?.getVariable) transcriptId = V.getVariable('vf_transcript_id') || '';
          } catch (e) {}

          const base = 'https://marketplace.dev.kandua.com/';
          const handoverUrl = `${base}?conversation=${encodeURIComponent(userId)}&redirect=book&service=${encodeURIComponent(service)}&location=${encodeURIComponent(location)}`;

          const shell = d.createElement('div');
          shell.className = 'vf-wide-card';
          shell.innerHTML = `
            <div class="vf-form-card vf-anti-zoom vf-handover-card" style="padding:22px 20px;border:1px solid #e5e7eb;border-radius:12px;margin:12px 0;background:#fafafa">
              <style>
                .vf-handover-hero{display:flex;align-items:center;gap:14px;margin-bottom:22px}
                .vf-handover-icon{flex:0 0 auto;width:48px;height:48px;border-radius:50%;background:#0551fb;display:flex;align-items:center;justify-content:center;color:#fff}
                .vf-handover-title{font-weight:600;color:#0f172a;font-size:18px;line-height:1.25}
                .vf-handover-sub{color:#475569;font-size:14px;margin-top:3px;line-height:1.4}
                .vf-handover-list{margin:0 0 24px 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px}
                .vf-handover-list li{display:flex;align-items:center;gap:12px;color:#334155;font-size:14px}
                .vf-ho-ic{flex:0 0 auto;width:34px;height:34px;border-radius:8px;background:#eff6ff;display:flex;align-items:center;justify-content:center;color:#0551fb}
                .vf-handover-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px 16px;background:#0551fb;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:16px;text-decoration:none;box-sizing:border-box;transition:background .2s ease,transform .2s ease}
                .vf-handover-btn:hover{background:#0440cc}
                .vf-handover-btn:active{transform:translateY(1px)}
                .vf-handover-btn .arrow{transition:transform .2s ease}
                .vf-handover-btn:hover .arrow{transform:translateX(3px)}
                .vf-handover-next{margin-top:14px;text-align:center;color:#64748b;font-size:13px;line-height:1.45}
                .vf-handover-secure{margin-top:18px;text-align:center;color:#94a3b8;font-size:12px;display:flex;align-items:center;justify-content:center;gap:6px}
                .vf-handover-locked{display:none;margin-top:14px;padding:12px;background:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;color:#0c4a6e;font-size:13px;text-align:center}
                .vf-handover-locked.show{display:block}
                @media (max-width:640px){.vf-handover-title{font-size:17px}}
                .vf-ho-pros{display:flex;align-items:center;gap:12px}
                .vf-ho-check{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:#10b981;display:flex;align-items:center;justify-content:center;color:#fff}
                .vf-ho-pros-title{font-weight:600;color:#0f172a;font-size:15px;line-height:1.3}
                .vf-ho-stars{display:flex;gap:2px;margin-top:3px;color:#f59e0b}
                .vf-ho-divider{height:1px;background:#e5e7eb;margin:16px 0}
                .vf-ho-carousel{margin:14px 0 14px}
                .vf-ho-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-y;cursor:grab}
                .vf-ho-track::-webkit-scrollbar{display:none}
                .vf-ho-track.drag{cursor:grabbing;user-select:none}
                .vf-ho-slide{flex:0 0 100%;scroll-snap-align:center;box-sizing:border-box}
                .vf-ho-slide-inner{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:13px}
                .vf-ho-slide-txt{min-width:0}
                .vf-ho-slide-title{font-weight:600;color:#111827;font-size:14px}
                .vf-ho-slide-sub{font-size:12px;color:#475569;margin-top:2px}
                .vf-ho-ic-green{background:#ecfdf5!important;color:#10b981!important}
                .vf-ho-dots{display:flex;gap:6px;justify-content:center;margin-top:12px}
                .vf-ho-dot{width:7px;height:7px;border-radius:9999px;background:#cbd5e1;border:none;padding:0;cursor:pointer;transition:width .25s,background .25s}
                .vf-ho-dot.on{width:18px;background:#0551fb}
              </style>

              <div class="vf-ho-pros">
                <div class="vf-ho-check"><svg viewBox="0 0 24 24" width="22" height="22" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12l5 5L20 7"></path></svg></div>
                <div>
                  <div class="vf-ho-pros-title">We've found top-rated pros near you</div>
                  <div class="vf-ho-stars" aria-label="Rated 4.5 stars or higher"><svg viewBox="0 0 24 24" width="13" height="13" fill="currentColor"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"></path></svg><svg viewBox="0 0 24 24" width="13" height="13" fill="currentColor"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"></path></svg><svg viewBox="0 0 24 24" width="13" height="13" fill="currentColor"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"></path></svg><svg viewBox="0 0 24 24" width="13" height="13" fill="currentColor"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"></path></svg><svg viewBox="0 0 24 24" width="13" height="13" fill="currentColor"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"></path></svg></div>
                </div>
              </div>

              <div class="vf-ho-divider"></div>

              <div class="vf-handover-title">One last step to complete your booking</div>
              <div class="vf-handover-sub">Sign in or create your account to complete your booking and manage it all in one place.</div>

              <div class="vf-ho-carousel">
                <div class="vf-ho-track">
                  <div class="vf-ho-slide"><div class="vf-ho-slide-inner"><span class="vf-ho-ic"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="9" rx="1"></rect><rect x="14" y="3" width="7" height="5" rx="1"></rect><rect x="14" y="12" width="7" height="9" rx="1"></rect><rect x="3" y="16" width="7" height="5" rx="1"></rect></svg></span><div class="vf-ho-slide-txt"><div class="vf-ho-slide-title">Track and manage your job</div><div class="vf-ho-slide-sub">Live status updates, all in one place.</div></div></div></div>
                  <div class="vf-ho-slide"><div class="vf-ho-slide-inner"><span class="vf-ho-ic"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><path d="M14 2v6h6"></path><path d="M9 15l2 2 4-4"></path></svg></span><div class="vf-ho-slide-txt"><div class="vf-ho-slide-title">Receive and approve quotes</div><div class="vf-ho-slide-sub">Compare and approve in a tap.</div></div></div></div>
                  <div class="vf-ho-slide"><div class="vf-ho-slide-inner"><span class="vf-ho-ic"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="5" width="20" height="14" rx="2"></rect><path d="M2 10h20"></path></svg></span><div class="vf-ho-slide-txt"><div class="vf-ho-slide-title">Pay invoices securely</div><div class="vf-ho-slide-sub">Safe payment when the job's done.</div></div></div></div>
                  <div class="vf-ho-slide"><div class="vf-ho-slide-inner"><span class="vf-ho-ic"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 7a2 2 0 0 1 2-2h4l2 2h6a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path></svg></span><div class="vf-ho-slide-txt"><div class="vf-ho-slide-title">All your documents, sorted</div><div class="vf-ho-slide-sub">Quotes, invoices, and photos together.</div></div></div></div>
                  <div class="vf-ho-slide"><div class="vf-ho-slide-inner"><span class="vf-ho-ic vf-ho-ic-green"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path><path d="M9 12l2 2 4-4"></path></svg></span><div class="vf-ho-slide-txt"><div class="vf-ho-slide-title">Every pro is vetted</div><div class="vf-ho-slide-sub">Pre-vetted and rated 4.5 stars or higher.</div></div></div></div>
                </div>
                <div class="vf-ho-dots"></div>
              </div>

              <a class="vf-handover-btn" href="${handoverUrl}" target="_blank" rel="noopener">
                <span>Complete booking</span>
                <span class="arrow" aria-hidden="true">→</span>
              </a>

              <div class="vf-handover-next">Takes a minute — we'll just need your name, number and any extra details or photos.</div>

              <div class="vf-handover-locked">
                ✅ Your booking has moved to the secure portal. Please complete it there — this conversation is now closed.
              </div>
            </div>
          `;

          element.appendChild(shell);
          stretch(element, shell);
          AH.hideFor(shell);

          const btn = shell.querySelector('.vf-handover-btn');
          const locked = shell.querySelector('.vf-handover-locked');

          const czTrack = shell.querySelector('.vf-ho-track');
          const czDots = shell.querySelector('.vf-ho-dots');
          let czTimer = null, czResume = null;
          const czStop = () => { if (czTimer) { clearInterval(czTimer); czTimer = null; } };
          if (czTrack && czDots) {
            const slides = czTrack.querySelectorAll('.vf-ho-slide');
            const n = slides.length;
            let active = 0, raf = null;
            const drag = { on: false, x0: 0, sl0: 0 };
            for (let i = 0; i < n; i++) {
              const b = d.createElement('button');
              b.className = 'vf-ho-dot' + (i === 0 ? ' on' : '');
              b.setAttribute('aria-label', 'Slide ' + (i + 1));
              b.addEventListener('click', ((idx) => () => { go(idx); hold(); })(i));
              czDots.appendChild(b);
            }
            const dots = czDots.querySelectorAll('.vf-ho-dot');
            const paint = (k) => { for (let i = 0; i < dots.length; i++) dots[i].classList.toggle('on', i === k); };
            const go = (k) => { active = k; czTrack.scrollTo({ left: k * czTrack.clientWidth, behavior: 'smooth' }); paint(k); };
            const start = () => { czStop(); czTimer = setInterval(() => go((active + 1) % n), 3500); };
            const hold = () => { czStop(); clearTimeout(czResume); czResume = setTimeout(start, 6000); };
            czTrack.addEventListener('scroll', () => {
              if (raf) return;
              raf = requestAnimationFrame(() => { raf = null; const k = Math.round(czTrack.scrollLeft / czTrack.clientWidth); if (k !== active) { active = k; paint(k); } });
            }, { passive: true });
            czTrack.addEventListener('mouseenter', () => { if (!drag.on) czStop(); });
            czTrack.addEventListener('mouseleave', () => { if (!drag.on) start(); });
            czTrack.addEventListener('pointerdown', (e) => {
              if (e.pointerType === 'touch') return;
              drag.on = true; drag.x0 = e.clientX; drag.sl0 = czTrack.scrollLeft;
              czTrack.classList.add('drag'); czTrack.style.scrollSnapType = 'none'; czStop();
              try { czTrack.setPointerCapture(e.pointerId); } catch (_) {}
            });
            czTrack.addEventListener('pointermove', (e) => { if (!drag.on) return; czTrack.scrollLeft = drag.sl0 - (e.clientX - drag.x0); });
            const endDrag = (e) => {
              if (!drag.on) return; drag.on = false; czTrack.classList.remove('drag');
              const k = Math.max(0, Math.min(n - 1, Math.round(czTrack.scrollLeft / czTrack.clientWidth)));
              czTrack.style.scrollSnapType = 'x mandatory'; go(k); hold();
              try { czTrack.releasePointerCapture(e.pointerId); } catch (_) {}
            };
            czTrack.addEventListener('pointerup', endDrag);
            czTrack.addEventListener('pointercancel', endDrag);
            start();
          }

          const lockConversation = () => {
            try {
              czStop();
              CH.hide();
              MZ.disable();
              MZ.blurActive();
              locked.classList.add('show');

              let ticks = 0;
              const guard = setInterval(() => {
                CH.hide();
                ticks++;
                if (ticks > 20) clearInterval(guard);
              }, 500);
            } catch (e) {}
          };

          btn.addEventListener('click', () => {
            try {
              if (typeof gtag === 'function') {
                gtag('event', 'handover_to_pwa', {
                  event_category: 'funnel',
                  event_label: 'User clicked through to booking portal',
                  user_id: userId || 'unknown',
                  transcript_id: transcriptId || 'unknown'
                });
              }
            } catch (e) {}

            lockConversation();
          });

          CH.hide();
          requestAnimationFrame(() => { try { CH.hide(); } catch (e) {} });
          setTimeout(() => { try { CH.hide(); } catch (e) {} }, 50);
          const composerGuard = setInterval(() => { try { CH.hide(); } catch (e) {} }, 500);

          return () => {
            try { czStop(); clearTimeout(czResume); clearInterval(composerGuard); } catch (e) {}
            CH.hide();
            MZ.disable();
          };
        }
      };







      function makeProgressExt({name,step,title,subtitle}){return{name,type:'response',match:({trace})=>trace?.type===name||trace?.payload?.name===name,render:({element})=>{const pct=Math.min(100,Math.max(0,step*25)),w=d.createElement('div');w.className='vf-wide-card';w.innerHTML=`<div class="vf-progress-card"><div class="vf-progress-head"><div class="vf-progress-title">Step ${step} of 4 — ${title}</div><div class="vf-progress-pct">0%</div></div><div class="vf-progress-track"><div class="vf-progress-fill"></div></div><div class="vf-step-dots"><div class="vf-step-dot" data-idx="1">1</div><div class="vf-step-dot" data-idx="2">2</div><div class="vf-step-dot" data-idx="3">3</div><div class="vf-step-dot" data-idx="4">4</div></div>${subtitle?`<div class="vf-progress-sub" style="margin-top:8px">${subtitle}</div>`:''}</div>`;element.appendChild(w);stretch(element,w);AH.hideFor(w);const pctEl=w.querySelector('.vf-progress-pct'),fill=w.querySelector('.vf-progress-fill'),dots=[...w.querySelectorAll('.vf-step-dot')];dots.forEach((dot,i)=>{const idx=i+1;dot.classList.remove('complete','current');if(idx<step)dot.classList.add('complete'),dot.textContent='✓';else if(idx===step){dot.classList.add('current');dot.textContent=String(idx)}else dot.textContent=String(idx)});const dur=1e3,st=performance.now(),sv=0,dl=pct,ez=t=>1-Math.pow(1-t,3);(function f(n){const t=Math.min(1,(n-st)/dur),v=Math.round(sv+dl*ez(t));fill.style.width=v+'%';pctEl.textContent=v+'%';if(t<1)requestAnimationFrame(f)})(st)}}}
      const P1=makeProgressExt({name:'ext_progress_step1',step:1,title:'Problem diagnosis',subtitle:'We are understanding your issue.'}),
            P2=makeProgressExt({name:'ext_progress_step2',step:2,title:'Location',subtitle:'Where do you need help?'});


      V=window.voiceflow.chat;
      V.load({
        verify:{projectID:'697882dbdd5ecc37d71465bd'},
        url:'https://general-runtime.sanlamstudios.voiceflow.com',
        versionID:'production',
        assistant:{persistence:'memory',extensions:[
          LO1,LF1,P1,P2,LP,CE,IP,HO,
          ConversationStartTracker,
          JobDiagnosisStartTracker,
          JobDiagnosisCompleteTracker,
          LocationCaptureStartTracker,
          LocationCaptureCompleteTracker,
          CheckForProsStartTracker,
          CheckForProsCompleteTracker
        ]}
      }).then(()=>{d.querySelectorAll('.launch_jess').forEach(el=>el.addEventListener('click',()=>V.open()))});
    };
    d.body.appendChild(vf);
  }
}(document);