Use Case Map Diagnostic - MindFire, Inc.

// ── Design tokens ────────────────────────────────────────────────────── const A = '#E8622A', AH = '#C44D1C', AL = '#FDEADE', AS = '#FFF7F3'; const DARK = '#141414', DR = '#1E1E1A'; const BG = '#F8F7F5', WH = '#FFFFFF'; const BORDER = '#E8E4DF', MUTED = '#767672', BODY = '#444440', TEXT = '#141414'; // ── Form option lists ─────────────────────────────────────────────────── const PAINS = [ 'We need more qualified leads', 'We are stuck in price or procurement conversations', 'Deals take too long to close', 'Sales follow-up is inconsistent', 'We want to grow existing accounts', 'We know AI matters but do not know where to start', ]; const REVENUE_BANDS = [ 'Under $5M in annual revenue', '$5M to $15M', '$15M to $35M', '$35M to $75M', '$75M to $150M', '$150M to $500M', 'Over $500M', 'Prefer not to say', ]; const CAPS = [ 'Commercial print', 'Direct mail', 'Packaging', 'Wide format', 'Kitting and fulfillment', 'Multichannel marketing services', 'Branded merchandise', 'Other', ]; const BUYERS = ['Procurement', 'Marketing leaders', 'Brand or retail marketing', 'Agencies', 'Existing customers']; const GOALS = ['More opportunities', 'Better close rate', 'More strategic conversations', 'Account expansion', 'Better use of AI across the business']; const ROLES = ['Owner / CEO / President', 'Sales leader', 'Marketing leader', 'Operations leader', 'General manager', 'Other']; const SUBSCORE_LABELS = { pain_clarity: 'Pain Clarity', buyer_clarity: 'Buyer Clarity', strategic_buyer_relevance: 'Strategic Buyer Relevance', demand_capture_strength: 'Demand Capture', proof_strength: 'Proof & Case Studies', sales_handoff_readiness: 'Sales Handoff Readiness', workflow_friction: 'Workflow Friction', ai_use_case_fit: 'AI Use Case Fit', }; // ── Revenue band calibration helper ──────────────────────────────────── function getRevenueTone(band) { if (!band || band === 'Prefer not to say') return 'Default to mid-market practical operator tone. Avoid GTM jargon. Give clear, actionable recommendations with plain business language.'; if (band === 'Under $5M in annual revenue' || band === '$5M to $15M') return 'Use plain, direct language only. ZERO GTM jargon. Recommend exactly ONE clear first step. Favor low-effort quick wins. Assume no dedicated marketing function exists. Keep it simple and immediately actionable.'; if (band === '$15M to $35M' || band === '$35M to $75M') return 'Use practical operator language with light strategic framing. Assume some sales structure and possibly a small marketing function. Recommend a focused pilot plus a short roadmap.'; return 'Use sharper strategic framing and deeper buyer-relevance analysis. Assume formal sales and marketing functions, multiple buyer types, and potential multi-site complexity. Recommend sequenced use cases and may reference an Operating Partner path.'; } // ── Primitives ────────────────────────────────────────────────────────── function Btn({ label, onClick, variant = 'primary', disabled, full, size = 'md', icon }) { const pad = { sm: '9px 20px', md: '12px 26px', lg: '15px 36px' }[size]; const fz = { sm: 13, md: 15, lg: 17 }[size]; const base = { padding: pad, borderRadius: 6, fontFamily: 'inherit', fontWeight: 600, cursor: disabled ? 'not-allowed' : 'pointer', opacity: disabled ? .5 : 1, border: 'none', fontSize: fz, width: full ? '100%' : undefined, letterSpacing: '-0.1px', transition: 'background .15s, border-color .15s', display: 'inline-flex', alignItems: 'center', justifyContent: 'center', gap: 7, }; const vars = { primary: { ...base, background: disabled ? '#ccc' : A, color: WH }, secondary: { ...base, background: 'transparent', color: TEXT, border: `1.5px solid ${BORDER}` }, ghost: { ...base, background: 'transparent', color: A }, }; return ; } function CheckCard({ label, selected, onClick }) { return (

{selected && ✓}

{label}

); } function RadioCard({ label, selected, onClick }) { return (

{selected &&

}

{label}

); } function Field({ label, type = 'text', value, onChange, placeholder, required, helper }) { const inputStyle = { width: '100%', padding: '11px 14px', border: `1.5px solid ${BORDER}`, borderRadius: 8, fontSize: 15, color: TEXT, background: WH, outline: 'none', fontFamily: 'inherit', }; return (

{label && ( {label}{required && *} )} {helper &&

{helper}

} {type === 'textarea' ?

onChange(e.target.value)} placeholder={placeholder} rows={3} style={{ ...inputStyle, resize: 'vertical', lineHeight: 1.6 }} />         : <input type={type} value={value} onchange={e > onChange(e.target.value)} placeholder={placeholder} style={inputStyle} />       }     </div>   ); }  function ProgressBar({ step, total = 8 }) {   return (     <div style={{ background: border, height: 3, borderradius: 2, overflow: 'hidden' }}>       <div style={{ height: '100%', width: `${(step>     </div>   ); }  function StepHead({ q, helper }) {   return (     <div style={{ marginbottom: 24 }}>       <h2 style={{ fontsize: 22, fontweight: 700, color: text, marginbottom: 7, letterspacing: '-0.3px', lineheight: 1.25 }}>{q}</h2>       <p style={{ fontsize: 14, color: muted, lineheight: 1.6 }}>{helper}</p>     </div>   ); }  function ScoreCircle({ score, size = 120 }) {   const color = score >= 70 ? '#2E7D52' : score >= 45 ? '#B8740A' : '#C0392B';   const deg = (score / 100) * 360;   return (     <div style={{ width: size, height: borderradius: '50%', position: 'relative', display: 'flex', alignitems: 'center', justifycontent: flexshrink: 0 }}>       <div style={{ position: 'absolute', inset: 0, borderradius: '50%', background: `conic-gradient(${color} 0deg ${deg}deg, ${border} ${deg}deg 360deg)` }} />       <div style={{ width: size - 16, height: borderradius: '50%', background: wh, zindex: 1, display: 'flex', flexdirection: 'column', alignitems: 'center', justifycontent: 'center' }}>         <div style={{ fontsize: size>= 120 ? 36 : 28, fontWeight: 700, color: TEXT, lineHeight: 1 }}>{score}</div>         <div style={{ fontsize: 11, color: muted, margintop: 2 }}>/ 100</div>       </div>     </div>   ); }   // ── Form shell ────────────────────────────────────────────────────────── function FormShell({ step, total = 8, onBack, children, onNext, nextLabel = 'Continue →', nextDisabled }) {   return (     <div style={{ minheight: '100vh', background: bg, display: 'flex', flexdirection: 'column' }}>       <div style={{ background: '#081e35', borderbottom: 'none', padding: '0 24px', position: 'sticky', top: 0, zindex: 50 }}>         <div style={{ maxwidth: 620, margin: '0 auto', height: 56, display: 'flex', alignitems: 'center', gap: 16 }}>           <div style={{ fontsize: 16, fontweight: 700, color: a, letterspacing: '-0.3px', flexshrink: 0 }}><img decoding="async" src="https://mindfireinc.com/wp-content/uploads/2023/01/logo-768x172.png" alt="MindFire" style={{height: '32px', width: 'auto', display: 'block'}} /></div>           <div style={{ flex: 1 }}><progressbar step={step} total={total} /></div>           <div style={{ fontsize: 12, color: wh, fontweight: 500, flexshrink: 0 }}>Step {step} of {total}</div>         </div>       </div>       <div style={{ flex: 1, display: 'flex', justifycontent: 'center', padding: '48px 24px 80px' }}>         <div classname="fade-up" style={{ width: '100%', maxwidth: 560 }}>           {children}           <div style={{ display: 'flex', gap: 12, margintop: 32, justifycontent: step> 1 ? 'space-between' : 'flex-end' }}>             {step > 1 && <btn label="← Back" onclick={onBack} variant="secondary" />}             <btn label={nextLabel} onclick={onNext} disabled={nextDisabled} />           </div>         </div>       </div>     </div>   ); }  function Step1({ data, update, onNext, onBack }) {   const toggle = o => update({ pains: data.pains.includes(o) ? data.pains.filter(x => x !== o) : [...data.pains, o] });   return (     <formshell step={1} onback={onBack} onnext={onNext} nextdisabled={!data.pains.length}>       <stephead q="What are you trying to improve first?" helper="Pick your top two. Choosing fewer gives you a sharper map." />       <div style={{ display: 'flex', flexdirection: 'column', gap: 8 }}>         {PAINS.map(o => <checkcard key={o} label={o} selected={data.pains.includes(o)} onclick={() > toggle(o)} />)}       </div>       <div style={{ margintop: 20 }}>         <field label="Describe it in your own words. (Optional)" type="textarea" value={data.openPain} onchange={v > update({ openPain: v })}           placeholder="Example: We quote fast but follow-up dies after the first call." />       </div>     </formshell>   ); }  function Step2({ data, update, onNext, onBack }) {   return (     <formshell step={2} onback={onBack} onnext={onNext} nextdisabled={!data.revenueBand}>       <stephead q="How big is your business today?" helper="This helps us match the recommendations to the size and stage of your company." />       <div style={{ display: 'flex', flexdirection: 'column', gap: 8 }}>         {REVENUE_BANDS.map(o => (           <radiocard key={o} label={o} selected={data.revenueBand > update({ revenueBand: o })} />         ))}       </div>     </formshell>   ); }  function StepCrm({ data, update, onNext, onBack }) {   const CRM_OPTIONS = ['Yes, actively used', 'Yes, but inconsistently used', 'No CRM in place', 'Not sure'];   return (     <formshell step={3} onback={onBack} onnext={onNext} nextdisabled={!data.crmStatus}>       <stephead q="Do you have a CRM your sales team actually uses?" helper="This shapes which use cases you can put to work first." />       <div style={{ display: 'flex', flexdirection: 'column', gap: 8 }}>         {CRM_OPTIONS.map(o => (           <radiocard key={o} label={o} selected={data.crmStatus > update({ crmStatus: o })} />         ))}       </div>     </formshell>   ); }  function Step3({ data, update, onNext, onBack }) {   const toggle = o => update({ capabilities: data.capabilities.includes(o) ? data.capabilities.filter(x => x !== o) : [...data.capabilities, o] });   return (     <formshell step={4} onback={onBack} onnext={onNext} nextdisabled={!data.capabilities.length}>       <stephead q="What capabilities do you offer?" helper="Select the areas that best represent your business." />       <div style={{ display: 'flex', flexdirection: 'column', gap: 8 }}>         {CAPS.map(o => <checkcard key={o} label={o} selected={data.capabilities.includes(o)} onclick={() > toggle(o)} />)}       </div>     </formshell>   ); }  function Step4({ data, update, onNext, onBack }) {   const toggle = o => update({ buyers: data.buyers.includes(o) ? data.buyers.filter(x => x !== o) : [...data.buyers, o] });   return (     <formshell step={5} onback={onBack} onnext={onNext} nextdisabled={!data.buyers.length}>       <stephead q="Who are you trying to win more business from?" helper="Choose the buyer groups you want to be more relevant to." />       <div style={{ display: 'flex', flexdirection: 'column', gap: 8 }}>         {BUYERS.map(o => <checkcard key={o} label={o} selected={data.buyers.includes(o)} onclick={() > toggle(o)} />)}       </div>     </formshell>   ); }  function Step5({ data, update, onNext, onBack }) {   const toggle = o => update({ goals: data.goals.includes(o) ? data.goals.filter(x => x !== o) : [...data.goals, o] });   return (     <formshell step={6} onback={onBack} onnext={onNext} nextdisabled={!data.goals.length}>       <stephead q="What do you want more of this year?" helper="Choose the outcomes that matter most right now." />       <div style={{ display: 'flex', flexdirection: 'column', gap: 8, marginbottom: 24 }}>         {GOALS.map(o => <checkcard key={o} label={o} selected={data.goals.includes(o)} onclick={() > toggle(o)} />)}       </div>       <field label="Add a specific target if you have one." type="textarea" value={data.goalDetail} onchange={v > update({ goalDetail: v })}         placeholder="Example: Grow 10%, add $1M in new revenue, improve margins, increase repeat programs." />     </formshell>   ); }   function Step6({ data, update, onNext, onBack }) {   const valid = data.company.trim() && data.websiteUrl.trim().length > 4;   return (     <formshell step={7} onback={onBack} onnext={onNext} nextdisabled={!valid}>       <stephead q="Where should we look?" helper="Add your company name and website so we can scan for messaging, proof, and buyer relevance." />       <div style={{ display: 'flex', flexdirection: 'column', gap: 16 }}>         <field label="Company name" value={data.company} onchange={v > update({ company: v })} placeholder="Acme Print Co." required />         <field label="Website URL" value={data.websiteUrl} onchange={v > update({ websiteUrl: v })}           placeholder="https://www.yourcompany.com" required           helper="Required. We scan for messaging, case studies, proof, buyer relevance, and demand-capture paths." />       </div>     </formshell>   ); }  function Step7({ data, update, onSubmit, onBack, loading }) {   const valid = data.name.trim() && data.email.includes('@') && data.role && data.consent;   return (     <formshell step={8} onback={onBack} onnext={onSubmit}       nextlabel={loading ? 'analyzing…' : 'run my use case diagnostic →'} nextdisabled={!valid || loading}>       <stephead q="Where should we send the full diagnostic?" helper="We will email you the complete Use Case Map Diagnostic report." />       <div style={{ display: 'flex', flexdirection: 'column', gap: 14 }}>         <div style={{ display: 'grid', gridtemplatecolumns: '1fr 1fr', gap: 14 }}>           <field label="Name" value={data.name} onchange={v > update({ name: v })} placeholder="Jamie" required />           <field label="Work email" type="email" value={data.email} onchange={v > update({ email: v })} placeholder="you@company.com" required />         </div>         <div>           <label style={{ fontsize: 13, fontweight: 600, color: body, display: 'block', marginbottom: 5 }}>Your role <span style={{ color: a }}>*</span></label>           <div style={{ position: 'relative' }}>             <select value={data.role} onchange={e > update({ role: e.target.value })} style={{               width: '100%', padding: '11px 36px 11px 14px', border: `1.5px solid ${BORDER}`,               borderRadius: 8, fontSize: 15, color: data.role ? TEXT : MUTED,               background: WH, fontFamily: 'inherit', outline: 'none', appearance: 'none',             }}>               <option value="">Select your role…</option>               {ROLES.map(r => <option key={r} value={r}>{r}</option>)}             </select>             <div style={{ position: 'absolute', right: 12, top: '50%', transform: 'translatey(-50%)', pointerevents: 'none', color: muted }}>▾</div>           </div>         </div>         <div onclick={() > update({ consent: !data.consent })} style={{           display: 'flex', gap: 10, alignItems: 'flex-start', cursor: 'pointer',           padding: '12px 14px', borderRadius: 8,           border: `2px solid ${data.consent ? A : BORDER}`,           background: data.consent ? AL : WH, transition: 'all .12s',         }}>           <div style={{             width: 18, height: borderradius: 4, border: `2px solid ${data.consent ? a : border}`, background: data.consent 'transparent', flexshrink: 0, margintop: 1, display: 'flex', alignitems: 'center', justifycontent: transition: 'all .12s', }}>             {data.consent && <span style={{ color: wh, fontsize: 10 }}>✓</span>}           </div>           <span style={{ fontsize: 13, color: body, lineheight: 1.6 }}>Send me the full Use Case Map Diagnostic and related follow-up resources.</span>         </div>       </div>     </formshell>   ); }   // ── Deterministic subscore engine ─────────────────────────────────────── function calculateSubscores(formData, webContent) {   const pains = formData.pains || [];   const buyers = formData.buyers || [];   const capabilities = formData.capabilities || [];   const goals = formData.goals || [];   const role = formData.role || '';   let pain_clarity;   if (pains.length === 0) pain_clarity = 20;   else if (pains.length <= 2) pain_clarity = 85;   else if (pains.length <= 4) pain_clarity = 62;   else pain_clarity = 38;   const strategicBuyers = ['Marketing Leaders', 'Brand', 'Creative', 'VP Marketing', 'CMO', 'Marketing Director'];   const hasStrategicBuyer = buyers.some(b => strategicBuyers.some(s => b.toLowerCase().includes(s.toLowerCase())));   const isProcurementOnly = buyers.length > 0 && buyers.every(b => b.toLowerCase().includes('procurement') || b.toLowerCase().includes('purchas'));   let buyer_clarity;   if (buyers.length === 0) buyer_clarity = 25;   else if (hasStrategicBuyer) buyer_clarity = 82;   else if (isProcurementOnly) buyer_clarity = 38;   else buyer_clarity = 58;   const strategicCapabilities = ['Direct Mail', 'Variable Data', 'Multichannel', 'Marketing Automation', 'Cross-media', 'Personalization'];   const hasStrategicCapability = capabilities.some(c => strategicCapabilities.some(s => c.toLowerCase().includes(s.toLowerCase())));   let strategic_buyer_relevance;   if (buyers.length === 0 || capabilities.length === 0) strategic_buyer_relevance = 30;   else if (hasStrategicBuyer && !hasStrategicCapability) strategic_buyer_relevance = 30;   else if (hasStrategicBuyer && hasStrategicCapability) strategic_buyer_relevance = 78;   else if (!hasStrategicBuyer && hasStrategicCapability) strategic_buyer_relevance = 55;   else strategic_buyer_relevance = 48;   let proof_strength = 28;   if (webContent && webContent.length > 200) {     const wl = webContent.toLowerCase();     const hasROI = wl.includes('roi') || wl.includes('increased') || wl.includes('reduced') || wl.includes('results');     const hasCaseStudy = wl.includes('case stud') || wl.includes('success stor') || wl.includes('testimonial') || wl.includes('client stor');     if (hasCaseStudy && hasROI) proof_strength = 78;     else if (hasCaseStudy || hasROI) proof_strength = 58;     else proof_strength = 28;   }   const hasAIPain = pains.some(p => p.toLowerCase().includes('ai') || p.toLowerCase().includes('know where to start'));   const hasSpecificGoal = !!(formData.goalDetail && formData.goalDetail.trim().length > 10);   let ai_use_case_fit;   if (hasAIPain && hasSpecificGoal) ai_use_case_fit = 88;   else if (hasAIPain) ai_use_case_fit = 72;   else if (hasSpecificGoal) ai_use_case_fit = 62;   else if (goals.length > 0) ai_use_case_fit = 52;   else ai_use_case_fit = 38;   const complexCapabilities = ['Kitting', 'Fulfillment', 'Multichannel', 'Variable Data', 'Cross-media', 'Web-to-Print', 'Personalization', 'Mailing'];   const complexCount = capabilities.filter(c => complexCapabilities.some(s => c.toLowerCase().includes(s.toLowerCase()))).length;   let workflow_friction;   if (complexCount >= 3) workflow_friction = 82;   else if (complexCount === 2) workflow_friction = 68;   else if (complexCount === 1) workflow_friction = 55;   else workflow_friction = 40;   let demand_capture_strength = 28;   if (webContent && webContent.length > 200) {     const wl = webContent.toLowerCase();     const hasCTA = wl.includes('get started') || wl.includes('book a') || wl.includes('schedule') || wl.includes('contact us') || wl.includes('request a') || wl.includes('get a quote');     const hasConv = wl.includes('demo') || wl.includes('trial') || wl.includes('pricing') || wl.includes('sign up');     if (hasCTA && hasConv) demand_capture_strength = 72;     else if (hasCTA) demand_capture_strength = 52;     else if (hasConv) demand_capture_strength = 42;     else demand_capture_strength = 22;   }   const handoffRoles = ['Sales', 'VP Sales', 'Sales Manager', 'Business Development', 'Owner', 'President', 'CEO'];   const isHandoffRole = handoffRoles.some(r => role.toLowerCase().includes(r.toLowerCase()));   const hasFollowUpPain = pains.some(p => p.toLowerCase().includes('follow') || p.toLowerCase().includes('close') || p.toLowerCase().includes('pipeline'));   let sales_handoff_readiness;   if (isHandoffRole && hasFollowUpPain) sales_handoff_readiness = 78;   else if (isHandoffRole) sales_handoff_readiness = 60;   else if (hasFollowUpPain) sales_handoff_readiness = 55;   else sales_handoff_readiness = 42;   const overall_score = Math.round(     pain_clarity * 0.18 + buyer_clarity * 0.14 + strategic_buyer_relevance * 0.14 +     proof_strength * 0.12 + ai_use_case_fit * 0.14 + workflow_friction * 0.10 +     demand_capture_strength * 0.10 + sales_handoff_readiness * 0.08   );   return { overall_score, subscores: { pain_clarity, buyer_clarity, strategic_buyer_relevance, proof_strength, ai_use_case_fit, workflow_friction, demand_capture_strength, sales_handoff_readiness } }; }  function generateScoreDrivers(formData, subscores, webContent, websiteAccessible) {   const drivers = [];   const pains = formData.pains || [];   const buyers = formData.buyers || [];   const capabilities = formData.capabilities || [];   if (pains.length === 0) {     drivers.push('No specific pains selected. Scoring is scattered with no focal constraint to map AI to.');   } else if (pains.length >= 5) {     drivers.push('Selected ' + pains.length + '+ pains. Scoring is scattered rather than focused on a primary constraint.');   }   const strategicBuyerTerms = ['marketing', 'brand', 'creative', 'cmo', 'vp'];   const hasStrategicBuyer = buyers.some(b => strategicBuyerTerms.some(s => b.toLowerCase().includes(s)));   const productionOnlyCaps = capabilities.length > 0 && capabilities.every(c => !['direct mail','variable','multichannel','personali','automation','cross-media'].some(s => c.toLowerCase().includes(s)));   if (hasStrategicBuyer && productionOnlyCaps && capabilities.length > 0) {     drivers.push('Targeting ' + (buyers[0] || 'strategic') + ' buyers but stated capabilities are production-focused. Buyer-relevance gap detected.');   }   if (!websiteAccessible) {     drivers.push('Website scan could not access site publicly. Proof and demand-capture scores set to baseline.');   } else if (webContent && webContent.length > 200) {     const wl = webContent.toLowerCase();     const hasCaseStudy = wl.includes('case stud') || wl.includes('success stor');     const hasCTA = wl.includes('get started') || wl.includes('book a') || wl.includes('schedule') || wl.includes('contact us');     if (!hasCaseStudy) drivers.push('Website scan returned no case studies or success stories. Proof score penalized.');     else drivers.push('Website scan found case study evidence. Proof score elevated.');     if (!hasCTA) drivers.push('Website scan found no clear demand-capture CTAs. Demand capture score penalized.');   }   if (subscores.ai_use_case_fit >= 80) {     drivers.push('AI-readiness pain selected with specific goal entered. AI use case fit scored high.');   } else if (subscores.ai_use_case_fit <= 45) {     drivers.push('No specific AI goal or pain stated. AI use case fit scored low.');   }   if (subscores.workflow_friction >= 75) {     drivers.push('Multiple complex capabilities (kitting, fulfillment, multichannel). High workflow friction detected.');   }   return drivers.slice(0, 5); }  // ── Processing screen ──────────────────────────────────────────────────── function Processing({ formData, onDone }) {   const { useState, useEffect } = React;   const [phase, setPhase] = useState(0);   const phases = [     'Reviewing your selected priorities…',     'Scanning your website for messaging and positioning…',     'Assessing case studies, proof, and buyer relevance…',     'Mapping constraints to AI use cases…',     'Generating your Use Case Map Preview…',   ];   useEffect(() => {     let mounted = true;     const timer = setInterval(() => {       setPhase(p => { if (p < phases.length - 1) return p + 1; clearInterval(timer); return p; });     }, 1800);     (async () => {       const buildFallback = () => {         const calcScores = calculateSubscores(formData, '');         const scoreDrivers = generateScoreDrivers(formData, calcScores.subscores, '', false);         return {           overall_score: calcScores.overall_score,           subscores: calcScores.subscores,           positioning_level: 'Reliable execution partner',           primary_constraint: `Based on your selected priorities (${formData.pains.slice(0, 2).join(' and ').toLowerCase()}), the primary constraint appears to be a gap between how your business operates internally and how buyers currently experience you.`,           what_this_likely_means: 'Buyers may understand what you produce, but not necessarily why they should consider you for broader marketing execution, campaign programs, or strategic growth initiatives.',           top_use_cases: [             { name: 'AI Operating Roadmap', constraint: 'Unclear AI priorities and no defined starting point', advisory: 'AI Operating Roadmap', why: 'You selected multiple pain areas. This maps which use case creates the most value first.' },             { name: 'Strategic Buyer Messaging System', constraint: 'Commodity positioning limiting deal quality and size', advisory: 'Workflow Pilot', why: 'Your target buyers need to see why you are different, not just capable.' },             { name: 'Demand Capture & Nurture Workflow', constraint: 'Inconsistent lead follow-up and qualification', advisory: 'Workflow Pilot', why: 'Leads are likely falling through without a consistent qualification and follow-up process.' },           ],           quick_wins: [             'Do you know how your best buyers describe the problem you solve, in their own words?',             'Have you made it easy for a qualified buyer to take the next step without filling out a generic form?',             'Does your best case study lead with the buyer problem and the measurable outcome, not just what you did?',             'Could a new visitor immediately understand who you help and why you are the right fit for them?',             'Do you have a direct way for interested buyers to book time with you, separate from a standard contact request?',           ],           recommended_first_step: 'Book a Use Case Mapping Call to validate the highest-value use case for your specific business constraints and define a first 30-day workflow pilot.',           advisory_path: 'AI Operating Roadmap',           website_observation: 'Could not access website publicly. Recommendations are based on stated priorities.',           conditional_note: '',           score_drivers: scoreDrivers,         };       };       let results = null;       try {         const ctrl = new AbortController();         const tid = setTimeout(() => ctrl.abort(), 60000);         const r = await fetch('/wp-json/mindfire/v1/analyze-diagnostic', {           method: 'POST',           headers: { 'Content-Type': 'application/json' },           body: JSON.stringify({ formData: formData }),           signal: ctrl.signal,         });         clearTimeout(tid);         if (!r.ok) throw new Error('analyze failed');         results = await r.json();         if (!results || typeof results.overall_score !== 'number' || !results.subscores || !results.top_use_cases) throw new Error('bad payload');       } catch (_) {         results = buildFallback();       }       if (mounted) {         clearInterval(timer);         setPhase(phases.length - 1);         setTimeout(() => {           fetch('/wp-json/mindfire/v1/send-diagnostic-report', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ formData: formData, results: results }) }).catch(() => {});           onDone(results);         }, 800);       }     })();     return () => { mounted = false; };   }, []);   return (     <div style={{ minheight: '100vh', background: dark, display: 'flex', alignitems: 'center', justifycontent: padding: 24 }}>       <div style={{ textalign: 'center', maxwidth: 520 }}>         <div style={{ width: 56, height: border: `3px solid #2a2a26`, bordertop: ${a}`, borderradius: '50%', margin: '0 auto 32px', animation: 'spin 1s linear infinite' }} />         <h2 style={{ fontsize: 22, fontweight: 700, color: wh, marginbottom: 10, letterspacing: '-0.3px', lineheight: 1.3 }}>           Mapping your business constraints to practical AI use cases…         </h2>         <p style={{ fontsize: 14, color: '#5a5a56', lineheight: 1.7, marginbottom: 32 }}>           We are reviewing your answers, website messaging, buyer journey, case studies, proof, and visible demand-capture paths.         </p>         <div style={{ background: dr, borderradius: 10, padding: '18px 20px', textalign: 'left' }}>           {phases.map((p, i) => (             <div key={i} style={{ display: 'flex', gap: 10, alignItems: 'center', padding: '7px 0', opacity: i <= phase ? 1 : 0.2, transition: 'opacity .5s' }}>               <div style={{                 width: 18, height: 18, borderRadius: '50%', flexShrink: 0,                 background: i < phase ? A : i === phase ? '#3A3A36' : '#222',                 display: 'flex', alignItems: 'center', justifyContent: 'center', fontSize: 9, color: WH,               }}>                 {i < phase ? '✓' : ''}               </div>               <div style={{ fontSize: 13, color: i <= phase ? '#CCC' : '#444' }}>{p}</div>             </div>           ))}         </div>       </div>     </div>   ); }   // ── Full Report ───────────────────────────────────────────────────────── function FullReport({ results, formData }) {   const { useState } = React;   const [open, setOpen] = useState([0, 1]);   const toggle = i => setOpen(o => o.includes(i) ? o.filter(x => x !== i) : [...o, i]);   const sections = [     {       title: 'Executive Summary',       body: (         <ul style={{ display: 'flex', flexdirection: 'column', gap: 8, liststyle: 'none', padding: 0 }}>           {[             `Primary constraint: ${results.primary_constraint}`,             `Current positioning: ${results.positioning_level}`,             `Best-fit use case: ${results.top_use_cases?.[0]?.name}`,             results.what_this_likely_means,             `Recommended first step: ${results.recommended_first_step}`,           ].map((b, i) => (             <li key={i} style={{ display: 'flex', gap: 10, alignitems: 'flex-start', liststyle: 'none' }}>               <span style={{ width: 6, height: borderradius: '50%', background: a, margintop: 7, flexshrink: 0 }} />               <span style={{ fontsize: 14, color: body, lineheight: 1.65 }}>{b}</span>             </li>           ))}         </ul>       ),     },     {       title: 'Your Stated Priorities',       body: (         <div style={{ display: 'grid', gridtemplatecolumns: '1fr 1fr', gap: 16 }}>           {[             ['Selected pains', formData.pains?.join(', ')],             ['Revenue band', formData.revenueBand],             ['Capabilities', formData.capabilities?.join(', ')],             ['Target buyers', formData.buyers?.join(', ')],             ['Business goals', formData.goals?.join(', ')],           ].map(([lbl, val], i) => (             <div key={i}>               <div style={{ fontsize: 11, fontweight: 700, color: muted, letterspacing: '0.07em', texttransform: 'uppercase', marginbottom: 4 }}>{lbl}</div>               <div style={{ fontsize: 14, color: body, lineheight: 1.55 }}>{val || '-'}</div>             </div>           ))}         </div>       ),     },     {       title: 'Current Buyer Positioning',       body: (         <div>           <div style={{ display: 'inline-block', padding: '5px 13px', borderradius: 999, background: as, color: a, fontsize: 13, fontweight: 600, marginbottom: 14 }}>             {results.positioning_level}           </div>           <p style={{ fontsize: 14, color: body, lineheight: 1.7, marginbottom: 12 }}>{results.primary_constraint}</p>           <p style={{ fontsize: 14, color: body, lineheight: 1.7 }}>{results.what_this_likely_means}</p>           {results.website_observation && (             <div style={{ margintop: 14, padding: '10px 14px', background: bg, borderradius: 8, borderleft: `3px solid ${border}` }}>               <div style={{ fontsize: 11, fontweight: 700, color: muted, texttransform: 'uppercase', letterspacing: '0.07em', marginbottom: 4 }}>Website scan</div>               <p style={{ fontsize: 13, color: body, lineheight: 1.6 }}>{results.website_observation}</p>             </div>           )}           {results.conditional_note && (             <div style={{ margintop: 10, padding: '10px 14px', background: '#fff8e1', borderradius: 8, borderleft: '3px solid #b8740a' }}>               <p style={{ fontsize: 13, color: '#7a5000', lineheight: 1.6 }}>{results.conditional_note}</p>             </div>           )}         </div>       ),     },     {       title: 'Use Case Readiness Scorecard',       body: (         <div style={{ display: 'grid', gridtemplatecolumns: '1fr 1fr', gap: '14px 28px' }}>           {Object.entries(results.subscores || {}).map(([key, val]) => {             const color = val >= 70 ? '#2E7D52' : val >= 45 ? '#B8740A' : '#C0392B';             return (               <div key={key}>                 <div style={{ display: 'flex', justifycontent: 'space-between', fontsize: 12, color: body, marginbottom: 4 }}>                   <span>{SUBSCORE_LABELS[key] || key}</span>                   <span style={{ fontweight: 700, color }}>{val}</span>                 </div>                 <div style={{ height: 6, borderradius: 999, background: border }}>                   <div style={{ height: '100%', width: `${val}%`, borderradius: 999, background: color, transition: 'width .6s ease' }} />                 </div>               </div>             );           })}         </div>       ),     },     {       title: 'What Drove Your Score',       body: results.score_drivers && results.score_drivers.length > 0 ? (         <div style={{ display: 'flex', flexdirection: 'column', gap: 8 }}>           {results.score_drivers.map((driver, i) => (             <div key={i} style={{ display: 'flex', gap: 10, alignitems: 'flex-start', padding: '10px 14px', background: '#f9fafb', borderradius: 8, border: '1px solid #e5e9ef' }}>               <div style={{ width: 20, height: borderradius: '50%', background: '#ff6633', color: '#fff', fontsize: 11, fontweight: 700, display: 'flex', alignitems: 'center', justifycontent: flexshrink: 0, margintop: 1 }}>{i + 1}</div>               <span style={{ fontsize: 13, color: '#495465', lineheight: 1.6 }}>{driver}</span>             </div>           ))}         </div>       ) : (         <p style={{ fontsize: 13, color: '#768499' }}>Score drivers are calculated from your inputs.</p>       ),     },     {       title: 'AI Use Case Map',       body: (         <div style={{ display: 'flex', flexdirection: 'column', gap: 12 }}>           {results.top_use_cases?.map((uc, i) => (             <div key={i} style={{ border: `1px solid ${border}`, borderradius: 10, padding: '16px 18px' }}>               <div style={{ display: 'flex', justifycontent: 'space-between', alignitems: 'flex-start', marginbottom: 6 }}>                 <div style={{ fontsize: 15, fontweight: 600, color: text }}>{i + 1}. {uc.name}</div>                 <div style={{ fontsize: 11, fontweight: 600, padding: '3px 9px', borderradius: 999, background: as, color: a, flexshrink: 0, marginleft: 10 }}>{uc.advisory}</div>               </div>               <div style={{ fontsize: 13, color: body, marginbottom: 4 }}>Constraint solved: {uc.constraint}</div>               {uc.why && <div style={{ fontsize: 13, color: muted, fontstyle: 'italic' }}>{uc.why}</div>}             </div>           ))}         </div>       ),     },     {       title: 'Questions to Consider',       body: (         <div style={{ display: 'flex', flexdirection: 'column', gap: 10 }}>           {results.quick_wins?.map((w, i) => (             <div key={i} style={{ display: 'flex', gap: 10, alignitems: 'flex-start' }}>               <div style={{ width: 22, height: borderradius: 4, background: al, color: a, fontsize: 11, fontweight: 700, display: 'flex', alignitems: 'center', justifycontent: flexshrink: 0 }}>{i + 1}</div>               <div style={{ fontsize: 14, color: body, lineheight: 1.55, paddingtop: 3 }}>{w}</div>             </div>           ))}         </div>       ),     },     {       title: 'Advisory Next Step',       body: (         <div>           <p style={{ fontsize: 14, color: body, lineheight: 1.75, marginbottom: 16 }}>             The next step is not choosing an AI tool. The next step is validating the highest-value use case, mapping the workflow, identifying the required inputs, and defining the first pilot.           </p>           <div style={{ padding: '16px 18px', background: al, borderradius: 8, border: '1px solid rgba(232,98,42,0.3)', marginbottom: 16 }}>             <div style={{ fontsize: 12, fontweight: 700, color: a, texttransform: 'uppercase', letterspacing: '0.07em', marginbottom: 4 }}>Recommended advisory path</div>             <div style={{ fontsize: 15, fontweight: 600, color: text }}>{results.advisory_path}</div>             <div style={{ fontsize: 13, color: body, margintop: 3 }}>First use case: {results.top_use_cases?.[0]?.name}</div>           </div>           <a href="https://calendar.app.google/YbUxRKwHEniixXLc9" target="_blank" rel="noopener noreferrer" style={{ display: 'inline-block', padding: '12px 28px', background: a, color: wh, textdecoration: 'none', borderradius: 6, fontsize: 15, fontweight: 600 }}>             Book a Use Case Mapping Call →           </a>         </div>       ),     },   ];   return (     <div style={{ display: 'flex', flexdirection: 'column', gap: 2 }}>       {sections.map((s, i) => (         <div key={i} style={{ border: `1px solid ${border}`, borderradius: 8, overflow: 'hidden', background: wh }}>           <button onclick={() > toggle(i)} style={{             width: '100%', padding: '14px 18px', background: open.includes(i) ? BG : WH,             border: 'none', textAlign: 'left', cursor: 'pointer', fontFamily: 'inherit',             display: 'flex', justifyContent: 'space-between', alignItems: 'center',           }}>             <span style={{ fontsize: 14, fontweight: 600, color: text }}>{i + 1}. {s.title}</span>             <span style={{ fontsize: 18, color: muted, transform: open.includes(i) ? 'rotate(90deg)' : 'none', transition: 'transform .2s', lineheight: 1 }}>›</span>           </button>           {open.includes(i) && (             <div style={{ padding: '16px 18px 18px', bordertop: `1px solid ${border}` }}>{s.body}</div>           )}         </div>       ))}     </div>   ); }   // ── Results screen ────────────────────────────────────────────────────── function Results({ results, formData, onRestart }) {   const { useState } = React;   const [showReport, setShowReport] = useState(false);   const posColors = {     'Production vendor': '#C0392B', 'Reliable execution partner': '#B8740A',     'Print and marketing services provider': '#2563EB', 'Strategic marketing execution partner': '#2E7D52',     'AI-enabled growth and workflow partner': A,   };   const posColor = posColors[results.positioning_level] || MUTED;   return (     <div style={{ background: bg, minheight: '100vh' }}>       <div style={{ background: '#081e35', borderbottom: 'none', padding: '0 24px', position: 'sticky', top: 0, zindex: 50 }}>         <div style={{ maxwidth: 880, margin: '0 auto', height: 56, display: 'flex', alignitems: 'center', gap: 16 }}>           <div style={{ fontsize: 16, fontweight: 700, color: a }}><img decoding="async" src="https://mindfireinc.com/wp-content/uploads/2023/01/logo-768x172.png" alt="MindFire" style={{height: '32px', width: 'auto', display: 'block'}} /></div>           <div style={{ flex: 1 }} />           <button onclick={onRestart} style={{ fontsize: 13, color: muted, background: 'none', border: cursor: 'pointer', fontfamily: 'inherit', padding: '6px 12px' }}>← Start over</button>         </div>       </div>       <div classname="fade-up" style={{ maxwidth: 880, margin: '0 auto', padding: '48px 24px 80px' }}>         <div style={{ marginbottom: 24 }}>           <div style={{ fontsize: 11, fontweight: 700, color: a, letterspacing: '0.1em', texttransform: 'uppercase', marginbottom: 8 }}>Your Use Case Map Preview</div>           <h1 style={{ fontsize: 30, fontweight: 700, color: text, letterspacing: '-0.5px', marginbottom: 4 }}>Use Case Map Diagnostic</h1>           <p style={{ fontsize: 14, color: muted }}>{formData.company} · {formData.websiteUrl}</p>         </div>         <div style={{ background: wh, border: `1px solid ${border}`, borderradius: 14, padding: '28px 32px', marginbottom: 16, boxshadow: '0 2px 12px rgba(0,0,0,0.05)', display: 'flex', gap: 28, alignitems: 'flex-start' }}>           <div style={{ display: 'flex', flexdirection: 'column', alignitems: 'center', gap: 10 }}>             <scorecircle score={results.overall_score} size={128} />             <div style={{ fontsize: 11, fontweight: 600, color: text, textalign: 'center' }}>Use Case Readiness</div>             <div style={{ padding: '3px 10px', borderradius: 999, border: `1.5px solid ${poscolor}`, color: poscolor, fontsize: 11, fontweight: 600, textalign: 'center', maxwidth: 150, lineheight: 1.4 }}>               {results.positioning_level}             </div>           </div>           <div style={{ flex: 1 }}>             <div style={{ fontsize: 11, fontweight: 700, color: muted, letterspacing: '0.08em', texttransform: 'uppercase', marginbottom: 8 }}>Primary Constraint</div>             <p style={{ fontsize: 16, color: text, lineheight: 1.7, marginbottom: 18 }}>{results.primary_constraint}</p>             <div style={{ fontsize: 11, fontweight: 700, color: muted, letterspacing: '0.08em', texttransform: 'uppercase', marginbottom: 8 }}>What This Likely Means</div>             <p style={{ fontsize: 14, color: body, lineheight: 1.7 }}>{results.what_this_likely_means}</p>             {results.conditional_note && (               <div style={{ margintop: 14, padding: '10px 14px', background: '#fff8e1', borderradius: 8, borderleft: '3px solid #b8740a' }}>                 <p style={{ fontsize: 13, color: '#7a5000', lineheight: 1.6 }}>{results.conditional_note}</p>               </div>             )}           </div>         </div>         <div style={{ marginbottom: 16 }}>           <h2 style={{ fontsize: 17, fontweight: 700, color: text, marginbottom: 12 }}>Top 3 AI Use Case Opportunities</h2>           <div style={{ display: 'flex', flexdirection: 'column', gap: 8 }}>             {results.top_use_cases?.map((uc, i) => (               <div key={i} style={{ background: wh, border: `1px solid ${border}`, borderradius: 10, padding: '16px 20px', display: 'flex', alignitems: 'flex-start', gap: 14, boxshadow: '0 1px 4px rgba(0,0,0,0.04)' }}>                 <div style={{ width: 28, height: borderradius: '50%', background: i 0 ? a : bg, color: wh body, border:> 0 ? `1.5px solid ${BORDER}` : 'none', display: 'flex', alignItems: 'center', justifyContent: 'center', fontSize: 13, fontWeight: 700, flexShrink: 0 }}>{i + 1}</div>                 <div style={{ flex: 1 }}>                   <div style={{ fontsize: 15, fontweight: 600, color: text, marginbottom: 3 }}>{uc.name}</div>                   <div style={{ fontsize: 13, color: body }}>{uc.constraint}</div>                   {uc.why && <div style={{ fontsize: 12, color: muted, margintop: 3, fontstyle: 'italic' }}>{uc.why}</div>}                 </div>                 <div style={{ fontsize: 11, fontweight: 600, padding: '3px 10px', borderradius: 999, background: as, color: a, flexshrink: 0 }}>{uc.advisory}</div>               </div>             ))}           </div>         </div>         <div style={{ display: 'grid', gridtemplatecolumns: '1fr 1fr', gap: 16, marginbottom: 16 }}>           <div style={{ background: wh, border: `1px solid ${border}`, borderradius: 12, padding: '20px 22px', boxshadow: '0 1px 4px rgba(0,0,0,0.04)' }}>             <h3 style={{ fontsize: 14, fontweight: 700, color: text, marginbottom: 14 }}>Questions to Consider</h3>             <div style={{ display: 'flex', flexdirection: 'column', gap: 9 }}>               {results.quick_wins?.map((w, i) => (                 <div key={i} style={{ display: 'flex', gap: 9, alignitems: 'flex-start' }}>                   <div style={{ width: 5, height: borderradius: '50%', background: a, margintop: 7, flexshrink: 0 }} />                   <div style={{ fontsize: 13, color: body, lineheight: 1.55 }}>{w}</div>                 </div>               ))}             </div>           </div>           <div style={{ background: wh, border: `1px solid ${border}`, borderradius: 12, padding: '20px 22px', boxshadow: '0 1px 4px rgba(0,0,0,0.04)' }}>             <h3 style={{ fontsize: 14, fontweight: 700, color: text, marginbottom: 14 }}>Readiness Scorecard</h3>             <div style={{ display: 'flex', flexdirection: 'column', gap: 10 }}>               {Object.entries(results.subscores || {}).map(([key, val]) => {                 const color = val >= 70 ? '#2E7D52' : val >= 45 ? '#B8740A' : '#C0392B';                 return (                   <div key={key}>                     <div style={{ display: 'flex', justifycontent: 'space-between', fontsize: 11, color: body, marginbottom: 3 }}>                       <span>{SUBSCORE_LABELS[key] || key}</span>                       <span style={{ fontweight: 700, color }}>{val}</span>                     </div>                     <div style={{ height: 5, borderradius: 999, background: border }}>                       <div style={{ height: '100%', width: `${val}%`, borderradius: 999, background: color }} />                     </div>                   </div>                 );               })}             </div>           </div>         </div>         <div style={{ background: dark, borderradius: 14, padding: '36px 40px', textalign: 'center' }}>           <div style={{ fontsize: 11, fontweight: 700, color: a, letterspacing: '0.1em', texttransform: 'uppercase', marginbottom: 10 }}>Recommended First Step</div>           <p style={{ fontsize: 17, color: wh, lineheight: 1.7, maxwidth: 580, margin: '0 auto 26px' }}>{results.recommended_first_step}</p>           <a href="https://calendar.app.google/YbUxRKwHEniixXLc9" target="_blank" rel="noopener noreferrer" style={{ display: 'inline-block', padding: '15px 36px', background: a, color: wh, textdecoration: 'none', borderradius: 6, fontsize: 16, fontweight: 600, letterspacing: '-0.2px' }}>             Book a Use Case Mapping Call           </a>           <p style={{ fontsize: 13, color: '#555', margintop: 16 }}>             The full Use Case Map Diagnostic has been sent to <strong style={{ color: '#888' }}>{formData.email}</strong>           </p>           <button onclick={() > setShowReport(true)} style={{ fontSize: 13, color: '#555', background: 'none', border: 'none', cursor: 'pointer', fontFamily: 'inherit', marginTop: 6, textDecoration: 'underline' }}>             Preview the full report below ↓           </button>         </div>       </div>       {showReport && (         <div style={{ position: 'fixed', inset: 0, background: 'rgba(0,0,0,0.65)', zindex: 200, display: 'flex', alignitems: 'flex-start', justifycontent: 'center', padding: '32px 16px', overflowy: 'auto' }} onclick={e > { if (e.target === e.currentTarget) setShowReport(false); }}>           <div classname="fade-up" style={{ background: wh, borderradius: 14, width: '100%', maxwidth: 740, marginbottom: 32 }}>             <div style={{ padding: '18px 24px', borderbottom: `1px solid ${border}`, display: 'flex', justifycontent: 'space-between', alignitems: 'center', position: 'sticky', top: 0, background: wh, borderradius: '14px 14px 0 0', zindex: 10 }}>               <div>                 <div style={{ fontsize: 10, fontweight: 700, color: a, letterspacing: '0.1em', texttransform: 'uppercase' }}>Full Report Preview</div>                 <div style={{ fontsize: 17, fontweight: 700, color: text }}>Use Case Map Diagnostic: {formData.company}</div>               </div>               <button onclick={() > setShowReport(false)} style={{ width: 32, height: 32, borderRadius: '50%', background: BG, border: `1px solid ${BORDER}`, fontSize: 18, cursor: 'pointer', display: 'flex', alignItems: 'center', justifyContent: 'center', fontFamily: 'inherit', color: BODY, lineHeight: 1 }}>×</button>             </div>             <div style={{ padding: '24px 48px' }}>               <fullreport results={results} formdata={formData} />             </div>             <div style={{ padding: '20px 24px', bordertop: `1px solid ${border}`, display: 'flex', justifycontent: 'center' }}>               <a href="https://calendar.app.google/YbUxRKwHEniixXLc9" target="_blank" rel="noopener noreferrer" style={{ display: 'inline-block', padding: '13px 30px', background: a, color: wh, textdecoration: 'none', borderradius: 6, fontsize: 15, fontweight: 600 }}>                 Book a Use Case Mapping Call →               </a>             </div>           </div>         </div>       )}     </div>   ); }   // ── Landing page ──────────────────────────────────────────────────────── function Landing({ onStart }) {   const reviewCards = [     ['Business priorities', 'Your selected pains, goals, and the outcomes that matter most right now.'],     ['Capabilities', 'What you offer: commercial print, direct mail, packaging, fulfillment, and more.'],     ['Target buyers', 'Who you are trying to win: procurement, marketing leaders, brand teams, agencies.'],     ['Public messaging', 'How your homepage, services pages, and navigation speak to buyers.'],     ['Proof and case studies', 'Whether your evidence gives buyers a reason to consider and choose you.'],     ['Demand capture paths', 'Whether your site converts interest into conversations.'],     ['Workflow friction signals', 'What your intake, estimating, and handoff paths reveal about internal friction.'],   ];   const getCards = [     ['Use Case Readiness Score', 'Scored against your actual public presence and stated business priorities.'],     ['Your primary constraint', 'The single growth or workflow issue costing you the most right now.'],     ['Top 3 AI use cases', 'Ranked by fit and impact against your specific business constraints.'],     ['First workflow pilot', 'The recommended AI use case you could start in 30 days.'],     ['Full diagnostic report', 'The complete Use Case Map Diagnostic, sent to your inbox.'],     ['Use Case Mapping Call', 'An optional conversation to validate the highest-value move.'],   ];   const featureCards = [     ['Lead Generation', 'Map AI to qualify, route, and convert more inquiries so your team spends its time on buyers, not busywork.'],     ['Strategic Buyer Relevance', 'Move beyond commodity conversations with marketing and brand buyers.'],     ['Sales Follow-Up', 'Build consistent follow-up workflows that do not depend on a single strong seller.'],     ['Estimating & Intake', 'Reduce friction in job entry, scoping, and quote-to-order flow.'],     ['Account Expansion', 'Identify upsell and growth triggers before accounts go quiet or go elsewhere.'],     ['AI Starting Point', 'Not sure where to start? We map your real constraints to the right first use case.'],   ];   return (     <div>       <nav style={{ position: 'sticky', top: 0, zindex: 100, background: dark, borderbottom: '1px solid #1e1e1a', padding: '0 32px' }}>         <div style={{ maxwidth: 1080, margin: '0 auto', height: 58, display: 'flex', alignitems: 'center', gap: 16 }}>           <div style={{ fontsize: 18, fontweight: 700, color: a, letterspacing: '-0.4px' }}><img decoding="async" src="https://mindfireinc.com/wp-content/uploads/2023/01/logo-768x172.png" alt="MindFire" style={{height: '32px', width: 'auto', display: 'block'}} /></div>           <div style={{ flex: 1 }} />           <btn label="Run My Use Case Diagnostic" onclick={onStart} size="sm" />         </div>       </nav>       <section style={{ background: dark, padding: '108px 32px 96px', position: 'relative', overflow: 'hidden' }}>         <div style={{ position: 'absolute', top: -80, right: width: 560, height: borderradius: '50%', background: 'radial-gradient(circle, rgba(232,98,42,0.10) 0%, transparent 68%)', pointerevents: 'none' }} />         <div style={{ position: 'absolute', bottom: -60, left: width: 400, height: borderradius: '50%', background: 'radial-gradient(circle, rgba(232,98,42,0.06) 0%, transparent 70%)', pointerevents: 'none' }} />         <div style={{ maxwidth: 860, margin: '0 auto', textalign: 'center', position: 'relative' }}>           <div style={{ display: 'inline-flex', alignitems: 'center', gap: 7, padding: '5px 15px', borderradius: 999, border: '1px solid rgba(232,98,42,0.4)', color: a, fontsize: 12, fontweight: 600, letterspacing: '0.08em', marginbottom: 28, texttransform: 'uppercase' }}>             <span style={{ width: 6, height: borderradius: '50%', background: a, display: 'inline-block' }} />             Use Case Map Diagnostic           </div>           <h1 style={{ fontsize: 52, fontweight: 700, color: wh, lineheight: 1.09, letterspacing: '-1.8px', marginbottom: 22 }}>             You already know AI matters.<br />The hard part is knowing where to start.           </h1>           <p style={{ fontsize: 19, color: '#8a8a86', lineheight: 1.68, maxwidth: 660, margin: '0 auto 40px' }}>             Most print companies are drowning in AI ideas and starving for a clear first move. In a few minutes, this diagnostic maps your real growth, sales, marketing, and workflow pains to the use cases worth solving first.           </p>           <btn label="Run My Use Case Diagnostic" onclick={onStart} size="lg" />           <p style={{ fontsize: 13, color: '#4a4a46', margintop: 16, lineheight: 1.6 }}>             Built for print owners and leaders by an operator who has run revenue inside this industry.<br />Takes about 3 minutes. Full report sent to your inbox.           </p>         </div>       </section>       <section style={{ background: bg, padding: '88px 32px' }}>         <div style={{ maxwidth: 1000, margin: '0 auto' }}>           <div style={{ maxwidth: 680, marginbottom: 52 }}>             <h2 style={{ fontsize: 34, fontweight: 700, color: text, marginbottom: 14, letterspacing: '-0.6px', lineheight: 1.2 }}>Built for leaders who are unsure where to start.</h2>             <p style={{ fontsize: 16, color: body, lineheight: 1.7 }}>Whether you need more qualified leads, better sales follow-up, stronger messaging, faster estimating, cleaner job intake, or more account expansion, the diagnostic helps guide which use cases you should consider.</p>           </div>           <div style={{ display: 'grid', gridtemplatecolumns: 'repeat(3, 1fr)', gap: 16 }}>             {featureCards.map(([title, desc], i) =>               <div key={i} style={{ background: wh, border: `1px solid ${border}`, borderradius: 12, padding: '22px 24px', boxshadow: '0 2px 8px rgba(0,0,0,0.04)' }}>                 <div style={{ width: 34, height: borderradius: 9, background: al, marginbottom: 14, display: 'flex', alignitems: 'center', justifycontent: 'center' }}>                   <div style={{ width: 12, height: borderradius: 3, background: a }} />                 </div>                 <div style={{ fontsize: 15, fontweight: 600, color: text, marginbottom: 7 }}>{title}</div>                 <div style={{ fontsize: 13, color: body, lineheight: 1.6 }}>{desc}</div>               </div>             )}           </div>         </div>       </section>       <section style={{ background: wh, padding: '88px 32px' }}>         <div style={{ maxwidth: 1000, margin: '0 auto' }}>           <div style={{ maxwidth: 640, marginbottom: 52 }}>             <h2 style={{ fontsize: 34, fontweight: 700, color: text, marginbottom: 14, letterspacing: '-0.6px', lineheight: 1.2 }}>What the diagnostic reviews.</h2>             <p style={{ fontsize: 16, color: body, lineheight: 1.7 }}>The diagnostic reviews your selected business priorities, capabilities, target buyers, and public website to map likely AI use cases worth exploring.</p>           </div>           <div style={{ display: 'grid', gridtemplatecolumns: 'repeat(4, 1fr)', gap: 14 }}>             {reviewCards.map(([title, desc], i) =>               <div key={i} style={{ background: bg, border: `1px solid ${border}`, borderradius: 10, padding: '18px 20px' }}>                 <div style={{ fontsize: 24, fontweight: 700, color: border, letterspacing: '-1px', lineheight: 1, marginbottom: 10 }}>                   {String(i + 1).padStart(2, '0')}                 </div>                 <div style={{ fontsize: 14, fontweight: 600, color: text, marginbottom: 6 }}>{title}</div>                 <div style={{ fontsize: 12, color: body, lineheight: 1.6 }}>{desc}</div>               </div>             )}           </div>         </div>       </section>       <section style={{ background: bg, padding: '88px 32px' }}>         <div style={{ maxwidth: 1000, margin: '0 auto' }}>           <div style={{ maxwidth: 560, marginbottom: 52 }}>             <h2 style={{ fontsize: 34, fontweight: 700, color: text, marginbottom: 14, letterspacing: '-0.6px', lineheight: 1.2 }}>What you get.</h2>             <p style={{ fontsize: 16, color: body, lineheight: 1.7 }}>A prioritized, evidence-based map of AI use cases tied to your specific constraints, on screen immediately, with the full report sent to your inbox.</p>           </div>           <div style={{ display: 'grid', gridtemplatecolumns: 'repeat(3, 1fr)', gap: 16 }}>             {getCards.map(([title, desc], i) =>               <div key={i} style={{ background: wh, border: `1px solid ${border}`, borderradius: 12, padding: '22px 24px', boxshadow: '0 2px 8px rgba(0,0,0,0.04)', display: 'flex', gap: 14, alignitems: 'flex-start' }}>                 <div style={{ width: 28, height: borderradius: '50%', background: i === 0 ? a : al, color: wh a, fontsize: 13, fontweight: 700, display: 'flex', alignitems: 'center', justifycontent: flexshrink: }}>{i + 1}</div>                 <div>                   <div style={{ fontsize: 14, fontweight: 600, color: text, marginbottom: 5 }}>{title}</div>                   <div style={{ fontsize: 13, color: body, lineheight: 1.6 }}>{desc}</div>                 </div>               </div>             )}           </div>         </div>       </section>       <section style={{ background: wh, padding: '72px 32px' }}>         <div style={{ maxwidth: 1000, margin: '0 auto' }}>           <h2 style={{ fontsize: 26, fontweight: 700, color: text, marginbottom: 10, letterspacing: '-0.4px' }}>Built for print company leaders.</h2>           <p style={{ fontsize: 15, color: body, lineheight: 1.7, marginbottom: 28, maxwidth: 540 }}>The diagnostic is designed for decision-makers responsible for growth, sales, marketing, and operations who are unsure where AI fits first.</p>           <div style={{ display: 'flex', flexwrap: 'wrap', gap: 10 }}>             {['Owner', 'CEO', 'President', 'Sales Leader', 'Marketing Leader', 'Operations Leader', 'General Manager'].map((r, i) =>               <div key={i} style={{ padding: '8px 18px', borderradius: 999, background: bg, border: `1px solid ${border}`, fontsize: 14, fontweight: 500, color: body }}>{r}</div>             )}           </div>         </div>       </section>       <section style={{ background: dark, padding: '88px 32px', textalign: 'center' }}>         <div style={{ maxwidth: 580, margin: '0 auto' }}>           <h2 style={{ fontsize: 36, fontweight: 700, color: wh, marginbottom: 14, letterspacing: '-0.8px', lineheight: 1.15 }}>Know AI matters.<br />Not sure where to start.</h2>           <p style={{ fontsize: 16, color: '#767672', marginbottom: 36, lineheight: 1.7 }}>The diagnostic maps your real business constraints to the use cases worth solving first.</p>           <btn label="Run My Use Case Diagnostic" onclick={onStart} size="lg" />           <p style={{ fontsize: 13, color: '#4a4a46', margintop: 16 }}>Takes about 3 minutes. Full report sent to your inbox.</p>         </div>       </section>       <section style={{ background: '#0e0e0c', padding: '28px 32px', bordertop: '1px solid #1a1a16' }}>         <div style={{ maxwidth: 760, margin: '0 auto', textalign: 'center' }}>           <p style={{ fontsize: 12, color: '#3a3a36', lineheight: 1.8 }}>             This diagnostic is based on user-provided inputs and publicly accessible information. It is designed to identify likely growth and workflow constraints, not guarantee business outcomes. © 2026 MindFire, Inc.           </p>         </div>       </section>     </div>   ); }   // ── App root ──────────────────────────────────────────────────────────── const INIT = {   pains: [], openPain: '', revenueBand: '', crmStatus: '', capabilities: [], buyers: [],   goals: [], goalDetail: '', websiteUrl: '',   name: '', email: '', company: '', role: '', consent: false };  function App() {   const { useState } = React;   const [screen, setScreen] = useState('form');   const [step, setStep] = useState(1);   const [form, setForm] = useState(INIT);   const [results, setResults] = useState(null);   const update = (patch) => setForm((f) => ({ ...f, ...patch }));   const goNext = () => setStep((s) => s + 1);   const goBack = () => { if (step === 1) setScreen('landing'); else setStep((s) => s - 1); };   const restart = () => { setForm(INIT); setStep(1); setResults(null); setScreen('landing'); window.scrollTo(0, 0); };   if (screen === 'landing') return <landing onstart={() > { setScreen('form'); setStep(1); window.scrollTo(0, 0); }} />;   if (screen === 'processing') return <processing formdata={form} ondone={(r) > { setResults(r); setScreen('results'); window.scrollTo(0, 0); }} />;   if (screen === 'results') return <results results={results} formdata={form} onrestart={restart} />;   const shared = { data: form, update, onNext: goNext, onBack: goBack };   return (     <div>       {step === 1 && <step1 {...shared} />}       {step === 2 && <step2 {...shared} />}       {step === 3 && <stepcrm {...shared} />}       {step === 4 && <step3 {...shared} />}       {step === 5 && <step4 {...shared} />}       {step === 6 && <step5 {...shared} />}       {step === 7 && <step6 {...shared} />}       {step === 8 && <step7 {...shared} onsubmit={() > setScreen('processing')} loading={false} />}     </div>   ); }  ReactDOM.createRoot(document.getElementById('root')).render(<app />);				</div> 				</div> 					</div> 				</div> 				</div>
		
			</div>

</main>

<footer data-elementor-type="footer" data-elementor-id="10795" class="elementor elementor-10795 elementor-location-footer" data-elementor-post-type="elementor_library">
			<div class="elementor-element elementor-element-29e6699 e-con-full e-flex e-con e-parent" data-id="29e6699" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-817f5bc elementor-widget__width-full elementor-widget elementor-widget-html" data-id="817f5bc" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
  .mf-footer { font-family: 'Inter', 'Segoe UI', sans-serif; background: #0a1628; color: #fff; }
  .mf-footer a { color: inherit; text-decoration: none; transition: color 0.3s; }
  .mf-footer a:hover { color: #f97316; }

.mf-footer-main { max-width: 1200px; margin: 0 auto; padding: 60px 40px 40px; display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 60px; }

.mf-footer-brand img { height: 40px; margin-bottom: 20px; }
  .mf-footer-brand p { font-size: 15px; line-height: 1.7; color: #94a3b8; max-width: 340px; }

.mf-footer-nav h4,
  .mf-footer-contact h4 { font-size: 14px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: #f97316; margin-bottom: 20px; }

.mf-footer-nav ul { list-style: none; padding: 0; margin: 0; }
  .mf-footer-nav ul li { margin-bottom: 12px; }
  .mf-footer-nav ul li a { font-size: 15px; color: #cbd5e1; }
  .mf-footer-nav ul li a:hover { color: #f97316; }

.mf-footer-contact-item { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; font-size: 15px; color: #cbd5e1; line-height: 1.4; }
  .mf-footer-contact-item svg { flex-shrink: 0; width: 20px !important; height: 20px !important; min-width: 20px !important; max-width: 20px !important; min-height: 20px !important; max-height: 20px !important; margin: 0 !important; padding: 0 !important; color: #f97316; display: block; }
  .mf-footer-contact-item a, .mf-footer-contact-item span { text-align: left !important; margin-left: 0 !important; margin-right: 0 !important; }

.mf-footer-social { display: flex; gap: 14px; margin-top: 24px; justify-content: flex-start !important; }
  .mf-footer-social a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: rgba(249,115,22,0.15); color: #f97316; transition: all 0.3s; margin-left: 0 !important; margin-right: 0 !important; }
  .mf-footer-social a:hover { background: #f97316; color: #fff; }
  .mf-footer-social a svg { width: 18px; height: 18px; }

.mf-footer-bottom { max-width: 1200px; margin: 0 auto; padding: 24px 40px; border-top: 1px solid rgba(255,255,255,0.08); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; }
  .mf-footer-copy { font-size: 13px; color: #64748b; }
  .mf-footer-legal { display: flex; gap: 24px; flex-wrap: wrap; }
  .mf-footer-legal a { font-size: 13px; color: #64748b; }
  .mf-footer-legal a:hover { color: #f97316; }

@media (max-width: 768px) {
    .mf-footer-main { grid-template-columns: 1fr; gap: 40px; padding: 40px 20px 30px; text-align: left !important; }
    .mf-footer-brand { text-align: left !important; width: 100% !important; }
    .mf-footer-brand p { text-align: left !important; }
    .mf-footer-nav { text-align: left !important; width: 100% !important; }
    .mf-footer-nav h4 { text-align: left !important; }
    .mf-footer-nav ul { text-align: left !important; }
    .mf-footer-nav ul li { text-align: left !important; }
    .mf-footer-contact { text-align: left !important; width: 100% !important; }
    .mf-footer-contact h4 { text-align: left !important; }
    .mf-footer-contact-item { justify-content: flex-start !important; text-align: left !important; width: 100% !important; }
    .mf-footer-social { justify-content: flex-start !important; width: 100% !important; }
    .mf-footer-bottom { padding: 20px; flex-direction: column; text-align: center; }
    .mf-footer-legal { justify-content: center; }
    .mf-footer-contact-item a, .mf-footer-contact-item span { margin-left: 0 !important; margin-right: auto !important; }
    .mf-footer-social a { margin-left: 0 !important; margin-right: 0 !important; }
  }
</style><div class="mf-footer">
  <div class="mf-footer-main">

<div class="mf-footer-brand">
      <img src="https://mindfireinc.com/wp-content/uploads/2023/01/logo-768x172.png" alt="MindFire">
      <p>MindFire is the white-label attribution platform behind America’s leading mailers — connecting every mail piece to measurable revenue across every channel.</p>
    </div>

<div class="mf-footer-nav">
      <h4>Quick Navigation</h4>
      <ul>
        <li><a href="/platform/">Platform</a></li>
        <li><a href="/dm-ai/">Make Your Mail Talk</a></li>
        <li><a href="/partnership/">How We Work With You</a></li>
        <li><a href="/case-studies/">Case Studies</a></li>
            <li><a href="/attribution/">Attribution & ROI</a></li>
            <li><a href="/pricing/">Pricing</a></li>
        <li><a href="/savings/">Savings & Incentives</a></li>
        <li><a href="/contact/">Contact</a></li>
        <li><a href="/careers/">Careers</a></li>
      </ul>
    </div>

<div class="mf-footer-contact">
      <h4>Get In Touch</h4>
      <div class="mf-footer-contact-item">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75"/></svg>
        <a href="mailto:support@mindfireinc.com">support@mindfireinc.com</a>
      </div>
      <div class="mf-footer-contact-item">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 002.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 01-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 00-1.091-.852H4.5A2.25 2.25 0 002.25 4.5v2.25z"/></svg>
        <a href="tel:+18775603473">(877) 560-3473</a>
      </div>
      <div class="mf-footer-contact-item">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 11-6 0 3 3 0 016 0z"/><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1115 0z"/></svg>
        <span>Irvine, CA</span>
      </div>
      <div class="mf-footer-social">
        <a href="https://www.youtube.com/@DavidRosendahl78" target="_blank" aria-label="YouTube">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24"><path d="M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg>
        </a>
        <a href="https://www.linkedin.com/company/mindfireinc/" target="_blank" aria-label="LinkedIn">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
        </a>
      </div>
    </div>

</div>

<div class="mf-footer-bottom">
    <div class="mf-footer-copy">© 2026 MindFire, Inc ®. All Rights Reserved.</div>
    <div class="mf-footer-legal">
      <a href="/privacy/">Privacy Policy</a>
      <a href="/terms/">Master Subscription Agreement</a>
      <a href="/trust/">Trust & Security</a>
    </div>
  </div>
</div>				</div>
				</div>
				</div>
				</footer>
		

<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/hello-elementor/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<meta id="bilmur" property="bilmur:data" content="" data-customproperties="{"woo_active":"1","logged_in":"0","wptheme":"hello-elementor","wptheme_is_block":"0"}" data-provider="wordpress.com" data-service="atomic"  data-site-tz="America/Los_Angeles"  >
<script defer src="https://s0.wp.com/wp-content/js/bilmur.min.js?m=202631"></script>
				<script type="text/javascript">
				(function() {
					// Global page view and session tracking for UAEL Modal Popup feature
					try {
						// Session tracking: increment if this is a new session
						
						// Check if any popup on this page uses current page tracking
						var hasCurrentPageTracking = false;
						var currentPagePopups = [];
						// Check all modal popups on this page for current page tracking
						if (typeof jQuery !== 'undefined') {
							jQuery('.uael-modal-parent-wrapper').each(function() {
								var scope = jQuery(this).data('page-views-scope');
								var enabled = jQuery(this).data('page-views-enabled');
								var popupId = jQuery(this).attr('id').replace('-overlay', '');	
								if (enabled === 'yes' && scope === 'current') {
									hasCurrentPageTracking = true;
									currentPagePopups.push(popupId);
								}
							});
						}
						// Global tracking: ALWAYS increment if ANY popup on the site uses global tracking
												// Current page tracking: increment per-page counters
						if (hasCurrentPageTracking && currentPagePopups.length > 0) {
							var currentUrl = window.location.href;
							var urlKey = 'uael_page_views_' + btoa(currentUrl).replace(/[^a-zA-Z0-9]/g, '').substring(0, 50);
							var currentPageViews = parseInt(localStorage.getItem(urlKey) || '0');
							currentPageViews++;
							localStorage.setItem(urlKey, currentPageViews.toString());
							// Store URL mapping for each popup
							for (var i = 0; i < currentPagePopups.length; i++) {
								var popupUrlKey = 'uael_popup_' + currentPagePopups[i] + '_url_key';
								localStorage.setItem(popupUrlKey, urlKey);
							}
						}
					} catch (e) {
						// Silently fail if localStorage is not available
					}
				})();
				</script>
				<div id="wpconsent-root" data-nosnippet="true" style="--wpconsent-z-index: 900000; --wpconsent-background: #04194e; --wpconsent-text: #ffffff; --wpconsent-outline-color: rgba(255, 255, 255, 0.2); --wpconsent-accept-bg: #ff6633; --wpconsent-cancel-bg: #ff6633; --wpconsent-preferences-bg: #ff6633; --wpconsent-accept-color: #ffffff; --wpconsent-cancel-color: #ffffff; --wpconsent-preferences-color: #ffffff; --wpconsent-font-size: 16px;"><div id="wpconsent-container" style="display: none;"></div><template id="wpconsent-template"><div class="wpconsent-banner-holder wpconsent-banner-floating wpconsent-banner-floating-left-bottom" id="wpconsent-banner-holder" tabindex="-1" role="dialog" aria-labelledby="wpconsent-banner-title"><div class="wpconsent-banner" part="wpconsent-banner"><div class="wpconsent-banner-body" part="wpconsent-banner-body"><h2 id="wpconsent-banner-title" class="screen-reader-text">Cookie Consent</h2><div class="wpconsent-banner-message" tabindex="0"><p>We use cookies to enhance site functionality and personalize your experience. Click "Accept" to allow all, "Reject" to decline non-essential, or "Preferences" to manage your choices.</p>
</div></div><div class="wpconsent-banner-footer wpconsent-button-size-small wpconsent-button-corner-slightly-rounded wpconsent-button-type-filled" part="wpconsent-banner-footer"><button type="button" id="wpconsent-preferences-all" class="wpconsent-preferences-cookies wpconsent-banner-button wpconsent-preferences-all" part="wpconsent-button-preferences">Preferences</button><button type="button" id="wpconsent-cancel-all" class="wpconsent-cancel-cookies wpconsent-banner-button wpconsent-cancel-all" part="wpconsent-button-cancel">Reject</button><button type="button" id="wpconsent-accept-all" class="wpconsent-accept-cookies wpconsent-banner-button wpconsent-accept-all" part="wpconsent-button-accept">Accept All</button></div></div></div><div id="wpconsent-preferences-modal" class="wpconsent-preferences-modal" style="display:none;" tabindex="-1" role="dialog" aria-modal="true" aria-labelledby="wpconsent-preferences-title" part="wpconsent-preferences-modal"><div class="wpconsent-preferences-content" part="wpconsent-preferences-content"><div class="wpconsent-preferences-header" part="wpconsent-preferences-header"><h2 id="wpconsent-preferences-title" tabindex="0" part="wpconsent-preferences-title">Cookie Preferences</h2><div class="wpconsent-preferences-header-right"><button class="wpconsent-preferences-header-close" id="wpconsent-preferences-close" aria-label="Close" part="wpconsent-preferences-close">×</button></div></div><div class="wpconsent-preferences-body"><div class="wpconsent_preferences_panel_description" part="wpconsent-preferences-description"><p>Manage your cookie preferences below:</p>
</div><div class="wpconsent-preference-cookies wpconsent-preferences-accordion" part="wpconsent-preferences-accordion"><div class="wpconsent-preferences-accordion-item wpconsent-cookie-category wpconsent-cookie-category-essential" part="wpconsent-accordion-item wpconsent-category-essential"><div class="wpconsent-preferences-accordion-header" part="wpconsent-accordion-header"><div class="wpconsent-cookie-category-text"><button class="wpconsent-preferences-accordion-toggle" aria-expanded="false" part="wpconsent-accordion-toggle"><span class="wpconsent-preferences-accordion-arrow" aria-hidden="true"></span><span class="screen-reader-text">Toggle Essential</span></button><label for="cookie-category-essential">Essential</label></div><div class="wpconsent-cookie-category-checkbox"><label class="wpconsent-preferences-checkbox-toggle wpconsent-preferences-checkbox-toggle-disabled" part="wpconsent-checkbox-toggle wpconsent-checkbox-toggle-disabled"><input type="checkbox" id="cookie-category-essential" checked disabled><span class="wpconsent-preferences-checkbox-toggle-slider"></span></label></div></div><div class="wpconsent-preferences-accordion-content" part="wpconsent-accordion-content"><p class="wpconsent-category-description" tabindex="0">Essential cookies enable basic functions and are necessary for the proper function of the website.</p><div class="wpconsent-preferences-cookies-list" part="wpconsent-cookies-list"><div class="wpconsent-preferences-list-header" part="wpconsent-cookies-list-header"><div class="cookie-name">Name</div><div class="cookie-desc">Description</div><div class="cookie-duration">Duration</div></div><div class="wpconsent-preferences-list-item" data-cookie-id="17973" part="wpconsent-cookies-list-item"><div class="cookie-name">Cookie Preferences</div><div class="cookie-desc">This cookie is used to store the user's cookie consent preferences.</div><div class="cookie-duration">30 days</div></div></div><div class="wpconsent-preferences-accordion-item wpconsent-cookie-service" part="wpconsent-accordion-item wpconsent-service-comments"><div class="wpconsent-preferences-accordion-header" part="wpconsent-accordion-header"><div class="wpconsent-cookie-category-text"><button class="wpconsent-preferences-accordion-toggle" aria-expanded="false" part="wpconsent-accordion-toggle"><span class="wpconsent-preferences-accordion-arrow" aria-hidden="true"></span><span class="screen-reader-text">Toggle Comments</span></button><label>Comments</label></div><div class="wpconsent-cookie-category-checkbox"></div></div><div class="wpconsent-preferences-accordion-content" part="wpconsent-accordion-content"><p class="wpconsent-service-description" tabindex="0">These cookies are needed for adding comments on this website.</p><div class="wpconsent-preferences-cookies-list" part="wpconsent-cookies-list"><div class="wpconsent-preferences-list-header" part="wpconsent-cookies-list-header"><div class="cookie-name">Name</div><div class="cookie-desc">Description</div><div class="cookie-duration">Duration</div></div><div class="wpconsent-preferences-list-item" data-cookie-id="17976" part="wpconsent-cookies-list-item"><div class="cookie-name">comment_author_url</div><div class="cookie-desc">Used to track the user across multiple sessions.</div><div class="cookie-duration">Session</div></div><div class="wpconsent-preferences-list-item" data-cookie-id="17975" part="wpconsent-cookies-list-item"><div class="cookie-name">comment_author_email</div><div class="cookie-desc">Used to track the user across multiple sessions.</div><div class="cookie-duration">Session</div></div><div class="wpconsent-preferences-list-item" data-cookie-id="17974" part="wpconsent-cookies-list-item"><div class="cookie-name">comment_author</div><div class="cookie-desc">Used to track the user across multiple sessions.</div><div class="cookie-duration">Session</div></div></div></div></div><div class="wpconsent-preferences-accordion-item wpconsent-cookie-service" part="wpconsent-accordion-item wpconsent-service-google-recaptcha"><div class="wpconsent-preferences-accordion-header" part="wpconsent-accordion-header"><div class="wpconsent-cookie-category-text"><button class="wpconsent-preferences-accordion-toggle" aria-expanded="false" part="wpconsent-accordion-toggle"><span class="wpconsent-preferences-accordion-arrow" aria-hidden="true"></span><span class="screen-reader-text">Toggle Google reCAPTCHA</span></button><label>Google reCAPTCHA</label></div><div class="wpconsent-cookie-category-checkbox"></div></div><div class="wpconsent-preferences-accordion-content" part="wpconsent-accordion-content"><p class="wpconsent-service-description" tabindex="0">Google reCAPTCHA helps protect websites from spam and abuse by verifying user interactions through challenges.</p><div class="wpconsent-preferences-cookies-list" part="wpconsent-cookies-list"><div class="wpconsent-preferences-list-header" part="wpconsent-cookies-list-header"><div class="cookie-name">Name</div><div class="cookie-desc">Description</div><div class="cookie-duration">Duration</div></div><div class="wpconsent-preferences-list-item" data-cookie-id="17986" part="wpconsent-cookies-list-item"><div class="cookie-name">_GRECAPTCHA</div><div class="cookie-desc">Google reCAPTCHA sets a necessary cookie (_GRECAPTCHA) when executed for the purpose of providing its risk analysis.</div><div class="cookie-duration">179 days</div></div></div></div></div><div class="wpconsent-preferences-accordion-item wpconsent-cookie-service" part="wpconsent-accordion-item wpconsent-service-google-tag-manager"><div class="wpconsent-preferences-accordion-header" part="wpconsent-accordion-header"><div class="wpconsent-cookie-category-text"><button class="wpconsent-preferences-accordion-toggle" aria-expanded="false" part="wpconsent-accordion-toggle"><span class="wpconsent-preferences-accordion-arrow" aria-hidden="true"></span><span class="screen-reader-text">Toggle Google Tag Manager</span></button><label>Google Tag Manager</label></div><div class="wpconsent-cookie-category-checkbox"></div></div><div class="wpconsent-preferences-accordion-content" part="wpconsent-accordion-content"><p class="wpconsent-service-description" tabindex="0">Google Tag Manager simplifies the management of marketing tags on your website without code changes.</p><div class="wpconsent-preferences-cookies-list" part="wpconsent-cookies-list"><div class="wpconsent-preferences-list-header" part="wpconsent-cookies-list-header"><div class="cookie-name">Name</div><div class="cookie-desc">Description</div><div class="cookie-duration">Duration</div></div><div class="wpconsent-preferences-list-item" data-cookie-id="17977" part="wpconsent-cookies-list-item"><div class="cookie-name">cookiePreferences</div><div class="cookie-desc">Registers cookie preferences of a user</div><div class="cookie-duration">2 years</div></div><div class="wpconsent-preferences-list-item" data-cookie-id="17978" part="wpconsent-cookies-list-item"><div class="cookie-name">td</div><div class="cookie-desc">Registers statistical data on users' behaviour on the website. Used for internal analytics by the website operator.</div><div class="cookie-duration">session</div></div></div></div></div></div></div><div class="wpconsent-preferences-accordion-item wpconsent-cookie-category wpconsent-cookie-category-marketing" part="wpconsent-accordion-item wpconsent-category-marketing"><div class="wpconsent-preferences-accordion-header" part="wpconsent-accordion-header"><div class="wpconsent-cookie-category-text"><button class="wpconsent-preferences-accordion-toggle" aria-expanded="false" part="wpconsent-accordion-toggle"><span class="wpconsent-preferences-accordion-arrow" aria-hidden="true"></span><span class="screen-reader-text">Toggle Marketing</span></button><label for="cookie-category-marketing">Marketing</label></div><div class="wpconsent-cookie-category-checkbox"><label class="wpconsent-preferences-checkbox-toggle" part="wpconsent-checkbox-toggle"><input type="checkbox" id="cookie-category-marketing" name="wpconsent_cookie[]" value="marketing" ><span class="wpconsent-preferences-checkbox-toggle-slider"></span></label></div></div><div class="wpconsent-preferences-accordion-content" part="wpconsent-accordion-content"><p class="wpconsent-category-description" tabindex="0">Marketing cookies are used to follow visitors to websites. The intention is to show ads that are relevant and engaging to the individual user.</p><div class="wpconsent-preferences-accordion-item wpconsent-cookie-service" part="wpconsent-accordion-item wpconsent-service-youtube"><div class="wpconsent-preferences-accordion-header" part="wpconsent-accordion-header"><div class="wpconsent-cookie-category-text"><button class="wpconsent-preferences-accordion-toggle" aria-expanded="false" part="wpconsent-accordion-toggle"><span class="wpconsent-preferences-accordion-arrow" aria-hidden="true"></span><span class="screen-reader-text">Toggle Youtube</span></button><label>Youtube</label></div><div class="wpconsent-cookie-category-checkbox"></div></div><div class="wpconsent-preferences-accordion-content" part="wpconsent-accordion-content"><p class="wpconsent-service-description" tabindex="0">A video-sharing platform for users to upload, view, and share videos across various genres and topics.</p><p tabindex="0" class="wpconsent-service-url">Service URL: <a href="https://www.youtube.com/howyoutubeworks/our-commitments/protecting-user-data/" target="_blank" rel="noopener noreferrer">www.youtube.com<span class="screen-reader-text"> (opens in a new window)</span></a></p><div class="wpconsent-preferences-cookies-list" part="wpconsent-cookies-list"><div class="wpconsent-preferences-list-header" part="wpconsent-cookies-list-header"><div class="cookie-name">Name</div><div class="cookie-desc">Description</div><div class="cookie-duration">Duration</div></div><div class="wpconsent-preferences-list-item" data-cookie-id="17985" part="wpconsent-cookies-list-item"><div class="cookie-name">VISITOR_PRIVACY_METADATA</div><div class="cookie-desc">Youtube visitor privacy metadata cookie</div><div class="cookie-duration">180 days</div></div><div class="wpconsent-preferences-list-item" data-cookie-id="17979" part="wpconsent-cookies-list-item"><div class="cookie-name">GPS</div><div class="cookie-desc">Registers a unique ID on mobile devices to enable tracking based on geographical GPS location.</div><div class="cookie-duration">1 day</div></div><div class="wpconsent-preferences-list-item" data-cookie-id="17980" part="wpconsent-cookies-list-item"><div class="cookie-name">VISITOR_INFO1_LIVE</div><div class="cookie-desc">Tries to estimate the users' bandwidth on pages with integrated YouTube videos. Also used for marketing</div><div class="cookie-duration">179 days</div></div><div class="wpconsent-preferences-list-item" data-cookie-id="17981" part="wpconsent-cookies-list-item"><div class="cookie-name">PREF</div><div class="cookie-desc">This cookie stores your preferences and other information, in particular preferred language, how many search results you wish to be shown on your page, and whether or not you wish to have Google’s SafeSearch filter turned on.</div><div class="cookie-duration">10 years from set/ update</div></div><div class="wpconsent-preferences-list-item" data-cookie-id="17982" part="wpconsent-cookies-list-item"><div class="cookie-name">YSC</div><div class="cookie-desc">Registers a unique ID to keep statistics of what videos from YouTube the user has seen.</div><div class="cookie-duration">Session</div></div><div class="wpconsent-preferences-list-item" data-cookie-id="17983" part="wpconsent-cookies-list-item"><div class="cookie-name">DEVICE_INFO</div><div class="cookie-desc">Used to detect if the visitor has accepted the marketing category in the cookie banner. This cookie is necessary for GDPR-compliance of the website.</div><div class="cookie-duration">179 days</div></div><div class="wpconsent-preferences-list-item" data-cookie-id="17984" part="wpconsent-cookies-list-item"><div class="cookie-name">LOGIN_INFO</div><div class="cookie-desc">This cookie is used to play YouTube videos embedded on the website.</div><div class="cookie-duration">2 years</div></div></div></div></div></div></div><div class="wpconsent-preferences-accordion-item wpconsent-cookie-category" part="wpconsent-accordion-item wpconsent-cookie-policy-item"><div class="wpconsent-preferences-accordion-header" part="wpconsent-accordion-header"><div class="wpconsent-cookie-category-text"><button class="wpconsent-preferences-accordion-toggle" aria-expanded="false" part="wpconsent-accordion-toggle"><span class="wpconsent-preferences-accordion-arrow" aria-hidden="true"></span><span class="screen-reader-text">Toggle Cookie Policy</span></button><label class="wpconsent-cookie-policy-title">Cookie Policy</label></div></div><div class="wpconsent-preferences-accordion-content" part="wpconsent-accordion-content"><p tabindex="0" class="wpconsent-cookie-policy-text">You can find more information in our <a href="https://mindfireinc.com/cookie-policy/">Cookie Policy</a> and <a href="https://mindfireinc.com/privacy/">Privacy Policy</a>.</p></div></div></div></div><div class="wpconsent-preferences-actions" part="wpconsent-preferences-actions"><div class="wpconsent-preferences-buttons wpconsent-button-size-small wpconsent-button-corner-slightly-rounded wpconsent-button-type-filled" part="wpconsent-preferences-buttons"><div class="wpconsent-preferences-buttons-left" part="wpconsent-preferences-buttons-left"><button class="wpconsent-accept-all wpconsent-banner-button" part="wpconsent-preferences-accept-button">Accept All</button><button class="wpconsent-close-preferences wpconsent-banner-button" part="wpconsent-preferences-cancel-button">Close</button></div><button class="wpconsent-save-preferences wpconsent-banner-button" part="wpconsent-preferences-save-button">Save and Close</button></div></div></div></div><button id="wpconsent-consent-floating" class="wpconsent-consent-floating-button" part="wpconsent-settings-button" style="background-color: #04194e; color: #ffffff;" aria-label="Cookie Preferences"><svg class="wpconsent-icon wpconsent-icon-preferences" width="24" height="24" viewbox="0 -960 960 960" xmlns="http://www.w3.org/2000/svg"><path d="m370-80-16-128q-13-5-24.5-12T307-235l-119 50L78-375l103-78q-1-7-1-13.5v-27q0-6.5 1-13.5L78-585l110-190 119 50q11-8 23-15t24-12l16-128h220l16 128q13 5 24.5 12t22.5 15l119-50 110 190-103 78q1 7 1 13.5v27q0 6.5-2 13.5l103 78-110 190-118-50q-11 8-23 15t-24 12L590-80H370Zm70-80h79l14-106q31-8 57.5-23.5T639-327l99 41 39-68-86-65q5-14 7-29.5t2-31.5q0-16-2-31.5t-7-29.5l86-65-39-68-99 42q-22-23-48.5-38.5T533-694l-13-106h-79l-14 106q-31 8-57.5 23.5T321-633l-99-41-39 68 86 64q-5 15-7 30t-2 32q0 16 2 31t7 30l-86 65 39 68 99-42q22 23 48.5 38.5T427-266l13 106Zm42-180q58 0 99-41t41-99q0-58-41-99t-99-41q-59 0-99.5 41T342-480q0 58 40.5 99t99.5 41Zm-2-140Z" fill="#ffffff" /></svg></button></template></div>		<div data-elementor-type="popup" data-elementor-id="11258" class="elementor elementor-11258 elementor-location-popup" data-elementor-settings="{"entrance_animation":"zoomIn","exit_animation":"fadeIn","entrance_animation_duration":{"unit":"px","size":400,"sizes":[]},"a11y_navigation":"yes","triggers":[],"timing":[]}" data-elementor-post-type="elementor_library">
					<section class="elementor-section elementor-top-section elementor-element elementor-element-46dd04c elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="46dd04c" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-no">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2df4cda" data-id="2df4cda" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-c0df714 elementor-widget elementor-widget-html" data-id="c0df714" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div style="position: relative; padding-bottom: 56.25%; height: 0;"><iframe src="https://www.loom.com/embed/9a568c2091734f4c8b56fd64a304ae67" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
					<script>
				( () => {
					const lazyloadRunObserver = () => {
						const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
						const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
							entries.forEach( ( entry ) => {
								if ( entry.isIntersecting ) {
									let lazyloadBackground = entry.target;
									if( lazyloadBackground ) {
										lazyloadBackground.classList.add( 'e-lazyloaded' );
									}
									lazyloadBackgroundObserver.unobserve( entry.target );
								}
							});
						}, { rootMargin: '200px 0px 200px 0px' } );
						lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
							lazyloadBackgroundObserver.observe( lazyloadBackground );
						} );
					};
					const events = [
						'DOMContentLoaded',
						'elementor/lazyload/observe',
					];
					events.forEach( ( event ) => {
						document.addEventListener( event, lazyloadRunObserver );
					} );
				} )();
			</script>
				<script>
		(function () {
			var c = document.body.className;
			c = c.replace(/woocommerce-no-js/, 'woocommerce-js');
			document.body.className = c;
		})();
	</script>
	<link rel='stylesheet' id='wc-stripe-blocks-checkout-style-css' href='https://mindfireinc.com/wp-content/plugins/woocommerce-gateway-stripe/build/upe-blocks.css?ver=47fa3695454c5c4f96b5' media='all' />
<link rel='stylesheet' id='wc-blocks-style-css' href='https://mindfireinc.com/wp-content/plugins/woocommerce/assets/client/blocks/wc-blocks.css?ver=wc-11.0.0-rc.1' media='all' />
<style id="global-styles-inline-css">
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-family--albert-sans: 'Albert Sans', sans-serif;--wp--preset--font-family--alegreya: Alegreya, serif;--wp--preset--font-family--arvo: Arvo, serif;--wp--preset--font-family--bodoni-moda: 'Bodoni Moda', serif;--wp--preset--font-family--bricolage-grotesque: 'Bricolage Grotesque', sans-serif;--wp--preset--font-family--cabin: Cabin, sans-serif;--wp--preset--font-family--chivo: Chivo, sans-serif;--wp--preset--font-family--commissioner: Commissioner, sans-serif;--wp--preset--font-family--cormorant: Cormorant, serif;--wp--preset--font-family--courier-prime: 'Courier Prime', monospace;--wp--preset--font-family--crimson-pro: 'Crimson Pro', serif;--wp--preset--font-family--dm-mono: 'DM Mono', monospace;--wp--preset--font-family--dm-sans: 'DM Sans', sans-serif;--wp--preset--font-family--dm-serif-display: 'DM Serif Display', serif;--wp--preset--font-family--domine: Domine, serif;--wp--preset--font-family--eb-garamond: 'EB Garamond', serif;--wp--preset--font-family--epilogue: Epilogue, sans-serif;--wp--preset--font-family--fahkwang: Fahkwang, sans-serif;--wp--preset--font-family--figtree: Figtree, sans-serif;--wp--preset--font-family--fira-sans: 'Fira Sans', sans-serif;--wp--preset--font-family--fjalla-one: 'Fjalla One', sans-serif;--wp--preset--font-family--fraunces: Fraunces, serif;--wp--preset--font-family--gabarito: Gabarito, system-ui;--wp--preset--font-family--ibm-plex-mono: 'IBM Plex Mono', monospace;--wp--preset--font-family--ibm-plex-sans: 'IBM Plex Sans', sans-serif;--wp--preset--font-family--ibarra-real-nova: 'Ibarra Real Nova', serif;--wp--preset--font-family--instrument-serif: 'Instrument Serif', serif;--wp--preset--font-family--inter: Inter, sans-serif;--wp--preset--font-family--josefin-sans: 'Josefin Sans', sans-serif;--wp--preset--font-family--jost: Jost, sans-serif;--wp--preset--font-family--libre-baskerville: 'Libre Baskerville', serif;--wp--preset--font-family--libre-franklin: 'Libre Franklin', sans-serif;--wp--preset--font-family--literata: Literata, serif;--wp--preset--font-family--lora: Lora, serif;--wp--preset--font-family--merriweather: Merriweather, serif;--wp--preset--font-family--montserrat: Montserrat, sans-serif;--wp--preset--font-family--newsreader: Newsreader, serif;--wp--preset--font-family--noto-sans-mono: 'Noto Sans Mono', sans-serif;--wp--preset--font-family--nunito: Nunito, sans-serif;--wp--preset--font-family--open-sans: 'Open Sans', sans-serif;--wp--preset--font-family--overpass: Overpass, sans-serif;--wp--preset--font-family--pt-serif: 'PT Serif', serif;--wp--preset--font-family--petrona: Petrona, serif;--wp--preset--font-family--piazzolla: Piazzolla, serif;--wp--preset--font-family--playfair-display: 'Playfair Display', serif;--wp--preset--font-family--plus-jakarta-sans: 'Plus Jakarta Sans', sans-serif;--wp--preset--font-family--poppins: Poppins, sans-serif;--wp--preset--font-family--raleway: Raleway, sans-serif;--wp--preset--font-family--roboto: Roboto, sans-serif;--wp--preset--font-family--roboto-slab: 'Roboto Slab', serif;--wp--preset--font-family--rubik: Rubik, sans-serif;--wp--preset--font-family--rufina: Rufina, serif;--wp--preset--font-family--sora: Sora, sans-serif;--wp--preset--font-family--source-sans-3: 'Source Sans 3', sans-serif;--wp--preset--font-family--source-serif-4: 'Source Serif 4', serif;--wp--preset--font-family--space-mono: 'Space Mono', monospace;--wp--preset--font-family--syne: Syne, sans-serif;--wp--preset--font-family--texturina: Texturina, serif;--wp--preset--font-family--urbanist: Urbanist, sans-serif;--wp--preset--font-family--work-sans: 'Work Sans', sans-serif;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:root { --wp--style--global--content-size: 800px;--wp--style--global--wide-size: 1200px; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 24px; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 24px; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 24px;}:root :where(.is-layout-grid){gap: 24px;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-albert-sans-font-family{font-family: var(--wp--preset--font-family--albert-sans) !important;}.has-alegreya-font-family{font-family: var(--wp--preset--font-family--alegreya) !important;}.has-arvo-font-family{font-family: var(--wp--preset--font-family--arvo) !important;}.has-bodoni-moda-font-family{font-family: var(--wp--preset--font-family--bodoni-moda) !important;}.has-bricolage-grotesque-font-family{font-family: var(--wp--preset--font-family--bricolage-grotesque) !important;}.has-cabin-font-family{font-family: var(--wp--preset--font-family--cabin) !important;}.has-chivo-font-family{font-family: var(--wp--preset--font-family--chivo) !important;}.has-commissioner-font-family{font-family: var(--wp--preset--font-family--commissioner) !important;}.has-cormorant-font-family{font-family: var(--wp--preset--font-family--cormorant) !important;}.has-courier-prime-font-family{font-family: var(--wp--preset--font-family--courier-prime) !important;}.has-crimson-pro-font-family{font-family: var(--wp--preset--font-family--crimson-pro) !important;}.has-dm-mono-font-family{font-family: var(--wp--preset--font-family--dm-mono) !important;}.has-dm-sans-font-family{font-family: var(--wp--preset--font-family--dm-sans) !important;}.has-dm-serif-display-font-family{font-family: var(--wp--preset--font-family--dm-serif-display) !important;}.has-domine-font-family{font-family: var(--wp--preset--font-family--domine) !important;}.has-eb-garamond-font-family{font-family: var(--wp--preset--font-family--eb-garamond) !important;}.has-epilogue-font-family{font-family: var(--wp--preset--font-family--epilogue) !important;}.has-fahkwang-font-family{font-family: var(--wp--preset--font-family--fahkwang) !important;}.has-figtree-font-family{font-family: var(--wp--preset--font-family--figtree) !important;}.has-fira-sans-font-family{font-family: var(--wp--preset--font-family--fira-sans) !important;}.has-fjalla-one-font-family{font-family: var(--wp--preset--font-family--fjalla-one) !important;}.has-fraunces-font-family{font-family: var(--wp--preset--font-family--fraunces) !important;}.has-gabarito-font-family{font-family: var(--wp--preset--font-family--gabarito) !important;}.has-ibm-plex-mono-font-family{font-family: var(--wp--preset--font-family--ibm-plex-mono) !important;}.has-ibm-plex-sans-font-family{font-family: var(--wp--preset--font-family--ibm-plex-sans) !important;}.has-ibarra-real-nova-font-family{font-family: var(--wp--preset--font-family--ibarra-real-nova) !important;}.has-instrument-serif-font-family{font-family: var(--wp--preset--font-family--instrument-serif) !important;}.has-inter-font-family{font-family: var(--wp--preset--font-family--inter) !important;}.has-josefin-sans-font-family{font-family: var(--wp--preset--font-family--josefin-sans) !important;}.has-jost-font-family{font-family: var(--wp--preset--font-family--jost) !important;}.has-libre-baskerville-font-family{font-family: var(--wp--preset--font-family--libre-baskerville) !important;}.has-libre-franklin-font-family{font-family: var(--wp--preset--font-family--libre-franklin) !important;}.has-literata-font-family{font-family: var(--wp--preset--font-family--literata) !important;}.has-lora-font-family{font-family: var(--wp--preset--font-family--lora) !important;}.has-merriweather-font-family{font-family: var(--wp--preset--font-family--merriweather) !important;}.has-montserrat-font-family{font-family: var(--wp--preset--font-family--montserrat) !important;}.has-newsreader-font-family{font-family: var(--wp--preset--font-family--newsreader) !important;}.has-noto-sans-mono-font-family{font-family: var(--wp--preset--font-family--noto-sans-mono) !important;}.has-nunito-font-family{font-family: var(--wp--preset--font-family--nunito) !important;}.has-open-sans-font-family{font-family: var(--wp--preset--font-family--open-sans) !important;}.has-overpass-font-family{font-family: var(--wp--preset--font-family--overpass) !important;}.has-pt-serif-font-family{font-family: var(--wp--preset--font-family--pt-serif) !important;}.has-petrona-font-family{font-family: var(--wp--preset--font-family--petrona) !important;}.has-piazzolla-font-family{font-family: var(--wp--preset--font-family--piazzolla) !important;}.has-playfair-display-font-family{font-family: var(--wp--preset--font-family--playfair-display) !important;}.has-plus-jakarta-sans-font-family{font-family: var(--wp--preset--font-family--plus-jakarta-sans) !important;}.has-poppins-font-family{font-family: var(--wp--preset--font-family--poppins) !important;}.has-raleway-font-family{font-family: var(--wp--preset--font-family--raleway) !important;}.has-roboto-font-family{font-family: var(--wp--preset--font-family--roboto) !important;}.has-roboto-slab-font-family{font-family: var(--wp--preset--font-family--roboto-slab) !important;}.has-rubik-font-family{font-family: var(--wp--preset--font-family--rubik) !important;}.has-rufina-font-family{font-family: var(--wp--preset--font-family--rufina) !important;}.has-sora-font-family{font-family: var(--wp--preset--font-family--sora) !important;}.has-source-sans-3-font-family{font-family: var(--wp--preset--font-family--source-sans-3) !important;}.has-source-serif-4-font-family{font-family: var(--wp--preset--font-family--source-serif-4) !important;}.has-space-mono-font-family{font-family: var(--wp--preset--font-family--space-mono) !important;}.has-syne-font-family{font-family: var(--wp--preset--font-family--syne) !important;}.has-texturina-font-family{font-family: var(--wp--preset--font-family--texturina) !important;}.has-urbanist-font-family{font-family: var(--wp--preset--font-family--urbanist) !important;}.has-work-sans-font-family{font-family: var(--wp--preset--font-family--work-sans) !important;}
/*# sourceURL=global-styles-inline-css */
</style>
<script id="ekit-widget-scripts-js" src="https://mindfireinc.com/wp-content/plugins/elementskit-lite/widgets/init/assets/js/widget-scripts.js?ver=3.10.02"></script>
<script id="wp-hooks-js" src="https://c0.wp.com/c/7.0.2/wp-includes/js/dist/hooks.min.js"></script>
<script id="wp-i18n-js" src="https://c0.wp.com/c/7.0.2/wp-includes/js/dist/i18n.min.js"></script>
<script id="wp-i18n-js-after">
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
//# sourceURL=wp-i18n-js-after
</script>
<script id="swv-js" src="https://mindfireinc.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.6"></script>
<script id="contact-form-7-js-before">
var wpcf7 = {
    "api": {
        "root": "https:\/\/mindfireinc.com\/wp-json\/",
        "namespace": "contact-form-7\/v1"
    },
    "cached": 1
};
//# sourceURL=contact-form-7-js-before
</script>
<script id="contact-form-7-js" src="https://mindfireinc.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.6"></script>
<script id="rt-megamenu-front-end-js-js" src="https://mindfireinc.com/wp-content/plugins/radiantthemes-mega-menu/assets/js/rt-megamenu.js?ver=7.0.2"></script>
<script id="wpconsent-frontend-js-js-extra">
var wpconsent = {"consent_duration":"30","css_url":"https://mindfireinc.com/wp-content/plugins/wpconsent-cookies-banner-privacy-suite/build/frontend.css","css_version":"a8286cb6badc0ea54ce0","default_allow":"","consent_type":"optin","manual_toggle_services":"","slugs":["essential","statistics","marketing"],"enable_consent_banner":"1","enable_script_blocking":"1","enable_content_blocking":"1","enable_consent_floating":"","enable_shared_consent":"","cookie_domain":"","accept_button_enabled":"1","cancel_button_enabled":"1","preferences_button_enabled":"1","respect_gpc":"","gpc_toast_message":"GPC Signal Honored","gpc_toast_duration":"10000","gpc_toast_enabled":"1"};
//# sourceURL=wpconsent-frontend-js-js-extra
</script>
<script id="wpconsent-frontend-js-js" src="https://mindfireinc.com/wp-content/plugins/wpconsent-cookies-banner-privacy-suite/build/frontend.js?ver=a8286cb6badc0ea54ce0"></script>
<script id="hello-theme-frontend-js" src="https://mindfireinc.com/wp-content/themes/hello-elementor/assets/js/hello-frontend.js?ver=3.4.9"></script>
<script data-wp-strategy="defer" defer id="woocommerce-analytics-client-js" src="https://mindfireinc.com/wp-content/plugins/jetpack/jetpack_vendor/automattic/woocommerce-analytics/build/woocommerce-analytics-client.js?minify=false&ver=8d8bb846cc19ac858460"></script>
<script id="elementor-webpack-runtime-js" src="https://mindfireinc.com/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=4.2.1"></script>
<script id="elementor-frontend-modules-js" src="https://mindfireinc.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=4.2.1"></script>
<script id="jquery-ui-core-js" src="https://c0.wp.com/c/7.0.2/wp-includes/js/jquery/ui/core.min.js"></script>
<script id="elementor-frontend-js-extra">
var uael_particles_script = {"uael_particles_url":"https://mindfireinc.com/wp-content/plugins/ultimate-elementor/assets/min-js/uael-particles.min.js","particles_url":"https://mindfireinc.com/wp-content/plugins/ultimate-elementor/assets/lib/particles/particles.min.js","snowflakes_image":"https://mindfireinc.com/wp-content/plugins/ultimate-elementor/assets/img/snowflake.svg","gift":"https://mindfireinc.com/wp-content/plugins/ultimate-elementor/assets/img/gift.png","tree":"https://mindfireinc.com/wp-content/plugins/ultimate-elementor/assets/img/tree.png","skull":"https://mindfireinc.com/wp-content/plugins/ultimate-elementor/assets/img/skull.png","ghost":"https://mindfireinc.com/wp-content/plugins/ultimate-elementor/assets/img/ghost.png","moon":"https://mindfireinc.com/wp-content/plugins/ultimate-elementor/assets/img/moon.png","bat":"https://mindfireinc.com/wp-content/plugins/ultimate-elementor/assets/img/bat.png","pumpkin":"https://mindfireinc.com/wp-content/plugins/ultimate-elementor/assets/img/pumpkin.png"};
//# sourceURL=elementor-frontend-js-extra
</script>
<script id="elementor-frontend-js-before">
var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnX":"Share on X","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":true},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":true},"version":"4.2.1","is_static":false,"experimentalFeatures":{"additional_custom_breakpoints":true,"container":true,"e_panel_promotions":true,"theme_builder_v2":true,"hello-theme-header-footer":true,"nested-elements":true,"global_classes_should_enforce_capabilities":true,"e_variables":true,"e_opt_in_v4_page":true,"e_components":true,"e_interactions":true,"e_widget_creation":true,"import-export-customization":true,"e_pro_atomic_form":true,"e_pro_collection_loop":true,"e_pro_variables":true,"e_pro_interactions":true},"urls":{"assets":"https:\/\/mindfireinc.com\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/mindfireinc.com\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/mindfireinc.com\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"ef5a4c775d","atomicFormsSendForm":"d0e9c56547"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet","viewport_laptop"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description","woocommerce_notices_elements":[],"hello_header_logo_type":"title","hello_header_menu_layout":"horizontal","hello_footer_logo_type":"logo"},"post":{"id":17707,"title":"Use%20Case%20Map%20Diagnostic%20-%20MindFire%2C%20Inc.","excerpt":"","featuredImage":false}};
//# sourceURL=elementor-frontend-js-before
</script>
<script id="elementor-frontend-js" src="https://mindfireinc.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=4.2.1"></script>
<script id="elementor-frontend-js-after">
window.scope_array = [];
								window.backend = 0;
								jQuery.cachedScript = function( url, options ) {
									// Allow user to set any option except for dataType, cache, and url.
									options = jQuery.extend( options || {}, {
										dataType: "script",
										cache: true,
										url: url
									});
									// Return the jqXHR object so we can chain callbacks.
									return jQuery.ajax( options );
								};
							    jQuery( window ).on( "elementor/frontend/init", function() {
									elementorFrontend.hooks.addAction( "frontend/element_ready/global", function( $scope, $ ){
										if ( "undefined" == typeof $scope ) {
												return;
										}
										if ( $scope.hasClass( "uael-particle-yes" ) ) {
											window.scope_array.push( $scope );
											$scope.find(".uael-particle-wrapper").addClass("js-is-enabled");
										}else{
											return;
										}
										if(elementorFrontend.isEditMode() && $scope.find(".uael-particle-wrapper").hasClass("js-is-enabled") && window.backend == 0 ){
											var uael_url = uael_particles_script.uael_particles_url;

jQuery.cachedScript( uael_url );
											window.backend = 1;
										}else if(elementorFrontend.isEditMode()){
											var uael_url = uael_particles_script.uael_particles_url;
											jQuery.cachedScript( uael_url ).done(function(){
												var flag = true;
											});
										}
									});
								});

// Added both `document` and `window` event listeners to address issues where some users faced problems with the `document` event not triggering as expected.
								// Define cachedScript globally to avoid redefining it.

jQuery.cachedScript = function(url, options) {
									options = jQuery.extend(options || {}, {
										dataType: "script",
										cache: true,
										url: url
									});
									return jQuery.ajax(options); // Return the jqXHR object so we can chain callbacks
								};

let uael_particle_loaded = false; //flag to prevent multiple script loads.

jQuery( document ).on( "ready elementor/popup/show", () => {
										loadParticleScript();
								});

jQuery( window ).one( "elementor/frontend/init", () => {
								 	if (!uael_particle_loaded) {
										loadParticleScript();
									}
								});
								
								function loadParticleScript(){
								 	// Use jQuery to check for the presence of the element
									if (jQuery(".uael-particle-yes").length < 1) {
										return;
									}
									
									uael_particle_loaded = true;
									var uael_url = uael_particles_script.uael_particles_url;
									// Call the cachedScript function
									jQuery.cachedScript(uael_url);
								}
//# sourceURL=elementor-frontend-js-after
</script>
<script id="smartmenus-js" src="https://mindfireinc.com/wp-content/plugins/elementor-pro/assets/lib/smartmenus/jquery.smartmenus.min.js?ver=1.2.1"></script>
<script id="e-sticky-js" src="https://mindfireinc.com/wp-content/plugins/elementor-pro/assets/lib/sticky/jquery.sticky.min.js?ver=4.2.0"></script>
<script id="page-links-to-js" src="https://mindfireinc.com/wp-content/plugins/page-links-to/dist/new-tab.js?ver=3.4.1"></script>
<script id="sourcebuster-js-js" src="https://mindfireinc.com/wp-content/plugins/woocommerce/assets/js/sourcebuster/sourcebuster.min.js?ver=11.0.0-rc.1"></script>
<script id="wc-order-attribution-js-extra">
var wc_order_attribution = {"params":{"lifetime":1.0e-5,"session":30,"base64":false,"ajaxurl":"https://mindfireinc.com/wp-admin/admin-ajax.php","prefix":"wc_order_attribution_","allowTracking":true},"fields":{"source_type":"current.typ","referrer":"current_add.rf","utm_campaign":"current.cmp","utm_source":"current.src","utm_medium":"current.mdm","utm_content":"current.cnt","utm_id":"current.id","utm_term":"current.trm","utm_source_platform":"current.plt","utm_creative_format":"current.fmt","utm_marketing_tactic":"current.tct","session_entry":"current_add.ep","session_start_time":"current_add.fd","session_pages":"session.pgs","session_count":"udata.vst","user_agent":"udata.uag"}};
//# sourceURL=wc-order-attribution-js-extra
</script>
<script id="wc-order-attribution-js" type="text/plain" data-wpconsent-src="https://mindfireinc.com/wp-content/plugins/woocommerce/assets/js/frontend/order-attribution.min.js?ver=11.0.0-rc.1" data-wpconsent-name="woocommerce-sourcebuster" data-wpconsent-category="statistics"></script>
<script id="google-recaptcha-js" type="text/plain" data-wpconsent-src="https://www.google.com/recaptcha/api.js?render=6LcheRATAAAAAGPgI76n7dfM0cGGnNmdSHS6WuUh&ver=3.0" data-wpconsent-name="recaptcha" data-wpconsent-category="marketing"></script>
<script id="wp-polyfill-js" src="https://c0.wp.com/c/7.0.2/wp-includes/js/dist/vendor/wp-polyfill.min.js"></script>
<script id="wpcf7-recaptcha-js-before">
var wpcf7_recaptcha = {
    "sitekey": "6LcheRATAAAAAGPgI76n7dfM0cGGnNmdSHS6WuUh",
    "actions": {
        "homepage": "homepage",
        "contactform": "contactform"
    }
};
//# sourceURL=wpcf7-recaptcha-js-before
</script>
<script id="wpcf7-recaptcha-js" src="https://mindfireinc.com/wp-content/plugins/contact-form-7/modules/recaptcha/index.js?ver=6.1.6"></script>
<script id="jetpack-stats-js-before">
_stq = window._stq || [];
_stq.push([ "view", {"v":"ext","blog":"151714719","post":"17707","tz":"-7","srv":"mindfireinc.com","hp":"atomic","ac":"2","amp":"0","j":"1:16.1-a.5"} ]);
_stq.push([ "clickTrackerInit", "151714719", "17707" ]);
//# sourceURL=jetpack-stats-js-before
</script>
<script data-wp-strategy="defer" defer fetchpriority="low" id="jetpack-stats-js" src="https://stats.wp.com/e-202631.js"></script>
<script id="elementor-pro-webpack-runtime-js" src="https://mindfireinc.com/wp-content/plugins/elementor-pro/assets/js/webpack-pro.runtime.min.js?ver=4.2.0"></script>
<script id="elementor-pro-frontend-js-before">
var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/mindfireinc.com\/wp-admin\/admin-ajax.php","nonce":"41e6cb3eca","urls":{"assets":"https:\/\/mindfireinc.com\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/mindfireinc.com\/wp-json\/"},"settings":{"lazy_load_background_images":true},"popup":{"hasPopUps":true},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"},"x-twitter":{"title":"X"},"threads":{"title":"Threads"}},"woocommerce":{"menu_cart":{"cart_page_url":"https:\/\/mindfireinc.com\/cart\/","checkout_page_url":"https:\/\/mindfireinc.com\/checkout\/","fragments_nonce":"33e3ef485f"}},"facebook_sdk":{"lang":"en_US","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/mindfireinc.com\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}};
//# sourceURL=elementor-pro-frontend-js-before
</script>
<script id="elementor-pro-frontend-js" src="https://mindfireinc.com/wp-content/plugins/elementor-pro/assets/js/frontend.min.js?ver=4.2.0"></script>
<script id="pro-elements-handlers-js" src="https://mindfireinc.com/wp-content/plugins/elementor-pro/assets/js/elements-handlers.min.js?ver=4.2.0"></script>
<script src="https://my.hellobar.com/e53c4ba167230f00d42ef284155427277c15bf4f.js" type="text/javascript" charset="utf-8" async="async"></script><script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://mindfireinc.com/wp-includes/js/wp-emoji-release.min.js?ver=7.0.2"}}
</script>
<script type="module">
/*! This file is auto-generated */
const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});
//# sourceURL=https://mindfireinc.com/wp-includes/js/wp-emoji-loader.min.js
</script>
<script>
(function(){
  function fixLazy(){
    document.querySelectorAll("img[loading=lazy]").forEach(function(img){
      if(!img.complete||img.naturalHeight===0){
        img.loading="eager";
        var s=img.getAttribute("src");
        if(s){img.src="";img.src=s;}
      }
    });
  }
  if(document.readyState==="complete"){fixLazy();}
  else{window.addEventListener("load",fixLazy);}
  setTimeout(fixLazy,3000);
  var t;window.addEventListener("scroll",function(){clearTimeout(t);t=setTimeout(fixLazy,500);});
})();
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
  // 1. Orange accent on "Drives Revenue" in the H1 heading
  var headings = document.querySelectorAll('h1.elementor-heading-title');
  headings.forEach(function(h1) {
    if (h1.textContent.indexOf('Drives Revenue') > -1) {
      h1.innerHTML = h1.textContent.replace(
        'Drives Revenue',
        '<span style="color:#FF6633">Drives Revenue</span>'
      );
    }
  });
});
</script>
		<script type="text/javascript">
			(function() {
				window.wcAnalytics = window.wcAnalytics || {};
				const wcAnalytics = window.wcAnalytics;

// Set the assets URL for webpack to find the split assets.
				wcAnalytics.assets_url = 'https://mindfireinc.com/wp-content/plugins/jetpack/jetpack_vendor/automattic/woocommerce-analytics/src/../build/';

// Set the REST API tracking endpoint URL.
								wcAnalytics.trackEndpoint = "https://mindfireinc.com/wp-json/woocommerce-analytics/v1/track";

// Set common properties for all events.
				wcAnalytics.commonProps = {"ui":0,"blog_id":151714719,"store_id":"e43c4a22-290d-4ad4-b7d8-9686e71d155c","url":"https://mindfireinc.com","woo_version":"11.0.0-rc.1","wp_version":"7.0.2","store_admin":0,"device":"desktop","store_currency":"USD","timezone":"America/Los_Angeles","is_guest":1,"host":"bizplan-wp-admin"};

// Set the event queue.
				wcAnalytics.eventQueue = [];

// Features.
				wcAnalytics.features = {
					ch: false,
					sessionTracking: false,
					proxy: false,
				};

wcAnalytics.breadcrumbs = ["Use Case Map Diagnostic"];

// Page context flags.
				wcAnalytics.pages = {
					isAccountPage: false,
					isCart: false,
				};
			})();
		</script>
		
</body>
</html>