<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 280" fill="none">
  <defs>
    <linearGradient id="s2Grad" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#833AB4"/>
      <stop offset="100%" stop-color="#E1306C"/>
    </linearGradient>
  </defs>
  <rect width="400" height="280" rx="20" fill="#f8f8f8"/>
  <!-- Brain/AI nodes -->
  <circle cx="200" cy="110" r="50" fill="white" stroke="#E0E0E0" stroke-width="2"/>
  <circle cx="200" cy="100" r="12" fill="url(#s2Grad)"/>
  <circle cx="178" cy="118" r="8" fill="url(#s2Grad)" opacity="0.7"/>
  <circle cx="222" cy="118" r="8" fill="url(#s2Grad)" opacity="0.7"/>
  <circle cx="186" cy="136" r="6" fill="url(#s2Grad)" opacity="0.5"/>
  <circle cx="214" cy="136" r="6" fill="url(#s2Grad)" opacity="0.5"/>
  <line x1="200" y1="100" x2="178" y2="118" stroke="url(#s2Grad)" stroke-width="1.5"/>
  <line x1="200" y1="100" x2="222" y2="118" stroke="url(#s2Grad)" stroke-width="1.5"/>
  <line x1="178" y1="118" x2="186" y2="136" stroke="url(#s2Grad)" stroke-width="1.5"/>
  <line x1="222" y1="118" x2="214" y2="136" stroke="url(#s2Grad)" stroke-width="1.5"/>
  <line x1="178" y1="118" x2="214" y2="136" stroke="url(#s2Grad)" stroke-width="1" opacity="0.5"/>
  <line x1="222" y1="118" x2="186" y2="136" stroke="url(#s2Grad)" stroke-width="1" opacity="0.5"/>
  <!-- Incoming posts -->
  <rect x="40" y="70" width="90" height="28" rx="8" fill="white" stroke="#E0E0E0" stroke-width="1.5"/>
  <text x="85" y="88" font-family="Inter,-apple-system,sans-serif" font-size="10" fill="#666" text-anchor="middle">📱 Saved post</text>
  <rect x="40" y="108" width="90" height="28" rx="8" fill="white" stroke="#E0E0E0" stroke-width="1.5"/>
  <text x="85" y="126" font-family="Inter,-apple-system,sans-serif" font-size="10" fill="#666" text-anchor="middle">📸 Photo post</text>
  <rect x="40" y="146" width="90" height="28" rx="8" fill="white" stroke="#E0E0E0" stroke-width="1.5"/>
  <text x="85" y="164" font-family="Inter,-apple-system,sans-serif" font-size="10" fill="#666" text-anchor="middle">🎬 Video post</text>
  <path d="M132 84 L148 110" stroke="url(#s2Grad)" stroke-width="1.5" stroke-dasharray="4,3"/>
  <path d="M132 122 L148 115" stroke="url(#s2Grad)" stroke-width="1.5" stroke-dasharray="4,3"/>
  <path d="M132 160 L150 125" stroke="url(#s2Grad)" stroke-width="1.5" stroke-dasharray="4,3"/>
  <!-- Outputs -->
  <rect x="270" y="70" width="90" height="28" rx="8" fill="rgba(131,58,180,0.1)" stroke="url(#s2Grad)" stroke-width="1.5"/>
  <text x="315" y="88" font-family="Inter,-apple-system,sans-serif" font-size="10" fill="#833AB4" text-anchor="middle">💪 Fitness</text>
  <rect x="270" y="108" width="90" height="28" rx="8" fill="rgba(225,48,108,0.1)" stroke="url(#s2Grad)" stroke-width="1.5"/>
  <text x="315" y="126" font-family="Inter,-apple-system,sans-serif" font-size="10" fill="#E1306C" text-anchor="middle">💼 Business</text>
  <rect x="270" y="146" width="90" height="28" rx="8" fill="rgba(252,175,69,0.1)" stroke="#FCAF45" stroke-width="1.5"/>
  <text x="315" y="164" font-family="Inter,-apple-system,sans-serif" font-size="10" fill="#FCAF45" text-anchor="middle">🍳 Cooking</text>
  <path d="M252 110 L268 88" stroke="url(#s2Grad)" stroke-width="1.5" stroke-dasharray="4,3"/>
  <path d="M252 115 L268 122" stroke="url(#s2Grad)" stroke-width="1.5" stroke-dasharray="4,3"/>
  <path d="M252 125 L268 160" stroke="url(#s2Grad)" stroke-width="1.5" stroke-dasharray="4,3"/>
  <!-- Label -->
  <text x="200" y="220" font-family="Inter,-apple-system,sans-serif" font-weight="700" font-size="16" fill="#212121" text-anchor="middle">AI Analysis Magic</text>
  <text x="200" y="242" font-family="Inter,-apple-system,sans-serif" font-size="12" fill="#9E9E9E" text-anchor="middle">Smart categorization • Instant results</text>
</svg>
