<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 640" role="img" aria-labelledby="title desc">
  <title id="title">Content engine illustration</title>
  <desc id="desc">An abstract editorial system showing recording, repurposing, publishing, and conversion stages.</desc>
  <defs>
    <linearGradient id="sky" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#fffdf8"/>
      <stop offset="100%" stop-color="#edf6f2"/>
    </linearGradient>
    <filter id="cardShadow" x="-20%" y="-20%" width="140%" height="140%">
      <feDropShadow dx="0" dy="18" stdDeviation="20" flood-color="#14233a" flood-opacity="0.18"/>
    </filter>
  </defs>

  <rect width="960" height="640" rx="36" fill="url(#sky)"/>
  <circle cx="160" cy="106" r="92" fill="#7ec5ff" opacity="0.18"/>
  <circle cx="842" cy="122" r="118" fill="#d5ff56" opacity="0.18"/>
  <circle cx="800" cy="520" r="124" fill="#ff7d57" opacity="0.12"/>

  <g filter="url(#cardShadow)">
    <rect x="88" y="188" width="196" height="250" rx="30" fill="#0f1728"/>
    <rect x="332" y="114" width="262" height="172" rx="30" fill="#ffffff"/>
    <rect x="652" y="178" width="212" height="134" rx="30" fill="#ffffff"/>
    <rect x="374" y="358" width="404" height="178" rx="34" fill="#ffffff"/>
  </g>

  <g font-family="Arial, sans-serif">
    <text x="118" y="236" font-size="16" letter-spacing="2.4" fill="#b6f9ef">SOURCE</text>
    <text x="118" y="284" font-size="34" font-weight="700" fill="#ffffff">One useful idea</text>
    <text x="118" y="320" font-size="20" fill="#d6e3f3">Interview, founder take,</text>
    <text x="118" y="346" font-size="20" fill="#d6e3f3">client question, insight</text>
    <rect x="118" y="376" width="136" height="12" rx="6" fill="#58d6c5"/>

    <text x="364" y="160" font-size="16" letter-spacing="2.4" fill="#ff7d57">REPACKAGE</text>
    <text x="364" y="206" font-size="36" font-weight="700" fill="#0f1728">Turn it into formats</text>
    <text x="364" y="240" font-size="20" fill="#40506a">Clip, carousel, post, article,</text>
    <text x="364" y="266" font-size="20" fill="#40506a">email takeaway, outreach prompt</text>

    <text x="682" y="220" font-size="16" letter-spacing="2.4" fill="#58d6c5">PUBLISH</text>
    <text x="682" y="262" font-size="32" font-weight="700" fill="#0f1728">Meet the buyer</text>
    <text x="682" y="292" font-size="18" fill="#40506a">where intent already lives</text>

    <text x="412" y="410" font-size="16" letter-spacing="2.4" fill="#7ec5ff">CONVERT</text>
    <text x="412" y="454" font-size="40" font-weight="700" fill="#0f1728">Give the right next step</text>
    <text x="412" y="490" font-size="22" fill="#40506a">Guide, audit, call, or reply path that matches intent.</text>
  </g>

  <g fill="none" stroke-linecap="round" stroke-width="14">
    <path d="M284 292h34c26 0 44-18 44-44v-18c0-26 18-44 44-44h18" stroke="#58d6c5"/>
    <path d="M594 214h28c26 0 44 18 44 44v0c0 26 18 44 44 44h14" stroke="#7ec5ff"/>
    <path d="M468 286v34c0 28 20 50 48 50h26" stroke="#ff7d57"/>
  </g>
</svg>
