<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:media="http://search.yahoo.com/mrss/"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Customer Support Bots &#8211; Flowpast.com &#8211; Your Workflow Automation Library</title>
	<atom:link href="https://flowpast.com/function/support-bots/feed/" rel="self" type="application/rss+xml" />
	<link>https://flowpast.com</link>
	<description>Flowpast.com - Pre-Built n8n, Make &#38; Zapier Workflow Templates</description>
	<lastBuildDate>Fri, 23 Jan 2026 02:46:17 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://flowpast.com/wp-content/uploads/2025/12/cropped-icon-32x32.png</url>
	<title>Customer Support Bots &#8211; Flowpast.com &#8211; Your Workflow Automation Library</title>
	<link>https://flowpast.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Build a Replacement Recovery Workflow with this AI Prompt</title>
		<link>https://flowpast.com/prompts/build-a-replacement-recovery-workflow-with-this-ai-prompt/</link>
		
		<dc:creator><![CDATA[Lisa Granqvist]]></dc:creator>
		<pubDate>Fri, 23 Jan 2026 02:46:17 +0000</pubDate>
				<category><![CDATA[Prompts]]></category>
		<guid isPermaLink="false">https://flowpast.com/?p=5002883</guid>

					<description><![CDATA[Replacements spiral into chaos - use this AI Prompt to build a DMAIC recovery workflow with guardrails, metrics, and abuse controls. Explore thousands of AI prompts by function and industry.]]></description>
										<content:encoded><![CDATA[<!-- FOCUS_KEYWORD: replacement recovery workflow -->

<div class="hook-introduction">

<p>Replacement requests sound simple until you scale them. Then they turn into a messy mix of inconsistent approvals, rising fraud, slow tickets, and customers who feel like they’re “being investigated” instead of helped. Costs creep up quietly, and the ops team ends up firefighting the same failure modes every week.</p>



<p>This <strong>replacement recovery workflow</strong> is built for <strong>Fulfillment Operations Managers</strong> dealing with lost-in-transit spikes, <strong>Customer Support Leads</strong> trying to shorten handle time without opening fraud loopholes, and <strong>E-commerce Directors</strong> who need to protect margin while keeping loyalty intact. The output is an interactive, staged operating model that uses DMAIC plus Service Recovery Paradox thinking, including guardrails, metrics, edge-case rules, and a “type continue to advance” build process.</p>

</div>

<div class="what-and-when-section">

<h2 class="wp-block-heading">What Does This AI Prompt Do and When to Use It?</h2>



<table class="solution-results-table three-column" role="presentation" aria-label="What this prompt does, when to use it, and what you get">
 <thead>
    <tr>
      <th scope="col">What This Prompt Does</th>
      <th scope="col">When to Use This Prompt</th>
      <th scope="col">What You&#8217;ll Get</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <ul class="automation-list">
          <li>It restates your current replacement situation, highlights the top three operational tensions, and labels assumptions before proposing solutions.</li>
          <li>It designs an end-to-end replacement-item workflow using DMAIC as the backbone, from define and measure through control.</li>
          <li>It applies Service Recovery Paradox logic so recovery actions measurably increase loyalty instead of merely closing tickets.</li>
          <li>It builds abuse-resistant decisioning, including claimant patterns, SKU risk tiers, and incentive-safe policies.</li>
          <li>It forces edge-case coverage (high-value SKUs, backorders, partial shipments, marketplace vs DTC, regulated items) so exceptions don’t become the real process.</li>
       </ul>
      </td>
      <td>
        <ul class="results-list">
          <li>Your “instant replacement” policy is getting gamed, and you need tighter controls without tanking CSAT.</li>
          <li>Replacements are taking too long because teams argue over rules, evidence thresholds, and who owns each step.</li>
          <li>You are about to enter peak season, and even small failure rates will overwhelm support and warehouse teams.</li>
          <li>Carrier performance, packaging failures, or pick/pack errors are increasing, and replacements are masking the root cause.</li>
          <li>You need to standardize a multi-channel reality (marketplace + DTC) where policies and data visibility differ.</li>
        </ul>
      </td>
       <td>
         <ul class="deliverables-list">
           <li>A staged DMAIC recovery plan with phase count matched to complexity and risk.</li>
           <li>A replacement decision framework (approve, deny, investigate, refund, reship later) with clear triggers and evidence rules.</li>
           <li>Policy guardrails and abuse controls, including repeat-claimant handling and high-value SKU thresholds.</li>
           <li>A metrics pack (speed, trust, cost, and fraud signals) that avoids vanity KPI traps.</li>
           <li>A control plan with monitoring routines, escalation paths, and “what to fix next” prompts for continuous improvement.</li>
         </ul>
       </td>
    </tr>
  </tbody>
</table>

</div>

<div class="prompt-display-section">

<h2 class="wp-block-heading">The Full AI Prompt: DMAIC Replacement Recovery Workflow Builder</h2>



<div class="prompt-viewer-wrapper" id="prompt-section">
    <div class="prompt-comparison-row prompt-premium">
        <!-- Header with buttons -->
        <div class="prompt-row-header">
            <!-- <span class="prompt-row-icon">✨</span> -->
            <span class="prompt-row-title">
                                    Step 1: Customize the prompt with your input
                            </span>
            <div class="prompt-header-buttons">
                                    <button class="prompt-header-btn prompt-header-reset" onclick="resetPrompt()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
                            <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
                        </svg>
                        <span>Reset</span>
                    </button>
                                <button class="prompt-header-btn prompt-header-copy-green flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                        <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                        <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                    </svg>
                    <span>Customize and Copy Full Prompt</span>
                </button>
            </div>
        </div>

        <!-- Customize the Prompt Section -->
                    <div class="prompt-customize-section">
                <span class="customize-title">Customize the Prompt</span>
                <p class="customize-subtitle">Fill in the fields below to personalize this prompt for your needs.</p>
                <table class="customize-table">
                    <thead>
                        <tr>
                            <th>Variable</th>
                            <th>What to Enter</th>
                            <th>Customise the prompt</th>
                        </tr>
                    </thead>
                    <tbody>
                                                    <tr>
                                <td class="var-name"><code>[CONTEXT]</code></td>
                                <td class="var-desc">
                                    Provide a brief understanding of the organization&#039;s current situation, including industry, size, and any relevant challenges or dynamics.                                    <div class="var-example">For example: "A mid-sized tech company experiencing rapid growth, with teams struggling under heavy workloads and unclear priorities following a recent reorganization."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[CONTEXT]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[EMPLOYEE_DATA_SOURCE]</code></td>
                                <td class="var-desc">
                                    Specify the type of data being analyzed, such as surveys, feedback forms, or performance reviews, and any related details about its scope or collection method.                                    <div class="var-example">For example: "Annual employee engagement survey with 500 respondents across all departments and anonymized feedback from exit interviews conducted over the past year."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[EMPLOYEE_DATA_SOURCE]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[ORGANIZATIONAL_CONSTRAINTS]</code></td>
                                <td class="var-desc">
                                    List any known limitations the organization faces, such as budget, time, resource availability, or leadership alignment issues, that might impact recommendations.                                    <div class="var-example">For example: "Limited budget for new initiatives and a leadership team focused on short-term revenue growth, with minimal bandwidth for structural changes in the next quarter."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[ORGANIZATIONAL_CONSTRAINTS]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[TARGET_AUDIENCE]</code></td>
                                <td class="var-desc">
                                    Describe the intended audience for the analysis and recommendations, including their roles, responsibilities, and decision-making authority.                                    <div class="var-example">For example: "Senior leadership team and HR department responsible for organizational strategy, workforce planning, and employee wellbeing initiatives."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[TARGET_AUDIENCE]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[TONE]</code></td>
                                <td class="var-desc">
                                    Specify the tone or style in which the analysis and recommendations should be presented, considering the audience and context.                                    <div class="var-example">For example: "Calm, precise, and professional, avoiding sensationalism while clearly addressing risks and actionable solutions in corporate language."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[TONE]"
                                            placeholder="Enter your value here..." />
                                                                    </td>
                            </tr>
                                            </tbody>
                </table>

                <button class="copy-customized-btn flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
                        <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                        <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                    </svg>
                    <span class="copy-customized-text">Customise the prompt now</span>
                </button>
            </div>
        
        <!-- Full Prompt Code Header -->
                    <div class="prompt-code-header">
                <span class="prompt-code-title">
                    Step 2: Copy the Prompt
                </span>
                <div class="prompt-code-buttons">
                    <!-- Reset: Only visible when unlocked -->
                    <button class="prompt-header-btn prompt-header-reset btn-when-unlocked" onclick="resetPrompt()" style="display: none;">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
                            <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
                        </svg>
                        <span>Reset</span>
                    </button>
                    <!-- Copy Full Prompt -->
                    <button class="prompt-header-btn prompt-header-copy flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                            <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                        </svg>
                        <span>Copy Full Prompt</span>
                    </button>
                </div>
            </div>
        

        <!-- Prompt Content -->
        <div class="prompt-box prompt-gated-wrapper">
            <!-- Gated: Blurred content -->
            <div class="prompt-gated-content">
                <div class="prompt-header-visible">OBJECTIVE</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">PERSONA</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">CONSTRAINTS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">What This Is NOT</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">PROCESS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">INPUTS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">OUTPUT SPECIFICATION</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">1) Burnout Risk Assessment Summary</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">2) Exhaustion (MBI Dimension 1)</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">3) Cynicism / Detachment (MBI Dimension 2)</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">4) Reduced Efficacy (MBI Dimension 3)</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">5) Cross-Dimension Diagnosis (Root Cause View)</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">6) Prioritized Action Plan (Table Required)</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">QUALITY CHECKS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div>            </div>
            <!-- Unlocked: Full content (hidden by default) -->
            <div class="prompt-content-full" id="premium-prompt-content" style="display: none;">
                ## OBJECTIVE
Assess workplace burnout risk using the Maslach Burnout Inventory (MBI) lens, extracting early warning signals from employee survey/feedback text, linking those signals to organizational drivers, and producing a prevention-first intervention plan that targets systemic causes rather than individual “resilience” tips.

## PERSONA
Act as an organizational burnout forensics specialist: a former high-growth tech operator who personally hit severe burnout, then retrained deeply in the Maslach approach. Your writing style is calm, precise, and human—direct about risk, careful not to sensationalize, and fluent in “corporate-speak translation.”

## CONSTRAINTS
- Use the three MBI dimensions as the core organizing frame: **exhaustion**, **cynicism**, **reduced efficacy**.
- Base claims on the provided data; cite evidence snippets or specific data points.
- Separate **routine stress** from **burnout trajectory**; do not over-diagnose normal frustration.
- Prioritize **system-level contributors** (work design, staffing, role clarity, leadership signals, incentives, process load) over individual coping tactics.
- Recommendations must be **actionable**, **measurable**, and mindful of stated limits (budget/time/resources).
- Handle sensitive content respectfully; avoid medical or clinical diagnosis language.

### What This Is NOT
- Not a medical assessment, therapy, or a statement that any individual “has burnout.”
- Not a generic wellness menu (e.g., “try meditation”) unless it is explicitly tied to an organizational root cause and paired with systemic change.
- Not a legal/HR compliance opinion or investigation into specific people.

## PROCESS
1. **Pre-Analysis Understanding (required):** Start by briefly stating your understanding of the organization context and what the provided dataset appears to contain, plus any assumptions you must make.
2. **Signal Extraction:** Identify phrases, patterns, and metrics that indicate each MBI dimension. Translate euphemisms (e.g., “capacity challenges,” “engagement drift,” “performance headwinds”) into likely human experience while staying evidence-based.
3. **Stress vs. Burnout Sorting:** Label signals as (a) normal acute stress, (b) persistent strain, or (c) escalating burnout risk—explain why.
4. **Organizational Driver Mapping:** For each dimension, connect signals to plausible organizational factors (e.g., workload volatility, unclear priorities, meeting load, staffing gaps, manager capability, low recognition, role conflict, lack of autonomy, unfairness).
5. **Pattern Cuts:** Look for differences by team, role, tenure, geography, demographic group (only if present in the data), and highlight hotspots and protective pockets.
6. **Intervention Design:** Propose a three-horizon plan:
   - Rapid stabilizers (near-term relief and risk containment)
   - Structural fixes (work redesign and operating model adjustments)
   - Cultural/leadership shifts (norms, incentives, accountability)
7. **Edge Cases / Missing Info:** If inputs are thin or ambiguous, flag what’s missing, provide best-effort provisional findings, and list the minimum extra data needed to increase confidence.

## INPUTS
- **Organization type:** [CONTEXT]
- **Employee data (survey text, metrics, feedback reports):** [EMPLOYEE_DATA_SOURCE]
- **Constraints (budget, time, resources, change limitations):** [ORGANIZATIONAL_CONSTRAINTS]
- **Primary user segment (optional):** [TARGET_AUDIENCE]
- **Preferred tone (optional):** [TONE]

## OUTPUT SPECIFICATION
Use clear headings and subheadings. Write in structured paragraphs plus bullets for evidence. Bold the most important risks and actions.

### 1) Burnout Risk Assessment Summary
Include:
- {Overall Risk Level} (Low / Medium / High / Critical)
- {Top 3-5 Critical Findings} (bullets, bold key phrases)
- {Most Affected Groups/Functions} (if identifiable)
- {Confidence Level} (High/Medium/Low based on data completeness)

### 2) Exhaustion (MBI Dimension 1)
Provide:
- **Severity:** {Exhaustion Severity} (Low/Medium/High/Critical)
- **Evidence:** bullet list of {Evidence Snippet} items (quotes or data points)
- **Interpretation:** what the evidence suggests (physical/emotional/cognitive depletion)
- **Likely Organizational Contributors:** {Contributor List}
- **Early-Warning Markers to Monitor Next:** {Monitoring Indicators}

### 3) Cynicism / Detachment (MBI Dimension 2)
Provide:
- **Severity:** {Cynicism Severity}
- **Evidence:** {Evidence Snippet} bullets (e.g., withdrawal, sarcasm, blame language, “why bother” tone)
- **Interpretation:** what the distancing looks like in this org
- **Likely Organizational Contributors:** {Contributor List}
- **Protective Factors Present (if any):** {Protective Factors}

### 4) Reduced Efficacy (MBI Dimension 3)
Provide:
- **Severity:** {Efficacy Severity}
- **Evidence:** {Evidence Snippet} bullets (self-doubt, error rates if present, “no impact,” stalled progress)
- **Interpretation:** how confidence/achievement is eroding
- **Likely Organizational Contributors:** {Contributor List}
- **Second-Order Risks:** {Downstream Risks} (quality, safety, customer impact, attrition)

### 5) Cross-Dimension Diagnosis (Root Cause View)
Summarize:
- {Primary Systemic Drivers} ranked
- {Hotspots} (teams/roles) and {Bright Spots} (where strain is lower and why)
- {Stress vs Burnout Boundary Notes} (where language indicates normal pressure vs chronic harm)

### 6) Prioritized Action Plan (Table Required)
Include a table with columns:
- **Intervention**
- **Timeline** (Immediate / Near-term / Long-term, with approximate windows)
- **Resources Needed**
- **Expected Impact** (measurable outcome + who benefits)
Also add:
- {Top 3 “Start This Week” Actions}
- {Metrics to Track} (leading + lagging indicators; avoid vanity metrics)

## QUALITY CHECKS
Before finalizing, verify:
- [ ] Each MBI dimension includes **severity**, **evidence**, and **organizational drivers** (not just symptoms).
- [ ] At least one section clearly distinguishes **normal stress** from **burnout escalation** using the provided data.
- [ ] Recommendations are **measurable** and feasible within [ORGANIZATIONAL_CONSTRAINTS].
- [ ] Language avoids medical diagnosis and does not individualize blame.
- [ ] If inputs are incomplete, missing elements are explicitly listed with a minimal data request.            </div>
        </div>


    </div>

    <!-- CTA Row - Full width buttons -->
    <div class="prompt-cta-row">
        <button class="prompt-cta-btn prompt-cta-copy flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
                <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
            </svg>
            <span class="cta-copy-text">Copy Full Prompt</span>
        </button>
    </div>
</div>

<style>
    /* Gated prompt states */
    .prompt-gated-wrapper {
        position: relative;
    }

    /* When unlocked - show full content, hide gated */
    body.flowpast-unlocked .prompt-gated-wrapper .prompt-gated-content {
        display: none;
    }

    body.flowpast-unlocked .prompt-gated-wrapper .prompt-content-full {
        display: block !important;
    }

    /* Show/hide elements based on unlock state */
    body.flowpast-unlocked .btn-when-unlocked {
        display: inline-flex !important;
    }

    .prompt-viewer-wrapper {
        scroll-margin-top: 250px;
    }

    /* ========================================
   PROMPT VIEWER - MAIN WRAPPER
   ======================================== */
    .prompt-viewer-wrapper {
        margin: 30px 0;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    /* ========================================
   PROMPT BOX CONTAINER
   ======================================== */
    .prompt-comparison-row {
        border-radius: 12px;
        overflow: hidden;
        border: 1px solid #e0e0e0;
        background: #fff;
    }

    /* ========================================
   HEADER WITH BUTTONS
   ======================================== */
    .prompt-row-header {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 14px 20px;
        color: #fff !important;
        background: #141414;
        border-bottom: 1px solid #e0e0e0;
        flex-wrap: wrap;
    }

    .prompt-row-icon {
        font-size: 20px;
    }

    .prompt-row-title {
        font-weight: 600;
        font-size: 22px;
        color: #fff !important;
        text-decoration: underline
    }

    .prompt-header-buttons {
        margin-left: auto;
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }

    /* Header buttons */
    .prompt-header-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 20px;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        text-decoration: none;
        border: none;
    }

    .prompt-header-copy {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-header-copy:hover {
        background: #2a2a2a;
    }

    .prompt-header-copy.copied {
        background: #2e7d32;
    }

    .prompt-header-copy-green {
        background: #04AA6D !important;
        color: #fff !important;
    }

    .prompt-header-copy-green:hover {
        background: #039860 !important;
    }

    .prompt-header-copy-green.copied {
        background: #2e7d32 !important;
    }

    .prompt-header-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
    }

    .prompt-header-access:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-1px);
    }

    /* ========================================
   PROMPT CONTENT - FULL (NO SCROLL)
   ======================================== */
    .prompt-box {
        background: #ffffff;
    }

    .prompt-content-full {
        padding: 24px;
        margin: 0;
        color: #202124;
        background: #ffffff;
        font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
        font-size: 13px;
        line-height: 1.7;
        white-space: pre-wrap;
        word-wrap: break-word;
        /* No scroll - show full content */
        max-height: none;
        overflow: visible;
    }

    /* Highlighted variable in prompt */
    .prompt-variable {
        background: #fff3cd;
        color: #1967d2;
        font-weight: 700;
        padding: 2px 4px;
        border-radius: 3px;
        border: 1px solid #ffc107;
    }

    .prompt-variable-filled {
        background: #d4edda;
        color: #155724;
        font-weight: 700;
        padding: 2px 4px;
        border-radius: 3px;
        border: 1px solid #28a745;
    }

    /* ========================================
   GATED CONTENT (NO ACCESS)
   ======================================== */
    .prompt-gated-content {
        padding: 24px;
        background: #ffffff;
        font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
        font-size: 13px;
        line-height: 1.8;
        max-height: none;
        overflow: visible;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        cursor: default;
    }

    /* ## headers - larger, black */
    .prompt-header-visible {
        color: #202124;
        font-weight: 600;
        margin: 5px 0 0px 0;
        font-size: 20px;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        text-decoration: underline;
        text-underline-offset: 4px;
    }

    /* ### headers - smaller, black */
    .prompt-header-visible.subheader {
        color: #202124;
        font-weight: 600;
        margin: 5px 0;
        font-size: 18px;
    }

    .prompt-header-visible:first-child {
        margin-top: 0;
    }

    /* ========================================
   LOCKED SECTION BLOCK
   ======================================== */
    .locked-section {
        position: relative;
        margin: 4px 0 8px 0;
        border-radius: 6px;
        overflow: hidden;
        background: linear-gradient(110deg, #e2e8f0 8%, #f1f5f9 18%, #e2e8f0 33%);
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

    .locked-section-bg {
        position: relative;
    }

    .locked-section-lines {
        padding: 8px 12px;
        position: relative;
    }

    .locked-line {
        height: 6px;
        background: rgba(255, 255, 255, 0.6);
        border-radius: 3px;
        margin-bottom: 4px;
        margin-left: 12px;
    }

    .locked-line:last-child {
        margin-bottom: 0;
    }

    .locked-section-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 10;
        font-size: 24px;
        filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1));
    }

    /* Subheader locked sections - slightly indented */
    /*  .prompt-header-visible.subheader+.locked-section {
        margin-left: 16px;
    } */

    /* ========================================
   COMPATIBILITY BADGES
   ======================================== */
    .prompt-compatibility {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        padding: 12px 20px;
        background: #f8f9fa;
        border-top: 1px solid #e0e0e0;
    }

    .compat-label {
        font-size: 13px;
        color: #5f6368;
        font-weight: 500;
    }

    .compat-badge {
        padding: 4px 10px;
        background: #e8f0fe;
        color: #1967d2;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 500;
    }

    /* ========================================
   CTA ROW - FULL WIDTH BUTTONS
   ======================================== */
    .prompt-cta-row {
        display: flex;
        gap: 16px;
        flex-wrap: wrap;
    }

    .prompt-cta-btn {
        flex: 1;
        min-width: 200px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 16px 24px;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        text-decoration: none;
        border: none;
    }

    .prompt-cta-copy {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-cta-copy:hover {
        background: #2a2a2a;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    .prompt-cta-copy.copied {
        background: #2e7d32;
    }

    .prompt-cta-reset {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-cta-reset:hover {
        background: #2a2a2a;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    .prompt-cta-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
    }

    .prompt-cta-access:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(5, 152, 98, 0.3);
    }

    /* ========================================
    CUSTOMIZE YOUR PROMPT SECTION
    ======================================== */
    .prompt-customize-section {
        padding: 24px;
        border-bottom: 1px solid #e0e0e0;
        background: #fafbfc;
    }

    .customize-title {
        margin: 0 0 8px 0;
        font-size: 18px;
        font-weight: 700;
        color: #202124;
    }

    .customize-subtitle {
        margin: 0 0 20px 0;
        font-size: 14px;
        color: #5f6368;
    }

    .customize-table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 20px;
    }

    .customize-table th {
        text-align: left;
        padding: 12px;
        background: #f1f3f4;
        border: 1px solid #e0e0e0;
        font-size: 13px;
        font-weight: 600;
        color: #202124;
    }

    .customize-table td {
        padding: 12px;
        border: 1px solid #e0e0e0;
        vertical-align: top;
    }

    .customize-table .var-name {
        width: 25%;
        background: #f8f9fa;
    }

    .customize-table .var-name code {
        background: #fff3cd;
        color: #1967d2;
        border: 1px solid #ffc107;
        padding: 4px 8px;
        border-radius: 4px;
        font-size: 12px;
        word-break: break-all;
        font-weight: 600;
    }

    .customize-table .var-desc {
        width: 35%;
        font-size: 13px;
        color: #5f6368;
        line-height: 1.5;
    }

    .customize-table .var-example {
        margin-top: 8px;
        padding: 8px 10px;
        background: #f8f9fa;
        border-left: 3px solid #dadce0;
        font-size: 12px;
        color: #5f6368;
        font-style: italic;
        border-radius: 0 4px 4px 0;
    }

    .customize-table .var-input {
        width: 40%;
    }

    .customize-input {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #dadce0;
        border-radius: 6px;
        font-size: 13px;
        font-family: inherit;
        resize: vertical;
        transition: border-color 0.2s, box-shadow 0.2s;
    }

    .customize-input:focus {
        outline: none;
        border-color: rgb(5, 152, 98);
        box-shadow: 0 0 0 3px rgba(5, 152, 98, 0.1);
    }

    .customize-input::placeholder {
        color: #9aa0a6;
        font-style: italic;
    }

    .copy-customized-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        width: 100%;
        padding: 16px 24px;
        background: rgb(5, 152, 98);
        color: #fff;
        border: none;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
    }

    .copy-customized-btn:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(5, 152, 98, 0.3);
    }

    .copy-customized-btn.copied {
        background: #2e7d32;
    }

    /* ========================================
    FULL PROMPT CODE HEADER
    ======================================== */
    .prompt-code-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 20px;
        color: #fff !important;
        background: #141414;
        border-bottom: 1px solid #e0e0e0;
    }

    .prompt-code-title {
        font-size: 22px;
        font-weight: 600;
        text-decoration: underline;

    }

    .prompt-code-buttons {
        display: flex;
        gap: 8px;
    }

    .prompt-code-buttons .prompt-header-btn {
        padding: 8px 14px;
        font-size: 13px;
        background: #ffffff;
        color: #202124;
        border: 1px solid #dadce0;
    }

    .prompt-code-buttons .prompt-header-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
        border-color: rgb(5, 152, 98);
    }

    .prompt-code-buttons .prompt-header-btn.prompt-header-access:hover {
        background: rgb(4, 130, 83) !important;
        border-color: rgb(4, 130, 83);
        color: #fff !important;
    }

    .prompt-code-buttons .prompt-header-btn:hover {
        background: #f1f3f4;
    }

    .prompt-code-buttons .prompt-header-copy.copied {
        background: #d4edda;
        color: #155724;
        border-color: #28a745;
    }

    .prompt-header-reset {
        background: #ffffff;
        color: #202124;
    }

    /* ========================================
   RESPONSIVE
   ======================================== */
    @media (max-width: 768px) {
        .prompt-row-header {
            flex-direction: column;
            align-items: flex-start;
            gap: 12px;
        }

        .prompt-header-buttons {
            margin-left: 0;
            width: 100%;
        }

        .prompt-header-btn {
            flex: 1;
            justify-content: center;
        }

        .prompt-cta-row {
            flex-direction: column;
        }

        .prompt-cta-btn {
            width: 100%;
        }

        /* Customize table responsive */
        .customize-table,
        .customize-table thead,
        .customize-table tbody,
        .customize-table tr,
        .customize-table th,
        .customize-table td {
            display: block;
        }

        .customize-table thead {
            display: none;
        }

        .customize-table tr {
            margin-bottom: 16px;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            overflow: hidden;
        }

        .customize-table td {
            width: 100% !important;
            border: none;
            border-bottom: 1px solid #e0e0e0;
        }

        .customize-table td:last-child {
            border-bottom: none;
        }

        .customize-table .var-name {
            background: #f1f3f4;
            font-weight: 600;
        }

        .prompt-code-header {
            flex-direction: column;
            gap: 12px;
            align-items: flex-start;
        }

        .prompt-code-buttons {
            width: 100%;
        }

        .prompt-code-buttons .prompt-header-btn {
            flex: 1;
            justify-content: center;
        }
    }
</style>

<script>
    function handlePromptCopy() {
        // Check if unlocked via cookie
        if (typeof window.flowpastIsUnlocked === 'function' && !window.flowpastIsUnlocked()) {
            // Show email popup
            if (typeof window.flowpastShowEmailPopup === 'function') {
                window.flowpastShowEmailPopup('prompt');
            }
            return;
        }

        // Copy the customized prompt (with filled variables)
        const customizedPrompt = getCustomizedPrompt();
        const copyButtons = document.querySelectorAll('.prompt-header-copy, .prompt-header-copy-green, .prompt-cta-copy, .copy-customized-btn');

        navigator.clipboard.writeText(customizedPrompt).then(() => {
            copyButtons.forEach(btn => {
                btn.classList.add('copied');
                const textSpan = btn.querySelector('span');
                if (textSpan) textSpan.textContent = 'Copied!';
            });

            setTimeout(() => {
                copyButtons.forEach(btn => {
                    btn.classList.remove('copied');
                    const textSpan = btn.querySelector('span');
                    if (textSpan) textSpan.textContent = 'Copy Full Prompt';
                });
            }, 2000);
        }).catch(err => {
            console.error('Failed to copy:', err);
        });
    }

    // Store original prompt for customization
    const originalPrompt = "## OBJECTIVE\r\nAssess workplace burnout risk using the Maslach Burnout Inventory (MBI) lens, extracting early warning signals from employee survey\/feedback text, linking those signals to organizational drivers, and producing a prevention-first intervention plan that targets systemic causes rather than individual \u201cresilience\u201d tips.\r\n\r\n## PERSONA\r\nAct as an organizational burnout forensics specialist: a former high-growth tech operator who personally hit severe burnout, then retrained deeply in the Maslach approach. Your writing style is calm, precise, and human\u2014direct about risk, careful not to sensationalize, and fluent in \u201ccorporate-speak translation.\u201d\r\n\r\n## CONSTRAINTS\r\n- Use the three MBI dimensions as the core organizing frame: **exhaustion**, **cynicism**, **reduced efficacy**.\r\n- Base claims on the provided data; cite evidence snippets or specific data points.\r\n- Separate **routine stress** from **burnout trajectory**; do not over-diagnose normal frustration.\r\n- Prioritize **system-level contributors** (work design, staffing, role clarity, leadership signals, incentives, process load) over individual coping tactics.\r\n- Recommendations must be **actionable**, **measurable**, and mindful of stated limits (budget\/time\/resources).\r\n- Handle sensitive content respectfully; avoid medical or clinical diagnosis language.\r\n\r\n### What This Is NOT\r\n- Not a medical assessment, therapy, or a statement that any individual \u201chas burnout.\u201d\r\n- Not a generic wellness menu (e.g., \u201ctry meditation\u201d) unless it is explicitly tied to an organizational root cause and paired with systemic change.\r\n- Not a legal\/HR compliance opinion or investigation into specific people.\r\n\r\n## PROCESS\r\n1. **Pre-Analysis Understanding (required):** Start by briefly stating your understanding of the organization context and what the provided dataset appears to contain, plus any assumptions you must make.\r\n2. **Signal Extraction:** Identify phrases, patterns, and metrics that indicate each MBI dimension. Translate euphemisms (e.g., \u201ccapacity challenges,\u201d \u201cengagement drift,\u201d \u201cperformance headwinds\u201d) into likely human experience while staying evidence-based.\r\n3. **Stress vs. Burnout Sorting:** Label signals as (a) normal acute stress, (b) persistent strain, or (c) escalating burnout risk\u2014explain why.\r\n4. **Organizational Driver Mapping:** For each dimension, connect signals to plausible organizational factors (e.g., workload volatility, unclear priorities, meeting load, staffing gaps, manager capability, low recognition, role conflict, lack of autonomy, unfairness).\r\n5. **Pattern Cuts:** Look for differences by team, role, tenure, geography, demographic group (only if present in the data), and highlight hotspots and protective pockets.\r\n6. **Intervention Design:** Propose a three-horizon plan:\r\n   - Rapid stabilizers (near-term relief and risk containment)\r\n   - Structural fixes (work redesign and operating model adjustments)\r\n   - Cultural\/leadership shifts (norms, incentives, accountability)\r\n7. **Edge Cases \/ Missing Info:** If inputs are thin or ambiguous, flag what\u2019s missing, provide best-effort provisional findings, and list the minimum extra data needed to increase confidence.\r\n\r\n## INPUTS\r\n- **Organization type:** [CONTEXT]\r\n- **Employee data (survey text, metrics, feedback reports):** [EMPLOYEE_DATA_SOURCE]\r\n- **Constraints (budget, time, resources, change limitations):** [ORGANIZATIONAL_CONSTRAINTS]\r\n- **Primary user segment (optional):** [TARGET_AUDIENCE]\r\n- **Preferred tone (optional):** [TONE]\r\n\r\n## OUTPUT SPECIFICATION\r\nUse clear headings and subheadings. Write in structured paragraphs plus bullets for evidence. Bold the most important risks and actions.\r\n\r\n### 1) Burnout Risk Assessment Summary\r\nInclude:\r\n- {Overall Risk Level} (Low \/ Medium \/ High \/ Critical)\r\n- {Top 3-5 Critical Findings} (bullets, bold key phrases)\r\n- {Most Affected Groups\/Functions} (if identifiable)\r\n- {Confidence Level} (High\/Medium\/Low based on data completeness)\r\n\r\n### 2) Exhaustion (MBI Dimension 1)\r\nProvide:\r\n- **Severity:** {Exhaustion Severity} (Low\/Medium\/High\/Critical)\r\n- **Evidence:** bullet list of {Evidence Snippet} items (quotes or data points)\r\n- **Interpretation:** what the evidence suggests (physical\/emotional\/cognitive depletion)\r\n- **Likely Organizational Contributors:** {Contributor List}\r\n- **Early-Warning Markers to Monitor Next:** {Monitoring Indicators}\r\n\r\n### 3) Cynicism \/ Detachment (MBI Dimension 2)\r\nProvide:\r\n- **Severity:** {Cynicism Severity}\r\n- **Evidence:** {Evidence Snippet} bullets (e.g., withdrawal, sarcasm, blame language, \u201cwhy bother\u201d tone)\r\n- **Interpretation:** what the distancing looks like in this org\r\n- **Likely Organizational Contributors:** {Contributor List}\r\n- **Protective Factors Present (if any):** {Protective Factors}\r\n\r\n### 4) Reduced Efficacy (MBI Dimension 3)\r\nProvide:\r\n- **Severity:** {Efficacy Severity}\r\n- **Evidence:** {Evidence Snippet} bullets (self-doubt, error rates if present, \u201cno impact,\u201d stalled progress)\r\n- **Interpretation:** how confidence\/achievement is eroding\r\n- **Likely Organizational Contributors:** {Contributor List}\r\n- **Second-Order Risks:** {Downstream Risks} (quality, safety, customer impact, attrition)\r\n\r\n### 5) Cross-Dimension Diagnosis (Root Cause View)\r\nSummarize:\r\n- {Primary Systemic Drivers} ranked\r\n- {Hotspots} (teams\/roles) and {Bright Spots} (where strain is lower and why)\r\n- {Stress vs Burnout Boundary Notes} (where language indicates normal pressure vs chronic harm)\r\n\r\n### 6) Prioritized Action Plan (Table Required)\r\nInclude a table with columns:\r\n- **Intervention**\r\n- **Timeline** (Immediate \/ Near-term \/ Long-term, with approximate windows)\r\n- **Resources Needed**\r\n- **Expected Impact** (measurable outcome + who benefits)\r\nAlso add:\r\n- {Top 3 \u201cStart This Week\u201d Actions}\r\n- {Metrics to Track} (leading + lagging indicators; avoid vanity metrics)\r\n\r\n## QUALITY CHECKS\r\nBefore finalizing, verify:\r\n- [ ] Each MBI dimension includes **severity**, **evidence**, and **organizational drivers** (not just symptoms).\r\n- [ ] At least one section clearly distinguishes **normal stress** from **burnout escalation** using the provided data.\r\n- [ ] Recommendations are **measurable** and feasible within [ORGANIZATIONAL_CONSTRAINTS].\r\n- [ ] Language avoids medical diagnosis and does not individualize blame.\r\n- [ ] If inputs are incomplete, missing elements are explicitly listed with a minimal data request.";
    const variables = ["[CONTEXT]","[EMPLOYEE_DATA_SOURCE]","[ORGANIZATIONAL_CONSTRAINTS]","[TARGET_AUDIENCE]","[TONE]"];
    // Initial render with highlighted variables
    document.addEventListener('DOMContentLoaded', function() {
        renderPromptWithHighlights();
    });

    // Live update prompt as user types
    document.querySelectorAll('.customize-input').forEach(input => {
        input.addEventListener('input', renderPromptWithHighlights);
    });

    function renderPromptWithHighlights() {
        const promptContent = document.getElementById('premium-prompt-content');
        if (!promptContent) return;

        let updatedPrompt = originalPrompt;
        let filledVariables = {};

        // Collect filled values
        document.querySelectorAll('.customize-input').forEach(input => {
            const placeholder = input.dataset.placeholder;
            const value = input.value.trim();

            if (value) {
                filledVariables[placeholder] = value;
            }
        });

        // Replace filled variables and highlight remaining
        let htmlContent = escapeHtml(updatedPrompt);

        variables.forEach(placeholder => {
            const escapedPlaceholder = escapeHtml(placeholder);
            const regex = new RegExp(escapeRegex(escapedPlaceholder), 'g');

            if (filledVariables[placeholder]) {
                // Show filled value with green highlight
                htmlContent = htmlContent.replace(regex,
                    '<span class="prompt-variable-filled">' + escapeHtml(filledVariables[placeholder]) + '</span>'
                );
            } else {
                // Show original placeholder with yellow highlight
                htmlContent = htmlContent.replace(regex,
                    '<span class="prompt-variable">' + escapedPlaceholder + '</span>'
                );
            }
        });

        promptContent.innerHTML = htmlContent;
    }

    function escapeRegex(string) {
        return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
    }

    function escapeHtml(text) {
        const div = document.createElement('div');
        div.textContent = text;
        return div.innerHTML;
    }

    function resetPrompt() {
        // Clear all input fields
        document.querySelectorAll('.customize-input').forEach(input => {
            input.value = '';
        });

        // Re-render with original placeholders highlighted
        renderPromptWithHighlights();

        // Visual feedback
        const resetBtns = document.querySelectorAll('.prompt-header-reset, .prompt-cta-reset');
        resetBtns.forEach(btn => {
            const originalText = btn.querySelector('span').textContent;
            btn.querySelector('span').textContent = 'Reset!';
            setTimeout(() => {
                btn.querySelector('span').textContent = originalText;
            }, 1000);
        });
    }


    function getCustomizedPrompt() {
        let updatedPrompt = originalPrompt;

        document.querySelectorAll('.customize-input').forEach(input => {
            const placeholder = input.dataset.placeholder;
            const value = input.value.trim();

            if (value) {
                const regex = new RegExp(escapeRegex(placeholder), 'g');
                updatedPrompt = updatedPrompt.replace(regex, value);
            }
        });

        return updatedPrompt;
    }
</script>

</div>

<div class="pro-tips-section">

<h2 class="wp-block-heading">Pro Tips for Better AI Prompt Results</h2>



<ul class="wp-block-list">

<li><strong>Bring real baselines, even if they’re rough.</strong> The prompt will ask for missing details, but you’ll get sharper guardrails if you provide today’s replacement rate, lost-in-transit rate, and average resolution time. If you don’t know, estimate and label it (“~2.3% of orders request replacements; median time to resolve is 3 days”). It’s better than guessing silently.</li>


<li><strong>Define “trust” in measurable terms.</strong> Service Recovery Paradox sounds fluffy until you quantify it. Tell the model what loyalty proxy you can actually see, like repeat purchase within 60 days, negative review rate, chargeback rate, or post-contact NPS. Follow-up prompt: “Use repeat purchase within 45 days as the loyalty metric; propose two recovery treatments and how we’d test them.”</li>


<li><strong>Segment by risk, not by emotion.</strong> Many teams write rules like “VIP customers get instant replacements,” which can be expensive and easy to abuse. Instead, provide segments such as: first-time buyers, repeat customers with 0 prior claims, repeat claimants (2+ claims in 90 days), and high-value basket shoppers. Ask: “Create a tiered policy matrix by claimant history and SKU value bands.”</li>


<li><strong>After the first output, force tradeoff stress tests.</strong> The prompt naturally balances speed, cost, and fraud resistance, but you should push it harder. Try: “Now make option 1 30% faster with slightly higher cost, and option 2 20% cheaper with slightly slower resolution. Explain the failure modes and where it breaks.”</li>


<li><strong>Use edge cases as your acceptance criteria.</strong> Honestly, if the workflow fails on backorders and partial shipments, it will fail in production. Feed 3-5 ugly examples (lost-in-transit high-value SKU, partial shipment missing 1 unit, regulated item replacement restrictions), then ask: “Rewrite the decision rules so these cases are unambiguous, including escalation ownership and customer messaging constraints.”</li>

</ul>

</div>

<div class="related-prompts-section">

<h2 class="wp-block-heading">Related Prompts</h2>



<p>Once your replacement recovery workflow is stable, these prompts help you reduce repeat incidents and recover margin on the back end:</p>



<p>If you also need to offset replacement costs with smarter revenue capture, <a href="https://flowpast.com/prompts/build-post-purchase-cross-sell-flows-with-this-ai-prompt/">Build Post-Purchase Cross-Sell Flows with this AI Prompt</a> is a practical next step. When a replacement is shipped, the timing and message need to be sensitive; a structured post-purchase flow helps you choose offers that feel helpful, not opportunistic.</p>



<p>For teams doing larger catalog cleanups, <a href="https://flowpast.com/prompts/find-high-margin-low-return-product-categories-ai-prompt/">Find High-Margin Low-Return Product Categories AI Prompt</a> pairs well with recovery work. Replacements often hide which SKUs are actually creating the operational drag, so identifying “profit-dense, low-return” categories helps you shift merchandising and ad spend toward healthier lines.</p>



<p>When your leadership wants a cleaner plan for increasing AOV (without increasing support burden), use <a href="https://flowpast.com/prompts/create-complementary-product-bundles-with-this-ai-prompt/">Create Complementary Product Bundles with this AI Prompt</a>. Bundles can reduce downstream replacement noise by improving product fit and expectations, especially when you bundle accessories that prevent damage or misuse.</p>


<br>


<p>Quick reference:</p>



<ul class="wp-block-list">

<li><a href="https://flowpast.com/prompts/build-post-purchase-cross-sell-flows-with-this-ai-prompt/">Build Post-Purchase Cross-Sell Flows with this AI Prompt</a>: Post-purchase offers timed to customer events.</li>


<li><a href="https://flowpast.com/prompts/find-high-margin-low-return-product-categories-ai-prompt/">Find High-Margin Low-Return Product Categories AI Prompt</a>: Spot profitable categories with fewer returns.</li>


<li><a href="https://flowpast.com/prompts/create-complementary-product-bundles-with-this-ai-prompt/">Create Complementary Product Bundles with this AI Prompt</a>: Bundle ideas that improve fit and value.</li>


<li><a href="https://flowpast.com/prompts/build-an-upsell-and-cross-sell-playbook-with-this-ai-prompt/">Build an Upsell and Cross-Sell Playbook with this AI Prompt</a>: Full upsell/cross-sell strategy and rules.</li>


<li><a href="https://flowpast.com/prompts/build-cross-sell-and-up-sell-playbooks-ai-prompt/">Build Cross-Sell and Up-Sell Playbooks AI Prompt</a>: Offer mapping by segment and moment.</li>

</ul>

</div>

<div class="faq-section">

<h2 class="wp-block-heading">Common Questions</h2>


<div class="faq-item">
<span class="question">Which roles benefit most from this replacement recovery workflow AI prompt?</span>

<p class="answer"><strong>Head of Customer Support</strong> uses this to standardize replacement decisions so agents stop improvising and escalations drop. <strong>Fulfillment / Warehouse Operations Managers</strong> rely on it to connect replacement volume to pick-pack, inventory accuracy, and carrier handoff issues, not just “customer claims.” <strong>Fraud and Risk Analysts</strong> apply it to design evidence thresholds and repeat-claimant controls that don’t create new incentives to game the system. <strong>Customer Experience Managers</strong> use the Service Recovery Paradox elements to test recovery treatments that actually lift loyalty, not just short-term satisfaction.</p>

</div>

<div class="faq-item">
<span class="question">Which industries get the most value from this replacement recovery workflow AI prompt?</span>

<p class="answer"><strong>DTC e-commerce brands</strong> get value because replacement speed and tone directly impact repeat purchase, and fraud rings often target easy “reship” policies. The prompt helps them build tiered rules for claimant history, SKU value, and delivery proof. <strong>Marketplaces and multi-channel sellers</strong> benefit when marketplace policies conflict with DTC policies, because the workflow forces channel-specific decisioning and escalation paths. <strong>Subscription box and replenishment businesses</strong> use it to reduce churn by treating missing/late boxes as a recoverable experience, with controlled compensation and tight SLAs. <strong>Consumer electronics and high-value goods</strong> teams apply it to high-risk edge cases like serial numbers, porch piracy claims, and regulated shipping constraints.</p>

</div>

<div class="faq-item">
<span class="question">Why do basic AI prompts for building a replacement recovery workflow produce weak results?</span>

<p class="answer">A typical prompt like “Write me a replacement workflow for my store” fails because it: lacks a DMAIC backbone, so it never reaches measurement and control. It provides no abuse-resistant decision rules, which accidentally encourages “replacement shopping” and repeat claiming. It ignores operational constraints like backorders, marketplace visibility gaps, and contact-center capacity, so the workflow reads well but won’t run. It produces generic steps instead of edge-case handling for high-value SKUs, partial shipments, and lost-in-transit scenarios, where most real disputes happen. And it misses Service Recovery Paradox thinking, so you get cost-cutting guidance rather than loyalty-improving recovery treatments you can test.</p>

</div>

<div class="faq-item">
<span class="question">Can I customize this replacement recovery workflow prompt for my specific situation?</span>

<p class="answer">Yes. The prompt is designed to pause and ask for the minimum missing inputs, then adapt to your volume, current SLAs, customer segments, technical and integration limits, and operational capacity. You can steer it by being explicit about constraints (for example, “no carrier API access,” “WMS updates nightly,” or “agents cannot request ID verification in checkout markets”). After the first staged release, ask a follow-up like: “Rebuild the workflow for 15,000 orders/day, 65% marketplace, 48-hour replacement SLA, and a strict limit on manual reviews. Show what must be automated vs. handled by specialists.”</p>

</div>

<div class="faq-item">
<span class="question">What are the most common mistakes when using this replacement recovery workflow prompt?</span>

<p class="answer">The biggest mistake is leaving your context too vague, like “We do a lot of replacements,” instead of “We ship 4,000 orders/day, replacements are 2.8%, and 40% are ‘delivered-not-received’ claims.” Another common error is not naming your hard constraints; “We can integrate anything” leads to unrealistic automations, while “We only have Shopify + Zendesk, no custom app changes for 60 days” produces an implementable plan. Teams also forget to specify abuse patterns they already see (bad: “some fraud”; good: “repeat claimants with 3+ DNR claims in 30 days, often on high-value SKUs”). Finally, people skip edge cases; if you don’t mention backorders, partial shipments, and regulated items up front, you’ll end up patching the process later with inconsistent exceptions.</p>

</div>

<div class="faq-item">
<span class="question">Who should NOT use this replacement recovery workflow prompt?</span>

<p class="answer">This prompt isn’t ideal for one-off situations where you only need a single email template or a quick “approve/deny” script. It also won’t help much if you have not validated your basic fulfillment data (order status accuracy, inventory truth, carrier scan reliability), because DMAIC recommendations depend on measurable signals. And if your team wants a lightweight checklist rather than an operating model with guardrails and controls, it may feel like overkill. In those cases, start by documenting your current steps and failure reasons for two weeks, then come back with real examples.</p>

</div>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Which roles benefit most from this replacement recovery workflow AI prompt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Head of Customer Support uses this to standardize replacement decisions so agents stop improvising and escalations drop. Fulfillment / Warehouse Operations Managers rely on it to connect replacement volume to pick-pack, inventory accuracy, and carrier handoff issues, not just “customer claims.” Fraud and Risk Analysts apply it to design evidence thresholds and repeat-claimant controls that don’t create new incentives to game the system. Customer Experience Managers use the Service Recovery Paradox elements to test recovery treatments that actually lift loyalty, not just short-term satisfaction."
      }
    },
    {
      "@type": "Question",
      "name": "Which industries get the most value from this replacement recovery workflow AI prompt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "DTC e-commerce brands get value because replacement speed and tone directly impact repeat purchase, and fraud rings often target easy “reship” policies. The prompt helps them build tiered rules for claimant history, SKU value, and delivery proof. Marketplaces and multi-channel sellers benefit when marketplace policies conflict with DTC policies, because the workflow forces channel-specific decisioning and escalation paths. Subscription box and replenishment businesses use it to reduce churn by treating missing/late boxes as a recoverable experience, with controlled compensation and tight SLAs. Consumer electronics and high-value goods teams apply it to high-risk edge cases like serial numbers, porch piracy claims, and regulated shipping constraints."
      }
    },
    {
      "@type": "Question",
      "name": "Why do basic AI prompts for building a replacement recovery workflow produce weak results?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "A typical prompt like “Write me a replacement workflow for my store” fails because it: lacks a DMAIC backbone, so it never reaches measurement and control. It provides no abuse-resistant decision rules, which accidentally encourages “replacement shopping” and repeat claiming. It ignores operational constraints like backorders, marketplace visibility gaps, and contact-center capacity, so the workflow reads well but won’t run. It produces generic steps instead of edge-case handling for high-value SKUs, partial shipments, and lost-in-transit scenarios, where most real disputes happen. And it misses Service Recovery Paradox thinking, so you get cost-cutting guidance rather than loyalty-improving recovery treatments you can test."
      }
    },
    {
      "@type": "Question",
      "name": "Can I customize this replacement recovery workflow prompt for my specific situation?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Yes. The prompt is designed to pause and ask for the minimum missing inputs, then adapt to your volume, current SLAs, customer segments, technical and integration limits, and operational capacity. You can steer it by being explicit about constraints (for example, “no carrier API access,” “WMS updates nightly,” or “agents cannot request ID verification in checkout markets”). After the first staged release, ask a follow-up like: “Rebuild the workflow for 15,000 orders/day, 65% marketplace, 48-hour replacement SLA, and a strict limit on manual reviews. Show what must be automated vs. handled by specialists.”"
      }
    },
    {
      "@type": "Question",
      "name": "What are the most common mistakes when using this replacement recovery workflow prompt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "The biggest mistake is leaving your context too vague, like “We do a lot of replacements,” instead of “We ship 4,000 orders/day, replacements are 2.8%, and 40% are ‘delivered-not-received’ claims.” Another common error is not naming your hard constraints; “We can integrate anything” leads to unrealistic automations, while “We only have Shopify + Zendesk, no custom app changes for 60 days” produces an implementable plan. Teams also forget to specify abuse patterns they already see (bad: “some fraud”; good: “repeat claimants with 3+ DNR claims in 30 days, often on high-value SKUs”). Finally, people skip edge cases; if you don’t mention backorders, partial shipments, and regulated items up front, you’ll end up patching the process later with inconsistent exceptions."
      }
    },
    {
      "@type": "Question",
      "name": "Who should NOT use this replacement recovery workflow prompt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "This prompt isn’t ideal for one-off situations where you only need a single email template or a quick “approve/deny” script. It also won’t help much if you have not validated your basic fulfillment data (order status accuracy, inventory truth, carrier scan reliability), because DMAIC recommendations depend on measurable signals. And if your team wants a lightweight checklist rather than an operating model with guardrails and controls, it may feel like overkill. In those cases, start by documenting your current steps and failure reasons for two weeks, then come back with real examples."
      }
    }
  ]
}
</script>
</div>

<div class="closing-section">

<p>Replacements don’t have to be a margin leak or a fraud magnet. Put this prompt into your AI tool, follow the staged “continue” flow, and walk away with a recovery operating model your team can actually run.</p>

</div>]]></content:encoded>
					
		
		
		<media:content url="https://flowpast.s3.eu-north-1.amazonaws.com/featured_blog_images/5002883.webp" medium="image"></media:content>
            	</item>
		<item>
		<title>Build Responsive Website Navigation with this AI Prompt</title>
		<link>https://flowpast.com/prompts/build-responsive-website-navigation-with-this-ai-prompt/</link>
		
		<dc:creator><![CDATA[Lisa Granqvist]]></dc:creator>
		<pubDate>Fri, 23 Jan 2026 02:46:13 +0000</pubDate>
				<category><![CDATA[Prompts]]></category>
		<guid isPermaLink="false">https://flowpast.com/?p=5001437</guid>

					<description><![CDATA[Menus feel unfamiliar and clunky - this AI Prompt delivers responsive accessible nav HTML CSS plus minimal JS with dropdowns and focus. Access our full AI prompt library for every model.]]></description>
										<content:encoded><![CDATA[<!-- FOCUS_KEYWORD: responsive website navigation -->
<div class="hook-introduction">

<p>Your navigation is “fine” until someone tries to use it on a phone with one thumb. Or until a keyboard user gets trapped in a dropdown. Or until your “clever” hamburger icon hides the most important pages behind an interaction no one asked for.</p>



<p>This <strong>responsive website navigation</strong> is built for <strong>web designers</strong> who need a familiar menu pattern that won’t spark stakeholder debates, <strong>frontend developers</strong> who want accessible HTML/CSS with minimal JavaScript instead of a heavy framework, and <strong>marketing teams</strong> who are tired of nav changes quietly tanking conversion. The output is implementation-ready HTML/CSS plus minimal JS for mobile and desktop behavior, with dropdowns, focus management, and practical guidance you can actually ship.</p>

</div>

<div class="what-and-when-section">

<h2 class="wp-block-heading">What Does This AI Prompt Do and When to Use It?</h2>



<table class="solution-results-table three-column" role="presentation" aria-label="What this prompt does, when to use it, and what you get">
 <thead>
    <tr>
      <th scope="col">What This Prompt Does</th>
      <th scope="col">When to Use This Prompt</th>
      <th scope="col">What You&#8217;ll Get</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <ul class="automation-list">
          <li>It selects a familiar navigation pattern based on site type and user expectations (Jakob’s Law) rather than novelty.</li>
          <li>It generates semantic, accessible HTML structure for menus and dropdowns, using ARIA only where it’s truly needed.</li>
          <li>It writes mobile-first CSS for layout, hit targets, and responsive breakpoints, then layers in desktop “power browsing” behavior.</li>
          <li>It adds minimal, unobtrusive JavaScript for toggling, state announcements, and keyboard-safe dropdown interaction.</li>
          <li>It includes implementation guidance that calls out assumptions, performance considerations, and small information-architecture fixes to flag (not rewrite).</li>
       </ul>
      </td>
      <td>
        <ul class="results-list">
          <li>You’re redesigning a header and want to avoid a “looks cool, feels confusing” navigation rollout.</li>
          <li>Your current dropdowns are mouse-only, and QA keeps finding tab-order and focus issues on desktop.</li>
          <li>Mobile users are bouncing because the menu is hard to reach, hard to tap, or hides the primary pages behind unclear icons.</li>
          <li>You need a clean baseline that passes accessibility reviews without turning into a multi-sprint refactor.</li>
          <li>Your site is growing and the nav is starting to sprawl, so you need controlled dropdowns and clear hierarchy fast.</li>
        </ul>
      </td>
       <td>
         <ul class="deliverables-list">
           <li>A complete responsive navigation code bundle (HTML + CSS + minimal JS) ready to paste into a project.</li>
           <li>Keyboard interaction rules documented in plain language (Tab, Shift+Tab, Enter, Escape, arrow keys where appropriate).</li>
           <li>A dropdown behavior spec covering open/close triggers, click-outside handling, and focus return behavior.</li>
           <li>A list of explicit assumptions plus 3–6 clarification questions to tighten fit if you provide more context.</li>
           <li>A short implementation checklist for accessibility and performance, including what to test before shipping.</li>
         </ul>
       </td>
    </tr>
  </tbody>
</table>

</div>

<div class="prompt-display-section">

<h2 class="wp-block-heading">The Full AI Prompt: Responsive Accessible Navigation System</h2>



<div class="prompt-viewer-wrapper" id="prompt-section">
    <div class="prompt-comparison-row prompt-premium">
        <!-- Header with buttons -->
        <div class="prompt-row-header">
            <!-- <span class="prompt-row-icon">✨</span> -->
            <span class="prompt-row-title">
                                    Step 1: Customize the prompt with your input
                            </span>
            <div class="prompt-header-buttons">
                                    <button class="prompt-header-btn prompt-header-reset" onclick="resetPrompt()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
                            <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
                        </svg>
                        <span>Reset</span>
                    </button>
                                <button class="prompt-header-btn prompt-header-copy-green flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                        <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                        <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                    </svg>
                    <span>Customize and Copy Full Prompt</span>
                </button>
            </div>
        </div>

        <!-- Customize the Prompt Section -->
                    <div class="prompt-customize-section">
                <span class="customize-title">Customize the Prompt</span>
                <p class="customize-subtitle">Fill in the fields below to personalize this prompt for your needs.</p>
                <table class="customize-table">
                    <thead>
                        <tr>
                            <th>Variable</th>
                            <th>What to Enter</th>
                            <th>Customise the prompt</th>
                        </tr>
                    </thead>
                    <tbody>
                                                    <tr>
                                <td class="var-name"><code>[CONTEXT]</code></td>
                                <td class="var-desc">
                                    Provide the structure and key sections of the website, including the main navigation items and their organization. Be as detailed as possible.                                    <div class="var-example">For example: "Home, About Us, Services (with submenus for Consulting, Development, and Training), Blog, Contact Us."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[CONTEXT]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[NUMBER_OF_MENU_ITEMS]</code></td>
                                <td class="var-desc">
                                    Specify the number of primary navigation items that will appear in the menu. This helps define the scope of the navigation system.                                    <div class="var-example">For example: "6"</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[NUMBER_OF_MENU_ITEMS]"
                                            placeholder="Enter your value here..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[TARGET_AUDIENCE]</code></td>
                                <td class="var-desc">
                                    Describe the primary users of the website, including their technical proficiency, needs, and browsing habits.                                    <div class="var-example">For example: "Small business owners who are looking for affordable digital marketing services, typically aged 30-50 with moderate technical skills."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[TARGET_AUDIENCE]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[BRAND_VOICE]</code></td>
                                <td class="var-desc">
                                    Define the tone and style of communication for the website. Include adjectives or phrases that describe the desired voice.                                    <div class="var-example">For example: "Professional yet approachable, with a focus on clarity and trustworthiness."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[BRAND_VOICE]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[INDUSTRY]</code></td>
                                <td class="var-desc">
                                    Specify the industry or sector the website represents. This will help tailor the navigation and design conventions.                                    <div class="var-example">For example: "Healthcare technology focused on patient data management solutions."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[INDUSTRY]"
                                            placeholder="Enter your value here..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[PLATFORM]</code></td>
                                <td class="var-desc">
                                    Indicate the primary platform or CMS the website will be built on. This helps align navigation implementation with technical constraints.                                    <div class="var-example">For example: "WordPress with Elementor, or Shopify for e-commerce functionality."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[PLATFORM]"
                                            placeholder="Enter your value here..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[SPECIAL_REQUIREMENTS]</code></td>
                                <td class="var-desc">
                                    List any specific needs or constraints for the navigation system, such as multilingual support, integration with analytics, or compliance standards.                                    <div class="var-example">For example: "Multilingual support for English and Spanish, GDPR compliance, and integration with Google Analytics."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[SPECIAL_REQUIREMENTS]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                            </tbody>
                </table>

                <button class="copy-customized-btn flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
                        <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                        <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                    </svg>
                    <span class="copy-customized-text">Customise the prompt now</span>
                </button>
            </div>
        
        <!-- Full Prompt Code Header -->
                    <div class="prompt-code-header">
                <span class="prompt-code-title">
                    Step 2: Copy the Prompt
                </span>
                <div class="prompt-code-buttons">
                    <!-- Reset: Only visible when unlocked -->
                    <button class="prompt-header-btn prompt-header-reset btn-when-unlocked" onclick="resetPrompt()" style="display: none;">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
                            <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
                        </svg>
                        <span>Reset</span>
                    </button>
                    <!-- Copy Full Prompt -->
                    <button class="prompt-header-btn prompt-header-copy flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                            <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                        </svg>
                        <span>Copy Full Prompt</span>
                    </button>
                </div>
            </div>
        

        <!-- Prompt Content -->
        <div class="prompt-box prompt-gated-wrapper">
            <!-- Gated: Blurred content -->
            <div class="prompt-gated-content">
                <div class="prompt-header-visible">OBJECTIVE</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">PERSONA</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">CONSTRAINTS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">What This Is NOT</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">PROCESS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">INPUTS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">OUTPUT SPECIFICATION</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">1) Navigation Blueprint</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">2) HTML (Semantic + Accessible)</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">3) CSS (Responsive + States + Motion)</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">4) JavaScript (Only If Needed)</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">5) Implementation Notes</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">6) Accessibility Confirmation Checklist</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">7) Browser Compatibility Notes</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">QUALITY CHECKS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div>            </div>
            <!-- Unlocked: Full content (hidden by default) -->
            <div class="prompt-content-full" id="premium-prompt-content" style="display: none;">
                ## OBJECTIVE
Design a website navigation system that feels instantly familiar to users (leveraging Jakob’s Law), works smoothly on mobile and desktop, supports dropdowns where needed, and meets accessibility and performance expectations. Deliver ready-to-use HTML/CSS/JS plus practical implementation guidance.

## PERSONA
Act as a navigation-focused UX architect with a background in cognitive psychology and behavioral usability research. Communicate in a clear, pragmatic style: explain decisions in terms of user expectation, scanning behavior, and cross-device constraints—without chasing novelty for its own sake.

## CONSTRAINTS
- Favor established web conventions over experimental layouts.
- Mobile-first: navigation must be effortless for thumb use and small screens.
- Desktop must support “power browsing” with robust dropdown behavior and full keyboard support.
- Accessibility is non-negotiable: semantic markup, focus management, ARIA only where necessary, and screen-reader-friendly state announcements.
- Performance-minded: prefer CSS transitions; keep JavaScript minimal and unobtrusive.
- Do not hide core navigation behind unclear icons or interactions that require instruction.

### What This Is NOT
- Not a brand-new navigation paradigm or “inventive” interaction concept.
- Not a full IA rewrite or content strategy (unless the provided hierarchy is clearly broken—then only flag issues and suggest small corrections).
- Not a design mockup in Figma; produce implementation-ready code and guidance.

## PROCESS
1. **Pre-analysis acknowledgement (required):** Briefly restate what you’re building and the key constraints you’ll follow, based on the provided inputs.
2. **Clarify missing info:** If any inputs are incomplete/ambiguous, ask focused questions first. If the user requests “just give me something,” proceed with sensible defaults and explicitly label assumptions.
3. **Expectation mapping:** Infer standard navigation patterns for the given site type and user technical comfort; align placement, labels, and interaction behaviors accordingly.
4. **Mobile-first build:** Define the small-screen experience first (hamburger-triggered menu, tap behaviors, focus handling, clear close mechanism).
5. **Desktop enhancement:** Add larger-screen layout (horizontal bar or sidebar as appropriate), dropdowns/mega-menu behavior if needed, and hover intent + touch fallbacks.
6. **Accessibility layer:** Add skip link, keyboard navigation flows, focus styles, ARIA labeling/state management, and screen-reader announcements where appropriate.
7. **Polish + states:** Implement active/current indicators, parent highlighting when in subsections, and subtle transitions that don’t harm usability.
8. **Performance + compatibility:** Keep scripts lightweight, avoid heavy DOM churn, and note browser support expectations.

## INPUTS
- **Site hierarchy / main sections:** [CONTEXT]
- **Count of top-level items:** [NUMBER_OF_MENU_ITEMS]
- **Primary user segment (and technical comfort):** [TARGET_AUDIENCE]
- **Brand/visual constraints:** [BRAND_VOICE]
- **Site category / industry:** [INDUSTRY]
- **Platform/context notes (optional: CMS/framework, existing header constraints):** [PLATFORM]
- **Any special requirements (optional: mega-menu, login area, language switcher):** [SPECIAL_REQUIREMENTS]

## OUTPUT SPECIFICATION
Provide the solution with the following deliverable structure:

### 1) Navigation Blueprint
- {Recommended Navigation Pattern} (e.g., top bar + dropdowns; sidebar for docs; etc.)
- {Menu Model} (flat vs nested; how many levels supported)
- {Key Jakob’s Law Decisions} (placement, labels, icons, interaction expectations)

### 2) HTML (Semantic + Accessible)
- One complete snippet including:
  - {Skip Link}
  - {Header/Nav Landmark}
  - {Menu Button} (mobile trigger)
  - {Menu List Markup}
  - Required ARIA only where justified

### 3) CSS (Responsive + States + Motion)
- Mobile-first styles plus desktop breakpoints
- {Focus Styles}
- {Active/Current Styles}
- {Hover/Expanded Styles}
- {Transition Rules} (CSS-based, modest and purposeful)

### 4) JavaScript (Only If Needed)
- A minimal script for:
  - {Menu Toggle Behavior}
  - {Dropdown Expand/Collapse}
  - {Keyboard Interactions} (Escape to close, arrow/tab behavior where applicable)
  - {ARIA State Sync} (e.g., aria-expanded)
- If JS is not needed, state {Reason JS Was Avoided}.

### 5) Implementation Notes
- {Assumptions Made}
- {How To Add/Remove Items}
- {Dropdown Level Guidance} (and limits)
- {Touch Device Fallback Behavior}
- {Performance Considerations}

### 6) Accessibility Confirmation Checklist
Include a checklist verifying:
- {Keyboard Reachability}
- {Visible Focus}
- {Skip Link Works}
- {Screen Reader Announcements}
- {ARIA Validity}
- {No Keyboard Traps}

### 7) Browser Compatibility Notes
- {Supported Browsers}
- {Known Limitations}
- {Fallbacks}

## QUALITY CHECKS
Before finalizing, verify and explicitly confirm:
- Navigation placement, iconography, and interactions match common conventions for [INDUSTRY] (Jakob’s Law alignment).
- Works under and over the mobile breakpoint, with no broken intermediate states.
- All interactive elements are usable by keyboard alone and have visible focus.
- Current page and section states are clearly indicated (including parent highlighting).
- JavaScript is minimal; transitions are primarily CSS; no unnecessary reflows or heavy listeners.            </div>
        </div>


    </div>

    <!-- CTA Row - Full width buttons -->
    <div class="prompt-cta-row">
        <button class="prompt-cta-btn prompt-cta-copy flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
                <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
            </svg>
            <span class="cta-copy-text">Copy Full Prompt</span>
        </button>
    </div>
</div>

<style>
    /* Gated prompt states */
    .prompt-gated-wrapper {
        position: relative;
    }

    /* When unlocked - show full content, hide gated */
    body.flowpast-unlocked .prompt-gated-wrapper .prompt-gated-content {
        display: none;
    }

    body.flowpast-unlocked .prompt-gated-wrapper .prompt-content-full {
        display: block !important;
    }

    /* Show/hide elements based on unlock state */
    body.flowpast-unlocked .btn-when-unlocked {
        display: inline-flex !important;
    }

    .prompt-viewer-wrapper {
        scroll-margin-top: 250px;
    }

    /* ========================================
   PROMPT VIEWER - MAIN WRAPPER
   ======================================== */
    .prompt-viewer-wrapper {
        margin: 30px 0;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    /* ========================================
   PROMPT BOX CONTAINER
   ======================================== */
    .prompt-comparison-row {
        border-radius: 12px;
        overflow: hidden;
        border: 1px solid #e0e0e0;
        background: #fff;
    }

    /* ========================================
   HEADER WITH BUTTONS
   ======================================== */
    .prompt-row-header {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 14px 20px;
        color: #fff !important;
        background: #141414;
        border-bottom: 1px solid #e0e0e0;
        flex-wrap: wrap;
    }

    .prompt-row-icon {
        font-size: 20px;
    }

    .prompt-row-title {
        font-weight: 600;
        font-size: 22px;
        color: #fff !important;
        text-decoration: underline
    }

    .prompt-header-buttons {
        margin-left: auto;
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }

    /* Header buttons */
    .prompt-header-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 20px;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        text-decoration: none;
        border: none;
    }

    .prompt-header-copy {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-header-copy:hover {
        background: #2a2a2a;
    }

    .prompt-header-copy.copied {
        background: #2e7d32;
    }

    .prompt-header-copy-green {
        background: #04AA6D !important;
        color: #fff !important;
    }

    .prompt-header-copy-green:hover {
        background: #039860 !important;
    }

    .prompt-header-copy-green.copied {
        background: #2e7d32 !important;
    }

    .prompt-header-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
    }

    .prompt-header-access:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-1px);
    }

    /* ========================================
   PROMPT CONTENT - FULL (NO SCROLL)
   ======================================== */
    .prompt-box {
        background: #ffffff;
    }

    .prompt-content-full {
        padding: 24px;
        margin: 0;
        color: #202124;
        background: #ffffff;
        font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
        font-size: 13px;
        line-height: 1.7;
        white-space: pre-wrap;
        word-wrap: break-word;
        /* No scroll - show full content */
        max-height: none;
        overflow: visible;
    }

    /* Highlighted variable in prompt */
    .prompt-variable {
        background: #fff3cd;
        color: #1967d2;
        font-weight: 700;
        padding: 2px 4px;
        border-radius: 3px;
        border: 1px solid #ffc107;
    }

    .prompt-variable-filled {
        background: #d4edda;
        color: #155724;
        font-weight: 700;
        padding: 2px 4px;
        border-radius: 3px;
        border: 1px solid #28a745;
    }

    /* ========================================
   GATED CONTENT (NO ACCESS)
   ======================================== */
    .prompt-gated-content {
        padding: 24px;
        background: #ffffff;
        font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
        font-size: 13px;
        line-height: 1.8;
        max-height: none;
        overflow: visible;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        cursor: default;
    }

    /* ## headers - larger, black */
    .prompt-header-visible {
        color: #202124;
        font-weight: 600;
        margin: 5px 0 0px 0;
        font-size: 20px;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        text-decoration: underline;
        text-underline-offset: 4px;
    }

    /* ### headers - smaller, black */
    .prompt-header-visible.subheader {
        color: #202124;
        font-weight: 600;
        margin: 5px 0;
        font-size: 18px;
    }

    .prompt-header-visible:first-child {
        margin-top: 0;
    }

    /* ========================================
   LOCKED SECTION BLOCK
   ======================================== */
    .locked-section {
        position: relative;
        margin: 4px 0 8px 0;
        border-radius: 6px;
        overflow: hidden;
        background: linear-gradient(110deg, #e2e8f0 8%, #f1f5f9 18%, #e2e8f0 33%);
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

    .locked-section-bg {
        position: relative;
    }

    .locked-section-lines {
        padding: 8px 12px;
        position: relative;
    }

    .locked-line {
        height: 6px;
        background: rgba(255, 255, 255, 0.6);
        border-radius: 3px;
        margin-bottom: 4px;
        margin-left: 12px;
    }

    .locked-line:last-child {
        margin-bottom: 0;
    }

    .locked-section-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 10;
        font-size: 24px;
        filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1));
    }

    /* Subheader locked sections - slightly indented */
    /*  .prompt-header-visible.subheader+.locked-section {
        margin-left: 16px;
    } */

    /* ========================================
   COMPATIBILITY BADGES
   ======================================== */
    .prompt-compatibility {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        padding: 12px 20px;
        background: #f8f9fa;
        border-top: 1px solid #e0e0e0;
    }

    .compat-label {
        font-size: 13px;
        color: #5f6368;
        font-weight: 500;
    }

    .compat-badge {
        padding: 4px 10px;
        background: #e8f0fe;
        color: #1967d2;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 500;
    }

    /* ========================================
   CTA ROW - FULL WIDTH BUTTONS
   ======================================== */
    .prompt-cta-row {
        display: flex;
        gap: 16px;
        flex-wrap: wrap;
    }

    .prompt-cta-btn {
        flex: 1;
        min-width: 200px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 16px 24px;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        text-decoration: none;
        border: none;
    }

    .prompt-cta-copy {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-cta-copy:hover {
        background: #2a2a2a;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    .prompt-cta-copy.copied {
        background: #2e7d32;
    }

    .prompt-cta-reset {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-cta-reset:hover {
        background: #2a2a2a;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    .prompt-cta-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
    }

    .prompt-cta-access:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(5, 152, 98, 0.3);
    }

    /* ========================================
    CUSTOMIZE YOUR PROMPT SECTION
    ======================================== */
    .prompt-customize-section {
        padding: 24px;
        border-bottom: 1px solid #e0e0e0;
        background: #fafbfc;
    }

    .customize-title {
        margin: 0 0 8px 0;
        font-size: 18px;
        font-weight: 700;
        color: #202124;
    }

    .customize-subtitle {
        margin: 0 0 20px 0;
        font-size: 14px;
        color: #5f6368;
    }

    .customize-table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 20px;
    }

    .customize-table th {
        text-align: left;
        padding: 12px;
        background: #f1f3f4;
        border: 1px solid #e0e0e0;
        font-size: 13px;
        font-weight: 600;
        color: #202124;
    }

    .customize-table td {
        padding: 12px;
        border: 1px solid #e0e0e0;
        vertical-align: top;
    }

    .customize-table .var-name {
        width: 25%;
        background: #f8f9fa;
    }

    .customize-table .var-name code {
        background: #fff3cd;
        color: #1967d2;
        border: 1px solid #ffc107;
        padding: 4px 8px;
        border-radius: 4px;
        font-size: 12px;
        word-break: break-all;
        font-weight: 600;
    }

    .customize-table .var-desc {
        width: 35%;
        font-size: 13px;
        color: #5f6368;
        line-height: 1.5;
    }

    .customize-table .var-example {
        margin-top: 8px;
        padding: 8px 10px;
        background: #f8f9fa;
        border-left: 3px solid #dadce0;
        font-size: 12px;
        color: #5f6368;
        font-style: italic;
        border-radius: 0 4px 4px 0;
    }

    .customize-table .var-input {
        width: 40%;
    }

    .customize-input {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #dadce0;
        border-radius: 6px;
        font-size: 13px;
        font-family: inherit;
        resize: vertical;
        transition: border-color 0.2s, box-shadow 0.2s;
    }

    .customize-input:focus {
        outline: none;
        border-color: rgb(5, 152, 98);
        box-shadow: 0 0 0 3px rgba(5, 152, 98, 0.1);
    }

    .customize-input::placeholder {
        color: #9aa0a6;
        font-style: italic;
    }

    .copy-customized-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        width: 100%;
        padding: 16px 24px;
        background: rgb(5, 152, 98);
        color: #fff;
        border: none;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
    }

    .copy-customized-btn:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(5, 152, 98, 0.3);
    }

    .copy-customized-btn.copied {
        background: #2e7d32;
    }

    /* ========================================
    FULL PROMPT CODE HEADER
    ======================================== */
    .prompt-code-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 20px;
        color: #fff !important;
        background: #141414;
        border-bottom: 1px solid #e0e0e0;
    }

    .prompt-code-title {
        font-size: 22px;
        font-weight: 600;
        text-decoration: underline;

    }

    .prompt-code-buttons {
        display: flex;
        gap: 8px;
    }

    .prompt-code-buttons .prompt-header-btn {
        padding: 8px 14px;
        font-size: 13px;
        background: #ffffff;
        color: #202124;
        border: 1px solid #dadce0;
    }

    .prompt-code-buttons .prompt-header-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
        border-color: rgb(5, 152, 98);
    }

    .prompt-code-buttons .prompt-header-btn.prompt-header-access:hover {
        background: rgb(4, 130, 83) !important;
        border-color: rgb(4, 130, 83);
        color: #fff !important;
    }

    .prompt-code-buttons .prompt-header-btn:hover {
        background: #f1f3f4;
    }

    .prompt-code-buttons .prompt-header-copy.copied {
        background: #d4edda;
        color: #155724;
        border-color: #28a745;
    }

    .prompt-header-reset {
        background: #ffffff;
        color: #202124;
    }

    /* ========================================
   RESPONSIVE
   ======================================== */
    @media (max-width: 768px) {
        .prompt-row-header {
            flex-direction: column;
            align-items: flex-start;
            gap: 12px;
        }

        .prompt-header-buttons {
            margin-left: 0;
            width: 100%;
        }

        .prompt-header-btn {
            flex: 1;
            justify-content: center;
        }

        .prompt-cta-row {
            flex-direction: column;
        }

        .prompt-cta-btn {
            width: 100%;
        }

        /* Customize table responsive */
        .customize-table,
        .customize-table thead,
        .customize-table tbody,
        .customize-table tr,
        .customize-table th,
        .customize-table td {
            display: block;
        }

        .customize-table thead {
            display: none;
        }

        .customize-table tr {
            margin-bottom: 16px;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            overflow: hidden;
        }

        .customize-table td {
            width: 100% !important;
            border: none;
            border-bottom: 1px solid #e0e0e0;
        }

        .customize-table td:last-child {
            border-bottom: none;
        }

        .customize-table .var-name {
            background: #f1f3f4;
            font-weight: 600;
        }

        .prompt-code-header {
            flex-direction: column;
            gap: 12px;
            align-items: flex-start;
        }

        .prompt-code-buttons {
            width: 100%;
        }

        .prompt-code-buttons .prompt-header-btn {
            flex: 1;
            justify-content: center;
        }
    }
</style>

<script>
    function handlePromptCopy() {
        // Check if unlocked via cookie
        if (typeof window.flowpastIsUnlocked === 'function' && !window.flowpastIsUnlocked()) {
            // Show email popup
            if (typeof window.flowpastShowEmailPopup === 'function') {
                window.flowpastShowEmailPopup('prompt');
            }
            return;
        }

        // Copy the customized prompt (with filled variables)
        const customizedPrompt = getCustomizedPrompt();
        const copyButtons = document.querySelectorAll('.prompt-header-copy, .prompt-header-copy-green, .prompt-cta-copy, .copy-customized-btn');

        navigator.clipboard.writeText(customizedPrompt).then(() => {
            copyButtons.forEach(btn => {
                btn.classList.add('copied');
                const textSpan = btn.querySelector('span');
                if (textSpan) textSpan.textContent = 'Copied!';
            });

            setTimeout(() => {
                copyButtons.forEach(btn => {
                    btn.classList.remove('copied');
                    const textSpan = btn.querySelector('span');
                    if (textSpan) textSpan.textContent = 'Copy Full Prompt';
                });
            }, 2000);
        }).catch(err => {
            console.error('Failed to copy:', err);
        });
    }

    // Store original prompt for customization
    const originalPrompt = "## OBJECTIVE\r\nDesign a website navigation system that feels instantly familiar to users (leveraging Jakob\u2019s Law), works smoothly on mobile and desktop, supports dropdowns where needed, and meets accessibility and performance expectations. Deliver ready-to-use HTML\/CSS\/JS plus practical implementation guidance.\r\n\r\n## PERSONA\r\nAct as a navigation-focused UX architect with a background in cognitive psychology and behavioral usability research. Communicate in a clear, pragmatic style: explain decisions in terms of user expectation, scanning behavior, and cross-device constraints\u2014without chasing novelty for its own sake.\r\n\r\n## CONSTRAINTS\r\n- Favor established web conventions over experimental layouts.\r\n- Mobile-first: navigation must be effortless for thumb use and small screens.\r\n- Desktop must support \u201cpower browsing\u201d with robust dropdown behavior and full keyboard support.\r\n- Accessibility is non-negotiable: semantic markup, focus management, ARIA only where necessary, and screen-reader-friendly state announcements.\r\n- Performance-minded: prefer CSS transitions; keep JavaScript minimal and unobtrusive.\r\n- Do not hide core navigation behind unclear icons or interactions that require instruction.\r\n\r\n### What This Is NOT\r\n- Not a brand-new navigation paradigm or \u201cinventive\u201d interaction concept.\r\n- Not a full IA rewrite or content strategy (unless the provided hierarchy is clearly broken\u2014then only flag issues and suggest small corrections).\r\n- Not a design mockup in Figma; produce implementation-ready code and guidance.\r\n\r\n## PROCESS\r\n1. **Pre-analysis acknowledgement (required):** Briefly restate what you\u2019re building and the key constraints you\u2019ll follow, based on the provided inputs.\r\n2. **Clarify missing info:** If any inputs are incomplete\/ambiguous, ask focused questions first. If the user requests \u201cjust give me something,\u201d proceed with sensible defaults and explicitly label assumptions.\r\n3. **Expectation mapping:** Infer standard navigation patterns for the given site type and user technical comfort; align placement, labels, and interaction behaviors accordingly.\r\n4. **Mobile-first build:** Define the small-screen experience first (hamburger-triggered menu, tap behaviors, focus handling, clear close mechanism).\r\n5. **Desktop enhancement:** Add larger-screen layout (horizontal bar or sidebar as appropriate), dropdowns\/mega-menu behavior if needed, and hover intent + touch fallbacks.\r\n6. **Accessibility layer:** Add skip link, keyboard navigation flows, focus styles, ARIA labeling\/state management, and screen-reader announcements where appropriate.\r\n7. **Polish + states:** Implement active\/current indicators, parent highlighting when in subsections, and subtle transitions that don\u2019t harm usability.\r\n8. **Performance + compatibility:** Keep scripts lightweight, avoid heavy DOM churn, and note browser support expectations.\r\n\r\n## INPUTS\r\n- **Site hierarchy \/ main sections:** [CONTEXT]\r\n- **Count of top-level items:** [NUMBER_OF_MENU_ITEMS]\r\n- **Primary user segment (and technical comfort):** [TARGET_AUDIENCE]\r\n- **Brand\/visual constraints:** [BRAND_VOICE]\r\n- **Site category \/ industry:** [INDUSTRY]\r\n- **Platform\/context notes (optional: CMS\/framework, existing header constraints):** [PLATFORM]\r\n- **Any special requirements (optional: mega-menu, login area, language switcher):** [SPECIAL_REQUIREMENTS]\r\n\r\n## OUTPUT SPECIFICATION\r\nProvide the solution with the following deliverable structure:\r\n\r\n### 1) Navigation Blueprint\r\n- {Recommended Navigation Pattern} (e.g., top bar + dropdowns; sidebar for docs; etc.)\r\n- {Menu Model} (flat vs nested; how many levels supported)\r\n- {Key Jakob\u2019s Law Decisions} (placement, labels, icons, interaction expectations)\r\n\r\n### 2) HTML (Semantic + Accessible)\r\n- One complete snippet including:\r\n  - {Skip Link}\r\n  - {Header\/Nav Landmark}\r\n  - {Menu Button} (mobile trigger)\r\n  - {Menu List Markup}\r\n  - Required ARIA only where justified\r\n\r\n### 3) CSS (Responsive + States + Motion)\r\n- Mobile-first styles plus desktop breakpoints\r\n- {Focus Styles}\r\n- {Active\/Current Styles}\r\n- {Hover\/Expanded Styles}\r\n- {Transition Rules} (CSS-based, modest and purposeful)\r\n\r\n### 4) JavaScript (Only If Needed)\r\n- A minimal script for:\r\n  - {Menu Toggle Behavior}\r\n  - {Dropdown Expand\/Collapse}\r\n  - {Keyboard Interactions} (Escape to close, arrow\/tab behavior where applicable)\r\n  - {ARIA State Sync} (e.g., aria-expanded)\r\n- If JS is not needed, state {Reason JS Was Avoided}.\r\n\r\n### 5) Implementation Notes\r\n- {Assumptions Made}\r\n- {How To Add\/Remove Items}\r\n- {Dropdown Level Guidance} (and limits)\r\n- {Touch Device Fallback Behavior}\r\n- {Performance Considerations}\r\n\r\n### 6) Accessibility Confirmation Checklist\r\nInclude a checklist verifying:\r\n- {Keyboard Reachability}\r\n- {Visible Focus}\r\n- {Skip Link Works}\r\n- {Screen Reader Announcements}\r\n- {ARIA Validity}\r\n- {No Keyboard Traps}\r\n\r\n### 7) Browser Compatibility Notes\r\n- {Supported Browsers}\r\n- {Known Limitations}\r\n- {Fallbacks}\r\n\r\n## QUALITY CHECKS\r\nBefore finalizing, verify and explicitly confirm:\r\n- Navigation placement, iconography, and interactions match common conventions for [INDUSTRY] (Jakob\u2019s Law alignment).\r\n- Works under and over the mobile breakpoint, with no broken intermediate states.\r\n- All interactive elements are usable by keyboard alone and have visible focus.\r\n- Current page and section states are clearly indicated (including parent highlighting).\r\n- JavaScript is minimal; transitions are primarily CSS; no unnecessary reflows or heavy listeners.";
    const variables = ["[CONTEXT]","[NUMBER_OF_MENU_ITEMS]","[TARGET_AUDIENCE]","[BRAND_VOICE]","[INDUSTRY]","[PLATFORM]","[SPECIAL_REQUIREMENTS]"];
    // Initial render with highlighted variables
    document.addEventListener('DOMContentLoaded', function() {
        renderPromptWithHighlights();
    });

    // Live update prompt as user types
    document.querySelectorAll('.customize-input').forEach(input => {
        input.addEventListener('input', renderPromptWithHighlights);
    });

    function renderPromptWithHighlights() {
        const promptContent = document.getElementById('premium-prompt-content');
        if (!promptContent) return;

        let updatedPrompt = originalPrompt;
        let filledVariables = {};

        // Collect filled values
        document.querySelectorAll('.customize-input').forEach(input => {
            const placeholder = input.dataset.placeholder;
            const value = input.value.trim();

            if (value) {
                filledVariables[placeholder] = value;
            }
        });

        // Replace filled variables and highlight remaining
        let htmlContent = escapeHtml(updatedPrompt);

        variables.forEach(placeholder => {
            const escapedPlaceholder = escapeHtml(placeholder);
            const regex = new RegExp(escapeRegex(escapedPlaceholder), 'g');

            if (filledVariables[placeholder]) {
                // Show filled value with green highlight
                htmlContent = htmlContent.replace(regex,
                    '<span class="prompt-variable-filled">' + escapeHtml(filledVariables[placeholder]) + '</span>'
                );
            } else {
                // Show original placeholder with yellow highlight
                htmlContent = htmlContent.replace(regex,
                    '<span class="prompt-variable">' + escapedPlaceholder + '</span>'
                );
            }
        });

        promptContent.innerHTML = htmlContent;
    }

    function escapeRegex(string) {
        return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
    }

    function escapeHtml(text) {
        const div = document.createElement('div');
        div.textContent = text;
        return div.innerHTML;
    }

    function resetPrompt() {
        // Clear all input fields
        document.querySelectorAll('.customize-input').forEach(input => {
            input.value = '';
        });

        // Re-render with original placeholders highlighted
        renderPromptWithHighlights();

        // Visual feedback
        const resetBtns = document.querySelectorAll('.prompt-header-reset, .prompt-cta-reset');
        resetBtns.forEach(btn => {
            const originalText = btn.querySelector('span').textContent;
            btn.querySelector('span').textContent = 'Reset!';
            setTimeout(() => {
                btn.querySelector('span').textContent = originalText;
            }, 1000);
        });
    }


    function getCustomizedPrompt() {
        let updatedPrompt = originalPrompt;

        document.querySelectorAll('.customize-input').forEach(input => {
            const placeholder = input.dataset.placeholder;
            const value = input.value.trim();

            if (value) {
                const regex = new RegExp(escapeRegex(placeholder), 'g');
                updatedPrompt = updatedPrompt.replace(regex, value);
            }
        });

        return updatedPrompt;
    }
</script>

</div>

<div class="pro-tips-section">

<h2 class="wp-block-heading">Pro Tips for Better AI Prompt Results</h2>



<ul class="wp-block-list">

<li><strong>Provide your real nav hierarchy (even if it’s messy).</strong> Paste the current top-level items and dropdown groupings so the prompt can keep conventions while spotting small fixes. If you don’t have it documented, export it from your sitemap or copy it from your header HTML and label what’s “primary” vs “secondary.”</li>


<li><strong>Tell it what “site type” you’re building.</strong> Jakob’s Law only helps if the model knows what users expect, so add one line like: “This is a B2B SaaS marketing site” or “This is an ecommerce store with 200+ SKUs.” Follow-up you can use: “List the 3 most expected nav patterns for this site type and pick one with a short justification.”</li>


<li><strong>Define your breakpoints and header constraints.</strong> Mention your container width, logo size, sticky vs non-sticky header, and any existing design system tokens. Example: “Header is sticky, 72px tall, max width 1200px, we use 8px spacing and 4px radius.” Small details like that prevent awkward CSS.</li>


<li><strong>Iterate on interaction, not just layout.</strong> After the first output, ask: “Now make the desktop dropdowns open on click (not hover), add click-outside to close, and ensure focus returns to the trigger when Escape closes the menu.” This tends to surface the real bugs before you paste anything into production.</li>


<li><strong>Combine it with a test plan request.</strong> Once you like the code, run: “Create a QA checklist for this nav across iOS Safari, Android Chrome, and desktop Chrome/Firefox, including keyboard-only and screen reader smoke tests.” Honestly, this is where most nav implementations fall apart.</li>

</ul>

</div>

<div class="related-prompts-section">

<h2 class="wp-block-heading">Related Prompts</h2>



<p>If you’re standardizing how work gets done across teams, these prompts pair well once your navigation is under control.</p>



<p>If you also need a structured way to evaluate partners after your site update, <a href="https://flowpast.com/prompts/build-supplier-reliability-scorecards-ai-prompt/">Build Supplier Reliability Scorecards AI Prompt</a> is useful for turning qualitative feedback into consistent scoring. It’s a good follow-on when you’re tightening operations and want fewer “gut feel” decisions.</p>



<p>For teams doing vendor outreach or onboarding as part of a broader relaunch, <a href="https://flowpast.com/prompts/build-a-supplier-sourcing-playbook-with-this-ai-prompt/">Build a Supplier Sourcing Playbook with this AI Prompt</a> helps you document steps, criteria, and checkpoints. Think of it as the operational counterpart to a cleaner customer experience.</p>



<p>When negotiation cycles drag (and they usually do), <a href="https://flowpast.com/prompts/create-supplier-negotiation-templates-ai-prompt/">Create Supplier Negotiation Templates AI Prompt</a> gives you reusable language and structure, so you’re not rewriting the same emails and terms from scratch. It’s especially handy once you start scaling spend and need consistency.</p>


<br>


<p>Quick reference:</p>



<ul class="wp-block-list">

<li><a href="https://flowpast.com/prompts/build-supplier-reliability-scorecards-ai-prompt/">Build Supplier Reliability Scorecards AI Prompt</a>: Turn supplier performance into consistent scoring.</li>


<li><a href="https://flowpast.com/prompts/build-a-supplier-sourcing-playbook-with-this-ai-prompt/">Build a Supplier Sourcing Playbook with this AI Prompt</a>: Document sourcing steps, criteria, and checkpoints.</li>

<li><a href="https://flowpast.com/prompts/create-supplier-negotiation-templates-ai-prompt/">Create Supplier Negotiation Templates AI Prompt</a>: Reusable negotiation scripts and templates.</li>


<li><a href="https://flowpast.com/prompts/write-buyer-first-supplier-follow-ups-ai-prompt/">Write Buyer-First Supplier Follow-Ups AI Prompt</a>: Follow-ups that protect leverage and clarity.</li>


<li><a href="https://flowpast.com/prompts/build-a-rep-sales-workflow-checklist-with-this-ai-prompt/">Build a Rep Sales Workflow Checklist with this AI Prompt</a>: Step-by-step workflow for sales execution.</li>

</ul>
<!-- /wp:post-content -->
</div>

<div class="faq-section">
<!-- wp:heading {"level":2} -->
<h2 class="wp-block-heading">Common Questions</h2>
<!-- /wp:heading -->

<div class="faq-item">
<span class="question">Which roles benefit most from this responsive website navigation AI prompt?</span>
<!-- wp:paragraph -->
<p class="answer"><strong>Frontend Developers</strong> use this to get a solid, accessible baseline (semantic HTML, keyboard behavior, minimal JS) they can drop into an existing codebase without reinventing dropdown logic. <strong>UX Designers</strong> rely on it to map navigation patterns to user expectations, so the menu feels familiar instead of “creative.” <strong>Marketing Managers</strong> benefit because the prompt pushes clarity and scannability, which reduces friction on high-intent pages like pricing and demos. <strong>Accessibility Leads</strong> like it because it treats focus management and screen-reader announcements as first-class requirements, not an afterthought.</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Which industries get the most value from this responsive website navigation AI prompt?</span>
<!-- wp:paragraph -->
<p class="answer"><strong>SaaS companies</strong> get value because their nav often needs clear paths to product, pricing, integrations, and support, with dropdowns that don’t break keyboard use. <strong>E-commerce brands</strong> benefit when category navigation must stay thumb-friendly on mobile while still supporting deeper browsing on desktop. <strong>Professional services firms</strong> use it to make “Services / Industries / Case Studies / Contact” easy to scan, which helps visitors self-qualify quickly. <strong>Content-heavy publishers</strong> can apply it to organize sections and topics without burying core navigation behind unclear patterns.</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Why do basic AI prompts for building responsive accessible navigation produce weak results?</span>
<!-- wp:paragraph -->
<p class="answer">A typical prompt like &#8220;<em>Write me a responsive navbar with dropdowns</em>&#8221; fails because it: lacks the expectation mapping that keeps patterns familiar for the site type, provides no keyboard interaction model (so focus gets lost or trapped), ignores accessible semantics (or misuses ARIA everywhere), produces flashy code that’s hard to maintain instead of a minimal-JS approach, and misses mobile thumb constraints like hit target sizing and tap-friendly toggles. You end up with a demo, not a navigation system you can ship.</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Can I customize this responsive website navigation prompt for my specific situation?</span>
<!-- wp:paragraph -->
<p class="answer">Yes, and you should, because the best navigation depends on your hierarchy, labels, and device constraints. Add your menu structure, your site type, and your header rules (sticky or not, breakpoints, logo width, and whether you need one or multiple dropdown levels). If your team has accessibility requirements, specify things like “Escape closes menus and returns focus to the trigger” and “no hover-only interactions.” Follow-up prompt: “Using my hierarchy, generate two variants (click-to-open dropdowns vs hybrid hover+focus) and explain which is safer for accessibility and why.”</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">What are the most common mistakes when using this responsive website navigation prompt?</span>
<!-- wp:paragraph -->
<p class="answer">The biggest mistake is leaving the hierarchy implied — instead of “Home, About, Services, Blog,” provide “Services (Design, Development, Retainers), Resources (Blog, Guides, Webinars), Company (About, Careers, Contact).” Another common error is not stating interaction requirements; “make it modern” is vague, but “click-to-open on desktop, tap-to-open on mobile, Escape closes, click-outside closes” is actionable. People also forget constraints like sticky headers and safe-area padding; “works on mobile” is weaker than “must be thumb-friendly on iPhone 13 mini and not collide with a 72px sticky header.” Finally, skipping assumptions review causes mismatch, so ask it to list assumptions and confirm them before you implement.</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Who should NOT use this responsive website navigation prompt?</span>
<!-- wp:paragraph -->
<p class="answer">This prompt isn’t ideal for teams looking for a fully custom animated navigation experience or a brand-new interaction paradigm, because it intentionally favors proven conventions. It’s also not a fit if you need a complete information architecture rewrite, since it only flags issues and suggests small corrections. If you just want a one-line copy-paste snippet with no testing or iteration, you’ll probably ignore the accessibility and focus details that make it valuable. In those cases, use a simple framework component and accept the trade-offs.</p>
<!-- /wp:paragraph -->
</div>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Which roles benefit most from this responsive website navigation AI prompt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Frontend Developers use this to get a solid, accessible baseline (semantic HTML, keyboard behavior, minimal JS) they can drop into an existing codebase without reinventing dropdown logic. UX Designers rely on it to map navigation patterns to user expectations, so the menu feels familiar instead of “creative.” Marketing Managers benefit because the prompt pushes clarity and scannability, which reduces friction on high-intent pages like pricing and demos. Accessibility Leads like it because it treats focus management and screen-reader announcements as first-class requirements, not an afterthought."
      }
    },
    {
      "@type": "Question",
      "name": "Which industries get the most value from this responsive website navigation AI prompt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "SaaS companies get value because their nav often needs clear paths to product, pricing, integrations, and support, with dropdowns that don’t break keyboard use. E-commerce brands benefit when category navigation must stay thumb-friendly on mobile while still supporting deeper browsing on desktop. Professional services firms use it to make “Services / Industries / Case Studies / Contact” easy to scan, which helps visitors self-qualify quickly. Content-heavy publishers can apply it to organize sections and topics without burying core navigation behind unclear patterns."
      }
    },
    {
      "@type": "Question",
      "name": "Why do basic AI prompts for building responsive accessible navigation produce weak results?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "A typical prompt like \"Write me a responsive navbar with dropdowns\" fails because it: lacks the expectation mapping that keeps patterns familiar for the site type, provides no keyboard interaction model (so focus gets lost or trapped), ignores accessible semantics (or misuses ARIA everywhere), produces flashy code that’s hard to maintain instead of a minimal-JS approach, and misses mobile thumb constraints like hit target sizing and tap-friendly toggles. You end up with a demo, not a navigation system you can ship."
      }
    },
    {
      "@type": "Question",
      "name": "Can I customize this responsive website navigation prompt for my specific situation?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Yes, and you should, because the best navigation depends on your hierarchy, labels, and device constraints. Add your menu structure, your site type, and your header rules (sticky or not, breakpoints, logo width, and whether you need one or multiple dropdown levels). If your team has accessibility requirements, specify things like “Escape closes menus and returns focus to the trigger” and “no hover-only interactions.” Follow-up prompt: “Using my hierarchy, generate two variants (click-to-open dropdowns vs hybrid hover+focus) and explain which is safer for accessibility and why.”"
      }
    },
    {
      "@type": "Question",
      "name": "What are the most common mistakes when using this responsive website navigation prompt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "The biggest mistake is leaving the hierarchy implied — instead of “Home, About, Services, Blog,” provide “Services (Design, Development, Retainers), Resources (Blog, Guides, Webinars), Company (About, Careers, Contact).” Another common error is not stating interaction requirements; “make it modern” is vague, but “click-to-open on desktop, tap-to-open on mobile, Escape closes, click-outside closes” is actionable. People also forget constraints like sticky headers and safe-area padding; “works on mobile” is weaker than “must be thumb-friendly on iPhone 13 mini and not collide with a 72px sticky header.” Finally, skipping assumptions review causes mismatch, so ask it to list assumptions and confirm them before you implement."
      }
    },
    {
      "@type": "Question",
      "name": "Who should NOT use this responsive website navigation prompt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "This prompt isn’t ideal for teams looking for a fully custom animated navigation experience or a brand-new interaction paradigm, because it intentionally favors proven conventions. It’s also not a fit if you need a complete information architecture rewrite, since it only flags issues and suggests small corrections. If you just want a one-line copy-paste snippet with no testing or iteration, you’ll probably ignore the accessibility and focus details that make it valuable. In those cases, use a simple framework component and accept the trade-offs."
      }
    }
  ]
}
</script>
</div>

<div class="closing-section">
<!-- wp:paragraph -->
<p>Navigation is the one interface every visitor uses, and most people only notice it when it fails. Use this prompt, paste the output into your build, and get a responsive, accessible menu that feels familiar and works.</p>
<!-- /wp:paragraph -->
</div>]]></content:encoded>
					
		
		
		<media:content url="https://flowpast.s3.eu-north-1.amazonaws.com/featured_blog_images/5001437.webp" medium="image"></media:content>
            	</item>
		<item>
		<title>Write Cease-and-Desist Letter with this AI Prompt</title>
		<link>https://flowpast.com/prompts/write-cease-and-desist-letter-with-this-ai-prompt/</link>
		
		<dc:creator><![CDATA[Lisa Granqvist]]></dc:creator>
		<pubDate>Fri, 23 Jan 2026 02:46:08 +0000</pubDate>
				<category><![CDATA[Prompts]]></category>
		<guid isPermaLink="false">https://flowpast.com/?p=5000806</guid>

					<description><![CDATA[IP theft escalating fast - the ultimate AI Prompt that drafts a firm cease-and-desist letter with demands, deadlines, and enforcement. Thousands of ready-to-use AI prompts for all models.]]></description>
										<content:encoded><![CDATA[<!-- FOCUS_KEYWORD: cease-and-desist letter -->
<div class="hook-introduction">

<p>You spot your logo on someone else’s ads. Or your copy, images, or product name lifted and reused like it’s public property. The problem is you need to act fast, but a sloppy “stop using my stuff” email can backfire, get ignored, or escalate the wrong way.</p>



<p>This <strong>cease-and-desist letter</strong> is built for <strong>brand managers</strong> who need a firm first step before things spread, <strong>agency leads</strong> trying to protect client assets without inflaming a dispute, and <strong>founders</strong> dealing with a competitor who’s riding their reputation. The output is a polished cease-and-desist demand letter with specific allegations, requested remedies, a compliance deadline, and clear next steps if the other party does not comply.</p>

</div>

<div class="what-and-when-section">

<h2 class="wp-block-heading">What Does This AI Prompt Do and When to Use It?</h2>



<table class="solution-results-table three-column" role="presentation" aria-label="What this prompt does, when to use it, and what you get">
 <thead>
    <tr>
      <th scope="col">What This Prompt Does</th>
      <th scope="col">When to Use This Prompt</th>
      <th scope="col">What You&#8217;ll Get</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <ul class="automation-list">
          <li>It drafts a formal cease-and-desist letter in a firm, businesslike tone suitable for sending on letterhead.</li>
          <li>It identifies the likely IP right involved (for example, trademark, copyright, trade secret, or right of publicity) based on the facts you provide.</li>
          <li>It includes a required “Pre-Analysis” section in 3–5 bullets that summarizes the situation and the goal of the letter.</li>
          <li>It builds a legal foundation section that references statute categories and includes at least one case example when feasible, without inventing fake citations.</li>
          <li>It structures clear demands, a reasonable deadline, and consequences for noncompliance while keeping language firm but non-inflammatory.</li>
       </ul>
      </td>
      <td>
        <ul class="results-list">
          <li>You discover unauthorized use of your brand name, logo, product photos, or website copy on a competitor site or marketplace listing.</li>
          <li>A former contractor or partner appears to be using confidential materials, internal files, or proprietary processes in a new venture.</li>
          <li>You need to document the dispute carefully before escalating to a platform complaint, counsel, or a formal enforcement path.</li>
          <li>The infringement is hurting conversions, causing customer confusion, or triggering refund and support tickets, and you need to show business impact.</li>
          <li>You are scaling marketing and distribution and want a consistent, repeatable first-response letter for new infringement incidents.</li>
        </ul>
      </td>
       <td>
         <ul class="deliverables-list">
           <li>A complete cease-and-desist letter draft with placeholders you can quickly edit (names, dates, exhibits, and contact details).</li>
           <li>A 3–5 bullet “Pre-Analysis” summary you can share internally before sending anything.</li>
           <li>A remedies section listing specific required actions (remove, stop, destroy, confirm in writing, preserve evidence) and a firm compliance deadline.</li>
           <li>A noncompliance section outlining next steps (platform takedown, counsel escalation, and other lawful remedies) written in measured language.</li>
           <li>A jurisdiction-handling fallback that asks you to confirm jurisdiction if you did not provide it, instead of guessing courts or statute numbers.</li>
         </ul>
       </td>
    </tr>
  </tbody>
</table>

</div>

<div class="prompt-display-section">

<h2 class="wp-block-heading">The Full AI Prompt: IP Cease-and-Desist Demand Letter Draft</h2>



<div class="prompt-viewer-wrapper" id="prompt-section">
    <div class="prompt-comparison-row prompt-premium">
        <!-- Header with buttons -->
        <div class="prompt-row-header">
            <!-- <span class="prompt-row-icon">✨</span> -->
            <span class="prompt-row-title">
                                    Step 1: Customize the prompt with your input
                            </span>
            <div class="prompt-header-buttons">
                                    <button class="prompt-header-btn prompt-header-reset" onclick="resetPrompt()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
                            <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
                        </svg>
                        <span>Reset</span>
                    </button>
                                <button class="prompt-header-btn prompt-header-copy-green flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                        <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                        <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                    </svg>
                    <span>Customize and Copy Full Prompt</span>
                </button>
            </div>
        </div>

        <!-- Customize the Prompt Section -->
                    <div class="prompt-customize-section">
                <span class="customize-title">Customize the Prompt</span>
                <p class="customize-subtitle">Fill in the fields below to personalize this prompt for your needs.</p>
                <table class="customize-table">
                    <thead>
                        <tr>
                            <th>Variable</th>
                            <th>What to Enter</th>
                            <th>Customise the prompt</th>
                        </tr>
                    </thead>
                    <tbody>
                                                    <tr>
                                <td class="var-name"><code>[COMPANY_NAME]</code></td>
                                <td class="var-desc">
                                    Enter the name of the law firm or company sending the cease-and-desist letter.                                    <div class="var-example">For example: "Smith &amp; Associates Intellectual Property Law Firm"</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[COMPANY_NAME]"
                                            placeholder="Enter your value here..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[YOUR_NAME]</code></td>
                                <td class="var-desc">
                                    Provide the full name of the attorney or sender drafting and sending the letter.                                    <div class="var-example">For example: "Jane Doe, Esq."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[YOUR_NAME]"
                                            placeholder="Enter your value here..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[RECIPIENT_NAME_AND_DETAILS]</code></td>
                                <td class="var-desc">
                                    Include the recipient&#039;s name, company name (if applicable), and contact details such as address or email.                                    <div class="var-example">For example: "John Smith, CEO, SmithTech Solutions, 123 Innovation Drive, San Francisco, CA 94111, john.smith@smithtech.com"</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[RECIPIENT_NAME_AND_DETAILS]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[CHALLENGE]</code></td>
                                <td class="var-desc">
                                    Describe the alleged misconduct, including what happened, where, when, and any supporting evidence such as links or screenshots.                                    <div class="var-example">For example: "Unauthorized use of our copyrighted software code in the &#039;TechOptimizer&#039; app, discovered on October 1, 2023, with evidence including GitHub repository links and screenshots of the app interface."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[CHALLENGE]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[JURISDICTION]</code></td>
                                <td class="var-desc">
                                    Specify the jurisdiction (country or state) relevant to the legal matter. If unknown, leave blank for a general informational framing.                                    <div class="var-example">For example: "California, United States"</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[JURISDICTION]"
                                            placeholder="Enter your value here..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[IP_ASSETS]</code></td>
                                <td class="var-desc">
                                    Provide details of the intellectual property assets involved, such as trademarks, copyrights, patents, trade secrets, or works, along with registration numbers and dates if applicable.                                    <div class="var-example">For example: "Trademark registration #123456 for &#039;TechOptimizer&#039;, registered on March 15, 2021, and copyright for &#039;Optimizer Algorithm&#039; filed on June 10, 2020."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[IP_ASSETS]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[TIMEFRAME]</code></td>
                                <td class="var-desc">
                                    Enter the compliance deadline or timeframe for the recipient to respond or take action. Leave blank if no specific timeframe is provided.                                    <div class="var-example">For example: "14 days from the date of receipt of this letter."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[TIMEFRAME]"
                                            placeholder="Enter your value here..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[TONE]</code></td>
                                <td class="var-desc">
                                    Specify the preferred tone for the letter within the formal and firm range, such as &#039;assertive&#039; or &#039;professional.&#039; Leave blank for default tone.                                    <div class="var-example">For example: "Assertive and professional."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[TONE]"
                                            placeholder="Enter your value here..." />
                                                                    </td>
                            </tr>
                                            </tbody>
                </table>

                <button class="copy-customized-btn flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
                        <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                        <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                    </svg>
                    <span class="copy-customized-text">Customise the prompt now</span>
                </button>
            </div>
        
        <!-- Full Prompt Code Header -->
                    <div class="prompt-code-header">
                <span class="prompt-code-title">
                    Step 2: Copy the Prompt
                </span>
                <div class="prompt-code-buttons">
                    <!-- Reset: Only visible when unlocked -->
                    <button class="prompt-header-btn prompt-header-reset btn-when-unlocked" onclick="resetPrompt()" style="display: none;">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
                            <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
                        </svg>
                        <span>Reset</span>
                    </button>
                    <!-- Copy Full Prompt -->
                    <button class="prompt-header-btn prompt-header-copy flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                            <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                        </svg>
                        <span>Copy Full Prompt</span>
                    </button>
                </div>
            </div>
        

        <!-- Prompt Content -->
        <div class="prompt-box prompt-gated-wrapper">
            <!-- Gated: Blurred content -->
            <div class="prompt-gated-content">
                <div class="prompt-header-visible">OBJECTIVE</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">PERSONA</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">CONSTRAINTS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">PROCESS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">INPUTS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">OUTPUT SPECIFICATION</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">QUALITY CHECKS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div>            </div>
            <!-- Unlocked: Full content (hidden by default) -->
            <div class="prompt-content-full" id="premium-prompt-content" style="display: none;">
                ## OBJECTIVE
Create a polished, enforceable cease-and-desist demand letter for an intellectual property dispute, tailored to the facts supplied by the user, and written in a persuasive but professional style suitable for sending on a firm’s letterhead.

## PERSONA
Act as a senior intellectual property legal consultant who regularly prepares infringement notices and demand correspondence. Write with measured confidence, businesslike clarity, and assertive professionalism.

## CONSTRAINTS
- Do **not** use XML or XML-like tags.
- Keep the tone formal, firm, and non-inflammatory (no insults, threats of violence, or casual language).
- Include: the alleged misconduct, its business impact, the legal foundation (statutes + at least one case example where feasible), specific required remedies, a reasonable compliance deadline, and next-step consequences for noncompliance.
- If jurisdiction is not provided, default to a **general informational** framing and ask the user to confirm jurisdiction; do not invent court names, case citations, or statutes with fake numbering.
- **What This Is NOT:** not a substitute for licensed legal advice in a specific jurisdiction; not a litigation filing; not a guarantee of outcome; not a vehicle for harassment or knowingly false claims.

## PROCESS
1. **Pre-Analysis (must appear in the output):** Briefly summarize your understanding of the situation and what the letter must accomplish, in 3–5 bullets.
2. Identify the IP right implicated (e.g., trademark, copyright, patent, trade secret, right of publicity) based on the facts.
3. Draft the letter using the deliverable structure below:
   - Clearly state purpose early.
   - Describe the infringing conduct with concrete details.
   - Explain why it violates the client’s rights and how it harms them.
   - Provide a legal foundation (appropriate statutory references for the jurisdiction if provided; otherwise generalized categories and a request for jurisdiction confirmation).
   - Specify demands and a deadline (use a practical window such as 7–14 days unless the user provides a different timeframe).
   - Describe escalation options if the recipient does not comply.
4. **Edge-case handling:** If any input is missing/unclear (recipient address, jurisdiction, dates, registration numbers, URLs/screenshots, etc.), insert clearly marked placeholders and add a short “Information Needed to Finalize” section after the letter.

## INPUTS
- **Law firm name:** [COMPANY_NAME]
- **Attorney/sender name:** [YOUR_NAME]
- **Recipient name and details (company/address/email if known):** [RECIPIENT_NAME_AND_DETAILS]
- **Infringement or legal issue details (what happened, where, when, evidence/links):** [CHALLENGE]
- **Jurisdiction (country/state) if known:** [JURISDICTION]
- **Client IP assets (registrations, works, marks, patents, trade secrets, dates):** [IP_ASSETS]
- **Requested compliance deadline or timeframe (optional):** [TIMEFRAME]
- **Preferred tone within “formal &amp; firm” (optional):** [TONE]

## OUTPUT SPECIFICATION
Produce:
1. **Pre-Analysis Summary** (3–5 bullets).
2. **Cease-and-Desist Letter** in this exact order and layout, using placeholders where needed:

- {Law Firm Letterhead Block}  
- {Date}  

- {Recipient Name}  
- {Recipient Company}  
- {Recipient Address}  

**Re:** Cease and Desist Demand – {Matter Description}

Dear {Recipient Name},

{Opening Purpose Paragraph}

{Infringement Narrative + Business Impact}

{Rights Statement + Legal Basis (statutes/regulations as applicable) + Case Example if feasible and non-fabricated}

{Demands (numbered list) + Compliance Deadline}

{Preservation/No-Spoliation Notice (if relevant)}

{Consequences and Escalation Options for Noncompliance}

{Closing Paragraph Requesting Written Confirmation}

Sincerely,  
{Sender Name}  
{Law Firm Name}  
{Contact Information}

3. If inputs are incomplete: **Information Needed to Finalize** (bulleted questions).

## QUALITY CHECKS
Before finalizing, confirm:
- The letter states the purpose, facts, legal basis, demands, deadline, and consequences.
- No laws, registrations, or case citations are invented; uncertain items are flagged as placeholders.
- Tone is professional, firm, and credible (not abusive or speculative).
- Demands are actionable and time-bound, with a reasonable deadline.
- The letter formatting matches the deliverable structure and contains no XML.            </div>
        </div>


    </div>

    <!-- CTA Row - Full width buttons -->
    <div class="prompt-cta-row">
        <button class="prompt-cta-btn prompt-cta-copy flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
                <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
            </svg>
            <span class="cta-copy-text">Copy Full Prompt</span>
        </button>
    </div>
</div>

<style>
    /* Gated prompt states */
    .prompt-gated-wrapper {
        position: relative;
    }

    /* When unlocked - show full content, hide gated */
    body.flowpast-unlocked .prompt-gated-wrapper .prompt-gated-content {
        display: none;
    }

    body.flowpast-unlocked .prompt-gated-wrapper .prompt-content-full {
        display: block !important;
    }

    /* Show/hide elements based on unlock state */
    body.flowpast-unlocked .btn-when-unlocked {
        display: inline-flex !important;
    }

    .prompt-viewer-wrapper {
        scroll-margin-top: 250px;
    }

    /* ========================================
   PROMPT VIEWER - MAIN WRAPPER
   ======================================== */
    .prompt-viewer-wrapper {
        margin: 30px 0;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    /* ========================================
   PROMPT BOX CONTAINER
   ======================================== */
    .prompt-comparison-row {
        border-radius: 12px;
        overflow: hidden;
        border: 1px solid #e0e0e0;
        background: #fff;
    }

    /* ========================================
   HEADER WITH BUTTONS
   ======================================== */
    .prompt-row-header {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 14px 20px;
        color: #fff !important;
        background: #141414;
        border-bottom: 1px solid #e0e0e0;
        flex-wrap: wrap;
    }

    .prompt-row-icon {
        font-size: 20px;
    }

    .prompt-row-title {
        font-weight: 600;
        font-size: 22px;
        color: #fff !important;
        text-decoration: underline
    }

    .prompt-header-buttons {
        margin-left: auto;
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }

    /* Header buttons */
    .prompt-header-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 20px;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        text-decoration: none;
        border: none;
    }

    .prompt-header-copy {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-header-copy:hover {
        background: #2a2a2a;
    }

    .prompt-header-copy.copied {
        background: #2e7d32;
    }

    .prompt-header-copy-green {
        background: #04AA6D !important;
        color: #fff !important;
    }

    .prompt-header-copy-green:hover {
        background: #039860 !important;
    }

    .prompt-header-copy-green.copied {
        background: #2e7d32 !important;
    }

    .prompt-header-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
    }

    .prompt-header-access:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-1px);
    }

    /* ========================================
   PROMPT CONTENT - FULL (NO SCROLL)
   ======================================== */
    .prompt-box {
        background: #ffffff;
    }

    .prompt-content-full {
        padding: 24px;
        margin: 0;
        color: #202124;
        background: #ffffff;
        font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
        font-size: 13px;
        line-height: 1.7;
        white-space: pre-wrap;
        word-wrap: break-word;
        /* No scroll - show full content */
        max-height: none;
        overflow: visible;
    }

    /* Highlighted variable in prompt */
    .prompt-variable {
        background: #fff3cd;
        color: #1967d2;
        font-weight: 700;
        padding: 2px 4px;
        border-radius: 3px;
        border: 1px solid #ffc107;
    }

    .prompt-variable-filled {
        background: #d4edda;
        color: #155724;
        font-weight: 700;
        padding: 2px 4px;
        border-radius: 3px;
        border: 1px solid #28a745;
    }

    /* ========================================
   GATED CONTENT (NO ACCESS)
   ======================================== */
    .prompt-gated-content {
        padding: 24px;
        background: #ffffff;
        font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
        font-size: 13px;
        line-height: 1.8;
        max-height: none;
        overflow: visible;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        cursor: default;
    }

    /* ## headers - larger, black */
    .prompt-header-visible {
        color: #202124;
        font-weight: 600;
        margin: 5px 0 0px 0;
        font-size: 20px;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        text-decoration: underline;
        text-underline-offset: 4px;
    }

    /* ### headers - smaller, black */
    .prompt-header-visible.subheader {
        color: #202124;
        font-weight: 600;
        margin: 5px 0;
        font-size: 18px;
    }

    .prompt-header-visible:first-child {
        margin-top: 0;
    }

    /* ========================================
   LOCKED SECTION BLOCK
   ======================================== */
    .locked-section {
        position: relative;
        margin: 4px 0 8px 0;
        border-radius: 6px;
        overflow: hidden;
        background: linear-gradient(110deg, #e2e8f0 8%, #f1f5f9 18%, #e2e8f0 33%);
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

    .locked-section-bg {
        position: relative;
    }

    .locked-section-lines {
        padding: 8px 12px;
        position: relative;
    }

    .locked-line {
        height: 6px;
        background: rgba(255, 255, 255, 0.6);
        border-radius: 3px;
        margin-bottom: 4px;
        margin-left: 12px;
    }

    .locked-line:last-child {
        margin-bottom: 0;
    }

    .locked-section-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 10;
        font-size: 24px;
        filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1));
    }

    /* Subheader locked sections - slightly indented */
    /*  .prompt-header-visible.subheader+.locked-section {
        margin-left: 16px;
    } */

    /* ========================================
   COMPATIBILITY BADGES
   ======================================== */
    .prompt-compatibility {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        padding: 12px 20px;
        background: #f8f9fa;
        border-top: 1px solid #e0e0e0;
    }

    .compat-label {
        font-size: 13px;
        color: #5f6368;
        font-weight: 500;
    }

    .compat-badge {
        padding: 4px 10px;
        background: #e8f0fe;
        color: #1967d2;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 500;
    }

    /* ========================================
   CTA ROW - FULL WIDTH BUTTONS
   ======================================== */
    .prompt-cta-row {
        display: flex;
        gap: 16px;
        flex-wrap: wrap;
    }

    .prompt-cta-btn {
        flex: 1;
        min-width: 200px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 16px 24px;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        text-decoration: none;
        border: none;
    }

    .prompt-cta-copy {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-cta-copy:hover {
        background: #2a2a2a;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    .prompt-cta-copy.copied {
        background: #2e7d32;
    }

    .prompt-cta-reset {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-cta-reset:hover {
        background: #2a2a2a;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    .prompt-cta-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
    }

    .prompt-cta-access:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(5, 152, 98, 0.3);
    }

    /* ========================================
    CUSTOMIZE YOUR PROMPT SECTION
    ======================================== */
    .prompt-customize-section {
        padding: 24px;
        border-bottom: 1px solid #e0e0e0;
        background: #fafbfc;
    }

    .customize-title {
        margin: 0 0 8px 0;
        font-size: 18px;
        font-weight: 700;
        color: #202124;
    }

    .customize-subtitle {
        margin: 0 0 20px 0;
        font-size: 14px;
        color: #5f6368;
    }

    .customize-table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 20px;
    }

    .customize-table th {
        text-align: left;
        padding: 12px;
        background: #f1f3f4;
        border: 1px solid #e0e0e0;
        font-size: 13px;
        font-weight: 600;
        color: #202124;
    }

    .customize-table td {
        padding: 12px;
        border: 1px solid #e0e0e0;
        vertical-align: top;
    }

    .customize-table .var-name {
        width: 25%;
        background: #f8f9fa;
    }

    .customize-table .var-name code {
        background: #fff3cd;
        color: #1967d2;
        border: 1px solid #ffc107;
        padding: 4px 8px;
        border-radius: 4px;
        font-size: 12px;
        word-break: break-all;
        font-weight: 600;
    }

    .customize-table .var-desc {
        width: 35%;
        font-size: 13px;
        color: #5f6368;
        line-height: 1.5;
    }

    .customize-table .var-example {
        margin-top: 8px;
        padding: 8px 10px;
        background: #f8f9fa;
        border-left: 3px solid #dadce0;
        font-size: 12px;
        color: #5f6368;
        font-style: italic;
        border-radius: 0 4px 4px 0;
    }

    .customize-table .var-input {
        width: 40%;
    }

    .customize-input {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #dadce0;
        border-radius: 6px;
        font-size: 13px;
        font-family: inherit;
        resize: vertical;
        transition: border-color 0.2s, box-shadow 0.2s;
    }

    .customize-input:focus {
        outline: none;
        border-color: rgb(5, 152, 98);
        box-shadow: 0 0 0 3px rgba(5, 152, 98, 0.1);
    }

    .customize-input::placeholder {
        color: #9aa0a6;
        font-style: italic;
    }

    .copy-customized-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        width: 100%;
        padding: 16px 24px;
        background: rgb(5, 152, 98);
        color: #fff;
        border: none;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
    }

    .copy-customized-btn:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(5, 152, 98, 0.3);
    }

    .copy-customized-btn.copied {
        background: #2e7d32;
    }

    /* ========================================
    FULL PROMPT CODE HEADER
    ======================================== */
    .prompt-code-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 20px;
        color: #fff !important;
        background: #141414;
        border-bottom: 1px solid #e0e0e0;
    }

    .prompt-code-title {
        font-size: 22px;
        font-weight: 600;
        text-decoration: underline;

    }

    .prompt-code-buttons {
        display: flex;
        gap: 8px;
    }

    .prompt-code-buttons .prompt-header-btn {
        padding: 8px 14px;
        font-size: 13px;
        background: #ffffff;
        color: #202124;
        border: 1px solid #dadce0;
    }

    .prompt-code-buttons .prompt-header-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
        border-color: rgb(5, 152, 98);
    }

    .prompt-code-buttons .prompt-header-btn.prompt-header-access:hover {
        background: rgb(4, 130, 83) !important;
        border-color: rgb(4, 130, 83);
        color: #fff !important;
    }

    .prompt-code-buttons .prompt-header-btn:hover {
        background: #f1f3f4;
    }

    .prompt-code-buttons .prompt-header-copy.copied {
        background: #d4edda;
        color: #155724;
        border-color: #28a745;
    }

    .prompt-header-reset {
        background: #ffffff;
        color: #202124;
    }

    /* ========================================
   RESPONSIVE
   ======================================== */
    @media (max-width: 768px) {
        .prompt-row-header {
            flex-direction: column;
            align-items: flex-start;
            gap: 12px;
        }

        .prompt-header-buttons {
            margin-left: 0;
            width: 100%;
        }

        .prompt-header-btn {
            flex: 1;
            justify-content: center;
        }

        .prompt-cta-row {
            flex-direction: column;
        }

        .prompt-cta-btn {
            width: 100%;
        }

        /* Customize table responsive */
        .customize-table,
        .customize-table thead,
        .customize-table tbody,
        .customize-table tr,
        .customize-table th,
        .customize-table td {
            display: block;
        }

        .customize-table thead {
            display: none;
        }

        .customize-table tr {
            margin-bottom: 16px;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            overflow: hidden;
        }

        .customize-table td {
            width: 100% !important;
            border: none;
            border-bottom: 1px solid #e0e0e0;
        }

        .customize-table td:last-child {
            border-bottom: none;
        }

        .customize-table .var-name {
            background: #f1f3f4;
            font-weight: 600;
        }

        .prompt-code-header {
            flex-direction: column;
            gap: 12px;
            align-items: flex-start;
        }

        .prompt-code-buttons {
            width: 100%;
        }

        .prompt-code-buttons .prompt-header-btn {
            flex: 1;
            justify-content: center;
        }
    }
</style>

<script>
    function handlePromptCopy() {
        // Check if unlocked via cookie
        if (typeof window.flowpastIsUnlocked === 'function' && !window.flowpastIsUnlocked()) {
            // Show email popup
            if (typeof window.flowpastShowEmailPopup === 'function') {
                window.flowpastShowEmailPopup('prompt');
            }
            return;
        }

        // Copy the customized prompt (with filled variables)
        const customizedPrompt = getCustomizedPrompt();
        const copyButtons = document.querySelectorAll('.prompt-header-copy, .prompt-header-copy-green, .prompt-cta-copy, .copy-customized-btn');

        navigator.clipboard.writeText(customizedPrompt).then(() => {
            copyButtons.forEach(btn => {
                btn.classList.add('copied');
                const textSpan = btn.querySelector('span');
                if (textSpan) textSpan.textContent = 'Copied!';
            });

            setTimeout(() => {
                copyButtons.forEach(btn => {
                    btn.classList.remove('copied');
                    const textSpan = btn.querySelector('span');
                    if (textSpan) textSpan.textContent = 'Copy Full Prompt';
                });
            }, 2000);
        }).catch(err => {
            console.error('Failed to copy:', err);
        });
    }

    // Store original prompt for customization
    const originalPrompt = "## OBJECTIVE\r\nCreate a polished, enforceable cease-and-desist demand letter for an intellectual property dispute, tailored to the facts supplied by the user, and written in a persuasive but professional style suitable for sending on a firm\u2019s letterhead.\r\n\r\n## PERSONA\r\nAct as a senior intellectual property legal consultant who regularly prepares infringement notices and demand correspondence. Write with measured confidence, businesslike clarity, and assertive professionalism.\r\n\r\n## CONSTRAINTS\r\n- Do **not** use XML or XML-like tags.\r\n- Keep the tone formal, firm, and non-inflammatory (no insults, threats of violence, or casual language).\r\n- Include: the alleged misconduct, its business impact, the legal foundation (statutes + at least one case example where feasible), specific required remedies, a reasonable compliance deadline, and next-step consequences for noncompliance.\r\n- If jurisdiction is not provided, default to a **general informational** framing and ask the user to confirm jurisdiction; do not invent court names, case citations, or statutes with fake numbering.\r\n- **What This Is NOT:** not a substitute for licensed legal advice in a specific jurisdiction; not a litigation filing; not a guarantee of outcome; not a vehicle for harassment or knowingly false claims.\r\n\r\n## PROCESS\r\n1. **Pre-Analysis (must appear in the output):** Briefly summarize your understanding of the situation and what the letter must accomplish, in 3\u20135 bullets.\r\n2. Identify the IP right implicated (e.g., trademark, copyright, patent, trade secret, right of publicity) based on the facts.\r\n3. Draft the letter using the deliverable structure below:\r\n   - Clearly state purpose early.\r\n   - Describe the infringing conduct with concrete details.\r\n   - Explain why it violates the client\u2019s rights and how it harms them.\r\n   - Provide a legal foundation (appropriate statutory references for the jurisdiction if provided; otherwise generalized categories and a request for jurisdiction confirmation).\r\n   - Specify demands and a deadline (use a practical window such as 7\u201314 days unless the user provides a different timeframe).\r\n   - Describe escalation options if the recipient does not comply.\r\n4. **Edge-case handling:** If any input is missing\/unclear (recipient address, jurisdiction, dates, registration numbers, URLs\/screenshots, etc.), insert clearly marked placeholders and add a short \u201cInformation Needed to Finalize\u201d section after the letter.\r\n\r\n## INPUTS\r\n- **Law firm name:** [COMPANY_NAME]\r\n- **Attorney\/sender name:** [YOUR_NAME]\r\n- **Recipient name and details (company\/address\/email if known):** [RECIPIENT_NAME_AND_DETAILS]\r\n- **Infringement or legal issue details (what happened, where, when, evidence\/links):** [CHALLENGE]\r\n- **Jurisdiction (country\/state) if known:** [JURISDICTION]\r\n- **Client IP assets (registrations, works, marks, patents, trade secrets, dates):** [IP_ASSETS]\r\n- **Requested compliance deadline or timeframe (optional):** [TIMEFRAME]\r\n- **Preferred tone within \u201cformal & firm\u201d (optional):** [TONE]\r\n\r\n## OUTPUT SPECIFICATION\r\nProduce:\r\n1. **Pre-Analysis Summary** (3\u20135 bullets).\r\n2. **Cease-and-Desist Letter** in this exact order and layout, using placeholders where needed:\r\n\r\n- {Law Firm Letterhead Block}  \r\n- {Date}  \r\n\r\n- {Recipient Name}  \r\n- {Recipient Company}  \r\n- {Recipient Address}  \r\n\r\n**Re:** Cease and Desist Demand \u2013 {Matter Description}\r\n\r\nDear {Recipient Name},\r\n\r\n{Opening Purpose Paragraph}\r\n\r\n{Infringement Narrative + Business Impact}\r\n\r\n{Rights Statement + Legal Basis (statutes\/regulations as applicable) + Case Example if feasible and non-fabricated}\r\n\r\n{Demands (numbered list) + Compliance Deadline}\r\n\r\n{Preservation\/No-Spoliation Notice (if relevant)}\r\n\r\n{Consequences and Escalation Options for Noncompliance}\r\n\r\n{Closing Paragraph Requesting Written Confirmation}\r\n\r\nSincerely,  \r\n{Sender Name}  \r\n{Law Firm Name}  \r\n{Contact Information}\r\n\r\n3. If inputs are incomplete: **Information Needed to Finalize** (bulleted questions).\r\n\r\n## QUALITY CHECKS\r\nBefore finalizing, confirm:\r\n- The letter states the purpose, facts, legal basis, demands, deadline, and consequences.\r\n- No laws, registrations, or case citations are invented; uncertain items are flagged as placeholders.\r\n- Tone is professional, firm, and credible (not abusive or speculative).\r\n- Demands are actionable and time-bound, with a reasonable deadline.\r\n- The letter formatting matches the deliverable structure and contains no XML.";
    const variables = ["[COMPANY_NAME]","[YOUR_NAME]","[RECIPIENT_NAME_AND_DETAILS]","[CHALLENGE]","[JURISDICTION]","[IP_ASSETS]","[TIMEFRAME]","[TONE]"];
    // Initial render with highlighted variables
    document.addEventListener('DOMContentLoaded', function() {
        renderPromptWithHighlights();
    });

    // Live update prompt as user types
    document.querySelectorAll('.customize-input').forEach(input => {
        input.addEventListener('input', renderPromptWithHighlights);
    });

    function renderPromptWithHighlights() {
        const promptContent = document.getElementById('premium-prompt-content');
        if (!promptContent) return;

        let updatedPrompt = originalPrompt;
        let filledVariables = {};

        // Collect filled values
        document.querySelectorAll('.customize-input').forEach(input => {
            const placeholder = input.dataset.placeholder;
            const value = input.value.trim();

            if (value) {
                filledVariables[placeholder] = value;
            }
        });

        // Replace filled variables and highlight remaining
        let htmlContent = escapeHtml(updatedPrompt);

        variables.forEach(placeholder => {
            const escapedPlaceholder = escapeHtml(placeholder);
            const regex = new RegExp(escapeRegex(escapedPlaceholder), 'g');

            if (filledVariables[placeholder]) {
                // Show filled value with green highlight
                htmlContent = htmlContent.replace(regex,
                    '<span class="prompt-variable-filled">' + escapeHtml(filledVariables[placeholder]) + '</span>'
                );
            } else {
                // Show original placeholder with yellow highlight
                htmlContent = htmlContent.replace(regex,
                    '<span class="prompt-variable">' + escapedPlaceholder + '</span>'
                );
            }
        });

        promptContent.innerHTML = htmlContent;
    }

    function escapeRegex(string) {
        return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
    }

    function escapeHtml(text) {
        const div = document.createElement('div');
        div.textContent = text;
        return div.innerHTML;
    }

    function resetPrompt() {
        // Clear all input fields
        document.querySelectorAll('.customize-input').forEach(input => {
            input.value = '';
        });

        // Re-render with original placeholders highlighted
        renderPromptWithHighlights();

        // Visual feedback
        const resetBtns = document.querySelectorAll('.prompt-header-reset, .prompt-cta-reset');
        resetBtns.forEach(btn => {
            const originalText = btn.querySelector('span').textContent;
            btn.querySelector('span').textContent = 'Reset!';
            setTimeout(() => {
                btn.querySelector('span').textContent = originalText;
            }, 1000);
        });
    }


    function getCustomizedPrompt() {
        let updatedPrompt = originalPrompt;

        document.querySelectorAll('.customize-input').forEach(input => {
            const placeholder = input.dataset.placeholder;
            const value = input.value.trim();

            if (value) {
                const regex = new RegExp(escapeRegex(placeholder), 'g');
                updatedPrompt = updatedPrompt.replace(regex, value);
            }
        });

        return updatedPrompt;
    }
</script>

</div>

<div class="pro-tips-section">

<h2 class="wp-block-heading">Pro Tips for Better AI Prompt Results</h2>



<ul class="wp-block-list">

<li><strong>Bring receipts, not vibes.</strong> Give the model concrete identifiers: URLs, ad IDs, screenshot notes, dates first observed, and where the infringing content appears (homepage hero, product page, paid search ad). For example: “Infringing listing URL: [link], uses our registered mark ‘NIMBLY’ in the title and photos 1–4 are identical to ours.”</li>


<li><strong>State the IP you actually own.</strong> If you have registrations, include registration numbers and classes, or copyright registration details, and where the mark is used in commerce. Follow-up prompt you can add after the first draft: “Revise the letter to emphasize trademark infringement and likelihood of confusion; include our registration number and first-use date in the rights section.”</li>


<li><strong>Quantify business impact in plain language.</strong> Even simple facts help: customer confusion emails, lost affiliate placements, ad disapprovals, or a spike in refunds. You can say: “We received 12 support tickets in 10 days from customers who bought from them thinking it was us.” Honestly, specificity makes the demands sound credible.</li>


<li><strong>Iterate the remedy list to match your goal.</strong> After the first output, try asking: “Keep the tone professional but tighten the demands to five items, and add a requirement that they preserve evidence (ads, creatives, analytics) until the dispute is resolved.” This keeps the letter enforceable instead of turning into a rant.</li>


<li><strong>Use the jurisdiction safeguard on purpose.</strong> If you are unsure where the other party is located, let the letter stay general and ask for jurisdiction confirmation rather than forcing a U.S.-only or UK-only framing. Then run a second pass: “Now rewrite for [jurisdiction], referencing appropriate statute categories and removing any jurisdiction-agnostic placeholders.”</li>

</ul>

</div>

<div class="related-prompts-section">

<h2 class="wp-block-heading">Related Prompts</h2>



<p>After you have your cease-and-desist drafted, these prompts can help with the operational follow-through and decision-making around enforcement and growth.</p>



<p>If you also need to decide where to focus your marketing after an infringement incident (especially if you are rebuilding trust or reclaiming branded search), <a href="https://flowpast.com/prompts/build-an-acquisition-mix-plan-with-this-ai-prompt/">Build an Acquisition Mix Plan with this AI Prompt</a> helps you map channels, budgets, and testing priorities in a structured way.</p>



<p>When the dispute involves a former employee or contractor and you’re tightening internal controls, <a href="https://flowpast.com/prompts/build-a-talent-acquisition-transformation-plan-ai-prompt/">Build a Talent Acquisition Transformation Plan AI Prompt</a> can support a cleaner hiring and process strategy, so the same risk does not repeat during growth.</p>



<p>For brands dealing with copycats and local competitors, search visibility matters. <a href="https://flowpast.com/prompts/build-a-local-link-acquisition-plan-with-this-ai-prompt/">Build a Local Link Acquisition Plan with this AI Prompt</a> pairs well when you want to strengthen local authority and reduce the impact of confusing listings and “lookalike” sites.</p>


<br>


<p>Quick reference:</p>



<ul class="wp-block-list">

<li><a href="https://flowpast.com/prompts/build-an-acquisition-mix-plan-with-this-ai-prompt/">Build an Acquisition Mix Plan with this AI Prompt</a>: Channel mix, budget allocation, testing plan.</li>


<li><a href="https://flowpast.com/prompts/build-a-talent-acquisition-transformation-plan-ai-prompt/">Build a Talent Acquisition Transformation Plan AI Prompt</a>: Hiring process overhaul and governance.</li>

<li><a href="https://flowpast.com/prompts/build-a-local-link-acquisition-plan-with-this-ai-prompt/">Build a Local Link Acquisition Plan with this AI Prompt</a>: Local SEO authority and link targets.</li>


<li><a href="https://flowpast.com/prompts/premium-client-acquisition-and-retention-plan-ai-prompt/">Premium Client Acquisition and Retention Plan AI Prompt</a>: Attract and keep high-value clients.</li>


<li><a href="https://flowpast.com/prompts/build-a-purchase-timing-action-plan-with-this-ai-prompt/">Build a Purchase Timing Action Plan with this AI Prompt</a>: Demand timing, triggers, and action steps.</li>

</ul>
<!-- /wp:post-content -->
</div>

<div class="faq-section">
<!-- wp:heading {"level":2} -->
<h2 class="wp-block-heading">Common Questions</h2>
<!-- /wp:heading -->

<div class="faq-item">
<span class="question">Which roles benefit most from this cease-and-desist letter AI prompt?</span>
<!-- wp:paragraph -->
<p class="answer"><strong>Brand Protection Managers</strong> use this to respond quickly to counterfeiters or copycats with a letter that is firm, specific, and organized. <strong>Marketing Directors</strong> rely on it when infringement is causing customer confusion in ads, landing pages, or social content and they need a clean first step before platform escalation. <strong>Agency Account Leads</strong> use it to protect client assets (logos, creatives, copy) while keeping tone professional and non-inflammatory. <strong>Operations or General Managers</strong> find it useful when they need documentation of demands, deadlines, and the business impact for internal decision-making.</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Which industries get the most value from this cease-and-desist letter AI prompt?</span>
<!-- wp:paragraph -->
<p class="answer"><strong>E-commerce brands</strong> use this when product photos, listings, or brand names are duplicated on marketplaces, causing returns and support tickets. <strong>SaaS companies</strong> apply it when a competitor copies website copy, UI screenshots, or uses confusingly similar naming that interferes with branded search and demos. <strong>Creators and media businesses</strong> lean on it for unauthorized reposts of video, paid content, or downloadable assets where copyright and takedown pathways matter. <strong>Professional services firms</strong> use it when a competitor imitates branded messaging or misrepresents affiliation, which can damage reputation and lead quality.</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Why do basic AI prompts for drafting a cease-and-desist letter produce weak results?</span>
<!-- wp:paragraph -->
<p class="answer">A typical prompt like “<em>Write me a cease-and-desist letter for my business</em>” fails because it: lacks the required factual specificity (who, what, where, when, and evidence references), provides no enforceable structure (demands, deadline, and consequences), ignores jurisdiction handling and can accidentally invent courts or statute numbers, produces generic legal-sounding filler instead of a tailored rights-and-impact narrative, and misses a careful tone balance that is firm without being inflammatory. This prompt forces a pre-analysis and a disciplined letter format, which keeps the output usable instead of theatrical.</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Can I customize this cease-and-desist letter prompt for my specific situation?</span>
<!-- wp:paragraph -->
<p class="answer">Yes. You customize it by supplying the facts the letter will anchor to: the parties involved, the IP you own (trademark, copyright, trade secret, etc.), where the infringement appears (URLs, ads, store listings), and the business harm (confusion, lost sales, reputational impact). If you know the jurisdiction, provide it so the legal foundation can reference the right statute categories; if you do not, keep it general and confirm jurisdiction before you send. Useful follow-up request: “Rewrite the letter for [jurisdiction] and prioritize remedies: removal, written confirmation, and preservation of evidence, with a 7-business-day deadline.”</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">What are the most common mistakes when using this cease-and-desist letter prompt?</span>
<!-- wp:paragraph -->
<p class="answer">The biggest mistake is leaving the infringement description too vague — instead of “They stole our logo,” use “On 2026-01-12 we found your Facebook ad at [URL] using our ‘NIMBLY’ word mark and our product photo set from [URL].” Another common error is omitting what you want them to do; “Stop it” is weak compared to “Remove all uses, confirm in writing, and identify all channels where it was posted.” People also forget to include a deadline, which makes urgency optional; give a concrete window like “within 7 business days.” Finally, users sometimes force a jurisdiction guess; if you do not know it, let the letter request confirmation rather than risking inaccuracies.</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Who should NOT use this cease-and-desist letter prompt?</span>
<!-- wp:paragraph -->
<p class="answer">This prompt isn’t ideal for situations where you need jurisdiction-specific legal advice before sending anything, especially if the dispute is high-stakes or likely to trigger immediate litigation. It’s also not a fit for knowingly uncertain claims or “pressure tactics” against legitimate competitors, because the prompt is designed for professional enforcement, not harassment. If you’re dealing with complex cross-border enforcement or sensitive trade secret allegations, consider using this draft only as an internal starting point and then have licensed counsel finalize it.</p>
<!-- /wp:paragraph -->
</div>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Which roles benefit most from this cease-and-desist letter AI prompt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Brand Protection Managers use this to respond quickly to counterfeiters or copycats with a letter that is firm, specific, and organized. Marketing Directors rely on it when infringement is causing customer confusion in ads, landing pages, or social content and they need a clean first step before platform escalation. Agency Account Leads use it to protect client assets (logos, creatives, copy) while keeping tone professional and non-inflammatory. Operations or General Managers find it useful when they need documentation of demands, deadlines, and the business impact for internal decision-making."
      }
    },
    {
      "@type": "Question",
      "name": "Which industries get the most value from this cease-and-desist letter AI prompt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "E-commerce brands use this when product photos, listings, or brand names are duplicated on marketplaces, causing returns and support tickets. SaaS companies apply it when a competitor copies website copy, UI screenshots, or uses confusingly similar naming that interferes with branded search and demos. Creators and media businesses lean on it for unauthorized reposts of video, paid content, or downloadable assets where copyright and takedown pathways matter. Professional services firms use it when a competitor imitates branded messaging or misrepresents affiliation, which can damage reputation and lead quality."
      }
    },
    {
      "@type": "Question",
      "name": "Why do basic AI prompts for drafting a cease-and-desist letter produce weak results?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "A typical prompt like “Write me a cease-and-desist letter for my business” fails because it: lacks the required factual specificity (who, what, where, when, and evidence references), provides no enforceable structure (demands, deadline, and consequences), ignores jurisdiction handling and can accidentally invent courts or statute numbers, produces generic legal-sounding filler instead of a tailored rights-and-impact narrative, and misses a careful tone balance that is firm without being inflammatory. This prompt forces a pre-analysis and a disciplined letter format, which keeps the output usable instead of theatrical."
      }
    },
    {
      "@type": "Question",
      "name": "Can I customize this cease-and-desist letter prompt for my specific situation?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Yes. You customize it by supplying the facts the letter will anchor to: the parties involved, the IP you own (trademark, copyright, trade secret, etc.), where the infringement appears (URLs, ads, store listings), and the business harm (confusion, lost sales, reputational impact). If you know the jurisdiction, provide it so the legal foundation can reference the right statute categories; if you do not, keep it general and confirm jurisdiction before you send. Useful follow-up request: “Rewrite the letter for [jurisdiction] and prioritize remedies: removal, written confirmation, and preservation of evidence, with a 7-business-day deadline.”"
      }
    },
    {
      "@type": "Question",
      "name": "What are the most common mistakes when using this cease-and-desist letter prompt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "The biggest mistake is leaving the infringement description too vague — instead of “They stole our logo,” use “On 2026-01-12 we found your Facebook ad at [URL] using our ‘NIMBLY’ word mark and our product photo set from [URL].” Another common error is omitting what you want them to do; “Stop it” is weak compared to “Remove all uses, confirm in writing, and identify all channels where it was posted.” People also forget to include a deadline, which makes urgency optional; give a concrete window like “within 7 business days.” Finally, users sometimes force a jurisdiction guess; if you do not know it, let the letter request confirmation rather than risking inaccuracies."
      }
    },
    {
      "@type": "Question",
      "name": "Who should NOT use this cease-and-desist letter prompt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "This prompt isn’t ideal for situations where you need jurisdiction-specific legal advice before sending anything, especially if the dispute is high-stakes or likely to trigger immediate litigation. It’s also not a fit for knowingly uncertain claims or “pressure tactics” against legitimate competitors, because the prompt is designed for professional enforcement, not harassment. If you’re dealing with complex cross-border enforcement or sensitive trade secret allegations, consider using this draft only as an internal starting point and then have licensed counsel finalize it."
      }
    }
  ]
}
</script>
</div>

<div class="closing-section">
<!-- wp:paragraph -->
<p>When IP theft is spreading, speed matters, but so does precision. Use this prompt to produce a professional cease-and-desist draft you can refine, review, and send with confidence.</p>
<!-- /wp:paragraph -->
</div>]]></content:encoded>
					
		
		
		<media:content url="https://flowpast.s3.eu-north-1.amazonaws.com/featured_blog_images/5000806.webp" medium="image"></media:content>
            	</item>
		<item>
		<title>Customer Discovery Roleplay Interview AI Prompt</title>
		<link>https://flowpast.com/prompts/customer-discovery-roleplay-interview-ai-prompt/</link>
		
		<dc:creator><![CDATA[Lisa Granqvist]]></dc:creator>
		<pubDate>Fri, 23 Jan 2026 02:45:42 +0000</pubDate>
				<category><![CDATA[Prompts]]></category>
		<guid isPermaLink="false">https://flowpast.com/?p=5000157</guid>

					<description><![CDATA[Interviews feel scripted and shallow - a ready-to-use AI Prompt that roleplays real buyers and surfaces objections, triggers, and language. Discover more AI prompts for marketing, sales, and ops.]]></description>
										<content:encoded><![CDATA[<!-- FOCUS_KEYWORD: discovery interview roleplay -->
<div class="hook-introduction">

<p>Customer interviews fall apart in two predictable ways. They get polite and vague, or they turn into a pitch disguised as “research.” Then you’re left with notes that sound nice but don’t change your landing page, offer, or outbound message.</p>



<p>This <strong>discovery interview roleplay</strong> is built for <strong>founders</strong> refining positioning before a launch, <strong>growth marketers</strong> who need sharper objections and real language for ads, and <strong>consultants</strong> trying to pressure-test a client’s offer without booking ten calls. The output is an in-character “buyer” you can interview live, complete with motivations, constraints, purchase triggers, alternatives, and the messy details that usually don’t show up in surveys.</p>

</div>

<div class="what-and-when-section">

<h2 class="wp-block-heading">What Does This AI Prompt Do and When to Use It?</h2>



<table class="solution-results-table three-column" role="presentation" aria-label="What this prompt does, when to use it, and what you get">
 <thead>
    <tr>
      <th scope="col">What This Prompt Does</th>
      <th scope="col">When to Use This Prompt</th>
      <th scope="col">What You&#8217;ll Get</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <ul class="automation-list">
          <li>Roleplays as a realistic member of your target audience and stays in-character until you say “break the character”.</li>
          <li>Asks up to five clarifying questions when your product or audience is vague, then proceeds with clearly labeled assumptions.</li>
          <li>Answers in tight, skimmable bullets by default, while still explaining the “why” behind choices and preferences.</li>
          <li>Builds a specific persona (job, routines, constraints, social pressure) and avoids generic “everyone thinks” statements.</li>
          <li>Surfaces non-obvious friction like time/energy limits, status concerns, internal politics, switching costs, and fear of looking foolish.</li>
       </ul>
      </td>
      <td>
        <ul class="results-list">
          <li>You’re rewriting your landing page and realize your “pain points” sound like competitor copy.</li>
          <li>You did a couple of customer calls, but the notes are all compliments and no concrete tradeoffs.</li>
          <li>You’re deciding what objection-handling to build into the offer (guarantee, onboarding, pricing packaging, proof).</li>
          <li>A competitor is winning deals and you can’t tell if it’s features, trust, or simply better messaging.</li>
          <li>You need quick learning loops for a new segment before you spend on ads or commit to a big build.</li>
        </ul>
      </td>
       <td>
         <ul class="deliverables-list">
           <li>A fully roleplayed buyer persona you can interview across 15–30 questions in one session.</li>
           <li>Bullet-form answers that include motivations, constraints, and reasoning (not just “yes/no”).</li>
           <li>A realistic set of objections, alternatives considered, and what would have to be true to buy.</li>
           <li>Purchase triggers and “moments of change” that signal urgency, plus what delays action.</li>
           <li>Plain-language phrases you can reuse in copy, emails, and call scripts, including uncomfortable wording people actually use.</li>
         </ul>
       </td>
    </tr>
  </tbody>
</table>

</div>

<div class="prompt-display-section">

<h2 class="wp-block-heading">The Full AI Prompt: Customer Discovery Roleplay Interview</h2>



<div class="prompt-viewer-wrapper" id="prompt-section">
    <div class="prompt-comparison-row prompt-premium">
        <!-- Header with buttons -->
        <div class="prompt-row-header">
            <!-- <span class="prompt-row-icon">✨</span> -->
            <span class="prompt-row-title">
                                    Step 1: Customize the prompt with your input
                            </span>
            <div class="prompt-header-buttons">
                                    <button class="prompt-header-btn prompt-header-reset" onclick="resetPrompt()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
                            <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
                        </svg>
                        <span>Reset</span>
                    </button>
                                <button class="prompt-header-btn prompt-header-copy-green flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                        <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                        <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                    </svg>
                    <span>Customize and Copy Full Prompt</span>
                </button>
            </div>
        </div>

        <!-- Customize the Prompt Section -->
                    <div class="prompt-customize-section">
                <span class="customize-title">Customize the Prompt</span>
                <p class="customize-subtitle">Fill in the fields below to personalize this prompt for your needs.</p>
                <table class="customize-table">
                    <thead>
                        <tr>
                            <th>Variable</th>
                            <th>What to Enter</th>
                            <th>Customise the prompt</th>
                        </tr>
                    </thead>
                    <tbody>
                                                    <tr>
                                <td class="var-name"><code>[TARGET_AUDIENCE]</code></td>
                                <td class="var-desc">
                                    Describe the specific group of people your business or product serves, including their demographics, roles, challenges, and key characteristics.                                    <div class="var-example">For example: "Freelance graphic designers aged 25-40 who struggle with client acquisition and time management, often working remotely or from co-working spaces."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[TARGET_AUDIENCE]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[PRODUCT_DESCRIPTION]</code></td>
                                <td class="var-desc">
                                    Provide a concise summary of your product or service, including its purpose, key features, and benefits.                                    <div class="var-example">For example: "A project management tool designed for small creative teams to streamline collaboration and meet deadlines with ease."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[PRODUCT_DESCRIPTION]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[INDUSTRY]</code></td>
                                <td class="var-desc">
                                    Specify the industry or sector your business or product is targeting. This helps tailor the persona to the relevant context.                                    <div class="var-example">For example: "E-commerce, focusing on sustainable fashion brands."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[INDUSTRY]"
                                            placeholder="Enter your value here..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[PLATFORM]</code></td>
                                <td class="var-desc">
                                    Indicate the primary channel or environment where your audience interacts with your product or service.                                    <div class="var-example">For example: "Instagram for direct sales and community engagement."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[PLATFORM]"
                                            placeholder="Enter your value here..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[TONE]</code></td>
                                <td class="var-desc">
                                    Specify the tone or style of communication you want the persona to use during interactions.                                    <div class="var-example">For example: "Casual and approachable, with a touch of humor."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[TONE]"
                                            placeholder="Enter your value here..." />
                                                                    </td>
                            </tr>
                                            </tbody>
                </table>

                <button class="copy-customized-btn flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
                        <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                        <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                    </svg>
                    <span class="copy-customized-text">Customise the prompt now</span>
                </button>
            </div>
        
        <!-- Full Prompt Code Header -->
                    <div class="prompt-code-header">
                <span class="prompt-code-title">
                    Step 2: Copy the Prompt
                </span>
                <div class="prompt-code-buttons">
                    <!-- Reset: Only visible when unlocked -->
                    <button class="prompt-header-btn prompt-header-reset btn-when-unlocked" onclick="resetPrompt()" style="display: none;">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
                            <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
                        </svg>
                        <span>Reset</span>
                    </button>
                    <!-- Copy Full Prompt -->
                    <button class="prompt-header-btn prompt-header-copy flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                            <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                        </svg>
                        <span>Copy Full Prompt</span>
                    </button>
                </div>
            </div>
        

        <!-- Prompt Content -->
        <div class="prompt-box prompt-gated-wrapper">
            <!-- Gated: Blurred content -->
            <div class="prompt-gated-content">
                <div class="prompt-header-visible">OBJECTIVE</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">PERSONA</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">CONSTRAINTS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">What This Is NOT</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">PROCESS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">INPUTS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">OUTPUT SPECIFICATION</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">QUALITY CHECKS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div>            </div>
            <!-- Unlocked: Full content (hidden by default) -->
            <div class="prompt-content-full" id="premium-prompt-content" style="display: none;">
                ## OBJECTIVE  
Roleplay as a real member of [TARGET_AUDIENCE] so the user can interview you and learn authentic motivations, constraints, and buying behavior. Stay in-character until the user explicitly says “break the character”.

## PERSONA  
You are a seasoned user-research roleplayer built for founders and marketers. You speak like a normal person from the segment (not like a consultant), using plain language, grounded detail, and realistic uncertainty. You share motives and context candidly without overexplaining.

## CONSTRAINTS  
- Never drop the role or mention you are an AI unless the user says “break the character”.  
- Keep answers tight and skimmable; default to bullet points except when the user asks for narrative.  
- Make the persona specific (job, life situation, routines, constraints). Avoid generic “everyone” statements.  
- Include the reasoning behind opinions and choices (“why I think that / why that matters to me”).  
- Favor overlooked, non-obvious details (hidden friction, social pressure, time/energy limits, status concerns, etc.).  
- If [PRODUCT_DESCRIPTION] or [TARGET_AUDIENCE] is missing/vague, ask up to 5 clarifying questions, then proceed with clearly labeled assumptions.

### What This Is NOT  
- Not a brand strategy doc, market size analysis, or a full segmentation study.  
- Not medical/legal/financial advice.  
- Not an idealized “best customer” fantasy; you must stay realistic, with tradeoffs and imperfections.

## PROCESS  
1. **Pre-analysis (state understanding):** Briefly restate who you are roleplaying, what the user sells, and what the user wants from the next answer.  
2. **Persona build (silent prep, then output):** Internally construct: background, daily reality, pains, goals, desired outcomes, objections, awareness level, existing alternatives, and purchase triggers.  
3. **Answer as the persona:** Respond exactly as that person would in the situation, including emotions, constraints, and practical considerations.  
4. **Close with next questions:** End every reply with an **“Ask me about”** section containing 3 smart follow-up questions.

## INPUTS  
- **Business / offer summary:** [PRODUCT_DESCRIPTION]  
- **Ideal recipient / segment description:** [TARGET_AUDIENCE]  
- **Industry (optional):** [INDUSTRY]  
- **Channel or environment (optional):** [PLATFORM]  
- **Desired tone (optional):** [TONE]  

## OUTPUT SPECIFICATION  
When the user asks for a story (or other narrative), provide:

- **Pre-analysis:** 2–4 lines confirming your understanding and any assumptions.  
- **Story:** exactly **3 paragraphs**, written in first person as the persona, covering:
  - Paragraph 1: {Background Snapshot} (work + life context)  
  - Paragraph 2: {Current Friction} (problems, consequences, emotions, what you’ve tried)  
  - Paragraph 3: {Desired Change} (goals, what “better” looks like, what would make you take action)  
- **Skimmable add-on bullets:**  
  - {Top 3 Problems}  
  - {Top 3 Goals}  
  - {Top 3 Objections} with the “why” behind each  
  - {Typical Buying Triggers}  
- **Ask me about:** 3 suggested next questions.

## QUALITY CHECKS  
Before sending, verify:  
- You stayed in-character and did not reference being an AI.  
- The persona is concrete (specific job, routines, constraints, and context).  
- You included clear “why” reasoning, not just conclusions.  
- You surfaced at least 2 non-obvious insights (hidden friction, social dynamics, etc.).  
- You ended with **“Ask me about”** and exactly 3 follow-up questions.            </div>
        </div>


    </div>

    <!-- CTA Row - Full width buttons -->
    <div class="prompt-cta-row">
        <button class="prompt-cta-btn prompt-cta-copy flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
                <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
            </svg>
            <span class="cta-copy-text">Copy Full Prompt</span>
        </button>
    </div>
</div>

<style>
    /* Gated prompt states */
    .prompt-gated-wrapper {
        position: relative;
    }

    /* When unlocked - show full content, hide gated */
    body.flowpast-unlocked .prompt-gated-wrapper .prompt-gated-content {
        display: none;
    }

    body.flowpast-unlocked .prompt-gated-wrapper .prompt-content-full {
        display: block !important;
    }

    /* Show/hide elements based on unlock state */
    body.flowpast-unlocked .btn-when-unlocked {
        display: inline-flex !important;
    }

    .prompt-viewer-wrapper {
        scroll-margin-top: 250px;
    }

    /* ========================================
   PROMPT VIEWER - MAIN WRAPPER
   ======================================== */
    .prompt-viewer-wrapper {
        margin: 30px 0;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    /* ========================================
   PROMPT BOX CONTAINER
   ======================================== */
    .prompt-comparison-row {
        border-radius: 12px;
        overflow: hidden;
        border: 1px solid #e0e0e0;
        background: #fff;
    }

    /* ========================================
   HEADER WITH BUTTONS
   ======================================== */
    .prompt-row-header {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 14px 20px;
        color: #fff !important;
        background: #141414;
        border-bottom: 1px solid #e0e0e0;
        flex-wrap: wrap;
    }

    .prompt-row-icon {
        font-size: 20px;
    }

    .prompt-row-title {
        font-weight: 600;
        font-size: 22px;
        color: #fff !important;
        text-decoration: underline
    }

    .prompt-header-buttons {
        margin-left: auto;
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }

    /* Header buttons */
    .prompt-header-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 20px;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        text-decoration: none;
        border: none;
    }

    .prompt-header-copy {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-header-copy:hover {
        background: #2a2a2a;
    }

    .prompt-header-copy.copied {
        background: #2e7d32;
    }

    .prompt-header-copy-green {
        background: #04AA6D !important;
        color: #fff !important;
    }

    .prompt-header-copy-green:hover {
        background: #039860 !important;
    }

    .prompt-header-copy-green.copied {
        background: #2e7d32 !important;
    }

    .prompt-header-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
    }

    .prompt-header-access:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-1px);
    }

    /* ========================================
   PROMPT CONTENT - FULL (NO SCROLL)
   ======================================== */
    .prompt-box {
        background: #ffffff;
    }

    .prompt-content-full {
        padding: 24px;
        margin: 0;
        color: #202124;
        background: #ffffff;
        font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
        font-size: 13px;
        line-height: 1.7;
        white-space: pre-wrap;
        word-wrap: break-word;
        /* No scroll - show full content */
        max-height: none;
        overflow: visible;
    }

    /* Highlighted variable in prompt */
    .prompt-variable {
        background: #fff3cd;
        color: #1967d2;
        font-weight: 700;
        padding: 2px 4px;
        border-radius: 3px;
        border: 1px solid #ffc107;
    }

    .prompt-variable-filled {
        background: #d4edda;
        color: #155724;
        font-weight: 700;
        padding: 2px 4px;
        border-radius: 3px;
        border: 1px solid #28a745;
    }

    /* ========================================
   GATED CONTENT (NO ACCESS)
   ======================================== */
    .prompt-gated-content {
        padding: 24px;
        background: #ffffff;
        font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
        font-size: 13px;
        line-height: 1.8;
        max-height: none;
        overflow: visible;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        cursor: default;
    }

    /* ## headers - larger, black */
    .prompt-header-visible {
        color: #202124;
        font-weight: 600;
        margin: 5px 0 0px 0;
        font-size: 20px;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        text-decoration: underline;
        text-underline-offset: 4px;
    }

    /* ### headers - smaller, black */
    .prompt-header-visible.subheader {
        color: #202124;
        font-weight: 600;
        margin: 5px 0;
        font-size: 18px;
    }

    .prompt-header-visible:first-child {
        margin-top: 0;
    }

    /* ========================================
   LOCKED SECTION BLOCK
   ======================================== */
    .locked-section {
        position: relative;
        margin: 4px 0 8px 0;
        border-radius: 6px;
        overflow: hidden;
        background: linear-gradient(110deg, #e2e8f0 8%, #f1f5f9 18%, #e2e8f0 33%);
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

    .locked-section-bg {
        position: relative;
    }

    .locked-section-lines {
        padding: 8px 12px;
        position: relative;
    }

    .locked-line {
        height: 6px;
        background: rgba(255, 255, 255, 0.6);
        border-radius: 3px;
        margin-bottom: 4px;
        margin-left: 12px;
    }

    .locked-line:last-child {
        margin-bottom: 0;
    }

    .locked-section-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 10;
        font-size: 24px;
        filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1));
    }

    /* Subheader locked sections - slightly indented */
    /*  .prompt-header-visible.subheader+.locked-section {
        margin-left: 16px;
    } */

    /* ========================================
   COMPATIBILITY BADGES
   ======================================== */
    .prompt-compatibility {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        padding: 12px 20px;
        background: #f8f9fa;
        border-top: 1px solid #e0e0e0;
    }

    .compat-label {
        font-size: 13px;
        color: #5f6368;
        font-weight: 500;
    }

    .compat-badge {
        padding: 4px 10px;
        background: #e8f0fe;
        color: #1967d2;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 500;
    }

    /* ========================================
   CTA ROW - FULL WIDTH BUTTONS
   ======================================== */
    .prompt-cta-row {
        display: flex;
        gap: 16px;
        flex-wrap: wrap;
    }

    .prompt-cta-btn {
        flex: 1;
        min-width: 200px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 16px 24px;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        text-decoration: none;
        border: none;
    }

    .prompt-cta-copy {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-cta-copy:hover {
        background: #2a2a2a;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    .prompt-cta-copy.copied {
        background: #2e7d32;
    }

    .prompt-cta-reset {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-cta-reset:hover {
        background: #2a2a2a;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    .prompt-cta-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
    }

    .prompt-cta-access:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(5, 152, 98, 0.3);
    }

    /* ========================================
    CUSTOMIZE YOUR PROMPT SECTION
    ======================================== */
    .prompt-customize-section {
        padding: 24px;
        border-bottom: 1px solid #e0e0e0;
        background: #fafbfc;
    }

    .customize-title {
        margin: 0 0 8px 0;
        font-size: 18px;
        font-weight: 700;
        color: #202124;
    }

    .customize-subtitle {
        margin: 0 0 20px 0;
        font-size: 14px;
        color: #5f6368;
    }

    .customize-table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 20px;
    }

    .customize-table th {
        text-align: left;
        padding: 12px;
        background: #f1f3f4;
        border: 1px solid #e0e0e0;
        font-size: 13px;
        font-weight: 600;
        color: #202124;
    }

    .customize-table td {
        padding: 12px;
        border: 1px solid #e0e0e0;
        vertical-align: top;
    }

    .customize-table .var-name {
        width: 25%;
        background: #f8f9fa;
    }

    .customize-table .var-name code {
        background: #fff3cd;
        color: #1967d2;
        border: 1px solid #ffc107;
        padding: 4px 8px;
        border-radius: 4px;
        font-size: 12px;
        word-break: break-all;
        font-weight: 600;
    }

    .customize-table .var-desc {
        width: 35%;
        font-size: 13px;
        color: #5f6368;
        line-height: 1.5;
    }

    .customize-table .var-example {
        margin-top: 8px;
        padding: 8px 10px;
        background: #f8f9fa;
        border-left: 3px solid #dadce0;
        font-size: 12px;
        color: #5f6368;
        font-style: italic;
        border-radius: 0 4px 4px 0;
    }

    .customize-table .var-input {
        width: 40%;
    }

    .customize-input {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #dadce0;
        border-radius: 6px;
        font-size: 13px;
        font-family: inherit;
        resize: vertical;
        transition: border-color 0.2s, box-shadow 0.2s;
    }

    .customize-input:focus {
        outline: none;
        border-color: rgb(5, 152, 98);
        box-shadow: 0 0 0 3px rgba(5, 152, 98, 0.1);
    }

    .customize-input::placeholder {
        color: #9aa0a6;
        font-style: italic;
    }

    .copy-customized-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        width: 100%;
        padding: 16px 24px;
        background: rgb(5, 152, 98);
        color: #fff;
        border: none;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
    }

    .copy-customized-btn:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(5, 152, 98, 0.3);
    }

    .copy-customized-btn.copied {
        background: #2e7d32;
    }

    /* ========================================
    FULL PROMPT CODE HEADER
    ======================================== */
    .prompt-code-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 20px;
        color: #fff !important;
        background: #141414;
        border-bottom: 1px solid #e0e0e0;
    }

    .prompt-code-title {
        font-size: 22px;
        font-weight: 600;
        text-decoration: underline;

    }

    .prompt-code-buttons {
        display: flex;
        gap: 8px;
    }

    .prompt-code-buttons .prompt-header-btn {
        padding: 8px 14px;
        font-size: 13px;
        background: #ffffff;
        color: #202124;
        border: 1px solid #dadce0;
    }

    .prompt-code-buttons .prompt-header-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
        border-color: rgb(5, 152, 98);
    }

    .prompt-code-buttons .prompt-header-btn.prompt-header-access:hover {
        background: rgb(4, 130, 83) !important;
        border-color: rgb(4, 130, 83);
        color: #fff !important;
    }

    .prompt-code-buttons .prompt-header-btn:hover {
        background: #f1f3f4;
    }

    .prompt-code-buttons .prompt-header-copy.copied {
        background: #d4edda;
        color: #155724;
        border-color: #28a745;
    }

    .prompt-header-reset {
        background: #ffffff;
        color: #202124;
    }

    /* ========================================
   RESPONSIVE
   ======================================== */
    @media (max-width: 768px) {
        .prompt-row-header {
            flex-direction: column;
            align-items: flex-start;
            gap: 12px;
        }

        .prompt-header-buttons {
            margin-left: 0;
            width: 100%;
        }

        .prompt-header-btn {
            flex: 1;
            justify-content: center;
        }

        .prompt-cta-row {
            flex-direction: column;
        }

        .prompt-cta-btn {
            width: 100%;
        }

        /* Customize table responsive */
        .customize-table,
        .customize-table thead,
        .customize-table tbody,
        .customize-table tr,
        .customize-table th,
        .customize-table td {
            display: block;
        }

        .customize-table thead {
            display: none;
        }

        .customize-table tr {
            margin-bottom: 16px;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            overflow: hidden;
        }

        .customize-table td {
            width: 100% !important;
            border: none;
            border-bottom: 1px solid #e0e0e0;
        }

        .customize-table td:last-child {
            border-bottom: none;
        }

        .customize-table .var-name {
            background: #f1f3f4;
            font-weight: 600;
        }

        .prompt-code-header {
            flex-direction: column;
            gap: 12px;
            align-items: flex-start;
        }

        .prompt-code-buttons {
            width: 100%;
        }

        .prompt-code-buttons .prompt-header-btn {
            flex: 1;
            justify-content: center;
        }
    }
</style>

<script>
    function handlePromptCopy() {
        // Check if unlocked via cookie
        if (typeof window.flowpastIsUnlocked === 'function' && !window.flowpastIsUnlocked()) {
            // Show email popup
            if (typeof window.flowpastShowEmailPopup === 'function') {
                window.flowpastShowEmailPopup('prompt');
            }
            return;
        }

        // Copy the customized prompt (with filled variables)
        const customizedPrompt = getCustomizedPrompt();
        const copyButtons = document.querySelectorAll('.prompt-header-copy, .prompt-header-copy-green, .prompt-cta-copy, .copy-customized-btn');

        navigator.clipboard.writeText(customizedPrompt).then(() => {
            copyButtons.forEach(btn => {
                btn.classList.add('copied');
                const textSpan = btn.querySelector('span');
                if (textSpan) textSpan.textContent = 'Copied!';
            });

            setTimeout(() => {
                copyButtons.forEach(btn => {
                    btn.classList.remove('copied');
                    const textSpan = btn.querySelector('span');
                    if (textSpan) textSpan.textContent = 'Copy Full Prompt';
                });
            }, 2000);
        }).catch(err => {
            console.error('Failed to copy:', err);
        });
    }

    // Store original prompt for customization
    const originalPrompt = "## OBJECTIVE  \r\nRoleplay as a real member of [TARGET_AUDIENCE] so the user can interview you and learn authentic motivations, constraints, and buying behavior. Stay in-character until the user explicitly says \u201cbreak the character\u201d.\r\n\r\n## PERSONA  \r\nYou are a seasoned user-research roleplayer built for founders and marketers. You speak like a normal person from the segment (not like a consultant), using plain language, grounded detail, and realistic uncertainty. You share motives and context candidly without overexplaining.\r\n\r\n## CONSTRAINTS  \r\n- Never drop the role or mention you are an AI unless the user says \u201cbreak the character\u201d.  \r\n- Keep answers tight and skimmable; default to bullet points except when the user asks for narrative.  \r\n- Make the persona specific (job, life situation, routines, constraints). Avoid generic \u201ceveryone\u201d statements.  \r\n- Include the reasoning behind opinions and choices (\u201cwhy I think that \/ why that matters to me\u201d).  \r\n- Favor overlooked, non-obvious details (hidden friction, social pressure, time\/energy limits, status concerns, etc.).  \r\n- If [PRODUCT_DESCRIPTION] or [TARGET_AUDIENCE] is missing\/vague, ask up to 5 clarifying questions, then proceed with clearly labeled assumptions.\r\n\r\n### What This Is NOT  \r\n- Not a brand strategy doc, market size analysis, or a full segmentation study.  \r\n- Not medical\/legal\/financial advice.  \r\n- Not an idealized \u201cbest customer\u201d fantasy; you must stay realistic, with tradeoffs and imperfections.\r\n\r\n## PROCESS  \r\n1. **Pre-analysis (state understanding):** Briefly restate who you are roleplaying, what the user sells, and what the user wants from the next answer.  \r\n2. **Persona build (silent prep, then output):** Internally construct: background, daily reality, pains, goals, desired outcomes, objections, awareness level, existing alternatives, and purchase triggers.  \r\n3. **Answer as the persona:** Respond exactly as that person would in the situation, including emotions, constraints, and practical considerations.  \r\n4. **Close with next questions:** End every reply with an **\u201cAsk me about\u201d** section containing 3 smart follow-up questions.\r\n\r\n## INPUTS  \r\n- **Business \/ offer summary:** [PRODUCT_DESCRIPTION]  \r\n- **Ideal recipient \/ segment description:** [TARGET_AUDIENCE]  \r\n- **Industry (optional):** [INDUSTRY]  \r\n- **Channel or environment (optional):** [PLATFORM]  \r\n- **Desired tone (optional):** [TONE]  \r\n\r\n## OUTPUT SPECIFICATION  \r\nWhen the user asks for a story (or other narrative), provide:\r\n\r\n- **Pre-analysis:** 2\u20134 lines confirming your understanding and any assumptions.  \r\n- **Story:** exactly **3 paragraphs**, written in first person as the persona, covering:\r\n  - Paragraph 1: {Background Snapshot} (work + life context)  \r\n  - Paragraph 2: {Current Friction} (problems, consequences, emotions, what you\u2019ve tried)  \r\n  - Paragraph 3: {Desired Change} (goals, what \u201cbetter\u201d looks like, what would make you take action)  \r\n- **Skimmable add-on bullets:**  \r\n  - {Top 3 Problems}  \r\n  - {Top 3 Goals}  \r\n  - {Top 3 Objections} with the \u201cwhy\u201d behind each  \r\n  - {Typical Buying Triggers}  \r\n- **Ask me about:** 3 suggested next questions.\r\n\r\n## QUALITY CHECKS  \r\nBefore sending, verify:  \r\n- You stayed in-character and did not reference being an AI.  \r\n- The persona is concrete (specific job, routines, constraints, and context).  \r\n- You included clear \u201cwhy\u201d reasoning, not just conclusions.  \r\n- You surfaced at least 2 non-obvious insights (hidden friction, social dynamics, etc.).  \r\n- You ended with **\u201cAsk me about\u201d** and exactly 3 follow-up questions.";
    const variables = ["[TARGET_AUDIENCE]","[PRODUCT_DESCRIPTION]","[INDUSTRY]","[PLATFORM]","[TONE]"];
    // Initial render with highlighted variables
    document.addEventListener('DOMContentLoaded', function() {
        renderPromptWithHighlights();
    });

    // Live update prompt as user types
    document.querySelectorAll('.customize-input').forEach(input => {
        input.addEventListener('input', renderPromptWithHighlights);
    });

    function renderPromptWithHighlights() {
        const promptContent = document.getElementById('premium-prompt-content');
        if (!promptContent) return;

        let updatedPrompt = originalPrompt;
        let filledVariables = {};

        // Collect filled values
        document.querySelectorAll('.customize-input').forEach(input => {
            const placeholder = input.dataset.placeholder;
            const value = input.value.trim();

            if (value) {
                filledVariables[placeholder] = value;
            }
        });

        // Replace filled variables and highlight remaining
        let htmlContent = escapeHtml(updatedPrompt);

        variables.forEach(placeholder => {
            const escapedPlaceholder = escapeHtml(placeholder);
            const regex = new RegExp(escapeRegex(escapedPlaceholder), 'g');

            if (filledVariables[placeholder]) {
                // Show filled value with green highlight
                htmlContent = htmlContent.replace(regex,
                    '<span class="prompt-variable-filled">' + escapeHtml(filledVariables[placeholder]) + '</span>'
                );
            } else {
                // Show original placeholder with yellow highlight
                htmlContent = htmlContent.replace(regex,
                    '<span class="prompt-variable">' + escapedPlaceholder + '</span>'
                );
            }
        });

        promptContent.innerHTML = htmlContent;
    }

    function escapeRegex(string) {
        return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
    }

    function escapeHtml(text) {
        const div = document.createElement('div');
        div.textContent = text;
        return div.innerHTML;
    }

    function resetPrompt() {
        // Clear all input fields
        document.querySelectorAll('.customize-input').forEach(input => {
            input.value = '';
        });

        // Re-render with original placeholders highlighted
        renderPromptWithHighlights();

        // Visual feedback
        const resetBtns = document.querySelectorAll('.prompt-header-reset, .prompt-cta-reset');
        resetBtns.forEach(btn => {
            const originalText = btn.querySelector('span').textContent;
            btn.querySelector('span').textContent = 'Reset!';
            setTimeout(() => {
                btn.querySelector('span').textContent = originalText;
            }, 1000);
        });
    }


    function getCustomizedPrompt() {
        let updatedPrompt = originalPrompt;

        document.querySelectorAll('.customize-input').forEach(input => {
            const placeholder = input.dataset.placeholder;
            const value = input.value.trim();

            if (value) {
                const regex = new RegExp(escapeRegex(placeholder), 'g');
                updatedPrompt = updatedPrompt.replace(regex, value);
            }
        });

        return updatedPrompt;
    }
</script>

</div>

<div class="pro-tips-section">

<h2 class="wp-block-heading">Pro Tips for Better AI Prompt Results</h2>



<ul class="wp-block-list">

<li><strong>Start with a sharp “who” and “what changed”.</strong> Before you ask feature questions, anchor the roleplay in a life situation. Try: “You’re a payroll manager at a 60-person construction company; last month two late checks caused a real mess. What happened, and what did you do first?” Specific context forces better constraints and more believable answers.</li>


<li><strong>Interview for alternatives, not opinions.</strong> “Would you pay for this?” is a trap. Ask: “What have you tried instead in the last 30 days, and why didn’t it stick?” Then follow with: “What did it cost you in time, stress, or reputation?” You’ll get switching costs and real competitive intel.</li>

<li><strong>Push on the uncomfortable details.</strong> The prompt is designed to reveal hidden friction, so use it. Ask: “What would you be embarrassed to admit about this problem?” or “Who would judge you for buying the ‘wrong’ solution?” Honestly, this is where the best copy comes from.</li>


<li><strong>Run controlled iterations.</strong> After the first roleplay, keep the same product but change one variable in your next instruction. For example: “Same persona, but you’re extremely budget-constrained this quarter,” or “Same persona, but you’ve been burned by a vendor before.” Then ask: “Now revisit your top objections and what proof you’d need.”</li>


<li><strong>Turn answers into assets immediately.</strong> Don’t stop at insight. Use follow-ups like: “List 10 exact phrases you’d use when describing this problem to a coworker,” and then “Rewrite those as 10 headline options and 10 ad hooks, keeping the same voice.” If you’re also polishing product UX, pairing this with microcopy work can help; the loading microcopy prompts are useful when you need interface language to match the persona’s tone (for example: https://flowpast.com/prompts/write-loading-microcopy-messages-ai-prompt/).</li>

</div>

<div class="related-prompts-section">

<h2 class="wp-block-heading">Related Prompts</h2>



<p>Once you’ve captured real buyer language from the roleplay, these prompts help you apply it to product UX and in-app moments.</p>



<p>If you also need UI text that sounds like your newly discovered customer voice, <a href="https://flowpast.com/prompts/write-loading-microcopy-messages-ai-prompt/">Write Loading Microcopy Messages AI Prompt</a> is a practical next step. It’s especially helpful when your roleplay reveals impatience triggers (anxiety about “is it working?”) and you want loading states that reduce doubt.</p>



<p>For teams doing experiments around retention, <a href="https://flowpast.com/prompts/ai-prompt-to-write-hidden-unicode-loading-microcopy/">AI Prompt to Write Hidden Unicode Loading Microcopy</a> can support nuanced, less intrusive status messaging. Use it when the roleplay shows users hate clutter, yet still want reassurance during waits.</p>



<p>When your product is web-based and you want implementation-ready copy alongside the customer language you collected, <a href="https://flowpast.com/prompts/write-javascript-loading-microcopy-with-this-ai-prompt/">Write JavaScript Loading Microcopy with this AI Prompt</a> pairs well. It’s a clean way to turn “customers feel stuck” insight into better UI states without inventing tone from scratch.</p>


<br>


<p>Quick reference:</p>



<ul class="wp-block-list">

<li><a href="https://flowpast.com/prompts/write-loading-microcopy-messages-ai-prompt/">Write Loading Microcopy Messages AI Prompt</a>: On-brand loading messages for better UX.</li>


<li><a href="https://flowpast.com/prompts/ai-prompt-to-write-hidden-unicode-loading-microcopy/">AI Prompt to Write Hidden Unicode Loading Microcopy</a>: Subtle status text with lighter UI footprint.</li>


<li><a href="https://flowpast.com/prompts/write-javascript-loading-microcopy-with-this-ai-prompt/">Write JavaScript Loading Microcopy with this AI Prompt</a>: JS-ready loading copy for web apps.</li>

<li><a href="https://flowpast.com/prompts/write-f-loading-status-microcopy-ai-prompt/">Write F# Loading Status Microcopy AI Prompt</a>: Status microcopy patterns for F# apps.</li>

<li><a href="https://flowpast.com/prompts/write-javascript-loading-status-microcopy-ai-prompt/">Write JavaScript Loading Status Microcopy AI Prompt</a>: Loading status lines tailored to JS products.</li>
<!-- /wp:post-content -->
</div>

<div class="faq-section">
<!-- wp:heading {"level":2} -->
<h2 class="wp-block-heading">Common Questions</h2>
<!-- /wp:heading -->

<div class="faq-item">
<span class="question">Which roles benefit most from this discovery interview roleplay AI prompt?</span>
<!-- wp:paragraph -->
<p class="answer"><strong>Founders and product leads</strong> use it to pressure-test positioning before they lock in a roadmap, because it forces realistic constraints and tradeoffs. <strong>Demand gen and growth marketers</strong> rely on it to pull objection language and “why now” triggers that improve ads, landing pages, and retargeting. <strong>Sales managers</strong> use it to rehearse discovery questions and identify the real “do nothing” alternative that stalls deals. <strong>Consultants and agencies</strong> apply it when a client cannot get enough customer calls scheduled, but still needs credible voice-of-customer inputs for messaging.</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Which industries get the most value from this discovery interview roleplay AI prompt?</span>
<!-- wp:paragraph -->
<p class="answer"><strong>B2B SaaS</strong> teams get value because the roleplay can mimic stakeholders, internal approvals, switching costs, and the “risk of choosing wrong” that blocks trials from converting. <strong>E-commerce and DTC</strong> operators use it to uncover hesitation drivers (shipping anxiety, trust, social proof needs) and the phrases buyers use when comparing bundles or subscriptions. <strong>Professional services</strong> firms (agencies, accounting, legal ops) benefit when the prompt surfaces how prospects judge credibility, what “good work” means to them, and what makes them avoid onboarding. <strong>Marketplaces and platforms</strong> use it to simulate two-sided friction, like why suppliers churn or why demand users won’t create an account yet.</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Why do basic AI prompts for customer discovery interviews produce weak results?</span>
<!-- wp:paragraph -->
<p class="answer">A typical prompt like “<em>Write me a customer interview for my business</em>” fails because it: lacks a strict in-character constraint (so the model slips into generic advice), provides no persona specificity (job, routines, pressures), ignores alternatives and switching costs (the real decision drivers), produces flattering answers instead of realistic uncertainty and objections, and misses the “reasoning behind opinions” that tells you what to change in your offer. This prompt forces a believable role, tight responses, and explicit tradeoffs, which is what makes the insights usable.</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Can I customize this discovery interview roleplay prompt for my specific situation?</span>
<!-- wp:paragraph -->
<p class="answer">Yes, and you do it through what you tell the roleplay to embody: your target audience and your product description. If you’re vague, the prompt will ask up to five clarifying questions, which is useful, but you’ll get better results if you specify segment, context, and constraints (budget, timeline, existing tools, and what recently changed). A strong way to customize is to add one “scenario anchor,” like “you’re buying for a team of 12” or “you’ve tried two tools and churned.” Follow-up prompt to use after a few answers: “Stay in character. List your top 5 objections ranked by deal-killing severity, and for each one, tell me what proof would reduce it.”</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">What are the most common mistakes when using this discovery interview roleplay prompt?</span>
<!-- wp:paragraph -->
<p class="answer">The biggest mistake is leaving the target audience too vague; instead of “small business owners,” try “owner-operators of 5–15 person home services companies doing $30–80K/month who answer the phone themselves.” Another common error is providing a fuzzy product description, like “an app that helps with productivity,” versus “a Chrome extension that summarizes client emails into next actions and drafts replies in your tone.” People also skip constraints; “any budget” produces fantasy buying, while “must be under $200/month and set up in one afternoon” forces realistic tradeoffs. Finally, many users don’t push on alternatives, so add questions like “What did you try before, and what made you quit?”</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Who should NOT use this discovery interview roleplay prompt?</span>
<!-- wp:paragraph -->
<p class="answer">This prompt isn’t ideal for teams that need statistically reliable market research, for regulated decisions that require expert advice, or for one-off projects where you will not iterate on the persona and questions. It’s a qualitative thinking tool, not evidence that your market is “proven.” If you need validation, use it to draft hypotheses, then confirm them with real calls, surveys, or product data.</p>
<!-- /wp:paragraph -->
</div>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Which roles benefit most from this discovery interview roleplay AI prompt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Founders and product leads use it to pressure-test positioning before they lock in a roadmap, because it forces realistic constraints and tradeoffs. Demand gen and growth marketers rely on it to pull objection language and “why now” triggers that improve ads, landing pages, and retargeting. Sales managers use it to rehearse discovery questions and identify the real “do nothing” alternative that stalls deals. Consultants and agencies apply it when a client cannot get enough customer calls scheduled, but still needs credible voice-of-customer inputs for messaging."
      }
    },
    {
      "@type": "Question",
      "name": "Which industries get the most value from this discovery interview roleplay AI prompt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "B2B SaaS teams get value because the roleplay can mimic stakeholders, internal approvals, switching costs, and the “risk of choosing wrong” that blocks trials from converting. E-commerce and DTC operators use it to uncover hesitation drivers (shipping anxiety, trust, social proof needs) and the phrases buyers use when comparing bundles or subscriptions. Professional services firms (agencies, accounting, legal ops) benefit when the prompt surfaces how prospects judge credibility, what “good work” means to them, and what makes them avoid onboarding. Marketplaces and platforms use it to simulate two-sided friction, like why suppliers churn or why demand users won’t create an account yet."
      }
    },
    {
      "@type": "Question",
      "name": "Why do basic AI prompts for customer discovery interviews produce weak results?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "A typical prompt like “Write me a customer interview for my business” fails because it: lacks a strict in-character constraint (so the model slips into generic advice), provides no persona specificity (job, routines, pressures), ignores alternatives and switching costs (the real decision drivers), produces flattering answers instead of realistic uncertainty and objections, and misses the “reasoning behind opinions” that tells you what to change in your offer. This prompt forces a believable role, tight responses, and explicit tradeoffs, which is what makes the insights usable."
      }
    },
    {
      "@type": "Question",
      "name": "Can I customize this discovery interview roleplay prompt for my specific situation?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Yes, and you do it through what you tell the roleplay to embody: your target audience and your product description. If you’re vague, the prompt will ask up to five clarifying questions, which is useful, but you’ll get better results if you specify segment, context, and constraints (budget, timeline, existing tools, and what recently changed). A strong way to customize is to add one “scenario anchor,” like “you’re buying for a team of 12” or “you’ve tried two tools and churned.” Follow-up prompt to use after a few answers: “Stay in character. List your top 5 objections ranked by deal-killing severity, and for each one, tell me what proof would reduce it.”"
      }
    },
    {
      "@type": "Question",
      "name": "What are the most common mistakes when using this discovery interview roleplay prompt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "The biggest mistake is leaving the target audience too vague; instead of “small business owners,” try “owner-operators of 5–15 person home services companies doing $30–80K/month who answer the phone themselves.” Another common error is providing a fuzzy product description, like “an app that helps with productivity,” versus “a Chrome extension that summarizes client emails into next actions and drafts replies in your tone.” People also skip constraints; “any budget” produces fantasy buying, while “must be under $200/month and set up in one afternoon” forces realistic tradeoffs. Finally, many users don’t push on alternatives, so add questions like “What did you try before, and what made you quit?”"
      }
    },
    {
      "@type": "Question",
      "name": "Who should NOT use this discovery interview roleplay prompt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "This prompt isn’t ideal for teams that need statistically reliable market research, for regulated decisions that require expert advice, or for one-off projects where you will not iterate on the persona and questions. It’s a qualitative thinking tool, not evidence that your market is “proven.” If you need validation, use it to draft hypotheses, then confirm them with real calls, surveys, or product data."
      }
    }
  ]
}
</script>
</div>

<div class="closing-section">
<!-- wp:paragraph -->
<p>Good discovery isn’t about “more questions.” It’s about getting real answers you can use. Paste the prompt into your AI tool, run a focused interview, and turn the language you hear into better positioning and cleaner decisions.</p>
<!-- /wp:paragraph -->
</div>]]></content:encoded>
					
		
		
		<media:content url="https://flowpast.s3.eu-north-1.amazonaws.com/featured_blog_images/5000157.webp" medium="image"></media:content>
            	</item>
		<item>
		<title>Write Dispute Message Templates with this AI Prompt</title>
		<link>https://flowpast.com/prompts/write-dispute-message-templates-with-this-ai-prompt/</link>
		
		<dc:creator><![CDATA[Lisa Granqvist]]></dc:creator>
		<pubDate>Fri, 23 Jan 2026 02:45:15 +0000</pubDate>
				<category><![CDATA[Prompts]]></category>
		<guid isPermaLink="false">https://flowpast.com/?p=5002882</guid>

					<description><![CDATA[Disputes stall or turn hostile - this AI Prompt creates NVC based templates for platforms, banks, and suppliers with escalation. Access our full AI prompt library for every model.]]></description>
										<content:encoded><![CDATA[<!-- FOCUS_KEYWORD: dispute message templates -->
<div class="hook-introduction">

<p>Disputes drag on because the messages you send are either too emotional, too vague, or too “legal” for the support agent reading them. You end up repeating yourself, attaching the same screenshots again, and watching the clock while your cashflow (and patience) takes the hit. Then the thread turns tense, and suddenly it’s harder to get a fair outcome.</p>



<p>This <strong>dispute message templates</strong> prompt is built for <strong>e-commerce operators</strong> trying to recover funds from a payment processor or chargeback, <strong>operations managers</strong> dealing with missed supplier deliveries and contract terms, and <strong>client-facing consultants</strong> who need calm, evidence-based messages that don’t burn relationships. The output is a step-by-step set of message templates (by phase) plus an escalation plan, complete with fill-in fields, objective criteria, deadlines, and next steps.</p>

</div>

<div class="what-and-when-section">

<h2 class="wp-block-heading">What Does This AI Prompt Do and When to Use It?</h2>



<table class="solution-results-table three-column" role="presentation" aria-label="What this prompt does, when to use it, and what you get">
 <thead>
    <tr>
      <th scope="col">What This Prompt Does</th>
      <th scope="col">When to Use This Prompt</th>
      <th scope="col">What You&#8217;ll Get</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <ul class="automation-list">
          <li>It runs a required pre-analysis that restates your situation, confirms the outcome you want, and flags critical unknowns it needs from you.</li>
          <li>It diagnoses the dispute by separating positions (refund/reversal/replacement) from interests (fairness, time, reputation, cashflow), so the ask is harder to dismiss.</li>
          <li>It gauges emotional heat and rewrites your language into Nonviolent Communication structure that stays non-accusatory while still being firm.</li>
          <li>It builds an adaptive phase plan with 3–8 stages, choosing channels and likely decision-makers (ticket, email, portal, formal letter) based on the institution type.</li>
          <li>It generates templates that always include facts, impact, needs/principles, a clear request, objective criteria, a deadline, and a next step (plus escalation leverage).</li>
       </ul>
      </td>
      <td>
        <ul class="results-list">
          <li>You’ve already contacted support, but you’re stuck in slow “we’re reviewing” replies with no concrete timeline.</li>
          <li>The other party says you violated policy or “the contract doesn’t allow it,” and you need to respond with objective standards instead of arguments.</li>
          <li>Money is frozen, a refund is delayed, or a supplier issue is threatening deliveries, and you need a structured escalation path that stays professional.</li>
          <li>You’re worried the next message might escalate the conflict emotionally (or trigger a defensive shutdown), but you still must protect your rights.</li>
          <li>You want to preserve a workable relationship after the outcome, especially with suppliers or platforms you’ll keep using.</li>
        </ul>
      </td>
       <td>
         <ul class="deliverables-list">
           <li>A phased dispute plan with 3–8 stages, each stage named, timed, and mapped to the best channel.</li>
           <li>At least 3 message templates (often 5–7) tailored to the institution type: platform, bank, or supplier.</li>
           <li>Fill-in fields for evidence, dates, transaction IDs, policy citations, contract clauses, and requested remedy.</li>
           <li>An escalation plan with deadlines, “if-then” steps, and options for higher-level review or formal complaint paths.</li>
           <li>A short list of targeted follow-up questions so you can supply missing details without the model guessing.</li>
         </ul>
       </td>
    </tr>
  </tbody>
</table>

</div>

<div class="prompt-display-section">

<h2 class="wp-block-heading">The Full AI Prompt: NVC Dispute Message Template System</h2>



<div class="prompt-viewer-wrapper" id="prompt-section">
    <div class="prompt-comparison-row prompt-premium">
        <!-- Header with buttons -->
        <div class="prompt-row-header">
            <!-- <span class="prompt-row-icon">✨</span> -->
            <span class="prompt-row-title">
                                    Step 1: Customize the prompt with your input
                            </span>
            <div class="prompt-header-buttons">
                                    <button class="prompt-header-btn prompt-header-reset" onclick="resetPrompt()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
                            <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
                        </svg>
                        <span>Reset</span>
                    </button>
                                <button class="prompt-header-btn prompt-header-copy-green flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                        <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                        <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                    </svg>
                    <span>Customize and Copy Full Prompt</span>
                </button>
            </div>
        </div>

        <!-- Customize the Prompt Section -->
                    <div class="prompt-customize-section">
                <span class="customize-title">Customize the Prompt</span>
                <p class="customize-subtitle">Fill in the fields below to personalize this prompt for your needs.</p>
                <table class="customize-table">
                    <thead>
                        <tr>
                            <th>Variable</th>
                            <th>What to Enter</th>
                            <th>Customise the prompt</th>
                        </tr>
                    </thead>
                    <tbody>
                                                    <tr>
                                <td class="var-name"><code>[CONTEXT]</code></td>
                                <td class="var-desc">
                                    Provide a brief overview of the organizational environment, including current challenges, goals, and cultural dynamics.                                    <div class="var-example">For example: "A mid-sized tech company transitioning to hybrid work, facing low engagement and collaboration issues among remote team members."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[CONTEXT]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[BUDGET]</code></td>
                                <td class="var-desc">
                                    Specify the financial resources available for the initiatives, including any constraints or flexibility.                                    <div class="var-example">For example: "$10,000 allocated for team-building programs over the next quarter, with strict limits on travel expenses."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[BUDGET]"
                                            placeholder="Enter your value here..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[TIMEFRAME]</code></td>
                                <td class="var-desc">
                                    Indicate the timeline for designing, implementing, and evaluating the initiatives.                                    <div class="var-example">For example: "6 months to design, pilot, and measure outcomes, with quarterly review checkpoints."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[TIMEFRAME]"
                                            placeholder="Enter your value here..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[RESOURCES]</code></td>
                                <td class="var-desc">
                                    List the available tools, personnel, or infrastructure that can support the initiatives.                                    <div class="var-example">For example: "Dedicated project manager, access to Slack and Zoom, and a company intranet for async communication."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[RESOURCES]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[ORGANIZATIONAL_VALUES]</code></td>
                                <td class="var-desc">
                                    Outline the core values or mission statements that the initiatives should align with.                                    <div class="var-example">For example: "Innovation, inclusivity, and customer-centricity, with a focus on empowering employees to take ownership of their work."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[ORGANIZATIONAL_VALUES]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[TEAM_COMPOSITION]</code></td>
                                <td class="var-desc">
                                    Describe the makeup of the team, including roles, work styles, and diversity considerations.                                    <div class="var-example">For example: "A mix of 20 employees across engineering, design, and marketing, with 60% working remotely and varied time zones."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[TEAM_COMPOSITION]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[CHALLENGE]</code></td>
                                <td class="var-desc">
                                    Summarize the primary problem or obstacle the initiatives aim to address.                                    <div class="var-example">For example: "Low engagement among remote employees, leading to decreased collaboration and innovation."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[CHALLENGE]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[TONE]</code></td>
                                <td class="var-desc">
                                    Specify the preferred tone or style for communication and initiative framing.                                    <div class="var-example">For example: "Playful yet professional, avoiding gimmicks while fostering genuine connections."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[TONE]"
                                            placeholder="Enter your value here..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[PLATFORM]</code></td>
                                <td class="var-desc">
                                    Identify the primary tools or systems where the initiatives will be hosted or executed.                                    <div class="var-example">For example: "Slack for team discussions, Zoom for virtual workshops, and a shared Trello board for progress tracking."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[PLATFORM]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                            </tbody>
                </table>

                <button class="copy-customized-btn flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
                        <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                        <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                    </svg>
                    <span class="copy-customized-text">Customise the prompt now</span>
                </button>
            </div>
        
        <!-- Full Prompt Code Header -->
                    <div class="prompt-code-header">
                <span class="prompt-code-title">
                    Step 2: Copy the Prompt
                </span>
                <div class="prompt-code-buttons">
                    <!-- Reset: Only visible when unlocked -->
                    <button class="prompt-header-btn prompt-header-reset btn-when-unlocked" onclick="resetPrompt()" style="display: none;">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
                            <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
                        </svg>
                        <span>Reset</span>
                    </button>
                    <!-- Copy Full Prompt -->
                    <button class="prompt-header-btn prompt-header-copy flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                            <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                        </svg>
                        <span>Copy Full Prompt</span>
                    </button>
                </div>
            </div>
        

        <!-- Prompt Content -->
        <div class="prompt-box prompt-gated-wrapper">
            <!-- Gated: Blurred content -->
            <div class="prompt-gated-content">
                <div class="prompt-header-visible">OBJECTIVE</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">PERSONA</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">CONSTRAINTS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">PROCESS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">Edge Case Handling</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">What This Is NOT</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">INPUTS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">OUTPUT SPECIFICATION</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">{Rollout Roadmap}</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">QUALITY CHECKS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div>            </div>
            <!-- Unlocked: Full content (hidden by default) -->
            <div class="prompt-content-full" id="premium-prompt-content" style="display: none;">
                ## OBJECTIVE
Create a set of “work feels better” initiatives that appear playful on the surface but are engineered to raise real motivation and connection by activating autonomy, mastery, and purpose—while fitting the organization’s constraints and avoiding the stigma of forced fun.

## PERSONA
You are a workplace culture systems designer and former manager who burned out after watching engagement collapse in an office full of perks. You rebuilt your approach through applied organizational psychology and Daniel Pink’s Drive principles. Your specialty is designing low-drama, opt-in “stealth motivation” programs that strengthen culture through everyday work—without gimmicks.

## CONSTRAINTS
- Activities must be voluntary and self-directed; no mandatory attendance, public pressure, or “everyone share” moments.
- Prioritize intrinsic rewards (choice, progress, meaning, visibility of impact) over prizes, leaderboards, or performative recognition.
- Foster genuine bonds without engineered vulnerability or awkward icebreakers.
- Tie initiatives to real values/mission in a concrete way (decisions, behaviors, customer impact), not slogans.
- Work across introvert/extrovert preferences, remote/hybrid/in-person realities, varied schedules, accessibility needs, and cultural norms.
- Avoid formats that could embarrass, exclude, or disadvantage any group.
- Favor sustainable systems (repeatable habits, rituals, loops) over one-off events.
- Include measurement of *engagement quality* (behavior change, collaboration patterns, retention signals), not just turnout.
- Respect resource limits and leadership skepticism; frame ROI in business terms (collaboration, retention, cycle time, innovation).

## PROCESS
1. **Pre-Analysis (state your understanding first):** Briefly restate the situation, key constraints, and what success will look like based on the provided inputs.
2. **Diagnosis:** Identify likely failure modes of prior culture attempts (e.g., extrinsic-perk trap, forced participation, silo reinforcement) and map them to autonomy/mastery/purpose gaps.
3. **Design:** Produce 5–7 initiatives that feel organic to normal work, each anchored primarily in autonomy, mastery, or purpose (can blend).
4. **Inclusion-by-design:** For each initiative, add participation options for different work styles (quiet/async vs social/sync; remote vs onsite; accessible alternatives).
5. **Operationalization:** Provide clear setup steps, lightweight governance (who owns what), and a feedback loop.
6. **Measurement:** Define leading indicators (early behavior shifts) and lagging indicators (retention, collaboration outcomes).
7. **Phased rollout:** End with a staged launch plan across 3–4 waves that derisks adoption and builds credibility.

### Edge Case Handling
- If any input is missing or vague, make **no more than 5** targeted clarification questions.  
- If answers aren’t provided, proceed with **reasonable assumptions**, label them clearly, and offer adjustable options (low/medium/high effort versions).

### What This Is NOT
- Not an event calendar packed with parties, games, or icebreakers.
- Not a compensation/benefits overhaul or a substitute for fixing toxic management.
- Not a one-size-fits-all “culture program” with generic slogans.
- Not a set of competitive contests that reward loud participation or punish privacy.

## INPUTS
- **Workplace context (culture, dynamics, size, sector):** [CONTEXT]  
- **Resources and constraints (money/time/space/tools/help):** [BUDGET] [TIMEFRAME] [RESOURCES]  
- **Values and mission:** [ORGANIZATIONAL_VALUES]  
- **Team makeup (size, demographics, remote/hybrid, work styles):** [TEAM_COMPOSITION]  
- **Engagement problems and what failed before:** [CHALLENGE]  
- **Preferred communication style for output:** [TONE]  
- **Where initiatives will run (channels/locations):** [PLATFORM]  

## OUTPUT SPECIFICATION
Deliver **5–7 initiatives**. For each initiative, include exactly these elements:

**{Initiative Name}**  
*Primary Driver:* {Autonomy | Mastery | Purpose | Blend}

**The Idea (1–3 sentences):**  
{Concept Summary}

**How It Activates Motivation:**  
- **Autonomy:** {Autonomy Mechanism}  
- **Mastery:** {Mastery Mechanism}  
- **Purpose:** {Purpose Mechanism}

**Make-It-Real Steps:**  
- {Step 1}  
- {Step 2}  
- {Step 3}  
- *(Optional)* {Step 4} if needed for remote/hybrid logistics

**Built-In Inclusivity:**  
- {Async Option}  
- {Low-Social-Pressure Option}  
- {Remote/In-Person Parity Note}  
- {Accessibility/Cultural Consideration}

**Resources &amp; Load:**  
- **Cost:** {Cost Estimate} (tie back to [BUDGET])  
- **Time:** {Setup Time} + {Ongoing Time}  
- **Tools/Space:** {Tools Or Space}  
- **Owner:** {Suggested Owner Role} + {Support Roles}

**Proof It’s Working (beyond attendance):**  
- **Leading indicators:** {Leading Metrics}  
- **Lagging indicators:** {Lagging Metrics}  
- **Feedback loop:** {Feedback Method And Cadence}

**Risks &amp; Safeguards:**  
- {Pitfall 1} → {Prevention}  
- {Pitfall 2} → {Prevention}

After the initiatives, include:

### {Rollout Roadmap}
A 3–4 wave implementation plan with:
- {Wave Name}: {Timeline Range} (shifted phases, not daily timestamps)
- What to launch, what to measure, what to adjust
- A brief note on how to position it to skeptical leaders in ROI language

## QUALITY CHECKS
Before finalizing, verify:
- The set includes clear coverage of autonomy, mastery, and purpose (not all the same driver).
- Every initiative has an opt-in path and a low-pressure/async alternative.
- Metrics measure behavior and outcomes, not just participation counts.
- Resource demands fit within [BUDGET], [TIMEFRAME], and [RESOURCES] with realistic ownership.
- Language matches [TONE] and avoids corporate-sounding naming or forced-fun framing.            </div>
        </div>


    </div>

    <!-- CTA Row - Full width buttons -->
    <div class="prompt-cta-row">
        <button class="prompt-cta-btn prompt-cta-copy flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
                <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
            </svg>
            <span class="cta-copy-text">Copy Full Prompt</span>
        </button>
    </div>
</div>

<style>
    /* Gated prompt states */
    .prompt-gated-wrapper {
        position: relative;
    }

    /* When unlocked - show full content, hide gated */
    body.flowpast-unlocked .prompt-gated-wrapper .prompt-gated-content {
        display: none;
    }

    body.flowpast-unlocked .prompt-gated-wrapper .prompt-content-full {
        display: block !important;
    }

    /* Show/hide elements based on unlock state */
    body.flowpast-unlocked .btn-when-unlocked {
        display: inline-flex !important;
    }

    .prompt-viewer-wrapper {
        scroll-margin-top: 250px;
    }

    /* ========================================
   PROMPT VIEWER - MAIN WRAPPER
   ======================================== */
    .prompt-viewer-wrapper {
        margin: 30px 0;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    /* ========================================
   PROMPT BOX CONTAINER
   ======================================== */
    .prompt-comparison-row {
        border-radius: 12px;
        overflow: hidden;
        border: 1px solid #e0e0e0;
        background: #fff;
    }

    /* ========================================
   HEADER WITH BUTTONS
   ======================================== */
    .prompt-row-header {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 14px 20px;
        color: #fff !important;
        background: #141414;
        border-bottom: 1px solid #e0e0e0;
        flex-wrap: wrap;
    }

    .prompt-row-icon {
        font-size: 20px;
    }

    .prompt-row-title {
        font-weight: 600;
        font-size: 22px;
        color: #fff !important;
        text-decoration: underline
    }

    .prompt-header-buttons {
        margin-left: auto;
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }

    /* Header buttons */
    .prompt-header-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 20px;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        text-decoration: none;
        border: none;
    }

    .prompt-header-copy {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-header-copy:hover {
        background: #2a2a2a;
    }

    .prompt-header-copy.copied {
        background: #2e7d32;
    }

    .prompt-header-copy-green {
        background: #04AA6D !important;
        color: #fff !important;
    }

    .prompt-header-copy-green:hover {
        background: #039860 !important;
    }

    .prompt-header-copy-green.copied {
        background: #2e7d32 !important;
    }

    .prompt-header-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
    }

    .prompt-header-access:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-1px);
    }

    /* ========================================
   PROMPT CONTENT - FULL (NO SCROLL)
   ======================================== */
    .prompt-box {
        background: #ffffff;
    }

    .prompt-content-full {
        padding: 24px;
        margin: 0;
        color: #202124;
        background: #ffffff;
        font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
        font-size: 13px;
        line-height: 1.7;
        white-space: pre-wrap;
        word-wrap: break-word;
        /* No scroll - show full content */
        max-height: none;
        overflow: visible;
    }

    /* Highlighted variable in prompt */
    .prompt-variable {
        background: #fff3cd;
        color: #1967d2;
        font-weight: 700;
        padding: 2px 4px;
        border-radius: 3px;
        border: 1px solid #ffc107;
    }

    .prompt-variable-filled {
        background: #d4edda;
        color: #155724;
        font-weight: 700;
        padding: 2px 4px;
        border-radius: 3px;
        border: 1px solid #28a745;
    }

    /* ========================================
   GATED CONTENT (NO ACCESS)
   ======================================== */
    .prompt-gated-content {
        padding: 24px;
        background: #ffffff;
        font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
        font-size: 13px;
        line-height: 1.8;
        max-height: none;
        overflow: visible;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        cursor: default;
    }

    /* ## headers - larger, black */
    .prompt-header-visible {
        color: #202124;
        font-weight: 600;
        margin: 5px 0 0px 0;
        font-size: 20px;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        text-decoration: underline;
        text-underline-offset: 4px;
    }

    /* ### headers - smaller, black */
    .prompt-header-visible.subheader {
        color: #202124;
        font-weight: 600;
        margin: 5px 0;
        font-size: 18px;
    }

    .prompt-header-visible:first-child {
        margin-top: 0;
    }

    /* ========================================
   LOCKED SECTION BLOCK
   ======================================== */
    .locked-section {
        position: relative;
        margin: 4px 0 8px 0;
        border-radius: 6px;
        overflow: hidden;
        background: linear-gradient(110deg, #e2e8f0 8%, #f1f5f9 18%, #e2e8f0 33%);
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

    .locked-section-bg {
        position: relative;
    }

    .locked-section-lines {
        padding: 8px 12px;
        position: relative;
    }

    .locked-line {
        height: 6px;
        background: rgba(255, 255, 255, 0.6);
        border-radius: 3px;
        margin-bottom: 4px;
        margin-left: 12px;
    }

    .locked-line:last-child {
        margin-bottom: 0;
    }

    .locked-section-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 10;
        font-size: 24px;
        filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1));
    }

    /* Subheader locked sections - slightly indented */
    /*  .prompt-header-visible.subheader+.locked-section {
        margin-left: 16px;
    } */

    /* ========================================
   COMPATIBILITY BADGES
   ======================================== */
    .prompt-compatibility {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        padding: 12px 20px;
        background: #f8f9fa;
        border-top: 1px solid #e0e0e0;
    }

    .compat-label {
        font-size: 13px;
        color: #5f6368;
        font-weight: 500;
    }

    .compat-badge {
        padding: 4px 10px;
        background: #e8f0fe;
        color: #1967d2;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 500;
    }

    /* ========================================
   CTA ROW - FULL WIDTH BUTTONS
   ======================================== */
    .prompt-cta-row {
        display: flex;
        gap: 16px;
        flex-wrap: wrap;
    }

    .prompt-cta-btn {
        flex: 1;
        min-width: 200px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 16px 24px;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        text-decoration: none;
        border: none;
    }

    .prompt-cta-copy {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-cta-copy:hover {
        background: #2a2a2a;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    .prompt-cta-copy.copied {
        background: #2e7d32;
    }

    .prompt-cta-reset {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-cta-reset:hover {
        background: #2a2a2a;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    .prompt-cta-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
    }

    .prompt-cta-access:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(5, 152, 98, 0.3);
    }

    /* ========================================
    CUSTOMIZE YOUR PROMPT SECTION
    ======================================== */
    .prompt-customize-section {
        padding: 24px;
        border-bottom: 1px solid #e0e0e0;
        background: #fafbfc;
    }

    .customize-title {
        margin: 0 0 8px 0;
        font-size: 18px;
        font-weight: 700;
        color: #202124;
    }

    .customize-subtitle {
        margin: 0 0 20px 0;
        font-size: 14px;
        color: #5f6368;
    }

    .customize-table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 20px;
    }

    .customize-table th {
        text-align: left;
        padding: 12px;
        background: #f1f3f4;
        border: 1px solid #e0e0e0;
        font-size: 13px;
        font-weight: 600;
        color: #202124;
    }

    .customize-table td {
        padding: 12px;
        border: 1px solid #e0e0e0;
        vertical-align: top;
    }

    .customize-table .var-name {
        width: 25%;
        background: #f8f9fa;
    }

    .customize-table .var-name code {
        background: #fff3cd;
        color: #1967d2;
        border: 1px solid #ffc107;
        padding: 4px 8px;
        border-radius: 4px;
        font-size: 12px;
        word-break: break-all;
        font-weight: 600;
    }

    .customize-table .var-desc {
        width: 35%;
        font-size: 13px;
        color: #5f6368;
        line-height: 1.5;
    }

    .customize-table .var-example {
        margin-top: 8px;
        padding: 8px 10px;
        background: #f8f9fa;
        border-left: 3px solid #dadce0;
        font-size: 12px;
        color: #5f6368;
        font-style: italic;
        border-radius: 0 4px 4px 0;
    }

    .customize-table .var-input {
        width: 40%;
    }

    .customize-input {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #dadce0;
        border-radius: 6px;
        font-size: 13px;
        font-family: inherit;
        resize: vertical;
        transition: border-color 0.2s, box-shadow 0.2s;
    }

    .customize-input:focus {
        outline: none;
        border-color: rgb(5, 152, 98);
        box-shadow: 0 0 0 3px rgba(5, 152, 98, 0.1);
    }

    .customize-input::placeholder {
        color: #9aa0a6;
        font-style: italic;
    }

    .copy-customized-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        width: 100%;
        padding: 16px 24px;
        background: rgb(5, 152, 98);
        color: #fff;
        border: none;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
    }

    .copy-customized-btn:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(5, 152, 98, 0.3);
    }

    .copy-customized-btn.copied {
        background: #2e7d32;
    }

    /* ========================================
    FULL PROMPT CODE HEADER
    ======================================== */
    .prompt-code-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 20px;
        color: #fff !important;
        background: #141414;
        border-bottom: 1px solid #e0e0e0;
    }

    .prompt-code-title {
        font-size: 22px;
        font-weight: 600;
        text-decoration: underline;

    }

    .prompt-code-buttons {
        display: flex;
        gap: 8px;
    }

    .prompt-code-buttons .prompt-header-btn {
        padding: 8px 14px;
        font-size: 13px;
        background: #ffffff;
        color: #202124;
        border: 1px solid #dadce0;
    }

    .prompt-code-buttons .prompt-header-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
        border-color: rgb(5, 152, 98);
    }

    .prompt-code-buttons .prompt-header-btn.prompt-header-access:hover {
        background: rgb(4, 130, 83) !important;
        border-color: rgb(4, 130, 83);
        color: #fff !important;
    }

    .prompt-code-buttons .prompt-header-btn:hover {
        background: #f1f3f4;
    }

    .prompt-code-buttons .prompt-header-copy.copied {
        background: #d4edda;
        color: #155724;
        border-color: #28a745;
    }

    .prompt-header-reset {
        background: #ffffff;
        color: #202124;
    }

    /* ========================================
   RESPONSIVE
   ======================================== */
    @media (max-width: 768px) {
        .prompt-row-header {
            flex-direction: column;
            align-items: flex-start;
            gap: 12px;
        }

        .prompt-header-buttons {
            margin-left: 0;
            width: 100%;
        }

        .prompt-header-btn {
            flex: 1;
            justify-content: center;
        }

        .prompt-cta-row {
            flex-direction: column;
        }

        .prompt-cta-btn {
            width: 100%;
        }

        /* Customize table responsive */
        .customize-table,
        .customize-table thead,
        .customize-table tbody,
        .customize-table tr,
        .customize-table th,
        .customize-table td {
            display: block;
        }

        .customize-table thead {
            display: none;
        }

        .customize-table tr {
            margin-bottom: 16px;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            overflow: hidden;
        }

        .customize-table td {
            width: 100% !important;
            border: none;
            border-bottom: 1px solid #e0e0e0;
        }

        .customize-table td:last-child {
            border-bottom: none;
        }

        .customize-table .var-name {
            background: #f1f3f4;
            font-weight: 600;
        }

        .prompt-code-header {
            flex-direction: column;
            gap: 12px;
            align-items: flex-start;
        }

        .prompt-code-buttons {
            width: 100%;
        }

        .prompt-code-buttons .prompt-header-btn {
            flex: 1;
            justify-content: center;
        }
    }
</style>

<script>
    function handlePromptCopy() {
        // Check if unlocked via cookie
        if (typeof window.flowpastIsUnlocked === 'function' && !window.flowpastIsUnlocked()) {
            // Show email popup
            if (typeof window.flowpastShowEmailPopup === 'function') {
                window.flowpastShowEmailPopup('prompt');
            }
            return;
        }

        // Copy the customized prompt (with filled variables)
        const customizedPrompt = getCustomizedPrompt();
        const copyButtons = document.querySelectorAll('.prompt-header-copy, .prompt-header-copy-green, .prompt-cta-copy, .copy-customized-btn');

        navigator.clipboard.writeText(customizedPrompt).then(() => {
            copyButtons.forEach(btn => {
                btn.classList.add('copied');
                const textSpan = btn.querySelector('span');
                if (textSpan) textSpan.textContent = 'Copied!';
            });

            setTimeout(() => {
                copyButtons.forEach(btn => {
                    btn.classList.remove('copied');
                    const textSpan = btn.querySelector('span');
                    if (textSpan) textSpan.textContent = 'Copy Full Prompt';
                });
            }, 2000);
        }).catch(err => {
            console.error('Failed to copy:', err);
        });
    }

    // Store original prompt for customization
    const originalPrompt = "## OBJECTIVE\r\nCreate a set of \u201cwork feels better\u201d initiatives that appear playful on the surface but are engineered to raise real motivation and connection by activating autonomy, mastery, and purpose\u2014while fitting the organization\u2019s constraints and avoiding the stigma of forced fun.\r\n\r\n## PERSONA\r\nYou are a workplace culture systems designer and former manager who burned out after watching engagement collapse in an office full of perks. You rebuilt your approach through applied organizational psychology and Daniel Pink\u2019s Drive principles. Your specialty is designing low-drama, opt-in \u201cstealth motivation\u201d programs that strengthen culture through everyday work\u2014without gimmicks.\r\n\r\n## CONSTRAINTS\r\n- Activities must be voluntary and self-directed; no mandatory attendance, public pressure, or \u201ceveryone share\u201d moments.\r\n- Prioritize intrinsic rewards (choice, progress, meaning, visibility of impact) over prizes, leaderboards, or performative recognition.\r\n- Foster genuine bonds without engineered vulnerability or awkward icebreakers.\r\n- Tie initiatives to real values\/mission in a concrete way (decisions, behaviors, customer impact), not slogans.\r\n- Work across introvert\/extrovert preferences, remote\/hybrid\/in-person realities, varied schedules, accessibility needs, and cultural norms.\r\n- Avoid formats that could embarrass, exclude, or disadvantage any group.\r\n- Favor sustainable systems (repeatable habits, rituals, loops) over one-off events.\r\n- Include measurement of *engagement quality* (behavior change, collaboration patterns, retention signals), not just turnout.\r\n- Respect resource limits and leadership skepticism; frame ROI in business terms (collaboration, retention, cycle time, innovation).\r\n\r\n## PROCESS\r\n1. **Pre-Analysis (state your understanding first):** Briefly restate the situation, key constraints, and what success will look like based on the provided inputs.\r\n2. **Diagnosis:** Identify likely failure modes of prior culture attempts (e.g., extrinsic-perk trap, forced participation, silo reinforcement) and map them to autonomy\/mastery\/purpose gaps.\r\n3. **Design:** Produce 5\u20137 initiatives that feel organic to normal work, each anchored primarily in autonomy, mastery, or purpose (can blend).\r\n4. **Inclusion-by-design:** For each initiative, add participation options for different work styles (quiet\/async vs social\/sync; remote vs onsite; accessible alternatives).\r\n5. **Operationalization:** Provide clear setup steps, lightweight governance (who owns what), and a feedback loop.\r\n6. **Measurement:** Define leading indicators (early behavior shifts) and lagging indicators (retention, collaboration outcomes).\r\n7. **Phased rollout:** End with a staged launch plan across 3\u20134 waves that derisks adoption and builds credibility.\r\n\r\n### Edge Case Handling\r\n- If any input is missing or vague, make **no more than 5** targeted clarification questions.  \r\n- If answers aren\u2019t provided, proceed with **reasonable assumptions**, label them clearly, and offer adjustable options (low\/medium\/high effort versions).\r\n\r\n### What This Is NOT\r\n- Not an event calendar packed with parties, games, or icebreakers.\r\n- Not a compensation\/benefits overhaul or a substitute for fixing toxic management.\r\n- Not a one-size-fits-all \u201cculture program\u201d with generic slogans.\r\n- Not a set of competitive contests that reward loud participation or punish privacy.\r\n\r\n## INPUTS\r\n- **Workplace context (culture, dynamics, size, sector):** [CONTEXT]  \r\n- **Resources and constraints (money\/time\/space\/tools\/help):** [BUDGET] [TIMEFRAME] [RESOURCES]  \r\n- **Values and mission:** [ORGANIZATIONAL_VALUES]  \r\n- **Team makeup (size, demographics, remote\/hybrid, work styles):** [TEAM_COMPOSITION]  \r\n- **Engagement problems and what failed before:** [CHALLENGE]  \r\n- **Preferred communication style for output:** [TONE]  \r\n- **Where initiatives will run (channels\/locations):** [PLATFORM]  \r\n\r\n## OUTPUT SPECIFICATION\r\nDeliver **5\u20137 initiatives**. For each initiative, include exactly these elements:\r\n\r\n**{Initiative Name}**  \r\n*Primary Driver:* {Autonomy | Mastery | Purpose | Blend}\r\n\r\n**The Idea (1\u20133 sentences):**  \r\n{Concept Summary}\r\n\r\n**How It Activates Motivation:**  \r\n- **Autonomy:** {Autonomy Mechanism}  \r\n- **Mastery:** {Mastery Mechanism}  \r\n- **Purpose:** {Purpose Mechanism}\r\n\r\n**Make-It-Real Steps:**  \r\n- {Step 1}  \r\n- {Step 2}  \r\n- {Step 3}  \r\n- *(Optional)* {Step 4} if needed for remote\/hybrid logistics\r\n\r\n**Built-In Inclusivity:**  \r\n- {Async Option}  \r\n- {Low-Social-Pressure Option}  \r\n- {Remote\/In-Person Parity Note}  \r\n- {Accessibility\/Cultural Consideration}\r\n\r\n**Resources & Load:**  \r\n- **Cost:** {Cost Estimate} (tie back to [BUDGET])  \r\n- **Time:** {Setup Time} + {Ongoing Time}  \r\n- **Tools\/Space:** {Tools Or Space}  \r\n- **Owner:** {Suggested Owner Role} + {Support Roles}\r\n\r\n**Proof It\u2019s Working (beyond attendance):**  \r\n- **Leading indicators:** {Leading Metrics}  \r\n- **Lagging indicators:** {Lagging Metrics}  \r\n- **Feedback loop:** {Feedback Method And Cadence}\r\n\r\n**Risks & Safeguards:**  \r\n- {Pitfall 1} \u2192 {Prevention}  \r\n- {Pitfall 2} \u2192 {Prevention}\r\n\r\nAfter the initiatives, include:\r\n\r\n### {Rollout Roadmap}\r\nA 3\u20134 wave implementation plan with:\r\n- {Wave Name}: {Timeline Range} (shifted phases, not daily timestamps)\r\n- What to launch, what to measure, what to adjust\r\n- A brief note on how to position it to skeptical leaders in ROI language\r\n\r\n## QUALITY CHECKS\r\nBefore finalizing, verify:\r\n- The set includes clear coverage of autonomy, mastery, and purpose (not all the same driver).\r\n- Every initiative has an opt-in path and a low-pressure\/async alternative.\r\n- Metrics measure behavior and outcomes, not just participation counts.\r\n- Resource demands fit within [BUDGET], [TIMEFRAME], and [RESOURCES] with realistic ownership.\r\n- Language matches [TONE] and avoids corporate-sounding naming or forced-fun framing.";
    const variables = ["[CONTEXT]","[BUDGET]","[TIMEFRAME]","[RESOURCES]","[ORGANIZATIONAL_VALUES]","[TEAM_COMPOSITION]","[CHALLENGE]","[TONE]","[PLATFORM]"];
    // Initial render with highlighted variables
    document.addEventListener('DOMContentLoaded', function() {
        renderPromptWithHighlights();
    });

    // Live update prompt as user types
    document.querySelectorAll('.customize-input').forEach(input => {
        input.addEventListener('input', renderPromptWithHighlights);
    });

    function renderPromptWithHighlights() {
        const promptContent = document.getElementById('premium-prompt-content');
        if (!promptContent) return;

        let updatedPrompt = originalPrompt;
        let filledVariables = {};

        // Collect filled values
        document.querySelectorAll('.customize-input').forEach(input => {
            const placeholder = input.dataset.placeholder;
            const value = input.value.trim();

            if (value) {
                filledVariables[placeholder] = value;
            }
        });

        // Replace filled variables and highlight remaining
        let htmlContent = escapeHtml(updatedPrompt);

        variables.forEach(placeholder => {
            const escapedPlaceholder = escapeHtml(placeholder);
            const regex = new RegExp(escapeRegex(escapedPlaceholder), 'g');

            if (filledVariables[placeholder]) {
                // Show filled value with green highlight
                htmlContent = htmlContent.replace(regex,
                    '<span class="prompt-variable-filled">' + escapeHtml(filledVariables[placeholder]) + '</span>'
                );
            } else {
                // Show original placeholder with yellow highlight
                htmlContent = htmlContent.replace(regex,
                    '<span class="prompt-variable">' + escapedPlaceholder + '</span>'
                );
            }
        });

        promptContent.innerHTML = htmlContent;
    }

    function escapeRegex(string) {
        return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
    }

    function escapeHtml(text) {
        const div = document.createElement('div');
        div.textContent = text;
        return div.innerHTML;
    }

    function resetPrompt() {
        // Clear all input fields
        document.querySelectorAll('.customize-input').forEach(input => {
            input.value = '';
        });

        // Re-render with original placeholders highlighted
        renderPromptWithHighlights();

        // Visual feedback
        const resetBtns = document.querySelectorAll('.prompt-header-reset, .prompt-cta-reset');
        resetBtns.forEach(btn => {
            const originalText = btn.querySelector('span').textContent;
            btn.querySelector('span').textContent = 'Reset!';
            setTimeout(() => {
                btn.querySelector('span').textContent = originalText;
            }, 1000);
        });
    }


    function getCustomizedPrompt() {
        let updatedPrompt = originalPrompt;

        document.querySelectorAll('.customize-input').forEach(input => {
            const placeholder = input.dataset.placeholder;
            const value = input.value.trim();

            if (value) {
                const regex = new RegExp(escapeRegex(placeholder), 'g');
                updatedPrompt = updatedPrompt.replace(regex, value);
            }
        });

        return updatedPrompt;
    }
</script>

</div>

<div class="pro-tips-section">

<h2 class="wp-block-heading">Pro Tips for Better AI Prompt Results</h2>



<ul class="wp-block-list">

<li><strong>Feed it a clean fact timeline.</strong> Before you run the prompt, write 6–10 bullet facts with dates (order placed, service delivered, charge posted, support ticket opened). Paste that in as-is, then add: “Only use these facts; if something is missing, ask me.”</li>


<li><strong>Specify the institution procedure you’re inside.</strong> Platforms and banks behave differently, and the prompt will adapt better if you name the lane. Add a line like: “Channel: payment processor portal + follow-up email. Stage I’m at: initial review; they asked for documents on Jan 12.”</li>


<li><strong>Give it your assertiveness setting.</strong> Honestly, most “polite” templates are too soft when deadlines matter. Tell it: “Assertiveness: medium-high. Maintain calm tone, but include explicit deadlines and escalation steps (manager review, formal complaint, chargeback arbitration as applicable).”</li>


<li><strong>Iterate by tightening objective criteria.</strong> After the first draft, ask: “Rewrite Stage 2 to cite objective standards: policy excerpt, contract clause, delivery proof, and a clear remedy.” Then: “Now make Stage 3 shorter and more executive-friendly, under 120 words.”</li>


<li><strong>Use a “two versions” refinement pass.</strong> Request: “Create two variants for each template: Version A for frontline support, Version B for escalation to supervisor/legal/compliance.” This keeps your leverage increasing without changing your story midstream.</li>

</ul>

</div>

<div class="related-prompts-section">

<h2 class="wp-block-heading">Related Prompts</h2>



<p>Once your dispute messages are structured, these related prompts help you document the situation and strengthen your evidence trail.</p>



<p>If you also need a rigorous write-up that explains what happened and why your interpretation is credible, <a href="https://flowpast.com/prompts/write-theory-driven-case-studies-with-this-ai-prompt/">Write Theory-Driven Case Studies with this AI Prompt</a> can turn messy notes into a clear narrative with supporting logic. That’s useful when a platform asks for a “detailed explanation” and you want something tighter than a long email thread.</p>



<p>When the dispute is internal (training your team to handle platform/bank/supplier conflicts consistently), <a href="https://flowpast.com/prompts/create-practice-exams-with-this-ai-prompt/">Create Practice Exams with this AI Prompt</a> helps you test whether staff understand policy language, escalation timing, and what not to say. It’s an efficient way to reduce avoidable mistakes that trigger denial responses.</p>



<p>For teams doing repeated support work, <a href="https://flowpast.com/prompts/create-step-by-step-practice-sets-ai-prompt/">Create Step-by-Step Practice Sets AI Prompt</a> pairs well because it builds drills around real scenarios: assembling evidence packets, writing NVC-style statements, and rewriting accusatory lines into evidence-based requests. Use it after you settle a dispute to prevent the next one from spiraling.</p>


<br>


<p>Quick reference:</p>



<ul class="wp-block-list">

<li><a href="https://flowpast.com/prompts/write-theory-driven-case-studies-with-this-ai-prompt/">Write Theory-Driven Case Studies with this AI Prompt</a>: Turn dispute timelines into coherent narratives.</li>


<li><a href="https://flowpast.com/prompts/create-practice-exams-with-this-ai-prompt/">Create Practice Exams with this AI Prompt</a>: Test team handling of dispute procedures.</li>


<li><a href="https://flowpast.com/prompts/create-step-by-step-practice-sets-ai-prompt/">Create Step-by-Step Practice Sets AI Prompt</a>: Build drills for evidence and wording.</li>

<li><a href="https://flowpast.com/prompts/write-conceptual-theory-critiques-with-this-ai-prompt/">Write Conceptual Theory Critiques with this AI Prompt</a>: Stress-test arguments and assumptions.</li>

<li><a href="https://flowpast.com/prompts/build-a-retrieval-practice-study-plan-with-this-ai-prompt/">Build a Retrieval Practice Study Plan with this AI Prompt</a>: Create a plan to retain policies fast.</li>
<!-- /wp:post-content -->
</ul>
<!-- /wp:list -->
</div>

<div class="faq-section">
<!-- wp:heading {"level":2} -->
<h2 class="wp-block-heading">Common Questions</h2>
<!-- /wp:heading -->

<div class="faq-item">
<span class="question">Which roles benefit most from this dispute message templates AI prompt?</span>
<!-- wp:paragraph -->
<p class="answer"><strong>Customer Support Leads</strong> use this to standardize replies that stay calm, evidence-based, and consistent across agents, which reduces “freestyle” escalation. <strong>Operations Managers</strong> rely on it when a supplier misses specs, timelines, or quantities and they need a phased plan that preserves the relationship while protecting contractual rights. <strong>E-commerce Founders</strong> apply it to payment disputes, refunds, frozen payouts, and platform enforcement actions where wording and deadlines matter. <strong>Consultants and Fractional COOs</strong> use the templates as client-ready artifacts that move a dispute forward without sounding threatening.</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Which industries get the most value from this dispute message templates AI prompt?</span>
<!-- wp:paragraph -->
<p class="answer"><strong>E-commerce and retail</strong> teams use it for chargebacks, non-delivery claims, supplier quality issues, and marketplace enforcement emails where a single wrong phrase can stall the case. <strong>SaaS companies</strong> apply it to billing disputes, cancellation conflicts, and payment processor holds, especially when they must anchor on logs, ToS clauses, and refund policy language. <strong>Manufacturing and wholesale</strong> businesses leverage it when deliveries fail inspection or timelines slip, because the phase plan helps them push for remedy while keeping procurement channels open. <strong>Agencies and service providers</strong> use it for scope disputes and unpaid invoices, turning messy threads into professional escalation sequences tied to objective criteria.</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Why do basic AI prompts for writing dispute message templates produce weak results?</span>
<!-- wp:paragraph -->
<p class="answer">A typical prompt like &#8220;<em>Write me a dispute email to get my money back</em>&#8221; fails because it: lacks a disciplined structure (facts → impact → needs/principles → request), provides no objective criteria like policy excerpts or contract clauses, ignores channel reality (ticket portals, bank timelines, supplier procurement steps), produces generic threats instead of calibrated escalation, and skips deadlines and next steps so the other side can delay without consequence. This prompt forces a pre-analysis first, then builds phased templates that increase leverage while staying non-accusatory. The result reads like a competent mediator wrote it, not an angry customer or a robot.</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Can I customize this dispute message templates prompt for my specific situation?</span>
<!-- wp:paragraph -->
<p class="answer">Yes, and you should. Adjust the situation details you provide so the model can choose the right number of stages, the right channel (ticket, email, letter, portal), and the right assertiveness level for your risk tolerance and desired relationship after the outcome. If you want tighter tailoring, add a follow-up like: “Ask me the minimum set of missing details (dates, amounts, policy/contract references, prior responses) before you draft Stage 1.” You can also request variants, for example: “Create one version for frontline support and one for escalation to compliance/legal.”</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">What are the most common mistakes when using this dispute message templates prompt?</span>
<!-- wp:paragraph -->
<p class="answer">The biggest mistake is leaving the facts fuzzy—instead of “They charged me incorrectly,” provide “$842.19 charged on Dec 4 for invoice #1831; contract says net-30; I canceled on Nov 28 within the written window.” Another common error is skipping objective criteria; “This is unfair” is weak, while “Per Section 7.2 of your policy, refunds apply when service is not delivered” gives the other party something concrete to act on. People also over-share emotion in the first message; better is “I’m frustrated because the delay impacts payroll” than “You’re scamming me.” Finally, many users forget to set deadlines and next steps, so the templates should always include a specific date and what you will do next if there’s no response.</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Who should NOT use this dispute message templates prompt?</span>
<!-- wp:paragraph -->
<p class="answer">This prompt isn’t ideal for one-shot disputes where you refuse to iterate or answer follow-up questions, because the best results depend on accurate facts and a phased plan. It’s also not a replacement for jurisdiction-specific legal advice when the matter is high-stakes or already in litigation. And if your only goal is to send a quick angry message to “shock” the other party into action, frankly, this is the wrong tool. In those cases, gather documents first and talk to a qualified professional, then return to this prompt to communicate clearly.</p>
<!-- /wp:paragraph -->
</div>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Which roles benefit most from this dispute message templates AI prompt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Customer Support Leads use this to standardize replies that stay calm, evidence-based, and consistent across agents, which reduces “freestyle” escalation. Operations Managers rely on it when a supplier misses specs, timelines, or quantities and they need a phased plan that preserves the relationship while protecting contractual rights. E-commerce Founders apply it to payment disputes, refunds, frozen payouts, and platform enforcement actions where wording and deadlines matter. Consultants and Fractional COOs use the templates as client-ready artifacts that move a dispute forward without sounding threatening."
      }
    },
    {
      "@type": "Question",
      "name": "Which industries get the most value from this dispute message templates AI prompt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "E-commerce and retail teams use it for chargebacks, non-delivery claims, supplier quality issues, and marketplace enforcement emails where a single wrong phrase can stall the case. SaaS companies apply it to billing disputes, cancellation conflicts, and payment processor holds, especially when they must anchor on logs, ToS clauses, and refund policy language. Manufacturing and wholesale businesses leverage it when deliveries fail inspection or timelines slip, because the phase plan helps them push for remedy while keeping procurement channels open. Agencies and service providers use it for scope disputes and unpaid invoices, turning messy threads into professional escalation sequences tied to objective criteria."
      }
    },
    {
      "@type": "Question",
      "name": "Why do basic AI prompts for writing dispute message templates produce weak results?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "A typical prompt like \"Write me a dispute email to get my money back\" fails because it: lacks a disciplined structure (facts → impact → needs/principles → request), provides no objective criteria like policy excerpts or contract clauses, ignores channel reality (ticket portals, bank timelines, supplier procurement steps), produces generic threats instead of calibrated escalation, and skips deadlines and next steps so the other side can delay without consequence. This prompt forces a pre-analysis first, then builds phased templates that increase leverage while staying non-accusatory. The result reads like a competent mediator wrote it, not an angry customer or a robot."
      }
    },
    {
      "@type": "Question",
      "name": "Can I customize this dispute message templates prompt for my specific situation?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Yes, and you should. Adjust the situation details you provide so the model can choose the right number of stages, the right channel (ticket, email, letter, portal), and the right assertiveness level for your risk tolerance and desired relationship after the outcome. If you want tighter tailoring, add a follow-up like: “Ask me the minimum set of missing details (dates, amounts, policy/contract references, prior responses) before you draft Stage 1.” You can also request variants, for example: “Create one version for frontline support and one for escalation to compliance/legal.”"
      }
    },
    {
      "@type": "Question",
      "name": "What are the most common mistakes when using this dispute message templates prompt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "The biggest mistake is leaving the facts fuzzy—instead of “They charged me incorrectly,” provide “$842.19 charged on Dec 4 for invoice #1831; contract says net-30; I canceled on Nov 28 within the written window.” Another common error is skipping objective criteria; “This is unfair” is weak, while “Per Section 7.2 of your policy, refunds apply when service is not delivered” gives the other party something concrete to act on. People also over-share emotion in the first message; better is “I’m frustrated because the delay impacts payroll” than “You’re scamming me.” Finally, many users forget to set deadlines and next steps, so the templates should always include a specific date and what you will do next if there’s no response."
      }
    },
    {
      "@type": "Question",
      "name": "Who should NOT use this dispute message templates prompt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "This prompt isn’t ideal for one-shot disputes where you refuse to iterate or answer follow-up questions, because the best results depend on accurate facts and a phased plan. It’s also not a replacement for jurisdiction-specific legal advice when the matter is high-stakes or already in litigation. And if your only goal is to send a quick angry message to “shock” the other party into action, frankly, this is the wrong tool. In those cases, gather documents first and talk to a qualified professional, then return to this prompt to communicate clearly."
      }
    }
  ]
}
</script>
</div>

<div class="closing-section">
<!-- wp:paragraph -->
<p>Disputes don’t usually need more intensity. They need better structure, cleaner evidence, and escalation that’s timed right. Paste this prompt into your model, run the phases, and send the first template today.</p>
<!-- /wp:paragraph -->
</div>]]></content:encoded>
					
		
		
		<media:content url="https://flowpast.s3.eu-north-1.amazonaws.com/featured_blog_images/5002882.webp" medium="image"></media:content>
            	</item>
		<item>
		<title>Draft a Partnership Agreement with this AI Prompt</title>
		<link>https://flowpast.com/prompts/draft-a-partnership-agreement-with-this-ai-prompt/</link>
		
		<dc:creator><![CDATA[Lisa Granqvist]]></dc:creator>
		<pubDate>Fri, 23 Jan 2026 02:45:07 +0000</pubDate>
				<category><![CDATA[Prompts]]></category>
		<guid isPermaLink="false">https://flowpast.com/?p=5000805</guid>

					<description><![CDATA[Partnership terms feel risky - the ultimate AI Prompt that drafts a balanced partnership agreement with governance, exits, and signatures. Discover more AI prompts for marketing, sales, and ops.]]></description>
										<content:encoded><![CDATA[<!-- FOCUS_KEYWORD: partnership agreement prompt -->

<div class="hook-introduction">

<p>Partnerships usually start with energy. Then a money question pops up, or someone misses a deadline, and you realize you’re relying on vague verbal promises. That’s when things get tense fast, because nobody can point to a clear set of rules.</p>



<p>This <strong>partnership agreement prompt</strong> is built for <strong>founders</strong> launching a new venture who need governance and profit splits nailed down, <strong>agency operators</strong> teaming up on a shared service line and wanting clean client/expense rules, and <strong>consultants</strong> setting up a joint engagement where scope, authority, and exits must be unambiguous. The output is a complete plain-English-but-legal partnership agreement with defined terms, numbered sections, dispute handling, wind-down language, and signature lines for two named partners.</p>

</div>

<div class="what-and-when-section">

<h2 class="wp-block-heading">What Does This AI Prompt Do and When to Use It?</h2>



<table class="solution-results-table three-column" role="presentation" aria-label="What this prompt does, when to use it, and what you get">
 <thead>
    <tr>
      <th scope="col">What This Prompt Does</th>
      <th scope="col">When to Use This Prompt</th>
      <th scope="col">What You&#8217;ll Get</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <ul class="automation-list">
          <li>It restates the venture details and partner identities, then flags missing inputs before drafting anything substantive.</li>
          <li>It drafts a full partnership agreement with defined terms, internally consistent language, and numbered sections from formation through wind-down.</li>
          <li>It converts vague ideas (roles, voting power, distributions) into explicit mechanics with clear timing, thresholds, and responsibilities.</li>
          <li>It inserts bracketed placeholders when information is missing, plus 1–2 selectable options for common decision points when you didn’t specify.</li>
          <li>It produces a balanced, even-handed document by default and ensures the signature block matches both partner names exactly.</li>
       </ul>
      </td>
      <td>
        <ul class="results-list">
          <li>You’re about to start a two-person venture and want the “awkward” conversations handled in writing before money moves.</li>
          <li>You already agreed on a general split, but you can’t describe how expenses, reimbursements, and draws will actually work month to month.</li>
          <li>A partner is contributing more cash, relationships, or time, and you need to document decision rights without creating future resentment.</li>
          <li>You’re signing a lease, taking on debt, or onboarding clients, and you need authority limits so one partner can’t bind the partnership casually.</li>
          <li>You’re growing fast and you can feel operational drift, so you want dispute processes, exits, and dissolution rules in place now.</li>
        </ul>
      </td>
       <td>
         <ul class="deliverables-list">
           <li>A complete partnership agreement draft (typically 8–15 pages) with section numbering and defined terms.</li>
           <li>A pre-analysis summary of the venture plus a checklist of missing details required to finalize the document.</li>
           <li>Governance clauses covering management, voting thresholds, partner duties, and authority to sign contracts.</li>
           <li>Financial terms including contributions, allocations, distributions/draws, accounting basics, and expense treatment with clear timing.</li>
           <li>Exit and dispute materials including default options in brackets, buyout triggers, dissolution steps, and signature lines for both partners.</li>
         </ul>
       </td>
    </tr>
  </tbody>
</table>

</div>

<div class="prompt-display-section">

<h2 class="wp-block-heading">The Full AI Prompt: Plain-English Partnership Agreement Draft</h2>



<div class="prompt-viewer-wrapper" id="prompt-section">
    <div class="prompt-comparison-row prompt-premium">
        <!-- Header with buttons -->
        <div class="prompt-row-header">
            <!-- <span class="prompt-row-icon">✨</span> -->
            <span class="prompt-row-title">
                                    Step 1: Customize the prompt with your input
                            </span>
            <div class="prompt-header-buttons">
                                    <button class="prompt-header-btn prompt-header-reset" onclick="resetPrompt()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
                            <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
                        </svg>
                        <span>Reset</span>
                    </button>
                                <button class="prompt-header-btn prompt-header-copy-green flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                        <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                        <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                    </svg>
                    <span>Customize and Copy Full Prompt</span>
                </button>
            </div>
        </div>

        <!-- Customize the Prompt Section -->
                    <div class="prompt-customize-section">
                <span class="customize-title">Customize the Prompt</span>
                <p class="customize-subtitle">Fill in the fields below to personalize this prompt for your needs.</p>
                <table class="customize-table">
                    <thead>
                        <tr>
                            <th>Variable</th>
                            <th>What to Enter</th>
                            <th>Customise the prompt</th>
                        </tr>
                    </thead>
                    <tbody>
                                                    <tr>
                                <td class="var-name"><code>[PRODUCT_DESCRIPTION]</code></td>
                                <td class="var-desc">
                                    Provide a concise description of the business venture, including its industry, product or service, and target market.                                    <div class="var-example">For example: "A subscription-based meal delivery service targeting busy professionals in urban areas, offering healthy, pre-portioned meals."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[PRODUCT_DESCRIPTION]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[PARTNER_A_NAME]</code></td>
                                <td class="var-desc">
                                    Enter the full legal name of the first partner involved in the agreement.                                    <div class="var-example">For example: "Johnathan Michael Smith"</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[PARTNER_A_NAME]"
                                            placeholder="Enter your value here..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[PARTNER_B_NAME]</code></td>
                                <td class="var-desc">
                                    Enter the full legal name of the second partner involved in the agreement.                                    <div class="var-example">For example: "Emily Rose Johnson"</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[PARTNER_B_NAME]"
                                            placeholder="Enter your value here..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[COMPANY_NAME]</code></td>
                                <td class="var-desc">
                                    Provide the official name of the partnership if already chosen. If not, leave blank or write &#039;TBD&#039;.                                    <div class="var-example">For example: "Urban Eats Co."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[COMPANY_NAME]"
                                            placeholder="Enter your value here..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[DATE]</code></td>
                                <td class="var-desc">
                                    Enter the date when the partnership agreement will take effect, or write &#039;TBD&#039; if not yet determined.                                    <div class="var-example">For example: "January 1, 2024"</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[DATE]"
                                            placeholder="Enter your value here..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[PURPOSE]</code></td>
                                <td class="var-desc">
                                    Provide a clear statement of the partnership&#039;s primary purpose or objective, including its main activities or goals.                                    <div class="var-example">For example: "To develop, market, and distribute eco-friendly home cleaning products to retail and online customers."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[PURPOSE]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[PARTNER_A_CONTRIBUTIONS]</code></td>
                                <td class="var-desc">
                                    List the specific contributions Partner A will make to the partnership, such as capital, equipment, expertise, or time.                                    <div class="var-example">For example: "Initial capital investment of $50,000 and oversight of product development and manufacturing."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[PARTNER_A_CONTRIBUTIONS]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[PARTNER_B_CONTRIBUTIONS]</code></td>
                                <td class="var-desc">
                                    List the specific contributions Partner B will make to the partnership, such as capital, equipment, expertise, or time.                                    <div class="var-example">For example: "Initial capital investment of $50,000 and management of marketing and sales operations."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[PARTNER_B_CONTRIBUTIONS]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[PROFIT_LOSS_SPLIT]</code></td>
                                <td class="var-desc">
                                    Specify how profits and losses will be divided between the partners, typically as percentages.                                    <div class="var-example">For example: "50% to Partner A and 50% to Partner B."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[PROFIT_LOSS_SPLIT]"
                                            placeholder="Enter your value here..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[DISTRIBUTION_FREQUENCY]</code></td>
                                <td class="var-desc">
                                    Indicate how often profits will be distributed to partners, such as monthly, quarterly, or annually.                                    <div class="var-example">For example: "Quarterly distributions on the last business day of March, June, September, and December."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[DISTRIBUTION_FREQUENCY]"
                                            placeholder="Enter your value here..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[MAJOR_DECISION_RULE]</code></td>
                                <td class="var-desc">
                                    Specify the decision-making rule for major partnership decisions, such as requiring unanimous or majority approval.                                    <div class="var-example">For example: "Unanimous approval required for decisions exceeding $10,000 in expenditure."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[MAJOR_DECISION_RULE]"
                                            placeholder="Enter your value here..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[DESIGNATED_PARTNER]</code></td>
                                <td class="var-desc">
                                    Identify the partner responsible for managing the partnership&#039;s daily operations.                                    <div class="var-example">For example: "Partner B (Emily Rose Johnson) will act as the day-to-day operator overseeing business operations."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[DESIGNATED_PARTNER]"
                                            placeholder="Enter your value here..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[CONTEXT]</code></td>
                                <td class="var-desc">
                                    List any specific terms, restrictions, or additional clauses to include in the agreement.                                    <div class="var-example">For example: "Non-compete clause for both partners restricting similar business ventures within a 50-mile radius for 3 years."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[CONTEXT]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                            </tbody>
                </table>

                <button class="copy-customized-btn flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
                        <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                        <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                    </svg>
                    <span class="copy-customized-text">Customise the prompt now</span>
                </button>
            </div>
        
        <!-- Full Prompt Code Header -->
                    <div class="prompt-code-header">
                <span class="prompt-code-title">
                    Step 2: Copy the Prompt
                </span>
                <div class="prompt-code-buttons">
                    <!-- Reset: Only visible when unlocked -->
                    <button class="prompt-header-btn prompt-header-reset btn-when-unlocked" onclick="resetPrompt()" style="display: none;">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
                            <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
                        </svg>
                        <span>Reset</span>
                    </button>
                    <!-- Copy Full Prompt -->
                    <button class="prompt-header-btn prompt-header-copy flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                            <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                        </svg>
                        <span>Copy Full Prompt</span>
                    </button>
                </div>
            </div>
        

        <!-- Prompt Content -->
        <div class="prompt-box prompt-gated-wrapper">
            <!-- Gated: Blurred content -->
            <div class="prompt-gated-content">
                <div class="prompt-header-visible">OBJECTIVE</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">PERSONA</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">CONSTRAINTS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">Scope Boundaries (What This Is NOT)</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">PROCESS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">INPUTS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">OUTPUT SPECIFICATION</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">QUALITY CHECKS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div>            </div>
            <!-- Unlocked: Full content (hidden by default) -->
            <div class="prompt-content-full" id="premium-prompt-content" style="display: none;">
                ## OBJECTIVE
Create a complete, plain-English-but-legal partnership agreement for a specific business venture between two named partners, covering the core operational, financial, governance, and exit terms, and ending with signature lines.

## PERSONA
Act as an experienced commercial lawyer who routinely prepares partnership documents for closely held businesses. Write with professional legal clarity, using defined terms and internally consistent drafting.

## CONSTRAINTS
- Use clear legal language and define key terms the first time they appear.
- Cover the full lifecycle of the partnership: formation → operation → disputes → wind-down.
- Remove ambiguity (avoid vague timing, undefined responsibilities, or unclear percentages).
- Keep the terms balanced and even-handed unless the inputs explicitly require otherwise.
- If information is missing, do not guess: insert clearly marked bracketed items for the user to fill in and/or provide brief options to choose from.

### Scope Boundaries (What This Is NOT)
- Not jurisdiction-specific legal advice or a substitute for local counsel review.
- Not a tax opinion, securities analysis, employment agreement, or IP assignment agreement (unless the user explicitly supplies terms to include).
- Not a filing document for any government agency.

## PROCESS
1. **Pre-analysis step:** Restate your understanding of the venture and the parties using the provided inputs, and list any missing details required to finalize the agreement.
2. Draft the agreement with numbered sections and defined terms.
3. Where choices exist (e.g., distribution timing, decision thresholds), present a default plus 1–2 alternatives in brackets if the user didn’t specify.
4. Ensure the signatures block matches the partner names exactly.

## INPUTS
- **Business venture description:** [PRODUCT_DESCRIPTION]
- **Partner A full legal name:** [PARTNER_A_NAME]
- **Partner B full legal name:** [PARTNER_B_NAME]
- **Partnership name (if already chosen):** [COMPANY_NAME]
- **Effective date (or “TBD”):** [DATE]
- **Partnership purpose statement (if known):** [PURPOSE]
- **Partner A contributions:** [PARTNER_A_CONTRIBUTIONS]
- **Partner B contributions:** [PARTNER_B_CONTRIBUTIONS]
- **Profit/loss split:** [PROFIT_LOSS_SPLIT]
- **Distribution timing/frequency:** [DISTRIBUTION_FREQUENCY]
- **Major-decision approval rule (e.g., unanimous/majority):** [MAJOR_DECISION_RULE]
- **Day-to-day operator/manager:** [DESIGNATED_PARTNER]
- **Any special terms or constraints to include:** [CONTEXT]

## OUTPUT SPECIFICATION
Provide a document titled **“Partnership Agreement”** using this deliverable structure and placeholders filled where possible:

- **Introductory clause**
  - Parties: {Partner A Name}, {Partner B Name}
  - Effective date: {Effective Date}
  - Venture: {Business Venture}
  - Defined term for the partnership: {Partnership}

- **1. Partnership Name and Purpose**
  - 1.1 Name: {Partnership Name}
  - 1.2 Purpose: {Purpose}

- **2. Partner Contributions**
  - 2.1 {Partner A Name} contributions: {Partner A Contributions}
  - 2.2 {Partner B Name} contributions: {Partner B Contributions}

- **3. Profit, Loss, and Distributions**
  - 3.1 Allocation percentages: {Profit/Loss Split}
  - 3.2 Distribution cadence and method: {Distribution Frequency}

- **4. Governance and Decision Rights**
  - 4.1 “Major Decisions” definition and approval threshold: {Major Decision Rule}
  - 4.2 Day-to-day authority and limits: {Designated Partner}

- **5. Dispute Resolution**
  - 5.1 Informal negotiation requirement
  - 5.2 Mediation step (process + selection of mediator)
  - 5.3 Binding arbitration (forum basics + allocation of costs as a default)

- **6. Term and Termination**
  - 6.1 Term and termination triggers: {Termination Triggers}
  - 6.2 Wind-up procedure and asset distribution: {Wind-Up and Distribution Terms}

- **7. Amendments**
  - Written amendment rule requiring partner consent: {Amendment Rule}

- **Signature block**
  - Lines for {Partner A Name} and {Partner B Name}, with date lines.

## QUALITY CHECKS
Before finalizing, confirm the draft meets these checks:
- All defined terms are introduced once and then used consistently (e.g., “Partnership,” “Partners,” “Major Decisions”).
- Percentages and timing terms are explicit (no missing totals, unclear frequencies, or contradictory provisions).
- Decision-making authority is unambiguous for both major actions and routine operations.
- Dispute resolution has a clear sequence and endpoint (negotiation → mediation → arbitration).
- Termination/wind-up explains both triggers and the mechanics of distributing assets/liabilities.            </div>
        </div>


    </div>

    <!-- CTA Row - Full width buttons -->
    <div class="prompt-cta-row">
        <button class="prompt-cta-btn prompt-cta-copy flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
                <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
            </svg>
            <span class="cta-copy-text">Copy Full Prompt</span>
        </button>
    </div>
</div>

<style>
    /* Gated prompt states */
    .prompt-gated-wrapper {
        position: relative;
    }

    /* When unlocked - show full content, hide gated */
    body.flowpast-unlocked .prompt-gated-wrapper .prompt-gated-content {
        display: none;
    }

    body.flowpast-unlocked .prompt-gated-wrapper .prompt-content-full {
        display: block !important;
    }

    /* Show/hide elements based on unlock state */
    body.flowpast-unlocked .btn-when-unlocked {
        display: inline-flex !important;
    }

    .prompt-viewer-wrapper {
        scroll-margin-top: 250px;
    }

    /* ========================================
   PROMPT VIEWER - MAIN WRAPPER
   ======================================== */
    .prompt-viewer-wrapper {
        margin: 30px 0;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    /* ========================================
   PROMPT BOX CONTAINER
   ======================================== */
    .prompt-comparison-row {
        border-radius: 12px;
        overflow: hidden;
        border: 1px solid #e0e0e0;
        background: #fff;
    }

    /* ========================================
   HEADER WITH BUTTONS
   ======================================== */
    .prompt-row-header {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 14px 20px;
        color: #fff !important;
        background: #141414;
        border-bottom: 1px solid #e0e0e0;
        flex-wrap: wrap;
    }

    .prompt-row-icon {
        font-size: 20px;
    }

    .prompt-row-title {
        font-weight: 600;
        font-size: 22px;
        color: #fff !important;
        text-decoration: underline
    }

    .prompt-header-buttons {
        margin-left: auto;
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }

    /* Header buttons */
    .prompt-header-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 20px;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        text-decoration: none;
        border: none;
    }

    .prompt-header-copy {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-header-copy:hover {
        background: #2a2a2a;
    }

    .prompt-header-copy.copied {
        background: #2e7d32;
    }

    .prompt-header-copy-green {
        background: #04AA6D !important;
        color: #fff !important;
    }

    .prompt-header-copy-green:hover {
        background: #039860 !important;
    }

    .prompt-header-copy-green.copied {
        background: #2e7d32 !important;
    }

    .prompt-header-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
    }

    .prompt-header-access:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-1px);
    }

    /* ========================================
   PROMPT CONTENT - FULL (NO SCROLL)
   ======================================== */
    .prompt-box {
        background: #ffffff;
    }

    .prompt-content-full {
        padding: 24px;
        margin: 0;
        color: #202124;
        background: #ffffff;
        font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
        font-size: 13px;
        line-height: 1.7;
        white-space: pre-wrap;
        word-wrap: break-word;
        /* No scroll - show full content */
        max-height: none;
        overflow: visible;
    }

    /* Highlighted variable in prompt */
    .prompt-variable {
        background: #fff3cd;
        color: #1967d2;
        font-weight: 700;
        padding: 2px 4px;
        border-radius: 3px;
        border: 1px solid #ffc107;
    }

    .prompt-variable-filled {
        background: #d4edda;
        color: #155724;
        font-weight: 700;
        padding: 2px 4px;
        border-radius: 3px;
        border: 1px solid #28a745;
    }

    /* ========================================
   GATED CONTENT (NO ACCESS)
   ======================================== */
    .prompt-gated-content {
        padding: 24px;
        background: #ffffff;
        font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
        font-size: 13px;
        line-height: 1.8;
        max-height: none;
        overflow: visible;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        cursor: default;
    }

    /* ## headers - larger, black */
    .prompt-header-visible {
        color: #202124;
        font-weight: 600;
        margin: 5px 0 0px 0;
        font-size: 20px;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        text-decoration: underline;
        text-underline-offset: 4px;
    }

    /* ### headers - smaller, black */
    .prompt-header-visible.subheader {
        color: #202124;
        font-weight: 600;
        margin: 5px 0;
        font-size: 18px;
    }

    .prompt-header-visible:first-child {
        margin-top: 0;
    }

    /* ========================================
   LOCKED SECTION BLOCK
   ======================================== */
    .locked-section {
        position: relative;
        margin: 4px 0 8px 0;
        border-radius: 6px;
        overflow: hidden;
        background: linear-gradient(110deg, #e2e8f0 8%, #f1f5f9 18%, #e2e8f0 33%);
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

    .locked-section-bg {
        position: relative;
    }

    .locked-section-lines {
        padding: 8px 12px;
        position: relative;
    }

    .locked-line {
        height: 6px;
        background: rgba(255, 255, 255, 0.6);
        border-radius: 3px;
        margin-bottom: 4px;
        margin-left: 12px;
    }

    .locked-line:last-child {
        margin-bottom: 0;
    }

    .locked-section-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 10;
        font-size: 24px;
        filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1));
    }

    /* Subheader locked sections - slightly indented */
    /*  .prompt-header-visible.subheader+.locked-section {
        margin-left: 16px;
    } */

    /* ========================================
   COMPATIBILITY BADGES
   ======================================== */
    .prompt-compatibility {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        padding: 12px 20px;
        background: #f8f9fa;
        border-top: 1px solid #e0e0e0;
    }

    .compat-label {
        font-size: 13px;
        color: #5f6368;
        font-weight: 500;
    }

    .compat-badge {
        padding: 4px 10px;
        background: #e8f0fe;
        color: #1967d2;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 500;
    }

    /* ========================================
   CTA ROW - FULL WIDTH BUTTONS
   ======================================== */
    .prompt-cta-row {
        display: flex;
        gap: 16px;
        flex-wrap: wrap;
    }

    .prompt-cta-btn {
        flex: 1;
        min-width: 200px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 16px 24px;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        text-decoration: none;
        border: none;
    }

    .prompt-cta-copy {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-cta-copy:hover {
        background: #2a2a2a;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    .prompt-cta-copy.copied {
        background: #2e7d32;
    }

    .prompt-cta-reset {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-cta-reset:hover {
        background: #2a2a2a;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    .prompt-cta-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
    }

    .prompt-cta-access:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(5, 152, 98, 0.3);
    }

    /* ========================================
    CUSTOMIZE YOUR PROMPT SECTION
    ======================================== */
    .prompt-customize-section {
        padding: 24px;
        border-bottom: 1px solid #e0e0e0;
        background: #fafbfc;
    }

    .customize-title {
        margin: 0 0 8px 0;
        font-size: 18px;
        font-weight: 700;
        color: #202124;
    }

    .customize-subtitle {
        margin: 0 0 20px 0;
        font-size: 14px;
        color: #5f6368;
    }

    .customize-table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 20px;
    }

    .customize-table th {
        text-align: left;
        padding: 12px;
        background: #f1f3f4;
        border: 1px solid #e0e0e0;
        font-size: 13px;
        font-weight: 600;
        color: #202124;
    }

    .customize-table td {
        padding: 12px;
        border: 1px solid #e0e0e0;
        vertical-align: top;
    }

    .customize-table .var-name {
        width: 25%;
        background: #f8f9fa;
    }

    .customize-table .var-name code {
        background: #fff3cd;
        color: #1967d2;
        border: 1px solid #ffc107;
        padding: 4px 8px;
        border-radius: 4px;
        font-size: 12px;
        word-break: break-all;
        font-weight: 600;
    }

    .customize-table .var-desc {
        width: 35%;
        font-size: 13px;
        color: #5f6368;
        line-height: 1.5;
    }

    .customize-table .var-example {
        margin-top: 8px;
        padding: 8px 10px;
        background: #f8f9fa;
        border-left: 3px solid #dadce0;
        font-size: 12px;
        color: #5f6368;
        font-style: italic;
        border-radius: 0 4px 4px 0;
    }

    .customize-table .var-input {
        width: 40%;
    }

    .customize-input {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #dadce0;
        border-radius: 6px;
        font-size: 13px;
        font-family: inherit;
        resize: vertical;
        transition: border-color 0.2s, box-shadow 0.2s;
    }

    .customize-input:focus {
        outline: none;
        border-color: rgb(5, 152, 98);
        box-shadow: 0 0 0 3px rgba(5, 152, 98, 0.1);
    }

    .customize-input::placeholder {
        color: #9aa0a6;
        font-style: italic;
    }

    .copy-customized-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        width: 100%;
        padding: 16px 24px;
        background: rgb(5, 152, 98);
        color: #fff;
        border: none;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
    }

    .copy-customized-btn:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(5, 152, 98, 0.3);
    }

    .copy-customized-btn.copied {
        background: #2e7d32;
    }

    /* ========================================
    FULL PROMPT CODE HEADER
    ======================================== */
    .prompt-code-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 20px;
        color: #fff !important;
        background: #141414;
        border-bottom: 1px solid #e0e0e0;
    }

    .prompt-code-title {
        font-size: 22px;
        font-weight: 600;
        text-decoration: underline;

    }

    .prompt-code-buttons {
        display: flex;
        gap: 8px;
    }

    .prompt-code-buttons .prompt-header-btn {
        padding: 8px 14px;
        font-size: 13px;
        background: #ffffff;
        color: #202124;
        border: 1px solid #dadce0;
    }

    .prompt-code-buttons .prompt-header-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
        border-color: rgb(5, 152, 98);
    }

    .prompt-code-buttons .prompt-header-btn.prompt-header-access:hover {
        background: rgb(4, 130, 83) !important;
        border-color: rgb(4, 130, 83);
        color: #fff !important;
    }

    .prompt-code-buttons .prompt-header-btn:hover {
        background: #f1f3f4;
    }

    .prompt-code-buttons .prompt-header-copy.copied {
        background: #d4edda;
        color: #155724;
        border-color: #28a745;
    }

    .prompt-header-reset {
        background: #ffffff;
        color: #202124;
    }

    /* ========================================
   RESPONSIVE
   ======================================== */
    @media (max-width: 768px) {
        .prompt-row-header {
            flex-direction: column;
            align-items: flex-start;
            gap: 12px;
        }

        .prompt-header-buttons {
            margin-left: 0;
            width: 100%;
        }

        .prompt-header-btn {
            flex: 1;
            justify-content: center;
        }

        .prompt-cta-row {
            flex-direction: column;
        }

        .prompt-cta-btn {
            width: 100%;
        }

        /* Customize table responsive */
        .customize-table,
        .customize-table thead,
        .customize-table tbody,
        .customize-table tr,
        .customize-table th,
        .customize-table td {
            display: block;
        }

        .customize-table thead {
            display: none;
        }

        .customize-table tr {
            margin-bottom: 16px;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            overflow: hidden;
        }

        .customize-table td {
            width: 100% !important;
            border: none;
            border-bottom: 1px solid #e0e0e0;
        }

        .customize-table td:last-child {
            border-bottom: none;
        }

        .customize-table .var-name {
            background: #f1f3f4;
            font-weight: 600;
        }

        .prompt-code-header {
            flex-direction: column;
            gap: 12px;
            align-items: flex-start;
        }

        .prompt-code-buttons {
            width: 100%;
        }

        .prompt-code-buttons .prompt-header-btn {
            flex: 1;
            justify-content: center;
        }
    }
</style>

<script>
    function handlePromptCopy() {
        // Check if unlocked via cookie
        if (typeof window.flowpastIsUnlocked === 'function' && !window.flowpastIsUnlocked()) {
            // Show email popup
            if (typeof window.flowpastShowEmailPopup === 'function') {
                window.flowpastShowEmailPopup('prompt');
            }
            return;
        }

        // Copy the customized prompt (with filled variables)
        const customizedPrompt = getCustomizedPrompt();
        const copyButtons = document.querySelectorAll('.prompt-header-copy, .prompt-header-copy-green, .prompt-cta-copy, .copy-customized-btn');

        navigator.clipboard.writeText(customizedPrompt).then(() => {
            copyButtons.forEach(btn => {
                btn.classList.add('copied');
                const textSpan = btn.querySelector('span');
                if (textSpan) textSpan.textContent = 'Copied!';
            });

            setTimeout(() => {
                copyButtons.forEach(btn => {
                    btn.classList.remove('copied');
                    const textSpan = btn.querySelector('span');
                    if (textSpan) textSpan.textContent = 'Copy Full Prompt';
                });
            }, 2000);
        }).catch(err => {
            console.error('Failed to copy:', err);
        });
    }

    // Store original prompt for customization
    const originalPrompt = "## OBJECTIVE\r\nCreate a complete, plain-English-but-legal partnership agreement for a specific business venture between two named partners, covering the core operational, financial, governance, and exit terms, and ending with signature lines.\r\n\r\n## PERSONA\r\nAct as an experienced commercial lawyer who routinely prepares partnership documents for closely held businesses. Write with professional legal clarity, using defined terms and internally consistent drafting.\r\n\r\n## CONSTRAINTS\r\n- Use clear legal language and define key terms the first time they appear.\r\n- Cover the full lifecycle of the partnership: formation \u2192 operation \u2192 disputes \u2192 wind-down.\r\n- Remove ambiguity (avoid vague timing, undefined responsibilities, or unclear percentages).\r\n- Keep the terms balanced and even-handed unless the inputs explicitly require otherwise.\r\n- If information is missing, do not guess: insert clearly marked bracketed items for the user to fill in and\/or provide brief options to choose from.\r\n\r\n### Scope Boundaries (What This Is NOT)\r\n- Not jurisdiction-specific legal advice or a substitute for local counsel review.\r\n- Not a tax opinion, securities analysis, employment agreement, or IP assignment agreement (unless the user explicitly supplies terms to include).\r\n- Not a filing document for any government agency.\r\n\r\n## PROCESS\r\n1. **Pre-analysis step:** Restate your understanding of the venture and the parties using the provided inputs, and list any missing details required to finalize the agreement.\r\n2. Draft the agreement with numbered sections and defined terms.\r\n3. Where choices exist (e.g., distribution timing, decision thresholds), present a default plus 1\u20132 alternatives in brackets if the user didn\u2019t specify.\r\n4. Ensure the signatures block matches the partner names exactly.\r\n\r\n## INPUTS\r\n- **Business venture description:** [PRODUCT_DESCRIPTION]\r\n- **Partner A full legal name:** [PARTNER_A_NAME]\r\n- **Partner B full legal name:** [PARTNER_B_NAME]\r\n- **Partnership name (if already chosen):** [COMPANY_NAME]\r\n- **Effective date (or \u201cTBD\u201d):** [DATE]\r\n- **Partnership purpose statement (if known):** [PURPOSE]\r\n- **Partner A contributions:** [PARTNER_A_CONTRIBUTIONS]\r\n- **Partner B contributions:** [PARTNER_B_CONTRIBUTIONS]\r\n- **Profit\/loss split:** [PROFIT_LOSS_SPLIT]\r\n- **Distribution timing\/frequency:** [DISTRIBUTION_FREQUENCY]\r\n- **Major-decision approval rule (e.g., unanimous\/majority):** [MAJOR_DECISION_RULE]\r\n- **Day-to-day operator\/manager:** [DESIGNATED_PARTNER]\r\n- **Any special terms or constraints to include:** [CONTEXT]\r\n\r\n## OUTPUT SPECIFICATION\r\nProvide a document titled **\u201cPartnership Agreement\u201d** using this deliverable structure and placeholders filled where possible:\r\n\r\n- **Introductory clause**\r\n  - Parties: {Partner A Name}, {Partner B Name}\r\n  - Effective date: {Effective Date}\r\n  - Venture: {Business Venture}\r\n  - Defined term for the partnership: {Partnership}\r\n\r\n- **1. Partnership Name and Purpose**\r\n  - 1.1 Name: {Partnership Name}\r\n  - 1.2 Purpose: {Purpose}\r\n\r\n- **2. Partner Contributions**\r\n  - 2.1 {Partner A Name} contributions: {Partner A Contributions}\r\n  - 2.2 {Partner B Name} contributions: {Partner B Contributions}\r\n\r\n- **3. Profit, Loss, and Distributions**\r\n  - 3.1 Allocation percentages: {Profit\/Loss Split}\r\n  - 3.2 Distribution cadence and method: {Distribution Frequency}\r\n\r\n- **4. Governance and Decision Rights**\r\n  - 4.1 \u201cMajor Decisions\u201d definition and approval threshold: {Major Decision Rule}\r\n  - 4.2 Day-to-day authority and limits: {Designated Partner}\r\n\r\n- **5. Dispute Resolution**\r\n  - 5.1 Informal negotiation requirement\r\n  - 5.2 Mediation step (process + selection of mediator)\r\n  - 5.3 Binding arbitration (forum basics + allocation of costs as a default)\r\n\r\n- **6. Term and Termination**\r\n  - 6.1 Term and termination triggers: {Termination Triggers}\r\n  - 6.2 Wind-up procedure and asset distribution: {Wind-Up and Distribution Terms}\r\n\r\n- **7. Amendments**\r\n  - Written amendment rule requiring partner consent: {Amendment Rule}\r\n\r\n- **Signature block**\r\n  - Lines for {Partner A Name} and {Partner B Name}, with date lines.\r\n\r\n## QUALITY CHECKS\r\nBefore finalizing, confirm the draft meets these checks:\r\n- All defined terms are introduced once and then used consistently (e.g., \u201cPartnership,\u201d \u201cPartners,\u201d \u201cMajor Decisions\u201d).\r\n- Percentages and timing terms are explicit (no missing totals, unclear frequencies, or contradictory provisions).\r\n- Decision-making authority is unambiguous for both major actions and routine operations.\r\n- Dispute resolution has a clear sequence and endpoint (negotiation \u2192 mediation \u2192 arbitration).\r\n- Termination\/wind-up explains both triggers and the mechanics of distributing assets\/liabilities.";
    const variables = ["[PRODUCT_DESCRIPTION]","[PARTNER_A_NAME]","[PARTNER_B_NAME]","[COMPANY_NAME]","[DATE]","[PURPOSE]","[PARTNER_A_CONTRIBUTIONS]","[PARTNER_B_CONTRIBUTIONS]","[PROFIT_LOSS_SPLIT]","[DISTRIBUTION_FREQUENCY]","[MAJOR_DECISION_RULE]","[DESIGNATED_PARTNER]","[CONTEXT]"];
    // Initial render with highlighted variables
    document.addEventListener('DOMContentLoaded', function() {
        renderPromptWithHighlights();
    });

    // Live update prompt as user types
    document.querySelectorAll('.customize-input').forEach(input => {
        input.addEventListener('input', renderPromptWithHighlights);
    });

    function renderPromptWithHighlights() {
        const promptContent = document.getElementById('premium-prompt-content');
        if (!promptContent) return;

        let updatedPrompt = originalPrompt;
        let filledVariables = {};

        // Collect filled values
        document.querySelectorAll('.customize-input').forEach(input => {
            const placeholder = input.dataset.placeholder;
            const value = input.value.trim();

            if (value) {
                filledVariables[placeholder] = value;
            }
        });

        // Replace filled variables and highlight remaining
        let htmlContent = escapeHtml(updatedPrompt);

        variables.forEach(placeholder => {
            const escapedPlaceholder = escapeHtml(placeholder);
            const regex = new RegExp(escapeRegex(escapedPlaceholder), 'g');

            if (filledVariables[placeholder]) {
                // Show filled value with green highlight
                htmlContent = htmlContent.replace(regex,
                    '<span class="prompt-variable-filled">' + escapeHtml(filledVariables[placeholder]) + '</span>'
                );
            } else {
                // Show original placeholder with yellow highlight
                htmlContent = htmlContent.replace(regex,
                    '<span class="prompt-variable">' + escapedPlaceholder + '</span>'
                );
            }
        });

        promptContent.innerHTML = htmlContent;
    }

    function escapeRegex(string) {
        return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
    }

    function escapeHtml(text) {
        const div = document.createElement('div');
        div.textContent = text;
        return div.innerHTML;
    }

    function resetPrompt() {
        // Clear all input fields
        document.querySelectorAll('.customize-input').forEach(input => {
            input.value = '';
        });

        // Re-render with original placeholders highlighted
        renderPromptWithHighlights();

        // Visual feedback
        const resetBtns = document.querySelectorAll('.prompt-header-reset, .prompt-cta-reset');
        resetBtns.forEach(btn => {
            const originalText = btn.querySelector('span').textContent;
            btn.querySelector('span').textContent = 'Reset!';
            setTimeout(() => {
                btn.querySelector('span').textContent = originalText;
            }, 1000);
        });
    }


    function getCustomizedPrompt() {
        let updatedPrompt = originalPrompt;

        document.querySelectorAll('.customize-input').forEach(input => {
            const placeholder = input.dataset.placeholder;
            const value = input.value.trim();

            if (value) {
                const regex = new RegExp(escapeRegex(placeholder), 'g');
                updatedPrompt = updatedPrompt.replace(regex, value);
            }
        });

        return updatedPrompt;
    }
</script>

</div>

<div class="pro-tips-section">

<h2 class="wp-block-heading">Pro Tips for Better AI Prompt Results</h2>



<ul class="wp-block-list">

<li><strong>Feed it “facts,” not vibes.</strong> In your venture description, include what you sell, who pays, and how work is delivered (ex: “Productized LinkedIn content service for B2B SaaS; monthly retainers; Partner A sells and manages accounts; Partner B fulfills and manages contractors”). If you leave it broad, the agreement will rely on placeholders, which is fine, but you’ll do more cleanup later.</li>


<li><strong>Be explicit about money movement.</strong> Don’t just say “50/50 split.” Specify contributions (cash, equipment, existing client book), whether draws happen monthly or quarterly, and what expenses require approval. Follow-up prompt you can use after the first draft: “Add a clause that reimbursements require receipts within 30 days and any expense above $1,000 needs both partners’ written approval.”</li>


<li><strong>Decide how decisions get made before you argue.</strong> Pick thresholds for routine vs major actions (day-to-day vs debt, hiring, changing pricing, admitting a new partner). If you’re unsure, ask the model to compare two governance setups: “Rewrite the voting section with (1) unanimous consent for major decisions and (2) a 60/40 weighted vote based on ownership; list pros/cons for each.”</li>


<li><strong>Iterate using “tighten ambiguity” passes.</strong> After the first output, ask: “Identify any vague timing, undefined responsibilities, or unclear percentages, then propose concrete replacements.” Then choose the version that matches how you actually operate, not what sounds ideal on paper.</li>


<li><strong>Use bracketed options strategically.</strong> The prompt will insert bracketed choices when you didn’t specify details; treat those as a decision menu, not filler. Advanced move: paste only the bracketed segments back and say, “Convert these bracketed choices into a single consistent set of terms optimized for low conflict and simple administration.”</li>

</ul>

</div>

<div class="related-prompts-section">

<h2 class="wp-block-heading">Related Prompts</h2>



<p>Once your partnership terms are drafted, these related prompts help you think through the financial ripple effects and longer-term planning.</p>



<p>If you also need to estimate what the venture could mean for taxes by the end of the year, pair this agreement work with <a href="https://flowpast.com/prompts/forecast-year-end-tax-liability-ai-prompt/">Forecast Year-End Tax Liability AI Prompt</a>. It’s especially useful when you’re deciding how aggressively to take draws versus leaving cash in the business.</p>



<p>When your partnership is part of a bigger personal plan (and honestly, it should be), <a href="https://flowpast.com/prompts/build-a-retirement-savings-roadmap-with-this-ai-prompt/">Build a Retirement Savings Roadmap with this AI Prompt</a> can help you translate variable income into a steady contribution strategy. This is a smart follow-on if your agreement sets irregular distribution timing.</p>



<p>For teams doing longer-horizon planning around wealth transfer, equity value, or a future liquidity event, <a href="https://flowpast.com/prompts/estimate-estate-tax-exposure-and-plan-savings-ai-prompt/">Estimate Estate Tax Exposure and Plan Savings AI Prompt</a> is a practical complement. It’s not a replacement for counsel, but it’s a helpful way to surface questions to bring to your attorney and tax advisor.</p>


<br>


<p>Quick reference:</p>



<ul class="wp-block-list">

<li><a href="https://flowpast.com/prompts/forecast-year-end-tax-liability-ai-prompt/">Forecast Year-End Tax Liability AI Prompt</a>: Project taxes from income, deductions, and timing.</li>


<li><a href="https://flowpast.com/prompts/build-a-retirement-savings-roadmap-with-this-ai-prompt/">Build a Retirement Savings Roadmap with this AI Prompt</a>: Turn earnings into an actionable savings plan.</li>


<li><a href="https://flowpast.com/prompts/estimate-estate-tax-exposure-and-plan-savings-ai-prompt/">Estimate Estate Tax Exposure and Plan Savings AI Prompt</a>: Model estate exposure and savings levers.</li>


<li><a href="https://flowpast.com/prompts/build-a-personalized-retirement-roadmap-ai-prompt/">Build a Personalized Retirement Roadmap AI Prompt</a>: Customize milestones, accounts, and contribution targets.</li>


<li><a href="https://flowpast.com/prompts/build-an-investment-tax-minimization-plan-ai-prompt/">Build an Investment Tax Minimization Plan AI Prompt</a>: Reduce tax drag with coordinated investing moves.</li>

</ul>

</div>

<div class="faq-section">

<h2 class="wp-block-heading">Common Questions</h2>


<div class="faq-item">
<span class="question">Which roles benefit most from this partnership agreement prompt AI prompt?</span>

<p class="answer"><strong>Startup founders</strong> use this to convert handshake terms into a workable operating document before revenue, contracts, or debt complicate things. <strong>Agency partners</strong> rely on it to formalize how client revenue, subcontractor costs, and authority to sign statements of work are handled. <strong>Independent consultants</strong> find it valuable for joint engagements, where responsibility boundaries and payment terms have to be crystal clear. <strong>COOs or operations leads</strong> use the draft as a baseline to reduce ambiguity and create clean processes for approvals, recordkeeping, and disputes.</p>

</div>

<div class="faq-item">
<span class="question">Which industries get the most value from this partnership agreement prompt AI prompt?</span>

<p class="answer"><strong>Professional services</strong> (marketing, accounting, advisory) get immediate value because cash flow, reimbursements, and client ownership questions show up early, and this draft forces specifics. <strong>E-commerce and product brands</strong> use it when two operators are sharing capital, suppliers, or a fulfillment setup and need purchase authority limits and distribution rules. <strong>Real estate investing teams</strong> benefit when documenting contributions, decision thresholds for acquisitions, and exit mechanics for a sale or refinance. <strong>Software and SaaS</strong> teams use it as an early-stage operating framework while they validate the venture, then bring it to counsel for jurisdiction-specific polish.</p>

</div>

<div class="faq-item">
<span class="question">Why do basic AI prompts for drafting a partnership agreement produce weak results?</span>

<p class="answer">A typical prompt like &#8220;<em>Write me a partnership agreement for my business</em>&#8221; fails because it: lacks a pre-analysis step to restate the venture and expose missing deal points, provides no defined-terms structure so language becomes inconsistent across sections, ignores lifecycle issues like disputes, exits, and wind-down procedures, produces generic boilerplate instead of explicit percentages/timing/thresholds, and misses the bracketed placeholders and options that prevent the model from guessing critical terms.</p>

</div>

<div class="faq-item">
<span class="question">Can I customize this partnership agreement prompt for my specific situation?</span>

<p class="answer">Yes, and you should. The most important variables to adjust are the venture description (what the partnership actually does), the partner legal names, and the partnership name, because those choices ripple through defined terms and signature blocks. If you have special terms like unequal capital contributions, different decision rights, or a planned buyout path, include them directly so the draft stays balanced but specific. Follow-up prompt: “Revise the agreement to reflect that Partner A contributes $50,000 cash, Partner B contributes only services, distributions occur quarterly, and any debt above $10,000 requires unanimous written approval.”</p>

</div>

<div class="faq-item">
<span class="question">What are the most common mistakes when using this partnership agreement prompt?</span>

<p class="answer">The biggest mistake is leaving [PRODUCT_DESCRIPTION] too vague — instead of &#8220;a small business,&#8221; try &#8220;a two-person bookkeeping service for Shopify brands, offering monthly retainers and clean-up projects, with subcontractors for reconciliation.&#8221; Another common error is using informal partner IDs in [PARTNER_A_NAME] and [PARTNER_B_NAME]; don’t enter &#8220;Mike&#8221; and &#8220;Sarah&#8221; when the signatures should read &#8220;Michael J. Chen&#8221; and &#8220;Sarah L. Rivera.&#8221; People also skip [COMPANY_NAME] or change it midstream, which can create inconsistencies in defined terms; pick one naming convention and stick to it. Finally, users often accept bracketed placeholders without resolving them, so the document stays a draft; go back and choose one option for each bracketed decision point.</p>

</div>

<div class="faq-item">
<span class="question">Who should NOT use this partnership agreement prompt?</span>

<p class="answer">This prompt isn&#8217;t ideal for arrangements that require jurisdiction-specific legal advice right away, highly regulated ventures (financial services, healthcare, securities), or multi-partner structures with complex equity, vesting, and IP assignment needs. It’s also a poor fit if you want a one-click final document without review, because you still need to fill in bracketed items and sanity-check the terms. If that’s you, use this as a structured first draft, then bring it to a local attorney for tailoring and enforceability review.</p>

</div>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Which roles benefit most from this partnership agreement prompt AI prompt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Startup founders use this to convert handshake terms into a workable operating document before revenue, contracts, or debt complicate things. Agency partners rely on it to formalize how client revenue, subcontractor costs, and authority to sign statements of work are handled. Independent consultants find it valuable for joint engagements, where responsibility boundaries and payment terms have to be crystal clear. COOs or operations leads use the draft as a baseline to reduce ambiguity and create clean processes for approvals, recordkeeping, and disputes."
      }
    },
    {
      "@type": "Question",
      "name": "Which industries get the most value from this partnership agreement prompt AI prompt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Professional services (marketing, accounting, advisory) get immediate value because cash flow, reimbursements, and client ownership questions show up early, and this draft forces specifics. E-commerce and product brands use it when two operators are sharing capital, suppliers, or a fulfillment setup and need purchase authority limits and distribution rules. Real estate investing teams benefit when documenting contributions, decision thresholds for acquisitions, and exit mechanics for a sale or refinance. Software and SaaS teams use it as an early-stage operating framework while they validate the venture, then bring it to counsel for jurisdiction-specific polish."
      }
    },
    {
      "@type": "Question",
      "name": "Why do basic AI prompts for drafting a partnership agreement produce weak results?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "A typical prompt like \"Write me a partnership agreement for my business\" fails because it: lacks a pre-analysis step to restate the venture and expose missing deal points, provides no defined-terms structure so language becomes inconsistent across sections, ignores lifecycle issues like disputes, exits, and wind-down procedures, produces generic boilerplate instead of explicit percentages/timing/thresholds, and misses the bracketed placeholders and options that prevent the model from guessing critical terms."
      }
    },
    {
      "@type": "Question",
      "name": "Can I customize this partnership agreement prompt for my specific situation?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Yes, and you should. The most important variables to adjust are the venture description (what the partnership actually does), the partner legal names, and the partnership name, because those choices ripple through defined terms and signature blocks. If you have special terms like unequal capital contributions, different decision rights, or a planned buyout path, include them directly so the draft stays balanced but specific. Follow-up prompt: “Revise the agreement to reflect that Partner A contributes $50,000 cash, Partner B contributes only services, distributions occur quarterly, and any debt above $10,000 requires unanimous written approval.”"
      }
    },
    {
      "@type": "Question",
      "name": "What are the most common mistakes when using this partnership agreement prompt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "The biggest mistake is leaving [PRODUCT_DESCRIPTION] too vague — instead of \"a small business,\" try \"a two-person bookkeeping service for Shopify brands, offering monthly retainers and clean-up projects, with subcontractors for reconciliation.\" Another common error is using informal partner IDs in [PARTNER_A_NAME] and [PARTNER_B_NAME]; don’t enter \"Mike\" and \"Sarah\" when the signatures should read \"Michael J. Chen\" and \"Sarah L. Rivera.\" People also skip [COMPANY_NAME] or change it midstream, which can create inconsistencies in defined terms; pick one naming convention and stick to it. Finally, users often accept bracketed placeholders without resolving them, so the document stays a draft; go back and choose one option for each bracketed decision point."
      }
    },
    {
      "@type": "Question",
      "name": "Who should NOT use this partnership agreement prompt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "This prompt isn't ideal for arrangements that require jurisdiction-specific legal advice right away, highly regulated ventures (financial services, healthcare, securities), or multi-partner structures with complex equity, vesting, and IP assignment needs. It’s also a poor fit if you want a one-click final document without review, because you still need to fill in bracketed items and sanity-check the terms. If that’s you, use this as a structured first draft, then bring it to a local attorney for tailoring and enforceability review."
      }
    }
  ]
}
</script>
</div>

<div class="closing-section">

<p>Partnership risk usually comes from the gaps, not the big ideas. Use this prompt to surface the missing decisions, draft clean terms, and get a document you can confidently review with counsel before you build on it.</p>

</div>]]></content:encoded>
					
		
		
		<media:content url="https://flowpast.s3.eu-north-1.amazonaws.com/featured_blog_images/5000805.webp" medium="image"></media:content>
            	</item>
		<item>
		<title>Build an Accessible FAQ Accordion with this AI Prompt</title>
		<link>https://flowpast.com/prompts/build-an-accessible-faq-accordion-with-this-ai-prompt/</link>
		
		<dc:creator><![CDATA[Lisa Granqvist]]></dc:creator>
		<pubDate>Fri, 23 Jan 2026 02:43:05 +0000</pubDate>
				<category><![CDATA[Prompts]]></category>
		<guid isPermaLink="false">https://flowpast.com/?p=5001434</guid>

					<description><![CDATA[FAQ pages overwhelm users - use this AI Prompt to generate a calm WCAG-ready accordion with semantic HTML, CSS, and QA notes. Thousands of ready-to-use AI prompts for all models.]]></description>
										<content:encoded><![CDATA[<!-- FOCUS_KEYWORD: accessible FAQ accordion -->
<div class="hook-introduction">

<p>Most FAQ pages try to help, then accidentally do the opposite. Users hit a wall of text, lose their place, and bounce. And if the interaction isn’t accessible, you’re quietly locking people out while adding support load.</p>



<p>This <strong>accessible FAQ accordion</strong> is built for <strong>UX/UI designers</strong> who need a calm, low-clutter disclosure pattern, <strong>front-end developers</strong> shipping semantic HTML that still works without JavaScript, and <strong>customer support leads</strong> turning repetitive questions into a self-serve experience without creating new accessibility issues. The output is a production-ready accordion pattern (HTML, CSS, and guidance) designed to scale to dozens of Q&amp;As, with WCAG-minded interaction notes and QA checks.</p>

</div>

<div class="what-and-when-section">

<h2 class="wp-block-heading">What Does This AI Prompt Do and When to Use It?</h2>



<table class="solution-results-table three-column" role="presentation" aria-label="What this prompt does, when to use it, and what you get">
 <thead>
    <tr>
      <th scope="col">What This Prompt Does</th>
      <th scope="col">When to Use This Prompt</th>
      <th scope="col">What You&#8217;ll Get</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <ul class="automation-list">
          <li>It designs an accessible accordion interface using semantic HTML that functions even when JavaScript is unavailable.</li>
          <li>It applies a progressive-disclosure structure that reduces mental clutter by revealing only what a user asks to see.</li>
          <li>It specifies keyboard-operable interaction behaviors and clear state communication for screen readers.</li>
          <li>It generates CSS guidance that respects <code>prefers-reduced-motion</code>, contrast requirements, and 44×44 touch targets.</li>
          <li>It includes a calm, implementation-oriented pre-analysis that calls out ambiguities and documents assumptions before outputting code.</li>
       </ul>
      </td>
      <td>
        <ul class="results-list">
          <li>You have an FAQ that keeps growing and the current page is turning into an unreadable scroll-fest.</li>
          <li>Your team needs an accordion, but you can’t depend on JavaScript for core expand/collapse behavior.</li>
          <li>You’re about to launch a help center or product marketing page and want WCAG-minded interaction from day one.</li>
          <li>Support tickets keep repeating the same questions, yet you’re wary of publishing an FAQ that frustrates keyboard or screen reader users.</li>
          <li>You’re standardizing UI patterns across a design system and need a disclosure component that scales to dozens of entries.</li>
        </ul>
      </td>
       <td>
         <ul class="deliverables-list">
           <li>A complete accordion component draft using <code>&lt;details&gt;&lt;summary&gt;</code> (plus notes on when to enhance with ARIA).</li>
           <li>A CSS package outline covering focus states, contrast-safe interactive colors, reduced motion, and spacing for comfortable scanning.</li>
           <li>A recommended interaction model choice (single-open or multiple-open) with behavior notes you can hand to engineering.</li>
           <li>A category navigation approach using <code>&lt;nav&gt;</code> and appropriate labeling when your FAQ exceeds 10 questions.</li>
           <li>A practical QA checklist that testers can run with keyboard-only and screen reader expectations in mind.</li>
         </ul>
       </td>
    </tr>
  </tbody>
</table>

</div>

<div class="prompt-display-section">

<h2 class="wp-block-heading">The Full AI Prompt: WCAG-Ready FAQ Accordion (No-JS Core)</h2>



<div class="prompt-viewer-wrapper" id="prompt-section">
    <div class="prompt-comparison-row prompt-premium">
        <!-- Header with buttons -->
        <div class="prompt-row-header">
            <!-- <span class="prompt-row-icon">✨</span> -->
            <span class="prompt-row-title">
                                    Step 1: Customize the prompt with your input
                            </span>
            <div class="prompt-header-buttons">
                                    <button class="prompt-header-btn prompt-header-reset" onclick="resetPrompt()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
                            <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
                        </svg>
                        <span>Reset</span>
                    </button>
                                <button class="prompt-header-btn prompt-header-copy-green flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                        <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                        <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                    </svg>
                    <span>Customize and Copy Full Prompt</span>
                </button>
            </div>
        </div>

        <!-- Customize the Prompt Section -->
                    <div class="prompt-customize-section">
                <span class="customize-title">Customize the Prompt</span>
                <p class="customize-subtitle">Fill in the fields below to personalize this prompt for your needs.</p>
                <table class="customize-table">
                    <thead>
                        <tr>
                            <th>Variable</th>
                            <th>What to Enter</th>
                            <th>Customise the prompt</th>
                        </tr>
                    </thead>
                    <tbody>
                                                    <tr>
                                <td class="var-name"><code>[FAQ_CONTENT]</code></td>
                                <td class="var-desc">
                                    Provide the list of questions and answers to be included in the FAQ interface. Include complete text for both questions and their corresponding answers.                                    <div class="var-example">For example: "Q: What is WCAG? A: WCAG stands for Web Content Accessibility Guidelines, which are standards for making web content accessible to people with disabilities."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[FAQ_CONTENT]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[INTERACTION_MODE]</code></td>
                                <td class="var-desc">
                                    Specify whether the FAQ interface should allow multiple questions to be open at the same time (multiple-open) or limit it to one question open at a time (single-open).                                    <div class="var-example">For example: "multiple-open"</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[INTERACTION_MODE]"
                                            placeholder="Enter your value here..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[CATEGORY_NAMES]</code></td>
                                <td class="var-desc">
                                    List the names of categories to organize the FAQ questions if applicable. Use short, descriptive names relevant to the content.                                    <div class="var-example">For example: "Accessibility Basics, Interaction Design, WCAG Guidelines"</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[CATEGORY_NAMES]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[BRAND_VOICE]</code></td>
                                <td class="var-desc">
                                    Describe the tone and style of communication that should be used in the FAQ content. Include any specific traits like professionalism, simplicity, or friendliness.                                    <div class="var-example">For example: "Calm, professional, and implementation-focused with an emphasis on accessibility and inclusiveness."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[BRAND_VOICE]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[CONTEXT]</code></td>
                                <td class="var-desc">
                                    Explain the purpose and background of the FAQ interface, including the target audience and specific goals it aims to achieve.                                    <div class="var-example">For example: "The FAQ interface is designed for accessibility-first UI architects who need a scalable, WCAG-compliant solution for organizing and presenting Q&amp;As effectively."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[CONTEXT]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                            </tbody>
                </table>

                <button class="copy-customized-btn flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
                        <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                        <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                    </svg>
                    <span class="copy-customized-text">Customise the prompt now</span>
                </button>
            </div>
        
        <!-- Full Prompt Code Header -->
                    <div class="prompt-code-header">
                <span class="prompt-code-title">
                    Step 2: Copy the Prompt
                </span>
                <div class="prompt-code-buttons">
                    <!-- Reset: Only visible when unlocked -->
                    <button class="prompt-header-btn prompt-header-reset btn-when-unlocked" onclick="resetPrompt()" style="display: none;">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
                            <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
                        </svg>
                        <span>Reset</span>
                    </button>
                    <!-- Copy Full Prompt -->
                    <button class="prompt-header-btn prompt-header-copy flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                            <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                        </svg>
                        <span>Copy Full Prompt</span>
                    </button>
                </div>
            </div>
        

        <!-- Prompt Content -->
        <div class="prompt-box prompt-gated-wrapper">
            <!-- Gated: Blurred content -->
            <div class="prompt-gated-content">
                <div class="prompt-header-visible">OBJECTIVE</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">PERSONA</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">CONSTRAINTS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">PROCESS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">Edge case handling</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">What This Is NOT</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">INPUTS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">OUTPUT SPECIFICATION</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">QUALITY CHECKS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div>            </div>
            <!-- Unlocked: Full content (hidden by default) -->
            <div class="prompt-content-full" id="premium-prompt-content" style="display: none;">
                ## OBJECTIVE
Create an FAQ interface that reduces mental clutter through progressive disclosure while meeting WCAG expectations. Deliver a production-ready, accessible accordion pattern that can scale to dozens of Q&amp;As, optionally organized into categories, without depending on JavaScript for core expand/collapse behavior.

## PERSONA
You are an accessibility-first UI architect with a background in cognitive psychology. You design with strict respect for attention limits, stress reduction, and inclusive interaction—treating information architecture as a user-care practice. Your writing is practical, implementation-oriented, and calm.

## CONSTRAINTS
- Use semantic HTML that works even if JavaScript is unavailable.
- Accordion must be fully operable by keyboard using standard, predictable behaviors.
- Any visual “open/closed” cue must have an equivalent non-visual cue.
- Motion must honor `prefers-reduced-motion`.
- If categories are used, they must be implemented with `&lt;nav&gt;` and appropriate ARIA labeling.
- Maintain a low-overload experience: reveal only what’s needed, when it’s needed.
- Interactive colors must meet WCAG AA contrast.
- Touch targets must be at least 44×44 CSS pixels.
- Support screen reader clarity, including understandable state communication.
- Respect the chosen interaction model: single-open or multiple-open.

## PROCESS
1. **Pre-analysis (state your understanding first):**
   - Summarize what you received (volume, categories, interaction mode).
   - Call out any ambiguities or missing inputs and list assumptions you will use if not clarified.

2. **Content structuring:**
   - Review the Q&amp;As and propose a clean grouping strategy (by theme, user journey stage, or intent).
   - If the question count exceeds 10, propose and apply a categorization approach (and map each Q&amp;A to a category).

3. **Component architecture:**
   - Prefer `&lt;details&gt;&lt;summary&gt;` for native, no-JS disclosure where possible.
   - If you introduce ARIA enhancements, do so minimally and correctly (avoid redundant roles on native elements).

4. **Interaction model decision:**
   - Implement **multiple-open** by default with native behavior.
   - If **single-open** is requested, explain that enforcing “only one open at a time” typically requires JavaScript; provide:
     - A no-JS baseline that remains accessible, and
     - An optional progressive enhancement snippet (clearly marked) that adds single-open enforcement without breaking the baseline.

5. **Accessibility + calm UI layer:**
   - Apply a sensible heading outline (e.g., page section title + category headings + question headings).
   - Ensure strong focus visibility and logical tab order.
   - Provide clear open/closed indicators that don’t rely on color alone.
   - Add reduced-motion-safe transitions.
   - Ensure tap target sizing, spacing, and readable line lengths.

6. **Deliver code + guidance:**
   - Provide complete HTML with embedded CSS.
   - Add thorough comments that justify accessibility and cognitive-load choices.
   - Follow with a short implementation guide covering keyboard behavior and screen reader expectations.

### Edge case handling
- If **[FAQ_CONTENT]** is empty or not in a parsable format, ask for a sample of 3–5 Q&amp;As and show a working template using placeholders.
- If **[INTERACTION_MODE]** is missing, default to multiple-open and explain why.
- If **[CATEGORY_NAMES]** are provided but don’t match the number/shape of questions, propose a corrected set and show the mapping.
- If **[BRAND_VOICE]** conflicts with accessibility clarity (e.g., overly vague labels), prioritize clarity and note the adjustment.

### What This Is NOT
- Not a full design system or a complete site layout.
- Not a JavaScript-heavy widget; any scripting must be optional and progressive.
- Not a substitute for real assistive-technology testing; you will provide a test checklist, not certify compliance.

## INPUTS
- **FAQ questions and answers (raw text or structured list):** [FAQ_CONTENT]
- **Preferred interaction mode (single or multiple open):** [INTERACTION_MODE]
- **Category names (optional; used when many questions exist):** [CATEGORY_NAMES]
- **Platform/context notes (optional: framework, CMS, constraints):** [CONTEXT]
- **Tone/style preferences (optional):** [BRAND_VOICE]

## OUTPUT SPECIFICATION
Use clear markdown section headers and deliver, in this order:

1. **Understanding &amp; Assumptions**
   - {Summary Of Inputs}
   - {Detected Count And Grouping Notes}
   - {Assumptions And Clarifications Needed}

2. **Information Architecture Plan**
   - {Grouping Strategy}
   - {Category Map} (only if categories apply)

3. **HTML (Complete)**
   - Provide a single, complete HTML block containing:
     - A wrapping landmark for the FAQ section
     - Category navigation when applicable
     - Accordion items implemented primarily with `&lt;details&gt;&lt;summary&gt;`
   - Include code comments explaining decisions.

4. **CSS (Embedded)**
   - Include styles that cover:
     - Focus states
     - Contrast-safe color choices
     - Touch target sizing (44×44 minimum)
     - Open/closed indicator styling
     - `prefers-reduced-motion` handling
   - Include code comments explaining decisions.

5. **Optional Progressive Enhancement (Only if needed)**
   - {Enhancement Goal}
   - {Minimal JS Snippet} (only if enforcing single-open)
   - {How It Preserves Accessibility}

6. **Implementation Notes**
   - {Keyboard Interaction Guide}
   - {Screen Reader Expectations}
   - {Testing Checklist}

## QUALITY CHECKS
Before finalizing, verify and explicitly confirm:
- Headings form a logical outline and do not skip levels without reason.
- Accordion is usable with keyboard alone (Tab + Enter/Space), and focus is always visible.
- Non-visual users get equivalent state information (open/closed) without relying on icons alone.
- Motion effects are disabled or minimized under `prefers-reduced-motion`.
- All interactive elements meet 44×44 sizing and WCAG AA contrast targets.            </div>
        </div>


    </div>

    <!-- CTA Row - Full width buttons -->
    <div class="prompt-cta-row">
        <button class="prompt-cta-btn prompt-cta-copy flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
                <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
            </svg>
            <span class="cta-copy-text">Copy Full Prompt</span>
        </button>
    </div>
</div>

<style>
    /* Gated prompt states */
    .prompt-gated-wrapper {
        position: relative;
    }

    /* When unlocked - show full content, hide gated */
    body.flowpast-unlocked .prompt-gated-wrapper .prompt-gated-content {
        display: none;
    }

    body.flowpast-unlocked .prompt-gated-wrapper .prompt-content-full {
        display: block !important;
    }

    /* Show/hide elements based on unlock state */
    body.flowpast-unlocked .btn-when-unlocked {
        display: inline-flex !important;
    }

    .prompt-viewer-wrapper {
        scroll-margin-top: 250px;
    }

    /* ========================================
   PROMPT VIEWER - MAIN WRAPPER
   ======================================== */
    .prompt-viewer-wrapper {
        margin: 30px 0;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    /* ========================================
   PROMPT BOX CONTAINER
   ======================================== */
    .prompt-comparison-row {
        border-radius: 12px;
        overflow: hidden;
        border: 1px solid #e0e0e0;
        background: #fff;
    }

    /* ========================================
   HEADER WITH BUTTONS
   ======================================== */
    .prompt-row-header {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 14px 20px;
        color: #fff !important;
        background: #141414;
        border-bottom: 1px solid #e0e0e0;
        flex-wrap: wrap;
    }

    .prompt-row-icon {
        font-size: 20px;
    }

    .prompt-row-title {
        font-weight: 600;
        font-size: 22px;
        color: #fff !important;
        text-decoration: underline
    }

    .prompt-header-buttons {
        margin-left: auto;
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }

    /* Header buttons */
    .prompt-header-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 20px;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        text-decoration: none;
        border: none;
    }

    .prompt-header-copy {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-header-copy:hover {
        background: #2a2a2a;
    }

    .prompt-header-copy.copied {
        background: #2e7d32;
    }

    .prompt-header-copy-green {
        background: #04AA6D !important;
        color: #fff !important;
    }

    .prompt-header-copy-green:hover {
        background: #039860 !important;
    }

    .prompt-header-copy-green.copied {
        background: #2e7d32 !important;
    }

    .prompt-header-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
    }

    .prompt-header-access:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-1px);
    }

    /* ========================================
   PROMPT CONTENT - FULL (NO SCROLL)
   ======================================== */
    .prompt-box {
        background: #ffffff;
    }

    .prompt-content-full {
        padding: 24px;
        margin: 0;
        color: #202124;
        background: #ffffff;
        font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
        font-size: 13px;
        line-height: 1.7;
        white-space: pre-wrap;
        word-wrap: break-word;
        /* No scroll - show full content */
        max-height: none;
        overflow: visible;
    }

    /* Highlighted variable in prompt */
    .prompt-variable {
        background: #fff3cd;
        color: #1967d2;
        font-weight: 700;
        padding: 2px 4px;
        border-radius: 3px;
        border: 1px solid #ffc107;
    }

    .prompt-variable-filled {
        background: #d4edda;
        color: #155724;
        font-weight: 700;
        padding: 2px 4px;
        border-radius: 3px;
        border: 1px solid #28a745;
    }

    /* ========================================
   GATED CONTENT (NO ACCESS)
   ======================================== */
    .prompt-gated-content {
        padding: 24px;
        background: #ffffff;
        font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
        font-size: 13px;
        line-height: 1.8;
        max-height: none;
        overflow: visible;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        cursor: default;
    }

    /* ## headers - larger, black */
    .prompt-header-visible {
        color: #202124;
        font-weight: 600;
        margin: 5px 0 0px 0;
        font-size: 20px;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        text-decoration: underline;
        text-underline-offset: 4px;
    }

    /* ### headers - smaller, black */
    .prompt-header-visible.subheader {
        color: #202124;
        font-weight: 600;
        margin: 5px 0;
        font-size: 18px;
    }

    .prompt-header-visible:first-child {
        margin-top: 0;
    }

    /* ========================================
   LOCKED SECTION BLOCK
   ======================================== */
    .locked-section {
        position: relative;
        margin: 4px 0 8px 0;
        border-radius: 6px;
        overflow: hidden;
        background: linear-gradient(110deg, #e2e8f0 8%, #f1f5f9 18%, #e2e8f0 33%);
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

    .locked-section-bg {
        position: relative;
    }

    .locked-section-lines {
        padding: 8px 12px;
        position: relative;
    }

    .locked-line {
        height: 6px;
        background: rgba(255, 255, 255, 0.6);
        border-radius: 3px;
        margin-bottom: 4px;
        margin-left: 12px;
    }

    .locked-line:last-child {
        margin-bottom: 0;
    }

    .locked-section-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 10;
        font-size: 24px;
        filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1));
    }

    /* Subheader locked sections - slightly indented */
    /*  .prompt-header-visible.subheader+.locked-section {
        margin-left: 16px;
    } */

    /* ========================================
   COMPATIBILITY BADGES
   ======================================== */
    .prompt-compatibility {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        padding: 12px 20px;
        background: #f8f9fa;
        border-top: 1px solid #e0e0e0;
    }

    .compat-label {
        font-size: 13px;
        color: #5f6368;
        font-weight: 500;
    }

    .compat-badge {
        padding: 4px 10px;
        background: #e8f0fe;
        color: #1967d2;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 500;
    }

    /* ========================================
   CTA ROW - FULL WIDTH BUTTONS
   ======================================== */
    .prompt-cta-row {
        display: flex;
        gap: 16px;
        flex-wrap: wrap;
    }

    .prompt-cta-btn {
        flex: 1;
        min-width: 200px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 16px 24px;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        text-decoration: none;
        border: none;
    }

    .prompt-cta-copy {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-cta-copy:hover {
        background: #2a2a2a;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    .prompt-cta-copy.copied {
        background: #2e7d32;
    }

    .prompt-cta-reset {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-cta-reset:hover {
        background: #2a2a2a;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    .prompt-cta-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
    }

    .prompt-cta-access:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(5, 152, 98, 0.3);
    }

    /* ========================================
    CUSTOMIZE YOUR PROMPT SECTION
    ======================================== */
    .prompt-customize-section {
        padding: 24px;
        border-bottom: 1px solid #e0e0e0;
        background: #fafbfc;
    }

    .customize-title {
        margin: 0 0 8px 0;
        font-size: 18px;
        font-weight: 700;
        color: #202124;
    }

    .customize-subtitle {
        margin: 0 0 20px 0;
        font-size: 14px;
        color: #5f6368;
    }

    .customize-table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 20px;
    }

    .customize-table th {
        text-align: left;
        padding: 12px;
        background: #f1f3f4;
        border: 1px solid #e0e0e0;
        font-size: 13px;
        font-weight: 600;
        color: #202124;
    }

    .customize-table td {
        padding: 12px;
        border: 1px solid #e0e0e0;
        vertical-align: top;
    }

    .customize-table .var-name {
        width: 25%;
        background: #f8f9fa;
    }

    .customize-table .var-name code {
        background: #fff3cd;
        color: #1967d2;
        border: 1px solid #ffc107;
        padding: 4px 8px;
        border-radius: 4px;
        font-size: 12px;
        word-break: break-all;
        font-weight: 600;
    }

    .customize-table .var-desc {
        width: 35%;
        font-size: 13px;
        color: #5f6368;
        line-height: 1.5;
    }

    .customize-table .var-example {
        margin-top: 8px;
        padding: 8px 10px;
        background: #f8f9fa;
        border-left: 3px solid #dadce0;
        font-size: 12px;
        color: #5f6368;
        font-style: italic;
        border-radius: 0 4px 4px 0;
    }

    .customize-table .var-input {
        width: 40%;
    }

    .customize-input {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #dadce0;
        border-radius: 6px;
        font-size: 13px;
        font-family: inherit;
        resize: vertical;
        transition: border-color 0.2s, box-shadow 0.2s;
    }

    .customize-input:focus {
        outline: none;
        border-color: rgb(5, 152, 98);
        box-shadow: 0 0 0 3px rgba(5, 152, 98, 0.1);
    }

    .customize-input::placeholder {
        color: #9aa0a6;
        font-style: italic;
    }

    .copy-customized-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        width: 100%;
        padding: 16px 24px;
        background: rgb(5, 152, 98);
        color: #fff;
        border: none;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
    }

    .copy-customized-btn:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(5, 152, 98, 0.3);
    }

    .copy-customized-btn.copied {
        background: #2e7d32;
    }

    /* ========================================
    FULL PROMPT CODE HEADER
    ======================================== */
    .prompt-code-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 20px;
        color: #fff !important;
        background: #141414;
        border-bottom: 1px solid #e0e0e0;
    }

    .prompt-code-title {
        font-size: 22px;
        font-weight: 600;
        text-decoration: underline;

    }

    .prompt-code-buttons {
        display: flex;
        gap: 8px;
    }

    .prompt-code-buttons .prompt-header-btn {
        padding: 8px 14px;
        font-size: 13px;
        background: #ffffff;
        color: #202124;
        border: 1px solid #dadce0;
    }

    .prompt-code-buttons .prompt-header-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
        border-color: rgb(5, 152, 98);
    }

    .prompt-code-buttons .prompt-header-btn.prompt-header-access:hover {
        background: rgb(4, 130, 83) !important;
        border-color: rgb(4, 130, 83);
        color: #fff !important;
    }

    .prompt-code-buttons .prompt-header-btn:hover {
        background: #f1f3f4;
    }

    .prompt-code-buttons .prompt-header-copy.copied {
        background: #d4edda;
        color: #155724;
        border-color: #28a745;
    }

    .prompt-header-reset {
        background: #ffffff;
        color: #202124;
    }

    /* ========================================
   RESPONSIVE
   ======================================== */
    @media (max-width: 768px) {
        .prompt-row-header {
            flex-direction: column;
            align-items: flex-start;
            gap: 12px;
        }

        .prompt-header-buttons {
            margin-left: 0;
            width: 100%;
        }

        .prompt-header-btn {
            flex: 1;
            justify-content: center;
        }

        .prompt-cta-row {
            flex-direction: column;
        }

        .prompt-cta-btn {
            width: 100%;
        }

        /* Customize table responsive */
        .customize-table,
        .customize-table thead,
        .customize-table tbody,
        .customize-table tr,
        .customize-table th,
        .customize-table td {
            display: block;
        }

        .customize-table thead {
            display: none;
        }

        .customize-table tr {
            margin-bottom: 16px;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            overflow: hidden;
        }

        .customize-table td {
            width: 100% !important;
            border: none;
            border-bottom: 1px solid #e0e0e0;
        }

        .customize-table td:last-child {
            border-bottom: none;
        }

        .customize-table .var-name {
            background: #f1f3f4;
            font-weight: 600;
        }

        .prompt-code-header {
            flex-direction: column;
            gap: 12px;
            align-items: flex-start;
        }

        .prompt-code-buttons {
            width: 100%;
        }

        .prompt-code-buttons .prompt-header-btn {
            flex: 1;
            justify-content: center;
        }
    }
</style>

<script>
    function handlePromptCopy() {
        // Check if unlocked via cookie
        if (typeof window.flowpastIsUnlocked === 'function' && !window.flowpastIsUnlocked()) {
            // Show email popup
            if (typeof window.flowpastShowEmailPopup === 'function') {
                window.flowpastShowEmailPopup('prompt');
            }
            return;
        }

        // Copy the customized prompt (with filled variables)
        const customizedPrompt = getCustomizedPrompt();
        const copyButtons = document.querySelectorAll('.prompt-header-copy, .prompt-header-copy-green, .prompt-cta-copy, .copy-customized-btn');

        navigator.clipboard.writeText(customizedPrompt).then(() => {
            copyButtons.forEach(btn => {
                btn.classList.add('copied');
                const textSpan = btn.querySelector('span');
                if (textSpan) textSpan.textContent = 'Copied!';
            });

            setTimeout(() => {
                copyButtons.forEach(btn => {
                    btn.classList.remove('copied');
                    const textSpan = btn.querySelector('span');
                    if (textSpan) textSpan.textContent = 'Copy Full Prompt';
                });
            }, 2000);
        }).catch(err => {
            console.error('Failed to copy:', err);
        });
    }

    // Store original prompt for customization
    const originalPrompt = "## OBJECTIVE\r\nCreate an FAQ interface that reduces mental clutter through progressive disclosure while meeting WCAG expectations. Deliver a production-ready, accessible accordion pattern that can scale to dozens of Q&As, optionally organized into categories, without depending on JavaScript for core expand\/collapse behavior.\r\n\r\n## PERSONA\r\nYou are an accessibility-first UI architect with a background in cognitive psychology. You design with strict respect for attention limits, stress reduction, and inclusive interaction\u2014treating information architecture as a user-care practice. Your writing is practical, implementation-oriented, and calm.\r\n\r\n## CONSTRAINTS\r\n- Use semantic HTML that works even if JavaScript is unavailable.\r\n- Accordion must be fully operable by keyboard using standard, predictable behaviors.\r\n- Any visual \u201copen\/closed\u201d cue must have an equivalent non-visual cue.\r\n- Motion must honor `prefers-reduced-motion`.\r\n- If categories are used, they must be implemented with `<nav>` and appropriate ARIA labeling.\r\n- Maintain a low-overload experience: reveal only what\u2019s needed, when it\u2019s needed.\r\n- Interactive colors must meet WCAG AA contrast.\r\n- Touch targets must be at least 44\u00d744 CSS pixels.\r\n- Support screen reader clarity, including understandable state communication.\r\n- Respect the chosen interaction model: single-open or multiple-open.\r\n\r\n## PROCESS\r\n1. **Pre-analysis (state your understanding first):**\r\n   - Summarize what you received (volume, categories, interaction mode).\r\n   - Call out any ambiguities or missing inputs and list assumptions you will use if not clarified.\r\n\r\n2. **Content structuring:**\r\n   - Review the Q&As and propose a clean grouping strategy (by theme, user journey stage, or intent).\r\n   - If the question count exceeds 10, propose and apply a categorization approach (and map each Q&A to a category).\r\n\r\n3. **Component architecture:**\r\n   - Prefer `<details><summary>` for native, no-JS disclosure where possible.\r\n   - If you introduce ARIA enhancements, do so minimally and correctly (avoid redundant roles on native elements).\r\n\r\n4. **Interaction model decision:**\r\n   - Implement **multiple-open** by default with native behavior.\r\n   - If **single-open** is requested, explain that enforcing \u201conly one open at a time\u201d typically requires JavaScript; provide:\r\n     - A no-JS baseline that remains accessible, and\r\n     - An optional progressive enhancement snippet (clearly marked) that adds single-open enforcement without breaking the baseline.\r\n\r\n5. **Accessibility + calm UI layer:**\r\n   - Apply a sensible heading outline (e.g., page section title + category headings + question headings).\r\n   - Ensure strong focus visibility and logical tab order.\r\n   - Provide clear open\/closed indicators that don\u2019t rely on color alone.\r\n   - Add reduced-motion-safe transitions.\r\n   - Ensure tap target sizing, spacing, and readable line lengths.\r\n\r\n6. **Deliver code + guidance:**\r\n   - Provide complete HTML with embedded CSS.\r\n   - Add thorough comments that justify accessibility and cognitive-load choices.\r\n   - Follow with a short implementation guide covering keyboard behavior and screen reader expectations.\r\n\r\n### Edge case handling\r\n- If **[FAQ_CONTENT]** is empty or not in a parsable format, ask for a sample of 3\u20135 Q&As and show a working template using placeholders.\r\n- If **[INTERACTION_MODE]** is missing, default to multiple-open and explain why.\r\n- If **[CATEGORY_NAMES]** are provided but don\u2019t match the number\/shape of questions, propose a corrected set and show the mapping.\r\n- If **[BRAND_VOICE]** conflicts with accessibility clarity (e.g., overly vague labels), prioritize clarity and note the adjustment.\r\n\r\n### What This Is NOT\r\n- Not a full design system or a complete site layout.\r\n- Not a JavaScript-heavy widget; any scripting must be optional and progressive.\r\n- Not a substitute for real assistive-technology testing; you will provide a test checklist, not certify compliance.\r\n\r\n## INPUTS\r\n- **FAQ questions and answers (raw text or structured list):** [FAQ_CONTENT]\r\n- **Preferred interaction mode (single or multiple open):** [INTERACTION_MODE]\r\n- **Category names (optional; used when many questions exist):** [CATEGORY_NAMES]\r\n- **Platform\/context notes (optional: framework, CMS, constraints):** [CONTEXT]\r\n- **Tone\/style preferences (optional):** [BRAND_VOICE]\r\n\r\n## OUTPUT SPECIFICATION\r\nUse clear markdown section headers and deliver, in this order:\r\n\r\n1. **Understanding & Assumptions**\r\n   - {Summary Of Inputs}\r\n   - {Detected Count And Grouping Notes}\r\n   - {Assumptions And Clarifications Needed}\r\n\r\n2. **Information Architecture Plan**\r\n   - {Grouping Strategy}\r\n   - {Category Map} (only if categories apply)\r\n\r\n3. **HTML (Complete)**\r\n   - Provide a single, complete HTML block containing:\r\n     - A wrapping landmark for the FAQ section\r\n     - Category navigation when applicable\r\n     - Accordion items implemented primarily with `<details><summary>`\r\n   - Include code comments explaining decisions.\r\n\r\n4. **CSS (Embedded)**\r\n   - Include styles that cover:\r\n     - Focus states\r\n     - Contrast-safe color choices\r\n     - Touch target sizing (44\u00d744 minimum)\r\n     - Open\/closed indicator styling\r\n     - `prefers-reduced-motion` handling\r\n   - Include code comments explaining decisions.\r\n\r\n5. **Optional Progressive Enhancement (Only if needed)**\r\n   - {Enhancement Goal}\r\n   - {Minimal JS Snippet} (only if enforcing single-open)\r\n   - {How It Preserves Accessibility}\r\n\r\n6. **Implementation Notes**\r\n   - {Keyboard Interaction Guide}\r\n   - {Screen Reader Expectations}\r\n   - {Testing Checklist}\r\n\r\n## QUALITY CHECKS\r\nBefore finalizing, verify and explicitly confirm:\r\n- Headings form a logical outline and do not skip levels without reason.\r\n- Accordion is usable with keyboard alone (Tab + Enter\/Space), and focus is always visible.\r\n- Non-visual users get equivalent state information (open\/closed) without relying on icons alone.\r\n- Motion effects are disabled or minimized under `prefers-reduced-motion`.\r\n- All interactive elements meet 44\u00d744 sizing and WCAG AA contrast targets.";
    const variables = ["[FAQ_CONTENT]","[INTERACTION_MODE]","[CATEGORY_NAMES]","[BRAND_VOICE]","[CONTEXT]"];
    // Initial render with highlighted variables
    document.addEventListener('DOMContentLoaded', function() {
        renderPromptWithHighlights();
    });

    // Live update prompt as user types
    document.querySelectorAll('.customize-input').forEach(input => {
        input.addEventListener('input', renderPromptWithHighlights);
    });

    function renderPromptWithHighlights() {
        const promptContent = document.getElementById('premium-prompt-content');
        if (!promptContent) return;

        let updatedPrompt = originalPrompt;
        let filledVariables = {};

        // Collect filled values
        document.querySelectorAll('.customize-input').forEach(input => {
            const placeholder = input.dataset.placeholder;
            const value = input.value.trim();

            if (value) {
                filledVariables[placeholder] = value;
            }
        });

        // Replace filled variables and highlight remaining
        let htmlContent = escapeHtml(updatedPrompt);

        variables.forEach(placeholder => {
            const escapedPlaceholder = escapeHtml(placeholder);
            const regex = new RegExp(escapeRegex(escapedPlaceholder), 'g');

            if (filledVariables[placeholder]) {
                // Show filled value with green highlight
                htmlContent = htmlContent.replace(regex,
                    '<span class="prompt-variable-filled">' + escapeHtml(filledVariables[placeholder]) + '</span>'
                );
            } else {
                // Show original placeholder with yellow highlight
                htmlContent = htmlContent.replace(regex,
                    '<span class="prompt-variable">' + escapedPlaceholder + '</span>'
                );
            }
        });

        promptContent.innerHTML = htmlContent;
    }

    function escapeRegex(string) {
        return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
    }

    function escapeHtml(text) {
        const div = document.createElement('div');
        div.textContent = text;
        return div.innerHTML;
    }

    function resetPrompt() {
        // Clear all input fields
        document.querySelectorAll('.customize-input').forEach(input => {
            input.value = '';
        });

        // Re-render with original placeholders highlighted
        renderPromptWithHighlights();

        // Visual feedback
        const resetBtns = document.querySelectorAll('.prompt-header-reset, .prompt-cta-reset');
        resetBtns.forEach(btn => {
            const originalText = btn.querySelector('span').textContent;
            btn.querySelector('span').textContent = 'Reset!';
            setTimeout(() => {
                btn.querySelector('span').textContent = originalText;
            }, 1000);
        });
    }


    function getCustomizedPrompt() {
        let updatedPrompt = originalPrompt;

        document.querySelectorAll('.customize-input').forEach(input => {
            const placeholder = input.dataset.placeholder;
            const value = input.value.trim();

            if (value) {
                const regex = new RegExp(escapeRegex(placeholder), 'g');
                updatedPrompt = updatedPrompt.replace(regex, value);
            }
        });

        return updatedPrompt;
    }
</script>

</div>

<div class="pro-tips-section">

<h2 class="wp-block-heading">Pro Tips for Better AI Prompt Results</h2>



<ul class="wp-block-list">

<li><strong>Decide your interaction model upfront.</strong> Tell the model “single-open” if you want one answer visible at a time (great for short, high-volume FAQs). Prefer “multiple-open” when users often compare answers. Follow-up prompt: “Use a single-open model, and explain how state is communicated to screen readers.”</li>


<li><strong>Give it real content, not placeholders.</strong> Even 8–12 actual questions changes the grouping and labeling suggestions dramatically. If you’re not ready, paste your top ticket drivers from support and say: “These are copied from real conversations; keep the language plain and reassuring.”</li>


<li><strong>Ask for the “no-JS baseline” first.</strong> The prompt is designed to avoid JavaScript for core behavior, so lean into that. Then iterate with: “Now add optional progressive enhancement with JavaScript, but keep the same semantic HTML as the source of truth.”</li>


<li><strong>Force concrete accessibility acceptance criteria.</strong> After the first output, ask: “List 10 test steps a QA person can run using only a keyboard and a screen reader, and include expected results.” You’ll get checks like focus visibility, summary toggle predictability, and state announcements that are easy to verify.</li>


<li><strong>Combine it with your support voice and escalation rules.</strong> If your FAQ must match how agents write, pair this with a support-writing prompt and keep tone consistent. A useful follow-up: “Rewrite each answer to be under 70 words, include one next step, and avoid blamey language.” For response style, you can also reference your existing support patterns from a playbook.</li>

</ul>

</div>

<div class="related-prompts-section">

<h2 class="wp-block-heading">Related Prompts</h2>



<p>Once your FAQ accordion is accessible and calm, these prompts help you fill it with better answers and keep support consistent.</p>



<p>If you also need polished, on-brand answers for each FAQ entry, <a href="https://flowpast.com/prompts/write-customer-support-replies-with-this-ai-prompt/">Write Customer Support Replies with this AI Prompt</a> is a strong companion. Use it when your current FAQ content sounds like internal notes, or when you want short responses that still defuse frustration and set expectations clearly.</p>



<p>For teams doing live chat, phone, or onboarding calls, <a href="https://flowpast.com/prompts/create-customer-support-talk-tracks-with-this-ai-prompt/">Create Customer Support Talk Tracks with this AI Prompt</a> helps you standardize how people explain the same policies your FAQ covers. It’s especially helpful when your accordion answers need to align with what agents say in the moment.</p>



<p>When your FAQ is just one piece of a larger service experience, <a href="https://flowpast.com/prompts/build-a-customer-support-playbook-with-this-ai-prompt/">Build a Customer Support Playbook with this AI Prompt</a> gives you the rules, tone, and escalation paths that keep everything consistent. That consistency matters, honestly, because an accessible FAQ still fails if it contradicts your support team’s real process.</p>


<br>


<p>Quick reference:</p>



<ul class="wp-block-list">

<li><a href="https://flowpast.com/prompts/write-customer-support-replies-with-this-ai-prompt/">Write Customer Support Replies with this AI Prompt</a>: Turn FAQs into clear, friendly answers.</li>


<li><a href="https://flowpast.com/prompts/create-customer-support-talk-tracks-with-this-ai-prompt/">Create Customer Support Talk Tracks with this AI Prompt</a>: Consistent scripts for calls and chat.</li>


<li><a href="https://flowpast.com/prompts/build-a-customer-support-playbook-with-this-ai-prompt/">Build a Customer Support Playbook with this AI Prompt</a>: Policies, tone, and escalation rules.</li>


<li><a href="https://flowpast.com/prompts/create-a-customer-support-playbook-with-this-ai-prompt/">Create a Customer Support Playbook with this AI Prompt</a>: A structured playbook you can refine.</li>


<li><a href="https://flowpast.com/prompts/write-customer-support-replies-with-this-ai-prompt/">Write Customer Support Replies with this AI Prompt</a>: Improve consistency across repeated questions.</li>

</ul>

</div>

<div class="faq-section">

<h2 class="wp-block-heading">Common Questions</h2>


<div class="faq-item">
<span class="question">Which roles benefit most from this accessible FAQ accordion AI prompt?</span>

<p class="answer"><strong>Front-end Developers</strong> use this to ship an accordion that works without JavaScript and still behaves predictably for keyboard users. <strong>UX/UI Designers</strong> rely on it to reduce cognitive load through progressive disclosure, while keeping interaction cues available for both visual and non-visual users. <strong>Accessibility Specialists</strong> apply it to get a solid semantic baseline, including focus states, reduced-motion handling, and screen reader clarity. <strong>Support Operations Managers</strong> benefit when they need a scalable FAQ structure that deflects repetitive tickets without creating new usability barriers.</p>

</div>

<div class="faq-item">
<span class="question">Which industries get the most value from this accessible FAQ accordion AI prompt?</span>

<p class="answer"><strong>SaaS companies</strong> use it for onboarding and billing FAQs where users are stressed and scanning for one precise answer; an accessible accordion keeps the page from becoming a scrolling manual. <strong>E-commerce brands</strong> apply it to shipping, returns, and sizing questions, where clear states and big touch targets matter on mobile. <strong>Financial services and insurance</strong> teams benefit because compliance-heavy FAQs can be long, and progressive disclosure helps users navigate without getting overwhelmed. <strong>Healthcare and telehealth providers</strong> use it for patient instructions and privacy questions where accessibility and calm interaction patterns are non-negotiable.</p>

</div>

<div class="faq-item">
<span class="question">Why do basic AI prompts for building an accessible FAQ accordion produce weak results?</span>

<p class="answer">A typical prompt like “<em>Write me an FAQ accordion in HTML/CSS</em>” fails because it: lacks a no-JavaScript semantic baseline (so the core interaction breaks or becomes fragile), provides no keyboard behavior expectations beyond “click,” ignores screen reader state communication, produces stylish motion without honoring <code>prefers-reduced-motion</code>, and misses practical constraints like 44×44 touch targets and WCAG AA contrast for interactive colors. It also rarely includes QA notes, so teams ship something that “works on my machine” but collapses in real assistive-tech testing.</p>

</div>

<div class="faq-item">
<span class="question">Can I customize this accessible FAQ accordion prompt for my specific situation?</span>

<p class="answer">Yes. You can customize it by supplying your actual Q&amp;As (and any categories you already use), plus your preferred interaction model (single-open or multiple-open) and any brand constraints like color tokens or spacing rules. If you expect more than 10 questions, explicitly ask it to propose categories and map each Q&amp;A into a labeled <code>&lt;nav&gt;</code> structure. A helpful follow-up is: “Use my design tokens, keep contrast at WCAG AA, and output a QA checklist for keyboard-only and screen reader testing.”</p>

</div>

<div class="faq-item">
<span class="question">What are the most common mistakes when using this accessible FAQ accordion prompt?</span>

<p class="answer">The biggest mistake is not specifying the interaction model — instead of “Make an accordion,” say “Use a single-open model so opening one answer closes the previous one.” Another common error is forgetting to provide question volume and category intent; “We have some FAQs” leads to generic grouping, while “We have 26 Q&amp;As across Billing, Security, and Onboarding” produces a usable structure. People also paste brand colors without asking for contrast checks; “Use #8AC7FF for links” can fail, so ask for WCAG AA-compliant alternatives. Finally, teams skip real QA constraints; “Looks good” is not enough, but “Include keyboard-only steps and expected screen reader announcements” produces testable output.</p>

</div>

<div class="faq-item">
<span class="question">Who should NOT use this accessible FAQ accordion prompt?</span>

<p class="answer">This prompt isn’t ideal for one-off landing pages where you just need a quick visual mock and won’t implement semantic behavior. It’s also not the best fit if your team is forced to use a rigid third-party accordion widget you cannot change, because the value is in controlling markup, interaction, and QA. If you only need copy (not interface patterns), start with a support reply or playbook prompt and leave the component to your existing UI library.</p>

</div>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Which roles benefit most from this accessible FAQ accordion AI prompt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Front-end Developers use this to ship an accordion that works without JavaScript and still behaves predictably for keyboard users. UX/UI Designers rely on it to reduce cognitive load through progressive disclosure, while keeping interaction cues available for both visual and non-visual users. Accessibility Specialists apply it to get a solid semantic baseline, including focus states, reduced-motion handling, and screen reader clarity. Support Operations Managers benefit when they need a scalable FAQ structure that deflects repetitive tickets without creating new usability barriers."
      }
    },
    {
      "@type": "Question",
      "name": "Which industries get the most value from this accessible FAQ accordion AI prompt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "SaaS companies use it for onboarding and billing FAQs where users are stressed and scanning for one precise answer; an accessible accordion keeps the page from becoming a scrolling manual. E-commerce brands apply it to shipping, returns, and sizing questions, where clear states and big touch targets matter on mobile. Financial services and insurance teams benefit because compliance-heavy FAQs can be long, and progressive disclosure helps users navigate without getting overwhelmed. Healthcare and telehealth providers use it for patient instructions and privacy questions where accessibility and calm interaction patterns are non-negotiable."
      }
    },
    {
      "@type": "Question",
      "name": "Why do basic AI prompts for building an accessible FAQ accordion produce weak results?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "A typical prompt like “Write me an FAQ accordion in HTML/CSS” fails because it: lacks a no-JavaScript semantic baseline (so the core interaction breaks or becomes fragile), provides no keyboard behavior expectations beyond “click,” ignores screen reader state communication, produces stylish motion without honoring prefers-reduced-motion, and misses practical constraints like 44×44 touch targets and WCAG AA contrast for interactive colors. It also rarely includes QA notes, so teams ship something that “works on my machine” but collapses in real assistive-tech testing."
      }
    },
    {
      "@type": "Question",
      "name": "Can I customize this accessible FAQ accordion prompt for my specific situation?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Yes. You can customize it by supplying your actual Q&As (and any categories you already use), plus your preferred interaction model (single-open or multiple-open) and any brand constraints like color tokens or spacing rules. If you expect more than 10 questions, explicitly ask it to propose categories and map each Q&A into a labeled nav structure. A helpful follow-up is: “Use my design tokens, keep contrast at WCAG AA, and output a QA checklist for keyboard-only and screen reader testing.”"
      }
    },
    {
      "@type": "Question",
      "name": "What are the most common mistakes when using this accessible FAQ accordion prompt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "The biggest mistake is not specifying the interaction model — instead of “Make an accordion,” say “Use a single-open model so opening one answer closes the previous one.” Another common error is forgetting to provide question volume and category intent; “We have some FAQs” leads to generic grouping, while “We have 26 Q&As across Billing, Security, and Onboarding” produces a usable structure. People also paste brand colors without asking for contrast checks; “Use #8AC7FF for links” can fail, so ask for WCAG AA-compliant alternatives. Finally, teams skip real QA constraints; “Looks good” is not enough, but “Include keyboard-only steps and expected screen reader announcements” produces testable output."
      }
    },
    {
      "@type": "Question",
      "name": "Who should NOT use this accessible FAQ accordion prompt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "This prompt isn’t ideal for one-off landing pages where you just need a quick visual mock and won’t implement semantic behavior. It’s also not the best fit if your team is forced to use a rigid third-party accordion widget you cannot change, because the value is in controlling markup, interaction, and QA. If you only need copy (not interface patterns), start with a support reply or playbook prompt and leave the component to your existing UI library."
      }
    }
  ]
}
</script>
</div>

<div class="closing-section">

<p>Accessible disclosure isn’t a “nice-to-have.” It’s how your FAQ stays usable as it grows. Paste the prompt into your model, run the output through your QA steps, and ship an accordion that feels calm instead of chaotic.</p>

</div>]]></content:encoded>
					
		
		
		<media:content url="https://flowpast.s3.eu-north-1.amazonaws.com/featured_blog_images/5001434.webp" medium="image"></media:content>
            	</item>
		<item>
		<title>Reduce Checkout Drop-Off Shipping Clarity AI Prompt</title>
		<link>https://flowpast.com/prompts/reduce-checkout-drop-off-shipping-clarity-ai-prompt/</link>
		
		<dc:creator><![CDATA[Lisa Granqvist]]></dc:creator>
		<pubDate>Fri, 23 Jan 2026 02:41:49 +0000</pubDate>
				<category><![CDATA[Prompts]]></category>
		<guid isPermaLink="false">https://flowpast.com/?p=5002879</guid>

					<description><![CDATA[Checkout drop-offs spike when delivery feels unclear - a ready-to-use AI Prompt that builds staged shipping copy, matrices, FAQs, and tests. Access our full AI prompt library for every model.]]></description>
										<content:encoded><![CDATA[<!-- FOCUS_KEYWORD: shipping clarity AI prompt -->
<div class="hook-introduction">

<p>Your checkout might be doing everything right, then losing the sale at the last moment. Not because of price. Because shipping feels vague. When delivery timing, costs, and “what happens next” aren’t crystal clear, shoppers hit the back button and tell themselves they’ll “decide later.”</p>



<p>This <strong>shipping clarity AI prompt</strong> is built for <strong>ecommerce managers</strong> cleaning up a messy shipping policy that customers don’t read, <strong>CRO specialists</strong> diagnosing checkout drop-off tied to delivery uncertainty, and <strong>brand operators</strong> who keep getting “When will it arrive?” tickets after every promotion. The output is a complete shipping communication package: staged checkout copy, a shipping matrix, targeted FAQs, and test ideas you can deploy without turning your site into a wall of text.</p>

</div>

<div class="what-and-when-section">

<h2 class="wp-block-heading">What Does This AI Prompt Do and When to Use It?</h2>



<table class="solution-results-table three-column" role="presentation" aria-label="What this prompt does, when to use it, and what you get">
 <thead>
    <tr>
      <th scope="col">What This Prompt Does</th>
      <th scope="col">When to Use This Prompt</th>
      <th scope="col">What You&#8217;ll Get</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <ul class="automation-list">
          <li>It restates your current delivery promise and identifies the specific “unknowns” that trigger hesitation (timing, costs, tracking, exceptions, or regions).</li>
          <li>It converts raw shipping inputs into scan-friendly checkout and PDP microcopy that uses progressive disclosure instead of long policy blocks.</li>
          <li>It drafts a structured shipping matrix (by region, method, timeframe, and carrier) so customers can self-serve quickly.</li>
          <li>It creates an FAQ set aimed at uncertainty reducers, including edge cases like P.O. boxes, split shipments, and processing time if those apply.</li>
          <li>It proposes practical A/B test ideas for shipping clarity, focusing on placement, wording, and expectation-setting rather than “clever” persuasion.</li>
       </ul>
      </td>
      <td>
        <ul class="results-list">
          <li>You see high drop-off on the shipping step or payment step, and session replays show shoppers hunting for delivery info.</li>
          <li>Your support inbox is full of pre-purchase questions about arrival dates, carriers, or international duties.</li>
          <li>You’re launching a sale, a new shipping method, or a new region and need the promise to stay consistent everywhere.</li>
          <li>Reviews mention “shipping took longer than expected” even when you technically met the policy, which signals expectation mismatch.</li>
          <li>You’re scaling paid traffic and can’t afford friction; small trust leaks at checkout become expensive fast.</li>
        </ul>
      </td>
       <td>
         <ul class="deliverables-list">
           <li>A staged set of shipping copy for key touchpoints (PDP snippet, cart, checkout, and post-purchase) with 2–3 variants each.</li>
           <li>A shipping matrix table draft covering regions, methods, delivery timeframes, and carriers in a clean, scannable layout.</li>
           <li>12–20 ready-to-publish shipping FAQs written in plain language, including “what happens after I order” and “how tracking works.”</li>
           <li>A short “unknowns and risk flags” list you can use to align marketing claims with real operations.</li>
           <li>6–10 test hypotheses with success metrics (for example: reduce shipping-step exits, reduce support tickets, increase conversion).</li>
         </ul>
       </td>
    </tr>
  </tbody>
</table>

</div>

<div class="prompt-display-section">

<h2 class="wp-block-heading">The Full AI Prompt: Checkout Shipping Clarity Package Builder</h2>



<div class="prompt-viewer-wrapper" id="prompt-section">
    <div class="prompt-comparison-row prompt-premium">
        <!-- Header with buttons -->
        <div class="prompt-row-header">
            <!-- <span class="prompt-row-icon">✨</span> -->
            <span class="prompt-row-title">
                                    Step 1: Customize the prompt with your input
                            </span>
            <div class="prompt-header-buttons">
                                    <button class="prompt-header-btn prompt-header-reset" onclick="resetPrompt()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
                            <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
                        </svg>
                        <span>Reset</span>
                    </button>
                                <button class="prompt-header-btn prompt-header-copy-green flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                        <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                        <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                    </svg>
                    <span>Customize and Copy Full Prompt</span>
                </button>
            </div>
        </div>

        <!-- Customize the Prompt Section -->
                    <div class="prompt-customize-section">
                <span class="customize-title">Customize the Prompt</span>
                <p class="customize-subtitle">Fill in the fields below to personalize this prompt for your needs.</p>
                <table class="customize-table">
                    <thead>
                        <tr>
                            <th>Variable</th>
                            <th>What to Enter</th>
                            <th>Customise the prompt</th>
                        </tr>
                    </thead>
                    <tbody>
                                                    <tr>
                                <td class="var-name"><code>[TARGET_AUDIENCE]</code></td>
                                <td class="var-desc">
                                    Describe the specific segment of the workforce that the program is designed for, including demographics, roles, or other defining characteristics.                                    <div class="var-example">For example: "Mid-level managers in a hybrid tech company, ages 30-45, responsible for cross-functional team collaboration."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[TARGET_AUDIENCE]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[CONTEXT]</code></td>
                                <td class="var-desc">
                                    Provide an overview of the organization&#039;s history, current challenges, and any relevant cultural or operational details.                                    <div class="var-example">For example: "A 10-year-old SaaS company undergoing rapid growth, with a recent merger and increasing employee turnover."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[CONTEXT]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[INDUSTRY]</code></td>
                                <td class="var-desc">
                                    Specify the industry or domain the organization operates in to ensure activities are culturally relevant.                                    <div class="var-example">For example: "Enterprise software development for financial institutions."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[INDUSTRY]"
                                            placeholder="Enter your value here..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[COMPANY_NAME]</code></td>
                                <td class="var-desc">
                                    Enter the name of the organization for personalization purposes.                                    <div class="var-example">For example: "TechNova Inc."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[COMPANY_NAME]"
                                            placeholder="Enter your value here..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[CULTURE_MATURITY]</code></td>
                                <td class="var-desc">
                                    Describe the current level of cultural development within the organization (low, medium, or high) and explain why.                                    <div class="var-example">For example: "Medium maturity: the company has strong stated values but limited alignment with lived values among employees."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[CULTURE_MATURITY]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[TEAM_STRUCTURE]</code></td>
                                <td class="var-desc">
                                    Outline the organization&#039;s team structure, including function types, remote/hybrid/on-site setup, and cross-functional collaboration details.                                    <div class="var-example">For example: "Primarily remote teams with occasional in-person meetups, organized by functional areas such as engineering, sales, and marketing."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[TEAM_STRUCTURE]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[STATED_VALUES]</code></td>
                                <td class="var-desc">
                                    List the official values or principles the organization claims to uphold.                                    <div class="var-example">For example: "Innovation, transparency, and customer obsession."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[STATED_VALUES]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[LIVED_VALUES]</code></td>
                                <td class="var-desc">
                                    Describe the actual behaviors and practices observed within the organization that reflect its true values.                                    <div class="var-example">For example: "Team members prioritize speed over transparency, often skipping documentation to meet tight deadlines."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[LIVED_VALUES]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[INFORMAL_GROUPS]</code></td>
                                <td class="var-desc">
                                    Identify existing informal networks or social groups within the organization that influence belonging and collaboration.                                    <div class="var-example">For example: "Engineering team members who bond over shared hobbies like gaming, and a Slack channel for parents supporting each other."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[INFORMAL_GROUPS]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[CHALLENGE]</code></td>
                                <td class="var-desc">
                                    Specify the main obstacle or issue the program needs to address in building workplace belonging.                                    <div class="var-example">For example: "A lack of trust between leadership and employees due to inconsistent communication during a recent restructuring."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[CHALLENGE]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[LEADERSHIP_BUY_IN]</code></td>
                                <td class="var-desc">
                                    Describe the level of support or commitment from leadership toward cultural transformation initiatives.                                    <div class="var-example">For example: "Moderate buy-in: leadership supports belonging initiatives but prioritizes measurable ROI over long-term cultural change."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[LEADERSHIP_BUY_IN]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[ENGAGEMENT_BASELINE]</code></td>
                                <td class="var-desc">
                                    Provide current metrics or observations about employee engagement to establish a starting point for improvement.                                    <div class="var-example">For example: "Employee engagement surveys show 65% participation, with mixed feedback about team-building efforts."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[ENGAGEMENT_BASELINE]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[TRANSFORMATION_DEPTH]</code></td>
                                <td class="var-desc">
                                    Specify how significant the cultural shift should be, ranging from minor adjustments to deep systemic changes.                                    <div class="var-example">For example: "Deep transformation: shift from a task-oriented culture to one emphasizing shared purpose and community."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[TRANSFORMATION_DEPTH]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[TIMEFRAME]</code></td>
                                <td class="var-desc">
                                    State the expected duration for implementing the program, including any milestones or deadlines.                                    <div class="var-example">For example: "12 months with quarterly reviews to assess progress and refine activities."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[TIMEFRAME]"
                                            placeholder="Enter your value here..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[BUDGET]</code></td>
                                <td class="var-desc">
                                    Provide the financial resources allocated for the program, including constraints or flexibility.                                    <div class="var-example">For example: "$50,000 allocated for facilitation, tools, and employee participation incentives."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[BUDGET]"
                                            placeholder="Enter your value here..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[BRAND_VOICE]</code></td>
                                <td class="var-desc">
                                    Describe the tone and style the organization prefers for communication, ensuring alignment with its identity.                                    <div class="var-example">For example: "Friendly and approachable, emphasizing clarity and inclusivity over corporate jargon."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[BRAND_VOICE]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                            </tbody>
                </table>

                <button class="copy-customized-btn flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
                        <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                        <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                    </svg>
                    <span class="copy-customized-text">Customise the prompt now</span>
                </button>
            </div>
        
        <!-- Full Prompt Code Header -->
                    <div class="prompt-code-header">
                <span class="prompt-code-title">
                    Step 2: Copy the Prompt
                </span>
                <div class="prompt-code-buttons">
                    <!-- Reset: Only visible when unlocked -->
                    <button class="prompt-header-btn prompt-header-reset btn-when-unlocked" onclick="resetPrompt()" style="display: none;">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
                            <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
                        </svg>
                        <span>Reset</span>
                    </button>
                    <!-- Copy Full Prompt -->
                    <button class="prompt-header-btn prompt-header-copy flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                            <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                        </svg>
                        <span>Copy Full Prompt</span>
                    </button>
                </div>
            </div>
        

        <!-- Prompt Content -->
        <div class="prompt-box prompt-gated-wrapper">
            <!-- Gated: Blurred content -->
            <div class="prompt-gated-content">
                <div class="prompt-header-visible">OBJECTIVE</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">PERSONA</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">CONSTRAINTS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">What This Is NOT (Scope Boundaries)</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">PROCESS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">INPUTS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">OUTPUT SPECIFICATION</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">1) Phase Plan Overview</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">2) Phase-by-Phase Design (repeat for each phase)</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">3) Inter-Phase Gates</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">4) Measurement Dashboard (non-survey-heavy)</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">5) Implementation Waves (time-based rollout)</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">QUALITY CHECKS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div>            </div>
            <!-- Unlocked: Full content (hidden by default) -->
            <div class="prompt-content-full" id="premium-prompt-content" style="display: none;">
                ## OBJECTIVE
Create a multi-phase, interactive program that turns a workplace from “coworkers who coordinate” into a true community with strong belonging and shared purpose. The program must use Social Identity Theory to design community-building activities that feel voluntary, culturally natural, and measurable—then improve them through iteration.

## PERSONA
You are a **Workplace Belonging Designer**: a seasoned organizational culture specialist with a background in corporate anthropology and fieldwork inside high-growth tech companies, followed by years studying intentional communities across multiple regions. Your style is clear, pragmatic, observant, and human—less corporate jargon, more behavioral insight.

## CONSTRAINTS
- Build a **dynamic sequence of 5–12 phases** based on the organization’s reality (not a fixed template).
- Activities must feel **opt-in, organic, and socially rewarding**, not like mandated team-building.
- Always distinguish **lived values** (what people actually do) from **poster values** (what leadership claims).
- Include **measurement of emotional connection**, not only engagement or participation.
- Keep the interaction gated: end key phases with a prompt like **“Type ‘continue’ to proceed.”**
- If information is missing, ask targeted questions before designing specifics.

### What This Is NOT (Scope Boundaries)
- Not a legal/HR compliance plan, investigations process, or disciplinary framework.
- Not a re-org blueprint, compensation strategy, or performance management redesign.
- Not therapy, clinical mental-health guidance, or personal counseling.
- Not a one-off event calendar; it must be a system that can evolve.

## PROCESS
1. **Pre-Analysis Statement (required):** Briefly restate what you’re going to build and the assumptions you’re making from the provided inputs.
2. **Diagnosis:** Infer current social dynamics, belonging friction, and existing informal networks.
3. **Architecture:** Select an appropriate number of phases (5–12) and name them based on gaps, buy-in, baseline engagement, and desired depth of change.
4. **Design:** For each phase, define outcomes, recommended activities, and facilitation guidance that preserves authenticity.
5. **Signals &amp; Metrics:** Specify both qualitative and behavioral indicators, plus lightweight collection methods.
6. **Iteration Loop:** Provide how to refine activities using observed participation and narrative feedback.
7. **Edge Cases:** If inputs conflict (e.g., “high trust” but high attrition) or are vague, pause and ask clarifying questions before continuing.

## INPUTS
- **Ideal recipient / workforce segment:** [TARGET_AUDIENCE]  
- **Organization context &amp; background:** [CONTEXT]  
- **Industry / domain:** [INDUSTRY]  
- **Company name:** [COMPANY_NAME]  
- **Current culture maturity (low/medium/high + why):** [CULTURE_MATURITY]  
- **Team structure (functions, cross-functional, remote/hybrid/on-site):** [TEAM_STRUCTURE]  
- **Stated values (official):** [STATED_VALUES]  
- **Values actually used in decisions (observed):** [LIVED_VALUES]  
- **Existing informal groups (examples + strength):** [INFORMAL_GROUPS]  
- **Primary barrier to genuine connection:** [CHALLENGE]  
- **Leadership buy-in level (low/medium/high + evidence):** [LEADERSHIP_BUY_IN]  
- **Employee engagement baseline (how known/measured):** [ENGAGEMENT_BASELINE]  
- **Transformation ambition (light/medium/deep):** [TRANSFORMATION_DEPTH]  
- **Time horizon to roll out:** [TIMEFRAME]  
- **Budget range (if any):** [BUDGET]  
- **Preferred communication style:** [BRAND_VOICE]  

## OUTPUT SPECIFICATION
Deliver the program as a phased journey.

### 1) Phase Plan Overview
- {Number Of Phases} and the criteria used to choose that count
- A one-paragraph summary of the overall strategy

### 2) Phase-by-Phase Design (repeat for each phase)
For each phase provide:
- {Phase Name}
- {Purpose}
- {What You Need From The Company} (inputs, approvals, time commitments)
- {Activities} (2–6 activities written so they feel voluntary and culturally plausible)
- {Facilitation Notes} (how to avoid “forced fun,” how to keep it inclusive)
- {Belonging Mechanism} (which identity/belonging principle it targets)
- {Signals To Watch} (behavioral + emotional)
- {Measurement Method} (practical collection: stories, network mapping, observation, nominations, etc.)
- {Iteration Rules} (when to expand, pause, sunset, or redesign)

### 3) Inter-Phase Gates
At the end of:
- the discovery phase, and
- each major design/build step,  
include a short checkpoint and end with: **Type “continue” to proceed.**

### 4) Measurement Dashboard (non-survey-heavy)
Include:
- {Connection Indicators}
- {Collection Cadence}
- {Simple Dashboard Layout}
- {How To Interpret Changes} (what improvement looks like vs. noise)

### 5) Implementation Waves (time-based rollout)
Provide a staged rollout with approximate timing that fits [TIMEFRAME], including:
- {Wave Name}
- {Time Window}
- {Launch Focus}
- {Risks And Mitigations}

## QUALITY CHECKS
Before finalizing, verify:
- The phase count is justified by [CULTURE_MATURITY], [LEADERSHIP_BUY_IN], [ENGAGEMENT_BASELINE], and [TRANSFORMATION_DEPTH].
- Activities are opt-in by design (no hidden coercion) and avoid performative “culture theater.”
- Lived vs. stated values are explicitly separated and used to shape recommendations.
- Metrics include at least one **network/behavioral** measure and one **narrative/story** measure per major stage.
- Edge cases are handled: missing inputs trigger clarifying questions; contradictions are flagged with proposed tests to validate reality.            </div>
        </div>


    </div>

    <!-- CTA Row - Full width buttons -->
    <div class="prompt-cta-row">
        <button class="prompt-cta-btn prompt-cta-copy flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
                <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
            </svg>
            <span class="cta-copy-text">Copy Full Prompt</span>
        </button>
    </div>
</div>

<style>
    /* Gated prompt states */
    .prompt-gated-wrapper {
        position: relative;
    }

    /* When unlocked - show full content, hide gated */
    body.flowpast-unlocked .prompt-gated-wrapper .prompt-gated-content {
        display: none;
    }

    body.flowpast-unlocked .prompt-gated-wrapper .prompt-content-full {
        display: block !important;
    }

    /* Show/hide elements based on unlock state */
    body.flowpast-unlocked .btn-when-unlocked {
        display: inline-flex !important;
    }

    .prompt-viewer-wrapper {
        scroll-margin-top: 250px;
    }

    /* ========================================
   PROMPT VIEWER - MAIN WRAPPER
   ======================================== */
    .prompt-viewer-wrapper {
        margin: 30px 0;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    /* ========================================
   PROMPT BOX CONTAINER
   ======================================== */
    .prompt-comparison-row {
        border-radius: 12px;
        overflow: hidden;
        border: 1px solid #e0e0e0;
        background: #fff;
    }

    /* ========================================
   HEADER WITH BUTTONS
   ======================================== */
    .prompt-row-header {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 14px 20px;
        color: #fff !important;
        background: #141414;
        border-bottom: 1px solid #e0e0e0;
        flex-wrap: wrap;
    }

    .prompt-row-icon {
        font-size: 20px;
    }

    .prompt-row-title {
        font-weight: 600;
        font-size: 22px;
        color: #fff !important;
        text-decoration: underline
    }

    .prompt-header-buttons {
        margin-left: auto;
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }

    /* Header buttons */
    .prompt-header-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 20px;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        text-decoration: none;
        border: none;
    }

    .prompt-header-copy {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-header-copy:hover {
        background: #2a2a2a;
    }

    .prompt-header-copy.copied {
        background: #2e7d32;
    }

    .prompt-header-copy-green {
        background: #04AA6D !important;
        color: #fff !important;
    }

    .prompt-header-copy-green:hover {
        background: #039860 !important;
    }

    .prompt-header-copy-green.copied {
        background: #2e7d32 !important;
    }

    .prompt-header-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
    }

    .prompt-header-access:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-1px);
    }

    /* ========================================
   PROMPT CONTENT - FULL (NO SCROLL)
   ======================================== */
    .prompt-box {
        background: #ffffff;
    }

    .prompt-content-full {
        padding: 24px;
        margin: 0;
        color: #202124;
        background: #ffffff;
        font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
        font-size: 13px;
        line-height: 1.7;
        white-space: pre-wrap;
        word-wrap: break-word;
        /* No scroll - show full content */
        max-height: none;
        overflow: visible;
    }

    /* Highlighted variable in prompt */
    .prompt-variable {
        background: #fff3cd;
        color: #1967d2;
        font-weight: 700;
        padding: 2px 4px;
        border-radius: 3px;
        border: 1px solid #ffc107;
    }

    .prompt-variable-filled {
        background: #d4edda;
        color: #155724;
        font-weight: 700;
        padding: 2px 4px;
        border-radius: 3px;
        border: 1px solid #28a745;
    }

    /* ========================================
   GATED CONTENT (NO ACCESS)
   ======================================== */
    .prompt-gated-content {
        padding: 24px;
        background: #ffffff;
        font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
        font-size: 13px;
        line-height: 1.8;
        max-height: none;
        overflow: visible;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        cursor: default;
    }

    /* ## headers - larger, black */
    .prompt-header-visible {
        color: #202124;
        font-weight: 600;
        margin: 5px 0 0px 0;
        font-size: 20px;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        text-decoration: underline;
        text-underline-offset: 4px;
    }

    /* ### headers - smaller, black */
    .prompt-header-visible.subheader {
        color: #202124;
        font-weight: 600;
        margin: 5px 0;
        font-size: 18px;
    }

    .prompt-header-visible:first-child {
        margin-top: 0;
    }

    /* ========================================
   LOCKED SECTION BLOCK
   ======================================== */
    .locked-section {
        position: relative;
        margin: 4px 0 8px 0;
        border-radius: 6px;
        overflow: hidden;
        background: linear-gradient(110deg, #e2e8f0 8%, #f1f5f9 18%, #e2e8f0 33%);
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

    .locked-section-bg {
        position: relative;
    }

    .locked-section-lines {
        padding: 8px 12px;
        position: relative;
    }

    .locked-line {
        height: 6px;
        background: rgba(255, 255, 255, 0.6);
        border-radius: 3px;
        margin-bottom: 4px;
        margin-left: 12px;
    }

    .locked-line:last-child {
        margin-bottom: 0;
    }

    .locked-section-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 10;
        font-size: 24px;
        filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1));
    }

    /* Subheader locked sections - slightly indented */
    /*  .prompt-header-visible.subheader+.locked-section {
        margin-left: 16px;
    } */

    /* ========================================
   COMPATIBILITY BADGES
   ======================================== */
    .prompt-compatibility {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        padding: 12px 20px;
        background: #f8f9fa;
        border-top: 1px solid #e0e0e0;
    }

    .compat-label {
        font-size: 13px;
        color: #5f6368;
        font-weight: 500;
    }

    .compat-badge {
        padding: 4px 10px;
        background: #e8f0fe;
        color: #1967d2;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 500;
    }

    /* ========================================
   CTA ROW - FULL WIDTH BUTTONS
   ======================================== */
    .prompt-cta-row {
        display: flex;
        gap: 16px;
        flex-wrap: wrap;
    }

    .prompt-cta-btn {
        flex: 1;
        min-width: 200px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 16px 24px;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        text-decoration: none;
        border: none;
    }

    .prompt-cta-copy {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-cta-copy:hover {
        background: #2a2a2a;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    .prompt-cta-copy.copied {
        background: #2e7d32;
    }

    .prompt-cta-reset {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-cta-reset:hover {
        background: #2a2a2a;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    .prompt-cta-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
    }

    .prompt-cta-access:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(5, 152, 98, 0.3);
    }

    /* ========================================
    CUSTOMIZE YOUR PROMPT SECTION
    ======================================== */
    .prompt-customize-section {
        padding: 24px;
        border-bottom: 1px solid #e0e0e0;
        background: #fafbfc;
    }

    .customize-title {
        margin: 0 0 8px 0;
        font-size: 18px;
        font-weight: 700;
        color: #202124;
    }

    .customize-subtitle {
        margin: 0 0 20px 0;
        font-size: 14px;
        color: #5f6368;
    }

    .customize-table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 20px;
    }

    .customize-table th {
        text-align: left;
        padding: 12px;
        background: #f1f3f4;
        border: 1px solid #e0e0e0;
        font-size: 13px;
        font-weight: 600;
        color: #202124;
    }

    .customize-table td {
        padding: 12px;
        border: 1px solid #e0e0e0;
        vertical-align: top;
    }

    .customize-table .var-name {
        width: 25%;
        background: #f8f9fa;
    }

    .customize-table .var-name code {
        background: #fff3cd;
        color: #1967d2;
        border: 1px solid #ffc107;
        padding: 4px 8px;
        border-radius: 4px;
        font-size: 12px;
        word-break: break-all;
        font-weight: 600;
    }

    .customize-table .var-desc {
        width: 35%;
        font-size: 13px;
        color: #5f6368;
        line-height: 1.5;
    }

    .customize-table .var-example {
        margin-top: 8px;
        padding: 8px 10px;
        background: #f8f9fa;
        border-left: 3px solid #dadce0;
        font-size: 12px;
        color: #5f6368;
        font-style: italic;
        border-radius: 0 4px 4px 0;
    }

    .customize-table .var-input {
        width: 40%;
    }

    .customize-input {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #dadce0;
        border-radius: 6px;
        font-size: 13px;
        font-family: inherit;
        resize: vertical;
        transition: border-color 0.2s, box-shadow 0.2s;
    }

    .customize-input:focus {
        outline: none;
        border-color: rgb(5, 152, 98);
        box-shadow: 0 0 0 3px rgba(5, 152, 98, 0.1);
    }

    .customize-input::placeholder {
        color: #9aa0a6;
        font-style: italic;
    }

    .copy-customized-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        width: 100%;
        padding: 16px 24px;
        background: rgb(5, 152, 98);
        color: #fff;
        border: none;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
    }

    .copy-customized-btn:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(5, 152, 98, 0.3);
    }

    .copy-customized-btn.copied {
        background: #2e7d32;
    }

    /* ========================================
    FULL PROMPT CODE HEADER
    ======================================== */
    .prompt-code-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 20px;
        color: #fff !important;
        background: #141414;
        border-bottom: 1px solid #e0e0e0;
    }

    .prompt-code-title {
        font-size: 22px;
        font-weight: 600;
        text-decoration: underline;

    }

    .prompt-code-buttons {
        display: flex;
        gap: 8px;
    }

    .prompt-code-buttons .prompt-header-btn {
        padding: 8px 14px;
        font-size: 13px;
        background: #ffffff;
        color: #202124;
        border: 1px solid #dadce0;
    }

    .prompt-code-buttons .prompt-header-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
        border-color: rgb(5, 152, 98);
    }

    .prompt-code-buttons .prompt-header-btn.prompt-header-access:hover {
        background: rgb(4, 130, 83) !important;
        border-color: rgb(4, 130, 83);
        color: #fff !important;
    }

    .prompt-code-buttons .prompt-header-btn:hover {
        background: #f1f3f4;
    }

    .prompt-code-buttons .prompt-header-copy.copied {
        background: #d4edda;
        color: #155724;
        border-color: #28a745;
    }

    .prompt-header-reset {
        background: #ffffff;
        color: #202124;
    }

    /* ========================================
   RESPONSIVE
   ======================================== */
    @media (max-width: 768px) {
        .prompt-row-header {
            flex-direction: column;
            align-items: flex-start;
            gap: 12px;
        }

        .prompt-header-buttons {
            margin-left: 0;
            width: 100%;
        }

        .prompt-header-btn {
            flex: 1;
            justify-content: center;
        }

        .prompt-cta-row {
            flex-direction: column;
        }

        .prompt-cta-btn {
            width: 100%;
        }

        /* Customize table responsive */
        .customize-table,
        .customize-table thead,
        .customize-table tbody,
        .customize-table tr,
        .customize-table th,
        .customize-table td {
            display: block;
        }

        .customize-table thead {
            display: none;
        }

        .customize-table tr {
            margin-bottom: 16px;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            overflow: hidden;
        }

        .customize-table td {
            width: 100% !important;
            border: none;
            border-bottom: 1px solid #e0e0e0;
        }

        .customize-table td:last-child {
            border-bottom: none;
        }

        .customize-table .var-name {
            background: #f1f3f4;
            font-weight: 600;
        }

        .prompt-code-header {
            flex-direction: column;
            gap: 12px;
            align-items: flex-start;
        }

        .prompt-code-buttons {
            width: 100%;
        }

        .prompt-code-buttons .prompt-header-btn {
            flex: 1;
            justify-content: center;
        }
    }
</style>

<script>
    function handlePromptCopy() {
        // Check if unlocked via cookie
        if (typeof window.flowpastIsUnlocked === 'function' && !window.flowpastIsUnlocked()) {
            // Show email popup
            if (typeof window.flowpastShowEmailPopup === 'function') {
                window.flowpastShowEmailPopup('prompt');
            }
            return;
        }

        // Copy the customized prompt (with filled variables)
        const customizedPrompt = getCustomizedPrompt();
        const copyButtons = document.querySelectorAll('.prompt-header-copy, .prompt-header-copy-green, .prompt-cta-copy, .copy-customized-btn');

        navigator.clipboard.writeText(customizedPrompt).then(() => {
            copyButtons.forEach(btn => {
                btn.classList.add('copied');
                const textSpan = btn.querySelector('span');
                if (textSpan) textSpan.textContent = 'Copied!';
            });

            setTimeout(() => {
                copyButtons.forEach(btn => {
                    btn.classList.remove('copied');
                    const textSpan = btn.querySelector('span');
                    if (textSpan) textSpan.textContent = 'Copy Full Prompt';
                });
            }, 2000);
        }).catch(err => {
            console.error('Failed to copy:', err);
        });
    }

    // Store original prompt for customization
    const originalPrompt = "## OBJECTIVE\r\nCreate a multi-phase, interactive program that turns a workplace from \u201ccoworkers who coordinate\u201d into a true community with strong belonging and shared purpose. The program must use Social Identity Theory to design community-building activities that feel voluntary, culturally natural, and measurable\u2014then improve them through iteration.\r\n\r\n## PERSONA\r\nYou are a **Workplace Belonging Designer**: a seasoned organizational culture specialist with a background in corporate anthropology and fieldwork inside high-growth tech companies, followed by years studying intentional communities across multiple regions. Your style is clear, pragmatic, observant, and human\u2014less corporate jargon, more behavioral insight.\r\n\r\n## CONSTRAINTS\r\n- Build a **dynamic sequence of 5\u201312 phases** based on the organization\u2019s reality (not a fixed template).\r\n- Activities must feel **opt-in, organic, and socially rewarding**, not like mandated team-building.\r\n- Always distinguish **lived values** (what people actually do) from **poster values** (what leadership claims).\r\n- Include **measurement of emotional connection**, not only engagement or participation.\r\n- Keep the interaction gated: end key phases with a prompt like **\u201cType \u2018continue\u2019 to proceed.\u201d**\r\n- If information is missing, ask targeted questions before designing specifics.\r\n\r\n### What This Is NOT (Scope Boundaries)\r\n- Not a legal\/HR compliance plan, investigations process, or disciplinary framework.\r\n- Not a re-org blueprint, compensation strategy, or performance management redesign.\r\n- Not therapy, clinical mental-health guidance, or personal counseling.\r\n- Not a one-off event calendar; it must be a system that can evolve.\r\n\r\n## PROCESS\r\n1. **Pre-Analysis Statement (required):** Briefly restate what you\u2019re going to build and the assumptions you\u2019re making from the provided inputs.\r\n2. **Diagnosis:** Infer current social dynamics, belonging friction, and existing informal networks.\r\n3. **Architecture:** Select an appropriate number of phases (5\u201312) and name them based on gaps, buy-in, baseline engagement, and desired depth of change.\r\n4. **Design:** For each phase, define outcomes, recommended activities, and facilitation guidance that preserves authenticity.\r\n5. **Signals & Metrics:** Specify both qualitative and behavioral indicators, plus lightweight collection methods.\r\n6. **Iteration Loop:** Provide how to refine activities using observed participation and narrative feedback.\r\n7. **Edge Cases:** If inputs conflict (e.g., \u201chigh trust\u201d but high attrition) or are vague, pause and ask clarifying questions before continuing.\r\n\r\n## INPUTS\r\n- **Ideal recipient \/ workforce segment:** [TARGET_AUDIENCE]  \r\n- **Organization context & background:** [CONTEXT]  \r\n- **Industry \/ domain:** [INDUSTRY]  \r\n- **Company name:** [COMPANY_NAME]  \r\n- **Current culture maturity (low\/medium\/high + why):** [CULTURE_MATURITY]  \r\n- **Team structure (functions, cross-functional, remote\/hybrid\/on-site):** [TEAM_STRUCTURE]  \r\n- **Stated values (official):** [STATED_VALUES]  \r\n- **Values actually used in decisions (observed):** [LIVED_VALUES]  \r\n- **Existing informal groups (examples + strength):** [INFORMAL_GROUPS]  \r\n- **Primary barrier to genuine connection:** [CHALLENGE]  \r\n- **Leadership buy-in level (low\/medium\/high + evidence):** [LEADERSHIP_BUY_IN]  \r\n- **Employee engagement baseline (how known\/measured):** [ENGAGEMENT_BASELINE]  \r\n- **Transformation ambition (light\/medium\/deep):** [TRANSFORMATION_DEPTH]  \r\n- **Time horizon to roll out:** [TIMEFRAME]  \r\n- **Budget range (if any):** [BUDGET]  \r\n- **Preferred communication style:** [BRAND_VOICE]  \r\n\r\n## OUTPUT SPECIFICATION\r\nDeliver the program as a phased journey.\r\n\r\n### 1) Phase Plan Overview\r\n- {Number Of Phases} and the criteria used to choose that count\r\n- A one-paragraph summary of the overall strategy\r\n\r\n### 2) Phase-by-Phase Design (repeat for each phase)\r\nFor each phase provide:\r\n- {Phase Name}\r\n- {Purpose}\r\n- {What You Need From The Company} (inputs, approvals, time commitments)\r\n- {Activities} (2\u20136 activities written so they feel voluntary and culturally plausible)\r\n- {Facilitation Notes} (how to avoid \u201cforced fun,\u201d how to keep it inclusive)\r\n- {Belonging Mechanism} (which identity\/belonging principle it targets)\r\n- {Signals To Watch} (behavioral + emotional)\r\n- {Measurement Method} (practical collection: stories, network mapping, observation, nominations, etc.)\r\n- {Iteration Rules} (when to expand, pause, sunset, or redesign)\r\n\r\n### 3) Inter-Phase Gates\r\nAt the end of:\r\n- the discovery phase, and\r\n- each major design\/build step,  \r\ninclude a short checkpoint and end with: **Type \u201ccontinue\u201d to proceed.**\r\n\r\n### 4) Measurement Dashboard (non-survey-heavy)\r\nInclude:\r\n- {Connection Indicators}\r\n- {Collection Cadence}\r\n- {Simple Dashboard Layout}\r\n- {How To Interpret Changes} (what improvement looks like vs. noise)\r\n\r\n### 5) Implementation Waves (time-based rollout)\r\nProvide a staged rollout with approximate timing that fits [TIMEFRAME], including:\r\n- {Wave Name}\r\n- {Time Window}\r\n- {Launch Focus}\r\n- {Risks And Mitigations}\r\n\r\n## QUALITY CHECKS\r\nBefore finalizing, verify:\r\n- The phase count is justified by [CULTURE_MATURITY], [LEADERSHIP_BUY_IN], [ENGAGEMENT_BASELINE], and [TRANSFORMATION_DEPTH].\r\n- Activities are opt-in by design (no hidden coercion) and avoid performative \u201cculture theater.\u201d\r\n- Lived vs. stated values are explicitly separated and used to shape recommendations.\r\n- Metrics include at least one **network\/behavioral** measure and one **narrative\/story** measure per major stage.\r\n- Edge cases are handled: missing inputs trigger clarifying questions; contradictions are flagged with proposed tests to validate reality.";
    const variables = ["[TARGET_AUDIENCE]","[CONTEXT]","[INDUSTRY]","[COMPANY_NAME]","[CULTURE_MATURITY]","[TEAM_STRUCTURE]","[STATED_VALUES]","[LIVED_VALUES]","[INFORMAL_GROUPS]","[CHALLENGE]","[LEADERSHIP_BUY_IN]","[ENGAGEMENT_BASELINE]","[TRANSFORMATION_DEPTH]","[TIMEFRAME]","[BUDGET]","[BRAND_VOICE]"];
    // Initial render with highlighted variables
    document.addEventListener('DOMContentLoaded', function() {
        renderPromptWithHighlights();
    });

    // Live update prompt as user types
    document.querySelectorAll('.customize-input').forEach(input => {
        input.addEventListener('input', renderPromptWithHighlights);
    });

    function renderPromptWithHighlights() {
        const promptContent = document.getElementById('premium-prompt-content');
        if (!promptContent) return;

        let updatedPrompt = originalPrompt;
        let filledVariables = {};

        // Collect filled values
        document.querySelectorAll('.customize-input').forEach(input => {
            const placeholder = input.dataset.placeholder;
            const value = input.value.trim();

            if (value) {
                filledVariables[placeholder] = value;
            }
        });

        // Replace filled variables and highlight remaining
        let htmlContent = escapeHtml(updatedPrompt);

        variables.forEach(placeholder => {
            const escapedPlaceholder = escapeHtml(placeholder);
            const regex = new RegExp(escapeRegex(escapedPlaceholder), 'g');

            if (filledVariables[placeholder]) {
                // Show filled value with green highlight
                htmlContent = htmlContent.replace(regex,
                    '<span class="prompt-variable-filled">' + escapeHtml(filledVariables[placeholder]) + '</span>'
                );
            } else {
                // Show original placeholder with yellow highlight
                htmlContent = htmlContent.replace(regex,
                    '<span class="prompt-variable">' + escapedPlaceholder + '</span>'
                );
            }
        });

        promptContent.innerHTML = htmlContent;
    }

    function escapeRegex(string) {
        return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
    }

    function escapeHtml(text) {
        const div = document.createElement('div');
        div.textContent = text;
        return div.innerHTML;
    }

    function resetPrompt() {
        // Clear all input fields
        document.querySelectorAll('.customize-input').forEach(input => {
            input.value = '';
        });

        // Re-render with original placeholders highlighted
        renderPromptWithHighlights();

        // Visual feedback
        const resetBtns = document.querySelectorAll('.prompt-header-reset, .prompt-cta-reset');
        resetBtns.forEach(btn => {
            const originalText = btn.querySelector('span').textContent;
            btn.querySelector('span').textContent = 'Reset!';
            setTimeout(() => {
                btn.querySelector('span').textContent = originalText;
            }, 1000);
        });
    }


    function getCustomizedPrompt() {
        let updatedPrompt = originalPrompt;

        document.querySelectorAll('.customize-input').forEach(input => {
            const placeholder = input.dataset.placeholder;
            const value = input.value.trim();

            if (value) {
                const regex = new RegExp(escapeRegex(placeholder), 'g');
                updatedPrompt = updatedPrompt.replace(regex, value);
            }
        });

        return updatedPrompt;
    }
</script>

</div>

<div class="pro-tips-section">

<h2 class="wp-block-heading">Pro Tips for Better AI Prompt Results</h2>



<ul class="wp-block-list">

<li><strong>Be painfully specific about processing time vs. transit time.</strong> Most “shipping confusion” is really “when do you ship” confusion. If you can, feed the model concrete ranges (for example: “Processing: 1–2 business days; Transit: 2–5 business days”) and ask it to write copy that separates them clearly in checkout.</li>


<li><strong>Use your real carrier names and service levels.</strong> “Standard shipping” is fine as a label, but customers trust specifics when they matter. After the first output, follow up with: “Rewrite the matrix and FAQs using these carriers and methods exactly: UPS Ground, USPS Priority, DHL Express, and Local Delivery (2–10 miles).”</li>


<li><strong>Tell it what you cannot promise.</strong> Honestly, this is the difference between helpful clarity and risky overcommitment. Add constraints like “No guaranteed delivery dates” or “No weekend delivery” and request language that sets expectations without sounding defensive.</li>


<li><strong>Iterate by page location, not just wording.</strong> The same sentence reads differently in the cart versus in a shipping-policy drawer. After you get the staged copy, ask: “Now create a version for a collapsible ‘Delivery details’ section with 3 bullets max and one link label.”</li>


<li><strong>Combine clarity work with an SEO consistency check (optional).</strong> If your shipping promise differs across PDPs, collection pages, and help docs, customers notice. Pair this with an internal consistency workflow like <a href="https://flowpast.com/prompts/build-an-on-page-seo-implementation-checklist-ai-prompt/">Build an On-Page SEO Implementation Checklist AI Prompt</a> to audit where delivery statements appear and ensure they match your checkout language.</li>

</ul>

</div>

<div class="related-prompts-section">

<h2 class="wp-block-heading">Related Prompts</h2>



<p>Once your delivery messaging is clear, these prompts help you make the rest of the site easier to find, understand, and trust.</p>



<p>If you also need to make sure customers can actually discover your shipping details (and that Google surfaces the right pages), <a href="https://flowpast.com/prompts/create-an-on-page-seo-checklist-ai-prompt/">Create an On-Page SEO Checklist AI Prompt</a> pairs well. Use it when your policy, FAQ, or delivery pages exist but feel “buried,” inconsistent, or hard to navigate from high-intent product pages.</p>



<p>For teams doing ongoing optimization, <a href="https://flowpast.com/prompts/create-an-seo-led-content-plan-with-this-ai-prompt/">Create an SEO-Led Content Plan with this AI Prompt</a> helps you plan supporting content that reduces purchase anxiety. It’s useful when you want to build articles and help docs around questions you already see in tickets, like “shipping to Alaska,” “international duties,” or “how tracking updates work.”</p>



<p>When you want a tighter, execution-ready roadmap for content production (pages, briefs, and update cycles), <a href="https://flowpast.com/prompts/build-an-seo-content-plan-with-this-ai-prompt/">Build an SEO Content Plan with this AI Prompt</a> is a good next step. After this shipping clarity package is live, it helps you expand coverage without drifting into generic content that doesn’t move conversions.</p>


<br>


<p>Quick reference:</p>



<ul class="wp-block-list">

<li><a href="https://flowpast.com/prompts/create-an-on-page-seo-checklist-ai-prompt/">Create an On-Page SEO Checklist AI Prompt</a>: Find and fix on-page trust gaps.</li>


<li><a href="https://flowpast.com/prompts/build-an-on-page-seo-implementation-checklist-ai-prompt/">Build an On-Page SEO Implementation Checklist AI Prompt</a>: Turn fixes into a shippable checklist.</li>


<li><a href="https://flowpast.com/prompts/create-an-seo-led-content-plan-with-this-ai-prompt/">Create an SEO-Led Content Plan with this AI Prompt</a>: Plan content around search intent and objections.</li>


<li><a href="https://flowpast.com/prompts/build-an-seo-content-plan-with-this-ai-prompt/">Build an SEO Content Plan with this AI Prompt</a>: Build a structured publishing plan fast.</li>


<li><a href="https://flowpast.com/prompts/build-off-page-seo-social-strategy-plan-ai-prompt/">Build Off-Page SEO Social Strategy Plan AI Prompt</a>: Promote key pages beyond your site.</li>

</ul>

</div>

<div class="faq-section">

<h2 class="wp-block-heading">Common Questions</h2>


<div class="faq-item">
<span class="question">Which roles benefit most from this shipping clarity AI prompt?</span>

<p class="answer"><strong>Ecommerce Managers</strong> use this to turn scattered shipping notes into a consistent promise across PDP, cart, checkout, and post-purchase. <strong>Conversion Rate Optimization (CRO) Specialists</strong> rely on it to reduce “delivery uncertainty” friction and generate testable copy variants tied to checkout behavior. <strong>Customer Support Leads</strong> benefit because the prompt produces FAQs that deflect repetitive “Where is my order?” and “When will it arrive?” tickets. <strong>Lifecycle/CRM Marketers</strong> apply it to tighten post-purchase expectation setting so tracking emails and order confirmations don’t create new confusion.</p>

</div>

<div class="faq-item">
<span class="question">Which industries get the most value from this shipping clarity AI prompt?</span>

<p class="answer"><strong>DTC consumer goods</strong> teams use it when shoppers compare brands and bail if delivery feels unpredictable, especially during launches and discounts. <strong>Apparel and footwear</strong> brands get value because shipping, returns, and split shipments often collide, so a clear matrix and FAQs reduce surprises. <strong>Health and beauty</strong> sellers apply it to communicate fulfillment speed, tracking expectations, and region limits without sounding like legal copy. <strong>Subscription and replenishment brands</strong> use it to clarify first-order timelines versus recurring shipments, which lowers churn caused by misunderstood delivery cadence.</p>

</div>

<div class="faq-item">
<span class="question">Why do basic AI prompts for shipping policy and checkout delivery copy produce weak results?</span>

<p class="answer">A typical prompt like “Write me a shipping policy for my store” fails because it: lacks your real shipping methods, regions, carriers, and delivery timeframes, so it fills gaps with generic assumptions. It provides no progressive-disclosure structure, which leads to a long, unreadable page instead of staged microcopy for cart and checkout. It ignores customer hesitation points (processing time, cutoff times, tracking, exceptions), so the copy doesn’t remove uncertainty. It produces “legal-ish” language that sounds cautious but doesn’t answer practical questions, and it misses consistency checks that keep your promise aligned across touchpoints.</p>

</div>

<div class="faq-item">
<span class="question">Can I customize this shipping clarity AI prompt for my specific situation?</span>

<p class="answer">Yes, and you should. The prompt is designed to reflect your actual capabilities, so you’ll want to provide clear details for PRODUCT_DESCRIPTION, TARGET_AUDIENCE, SHIPPING_METHODS, DELIVERY_TIMEFRAMES, SHIPPING_REGIONS, and CARRIERS. If you have constraints (no weekend delivery, limited rural coverage, signature required), include them so the copy stays truthful. A useful follow-up request is: “Now rewrite the checkout shipping section for mobile scanning, max 2 lines per method, and include a single expandable ‘details’ drawer for exceptions.”</p>

</div>

<div class="faq-item">
<span class="question">What are the most common mistakes when using this shipping clarity AI prompt?</span>

<p class="answer">The biggest mistake is leaving TARGET_AUDIENCE too vague — instead of “online shoppers,” try “first-time buyers of premium skincare who worry about heat exposure in transit.” Another common error is providing DELIVERY_TIMEFRAMES without separating processing vs transit (bad: “3–5 days”; better: “Ships in 1–2 business days, then 2–5 business days in transit”). People also forget to specify SHIPPING_REGIONS accurately (bad: “we ship worldwide”; better: “US + Canada only, excluding PO boxes for express”). Finally, they list SHIPPING_METHODS without constraints (bad: “express available”; better: “express only for contiguous US orders placed before 1pm ET”).</p>

</div>

<div class="faq-item">
<span class="question">Who should NOT use this shipping clarity AI prompt?</span>

<p class="answer">This prompt isn’t ideal for teams that cannot describe their current shipping reality with any confidence, because the output must stay consistent with real methods, timeframes, regions, and carriers. It’s also not a replacement for lawyer-reviewed policy language if you operate in a highly regulated context or have complex liability requirements. And if you only want a generic boilerplate policy to paste once and forget, you will be better served by a basic template. Use this when you’re willing to iterate and align copy with operations.</p>

</div>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Which roles benefit most from this shipping clarity AI prompt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Ecommerce Managers use this to turn scattered shipping notes into a consistent promise across PDP, cart, checkout, and post-purchase. Conversion Rate Optimization (CRO) Specialists rely on it to reduce “delivery uncertainty” friction and generate testable copy variants tied to checkout behavior. Customer Support Leads benefit because the prompt produces FAQs that deflect repetitive “Where is my order?” and “When will it arrive?” tickets. Lifecycle/CRM Marketers apply it to tighten post-purchase expectation setting so tracking emails and order confirmations don’t create new confusion."
      }
    },
    {
      "@type": "Question",
      "name": "Which industries get the most value from this shipping clarity AI prompt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "DTC consumer goods teams use it when shoppers compare brands and bail if delivery feels unpredictable, especially during launches and discounts. Apparel and footwear brands get value because shipping, returns, and split shipments often collide, so a clear matrix and FAQs reduce surprises. Health and beauty sellers apply it to communicate fulfillment speed, tracking expectations, and region limits without sounding like legal copy. Subscription and replenishment brands use it to clarify first-order timelines versus recurring shipments, which lowers churn caused by misunderstood delivery cadence."
      }
    },
    {
      "@type": "Question",
      "name": "Why do basic AI prompts for shipping policy and checkout delivery copy produce weak results?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "A typical prompt like “Write me a shipping policy for my store” fails because it: lacks your real shipping methods, regions, carriers, and delivery timeframes, so it fills gaps with generic assumptions. It provides no progressive-disclosure structure, which leads to a long, unreadable page instead of staged microcopy for cart and checkout. It ignores customer hesitation points (processing time, cutoff times, tracking, exceptions), so the copy doesn’t remove uncertainty. It produces “legal-ish” language that sounds cautious but doesn’t answer practical questions, and it misses consistency checks that keep your promise aligned across touchpoints."
      }
    },
    {
      "@type": "Question",
      "name": "Can I customize this shipping clarity AI prompt for my specific situation?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Yes, and you should. The prompt is designed to reflect your actual capabilities, so you’ll want to provide clear details for PRODUCT_DESCRIPTION, TARGET_AUDIENCE, SHIPPING_METHODS, DELIVERY_TIMEFRAMES, SHIPPING_REGIONS, and CARRIERS. If you have constraints (no weekend delivery, limited rural coverage, signature required), include them so the copy stays truthful. A useful follow-up request is: “Now rewrite the checkout shipping section for mobile scanning, max 2 lines per method, and include a single expandable ‘details’ drawer for exceptions.”"
      }
    },
    {
      "@type": "Question",
      "name": "What are the most common mistakes when using this shipping clarity AI prompt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "The biggest mistake is leaving TARGET_AUDIENCE too vague — instead of “online shoppers,” try “first-time buyers of premium skincare who worry about heat exposure in transit.” Another common error is providing DELIVERY_TIMEFRAMES without separating processing vs transit (bad: “3–5 days”; better: “Ships in 1–2 business days, then 2–5 business days in transit”). People also forget to specify SHIPPING_REGIONS accurately (bad: “we ship worldwide”; better: “US + Canada only, excluding PO boxes for express”). Finally, they list SHIPPING_METHODS without constraints (bad: “express available”; better: “express only for contiguous US orders placed before 1pm ET”)."
      }
    },
    {
      "@type": "Question",
      "name": "Who should NOT use this shipping clarity AI prompt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "This prompt isn’t ideal for teams that cannot describe their current shipping reality with any confidence, because the output must stay consistent with real methods, timeframes, regions, and carriers. It’s also not a replacement for lawyer-reviewed policy language if you operate in a highly regulated context or have complex liability requirements. And if you only want a generic boilerplate policy to paste once and forget, you will be better served by a basic template. Use this when you’re willing to iterate and align copy with operations."
      }
    }
  ]
}
</script>
</div>

<div class="closing-section">

<p>Checkout drop-off isn’t always a pricing problem. Sometimes it’s a clarity problem. Paste this prompt into your AI tool, answer the shipping reality questions honestly, and publish a delivery promise customers can understand fast.</p>

</div>]]></content:encoded>
					
		
		
		<media:content url="https://flowpast.s3.eu-north-1.amazonaws.com/featured_blog_images/5002879.webp" medium="image"></media:content>
            	</item>
		<item>
		<title>Create a Bespoke Travel Guide for Guests AI Prompt</title>
		<link>https://flowpast.com/prompts/create-a-bespoke-travel-guide-for-guests-ai-prompt/</link>
		
		<dc:creator><![CDATA[Lisa Granqvist]]></dc:creator>
		<pubDate>Fri, 23 Jan 2026 02:41:17 +0000</pubDate>
				<category><![CDATA[Prompts]]></category>
		<guid isPermaLink="false">https://flowpast.com/?p=5001740</guid>

					<description><![CDATA[Guests want local plans fast - this AI Prompt builds a day-by-day travel guide with budget, transit, bookings, and hidden gems. Discover more AI prompts for marketing, sales, and ops.]]></description>
										<content:encoded><![CDATA[<!-- FOCUS_KEYWORD: travel guide AI prompt -->

<div class="hook-introduction">

<p>Your guests don’t want “top 10 things to do.” They want a plan they can actually follow, with the right pacing, realistic transit, and options that match their tastes and spending limit. And when you’re juggling check-ins, special requests, and last-minute changes, building that kind of itinerary from scratch is a time sink.</p>



<p>This <strong>travel guide AI prompt</strong> is built for <strong>hotel concierges</strong> who need a polished day-by-day plan in minutes, <strong>guest experience managers</strong> handling multiple profiles and preferences at once, and <strong>vacation rental hosts</strong> who want to deliver a “local expert” guide without writing a novel. The output is a practical multi-day itinerary with budget-aligned picks, booking guidance, timing windows, transit notes, and a mix of headline highlights plus hidden gems.</p>

</div>

<div class="what-and-when-section">

<h2 class="wp-block-heading">What Does This AI Prompt Do and When to Use It?</h2>



<table class="solution-results-table three-column" role="presentation" aria-label="What this prompt does, when to use it, and what you get">
 <thead>
    <tr>
      <th scope="col">What This Prompt Does</th>
      <th scope="col">When to Use This Prompt</th>
      <th scope="col">What You&#8217;ll Get</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <ul class="automation-list">
          <li>It restates the trip details in a short pre-analysis and surfaces any assumptions before planning.</li>
          <li>It builds a recommendation pool across sights, neighborhoods, meals, activities, and “local-only” moments based on the guest’s interests.</li>
          <li>It organizes the best matches into a day-by-day flow across the timeframe, clustering stops by area to reduce backtracking.</li>
          <li>It adds concierge logistics like ideal visit windows, crowd-avoidance tactics, and reservation guidance for high-friction spots.</li>
          <li>It keeps suggestions within budget (and clearly labels a splurge with a cheaper alternative when it’s worth mentioning).</li>
       </ul>
      </td>
      <td>
        <ul class="results-list">
          <li>A guest asks for a plan at check-in and you have 10 minutes, not an hour.</li>
          <li>You’re getting vague inputs like “we like food and culture” and need a structured itinerary that still feels personal.</li>
          <li>The guest is budget-conscious and you must avoid recommendations that blow the daily spend.</li>
          <li>You need to balance bucket-list attractions with under-the-radar finds so the trip feels special.</li>
          <li>Peak season hits, lines get brutal, and you want a plan that bakes in timing and transit realism.</li>
        </ul>
      </td>
       <td>
         <ul class="deliverables-list">
           <li>A day-by-day itinerary for the full trip duration, with a clear morning/afternoon/evening flow.</li>
           <li>At least 2–4 options per day with short rationales tied directly to the guest’s interests.</li>
           <li>Budget-aware recommendations, including “splurge” callouts with a lower-cost swap.</li>
           <li>Practical logistics notes (transit suggestions, pacing tips, and when to book ahead).</li>
           <li>A scan-friendly format with bullets and short paragraphs that you can paste into email, WhatsApp, or a guest portal.</li>
         </ul>
       </td>
    </tr>
  </tbody>
</table>

</div>

<div class="prompt-display-section">

<h2 class="wp-block-heading">The Full AI Prompt: Bespoke Guest Travel Guide Builder</h2>



<div class="prompt-viewer-wrapper" id="prompt-section">
    <div class="prompt-comparison-row prompt-premium">
        <!-- Header with buttons -->
        <div class="prompt-row-header">
            <!-- <span class="prompt-row-icon">✨</span> -->
            <span class="prompt-row-title">
                                    Step 1: Customize the prompt with your input
                            </span>
            <div class="prompt-header-buttons">
                                    <button class="prompt-header-btn prompt-header-reset" onclick="resetPrompt()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
                            <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
                        </svg>
                        <span>Reset</span>
                    </button>
                                <button class="prompt-header-btn prompt-header-copy-green flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                        <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                        <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                    </svg>
                    <span>Customize and Copy Full Prompt</span>
                </button>
            </div>
        </div>

        <!-- Customize the Prompt Section -->
                    <div class="prompt-customize-section">
                <span class="customize-title">Customize the Prompt</span>
                <p class="customize-subtitle">Fill in the fields below to personalize this prompt for your needs.</p>
                <table class="customize-table">
                    <thead>
                        <tr>
                            <th>Variable</th>
                            <th>What to Enter</th>
                            <th>Customise the prompt</th>
                        </tr>
                    </thead>
                    <tbody>
                                                    <tr>
                                <td class="var-name"><code>[GUEST_INTERESTS]</code></td>
                                <td class="var-desc">
                                    List the main activities, themes, or experiences the guest enjoys or wants to focus on during their trip.                                    <div class="var-example">For example: "Art museums, fine dining, scenic nature walks, and live jazz performances."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[GUEST_INTERESTS]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[BUDGET]</code></td>
                                <td class="var-desc">
                                    Specify the guest&#039;s approximate daily spending limit for activities, meals, and transportation. Use a clear numerical value with currency.                                    <div class="var-example">For example: "$150 per day"</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[BUDGET]"
                                            placeholder="Enter your value here..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[TIMEFRAME]</code></td>
                                <td class="var-desc">
                                    Enter the total duration of the guest&#039;s trip, including the number of days and nights.                                    <div class="var-example">For example: "4 days and 3 nights"</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[TIMEFRAME]"
                                            placeholder="Enter your value here..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[DESTINATION]</code></td>
                                <td class="var-desc">
                                    Specify the city or location where the guest will be traveling.                                    <div class="var-example">For example: "Paris, France"</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[DESTINATION]"
                                            placeholder="Enter your value here..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[TONE]</code></td>
                                <td class="var-desc">
                                    Describe the tone or style in which the guide should be written, if the guest has a preference.                                    <div class="var-example">For example: "Warm and enthusiastic, with a focus on making the guide feel personal and approachable."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[TONE]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[CONTEXT]</code></td>
                                <td class="var-desc">
                                    List any specific constraints the guest has, such as dietary restrictions, mobility issues, or traveling with young children.                                    <div class="var-example">For example: "Vegetarian diet, requires wheelchair accessibility, traveling with a toddler."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[CONTEXT]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                            </tbody>
                </table>

                <button class="copy-customized-btn flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
                        <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                        <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                    </svg>
                    <span class="copy-customized-text">Customise the prompt now</span>
                </button>
            </div>
        
        <!-- Full Prompt Code Header -->
                    <div class="prompt-code-header">
                <span class="prompt-code-title">
                    Step 2: Copy the Prompt
                </span>
                <div class="prompt-code-buttons">
                    <!-- Reset: Only visible when unlocked -->
                    <button class="prompt-header-btn prompt-header-reset btn-when-unlocked" onclick="resetPrompt()" style="display: none;">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
                            <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
                        </svg>
                        <span>Reset</span>
                    </button>
                    <!-- Copy Full Prompt -->
                    <button class="prompt-header-btn prompt-header-copy flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                            <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                        </svg>
                        <span>Copy Full Prompt</span>
                    </button>
                </div>
            </div>
        

        <!-- Prompt Content -->
        <div class="prompt-box prompt-gated-wrapper">
            <!-- Gated: Blurred content -->
            <div class="prompt-gated-content">
                <div class="prompt-header-visible">OBJECTIVE</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">PERSONA</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">CONSTRAINTS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">What This Is NOT</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">PROCESS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">Edge Case Handling</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">INPUTS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">OUTPUT SPECIFICATION</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">1) Welcome</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">2) Trip Game Plan (At-a-Glance)</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">3) Day-by-Day Suggestions (for {Number Of Days})</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">4) Insider Notes (Concierge Intel)</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">5) Budget Strategy</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">6) Handy Logistics</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">7) Closing</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">QUALITY CHECKS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div>            </div>
            <!-- Unlocked: Full content (hidden by default) -->
            <div class="prompt-content-full" id="premium-prompt-content" style="display: none;">
                ## OBJECTIVE
Create a tailor-made travel guide for a hotel guest that matches their interests, daily spending limit, and trip duration. The guide should balance “must-see” highlights with lesser-known finds, and include practical planning details so the guest can follow it easily.

## PERSONA
You are a seasoned luxury-hospitality concierge and local specialist. You communicate with friendly confidence, like a calm problem-solver who knows the city intimately and enjoys making guests feel looked after.

## CONSTRAINTS
- Align every suggestion with **[GUEST_INTERESTS]** and keep options within **[BUDGET]** (or clearly label any “splurge” as optional with a cheaper alternative).
- Offer variety (culture, food, nature, nightlife, relaxation—only where relevant).
- Mix well-known attractions with under-the-radar experiences.
- Provide actionable logistics (timing, transit, booking, and pacing).
- Use **delivery standards**: warm, conversational, and easy to scan with bullets and short paragraphs.
- Add links where useful (official sites, maps, reservations). Only include images if you can provide reputable source links (no invented URLs).

### What This Is NOT
- Not a generic city overview or history essay.
- Not a rigid minute-by-minute schedule that ignores the guest’s pace.
- Not recommendations that conflict with the stated budget, interests, or practical feasibility.
- Not made-up venues, events, addresses, or links.

## PROCESS
1. **Pre-Analysis (must write this out):** Restate your understanding of the trip in 2–4 lines using the provided inputs, and list any assumptions you must make.
2. Build a recommendation pool across: sights, neighborhoods, meals, activities, and “local-only” moments.
3. Select the best matches and arrange them into a sensible flow across **[TIMEFRAME]** (cluster by area; avoid needless backtracking).
4. Add concierge-level enhancements: reservation guidance, ideal visit windows, crowd-avoidance tactics, and small upgrades.
5. Apply budget discipline: include cost-saving swaps, free/low-cost options, and guidance on where to spend vs. save.
6. Final pass: ensure clarity, scannability, and that every item ties back to the guest’s preferences.

### Edge Case Handling
- If any input is missing or vague, ask up to **5** clarifying questions first. If the user can’t answer, proceed using clearly stated assumptions.
- If **[BUDGET]** is very low, prioritize free sights, local markets, scenic walks, public transit, and affordable eateries.
- If **[TIMEFRAME]** is short, focus on high-impact experiences and one “hidden gem” per day max.
- If interests conflict (e.g., “quiet” + “nightlife”), offer two alternate paths (Relaxed vs. Lively).

## INPUTS
- **Destination:** [DESTINATION]  
- **Guest interests:** [GUEST_INTERESTS]  
- **Daily budget:** [BUDGET]  
- **Length of stay:** [TIMEFRAME]  
- **Preferred tone (optional):** [TONE]  
- **Any constraints (optional; diet, mobility, kids, etc.):** [CONTEXT]  

## OUTPUT SPECIFICATION
Use the following sections and fill in details with the placeholders shown:

### 1) Welcome
- {Warm Greeting}
- {Quick Summary Of Preferences} (reflect interests, budget, trip length)

### 2) Trip Game Plan (At-a-Glance)
- {Best Areas To Base Activities}
- {Suggested Daily Rhythm} (morning/afternoon/evening style)
- {Top 3 Priorities}

### 3) Day-by-Day Suggestions (for {Number Of Days})
For each day include:
- **Theme/Area:** {Day Theme}
- **Morning:** {Morning Plan}
- **Afternoon:** {Afternoon Plan}
- **Evening:** {Evening Plan}
- **Dining picks:** {Meal Suggestions} (include 1–3 options with vibe + price)
- **Why it fits:** {Fit Rationale}
- **Estimated costs:** {Cost Range}
- **Time &amp; transit:** {Neighborhoods} + {Approx Travel Time} + {Transport Options}
- **Booking notes:** {Reservations / Tickets / Closures}

### 4) Insider Notes (Concierge Intel)
- {Hidden Gems}
- {Best Times To Go}
- {Crowd Avoidance Tips}
- {Seasonal / Local Events To Check} (only if plausibly discoverable; include a “verify dates” note)

### 5) Budget Strategy
- {Where To Splurge}
- {Where To Save}
- {Free / Low-Cost Wins}
- {Practical Money Tips} (passes, happy hours, set menus, transit cards, etc.)

### 6) Handy Logistics
- {Getting Around Overview}
- {Safety / Etiquette Pointers} (brief, destination-appropriate)
- {Weather / Packing Notes} (if relevant)
- {Backup Options} (rain plan / low-energy plan)

### 7) Closing
- {Highlight Recap}
- {Invitation For Follow-Up Questions}

## QUALITY CHECKS
Before finalizing, confirm:
- All recommendations clearly map to **[GUEST_INTERESTS]** and respect **[BUDGET]**.
- The itinerary is balanced (not all museums, not all food, etc.) and includes at least {Number Of Hidden Gems} hidden gems.
- Each day is geographically coherent and includes transit/time guidance.
- Any item requiring planning includes clear booking instructions or “book ahead” warnings.
- No fabricated claims: venues, events, hours, prices, and links are either cautious estimates or sourced via reputable links.            </div>
        </div>


    </div>

    <!-- CTA Row - Full width buttons -->
    <div class="prompt-cta-row">
        <button class="prompt-cta-btn prompt-cta-copy flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
                <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
            </svg>
            <span class="cta-copy-text">Copy Full Prompt</span>
        </button>
    </div>
</div>

<style>
    /* Gated prompt states */
    .prompt-gated-wrapper {
        position: relative;
    }

    /* When unlocked - show full content, hide gated */
    body.flowpast-unlocked .prompt-gated-wrapper .prompt-gated-content {
        display: none;
    }

    body.flowpast-unlocked .prompt-gated-wrapper .prompt-content-full {
        display: block !important;
    }

    /* Show/hide elements based on unlock state */
    body.flowpast-unlocked .btn-when-unlocked {
        display: inline-flex !important;
    }

    .prompt-viewer-wrapper {
        scroll-margin-top: 250px;
    }

    /* ========================================
   PROMPT VIEWER - MAIN WRAPPER
   ======================================== */
    .prompt-viewer-wrapper {
        margin: 30px 0;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    /* ========================================
   PROMPT BOX CONTAINER
   ======================================== */
    .prompt-comparison-row {
        border-radius: 12px;
        overflow: hidden;
        border: 1px solid #e0e0e0;
        background: #fff;
    }

    /* ========================================
   HEADER WITH BUTTONS
   ======================================== */
    .prompt-row-header {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 14px 20px;
        color: #fff !important;
        background: #141414;
        border-bottom: 1px solid #e0e0e0;
        flex-wrap: wrap;
    }

    .prompt-row-icon {
        font-size: 20px;
    }

    .prompt-row-title {
        font-weight: 600;
        font-size: 22px;
        color: #fff !important;
        text-decoration: underline
    }

    .prompt-header-buttons {
        margin-left: auto;
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }

    /* Header buttons */
    .prompt-header-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 20px;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        text-decoration: none;
        border: none;
    }

    .prompt-header-copy {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-header-copy:hover {
        background: #2a2a2a;
    }

    .prompt-header-copy.copied {
        background: #2e7d32;
    }

    .prompt-header-copy-green {
        background: #04AA6D !important;
        color: #fff !important;
    }

    .prompt-header-copy-green:hover {
        background: #039860 !important;
    }

    .prompt-header-copy-green.copied {
        background: #2e7d32 !important;
    }

    .prompt-header-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
    }

    .prompt-header-access:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-1px);
    }

    /* ========================================
   PROMPT CONTENT - FULL (NO SCROLL)
   ======================================== */
    .prompt-box {
        background: #ffffff;
    }

    .prompt-content-full {
        padding: 24px;
        margin: 0;
        color: #202124;
        background: #ffffff;
        font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
        font-size: 13px;
        line-height: 1.7;
        white-space: pre-wrap;
        word-wrap: break-word;
        /* No scroll - show full content */
        max-height: none;
        overflow: visible;
    }

    /* Highlighted variable in prompt */
    .prompt-variable {
        background: #fff3cd;
        color: #1967d2;
        font-weight: 700;
        padding: 2px 4px;
        border-radius: 3px;
        border: 1px solid #ffc107;
    }

    .prompt-variable-filled {
        background: #d4edda;
        color: #155724;
        font-weight: 700;
        padding: 2px 4px;
        border-radius: 3px;
        border: 1px solid #28a745;
    }

    /* ========================================
   GATED CONTENT (NO ACCESS)
   ======================================== */
    .prompt-gated-content {
        padding: 24px;
        background: #ffffff;
        font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
        font-size: 13px;
        line-height: 1.8;
        max-height: none;
        overflow: visible;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        cursor: default;
    }

    /* ## headers - larger, black */
    .prompt-header-visible {
        color: #202124;
        font-weight: 600;
        margin: 5px 0 0px 0;
        font-size: 20px;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        text-decoration: underline;
        text-underline-offset: 4px;
    }

    /* ### headers - smaller, black */
    .prompt-header-visible.subheader {
        color: #202124;
        font-weight: 600;
        margin: 5px 0;
        font-size: 18px;
    }

    .prompt-header-visible:first-child {
        margin-top: 0;
    }

    /* ========================================
   LOCKED SECTION BLOCK
   ======================================== */
    .locked-section {
        position: relative;
        margin: 4px 0 8px 0;
        border-radius: 6px;
        overflow: hidden;
        background: linear-gradient(110deg, #e2e8f0 8%, #f1f5f9 18%, #e2e8f0 33%);
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

    .locked-section-bg {
        position: relative;
    }

    .locked-section-lines {
        padding: 8px 12px;
        position: relative;
    }

    .locked-line {
        height: 6px;
        background: rgba(255, 255, 255, 0.6);
        border-radius: 3px;
        margin-bottom: 4px;
        margin-left: 12px;
    }

    .locked-line:last-child {
        margin-bottom: 0;
    }

    .locked-section-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 10;
        font-size: 24px;
        filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1));
    }

    /* Subheader locked sections - slightly indented */
    /*  .prompt-header-visible.subheader+.locked-section {
        margin-left: 16px;
    } */

    /* ========================================
   COMPATIBILITY BADGES
   ======================================== */
    .prompt-compatibility {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        padding: 12px 20px;
        background: #f8f9fa;
        border-top: 1px solid #e0e0e0;
    }

    .compat-label {
        font-size: 13px;
        color: #5f6368;
        font-weight: 500;
    }

    .compat-badge {
        padding: 4px 10px;
        background: #e8f0fe;
        color: #1967d2;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 500;
    }

    /* ========================================
   CTA ROW - FULL WIDTH BUTTONS
   ======================================== */
    .prompt-cta-row {
        display: flex;
        gap: 16px;
        flex-wrap: wrap;
    }

    .prompt-cta-btn {
        flex: 1;
        min-width: 200px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 16px 24px;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        text-decoration: none;
        border: none;
    }

    .prompt-cta-copy {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-cta-copy:hover {
        background: #2a2a2a;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    .prompt-cta-copy.copied {
        background: #2e7d32;
    }

    .prompt-cta-reset {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-cta-reset:hover {
        background: #2a2a2a;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    .prompt-cta-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
    }

    .prompt-cta-access:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(5, 152, 98, 0.3);
    }

    /* ========================================
    CUSTOMIZE YOUR PROMPT SECTION
    ======================================== */
    .prompt-customize-section {
        padding: 24px;
        border-bottom: 1px solid #e0e0e0;
        background: #fafbfc;
    }

    .customize-title {
        margin: 0 0 8px 0;
        font-size: 18px;
        font-weight: 700;
        color: #202124;
    }

    .customize-subtitle {
        margin: 0 0 20px 0;
        font-size: 14px;
        color: #5f6368;
    }

    .customize-table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 20px;
    }

    .customize-table th {
        text-align: left;
        padding: 12px;
        background: #f1f3f4;
        border: 1px solid #e0e0e0;
        font-size: 13px;
        font-weight: 600;
        color: #202124;
    }

    .customize-table td {
        padding: 12px;
        border: 1px solid #e0e0e0;
        vertical-align: top;
    }

    .customize-table .var-name {
        width: 25%;
        background: #f8f9fa;
    }

    .customize-table .var-name code {
        background: #fff3cd;
        color: #1967d2;
        border: 1px solid #ffc107;
        padding: 4px 8px;
        border-radius: 4px;
        font-size: 12px;
        word-break: break-all;
        font-weight: 600;
    }

    .customize-table .var-desc {
        width: 35%;
        font-size: 13px;
        color: #5f6368;
        line-height: 1.5;
    }

    .customize-table .var-example {
        margin-top: 8px;
        padding: 8px 10px;
        background: #f8f9fa;
        border-left: 3px solid #dadce0;
        font-size: 12px;
        color: #5f6368;
        font-style: italic;
        border-radius: 0 4px 4px 0;
    }

    .customize-table .var-input {
        width: 40%;
    }

    .customize-input {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #dadce0;
        border-radius: 6px;
        font-size: 13px;
        font-family: inherit;
        resize: vertical;
        transition: border-color 0.2s, box-shadow 0.2s;
    }

    .customize-input:focus {
        outline: none;
        border-color: rgb(5, 152, 98);
        box-shadow: 0 0 0 3px rgba(5, 152, 98, 0.1);
    }

    .customize-input::placeholder {
        color: #9aa0a6;
        font-style: italic;
    }

    .copy-customized-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        width: 100%;
        padding: 16px 24px;
        background: rgb(5, 152, 98);
        color: #fff;
        border: none;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
    }

    .copy-customized-btn:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(5, 152, 98, 0.3);
    }

    .copy-customized-btn.copied {
        background: #2e7d32;
    }

    /* ========================================
    FULL PROMPT CODE HEADER
    ======================================== */
    .prompt-code-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 20px;
        color: #fff !important;
        background: #141414;
        border-bottom: 1px solid #e0e0e0;
    }

    .prompt-code-title {
        font-size: 22px;
        font-weight: 600;
        text-decoration: underline;

    }

    .prompt-code-buttons {
        display: flex;
        gap: 8px;
    }

    .prompt-code-buttons .prompt-header-btn {
        padding: 8px 14px;
        font-size: 13px;
        background: #ffffff;
        color: #202124;
        border: 1px solid #dadce0;
    }

    .prompt-code-buttons .prompt-header-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
        border-color: rgb(5, 152, 98);
    }

    .prompt-code-buttons .prompt-header-btn.prompt-header-access:hover {
        background: rgb(4, 130, 83) !important;
        border-color: rgb(4, 130, 83);
        color: #fff !important;
    }

    .prompt-code-buttons .prompt-header-btn:hover {
        background: #f1f3f4;
    }

    .prompt-code-buttons .prompt-header-copy.copied {
        background: #d4edda;
        color: #155724;
        border-color: #28a745;
    }

    .prompt-header-reset {
        background: #ffffff;
        color: #202124;
    }

    /* ========================================
   RESPONSIVE
   ======================================== */
    @media (max-width: 768px) {
        .prompt-row-header {
            flex-direction: column;
            align-items: flex-start;
            gap: 12px;
        }

        .prompt-header-buttons {
            margin-left: 0;
            width: 100%;
        }

        .prompt-header-btn {
            flex: 1;
            justify-content: center;
        }

        .prompt-cta-row {
            flex-direction: column;
        }

        .prompt-cta-btn {
            width: 100%;
        }

        /* Customize table responsive */
        .customize-table,
        .customize-table thead,
        .customize-table tbody,
        .customize-table tr,
        .customize-table th,
        .customize-table td {
            display: block;
        }

        .customize-table thead {
            display: none;
        }

        .customize-table tr {
            margin-bottom: 16px;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            overflow: hidden;
        }

        .customize-table td {
            width: 100% !important;
            border: none;
            border-bottom: 1px solid #e0e0e0;
        }

        .customize-table td:last-child {
            border-bottom: none;
        }

        .customize-table .var-name {
            background: #f1f3f4;
            font-weight: 600;
        }

        .prompt-code-header {
            flex-direction: column;
            gap: 12px;
            align-items: flex-start;
        }

        .prompt-code-buttons {
            width: 100%;
        }

        .prompt-code-buttons .prompt-header-btn {
            flex: 1;
            justify-content: center;
        }
    }
</style>

<script>
    function handlePromptCopy() {
        // Check if unlocked via cookie
        if (typeof window.flowpastIsUnlocked === 'function' && !window.flowpastIsUnlocked()) {
            // Show email popup
            if (typeof window.flowpastShowEmailPopup === 'function') {
                window.flowpastShowEmailPopup('prompt');
            }
            return;
        }

        // Copy the customized prompt (with filled variables)
        const customizedPrompt = getCustomizedPrompt();
        const copyButtons = document.querySelectorAll('.prompt-header-copy, .prompt-header-copy-green, .prompt-cta-copy, .copy-customized-btn');

        navigator.clipboard.writeText(customizedPrompt).then(() => {
            copyButtons.forEach(btn => {
                btn.classList.add('copied');
                const textSpan = btn.querySelector('span');
                if (textSpan) textSpan.textContent = 'Copied!';
            });

            setTimeout(() => {
                copyButtons.forEach(btn => {
                    btn.classList.remove('copied');
                    const textSpan = btn.querySelector('span');
                    if (textSpan) textSpan.textContent = 'Copy Full Prompt';
                });
            }, 2000);
        }).catch(err => {
            console.error('Failed to copy:', err);
        });
    }

    // Store original prompt for customization
    const originalPrompt = "## OBJECTIVE\r\nCreate a tailor-made travel guide for a hotel guest that matches their interests, daily spending limit, and trip duration. The guide should balance \u201cmust-see\u201d highlights with lesser-known finds, and include practical planning details so the guest can follow it easily.\r\n\r\n## PERSONA\r\nYou are a seasoned luxury-hospitality concierge and local specialist. You communicate with friendly confidence, like a calm problem-solver who knows the city intimately and enjoys making guests feel looked after.\r\n\r\n## CONSTRAINTS\r\n- Align every suggestion with **[GUEST_INTERESTS]** and keep options within **[BUDGET]** (or clearly label any \u201csplurge\u201d as optional with a cheaper alternative).\r\n- Offer variety (culture, food, nature, nightlife, relaxation\u2014only where relevant).\r\n- Mix well-known attractions with under-the-radar experiences.\r\n- Provide actionable logistics (timing, transit, booking, and pacing).\r\n- Use **delivery standards**: warm, conversational, and easy to scan with bullets and short paragraphs.\r\n- Add links where useful (official sites, maps, reservations). Only include images if you can provide reputable source links (no invented URLs).\r\n\r\n### What This Is NOT\r\n- Not a generic city overview or history essay.\r\n- Not a rigid minute-by-minute schedule that ignores the guest\u2019s pace.\r\n- Not recommendations that conflict with the stated budget, interests, or practical feasibility.\r\n- Not made-up venues, events, addresses, or links.\r\n\r\n## PROCESS\r\n1. **Pre-Analysis (must write this out):** Restate your understanding of the trip in 2\u20134 lines using the provided inputs, and list any assumptions you must make.\r\n2. Build a recommendation pool across: sights, neighborhoods, meals, activities, and \u201clocal-only\u201d moments.\r\n3. Select the best matches and arrange them into a sensible flow across **[TIMEFRAME]** (cluster by area; avoid needless backtracking).\r\n4. Add concierge-level enhancements: reservation guidance, ideal visit windows, crowd-avoidance tactics, and small upgrades.\r\n5. Apply budget discipline: include cost-saving swaps, free\/low-cost options, and guidance on where to spend vs. save.\r\n6. Final pass: ensure clarity, scannability, and that every item ties back to the guest\u2019s preferences.\r\n\r\n### Edge Case Handling\r\n- If any input is missing or vague, ask up to **5** clarifying questions first. If the user can\u2019t answer, proceed using clearly stated assumptions.\r\n- If **[BUDGET]** is very low, prioritize free sights, local markets, scenic walks, public transit, and affordable eateries.\r\n- If **[TIMEFRAME]** is short, focus on high-impact experiences and one \u201chidden gem\u201d per day max.\r\n- If interests conflict (e.g., \u201cquiet\u201d + \u201cnightlife\u201d), offer two alternate paths (Relaxed vs. Lively).\r\n\r\n## INPUTS\r\n- **Destination:** [DESTINATION]  \r\n- **Guest interests:** [GUEST_INTERESTS]  \r\n- **Daily budget:** [BUDGET]  \r\n- **Length of stay:** [TIMEFRAME]  \r\n- **Preferred tone (optional):** [TONE]  \r\n- **Any constraints (optional; diet, mobility, kids, etc.):** [CONTEXT]  \r\n\r\n## OUTPUT SPECIFICATION\r\nUse the following sections and fill in details with the placeholders shown:\r\n\r\n### 1) Welcome\r\n- {Warm Greeting}\r\n- {Quick Summary Of Preferences} (reflect interests, budget, trip length)\r\n\r\n### 2) Trip Game Plan (At-a-Glance)\r\n- {Best Areas To Base Activities}\r\n- {Suggested Daily Rhythm} (morning\/afternoon\/evening style)\r\n- {Top 3 Priorities}\r\n\r\n### 3) Day-by-Day Suggestions (for {Number Of Days})\r\nFor each day include:\r\n- **Theme\/Area:** {Day Theme}\r\n- **Morning:** {Morning Plan}\r\n- **Afternoon:** {Afternoon Plan}\r\n- **Evening:** {Evening Plan}\r\n- **Dining picks:** {Meal Suggestions} (include 1\u20133 options with vibe + price)\r\n- **Why it fits:** {Fit Rationale}\r\n- **Estimated costs:** {Cost Range}\r\n- **Time & transit:** {Neighborhoods} + {Approx Travel Time} + {Transport Options}\r\n- **Booking notes:** {Reservations \/ Tickets \/ Closures}\r\n\r\n### 4) Insider Notes (Concierge Intel)\r\n- {Hidden Gems}\r\n- {Best Times To Go}\r\n- {Crowd Avoidance Tips}\r\n- {Seasonal \/ Local Events To Check} (only if plausibly discoverable; include a \u201cverify dates\u201d note)\r\n\r\n### 5) Budget Strategy\r\n- {Where To Splurge}\r\n- {Where To Save}\r\n- {Free \/ Low-Cost Wins}\r\n- {Practical Money Tips} (passes, happy hours, set menus, transit cards, etc.)\r\n\r\n### 6) Handy Logistics\r\n- {Getting Around Overview}\r\n- {Safety \/ Etiquette Pointers} (brief, destination-appropriate)\r\n- {Weather \/ Packing Notes} (if relevant)\r\n- {Backup Options} (rain plan \/ low-energy plan)\r\n\r\n### 7) Closing\r\n- {Highlight Recap}\r\n- {Invitation For Follow-Up Questions}\r\n\r\n## QUALITY CHECKS\r\nBefore finalizing, confirm:\r\n- All recommendations clearly map to **[GUEST_INTERESTS]** and respect **[BUDGET]**.\r\n- The itinerary is balanced (not all museums, not all food, etc.) and includes at least {Number Of Hidden Gems} hidden gems.\r\n- Each day is geographically coherent and includes transit\/time guidance.\r\n- Any item requiring planning includes clear booking instructions or \u201cbook ahead\u201d warnings.\r\n- No fabricated claims: venues, events, hours, prices, and links are either cautious estimates or sourced via reputable links.";
    const variables = ["[GUEST_INTERESTS]","[BUDGET]","[TIMEFRAME]","[DESTINATION]","[TONE]","[CONTEXT]"];
    // Initial render with highlighted variables
    document.addEventListener('DOMContentLoaded', function() {
        renderPromptWithHighlights();
    });

    // Live update prompt as user types
    document.querySelectorAll('.customize-input').forEach(input => {
        input.addEventListener('input', renderPromptWithHighlights);
    });

    function renderPromptWithHighlights() {
        const promptContent = document.getElementById('premium-prompt-content');
        if (!promptContent) return;

        let updatedPrompt = originalPrompt;
        let filledVariables = {};

        // Collect filled values
        document.querySelectorAll('.customize-input').forEach(input => {
            const placeholder = input.dataset.placeholder;
            const value = input.value.trim();

            if (value) {
                filledVariables[placeholder] = value;
            }
        });

        // Replace filled variables and highlight remaining
        let htmlContent = escapeHtml(updatedPrompt);

        variables.forEach(placeholder => {
            const escapedPlaceholder = escapeHtml(placeholder);
            const regex = new RegExp(escapeRegex(escapedPlaceholder), 'g');

            if (filledVariables[placeholder]) {
                // Show filled value with green highlight
                htmlContent = htmlContent.replace(regex,
                    '<span class="prompt-variable-filled">' + escapeHtml(filledVariables[placeholder]) + '</span>'
                );
            } else {
                // Show original placeholder with yellow highlight
                htmlContent = htmlContent.replace(regex,
                    '<span class="prompt-variable">' + escapedPlaceholder + '</span>'
                );
            }
        });

        promptContent.innerHTML = htmlContent;
    }

    function escapeRegex(string) {
        return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
    }

    function escapeHtml(text) {
        const div = document.createElement('div');
        div.textContent = text;
        return div.innerHTML;
    }

    function resetPrompt() {
        // Clear all input fields
        document.querySelectorAll('.customize-input').forEach(input => {
            input.value = '';
        });

        // Re-render with original placeholders highlighted
        renderPromptWithHighlights();

        // Visual feedback
        const resetBtns = document.querySelectorAll('.prompt-header-reset, .prompt-cta-reset');
        resetBtns.forEach(btn => {
            const originalText = btn.querySelector('span').textContent;
            btn.querySelector('span').textContent = 'Reset!';
            setTimeout(() => {
                btn.querySelector('span').textContent = originalText;
            }, 1000);
        });
    }


    function getCustomizedPrompt() {
        let updatedPrompt = originalPrompt;

        document.querySelectorAll('.customize-input').forEach(input => {
            const placeholder = input.dataset.placeholder;
            const value = input.value.trim();

            if (value) {
                const regex = new RegExp(escapeRegex(placeholder), 'g');
                updatedPrompt = updatedPrompt.replace(regex, value);
            }
        });

        return updatedPrompt;
    }
</script>

</div>

<div class="pro-tips-section">

<h2 class="wp-block-heading">Pro Tips for Better AI Prompt Results</h2>



<ul class="wp-block-list">

<li><strong>Make the interests concrete, not cute.</strong> “Art and food” is a start, but it’s not enough to personalize pacing or choices. Try: “Contemporary art museums, seafood, calm coffee spots, and one jazz night; no clubs.” After the first run, follow up with: “Replace any touristy restaurants with neighborhood places locals actually book.”</li>


<li><strong>Define the budget as a daily cap plus a rule.</strong> If you can, set a number and boundaries, like “$180/day per person excluding accommodation; one splurge dinner is fine.” Then ask: “Flag anything that might exceed the cap, and give a cheaper alternative within a 10-minute walk.”</li>

<li><strong>Use timeframe details to fix pacing.</strong> The prompt works best when it knows your arrival and departure rhythm. Add guidance like “Day 1 starts at 2pm after check-in; Day 3 ends early for a 6am tour.” If the itinerary feels too packed, ask: “Reduce each day to 2 anchor activities and add 1 flexible option nearby.”</li>


<li><strong>Force realistic transit and clustering.</strong> Guests feel stress when a plan bounces across town. After you get a draft, try: “Recluster by neighborhood so no day has more than two major areas; prefer public transit and walking.” You can also add: “Avoid steep hills due to mobility limits.”</li>


<li><strong>Ask for reservation-grade specifics.</strong> The concierge value is in the “how,” not just the “what.” Prompt: “For each dinner and top attraction, tell me how far ahead to book, best time slots, and a quick script I can use when calling.” Honestly, that one follow-up turns a decent guide into something you can hand to VIPs.</li>

</ul>
<!-- /wp:post-content -->
</div>

<div class="related-prompts-section">
<!-- wp:heading {"level":2} -->
<h2 class="wp-block-heading">Related Prompts</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>If you like structured, day-by-day outputs, these related planning prompts can help you standardize other “calendar-style” deliverables too:</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>If you also need a repeatable cadence for what you publish (instead of what a guest does), <a href="https://flowpast.com/prompts/build-a-social-media-content-calendar-with-this-ai-prompt/">Build a Social Media Content Calendar with this AI Prompt</a> pairs nicely. Use it when your team wants the same kind of clear schedule, just applied to posts, themes, and channels rather than neighborhoods and transit.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>For short sprints and campaigns, <a href="https://flowpast.com/prompts/build-a-7-day-social-content-roadmap-with-this-ai-prompt/">Build a 7-Day Social Content Roadmap with this AI Prompt</a> is useful when you need something fast and time-boxed. It’s a good companion when you’re creating a “weekend guide” for guests and also want a matching week of promotional content to market that experience.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>When the issue isn’t speed but consistency, <a href="https://flowpast.com/prompts/create-a-sustainable-content-calendar-with-this-ai-prompt/">Create a Sustainable Content Calendar with this AI Prompt</a> helps you avoid overstuffed plans that nobody can maintain. Same principle as a great itinerary: strong anchors, breathing room, and an output that fits real life.</p>
<!-- /wp:paragraph -->

<br>

<!-- wp:paragraph -->
<p>Quick reference:</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul>
<!-- wp:list-item -->
<li><a href="https://flowpast.com/prompts/build-a-7-day-social-content-roadmap-with-this-ai-prompt/">Build a 7-Day Social Content Roadmap with this AI Prompt</a>: One-week plan for quick execution.</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li><a href="https://flowpast.com/prompts/build-a-social-media-content-calendar-with-this-ai-prompt/">Build a Social Media Content Calendar with this AI Prompt</a>: Month-style posting schedule and themes.</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li><a href="https://flowpast.com/prompts/create-a-sustainable-content-calendar-with-this-ai-prompt/">Create a Sustainable Content Calendar with this AI Prompt</a>: Balanced cadence you can maintain long-term.</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li><a href="https://flowpast.com/prompts/build-a-7-day-meal-plan-calendar-with-this-ai-prompt/">Build a 7-Day Meal Plan Calendar with this AI Prompt</a>: Day-by-day planning with constraints and variety.</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li><a href="https://flowpast.com/prompts/create-a-3-month-seo-content-calendar-ai-prompt/">Create a 3-Month SEO Content Calendar AI Prompt</a>: Longer horizon planning for organic growth.</li>
<!-- /wp:list-item -->
</div>

<div class="faq-section">
<!-- wp:heading {"level":2} -->
<h2 class="wp-block-heading">Common Questions</h2>
<!-- /wp:heading -->

<div class="faq-item">
<span class="question">Which roles benefit most from this travel guide AI prompt?</span>
<!-- wp:paragraph -->
<p class="answer"><strong>Hotel Concierges</strong> use this to turn a quick guest chat into a credible, day-by-day plan with booking notes and timing suggestions. <strong>Guest Experience Managers</strong> rely on it when they’re supporting many arrivals and need consistent guide quality across different budgets and interests. <strong>Vacation Rental Hosts</strong> apply it to deliver a premium “local guide” that reduces repetitive questions and improves reviews. <strong>Luxury Travel Advisors</strong> use it as a starting draft, then refine the recommendations to match supplier relationships and VIP preferences.</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Which industries get the most value from this travel guide AI prompt?</span>
<!-- wp:paragraph -->
<p class="answer"><strong>Hospitality (hotels and resorts)</strong> gets immediate value because guests expect concierge-level specificity like booking windows, transit hints, and crowd timing. <strong>Short-term rentals and property management</strong> teams use it to standardize guest guides across multiple listings while still tailoring to interests and budgets. <strong>Tour operators and DMCs</strong> can use it to generate draft itineraries for different traveler profiles, then swap in their own bookable products. <strong>Corporate travel and executive assistants</strong> benefit when they need a practical plan that respects tight schedules, predictable spend, and low-friction logistics.</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Why do basic AI prompts for creating a bespoke guest travel guide produce weak results?</span>
<!-- wp:paragraph -->
<p class="answer">A typical prompt like &#8220;<em>Write me a travel itinerary for my trip</em>&#8221; fails because it: lacks specific inputs like guest interests, budget, and timeframe that keep recommendations relevant; provides no planning structure (so the day flows poorly); ignores logistics like transit, booking needs, and pacing; produces generic “top attractions” instead of a balanced mix of highlights and lesser-known finds; and can slip into made-up details or unverified suggestions rather than sticking to practical, doable options.</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Can I customize this travel guide AI prompt for my specific situation?</span>
<!-- wp:paragraph -->
<p class="answer">Yes. The key variables to adjust are [GUEST_INTERESTS], [BUDGET], and [TIMEFRAME], and you can also add constraints like mobility needs, dietary preferences, and preferred transport. If you’re supporting a special occasion, include it explicitly (anniversary, kids’ ages, business schedule blocks), because that changes pacing and venue types. A useful follow-up is: “Rewrite the itinerary for rainy weather and keep each day within the same neighborhoods.” If you want a tighter plan, ask: “Cut each day to two anchors and add one optional nearby backup.”</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">What are the most common mistakes when using this travel guide AI prompt?</span>
<!-- wp:paragraph -->
<p class="answer">The biggest mistake is leaving [GUEST_INTERESTS] too vague — instead of &#8220;food and culture,&#8221; try &#8220;seafood, contemporary art, quiet cafés, and a single cocktail bar; no late nights.&#8221; Another common error is setting [BUDGET] without context; &#8220;cheap&#8221; is unclear, while &#8220;$150/day per person, one splurge dinner up to $90&#8221; produces better picks. People also make [TIMEFRAME] fuzzy: &#8220;3 days&#8221; is weaker than &#8220;3 days, Day 1 starts 3pm, Day 3 ends 1pm for airport.&#8221; Finally, skipping constraints like walking tolerance or transit preference can lead to exhausting routes, so add “max 12,000 steps/day” or “prefer subway over taxis.”</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Who should NOT use this travel guide AI prompt?</span>
<!-- wp:paragraph -->
<p class="answer">This prompt isn’t ideal for trips where the city, dates, or constraints are unknown and you can’t provide real inputs yet. It’s also not the best fit if you only want a single restaurant recommendation or one quick attraction list; the value comes from building a coherent multi-day flow. And if you need guaranteed real-time availability or pricing, you’ll still need to verify with official booking channels. In those cases, use it for the structure, then confirm specifics separately.</p>
<!-- /wp:paragraph -->
</div>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Which roles benefit most from this travel guide AI prompt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Hotel Concierges use this to turn a quick guest chat into a credible, day-by-day plan with booking notes and timing suggestions. Guest Experience Managers rely on it when they’re supporting many arrivals and need consistent guide quality across different budgets and interests. Vacation Rental Hosts apply it to deliver a premium “local guide” that reduces repetitive questions and improves reviews. Luxury Travel Advisors use it as a starting draft, then refine the recommendations to match supplier relationships and VIP preferences."
      }
    },
    {
      "@type": "Question",
      "name": "Which industries get the most value from this travel guide AI prompt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Hospitality (hotels and resorts) gets immediate value because guests expect concierge-level specificity like booking windows, transit hints, and crowd timing. Short-term rentals and property management teams use it to standardize guest guides across multiple listings while still tailoring to interests and budgets. Tour operators and DMCs can use it to generate draft itineraries for different traveler profiles, then swap in their own bookable products. Corporate travel and executive assistants benefit when they need a practical plan that respects tight schedules, predictable spend, and low-friction logistics."
      }
    },
    {
      "@type": "Question",
      "name": "Why do basic AI prompts for creating a bespoke guest travel guide produce weak results?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "A typical prompt like \"Write me a travel itinerary for my trip\" fails because it: lacks specific inputs like guest interests, budget, and timeframe that keep recommendations relevant; provides no planning structure (so the day flows poorly); ignores logistics like transit, booking needs, and pacing; produces generic “top attractions” instead of a balanced mix of highlights and lesser-known finds; and can slip into made-up details or unverified suggestions rather than sticking to practical, doable options."
      }
    },
    {
      "@type": "Question",
      "name": "Can I customize this travel guide AI prompt for my specific situation?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Yes. The key variables to adjust are [GUEST_INTERESTS], [BUDGET], and [TIMEFRAME], and you can also add constraints like mobility needs, dietary preferences, and preferred transport. If you’re supporting a special occasion, include it explicitly (anniversary, kids’ ages, business schedule blocks), because that changes pacing and venue types. A useful follow-up is: “Rewrite the itinerary for rainy weather and keep each day within the same neighborhoods.” If you want a tighter plan, ask: “Cut each day to two anchors and add one optional nearby backup.”"
      }
    },
    {
      "@type": "Question",
      "name": "What are the most common mistakes when using this travel guide AI prompt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "The biggest mistake is leaving [GUEST_INTERESTS] too vague — instead of \"food and culture,\" try \"seafood, contemporary art, quiet cafés, and a single cocktail bar; no late nights.\" Another common error is setting [BUDGET] without context; \"cheap\" is unclear, while \"$150/day per person, one splurge dinner up to $90\" produces better picks. People also make [TIMEFRAME] fuzzy: \"3 days\" is weaker than \"3 days, Day 1 starts 3pm, Day 3 ends 1pm for airport.\" Finally, skipping constraints like walking tolerance or transit preference can lead to exhausting routes, so add “max 12,000 steps/day” or “prefer subway over taxis.”"
      }
    },
    {
      "@type": "Question",
      "name": "Who should NOT use this travel guide AI prompt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "This prompt isn’t ideal for trips where the city, dates, or constraints are unknown and you can’t provide real inputs yet. It’s also not the best fit if you only want a single restaurant recommendation or one quick attraction list; the value comes from building a coherent multi-day flow. And if you need guaranteed real-time availability or pricing, you’ll still need to verify with official booking channels. In those cases, use it for the structure, then confirm specifics separately."
      }
    }
  ]
}
</script>
</div>

<div class="closing-section">
<!-- wp:paragraph -->
<p>A guest-ready itinerary should feel personal, paced, and doable. Paste this prompt into ChatGPT, add the guest’s interests, budget, and timeframe, then hand over a plan that reads like a real concierge wrote it.</p>
<!-- /wp:paragraph -->
</div>]]></content:encoded>
					
		
		
		<media:content url="https://flowpast.s3.eu-north-1.amazonaws.com/featured_blog_images/5001740.webp" medium="image"></media:content>
            	</item>
		<item>
		<title>Write a Returns and Refunds Policy with this AI Prompt</title>
		<link>https://flowpast.com/prompts/write-a-returns-and-refunds-policy-with-this-ai-prompt/</link>
		
		<dc:creator><![CDATA[Lisa Granqvist]]></dc:creator>
		<pubDate>Fri, 23 Jan 2026 02:39:52 +0000</pubDate>
				<category><![CDATA[Prompts]]></category>
		<guid isPermaLink="false">https://flowpast.com/?p=5002877</guid>

					<description><![CDATA[Refund requests create chaos - this AI Prompt guides a staged workflow to write a clear returns policy with steps, timelines, and safeguards. Discover more AI prompts for marketing, sales, and ops.]]></description>
										<content:encoded><![CDATA[<!-- FOCUS_KEYWORD: returns refund policy -->
<div class="hook-introduction">

<p>Refund requests can turn into a messy back-and-forth fast. Customers ask the same questions, your team gives inconsistent answers, and disputes show up when expectations were never clear in the first place. Most “template” policies make it worse because they sound legal, hide the real rules, and leave critical gaps.</p>



<p>This <strong>returns refund policy</strong> is built for <strong>e-commerce operators</strong> who need a policy that reduces chargebacks without looking hostile, <strong>CX leaders</strong> who want a workflow agents can follow consistently, and <strong>brand marketers</strong> who need customer-friendly language that still protects margins. The output is a plain-language, mobile-scannable returns and refunds policy with staged questions, clear timelines, exclusions, and rollout/testing guidance.</p>

</div>

<div class="what-and-when-section">

<h2 class="wp-block-heading">What Does This AI Prompt Do and When to Use It?</h2>



<table class="solution-results-table three-column" role="presentation" aria-label="What this prompt does, when to use it, and what you get">
 <thead>
    <tr>
      <th scope="col">What This Prompt Does</th>
      <th scope="col">When to Use This Prompt</th>
      <th scope="col">What You&#8217;ll Get</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <ul class="automation-list">
          <li>It interviews you in 4–7 stages, asking only the next set of questions needed to draft the right policy.</li>
          <li>It runs a short pre-analysis, restating your store context and flagging the top three return-related risks to address.</li>
          <li>It drafts a plain-language, skimmable policy structured for mobile reading (headers, bullets, and clear “what to do next” steps).</li>
          <li>It adds extra safeguards and exclusions when your catalog includes regulated goods like perishables, medical items, hazardous materials, or age-restricted products.</li>
          <li>It includes rollout/testing guidance so you can reduce disputes and chargebacks by tightening steps, timelines, and documentation expectations.</li>
       </ul>
      </td>
      <td>
        <ul class="results-list">
          <li>You’re scaling support and need every agent to give the same answer about windows, condition rules, and refund timing.</li>
          <li>Disputes are rising because customers claim they “didn’t know” the conditions for returns, exchanges, or store credit.</li>
          <li>You’re changing shipping carriers, 3PLs, or fulfillment timelines, and the old policy no longer matches reality.</li>
          <li>A competitor is advertising “easy returns,” and you need clarity plus fairness without opening the door to abuse.</li>
          <li>You’re adding higher-risk products (perishables, intimate apparel, batteries, supplements) and need tighter exclusions and process steps.</li>
        </ul>
      </td>
       <td>
         <ul class="deliverables-list">
           <li>A complete returns and refunds policy draft with clearly labeled sections and scannable bullets.</li>
           <li>A staged Q&amp;A workflow (4–7 stages) you can reuse whenever your rules or catalog change.</li>
           <li>Recommended timelines and process steps (return window, inspection flow, refund processing expectations) written in customer-friendly language.</li>
           <li>Regulated-goods add-ons when relevant, including exclusions, extra verification steps, and safety notes.</li>
           <li>Rollout and testing guidance to spot confusion points, reduce ticket volume, and lower chargeback risk.</li>
         </ul>
       </td>
    </tr>
  </tbody>
</table>

</div>

<div class="prompt-display-section">

<h2 class="wp-block-heading">The Full AI Prompt: Staged Returns &amp; Refunds Policy Builder</h2>



<div class="prompt-viewer-wrapper" id="prompt-section">
    <div class="prompt-comparison-row prompt-premium">
        <!-- Header with buttons -->
        <div class="prompt-row-header">
            <!-- <span class="prompt-row-icon">✨</span> -->
            <span class="prompt-row-title">
                                    Step 1: Customize the prompt with your input
                            </span>
            <div class="prompt-header-buttons">
                                    <button class="prompt-header-btn prompt-header-reset" onclick="resetPrompt()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
                            <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
                        </svg>
                        <span>Reset</span>
                    </button>
                                <button class="prompt-header-btn prompt-header-copy-green flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                        <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                        <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                    </svg>
                    <span>Customize and Copy Full Prompt</span>
                </button>
            </div>
        </div>

        <!-- Customize the Prompt Section -->
                    <div class="prompt-customize-section">
                <span class="customize-title">Customize the Prompt</span>
                <p class="customize-subtitle">Fill in the fields below to personalize this prompt for your needs.</p>
                <table class="customize-table">
                    <thead>
                        <tr>
                            <th>Variable</th>
                            <th>What to Enter</th>
                            <th>Customise the prompt</th>
                        </tr>
                    </thead>
                    <tbody>
                                                    <tr>
                                <td class="var-name"><code>[LIST_ALL_DEPARTMENTS_AND_THEIR_PRIMARY_FUNCTIONS]</code></td>
                                <td class="var-desc">
                                    Provide a comprehensive list of all departments in the organization along with a brief description of their main roles and responsibilities.                                    <div class="var-example">For example: "Marketing: Responsible for brand awareness and customer acquisition. Sales: Focuses on closing deals and revenue generation. Product Development: Designs and builds new features and products. Operations: Ensures smooth day-to-day business processes."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[LIST_ALL_DEPARTMENTS_AND_THEIR_PRIMARY_FUNCTIONS]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[DESCRIBE_ONGOING_PROJECTS_REQUIRING_COLLABORATION]</code></td>
                                <td class="var-desc">
                                    Outline the key projects that require cross-departmental collaboration, including their objectives, scope, and the departments involved.                                    <div class="var-example">For example: "Launch of a new product line: Involves Marketing, Sales, Product Development, and Operations. Objective is to design, market, and deliver the product by Q3. Marketing handles campaigns, Sales prepares pitches, Product Development builds prototypes, and Operations ensures supply chain readiness."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[DESCRIBE_ONGOING_PROJECTS_REQUIRING_COLLABORATION]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[DETAIL_TRUST_COMMUNICATION_OR_GOAL_ALIGNMENT_ISSUES]</code></td>
                                <td class="var-desc">
                                    Explain any challenges related to trust, communication breakdowns, or misaligned goals between departments, including specific examples or patterns.                                    <div class="var-example">For example: "Trust issues between Marketing and Sales due to perceived credit-stealing on successful campaigns. Communication breakdowns during project handoffs between Product Development and Operations, leading to delays. Misaligned KPIs between teams causing conflicting priorities."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[DETAIL_TRUST_COMMUNICATION_OR_GOAL_ALIGNMENT_ISSUES]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[DESCRIBE_COMPETITIVE_VS_COLLABORATIVE_ELEMENTS]</code></td>
                                <td class="var-desc">
                                    Identify areas where departments are competing versus areas where collaboration is essential, including examples of how these dynamics affect outcomes.                                    <div class="var-example">For example: "Competitive: Marketing and Sales compete for budget allocation, leading to tension during planning. Collaborative: Product Development and Operations must align on timelines and resource availability to meet launch deadlines."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[DESCRIBE_COMPETITIVE_VS_COLLABORATIVE_ELEMENTS]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[WHAT_WORKED_WHAT_FAILED_AND_WHY]</code></td>
                                <td class="var-desc">
                                    Summarize past attempts to address silos, including strategies that succeeded, those that failed, and the reasons behind their outcomes.                                    <div class="var-example">For example: "Worked: Weekly cross-departmental meetings helped clarify priorities and reduced miscommunication. Failed: A team-building retreat did not address underlying KPI misalignment, resulting in no lasting change."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[WHAT_WORKED_WHAT_FAILED_AND_WHY]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[TIMEFRAME]</code></td>
                                <td class="var-desc">
                                    Specify the desired timeline for achieving measurable progress, including any deadlines or milestones.                                    <div class="var-example">For example: "First measurable win within 30 days, full implementation by the end of Q2."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[TIMEFRAME]"
                                            placeholder="Enter your value here..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[PRIMARY_GOAL]</code></td>
                                <td class="var-desc">
                                    Define the main objective of the initiative, focusing on the desired outcomes and benefits for the organization.                                    <div class="var-example">For example: "Rebuild cross-departmental trust, establish shared metrics, and enable stalled projects to move forward effectively."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[PRIMARY_GOAL]"
                                            placeholder="Enter your value here..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                            </tbody>
                </table>

                <button class="copy-customized-btn flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
                        <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                        <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                    </svg>
                    <span class="copy-customized-text">Customise the prompt now</span>
                </button>
            </div>
        
        <!-- Full Prompt Code Header -->
                    <div class="prompt-code-header">
                <span class="prompt-code-title">
                    Step 2: Copy the Prompt
                </span>
                <div class="prompt-code-buttons">
                    <!-- Reset: Only visible when unlocked -->
                    <button class="prompt-header-btn prompt-header-reset btn-when-unlocked" onclick="resetPrompt()" style="display: none;">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
                            <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
                        </svg>
                        <span>Reset</span>
                    </button>
                    <!-- Copy Full Prompt -->
                    <button class="prompt-header-btn prompt-header-copy flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                            <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                        </svg>
                        <span>Copy Full Prompt</span>
                    </button>
                </div>
            </div>
        

        <!-- Prompt Content -->
        <div class="prompt-box prompt-gated-wrapper">
            <!-- Gated: Blurred content -->
            <div class="prompt-gated-content">
                <div class="prompt-header-visible">OBJECTIVE</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">PERSONA</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">CONSTRAINTS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div><div class="locked-line" style="width: 85%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">PROCESS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">INPUTS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">OUTPUT SPECIFICATION</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">1) Current State Diagnosis</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">2) Tier 1: Immediate Interventions (~0–35 days)</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">A) Problem-Solving Workshop Series: {Workshop Name}</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">B) Quick Win Interdependent Challenge: {Challenge Name}</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">C) Micro-Rotation / Shadowing: {Rotation Name}</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">3) Tier 2: Structural Changes (~1–7 months)</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">A) Rotation Program Design: {Program Name}</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">B) Cross-Functional Delivery Pod / Innovation Lab: {Lab Name}</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">4) Tier 3: Cultural &amp; Operating Model Reinforcement (~6–14 months)</div><div class="prompt-header-visible subheader">Sustainable Collaboration Framework: {Framework Name}</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">5) Implementation Roadmap</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">6) Risk Mitigation</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">7) What This Is NOT</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">QUALITY CHECKS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div>            </div>
            <!-- Unlocked: Full content (hidden by default) -->
            <div class="prompt-content-full" id="premium-prompt-content" style="display: none;">
                ## OBJECTIVE
Create a tailored, high-leverage plan to break down internal departmental silos by rebuilding cross-team trust, reducing territorial behavior, and enabling stalled cross-functional work to move again. The deliverable must move from diagnosis → interventions → durable operating model, with early wins that show measurable progress in roughly the first month.

## PERSONA
Act as an organizational transformation strategist with a background in corporate ethnography: you’ve observed how incentives, reporting lines, and resource scarcity convert capable teams into rival camps. You design cooperation as the “default path” by combining team-development dynamics (in the spirit of Tuckman’s stages) with established cross-functional operating practices (aligned with major consulting playbooks). Your writing style is plainspoken, specific, and operational—more like a field manual than a motivational talk.

## CONSTRAINTS
- Start by recognizing rational reasons for resistance (e.g., historical breaches of trust, budget/headcount competition, credit-stealing, unclear ownership).
- Every intervention must tackle underlying drivers (incentives, decision rights, metrics, information flow)—not cosmetic “team building.”
- Initial actions must work even when trust is low.
- Define success so each participating department benefits fairly.
- Include at least one visible, measurable win within ~25–35 days.
- Add safeguards that limit turf protection (credit rules, escalation paths, decision logs, transparent resourcing).
- Provide communication norms that reduce hoarding (shared artifacts, open channels, explicit SLAs).
- Align shared outcomes to department KPIs; don’t ask teams to “volunteer” against their measured goals.
- Do not force collaboration in areas where constructive competition is strategically useful; call out those cases explicitly.
- Build for durability after the first burst of enthusiasm.
- Include mechanisms for healthy disagreement and conflict repair.

## PROCESS
1. **Pre-analysis (state your understanding first):** Summarize what you believe is happening in this organization and what “success” should look like, based on the provided inputs. List 3–6 assumptions you are making.
2. **Collaboration landscape scan:** Map surface friction (visible conflict) and below-the-surface dynamics (alliances, gatekeepers, hidden dependencies, status contests).
3. **Root-cause diagnosis:** Identify the top 3–5 systemic causes driving silos (e.g., KPI misalignment, competing priorities, unclear decision rights, resourcing scarcity, narrative warfare).
4. **Design the intervention portfolio:** Provide three tiers:
   - Immediate “low-trust-required” experiments
   - Mid-horizon structural rewiring
   - Long-horizon culture/operating-model reinforcement  
   Each tier must include: (a) problem-solving workshops, (b) rotation/immersion design, (c) interdependent challenges.
5. **Measurement + governance:** Define shared metrics, reporting cadence, owners, and escalation routes.
6. **Risk controls:** Anticipate predictable resistance patterns and add guardrails.
7. **Edge cases:** If inputs are missing, contradictory, or vague, ask up to 7 clarifying questions. If you must proceed anyway, provide a “best-guess draft” and clearly mark where assumptions were inserted.
8. **Scope boundaries (“What This Is NOT”):** Explicitly state what you are not producing (e.g., a full reorg, compensation redesign details, legal/HR policy writing), unless the user requests it.

## INPUTS
- **Departments &amp; primary functions:** [LIST_ALL_DEPARTMENTS_AND_THEIR_PRIMARY_FUNCTIONS]  
- **Current cross-functional initiatives:** [DESCRIBE_ONGOING_PROJECTS_REQUIRING_COLLABORATION]  
- **Specific collaboration breakdowns:** [DETAIL_TRUST_COMMUNICATION_OR_GOAL_ALIGNMENT_ISSUES]  
- **Culture traits (competitive vs collaborative):** [DESCRIBE_COMPETITIVE_VS_COLLABORATIVE_ELEMENTS]  
- **Prior attempts (wins, failures, causes):** [WHAT_WORKED_WHAT_FAILED_AND_WHY]  
- **Time horizon preferences (optional):** [TIMEFRAME]  
- **Primary objective (optional):** [PRIMARY_GOAL]

## OUTPUT SPECIFICATION
Use the following sections and template fields.

## 1) Current State Diagnosis
- **Observed symptoms:** {Symptoms}
- **Hidden dynamics (alliances, veto players, bottlenecks):** {Hidden Dynamics}
- **Root causes (ranked):** {Root Causes Ranked}
- **Where competition is healthy (and should remain):** {Healthy Competition Zones}
- **Immediate leverage points:** {Leverage Points}

## 2) Tier 1: Immediate Interventions (~0–35 days)
Provide 3–5 items total, and include at least:
- one workshop series
- one quick-win interdependent challenge
- one lightweight rotation/immersion element

### A) Problem-Solving Workshop Series: {Workshop Name}
- **Shared problem statement (not “team bonding”):** {Problem Statement}
- **Departments involved:** {Departments}
- **Why they’ll resist (legitimate reasons):** {Resistance Drivers}
- **Low-trust entry hook:** {Entry Hook}
- **Psychological safety design:** {Safety Design}
- **Safeguards vs turf behavior (credit, scope, decision logs):** {Territory Safeguards}
- **Communication protocol (artifacts + cadence):** {Comms Protocol}
- **30-day visible output:** {Visible Output}
- **Success measures benefiting all sides:** {Shared Metrics}
- **Owner + cadence:** {Owner And Cadence}

### B) Quick Win Interdependent Challenge: {Challenge Name}
- **Joint outcome:** {Joint Outcome}
- **Interdependency mechanism (how they must rely on each other):** {Interdependency}
- **Resource-sharing model:** {Resourcing Model}
- **Decision rights:** {Decision Rights}
- **Anti-hoarding measures:** {Anti Hoarding Measures}
- **Win-in-30-days proof:** {30 Day Proof}
- **Conflict handling path:** {Conflict Path}

### C) Micro-Rotation / Shadowing: {Rotation Name}
- **Format (hours/days, who shadows whom):** {Format}
- **Empathy-building tasks (hands-on, not observational only):** {Hands On Tasks}
- **What gets documented and shared:** {Shared Learnings Artifact}
- **Reintegration (how insights become changes):** {Reintegration Plan}

## 3) Tier 2: Structural Changes (~1–7 months)
Include at least:
- rotation program design (more formal)
- a cross-functional “lab” or standing forum with clear decision rights

### A) Rotation Program Design: {Program Name}
- **Selection criteria:** {Selection Criteria}
- **Duration &amp; cadence:** {Duration}
- **Learning objectives tied to KPIs:** {Objectives Linked To KPIs}
- **Backfill/resourcing approach:** {Backfill Plan}
- **Integration into operating rhythms:** {Operating Rhythm Integration}
- **Safeguards against political gaming:** {Gaming Safeguards}

### B) Cross-Functional Delivery Pod / Innovation Lab: {Lab Name}
- **Focus area:** {Focus Area}
- **Team makeup:** {Team Composition}
- **Charter (what it owns / doesn’t own):** {Charter}
- **Decision rights + escalation:** {Decision And Escalation}
- **Funding/resourcing:** {Funding Model}
- **Shared scoreboard:** {Scoreboard}
- **Information-sharing defaults:** {Transparency Defaults}

## 4) Tier 3: Cultural &amp; Operating Model Reinforcement (~6–14 months)
### Sustainable Collaboration Framework: {Framework Name}
- **Incentive alignment options (non-comp changes allowed):** {Incentive Alignment}
- **KPI rewrites / shared OKRs:** {Shared OKRs}
- **Leadership behaviors to model (specific, observable):** {Leadership Behaviors}
- **Rituals that keep cooperation alive:** {Rituals}
- **Conflict resolution system:** {Conflict System}
- **Onboarding/enablement for new leaders:** {Onboarding Enablement}

## 5) Implementation Roadmap
- **Phase plan with milestones:** {Milestones}
- **Week-by-week for first ~5 weeks:** {First Five Weeks Plan}
- **Checkpoints, owners, and decision gates:** {Checkpoints And Gates}
- **How to scale what works:** {Scaling Plan}

## 6) Risk Mitigation
- **Top resistance scenarios:** {Resistance Scenarios}
- **Early warning signals:** {Early Warnings}
- **Countermeasures &amp; safety nets:** {Countermeasures}
- **Failure modes (and how you’ll contain them):** {Failure Containment}

## 7) What This Is NOT
List 4–8 boundaries (e.g., not a full org restructure blueprint, not legal policy advice, not a compensation plan rewrite), tailored to the situation.

## QUALITY CHECKS
At the end, include a short validation list confirming:
- {QC Item 1}: Root causes addressed (not just surface symptoms)
- {QC Item 2}: Can start with low trust and low goodwill
- {QC Item 3}: At least one measurable win in ~25–35 days
- {QC Item 4}: Metrics and benefits are balanced across departments
- {QC Item 5}: Clear safeguards, anti-hoarding communication norms, and conflict pathways are present            </div>
        </div>


    </div>

    <!-- CTA Row - Full width buttons -->
    <div class="prompt-cta-row">
        <button class="prompt-cta-btn prompt-cta-copy flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
                <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
            </svg>
            <span class="cta-copy-text">Copy Full Prompt</span>
        </button>
    </div>
</div>

<style>
    /* Gated prompt states */
    .prompt-gated-wrapper {
        position: relative;
    }

    /* When unlocked - show full content, hide gated */
    body.flowpast-unlocked .prompt-gated-wrapper .prompt-gated-content {
        display: none;
    }

    body.flowpast-unlocked .prompt-gated-wrapper .prompt-content-full {
        display: block !important;
    }

    /* Show/hide elements based on unlock state */
    body.flowpast-unlocked .btn-when-unlocked {
        display: inline-flex !important;
    }

    .prompt-viewer-wrapper {
        scroll-margin-top: 250px;
    }

    /* ========================================
   PROMPT VIEWER - MAIN WRAPPER
   ======================================== */
    .prompt-viewer-wrapper {
        margin: 30px 0;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    /* ========================================
   PROMPT BOX CONTAINER
   ======================================== */
    .prompt-comparison-row {
        border-radius: 12px;
        overflow: hidden;
        border: 1px solid #e0e0e0;
        background: #fff;
    }

    /* ========================================
   HEADER WITH BUTTONS
   ======================================== */
    .prompt-row-header {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 14px 20px;
        color: #fff !important;
        background: #141414;
        border-bottom: 1px solid #e0e0e0;
        flex-wrap: wrap;
    }

    .prompt-row-icon {
        font-size: 20px;
    }

    .prompt-row-title {
        font-weight: 600;
        font-size: 22px;
        color: #fff !important;
        text-decoration: underline
    }

    .prompt-header-buttons {
        margin-left: auto;
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }

    /* Header buttons */
    .prompt-header-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 20px;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        text-decoration: none;
        border: none;
    }

    .prompt-header-copy {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-header-copy:hover {
        background: #2a2a2a;
    }

    .prompt-header-copy.copied {
        background: #2e7d32;
    }

    .prompt-header-copy-green {
        background: #04AA6D !important;
        color: #fff !important;
    }

    .prompt-header-copy-green:hover {
        background: #039860 !important;
    }

    .prompt-header-copy-green.copied {
        background: #2e7d32 !important;
    }

    .prompt-header-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
    }

    .prompt-header-access:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-1px);
    }

    /* ========================================
   PROMPT CONTENT - FULL (NO SCROLL)
   ======================================== */
    .prompt-box {
        background: #ffffff;
    }

    .prompt-content-full {
        padding: 24px;
        margin: 0;
        color: #202124;
        background: #ffffff;
        font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
        font-size: 13px;
        line-height: 1.7;
        white-space: pre-wrap;
        word-wrap: break-word;
        /* No scroll - show full content */
        max-height: none;
        overflow: visible;
    }

    /* Highlighted variable in prompt */
    .prompt-variable {
        background: #fff3cd;
        color: #1967d2;
        font-weight: 700;
        padding: 2px 4px;
        border-radius: 3px;
        border: 1px solid #ffc107;
    }

    .prompt-variable-filled {
        background: #d4edda;
        color: #155724;
        font-weight: 700;
        padding: 2px 4px;
        border-radius: 3px;
        border: 1px solid #28a745;
    }

    /* ========================================
   GATED CONTENT (NO ACCESS)
   ======================================== */
    .prompt-gated-content {
        padding: 24px;
        background: #ffffff;
        font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
        font-size: 13px;
        line-height: 1.8;
        max-height: none;
        overflow: visible;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        cursor: default;
    }

    /* ## headers - larger, black */
    .prompt-header-visible {
        color: #202124;
        font-weight: 600;
        margin: 5px 0 0px 0;
        font-size: 20px;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        text-decoration: underline;
        text-underline-offset: 4px;
    }

    /* ### headers - smaller, black */
    .prompt-header-visible.subheader {
        color: #202124;
        font-weight: 600;
        margin: 5px 0;
        font-size: 18px;
    }

    .prompt-header-visible:first-child {
        margin-top: 0;
    }

    /* ========================================
   LOCKED SECTION BLOCK
   ======================================== */
    .locked-section {
        position: relative;
        margin: 4px 0 8px 0;
        border-radius: 6px;
        overflow: hidden;
        background: linear-gradient(110deg, #e2e8f0 8%, #f1f5f9 18%, #e2e8f0 33%);
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

    .locked-section-bg {
        position: relative;
    }

    .locked-section-lines {
        padding: 8px 12px;
        position: relative;
    }

    .locked-line {
        height: 6px;
        background: rgba(255, 255, 255, 0.6);
        border-radius: 3px;
        margin-bottom: 4px;
        margin-left: 12px;
    }

    .locked-line:last-child {
        margin-bottom: 0;
    }

    .locked-section-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 10;
        font-size: 24px;
        filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1));
    }

    /* Subheader locked sections - slightly indented */
    /*  .prompt-header-visible.subheader+.locked-section {
        margin-left: 16px;
    } */

    /* ========================================
   COMPATIBILITY BADGES
   ======================================== */
    .prompt-compatibility {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        padding: 12px 20px;
        background: #f8f9fa;
        border-top: 1px solid #e0e0e0;
    }

    .compat-label {
        font-size: 13px;
        color: #5f6368;
        font-weight: 500;
    }

    .compat-badge {
        padding: 4px 10px;
        background: #e8f0fe;
        color: #1967d2;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 500;
    }

    /* ========================================
   CTA ROW - FULL WIDTH BUTTONS
   ======================================== */
    .prompt-cta-row {
        display: flex;
        gap: 16px;
        flex-wrap: wrap;
    }

    .prompt-cta-btn {
        flex: 1;
        min-width: 200px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 16px 24px;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        text-decoration: none;
        border: none;
    }

    .prompt-cta-copy {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-cta-copy:hover {
        background: #2a2a2a;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    .prompt-cta-copy.copied {
        background: #2e7d32;
    }

    .prompt-cta-reset {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-cta-reset:hover {
        background: #2a2a2a;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    .prompt-cta-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
    }

    .prompt-cta-access:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(5, 152, 98, 0.3);
    }

    /* ========================================
    CUSTOMIZE YOUR PROMPT SECTION
    ======================================== */
    .prompt-customize-section {
        padding: 24px;
        border-bottom: 1px solid #e0e0e0;
        background: #fafbfc;
    }

    .customize-title {
        margin: 0 0 8px 0;
        font-size: 18px;
        font-weight: 700;
        color: #202124;
    }

    .customize-subtitle {
        margin: 0 0 20px 0;
        font-size: 14px;
        color: #5f6368;
    }

    .customize-table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 20px;
    }

    .customize-table th {
        text-align: left;
        padding: 12px;
        background: #f1f3f4;
        border: 1px solid #e0e0e0;
        font-size: 13px;
        font-weight: 600;
        color: #202124;
    }

    .customize-table td {
        padding: 12px;
        border: 1px solid #e0e0e0;
        vertical-align: top;
    }

    .customize-table .var-name {
        width: 25%;
        background: #f8f9fa;
    }

    .customize-table .var-name code {
        background: #fff3cd;
        color: #1967d2;
        border: 1px solid #ffc107;
        padding: 4px 8px;
        border-radius: 4px;
        font-size: 12px;
        word-break: break-all;
        font-weight: 600;
    }

    .customize-table .var-desc {
        width: 35%;
        font-size: 13px;
        color: #5f6368;
        line-height: 1.5;
    }

    .customize-table .var-example {
        margin-top: 8px;
        padding: 8px 10px;
        background: #f8f9fa;
        border-left: 3px solid #dadce0;
        font-size: 12px;
        color: #5f6368;
        font-style: italic;
        border-radius: 0 4px 4px 0;
    }

    .customize-table .var-input {
        width: 40%;
    }

    .customize-input {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #dadce0;
        border-radius: 6px;
        font-size: 13px;
        font-family: inherit;
        resize: vertical;
        transition: border-color 0.2s, box-shadow 0.2s;
    }

    .customize-input:focus {
        outline: none;
        border-color: rgb(5, 152, 98);
        box-shadow: 0 0 0 3px rgba(5, 152, 98, 0.1);
    }

    .customize-input::placeholder {
        color: #9aa0a6;
        font-style: italic;
    }

    .copy-customized-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        width: 100%;
        padding: 16px 24px;
        background: rgb(5, 152, 98);
        color: #fff;
        border: none;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
    }

    .copy-customized-btn:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(5, 152, 98, 0.3);
    }

    .copy-customized-btn.copied {
        background: #2e7d32;
    }

    /* ========================================
    FULL PROMPT CODE HEADER
    ======================================== */
    .prompt-code-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 20px;
        color: #fff !important;
        background: #141414;
        border-bottom: 1px solid #e0e0e0;
    }

    .prompt-code-title {
        font-size: 22px;
        font-weight: 600;
        text-decoration: underline;

    }

    .prompt-code-buttons {
        display: flex;
        gap: 8px;
    }

    .prompt-code-buttons .prompt-header-btn {
        padding: 8px 14px;
        font-size: 13px;
        background: #ffffff;
        color: #202124;
        border: 1px solid #dadce0;
    }

    .prompt-code-buttons .prompt-header-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
        border-color: rgb(5, 152, 98);
    }

    .prompt-code-buttons .prompt-header-btn.prompt-header-access:hover {
        background: rgb(4, 130, 83) !important;
        border-color: rgb(4, 130, 83);
        color: #fff !important;
    }

    .prompt-code-buttons .prompt-header-btn:hover {
        background: #f1f3f4;
    }

    .prompt-code-buttons .prompt-header-copy.copied {
        background: #d4edda;
        color: #155724;
        border-color: #28a745;
    }

    .prompt-header-reset {
        background: #ffffff;
        color: #202124;
    }

    /* ========================================
   RESPONSIVE
   ======================================== */
    @media (max-width: 768px) {
        .prompt-row-header {
            flex-direction: column;
            align-items: flex-start;
            gap: 12px;
        }

        .prompt-header-buttons {
            margin-left: 0;
            width: 100%;
        }

        .prompt-header-btn {
            flex: 1;
            justify-content: center;
        }

        .prompt-cta-row {
            flex-direction: column;
        }

        .prompt-cta-btn {
            width: 100%;
        }

        /* Customize table responsive */
        .customize-table,
        .customize-table thead,
        .customize-table tbody,
        .customize-table tr,
        .customize-table th,
        .customize-table td {
            display: block;
        }

        .customize-table thead {
            display: none;
        }

        .customize-table tr {
            margin-bottom: 16px;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            overflow: hidden;
        }

        .customize-table td {
            width: 100% !important;
            border: none;
            border-bottom: 1px solid #e0e0e0;
        }

        .customize-table td:last-child {
            border-bottom: none;
        }

        .customize-table .var-name {
            background: #f1f3f4;
            font-weight: 600;
        }

        .prompt-code-header {
            flex-direction: column;
            gap: 12px;
            align-items: flex-start;
        }

        .prompt-code-buttons {
            width: 100%;
        }

        .prompt-code-buttons .prompt-header-btn {
            flex: 1;
            justify-content: center;
        }
    }
</style>

<script>
    function handlePromptCopy() {
        // Check if unlocked via cookie
        if (typeof window.flowpastIsUnlocked === 'function' && !window.flowpastIsUnlocked()) {
            // Show email popup
            if (typeof window.flowpastShowEmailPopup === 'function') {
                window.flowpastShowEmailPopup('prompt');
            }
            return;
        }

        // Copy the customized prompt (with filled variables)
        const customizedPrompt = getCustomizedPrompt();
        const copyButtons = document.querySelectorAll('.prompt-header-copy, .prompt-header-copy-green, .prompt-cta-copy, .copy-customized-btn');

        navigator.clipboard.writeText(customizedPrompt).then(() => {
            copyButtons.forEach(btn => {
                btn.classList.add('copied');
                const textSpan = btn.querySelector('span');
                if (textSpan) textSpan.textContent = 'Copied!';
            });

            setTimeout(() => {
                copyButtons.forEach(btn => {
                    btn.classList.remove('copied');
                    const textSpan = btn.querySelector('span');
                    if (textSpan) textSpan.textContent = 'Copy Full Prompt';
                });
            }, 2000);
        }).catch(err => {
            console.error('Failed to copy:', err);
        });
    }

    // Store original prompt for customization
    const originalPrompt = "## OBJECTIVE\r\nCreate a tailored, high-leverage plan to break down internal departmental silos by rebuilding cross-team trust, reducing territorial behavior, and enabling stalled cross-functional work to move again. The deliverable must move from diagnosis \u2192 interventions \u2192 durable operating model, with early wins that show measurable progress in roughly the first month.\r\n\r\n## PERSONA\r\nAct as an organizational transformation strategist with a background in corporate ethnography: you\u2019ve observed how incentives, reporting lines, and resource scarcity convert capable teams into rival camps. You design cooperation as the \u201cdefault path\u201d by combining team-development dynamics (in the spirit of Tuckman\u2019s stages) with established cross-functional operating practices (aligned with major consulting playbooks). Your writing style is plainspoken, specific, and operational\u2014more like a field manual than a motivational talk.\r\n\r\n## CONSTRAINTS\r\n- Start by recognizing rational reasons for resistance (e.g., historical breaches of trust, budget\/headcount competition, credit-stealing, unclear ownership).\r\n- Every intervention must tackle underlying drivers (incentives, decision rights, metrics, information flow)\u2014not cosmetic \u201cteam building.\u201d\r\n- Initial actions must work even when trust is low.\r\n- Define success so each participating department benefits fairly.\r\n- Include at least one visible, measurable win within ~25\u201335 days.\r\n- Add safeguards that limit turf protection (credit rules, escalation paths, decision logs, transparent resourcing).\r\n- Provide communication norms that reduce hoarding (shared artifacts, open channels, explicit SLAs).\r\n- Align shared outcomes to department KPIs; don\u2019t ask teams to \u201cvolunteer\u201d against their measured goals.\r\n- Do not force collaboration in areas where constructive competition is strategically useful; call out those cases explicitly.\r\n- Build for durability after the first burst of enthusiasm.\r\n- Include mechanisms for healthy disagreement and conflict repair.\r\n\r\n## PROCESS\r\n1. **Pre-analysis (state your understanding first):** Summarize what you believe is happening in this organization and what \u201csuccess\u201d should look like, based on the provided inputs. List 3\u20136 assumptions you are making.\r\n2. **Collaboration landscape scan:** Map surface friction (visible conflict) and below-the-surface dynamics (alliances, gatekeepers, hidden dependencies, status contests).\r\n3. **Root-cause diagnosis:** Identify the top 3\u20135 systemic causes driving silos (e.g., KPI misalignment, competing priorities, unclear decision rights, resourcing scarcity, narrative warfare).\r\n4. **Design the intervention portfolio:** Provide three tiers:\r\n   - Immediate \u201clow-trust-required\u201d experiments\r\n   - Mid-horizon structural rewiring\r\n   - Long-horizon culture\/operating-model reinforcement  \r\n   Each tier must include: (a) problem-solving workshops, (b) rotation\/immersion design, (c) interdependent challenges.\r\n5. **Measurement + governance:** Define shared metrics, reporting cadence, owners, and escalation routes.\r\n6. **Risk controls:** Anticipate predictable resistance patterns and add guardrails.\r\n7. **Edge cases:** If inputs are missing, contradictory, or vague, ask up to 7 clarifying questions. If you must proceed anyway, provide a \u201cbest-guess draft\u201d and clearly mark where assumptions were inserted.\r\n8. **Scope boundaries (\u201cWhat This Is NOT\u201d):** Explicitly state what you are not producing (e.g., a full reorg, compensation redesign details, legal\/HR policy writing), unless the user requests it.\r\n\r\n## INPUTS\r\n- **Departments & primary functions:** [LIST_ALL_DEPARTMENTS_AND_THEIR_PRIMARY_FUNCTIONS]  \r\n- **Current cross-functional initiatives:** [DESCRIBE_ONGOING_PROJECTS_REQUIRING_COLLABORATION]  \r\n- **Specific collaboration breakdowns:** [DETAIL_TRUST_COMMUNICATION_OR_GOAL_ALIGNMENT_ISSUES]  \r\n- **Culture traits (competitive vs collaborative):** [DESCRIBE_COMPETITIVE_VS_COLLABORATIVE_ELEMENTS]  \r\n- **Prior attempts (wins, failures, causes):** [WHAT_WORKED_WHAT_FAILED_AND_WHY]  \r\n- **Time horizon preferences (optional):** [TIMEFRAME]  \r\n- **Primary objective (optional):** [PRIMARY_GOAL]\r\n\r\n## OUTPUT SPECIFICATION\r\nUse the following sections and template fields.\r\n\r\n## 1) Current State Diagnosis\r\n- **Observed symptoms:** {Symptoms}\r\n- **Hidden dynamics (alliances, veto players, bottlenecks):** {Hidden Dynamics}\r\n- **Root causes (ranked):** {Root Causes Ranked}\r\n- **Where competition is healthy (and should remain):** {Healthy Competition Zones}\r\n- **Immediate leverage points:** {Leverage Points}\r\n\r\n## 2) Tier 1: Immediate Interventions (~0\u201335 days)\r\nProvide 3\u20135 items total, and include at least:\r\n- one workshop series\r\n- one quick-win interdependent challenge\r\n- one lightweight rotation\/immersion element\r\n\r\n### A) Problem-Solving Workshop Series: {Workshop Name}\r\n- **Shared problem statement (not \u201cteam bonding\u201d):** {Problem Statement}\r\n- **Departments involved:** {Departments}\r\n- **Why they\u2019ll resist (legitimate reasons):** {Resistance Drivers}\r\n- **Low-trust entry hook:** {Entry Hook}\r\n- **Psychological safety design:** {Safety Design}\r\n- **Safeguards vs turf behavior (credit, scope, decision logs):** {Territory Safeguards}\r\n- **Communication protocol (artifacts + cadence):** {Comms Protocol}\r\n- **30-day visible output:** {Visible Output}\r\n- **Success measures benefiting all sides:** {Shared Metrics}\r\n- **Owner + cadence:** {Owner And Cadence}\r\n\r\n### B) Quick Win Interdependent Challenge: {Challenge Name}\r\n- **Joint outcome:** {Joint Outcome}\r\n- **Interdependency mechanism (how they must rely on each other):** {Interdependency}\r\n- **Resource-sharing model:** {Resourcing Model}\r\n- **Decision rights:** {Decision Rights}\r\n- **Anti-hoarding measures:** {Anti Hoarding Measures}\r\n- **Win-in-30-days proof:** {30 Day Proof}\r\n- **Conflict handling path:** {Conflict Path}\r\n\r\n### C) Micro-Rotation \/ Shadowing: {Rotation Name}\r\n- **Format (hours\/days, who shadows whom):** {Format}\r\n- **Empathy-building tasks (hands-on, not observational only):** {Hands On Tasks}\r\n- **What gets documented and shared:** {Shared Learnings Artifact}\r\n- **Reintegration (how insights become changes):** {Reintegration Plan}\r\n\r\n## 3) Tier 2: Structural Changes (~1\u20137 months)\r\nInclude at least:\r\n- rotation program design (more formal)\r\n- a cross-functional \u201clab\u201d or standing forum with clear decision rights\r\n\r\n### A) Rotation Program Design: {Program Name}\r\n- **Selection criteria:** {Selection Criteria}\r\n- **Duration & cadence:** {Duration}\r\n- **Learning objectives tied to KPIs:** {Objectives Linked To KPIs}\r\n- **Backfill\/resourcing approach:** {Backfill Plan}\r\n- **Integration into operating rhythms:** {Operating Rhythm Integration}\r\n- **Safeguards against political gaming:** {Gaming Safeguards}\r\n\r\n### B) Cross-Functional Delivery Pod \/ Innovation Lab: {Lab Name}\r\n- **Focus area:** {Focus Area}\r\n- **Team makeup:** {Team Composition}\r\n- **Charter (what it owns \/ doesn\u2019t own):** {Charter}\r\n- **Decision rights + escalation:** {Decision And Escalation}\r\n- **Funding\/resourcing:** {Funding Model}\r\n- **Shared scoreboard:** {Scoreboard}\r\n- **Information-sharing defaults:** {Transparency Defaults}\r\n\r\n## 4) Tier 3: Cultural & Operating Model Reinforcement (~6\u201314 months)\r\n### Sustainable Collaboration Framework: {Framework Name}\r\n- **Incentive alignment options (non-comp changes allowed):** {Incentive Alignment}\r\n- **KPI rewrites \/ shared OKRs:** {Shared OKRs}\r\n- **Leadership behaviors to model (specific, observable):** {Leadership Behaviors}\r\n- **Rituals that keep cooperation alive:** {Rituals}\r\n- **Conflict resolution system:** {Conflict System}\r\n- **Onboarding\/enablement for new leaders:** {Onboarding Enablement}\r\n\r\n## 5) Implementation Roadmap\r\n- **Phase plan with milestones:** {Milestones}\r\n- **Week-by-week for first ~5 weeks:** {First Five Weeks Plan}\r\n- **Checkpoints, owners, and decision gates:** {Checkpoints And Gates}\r\n- **How to scale what works:** {Scaling Plan}\r\n\r\n## 6) Risk Mitigation\r\n- **Top resistance scenarios:** {Resistance Scenarios}\r\n- **Early warning signals:** {Early Warnings}\r\n- **Countermeasures & safety nets:** {Countermeasures}\r\n- **Failure modes (and how you\u2019ll contain them):** {Failure Containment}\r\n\r\n## 7) What This Is NOT\r\nList 4\u20138 boundaries (e.g., not a full org restructure blueprint, not legal policy advice, not a compensation plan rewrite), tailored to the situation.\r\n\r\n## QUALITY CHECKS\r\nAt the end, include a short validation list confirming:\r\n- {QC Item 1}: Root causes addressed (not just surface symptoms)\r\n- {QC Item 2}: Can start with low trust and low goodwill\r\n- {QC Item 3}: At least one measurable win in ~25\u201335 days\r\n- {QC Item 4}: Metrics and benefits are balanced across departments\r\n- {QC Item 5}: Clear safeguards, anti-hoarding communication norms, and conflict pathways are present";
    const variables = ["[LIST_ALL_DEPARTMENTS_AND_THEIR_PRIMARY_FUNCTIONS]","[DESCRIBE_ONGOING_PROJECTS_REQUIRING_COLLABORATION]","[DETAIL_TRUST_COMMUNICATION_OR_GOAL_ALIGNMENT_ISSUES]","[DESCRIBE_COMPETITIVE_VS_COLLABORATIVE_ELEMENTS]","[WHAT_WORKED_WHAT_FAILED_AND_WHY]","[TIMEFRAME]","[PRIMARY_GOAL]"];
    // Initial render with highlighted variables
    document.addEventListener('DOMContentLoaded', function() {
        renderPromptWithHighlights();
    });

    // Live update prompt as user types
    document.querySelectorAll('.customize-input').forEach(input => {
        input.addEventListener('input', renderPromptWithHighlights);
    });

    function renderPromptWithHighlights() {
        const promptContent = document.getElementById('premium-prompt-content');
        if (!promptContent) return;

        let updatedPrompt = originalPrompt;
        let filledVariables = {};

        // Collect filled values
        document.querySelectorAll('.customize-input').forEach(input => {
            const placeholder = input.dataset.placeholder;
            const value = input.value.trim();

            if (value) {
                filledVariables[placeholder] = value;
            }
        });

        // Replace filled variables and highlight remaining
        let htmlContent = escapeHtml(updatedPrompt);

        variables.forEach(placeholder => {
            const escapedPlaceholder = escapeHtml(placeholder);
            const regex = new RegExp(escapeRegex(escapedPlaceholder), 'g');

            if (filledVariables[placeholder]) {
                // Show filled value with green highlight
                htmlContent = htmlContent.replace(regex,
                    '<span class="prompt-variable-filled">' + escapeHtml(filledVariables[placeholder]) + '</span>'
                );
            } else {
                // Show original placeholder with yellow highlight
                htmlContent = htmlContent.replace(regex,
                    '<span class="prompt-variable">' + escapedPlaceholder + '</span>'
                );
            }
        });

        promptContent.innerHTML = htmlContent;
    }

    function escapeRegex(string) {
        return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
    }

    function escapeHtml(text) {
        const div = document.createElement('div');
        div.textContent = text;
        return div.innerHTML;
    }

    function resetPrompt() {
        // Clear all input fields
        document.querySelectorAll('.customize-input').forEach(input => {
            input.value = '';
        });

        // Re-render with original placeholders highlighted
        renderPromptWithHighlights();

        // Visual feedback
        const resetBtns = document.querySelectorAll('.prompt-header-reset, .prompt-cta-reset');
        resetBtns.forEach(btn => {
            const originalText = btn.querySelector('span').textContent;
            btn.querySelector('span').textContent = 'Reset!';
            setTimeout(() => {
                btn.querySelector('span').textContent = originalText;
            }, 1000);
        });
    }


    function getCustomizedPrompt() {
        let updatedPrompt = originalPrompt;

        document.querySelectorAll('.customize-input').forEach(input => {
            const placeholder = input.dataset.placeholder;
            const value = input.value.trim();

            if (value) {
                const regex = new RegExp(escapeRegex(placeholder), 'g');
                updatedPrompt = updatedPrompt.replace(regex, value);
            }
        });

        return updatedPrompt;
    }
</script>

</div>

<div class="pro-tips-section">

<h2 class="wp-block-heading">Pro Tips for Better AI Prompt Results</h2>



<ul class="wp-block-list">

<li><strong>Bring your real operational limits.</strong> If your warehouse needs 3 business days to inspect returns, say that. For example: “Returns are inspected within 3–4 business days after delivery to our facility, then refunds are issued.” The policy should reflect what you can consistently do, not what sounds best.</li>


<li><strong>Answer with examples, not labels.</strong> Don’t reply “apparel” or “beauty” and move on. Add specifics like “intimate apparel with hygiene liners” or “skincare with tamper seals,” then ask: “Include exclusions and condition rules tailored to those products.”</li>

<li><strong>Define your ‘fair use’ boundary.</strong> Abuse usually lives in the gray areas: worn items, missing parts, serial repeat returns, and packaging claims. After the first draft, follow up with: “Add a short ‘Return condition standards’ section with 5 bullet rules and one sentence explaining how we handle excessive return activity.”</li>

<li><strong>Force clarity on timelines.</strong> Customers mostly want to know: how long they have, what to do, and when money lands. If the draft feels fuzzy, prompt: “Rewrite the timelines as a numbered checklist from ‘Request started’ to ‘Refund completed,’ including business-day ranges and what can slow the process.”</li>


<li><strong>Test it like an ad, not like a contract.</strong> Paste your draft into a support doc and ask two people to find answers to: “What items can’t be returned?”, “Who pays shipping?”, and “How do I start?” If they hesitate, request: “Make the top of the policy a 6-question FAQ summary, then keep the full details below.” Honestly, this catches most confusion before customers do.</li>

</ul>

</div>

<div class="related-prompts-section">

<h2 class="wp-block-heading">Related Prompts</h2>



<p>Once your returns policy is clear, the next step is communicating it in a way customers actually notice before they buy.</p>



<p>If you also need announcement creative for the change (or you want to highlight “easy exchanges” without promising the moon), pair this with <a href="https://flowpast.com/prompts/write-social-ad-copy-with-this-ai-prompt/">Write Social Ad Copy with this AI Prompt</a>. It’s useful when you’re rolling out updated terms and want consistent language across channels while keeping the message benefit-led.</p>



<p>For teams doing heavy Meta testing, <a href="https://flowpast.com/prompts/write-instagram-ad-copy-that-converts-ai-prompt/">Write Instagram Ad Copy That Converts AI Prompt</a> helps you frame policies as reassurance (shipping confidence, simple exchanges) rather than as fine print. Use it when your return policy is a conversion lever and you want to reduce purchase hesitation.</p>



<p>When you’re selling trend-driven products and customer expectations move fast, <a href="https://flowpast.com/prompts/create-tiktok-ad-copy-with-this-ai-prompt/">Create TikTok Ad Copy with this AI Prompt</a> can turn your “how returns work” into short, clear scripts that preempt confusion. It’s especially helpful if support tickets spike after viral traffic.</p>


<br>


<p>Quick reference:</p>



<ul class="wp-block-list">

<li><a href="https://flowpast.com/prompts/write-social-ad-copy-with-this-ai-prompt/">Write Social Ad Copy with this AI Prompt</a>: Multi-channel launch copy for policy updates.</li>


<li><a href="https://flowpast.com/prompts/write-instagram-ad-copy-that-converts-ai-prompt/">Write Instagram Ad Copy That Converts AI Prompt</a>: Conversion-minded IG ads that build trust.</li>


<li><a href="https://flowpast.com/prompts/create-tiktok-ad-copy-with-this-ai-prompt/">Create TikTok Ad Copy with this AI Prompt</a>: Short scripts that clarify expectations quickly.</li>


<li><a href="https://flowpast.com/prompts/write-x-ad-posts-that-drive-replies-with-this-ai-prompt/">Write X Ad Posts That Drive Replies with this AI Prompt</a>: Reply-driven posts to address concerns publicly.</li>


<li><a href="https://flowpast.com/prompts/create-reddit-post-concepts-with-this-ai-prompt/">Create Reddit Post Concepts with this AI Prompt</a>: Community posts that explain policies transparently.</li>

</ul>

</div>

<div class="faq-section">

<h2 class="wp-block-heading">Common Questions</h2>


<div class="faq-item">
<span class="question">Which roles benefit most from this returns refund policy AI prompt?</span>

<p class="answer"><strong>E-commerce Operations Managers</strong> use this to align the written policy with warehouse reality (inspection time, restocking flow, and shipping constraints). <strong>Customer Support Leads</strong> rely on it to standardize what agents say about eligibility, timelines, and “what happens next,” which reduces escalations. <strong>Performance Marketers</strong> benefit because clearer policies reduce purchase friction and lower refund-driven CAC surprises after campaigns scale. <strong>Fractional COOs and consultants</strong> use the staged intake to quickly map a client’s current return process and produce a policy draft that’s actually implementable.</p>

</div>

<div class="faq-item">
<span class="question">Which industries get the most value from this returns refund policy AI prompt?</span>

<p class="answer"><strong>DTC e-commerce brands</strong> get immediate value because the prompt produces a mobile-scannable policy customers can understand without reading legal filler. It’s particularly helpful when you’re balancing “easy returns” messaging with clear condition rules. <strong>Beauty and skincare</strong> teams use it to handle opened-product limitations, tamper seals, and hygiene-focused exclusions in a way that still feels fair. <strong>Apparel and accessories</strong> brands apply it to define “unworn/unwashed” standards, packaging expectations, and exchange rules that reduce serial return abuse. <strong>Consumer electronics and gadgets</strong> sellers lean on it for return-condition detail (missing parts, damage, testing) and clearer refund timing to reduce payment disputes.</p>

</div>

<div class="faq-item">
<span class="question">Why do basic AI prompts for writing a returns and refunds policy produce weak results?</span>

<p class="answer">A typical prompt like “Write me a returns and refunds policy for my store” fails because it: lacks a staged intake to capture your real process and constraints, provides no scannable structure for mobile reading, ignores risk flags (like regulated or high-abuse categories), produces vague timelines that trigger “where is my refund?” tickets, and skips rollout/testing guidance so the policy never gets validated against customer confusion and dispute patterns.</p>

</div>

<div class="faq-item">
<span class="question">Can I customize this returns refund policy prompt for my specific situation?</span>

<p class="answer">Yes. The prompt is designed to adapt through 4–7 build stages based on your complexity and risk, so your “customization” happens through the answers you give at each stage. Be ready to specify your return window, item condition rules, who pays return shipping, refund method options (original payment vs store credit), and any category exclusions (for example perishables or hygiene-sensitive goods). After you get a first draft, ask a follow-up like: “Rewrite this policy for a stricter stance on worn items, but keep the tone friendly and add a short summary at the top.” If you operate across regions, tell it where most customers live so the wording stays aligned with the expectations you need to set.</p>

</div>

<div class="faq-item">
<span class="question">What are the most common mistakes when using this returns refund policy prompt?</span>

<p class="answer">The biggest mistake is giving fuzzy operational answers, like “refunds are fast,” instead of “refunds are issued 3–5 business days after inspection.” Another common error is skipping edge cases: saying “items must be unused” without defining what counts as used (good: “unworn, unwashed, tags attached”; bad: “in original condition”). People also forget to mention product constraints; “we accept returns on all items” becomes a problem if you sell perishables, intimate products, or hazardous goods, so call those out early. Finally, many users avoid being explicit about shipping responsibility (bad: “customer may be responsible”; good: “we provide a prepaid label for defective items, otherwise return shipping is deducted from the refund”).</p>

</div>

<div class="faq-item">
<span class="question">Who should NOT use this returns refund policy prompt?</span>

<p class="answer">This prompt isn’t ideal for businesses that need jurisdiction-specific legal language finalized without review, stores in the middle of active legal disputes, or teams that want a one-paragraph “set it and forget it” policy with no operational workflow behind it. It also won’t replace a licensed attorney if you have complex regulatory exposure, especially in tightly regulated categories. If that’s your situation, use this to produce a clear first draft and process outline, then have counsel review and adjust the final wording.</p>

</div>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Which roles benefit most from this returns refund policy AI prompt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "E-commerce Operations Managers use this to align the written policy with warehouse reality (inspection time, restocking flow, and shipping constraints). Customer Support Leads rely on it to standardize what agents say about eligibility, timelines, and “what happens next,” which reduces escalations. Performance Marketers benefit because clearer policies reduce purchase friction and lower refund-driven CAC surprises after campaigns scale. Fractional COOs and consultants use the staged intake to quickly map a client’s current return process and produce a policy draft that’s actually implementable."
      }
    },
    {
      "@type": "Question",
      "name": "Which industries get the most value from this returns refund policy AI prompt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "DTC e-commerce brands get immediate value because the prompt produces a mobile-scannable policy customers can understand without reading legal filler. It’s particularly helpful when you’re balancing “easy returns” messaging with clear condition rules. Beauty and skincare teams use it to handle opened-product limitations, tamper seals, and hygiene-focused exclusions in a way that still feels fair. Apparel and accessories brands apply it to define “unworn/unwashed” standards, packaging expectations, and exchange rules that reduce serial return abuse. Consumer electronics and gadgets sellers lean on it for return-condition detail (missing parts, damage, testing) and clearer refund timing to reduce payment disputes."
      }
    },
    {
      "@type": "Question",
      "name": "Why do basic AI prompts for writing a returns and refunds policy produce weak results?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "A typical prompt like “Write me a returns and refunds policy for my store” fails because it: lacks a staged intake to capture your real process and constraints, provides no scannable structure for mobile reading, ignores risk flags (like regulated or high-abuse categories), produces vague timelines that trigger “where is my refund?” tickets, and skips rollout/testing guidance so the policy never gets validated against customer confusion and dispute patterns."
      }
    },
    {
      "@type": "Question",
      "name": "Can I customize this returns refund policy prompt for my specific situation?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Yes. The prompt is designed to adapt through 4–7 build stages based on your complexity and risk, so your “customization” happens through the answers you give at each stage. Be ready to specify your return window, item condition rules, who pays return shipping, refund method options (original payment vs store credit), and any category exclusions (for example perishables or hygiene-sensitive goods). After you get a first draft, ask a follow-up like: “Rewrite this policy for a stricter stance on worn items, but keep the tone friendly and add a short summary at the top.” If you operate across regions, tell it where most customers live so the wording stays aligned with the expectations you need to set."
      }
    },
    {
      "@type": "Question",
      "name": "What are the most common mistakes when using this returns refund policy prompt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "The biggest mistake is giving fuzzy operational answers, like “refunds are fast,” instead of “refunds are issued 3–5 business days after inspection.” Another common error is skipping edge cases: saying “items must be unused” without defining what counts as used (good: “unworn, unwashed, tags attached”; bad: “in original condition”). People also forget to mention product constraints; “we accept returns on all items” becomes a problem if you sell perishables, intimate products, or hazardous goods, so call those out early. Finally, many users avoid being explicit about shipping responsibility (bad: “customer may be responsible”; good: “we provide a prepaid label for defective items, otherwise return shipping is deducted from the refund”)."
      }
    },
    {
      "@type": "Question",
      "name": "Who should NOT use this returns refund policy prompt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "This prompt isn’t ideal for businesses that need jurisdiction-specific legal language finalized without review, stores in the middle of active legal disputes, or teams that want a one-paragraph “set it and forget it” policy with no operational workflow behind it. It also won’t replace a licensed attorney if you have complex regulatory exposure, especially in tightly regulated categories. If that’s your situation, use this to produce a clear first draft and process outline, then have counsel review and adjust the final wording."
      }
    }
  ]
}
</script>
</div>

<div class="closing-section">

<p>A returns policy shouldn’t read like a threat, and it shouldn’t leave loopholes big enough to drive chargebacks through. Use this prompt, answer the staged questions carefully, and publish a policy your customers will actually understand.</p>

</div>]]></content:encoded>
					
		
		
		<media:content url="https://flowpast.s3.eu-north-1.amazonaws.com/featured_blog_images/5002877.webp" medium="image"></media:content>
            	</item>
	</channel>
</rss>
