---
// Component: PromptMatrix.astro
---
<h3 class="section-title">03 Platform-specific Signals</h3>
<div class="panel">
  <table class="dt">
    <thead>
      <tr>
        <th style="text-align: left;">AI ENGINE</th>
        <th style="text-align: center;">SHARE OF VOICE</th>
        <th style="text-align: left;">LEVERAGE SIGNAL</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td style="font-weight: 600; color: #ffffff;">Google AI Overviews (SGE)</td>
        <td style="text-align: center;"><span class="delta-badge up" style="font-size: 13px; padding: 4px 8px;">42.0%</span></td>
        <td style="font-size: 13px; color: #e5e7eb;">YouTube mentions & Schema FAQ</td>
      </tr>
      <tr>
        <td style="font-weight: 600; color: #ffffff;">ChatGPT (OpenAI Search)</td>
        <td style="text-align: center;"><span class="delta-badge up" style="font-size: 13px; padding: 4px 8px;">12.5%</span></td>
        <td style="font-size: 13px; color: #e5e7eb;">Passage Length & Reddit presence</td>
      </tr>
      <tr>
        <td style="font-weight: 600; color: #ffffff;">Perplexity AI</td>
        <td style="text-align: center;"><span class="delta-badge up" style="font-size: 13px; padding: 4px 8px;">Top 3</span></td>
        <td style="font-size: 13px; color: #e5e7eb;">Citations & Academic/B2B Sources</td>
      </tr>
    </tbody>
  </table>
  <div class="kpi-footer-row" style="display: flex; align-items: center; margin-top: 16px; border-top: 1px solid rgba(255,255,255,0.05); padding-top: 8px;">
    <svg viewBox="0 0 24 24" width="14" height="14" style="vertical-align:middle"><path d="M10 4 A 6 6 0 0 1 16 10" fill="none" stroke="#EA4335" stroke-width="2.5" stroke-linecap="round"/><path d="M16 10 A 6 6 0 0 1 10 16" fill="none" stroke="#FBBC05" stroke-width="2.5" stroke-linecap="round"/><path d="M10 16 A 6 6 0 0 1 4 10" fill="none" stroke="#34A853" stroke-width="2.5" stroke-linecap="round"/><path d="M4 10 A 6 6 0 0 1 10 4" fill="none" stroke="#4285F4" stroke-width="2.5" stroke-linecap="round"/><line x1="14.5" y1="14.5" x2="20" y2="20" stroke="#4285F4" stroke-width="2.5" stroke-linecap="round"/></svg>
    <span style="font-size: 11px; color: var(--text-secondary); margin-left: 6px; font-weight: 500; text-transform: uppercase;">Search Console API · Platform Signals</span>
  </div>
</div>