<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 430" role="img"
     aria-label="Tek çatı altında dijital yapı: ziyaretçiden web sitesine, oradan özel yazılım paneli, yapay zekâ chatbot ve ölçüm katmanına akan şema">
  <defs>
    <linearGradient id="tcMavi" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0" stop-color="#1a6ef5"/><stop offset="1" stop-color="#00b4d8"/>
    </linearGradient>
    <linearGradient id="tcKoyu" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0" stop-color="#0f2057"/><stop offset="1" stop-color="#16306f"/>
    </linearGradient>
    <marker id="tcOk" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto">
      <path d="M0 0 L10 5 L0 10 z" fill="#9fb2d4"/>
    </marker>
    <style>
      .b { font: 600 15px system-ui, "Segoe UI", Roboto, Arial, sans-serif; fill: #0f2057; }
      .s { font: 400 12.5px system-ui, "Segoe UI", Roboto, Arial, sans-serif; fill: #64748b; }
      .w { font: 600 15px system-ui, "Segoe UI", Roboto, Arial, sans-serif; fill: #ffffff; }
      .ws { font: 400 12.5px system-ui, "Segoe UI", Roboto, Arial, sans-serif; fill: rgba(255,255,255,.72); }
      .et { font: 700 11px system-ui, "Segoe UI", Roboto, Arial, sans-serif; fill: #1a6ef5; letter-spacing: .12em; }
    </style>
  </defs>

  <rect x="0" y="0" width="900" height="430" rx="18" fill="#f7f9fd"/>

  <!-- Ziyaretçi -->
  <rect x="28" y="176" width="168" height="78" rx="14" fill="#ffffff" stroke="#e2e8f4"/>
  <circle cx="60" cy="215" r="14" fill="url(#tcMavi)" opacity=".16"/>
  <circle cx="60" cy="211" r="5" fill="#1a6ef5"/>
  <path d="M50 224a10 10 0 0 1 20 0z" fill="#1a6ef5"/>
  <text class="b" x="84" y="210">Ziyaretçi</text>
  <text class="s" x="84" y="230">arama · reklam · tavsiye</text>

  <path d="M200 215 H262" stroke="#9fb2d4" stroke-width="1.6" marker-end="url(#tcOk)"/>

  <!-- Merkez: web sitesi -->
  <rect x="272" y="120" width="248" height="190" rx="18" fill="url(#tcKoyu)"/>
  <text class="et" x="298" y="152">MERKEZ</text>
  <text class="w" x="298" y="178">Web sitesi</text>
  <text class="ws" x="298" y="198">kurumsal · e-ticaret · çok dilli</text>
  <g fill="rgba(255,255,255,.08)" stroke="rgba(255,255,255,.16)">
    <rect x="298" y="216" width="90" height="26" rx="7"/>
    <rect x="396" y="216" width="98" height="26" rx="7"/>
    <rect x="298" y="252" width="196" height="26" rx="7"/>
  </g>
  <text class="ws" x="310" y="234">İçerik</text>
  <text class="ws" x="408" y="234">Teknik SEO</text>
  <text class="ws" x="310" y="270">Form · randevu · ödeme</text>

  <!-- Oklar -->
  <path d="M524 172 H592" stroke="#9fb2d4" stroke-width="1.6" marker-end="url(#tcOk)"/>
  <path d="M524 215 H592" stroke="#9fb2d4" stroke-width="1.6" marker-end="url(#tcOk)"/>
  <path d="M524 258 H592" stroke="#9fb2d4" stroke-width="1.6" marker-end="url(#tcOk)"/>

  <!-- Sağ kolon -->
  <g>
    <rect x="600" y="140" width="272" height="64" rx="13" fill="#ffffff" stroke="#e2e8f4"/>
    <rect x="616" y="158" width="28" height="28" rx="9" fill="#1a6ef5" opacity=".12"/>
    <path d="M624 166h12v4h-12zm0 7h12v4h-12z" fill="#1a6ef5"/>
    <text class="b" x="656" y="168">Özel yazılım paneli</text>
    <text class="s" x="656" y="187">bayi · müşteri · stok · servis</text>
  </g>
  <g>
    <rect x="600" y="212" width="272" height="64" rx="13" fill="#ffffff" stroke="#e2e8f4"/>
    <rect x="616" y="230" width="28" height="28" rx="9" fill="#00b4d8" opacity=".14"/>
    <path d="M623 237h14a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7l-5 4v-4h-2a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2z" fill="#0891b2"/>
    <text class="b" x="656" y="240">Yapay zekâ chatbot</text>
    <text class="s" x="656" y="259">WhatsApp · site · sosyal medya</text>
  </g>
  <g>
    <rect x="600" y="284" width="272" height="64" rx="13" fill="#ffffff" stroke="#e2e8f4"/>
    <rect x="616" y="302" width="28" height="28" rx="9" fill="#ff8a3d" opacity=".16"/>
    <path d="M623 320v-8h3v8zm5 0v-13h3v13zm5 0v-6h3v6z" fill="#ea7724"/>
    <text class="b" x="656" y="312">Ölçüm ve rapor</text>
    <text class="s" x="656" y="331">Search Console · Analytics</text>
  </g>

  <!-- Alt not -->
  <path d="M736 348 V378 H396 V318" stroke="#c9d5ea" stroke-width="1.4" stroke-dasharray="5 5" fill="none" marker-end="url(#tcOk)"/>
  <text class="s" x="466" y="398">ölçüm sonuçları içeriği ve akışı besler — döngü kapanır</text>
</svg>
