<svg viewBox="0 0 1540 470" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" font-family="-apple-system, 'Segoe UI', Helvetica, Arial, sans-serif">
  <rect width="1540" height="470" fill="#ffffff"/>
  <defs>
    <marker id="arr" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
      <path d="M 0 0 L 10 5 L 0 10 z" fill="#64748b"/>
    </marker>
    <g id="i-wave" fill="none"><line x1="2" y1="7" x2="2" y2="11"/><line x1="5.5" y1="4" x2="5.5" y2="14"/><line x1="9" y1="1.5" x2="9" y2="16.5"/><line x1="12.5" y1="5" x2="12.5" y2="13"/><line x1="16" y1="7" x2="16" y2="11"/></g>
    <g id="i-doc" fill="none"><rect x="2" y="1" width="14" height="16" rx="2"/><line x1="5" y1="6" x2="13" y2="6"/><line x1="5" y1="9.5" x2="13" y2="9.5"/><line x1="5" y1="13" x2="10" y2="13"/></g>
    <g id="i-bubble" fill="none"><path d="M1 2 h16 v10 h-8 l-4 4 v-4 h-4 z"/></g>
    <g id="i-speaker" fill="none"><path d="M1.5 6 h4 l5 -4.5 v15 l-5 -4.5 h-4 z"/><path d="M13 6 a5 5 0 0 1 0 6"/><path d="M15 4 a8 8 0 0 1 0 10"/></g>
  </defs>

  <text x="60" y="64" font-size="30" font-weight="700" fill="#0f172a">一通語音電話，三種計量方式，一個可比較的數字</text>
  <text x="60" y="96" font-size="19" fill="#475569">cascade agent 各跳以不同單位計費；統一換算為每 conversation-minute 美元後，即可比較各技術堆疊。</text>

  <!-- caller -->
  <rect x="60" y="170" width="200" height="96" rx="14" fill="#f1f5f9" stroke="#94a3b8" stroke-width="2"/>
  <use xlink:href="#i-wave" href="#i-wave" transform="translate(80,186) scale(1.1)" stroke="#334155" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
  <text x="112" y="200" font-size="17" font-weight="600" fill="#0f172a">來電者音訊</text>
  <text x="80" y="240" font-size="14" fill="#64748b">一分鐘對話</text>

  <text x="310" y="152" font-size="14" font-weight="700" fill="#475569">級聯堆疊</text>
  <line x1="260" y1="218" x2="304" y2="218" stroke="#64748b" stroke-width="3" marker-end="url(#arr)"/>

  <rect x="310" y="170" width="240" height="96" rx="14" fill="#ffffff" stroke="#94a3b8" stroke-width="2"/>
  <use xlink:href="#i-doc" href="#i-doc" transform="translate(330,186) scale(1.1)" stroke="#334155" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
  <text x="362" y="200" font-size="17" font-weight="600" fill="#0f172a">語音轉文字</text>
  <text x="330" y="240" font-size="14" fill="#d97706">按音訊分鐘計費</text>

  <line x1="550" y1="218" x2="594" y2="218" stroke="#64748b" stroke-width="3" marker-end="url(#arr)"/>

  <rect x="600" y="170" width="200" height="96" rx="14" fill="#ffffff" stroke="#94a3b8" stroke-width="2"/>
  <use xlink:href="#i-bubble" href="#i-bubble" transform="translate(620,186) scale(1.1)" stroke="#334155" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
  <text x="652" y="200" font-size="17" font-weight="600" fill="#0f172a">LLM</text>
  <text x="620" y="240" font-size="14" fill="#d97706">按詞元計費</text>

  <line x1="800" y1="218" x2="844" y2="218" stroke="#64748b" stroke-width="3" marker-end="url(#arr)"/>

  <rect x="850" y="170" width="240" height="96" rx="14" fill="#ffffff" stroke="#94a3b8" stroke-width="2"/>
  <use xlink:href="#i-speaker" href="#i-speaker" transform="translate(870,186) scale(1.1)" stroke="#334155" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
  <text x="902" y="200" font-size="17" font-weight="600" fill="#0f172a">文字轉語音</text>
  <text x="870" y="240" font-size="14" fill="#d97706">按字元計費</text>

  <line x1="1090" y1="218" x2="1134" y2="218" stroke="#64748b" stroke-width="3" marker-end="url(#arr)"/>

  <rect x="1140" y="170" width="340" height="96" rx="14" fill="#ecfdf5" stroke="#10b981" stroke-width="2.5"/>
  <text x="1160" y="210" font-size="21" font-weight="700" fill="#059669">$0.0037 至 $0.025</text>
  <text x="1160" y="238" font-size="14" fill="#334155">每對話分鐘，實測</text>

  <!-- realtime path -->
  <path d="M 160 266 V 358 H 302" stroke="#64748b" stroke-width="3" stroke-dasharray="8 6" fill="none" marker-end="url(#arr)"/>
  <text x="310" y="292" font-size="14" font-weight="700" fill="#475569">即時堆疊</text>

  <rect x="310" y="310" width="530" height="96" rx="14" fill="#ffffff" stroke="#94a3b8" stroke-width="2"/>
  <use xlink:href="#i-wave" href="#i-wave" transform="translate(330,326) scale(1.1)" stroke="#334155" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
  <text x="363" y="340" font-size="17" font-weight="600" fill="#0f172a">即時語音模型</text>
  <text x="331" y="380" font-size="14" fill="#d97706">只按音訊 token 計費：每聽取 100 ms 計 1 個，每輸出 50 ms 計 1 個</text>

  <line x1="840" y1="358" x2="1134" y2="358" stroke="#64748b" stroke-width="3" marker-end="url(#arr)"/>

  <rect x="1140" y="310" width="340" height="96" rx="14" fill="#ecfdf5" stroke="#10b981" stroke-width="2.5"/>
  <text x="1160" y="350" font-size="21" font-weight="700" fill="#059669">$0.016 至 $0.057</text>
  <text x="1160" y="378" font-size="14" fill="#334155">每對話分鐘，實測</text>

  <text x="60" y="446" font-size="15" fill="#475569">voice-agent 研究實測；realtime 溢價可換得 1.7 至 2.1 s 的語音到語音延遲，cascade 建置則為 4.9 至 7.7 s。</text>
</svg>
