<svg xmlns="http://www.w3.org/2000/svg" width="960" height="560" viewBox="0 0 960 560">
  <rect width="100%" height="100%" rx="28" fill="#f8fafc"/>
  <rect x="28" y="28" width="904" height="504" rx="24" fill="#ffffff" stroke="#d8e0ea"/>
  <text x="60" y="84" font-family="-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans CJK SC,Arial,sans-serif" font-size="34" font-weight="700" fill="#182335">AI Conversations to Structured Markdown</text>
  <text x="60" y="124" font-family="-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans CJK SC,Arial,sans-serif" font-size="18" fill="#526071">From long chats to reusable knowledge assets</text>
  <line x1="60" y1="155" x2="900" y2="155" stroke="#e2e8f0" stroke-width="2"/>
  <rect x="60" y="210" width="260" height="172" rx="18" fill="#f1f5f9" stroke="#cbd5e1"/>
  <circle cx="92" cy="246" r="16" fill="#e2e8f0"/>
  <text x="87" y="252" font-family="-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif" font-size="18" font-weight="700" fill="#334155">1</text>
  <text x="118" y="252" font-family="-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans CJK SC,Arial,sans-serif" font-size="20" font-weight="700" fill="#0f172a">Raw Chat</text>
  <text x="86" y="294" font-family="-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans CJK SC,Arial,sans-serif" font-size="16" fill="#475569">Mixed context and findings</text>
  <text x="86" y="322" font-family="-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans CJK SC,Arial,sans-serif" font-size="16" fill="#475569">Good for a first reading</text>
  <path d="M 328 296 H 362" stroke="#94a3b8" stroke-width="3" stroke-linecap="round"/>
  <path d="M 352 288 L 362 296 L 352 304" fill="none" stroke="#94a3b8" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
  <rect x="370" y="210" width="260" height="172" rx="18" fill="#f1f5f9" stroke="#cbd5e1"/>
  <circle cx="402" cy="246" r="16" fill="#e2e8f0"/>
  <text x="397" y="252" font-family="-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif" font-size="18" font-weight="700" fill="#334155">2</text>
  <text x="428" y="252" font-family="-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans CJK SC,Arial,sans-serif" font-size="20" font-weight="700" fill="#0f172a">Extract Structure</text>
  <text x="396" y="294" font-family="-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans CJK SC,Arial,sans-serif" font-size="16" fill="#475569">Problem / key conclusion</text>
  <text x="396" y="322" font-family="-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans CJK SC,Arial,sans-serif" font-size="16" fill="#475569">Actions / future references</text>
  <path d="M 638 296 H 672" stroke="#94a3b8" stroke-width="3" stroke-linecap="round"/>
  <path d="M 662 288 L 672 296 L 662 304" fill="none" stroke="#94a3b8" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
  <rect x="680" y="210" width="260" height="172" rx="18" fill="#f1f5f9" stroke="#cbd5e1"/>
  <circle cx="712" cy="246" r="16" fill="#e2e8f0"/>
  <text x="707" y="252" font-family="-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif" font-size="18" font-weight="700" fill="#334155">3</text>
  <text x="738" y="252" font-family="-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans CJK SC,Arial,sans-serif" font-size="20" font-weight="700" fill="#0f172a">Maintain</text>
  <text x="706" y="294" font-family="-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans CJK SC,Arial,sans-serif" font-size="16" fill="#475569">Move into Markdown and maps</text>
  <text x="706" y="322" font-family="-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans CJK SC,Arial,sans-serif" font-size="16" fill="#475569">Keep editing and exporting</text>
  <rect x="60" y="450" width="840" height="54" rx="14" fill="#f8fafc" stroke="#e2e8f0"/>
  <text x="82" y="484" font-family="-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans CJK SC,Arial,sans-serif" font-size="17" fill="#334155">Matches the AI Conversation Cleanup chapter and shows a real DeMinds use case.</text>
</svg>