<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 640" role="img" aria-labelledby="title desc">
  <title id="title">Editorial map illustration</title>
  <desc id="desc">An abstract content library map showing strategy, pricing, audit, and playbook content clusters.</desc>
  <defs>
    <linearGradient id="wash" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#101b2e"/>
      <stop offset="100%" stop-color="#152c4a"/>
    </linearGradient>
    <filter id="soft" x="-20%" y="-20%" width="140%" height="140%">
      <feDropShadow dx="0" dy="14" stdDeviation="18" flood-color="#0b1320" flood-opacity="0.24"/>
    </filter>
  </defs>

  <rect width="960" height="640" rx="36" fill="url(#wash)"/>
  <circle cx="144" cy="120" r="90" fill="#d5ff56" opacity="0.12"/>
  <circle cx="840" cy="126" r="118" fill="#58d6c5" opacity="0.12"/>
  <circle cx="806" cy="530" r="122" fill="#7ec5ff" opacity="0.12"/>

  <g filter="url(#soft)">
    <rect x="88" y="124" width="278" height="160" rx="28" fill="#ffffff"/>
    <rect x="418" y="96" width="220" height="126" rx="28" fill="#ffffff"/>
    <rect x="690" y="142" width="182" height="120" rx="28" fill="#ffffff"/>
    <rect x="210" y="354" width="220" height="132" rx="28" fill="#ffffff"/>
    <rect x="506" y="336" width="250" height="164" rx="30" fill="#ffffff"/>
  </g>

  <g fill="none" stroke-linecap="round" stroke-width="12">
    <path d="M366 206h28c24 0 44-20 44-44v0c0-24 20-44 44-44h10" stroke="#d5ff56"/>
    <path d="M638 170h22c24 0 44 20 44 44v0c0 24 20 44 44 44h10" stroke="#58d6c5"/>
    <path d="M278 284v26c0 26 20 46 46 46h20" stroke="#7ec5ff"/>
    <path d="M542 222v60c0 28 22 50 50 50h32" stroke="#ff7d57"/>
  </g>

  <g font-family="Arial, sans-serif">
    <text x="118" y="168" font-size="16" letter-spacing="2.4" fill="#ff7d57">FEATURED</text>
    <text x="118" y="214" font-size="34" font-weight="700" fill="#0f1728">Pipeline strategy</text>
    <text x="118" y="248" font-size="20" fill="#40506a">The article that explains</text>
    <text x="118" y="274" font-size="20" fill="#40506a">how the whole engine fits</text>

    <text x="450" y="140" font-size="16" letter-spacing="2.4" fill="#58d6c5">BUYER QUESTION</text>
    <text x="450" y="186" font-size="32" font-weight="700" fill="#0f1728">Pricing clarity</text>

    <text x="718" y="186" font-size="16" letter-spacing="2.4" fill="#7ec5ff">AUDIT</text>
    <text x="718" y="226" font-size="30" font-weight="700" fill="#0f1728">What to fix first</text>

    <text x="242" y="404" font-size="16" letter-spacing="2.4" fill="#d38264">PLAYBOOK</text>
    <text x="242" y="446" font-size="30" font-weight="700" fill="#0f1728">Execution rhythm</text>

    <text x="538" y="386" font-size="16" letter-spacing="2.4" fill="#58d6c5">LIBRARY ROLE</text>
    <text x="538" y="432" font-size="38" font-weight="700" fill="#0f1728">Content that earns trust</text>
    <text x="538" y="468" font-size="21" fill="#40506a">Each page should answer a real buying-stage question.</text>
  </g>
</svg>
