Women's Career Restart Agent<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@300;400;600;700;800&family=DM+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n:root {\r\n --navy: #0f1e36;\r\n --deep: #1a1a6e;\r\n --cyan: #38bdf8;\r\n --cyan-dark: #0ea5e9;\r\n --green: #22c55e;\r\n --border: #e2e8f0;\r\n}\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody { font-family: 'Sora', sans-serif; background: #f0f6ff; min-height: 100vh; padding: 40px 16px; }\r\n.wrapper { width: 100%; max-width: 580px; margin: 0 auto; }\r\n.header { text-align: center; margin-bottom: 28px; }\r\n.header .emoji { font-size: 48px; display: block; margin-bottom: 10px; }\r\n.header h1 { font-size: 26px; font-weight: 800; color: var(--navy); margin-bottom: 6px; }\r\n.header p { font-size: 14px; color: #64748b; }\r\n\r\n\/* Welcome box *\/\r\n.welcome-box {\r\n background: #fff;\r\n border: 2px solid var(--cyan);\r\n border-radius: 14px;\r\n padding: 16px 20px;\r\n margin-bottom: 20px;\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n}\r\n.welcome-box .w-icon { font-size: 26px; flex-shrink: 0; margin-top: 2px; }\r\n.welcome-box .w-name { font-size: 11px; font-weight: 700; color: var(--cyan-dark); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 4px; }\r\n.welcome-box .w-msg { font-size: 14px; color: #1e293b; line-height: 1.6; min-height: 20px; }\r\n\r\n.interview-panel { background: var(--navy); border-radius: 20px; padding: 24px; margin-bottom: 18px; text-align: center; }\r\n.q-label { font-size: 11px; font-weight: 600; letter-spacing: 2px; color: var(--cyan); text-transform: uppercase; margin-bottom: 10px; }\r\n.q-text { font-size: 16px; font-weight: 600; color: #fff; margin-bottom: 18px; line-height: 1.5; min-height: 50px; }\r\n.dots { display: flex; gap: 5px; justify-content: center; margin-bottom: 14px; }\r\n.dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,0.15); transition: all 0.3s; }\r\n.dot.done { background: var(--green); }\r\n.dot.active { background: var(--cyan); transform: scale(1.3); }\r\n\r\n.mic-btn { width: 76px; height: 76px; border-radius: 50%; background: linear-gradient(135deg, var(--cyan), var(--cyan-dark)); border: none; cursor: pointer; font-size: 32px; display: flex; align-items: center; justify-content: center; margin: 0 auto 14px; transition: transform 0.2s; }\r\n.mic-btn:hover { transform: scale(1.05); }\r\n.mic-btn.listening { background: linear-gradient(135deg, #ef4444, #dc2626); animation: micPulse 1s infinite; }\r\n.mic-btn.disabled { opacity: 0.4; cursor: not-allowed; transform: none !important; }\r\n@keyframes micPulse { 0% { box-shadow: 0 0 0 0 rgba(239,68,68,0.5); } 70% { box-shadow: 0 0 0 20px rgba(239,68,68,0); } 100% { box-shadow: 0 0 0 0 rgba(239,68,68,0); } }\r\n.mic-hint { font-size: 12px; color: #64748b; font-family: 'DM Mono', monospace; margin-bottom: 10px; }\r\n\r\n\/* Editable white transcript box *\/\r\n.transcript-box {\r\n background: #ffffff;\r\n border: 2px solid var(--cyan);\r\n border-radius: 10px;\r\n padding: 12px 14px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: #0f1e36;\r\n font-family: 'Sora', sans-serif;\r\n min-height: 52px;\r\n text-align: left;\r\n margin-bottom: 12px;\r\n width: 100%;\r\n resize: vertical;\r\n display: none;\r\n}\r\n.transcript-box:focus { outline: none; border-color: var(--cyan-dark); background: #ffffff !important; color: #0f1e36 !important; }\r\n\r\n.voice-nav { display: none; gap: 8px; justify-content: center; margin-top: 10px; }\r\n.voice-nav button { padding: 10px 22px; border-radius: 50px; border: none; font-size: 13px; font-family: 'Sora', sans-serif; font-weight: 600; cursor: pointer; }\r\n.btn-confirm { background: var(--green); color: white; }\r\n.btn-redo { background: rgba(255,255,255,0.1); color: #94a3b8; border: 1px solid rgba(255,255,255,0.2) !important; }\r\n\r\n.progress-wrap { margin-bottom: 18px; }\r\n.progress-label { font-size: 11px; color: #94a3b8; font-family: 'DM Mono', monospace; margin-bottom: 6px; }\r\n.progress-bar { background: #e2e8f0; border-radius: 99px; height: 6px; overflow: hidden; }\r\n.progress-fill { height: 100%; background: linear-gradient(90deg, var(--cyan), var(--deep)); border-radius: 99px; transition: width 0.4s; width: 0%; }\r\n\r\n.card { background: #fff; border-radius: 14px; padding: 20px; margin-bottom: 12px; border: 1.5px solid var(--border); box-shadow: 0 2px 10px rgba(15,30,54,0.05); transition: border-color 0.3s; }\r\n.card.active-field { border-color: var(--cyan); }\r\n.card.filled-field { border-color: var(--green); }\r\n.card label { display: block; font-size: 13px; font-weight: 600; color: var(--navy); margin-bottom: 8px; }\r\n.card label span { color: var(--cyan-dark); }\r\n.card input, .card textarea { width: 100%; padding: 11px 14px; border: 1.5px solid var(--border); border-radius: 10px; font-size: 14px; font-family: 'Sora', sans-serif; color: var(--navy); background: #f8fafc; outline: none; transition: border-color 0.2s; resize: vertical; }\r\n.card input:focus, .card textarea:focus { border-color: var(--cyan); background: white; }\r\n.card input.filled, .card textarea.filled { border-color: var(--green); background: #f0fdf4; }\r\n\r\n.submit-btn { width: 100%; background: linear-gradient(135deg, var(--deep), #2d2d9f); color: white; border: none; border-radius: 50px; padding: 18px; font-size: 16px; font-weight: 700; font-family: 'Sora', sans-serif; cursor: pointer; box-shadow: 0 4px 20px rgba(26,26,110,0.3); transition: transform 0.2s, box-shadow 0.2s; margin-top: 8px; }\r\n.submit-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 28px rgba(26,26,110,0.4); }\r\n.submit-btn:disabled { opacity: 0.6; cursor: not-allowed; transform: none; }\r\n#form-message { text-align: center; margin-top: 18px; font-size: 14px; font-weight: 500; line-height: 1.5; padding: 14px; border-radius: 10px; display: none; }\r\n#form-message.success { background: #f0fdf4; color: #166534; display: block; }\r\n#form-message.error { background: #fef2f2; color: #991b1b; display: block; }\r\n#form-message.loading { background: #eff6ff; color: #1d4ed8; display: block; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"wrapper\">\r\n <div class=\"header\">\r\n <span class=\"emoji\">\ud83d\udcbc<\/span>\r\n <h1>Women's Career Restart Agent<\/h1>\r\n <\/div>\r\n\r\n \r\n <div class=\"welcome-box\">\r\n <div class=\"w-icon\">\ud83d\udc4b<\/div>\r\n <div>\r\n <div class=\"w-name\">Isia \u2014 Your Career Restart Coach<\/div>\r\n <div class=\"w-msg\" id=\"welcomeMsg\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"interview-panel\">\r\n <div class=\"q-label\">Question <span id=\"qNum\">1<\/span> of 7<\/div>\r\n <div class=\"dots\" id=\"stepDots\"><\/div>\r\n <div class=\"q-text\" id=\"questionText\">Getting ready...<\/div>\r\n <button class=\"mic-btn disabled\" id=\"micBtn\" onclick=\"toggleMic()\">\ud83c\udfa4<\/button>\r\n <div class=\"mic-hint\" id=\"micHint\">Isia is asking your first question...<\/div>\r\n <textarea class=\"transcript-box\" id=\"transcriptBox\" rows=\"2\"><\/textarea>\r\n <div class=\"voice-nav\" id=\"voiceNav\">\r\n <button class=\"btn-confirm\" onclick=\"confirmAnswer()\">\u2705 Confirm<\/button>\r\n <button class=\"btn-redo\" onclick=\"redoAnswer()\">\ud83d\udd04 Redo<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"progress-wrap\">\r\n <div class=\"progress-label\" id=\"progressLabel\">0 of 7 fields completed<\/div>\r\n <div class=\"progress-bar\"><div class=\"progress-fill\" id=\"progressFill\"><\/div><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" id=\"card_full_name\"><label for=\"full_name\">Full Name <span>*<\/span><\/label><input type=\"text\" id=\"full_name\" placeholder=\"Your full name\" oninput=\"manualFill('full_name')\"><\/div>\r\n <div class=\"card\" id=\"card_customer_email\"><label for=\"customer_email\">Email Address <span>*<\/span><\/label><input type=\"email\" id=\"customer_email\" placeholder=\"your@email.com\" oninput=\"this.value=this.value.replace(\/\\s\/g,'').toLowerCase(); manualFill('customer_email')\"><\/div>\r\n <div class=\"card\" id=\"card_background_gap\"><label for=\"background_gap\">Your Last Role & Career Gap <span>*<\/span><\/label><textarea id=\"background_gap\" rows=\"3\" placeholder=\"Tell us about your last role and how long you've been out of the workforce\" oninput=\"manualFill('background_gap')\"><\/textarea><\/div>\r\n <div class=\"card\" id=\"card_target_industry\"><label for=\"target_industry\">Target Industry <span>*<\/span><\/label><textarea id=\"target_industry\" rows=\"2\" placeholder=\"What industry are you targeting?\" oninput=\"manualFill('target_industry')\"><\/textarea><\/div>\r\n <div class=\"card\" id=\"card_biggest_challenge\"><label for=\"biggest_challenge\">Biggest Challenge Right Now <span>*<\/span><\/label><textarea id=\"biggest_challenge\" rows=\"3\" placeholder=\"What's your biggest challenge right now?\" oninput=\"manualFill('biggest_challenge')\"><\/textarea><\/div>\r\n <div class=\"card\" id=\"card_resume_details\"><label for=\"resume_details\">Your Resume \/ Work History (optional)<\/label><textarea id=\"resume_details\" rows=\"4\" placeholder=\"If you'd like, tell us what's currently on your resume \u2014 your work history, skills, or experience. Or skip this if you'd rather.\" oninput=\"manualFill('resume_details')\"><\/textarea><\/div>\r\n <div class=\"card\" id=\"card_additional_details\"><label for=\"additional_details\">Anything Else <span>*<\/span><\/label><textarea id=\"additional_details\" rows=\"3\" placeholder=\"Anything else you'd like to share?\" oninput=\"manualFill('additional_details')\"><\/textarea><\/div>\r\n\r\n <button class=\"submit-btn\" onclick=\"submitForm()\">\ud83d\udcbc Get My Career Restart Plan<\/button>\r\n <div id=\"form-message\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst questions = [\r\n { id:'full_name', text:\"Tell me your full name.\", audio:'https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Q1-7.mp3', typeOnly:false, listenSec:8 },\r\n { id:'customer_email', text:\"Please type in your email address.\", audio:'https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Q2-10.mp3', typeOnly:true, listenSec:0 },\r\n { id:'background_gap', text:\"Tell us about your last role and how long you've been out of the workforce.\", audio:'https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Q3-5.mp3', typeOnly:false, listenSec:220 },\r\n { id:'target_industry', text:\"What industry are you targeting?\", audio:'https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Q4-9.mp3', typeOnly:false, listenSec:220 },\r\n { id:'biggest_challenge', text:\"What's your biggest challenge right now?\", audio:'https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Q5-2.mp3', typeOnly:false, listenSec:220 },\r\n { id:'resume_details', text:\"If you'd like, tell us what's currently on your resume \u2014 your work history, skills, or experience. If you'd rather skip this, just say so or leave it blank.\", audio:'https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Q6-3.mp3', typeOnly:false, listenSec:300 },\r\n { id:'additional_details', text:\"Anything else you'd like to share?\", audio:'https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Q7-3.mp3', typeOnly:false, listenSec:220 }\r\n];\r\n\r\nconst welcomeText = \"Welcome to the Women's Career Restart Agent. I'm Isia, and I'm here to help you get back on track. I'll guide you through seven quick questions about your background and goals \u2014 just tap the mic and talk naturally, or type if that's easier. Once you're done, your personalized career restart plan will be in your inbox within minutes. Take your time \u2014 there's no rush.\";\r\nconst sallyWelcome = new Audio('https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Welcome-6.mp3');\r\nlet questionAudios = questions.map(q => new Audio(q.audio));\r\nlet currentQ = 0;\r\nlet isListening = false;\r\nlet filledFields = new Set();\r\nlet recognition = null;\r\nlet sallyPlaying = false;\r\nlet currentFinalText = '';\r\nlet listenTimer = null;\r\n\r\nconst SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;\r\nif (SpeechRecognition) {\r\n recognition = new SpeechRecognition();\r\n recognition.continuous = true;\r\n recognition.interimResults = true;\r\n recognition.lang = 'en-US';\r\n recognition.onresult = (e) => {\r\n let interim = '';\r\n for (let i = e.resultIndex; i < e.results.length; i++) {\r\n if (e.results[i].isFinal) currentFinalText += e.results[i][0].transcript + ' ';\r\n else interim = e.results[i][0].transcript;\r\n }\r\n const combined = (currentFinalText + interim).trim();\r\n const box = document.getElementById('transcriptBox');\r\n box.value = combined;\r\n box.style.display = 'block';\r\n };\r\n recognition.onend = () => { if (isListening) { try { recognition.start(); } catch(e){} } };\r\n recognition.onerror = () => stopListening();\r\n}\r\n\r\nfunction setSallyState(speaking) {\r\n sallyPlaying = speaking;\r\n const mic = document.getElementById('micBtn');\r\n if (speaking) {\r\n mic.classList.add('disabled');\r\n document.getElementById('micHint').innerText = 'Isia is speaking \u2014 listen for your question...';\r\n }\r\n}\r\n\r\nfunction buildDots() {\r\n const c = document.getElementById('stepDots');\r\n c.innerHTML = questions.map((_,i)=> `<div class=\"dot ${i===currentQ?'active':filledFields.has(questions[i].id)?'done':''}\"><\/div>`).join('');\r\n}\r\n\r\nfunction showQuestion(index) {\r\n currentQ = index;\r\n const q = questions[index];\r\n document.getElementById('qNum').innerText = index + 1;\r\n document.getElementById('questionText').innerText = q.text;\r\n document.getElementById('transcriptBox').style.display = 'none';\r\n document.getElementById('transcriptBox').value = '';\r\n document.getElementById('voiceNav').style.display = 'none';\r\n currentFinalText = '';\r\n buildDots();\r\n\r\n questions.forEach(qq => {\r\n const card = document.getElementById('card_' + qq.id);\r\n if (card) card.classList.remove('active-field');\r\n });\r\n const activeCard = document.getElementById('card_' + q.id);\r\n if (activeCard) activeCard.classList.add('active-field');\r\n\r\n setSallyState(true);\r\n const audio = questionAudios[index];\r\n audio.currentTime = 0;\r\n audio.play().catch(()=>{});\r\n audio.onended = () => {\r\n setSallyState(false);\r\n if (q.typeOnly) {\r\n document.getElementById('micBtn').className = 'mic-btn disabled';\r\n document.getElementById('micHint').innerText = '\ud83d\udce7 Please type your email address in the box below.';\r\n document.getElementById('transcriptBox').style.display = 'block';\r\n document.getElementById('transcriptBox').focus();\r\n document.getElementById('voiceNav').style.display = 'flex';\r\n } else {\r\n document.getElementById('micBtn').className = 'mic-btn';\r\n document.getElementById('micHint').innerText = 'Tap the mic and speak your answer';\r\n }\r\n };\r\n}\r\n\r\nfunction replaySally() {\r\n if (sallyPlaying) {\r\n questionAudios[currentQ].pause(); questionAudios[currentQ].currentTime = 0;\r\n sallyWelcome.pause(); sallyWelcome.currentTime = 0;\r\n sallyPlaying = false;\r\n document.getElementById('micBtn').classList.remove('disabled');\r\n } else {\r\n showQuestion(currentQ);\r\n }\r\n}\r\n\r\nfunction toggleMic() {\r\n if (sallyPlaying || document.getElementById('micBtn').classList.contains('disabled')) return;\r\n if (!SpeechRecognition) { alert('Voice input requires Chrome browser.'); return; }\r\n isListening ? stopListening() : startListening();\r\n}\r\n\r\nfunction startListening() {\r\n isListening = true;\r\n currentFinalText = '';\r\n const btn = document.getElementById('micBtn');\r\n btn.classList.add('listening'); btn.innerText = '\u23f9';\r\n document.getElementById('micHint').innerText = 'Listening... tap again when done';\r\n document.getElementById('transcriptBox').style.display = 'block';\r\n document.getElementById('transcriptBox').value = '';\r\n recognition.start();\r\n\r\n clearTimeout(listenTimer);\r\n listenTimer = setTimeout(() => stopListening(), questions[currentQ].listenSec * 1000);\r\n}\r\n\r\nfunction stopListening() {\r\n isListening = false;\r\n clearTimeout(listenTimer);\r\n if (recognition) { recognition.onend = null; try { recognition.stop(); } catch(e){} }\r\n const btn = document.getElementById('micBtn');\r\n btn.classList.remove('listening'); btn.innerText = '\ud83c\udfa4';\r\n const val = document.getElementById('transcriptBox').value.trim();\r\n if (val) {\r\n document.getElementById('micHint').innerText = 'Review your answer above \u2014 edit if needed.';\r\n document.getElementById('voiceNav').style.display = 'flex';\r\n } else {\r\n document.getElementById('micHint').innerText = 'Tap the mic and speak your answer';\r\n }\r\n if (SpeechRecognition) {\r\n recognition = new SpeechRecognition();\r\n recognition.continuous = true;\r\n recognition.interimResults = true;\r\n recognition.lang = 'en-US';\r\n recognition.onresult = (e) => {\r\n let interim = '';\r\n for (let i = e.resultIndex; i < e.results.length; i++) {\r\n if (e.results[i].isFinal) currentFinalText += e.results[i][0].transcript + ' ';\r\n else interim = e.results[i][0].transcript;\r\n }\r\n document.getElementById('transcriptBox').value = (currentFinalText + interim).trim();\r\n };\r\n recognition.onend = () => { if (isListening) { try { recognition.start(); } catch(e){} } };\r\n recognition.onerror = () => stopListening();\r\n }\r\n}\r\n\r\nfunction confirmAnswer() {\r\n const q = questions[currentQ];\r\n let val = document.getElementById('transcriptBox').value.trim();\r\n\r\n \/\/ Question 6 (resume) is optional \u2014 allow empty\r\n if (!val && q.id !== 'resume_details') { document.getElementById('micHint').innerText = 'Please answer the question first.'; return; }\r\n\r\n if (q.id === 'customer_email') val = val.replace(\/\\s\/g,'').toLowerCase();\r\n\r\n const field = document.getElementById(q.id);\r\n if (field) { field.value = val; if (val) field.classList.add('filled'); }\r\n\r\n markFilled(q.id);\r\n document.getElementById('voiceNav').style.display = 'none';\r\n document.getElementById('transcriptBox').style.display = 'none';\r\n\r\n setTimeout(() => {\r\n const next = currentQ + 1;\r\n if (next < questions.length) showQuestion(next);\r\n else allDone();\r\n }, 600);\r\n}\r\n\r\nfunction redoAnswer() {\r\n document.getElementById('transcriptBox').value = '';\r\n document.getElementById('voiceNav').style.display = 'none';\r\n currentFinalText = '';\r\n document.getElementById('micHint').innerText = 'Tap the mic and speak your answer';\r\n if (!questions[currentQ].typeOnly) startListening();\r\n}\r\n\r\nfunction allDone() {\r\n document.getElementById('questionText').innerText = '\ud83c\udf89 All done! Review your answers and hit the button below!';\r\n document.getElementById('micBtn').style.display = 'none';\r\n document.getElementById('micHint').innerText = '';\r\n\r\n buildDots();\r\n}\r\n\r\nfunction markFilled(fieldId) {\r\n filledFields.add(fieldId);\r\n const card = document.getElementById('card_' + fieldId);\r\n if (card) { card.classList.remove('active-field'); card.classList.add('filled-field'); }\r\n updateProgress();\r\n}\r\n\r\nfunction manualFill(fieldId) {\r\n const el = document.getElementById(fieldId);\r\n if (el && el.value.trim()) {\r\n markFilled(fieldId);\r\n }\r\n}\r\n\r\nfunction updateProgress() {\r\n const req = ['full_name','customer_email','background_gap','target_industry','biggest_challenge','resume_details','additional_details'];\r\n const filled = req.filter(id=>{ const el=document.getElementById(id); return el&&el.value.trim()!==''; }).length;\r\n const pct = Math.round((filled\/req.length)*100);\r\n document.getElementById('progressFill').style.width = pct+'%';\r\n document.getElementById('progressLabel').innerText = `${filled} of 7 fields completed`;\r\n}\r\n\r\nasync function submitForm() {\r\n const full_name = document.getElementById('full_name').value.trim();\r\n const customer_email = document.getElementById('customer_email').value.trim();\r\n const background_gap = document.getElementById('background_gap').value.trim();\r\n const target_industry = document.getElementById('target_industry').value.trim();\r\n const biggest_challenge = document.getElementById('biggest_challenge').value.trim();\r\n const resume_details = document.getElementById('resume_details').value.trim();\r\n const additional_details = document.getElementById('additional_details').value.trim();\r\n const msg = document.getElementById('form-message');\r\n\r\n if (!full_name || !customer_email || !background_gap || !target_industry || !biggest_challenge || !additional_details) {\r\n msg.className = 'error'; msg.innerText = '\u26a0\ufe0f Please fill in all required fields before submitting.'; return;\r\n }\r\n\r\n msg.className = 'loading'; msg.innerText = '\u23f3 Submitting your information... please wait.';\r\n document.querySelector('.submit-btn').disabled = true;\r\n\r\n try {\r\n await fetch('https:\/\/api-bcbe5a.stack.tryrelevance.com\/latest\/agents\/trigger', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application\/json', 'Authorization': 'b831f1f2-22e3-4067-b1f5-c431251db0cc:sk-YmQyNzMzZWUtZDQzMC00ODAzLWEyNDQtNzcxZjM4NTNlZGJj' },\r\n body: JSON.stringify({\r\n message: { role: 'user', content: `Women's Career Restart Agent Request:\\ncustomer_email: ${customer_email}\\nfull_name: ${full_name}\\nbackground_gap: ${background_gap}\\ntarget_industry: ${target_industry}\\nbiggest_challenge: ${biggest_challenge}\\nresume_details: ${resume_details || 'none provided'}\\nadditional_details: ${additional_details}` },\r\n agent_id: \"334a7a7c-e377-4237-b040-d0c2823962c4\"\r\n })\r\n });\r\n msg.className = 'success'; msg.innerText = '\ud83d\udcbc Success! Your personalized Career Restart Plan is being prepared and will be delivered to your email shortly.';\r\n } catch(err) {\r\n msg.className = 'error'; msg.innerText = '\u274c Something went wrong. Please try again.';\r\n document.querySelector('.submit-btn').disabled = false;\r\n }\r\n}\r\n\r\nwindow.addEventListener('load', () => {\r\n buildDots();\r\n const welcomeMsg = document.getElementById('welcomeMsg');\r\n const words = welcomeText.split(' ');\r\n let wi = 0;\r\n sallyWelcome.play().catch(()=>{});\r\n const wInt = setInterval(() => {\r\n if (wi < words.length) { welcomeMsg.textContent += (wi===0?'':' ') + words[wi++]; }\r\n else clearInterval(wInt);\r\n }, 1000\/2.8);\r\n sallyWelcome.onended = () => {\r\n clearInterval(wInt);\r\n welcomeMsg.textContent = welcomeText;\r\n setTimeout(() => showQuestion(0), 1500);\r\n };\r\n sallyWelcome.onerror = () => {\r\n welcomeMsg.textContent = welcomeText;\r\n setTimeout(() => showQuestion(0), 1000);\r\n };\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Women’s Career Restart Agent \ud83d\udcbc Women’s Career Restart Agent \ud83d\udc4b Isia \u2014 Your Career Restart Coach Question 1 of 7 Getting ready… \ud83c\udfa4 Isia is asking your first question… \u2705 Confirm \ud83d\udd04 Redo 0 of 7 fields completed Full Name * Email Address * Your Last Role & Career Gap * Target Industry * Biggest Challenge Right Now * Your Resume \/ Work History (optional) Anything Else * \ud83d\udcbc Get My Career Restart Plan<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-3163","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/pages\/3163","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/comments?post=3163"}],"version-history":[{"count":13,"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/pages\/3163\/revisions"}],"predecessor-version":[{"id":5037,"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/pages\/3163\/revisions\/5037"}],"wp:attachment":[{"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/media?parent=3163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\r\nWomen's Career Restart Agent<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@300;400;600;700;800&family=DM+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n:root {\r\n --navy: #0f1e36;\r\n --deep: #1a1a6e;\r\n --cyan: #38bdf8;\r\n --cyan-dark: #0ea5e9;\r\n --green: #22c55e;\r\n --border: #e2e8f0;\r\n}\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody { font-family: 'Sora', sans-serif; background: #f0f6ff; min-height: 100vh; padding: 40px 16px; }\r\n.wrapper { width: 100%; max-width: 580px; margin: 0 auto; }\r\n.header { text-align: center; margin-bottom: 28px; }\r\n.header .emoji { font-size: 48px; display: block; margin-bottom: 10px; }\r\n.header h1 { font-size: 26px; font-weight: 800; color: var(--navy); margin-bottom: 6px; }\r\n.header p { font-size: 14px; color: #64748b; }\r\n\r\n\/* Welcome box *\/\r\n.welcome-box {\r\n background: #fff;\r\n border: 2px solid var(--cyan);\r\n border-radius: 14px;\r\n padding: 16px 20px;\r\n margin-bottom: 20px;\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n}\r\n.welcome-box .w-icon { font-size: 26px; flex-shrink: 0; margin-top: 2px; }\r\n.welcome-box .w-name { font-size: 11px; font-weight: 700; color: var(--cyan-dark); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 4px; }\r\n.welcome-box .w-msg { font-size: 14px; color: #1e293b; line-height: 1.6; min-height: 20px; }\r\n\r\n.interview-panel { background: var(--navy); border-radius: 20px; padding: 24px; margin-bottom: 18px; text-align: center; }\r\n.q-label { font-size: 11px; font-weight: 600; letter-spacing: 2px; color: var(--cyan); text-transform: uppercase; margin-bottom: 10px; }\r\n.q-text { font-size: 16px; font-weight: 600; color: #fff; margin-bottom: 18px; line-height: 1.5; min-height: 50px; }\r\n.dots { display: flex; gap: 5px; justify-content: center; margin-bottom: 14px; }\r\n.dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,0.15); transition: all 0.3s; }\r\n.dot.done { background: var(--green); }\r\n.dot.active { background: var(--cyan); transform: scale(1.3); }\r\n\r\n.mic-btn { width: 76px; height: 76px; border-radius: 50%; background: linear-gradient(135deg, var(--cyan), var(--cyan-dark)); border: none; cursor: pointer; font-size: 32px; display: flex; align-items: center; justify-content: center; margin: 0 auto 14px; transition: transform 0.2s; }\r\n.mic-btn:hover { transform: scale(1.05); }\r\n.mic-btn.listening { background: linear-gradient(135deg, #ef4444, #dc2626); animation: micPulse 1s infinite; }\r\n.mic-btn.disabled { opacity: 0.4; cursor: not-allowed; transform: none !important; }\r\n@keyframes micPulse { 0% { box-shadow: 0 0 0 0 rgba(239,68,68,0.5); } 70% { box-shadow: 0 0 0 20px rgba(239,68,68,0); } 100% { box-shadow: 0 0 0 0 rgba(239,68,68,0); } }\r\n.mic-hint { font-size: 12px; color: #64748b; font-family: 'DM Mono', monospace; margin-bottom: 10px; }\r\n\r\n\/* Editable white transcript box *\/\r\n.transcript-box {\r\n background: #ffffff;\r\n border: 2px solid var(--cyan);\r\n border-radius: 10px;\r\n padding: 12px 14px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: #0f1e36;\r\n font-family: 'Sora', sans-serif;\r\n min-height: 52px;\r\n text-align: left;\r\n margin-bottom: 12px;\r\n width: 100%;\r\n resize: vertical;\r\n display: none;\r\n}\r\n.transcript-box:focus { outline: none; border-color: var(--cyan-dark); background: #ffffff !important; color: #0f1e36 !important; }\r\n\r\n.voice-nav { display: none; gap: 8px; justify-content: center; margin-top: 10px; }\r\n.voice-nav button { padding: 10px 22px; border-radius: 50px; border: none; font-size: 13px; font-family: 'Sora', sans-serif; font-weight: 600; cursor: pointer; }\r\n.btn-confirm { background: var(--green); color: white; }\r\n.btn-redo { background: rgba(255,255,255,0.1); color: #94a3b8; border: 1px solid rgba(255,255,255,0.2) !important; }\r\n\r\n.progress-wrap { margin-bottom: 18px; }\r\n.progress-label { font-size: 11px; color: #94a3b8; font-family: 'DM Mono', monospace; margin-bottom: 6px; }\r\n.progress-bar { background: #e2e8f0; border-radius: 99px; height: 6px; overflow: hidden; }\r\n.progress-fill { height: 100%; background: linear-gradient(90deg, var(--cyan), var(--deep)); border-radius: 99px; transition: width 0.4s; width: 0%; }\r\n\r\n.card { background: #fff; border-radius: 14px; padding: 20px; margin-bottom: 12px; border: 1.5px solid var(--border); box-shadow: 0 2px 10px rgba(15,30,54,0.05); transition: border-color 0.3s; }\r\n.card.active-field { border-color: var(--cyan); }\r\n.card.filled-field { border-color: var(--green); }\r\n.card label { display: block; font-size: 13px; font-weight: 600; color: var(--navy); margin-bottom: 8px; }\r\n.card label span { color: var(--cyan-dark); }\r\n.card input, .card textarea { width: 100%; padding: 11px 14px; border: 1.5px solid var(--border); border-radius: 10px; font-size: 14px; font-family: 'Sora', sans-serif; color: var(--navy); background: #f8fafc; outline: none; transition: border-color 0.2s; resize: vertical; }\r\n.card input:focus, .card textarea:focus { border-color: var(--cyan); background: white; }\r\n.card input.filled, .card textarea.filled { border-color: var(--green); background: #f0fdf4; }\r\n\r\n.submit-btn { width: 100%; background: linear-gradient(135deg, var(--deep), #2d2d9f); color: white; border: none; border-radius: 50px; padding: 18px; font-size: 16px; font-weight: 700; font-family: 'Sora', sans-serif; cursor: pointer; box-shadow: 0 4px 20px rgba(26,26,110,0.3); transition: transform 0.2s, box-shadow 0.2s; margin-top: 8px; }\r\n.submit-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 28px rgba(26,26,110,0.4); }\r\n.submit-btn:disabled { opacity: 0.6; cursor: not-allowed; transform: none; }\r\n#form-message { text-align: center; margin-top: 18px; font-size: 14px; font-weight: 500; line-height: 1.5; padding: 14px; border-radius: 10px; display: none; }\r\n#form-message.success { background: #f0fdf4; color: #166534; display: block; }\r\n#form-message.error { background: #fef2f2; color: #991b1b; display: block; }\r\n#form-message.loading { background: #eff6ff; color: #1d4ed8; display: block; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"wrapper\">\r\n <div class=\"header\">\r\n <span class=\"emoji\">\ud83d\udcbc<\/span>\r\n <h1>Women's Career Restart Agent<\/h1>\r\n <\/div>\r\n\r\n \r\n <div class=\"welcome-box\">\r\n <div class=\"w-icon\">\ud83d\udc4b<\/div>\r\n <div>\r\n <div class=\"w-name\">Isia \u2014 Your Career Restart Coach<\/div>\r\n <div class=\"w-msg\" id=\"welcomeMsg\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"interview-panel\">\r\n <div class=\"q-label\">Question <span id=\"qNum\">1<\/span> of 7<\/div>\r\n <div class=\"dots\" id=\"stepDots\"><\/div>\r\n <div class=\"q-text\" id=\"questionText\">Getting ready...<\/div>\r\n <button class=\"mic-btn disabled\" id=\"micBtn\" onclick=\"toggleMic()\">\ud83c\udfa4<\/button>\r\n <div class=\"mic-hint\" id=\"micHint\">Isia is asking your first question...<\/div>\r\n <textarea class=\"transcript-box\" id=\"transcriptBox\" rows=\"2\"><\/textarea>\r\n <div class=\"voice-nav\" id=\"voiceNav\">\r\n <button class=\"btn-confirm\" onclick=\"confirmAnswer()\">\u2705 Confirm<\/button>\r\n <button class=\"btn-redo\" onclick=\"redoAnswer()\">\ud83d\udd04 Redo<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"progress-wrap\">\r\n <div class=\"progress-label\" id=\"progressLabel\">0 of 7 fields completed<\/div>\r\n <div class=\"progress-bar\"><div class=\"progress-fill\" id=\"progressFill\"><\/div><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" id=\"card_full_name\"><label for=\"full_name\">Full Name <span>*<\/span><\/label><input type=\"text\" id=\"full_name\" placeholder=\"Your full name\" oninput=\"manualFill('full_name')\"><\/div>\r\n <div class=\"card\" id=\"card_customer_email\"><label for=\"customer_email\">Email Address <span>*<\/span><\/label><input type=\"email\" id=\"customer_email\" placeholder=\"your@email.com\" oninput=\"this.value=this.value.replace(\/\\s\/g,'').toLowerCase(); manualFill('customer_email')\"><\/div>\r\n <div class=\"card\" id=\"card_background_gap\"><label for=\"background_gap\">Your Last Role & Career Gap <span>*<\/span><\/label><textarea id=\"background_gap\" rows=\"3\" placeholder=\"Tell us about your last role and how long you've been out of the workforce\" oninput=\"manualFill('background_gap')\"><\/textarea><\/div>\r\n <div class=\"card\" id=\"card_target_industry\"><label for=\"target_industry\">Target Industry <span>*<\/span><\/label><textarea id=\"target_industry\" rows=\"2\" placeholder=\"What industry are you targeting?\" oninput=\"manualFill('target_industry')\"><\/textarea><\/div>\r\n <div class=\"card\" id=\"card_biggest_challenge\"><label for=\"biggest_challenge\">Biggest Challenge Right Now <span>*<\/span><\/label><textarea id=\"biggest_challenge\" rows=\"3\" placeholder=\"What's your biggest challenge right now?\" oninput=\"manualFill('biggest_challenge')\"><\/textarea><\/div>\r\n <div class=\"card\" id=\"card_resume_details\"><label for=\"resume_details\">Your Resume \/ Work History (optional)<\/label><textarea id=\"resume_details\" rows=\"4\" placeholder=\"If you'd like, tell us what's currently on your resume \u2014 your work history, skills, or experience. Or skip this if you'd rather.\" oninput=\"manualFill('resume_details')\"><\/textarea><\/div>\r\n <div class=\"card\" id=\"card_additional_details\"><label for=\"additional_details\">Anything Else <span>*<\/span><\/label><textarea id=\"additional_details\" rows=\"3\" placeholder=\"Anything else you'd like to share?\" oninput=\"manualFill('additional_details')\"><\/textarea><\/div>\r\n\r\n <button class=\"submit-btn\" onclick=\"submitForm()\">\ud83d\udcbc Get My Career Restart Plan<\/button>\r\n <div id=\"form-message\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst questions = [\r\n { id:'full_name', text:\"Tell me your full name.\", audio:'https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Q1-7.mp3', typeOnly:false, listenSec:8 },\r\n { id:'customer_email', text:\"Please type in your email address.\", audio:'https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Q2-10.mp3', typeOnly:true, listenSec:0 },\r\n { id:'background_gap', text:\"Tell us about your last role and how long you've been out of the workforce.\", audio:'https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Q3-5.mp3', typeOnly:false, listenSec:220 },\r\n { id:'target_industry', text:\"What industry are you targeting?\", audio:'https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Q4-9.mp3', typeOnly:false, listenSec:220 },\r\n { id:'biggest_challenge', text:\"What's your biggest challenge right now?\", audio:'https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Q5-2.mp3', typeOnly:false, listenSec:220 },\r\n { id:'resume_details', text:\"If you'd like, tell us what's currently on your resume \u2014 your work history, skills, or experience. If you'd rather skip this, just say so or leave it blank.\", audio:'https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Q6-3.mp3', typeOnly:false, listenSec:300 },\r\n { id:'additional_details', text:\"Anything else you'd like to share?\", audio:'https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Q7-3.mp3', typeOnly:false, listenSec:220 }\r\n];\r\n\r\nconst welcomeText = \"Welcome to the Women's Career Restart Agent. I'm Isia, and I'm here to help you get back on track. I'll guide you through seven quick questions about your background and goals \u2014 just tap the mic and talk naturally, or type if that's easier. Once you're done, your personalized career restart plan will be in your inbox within minutes. Take your time \u2014 there's no rush.\";\r\nconst sallyWelcome = new Audio('https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Welcome-6.mp3');\r\nlet questionAudios = questions.map(q => new Audio(q.audio));\r\nlet currentQ = 0;\r\nlet isListening = false;\r\nlet filledFields = new Set();\r\nlet recognition = null;\r\nlet sallyPlaying = false;\r\nlet currentFinalText = '';\r\nlet listenTimer = null;\r\n\r\nconst SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;\r\nif (SpeechRecognition) {\r\n recognition = new SpeechRecognition();\r\n recognition.continuous = true;\r\n recognition.interimResults = true;\r\n recognition.lang = 'en-US';\r\n recognition.onresult = (e) => {\r\n let interim = '';\r\n for (let i = e.resultIndex; i < e.results.length; i++) {\r\n if (e.results[i].isFinal) currentFinalText += e.results[i][0].transcript + ' ';\r\n else interim = e.results[i][0].transcript;\r\n }\r\n const combined = (currentFinalText + interim).trim();\r\n const box = document.getElementById('transcriptBox');\r\n box.value = combined;\r\n box.style.display = 'block';\r\n };\r\n recognition.onend = () => { if (isListening) { try { recognition.start(); } catch(e){} } };\r\n recognition.onerror = () => stopListening();\r\n}\r\n\r\nfunction setSallyState(speaking) {\r\n sallyPlaying = speaking;\r\n const mic = document.getElementById('micBtn');\r\n if (speaking) {\r\n mic.classList.add('disabled');\r\n document.getElementById('micHint').innerText = 'Isia is speaking \u2014 listen for your question...';\r\n }\r\n}\r\n\r\nfunction buildDots() {\r\n const c = document.getElementById('stepDots');\r\n c.innerHTML = questions.map((_,i)=> `<div class=\"dot ${i===currentQ?'active':filledFields.has(questions[i].id)?'done':''}\"><\/div>`).join('');\r\n}\r\n\r\nfunction showQuestion(index) {\r\n currentQ = index;\r\n const q = questions[index];\r\n document.getElementById('qNum').innerText = index + 1;\r\n document.getElementById('questionText').innerText = q.text;\r\n document.getElementById('transcriptBox').style.display = 'none';\r\n document.getElementById('transcriptBox').value = '';\r\n document.getElementById('voiceNav').style.display = 'none';\r\n currentFinalText = '';\r\n buildDots();\r\n\r\n questions.forEach(qq => {\r\n const card = document.getElementById('card_' + qq.id);\r\n if (card) card.classList.remove('active-field');\r\n });\r\n const activeCard = document.getElementById('card_' + q.id);\r\n if (activeCard) activeCard.classList.add('active-field');\r\n\r\n setSallyState(true);\r\n const audio = questionAudios[index];\r\n audio.currentTime = 0;\r\n audio.play().catch(()=>{});\r\n audio.onended = () => {\r\n setSallyState(false);\r\n if (q.typeOnly) {\r\n document.getElementById('micBtn').className = 'mic-btn disabled';\r\n document.getElementById('micHint').innerText = '\ud83d\udce7 Please type your email address in the box below.';\r\n document.getElementById('transcriptBox').style.display = 'block';\r\n document.getElementById('transcriptBox').focus();\r\n document.getElementById('voiceNav').style.display = 'flex';\r\n } else {\r\n document.getElementById('micBtn').className = 'mic-btn';\r\n document.getElementById('micHint').innerText = 'Tap the mic and speak your answer';\r\n }\r\n };\r\n}\r\n\r\nfunction replaySally() {\r\n if (sallyPlaying) {\r\n questionAudios[currentQ].pause(); questionAudios[currentQ].currentTime = 0;\r\n sallyWelcome.pause(); sallyWelcome.currentTime = 0;\r\n sallyPlaying = false;\r\n document.getElementById('micBtn').classList.remove('disabled');\r\n } else {\r\n showQuestion(currentQ);\r\n }\r\n}\r\n\r\nfunction toggleMic() {\r\n if (sallyPlaying || document.getElementById('micBtn').classList.contains('disabled')) return;\r\n if (!SpeechRecognition) { alert('Voice input requires Chrome browser.'); return; }\r\n isListening ? stopListening() : startListening();\r\n}\r\n\r\nfunction startListening() {\r\n isListening = true;\r\n currentFinalText = '';\r\n const btn = document.getElementById('micBtn');\r\n btn.classList.add('listening'); btn.innerText = '\u23f9';\r\n document.getElementById('micHint').innerText = 'Listening... tap again when done';\r\n document.getElementById('transcriptBox').style.display = 'block';\r\n document.getElementById('transcriptBox').value = '';\r\n recognition.start();\r\n\r\n clearTimeout(listenTimer);\r\n listenTimer = setTimeout(() => stopListening(), questions[currentQ].listenSec * 1000);\r\n}\r\n\r\nfunction stopListening() {\r\n isListening = false;\r\n clearTimeout(listenTimer);\r\n if (recognition) { recognition.onend = null; try { recognition.stop(); } catch(e){} }\r\n const btn = document.getElementById('micBtn');\r\n btn.classList.remove('listening'); btn.innerText = '\ud83c\udfa4';\r\n const val = document.getElementById('transcriptBox').value.trim();\r\n if (val) {\r\n document.getElementById('micHint').innerText = 'Review your answer above \u2014 edit if needed.';\r\n document.getElementById('voiceNav').style.display = 'flex';\r\n } else {\r\n document.getElementById('micHint').innerText = 'Tap the mic and speak your answer';\r\n }\r\n if (SpeechRecognition) {\r\n recognition = new SpeechRecognition();\r\n recognition.continuous = true;\r\n recognition.interimResults = true;\r\n recognition.lang = 'en-US';\r\n recognition.onresult = (e) => {\r\n let interim = '';\r\n for (let i = e.resultIndex; i < e.results.length; i++) {\r\n if (e.results[i].isFinal) currentFinalText += e.results[i][0].transcript + ' ';\r\n else interim = e.results[i][0].transcript;\r\n }\r\n document.getElementById('transcriptBox').value = (currentFinalText + interim).trim();\r\n };\r\n recognition.onend = () => { if (isListening) { try { recognition.start(); } catch(e){} } };\r\n recognition.onerror = () => stopListening();\r\n }\r\n}\r\n\r\nfunction confirmAnswer() {\r\n const q = questions[currentQ];\r\n let val = document.getElementById('transcriptBox').value.trim();\r\n\r\n \/\/ Question 6 (resume) is optional \u2014 allow empty\r\n if (!val && q.id !== 'resume_details') { document.getElementById('micHint').innerText = 'Please answer the question first.'; return; }\r\n\r\n if (q.id === 'customer_email') val = val.replace(\/\\s\/g,'').toLowerCase();\r\n\r\n const field = document.getElementById(q.id);\r\n if (field) { field.value = val; if (val) field.classList.add('filled'); }\r\n\r\n markFilled(q.id);\r\n document.getElementById('voiceNav').style.display = 'none';\r\n document.getElementById('transcriptBox').style.display = 'none';\r\n\r\n setTimeout(() => {\r\n const next = currentQ + 1;\r\n if (next < questions.length) showQuestion(next);\r\n else allDone();\r\n }, 600);\r\n}\r\n\r\nfunction redoAnswer() {\r\n document.getElementById('transcriptBox').value = '';\r\n document.getElementById('voiceNav').style.display = 'none';\r\n currentFinalText = '';\r\n document.getElementById('micHint').innerText = 'Tap the mic and speak your answer';\r\n if (!questions[currentQ].typeOnly) startListening();\r\n}\r\n\r\nfunction allDone() {\r\n document.getElementById('questionText').innerText = '\ud83c\udf89 All done! Review your answers and hit the button below!';\r\n document.getElementById('micBtn').style.display = 'none';\r\n document.getElementById('micHint').innerText = '';\r\n\r\n buildDots();\r\n}\r\n\r\nfunction markFilled(fieldId) {\r\n filledFields.add(fieldId);\r\n const card = document.getElementById('card_' + fieldId);\r\n if (card) { card.classList.remove('active-field'); card.classList.add('filled-field'); }\r\n updateProgress();\r\n}\r\n\r\nfunction manualFill(fieldId) {\r\n const el = document.getElementById(fieldId);\r\n if (el && el.value.trim()) {\r\n markFilled(fieldId);\r\n }\r\n}\r\n\r\nfunction updateProgress() {\r\n const req = ['full_name','customer_email','background_gap','target_industry','biggest_challenge','resume_details','additional_details'];\r\n const filled = req.filter(id=>{ const el=document.getElementById(id); return el&&el.value.trim()!==''; }).length;\r\n const pct = Math.round((filled\/req.length)*100);\r\n document.getElementById('progressFill').style.width = pct+'%';\r\n document.getElementById('progressLabel').innerText = `${filled} of 7 fields completed`;\r\n}\r\n\r\nasync function submitForm() {\r\n const full_name = document.getElementById('full_name').value.trim();\r\n const customer_email = document.getElementById('customer_email').value.trim();\r\n const background_gap = document.getElementById('background_gap').value.trim();\r\n const target_industry = document.getElementById('target_industry').value.trim();\r\n const biggest_challenge = document.getElementById('biggest_challenge').value.trim();\r\n const resume_details = document.getElementById('resume_details').value.trim();\r\n const additional_details = document.getElementById('additional_details').value.trim();\r\n const msg = document.getElementById('form-message');\r\n\r\n if (!full_name || !customer_email || !background_gap || !target_industry || !biggest_challenge || !additional_details) {\r\n msg.className = 'error'; msg.innerText = '\u26a0\ufe0f Please fill in all required fields before submitting.'; return;\r\n }\r\n\r\n msg.className = 'loading'; msg.innerText = '\u23f3 Submitting your information... please wait.';\r\n document.querySelector('.submit-btn').disabled = true;\r\n\r\n try {\r\n await fetch('https:\/\/api-bcbe5a.stack.tryrelevance.com\/latest\/agents\/trigger', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application\/json', 'Authorization': 'b831f1f2-22e3-4067-b1f5-c431251db0cc:sk-YmQyNzMzZWUtZDQzMC00ODAzLWEyNDQtNzcxZjM4NTNlZGJj' },\r\n body: JSON.stringify({\r\n message: { role: 'user', content: `Women's Career Restart Agent Request:\\ncustomer_email: ${customer_email}\\nfull_name: ${full_name}\\nbackground_gap: ${background_gap}\\ntarget_industry: ${target_industry}\\nbiggest_challenge: ${biggest_challenge}\\nresume_details: ${resume_details || 'none provided'}\\nadditional_details: ${additional_details}` },\r\n agent_id: \"334a7a7c-e377-4237-b040-d0c2823962c4\"\r\n })\r\n });\r\n msg.className = 'success'; msg.innerText = '\ud83d\udcbc Success! Your personalized Career Restart Plan is being prepared and will be delivered to your email shortly.';\r\n } catch(err) {\r\n msg.className = 'error'; msg.innerText = '\u274c Something went wrong. Please try again.';\r\n document.querySelector('.submit-btn').disabled = false;\r\n }\r\n}\r\n\r\nwindow.addEventListener('load', () => {\r\n buildDots();\r\n const welcomeMsg = document.getElementById('welcomeMsg');\r\n const words = welcomeText.split(' ');\r\n let wi = 0;\r\n sallyWelcome.play().catch(()=>{});\r\n const wInt = setInterval(() => {\r\n if (wi < words.length) { welcomeMsg.textContent += (wi===0?'':' ') + words[wi++]; }\r\n else clearInterval(wInt);\r\n }, 1000\/2.8);\r\n sallyWelcome.onended = () => {\r\n clearInterval(wInt);\r\n welcomeMsg.textContent = welcomeText;\r\n setTimeout(() => showQuestion(0), 1500);\r\n };\r\n sallyWelcome.onerror = () => {\r\n welcomeMsg.textContent = welcomeText;\r\n setTimeout(() => showQuestion(0), 1000);\r\n };\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Women’s Career Restart Agent \ud83d\udcbc Women’s Career Restart Agent \ud83d\udc4b Isia \u2014 Your Career Restart Coach Question 1 of 7 Getting ready… \ud83c\udfa4 Isia is asking your first question… \u2705 Confirm \ud83d\udd04 Redo 0 of 7 fields completed Full Name * Email Address * Your Last Role & Career Gap * Target Industry * Biggest Challenge Right Now * Your Resume \/ Work History (optional) Anything Else * \ud83d\udcbc Get My Career Restart Plan<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-3163","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/pages\/3163","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/comments?post=3163"}],"version-history":[{"count":13,"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/pages\/3163\/revisions"}],"predecessor-version":[{"id":5037,"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/pages\/3163\/revisions\/5037"}],"wp:attachment":[{"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/media?parent=3163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}