<svg width="1200" height="630" viewBox="0 0 1200 630" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <!-- Dark navy background gradient -->
    <linearGradient id="bgGrad" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#0a0f1e;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#0d1b3e;stop-opacity:1" />
    </linearGradient>
    <!-- Blue glow for orb -->
    <radialGradient id="orbGrad" cx="50%" cy="50%" r="50%">
      <stop offset="0%" style="stop-color:#4fc3f7;stop-opacity:0.9" />
      <stop offset="40%" style="stop-color:#1976d2;stop-opacity:0.7" />
      <stop offset="100%" style="stop-color:#0d1b3e;stop-opacity:0" />
    </radialGradient>
    <!-- Glow filter -->
    <filter id="glow" x="-50%" y="-50%" width="200%" height="200%">
      <feGaussianBlur stdDeviation="8" result="coloredBlur"/>
      <feMerge>
        <feMergeNode in="coloredBlur"/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>
    <filter id="softglow" x="-30%" y="-30%" width="160%" height="160%">
      <feGaussianBlur stdDeviation="4" result="coloredBlur"/>
      <feMerge>
        <feMergeNode in="coloredBlur"/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>
    <filter id="textglow">
      <feGaussianBlur stdDeviation="3" result="coloredBlur"/>
      <feMerge>
        <feMergeNode in="coloredBlur"/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>
  </defs>

  <!-- Background -->
  <rect width="1200" height="630" fill="url(#bgGrad)"/>

  <!-- Subtle grid lines -->
  <g opacity="0.06" stroke="#4fc3f7" stroke-width="0.5">
    <!-- Vertical -->
    <line x1="100" y1="0" x2="100" y2="630"/>
    <line x1="200" y1="0" x2="200" y2="630"/>
    <line x1="300" y1="0" x2="300" y2="630"/>
    <line x1="400" y1="0" x2="400" y2="630"/>
    <line x1="500" y1="0" x2="500" y2="630"/>
    <line x1="600" y1="0" x2="600" y2="630"/>
    <line x1="700" y1="0" x2="700" y2="630"/>
    <line x1="800" y1="0" x2="800" y2="630"/>
    <line x1="900" y1="0" x2="900" y2="630"/>
    <line x1="1000" y1="0" x2="1000" y2="630"/>
    <line x1="1100" y1="0" x2="1100" y2="630"/>
    <!-- Horizontal -->
    <line x1="0" y1="90" x2="1200" y2="90"/>
    <line x1="0" y1="180" x2="1200" y2="180"/>
    <line x1="0" y1="270" x2="1200" y2="270"/>
    <line x1="0" y1="360" x2="1200" y2="360"/>
    <line x1="0" y1="450" x2="1200" y2="450"/>
    <line x1="0" y1="540" x2="1200" y2="540"/>
  </g>

  <!-- Central glow orb -->
  <ellipse cx="820" cy="315" rx="260" ry="260" fill="url(#orbGrad)" opacity="0.35"/>

  <!-- Connection lines from centre icon to channel icons -->
  <!-- WhatsApp -->
  <line x1="820" y1="280" x2="1050" y2="160" stroke="#4fc3f7" stroke-width="1.5" opacity="0.5" stroke-dasharray="6,4"/>
  <!-- Email -->
  <line x1="850" y1="315" x2="1080" y2="315" stroke="#4fc3f7" stroke-width="1.5" opacity="0.5" stroke-dasharray="6,4"/>
  <!-- Slack -->
  <line x1="820" y1="350" x2="1050" y2="470" stroke="#4fc3f7" stroke-width="1.5" opacity="0.5" stroke-dasharray="6,4"/>
  <!-- Teams -->
  <line x1="790" y1="270" x2="640" y2="170" stroke="#4fc3f7" stroke-width="1.5" opacity="0.3" stroke-dasharray="6,4"/>

  <!-- Dot nodes on lines -->
  <circle cx="960" cy="215" r="4" fill="#4fc3f7" opacity="0.8" filter="url(#softglow)"/>
  <circle cx="965" cy="315" r="4" fill="#4fc3f7" opacity="0.8" filter="url(#softglow)"/>
  <circle cx="960" cy="415" r="4" fill="#4fc3f7" opacity="0.8" filter="url(#softglow)"/>
  <circle cx="715" cy="215" r="4" fill="#4fc3f7" opacity="0.5" filter="url(#softglow)"/>

  <!-- Central AI agent icon: stylised crab/lobster shape made from circles and arcs -->
  <g transform="translate(820, 315)" filter="url(#glow)">
    <!-- Body -->
    <ellipse cx="0" cy="0" rx="42" ry="30" fill="#1565c0" stroke="#4fc3f7" stroke-width="2.5"/>
    <!-- Head -->
    <circle cx="0" cy="-28" r="18" fill="#1565c0" stroke="#4fc3f7" stroke-width="2.5"/>
    <!-- Eyes -->
    <circle cx="-8" cy="-32" r="4" fill="#4fc3f7"/>
    <circle cx="8" cy="-32" r="4" fill="#4fc3f7"/>
    <circle cx="-8" cy="-32" r="2" fill="white"/>
    <circle cx="8" cy="-32" r="2" fill="white"/>
    <!-- Left claws -->
    <path d="M-42,0 Q-65,-15 -58,-35 Q-50,-50 -38,-40" stroke="#4fc3f7" stroke-width="2.5" fill="none" stroke-linecap="round"/>
    <ellipse cx="-55" cy="-38" rx="9" ry="6" fill="#1565c0" stroke="#4fc3f7" stroke-width="2" transform="rotate(-20,-55,-38)"/>
    <!-- Right claws -->
    <path d="M42,0 Q65,-15 58,-35 Q50,-50 38,-40" stroke="#4fc3f7" stroke-width="2.5" fill="none" stroke-linecap="round"/>
    <ellipse cx="55" cy="-38" rx="9" ry="6" fill="#1565c0" stroke="#4fc3f7" stroke-width="2" transform="rotate(20,55,-38)"/>
    <!-- Legs left -->
    <path d="M-30,10 Q-50,20 -48,38" stroke="#4fc3f7" stroke-width="1.8" fill="none" stroke-linecap="round"/>
    <path d="M-20,18 Q-36,30 -32,48" stroke="#4fc3f7" stroke-width="1.8" fill="none" stroke-linecap="round"/>
    <!-- Legs right -->
    <path d="M30,10 Q50,20 48,38" stroke="#4fc3f7" stroke-width="1.8" fill="none" stroke-linecap="round"/>
    <path d="M20,18 Q36,30 32,48" stroke="#4fc3f7" stroke-width="1.8" fill="none" stroke-linecap="round"/>
    <!-- Antennae -->
    <path d="M-8,-44 Q-20,-65 -12,-80" stroke="#4fc3f7" stroke-width="1.5" fill="none" stroke-linecap="round"/>
    <path d="M8,-44 Q20,-65 12,-80" stroke="#4fc3f7" stroke-width="1.5" fill="none" stroke-linecap="round"/>
    <!-- Tail -->
    <path d="M-15,28 Q-10,50 0,56 Q10,50 15,28" stroke="#4fc3f7" stroke-width="2" fill="#1565c0" stroke-linecap="round" stroke-linejoin="round"/>
  </g>

  <!-- WhatsApp icon pill -->
  <rect x="1050" y="120" width="110" height="80" rx="16" fill="#1a2744" stroke="#25d366" stroke-width="1.5" opacity="0.9"/>
  <text x="1105" y="150" font-family="Arial, sans-serif" font-size="11" fill="#aabbcc" text-anchor="middle">WhatsApp</text>
  <circle cx="1105" cy="172" r="14" fill="#25d366" opacity="0.9"/>
  <path d="M1105,162 C1099,162 1094,167 1094,173 C1094,175.5 1094.8,177.8 1096.2,179.6 L1094.5,184 L1099.2,182.4 C1100.9,183.4 1102.9,184 1105,184 C1111,184 1116,179 1116,173 C1116,167 1111,162 1105,162 Z" fill="white" opacity="0.95"/>

  <!-- Email icon pill -->
  <rect x="1075" y="275" width="100" height="80" rx="16" fill="#1a2744" stroke="#4fc3f7" stroke-width="1.5" opacity="0.9"/>
  <text x="1125" y="305" font-family="Arial, sans-serif" font-size="11" fill="#aabbcc" text-anchor="middle">Email</text>
  <rect x="1109" y="320" width="32" height="22" rx="4" fill="none" stroke="#4fc3f7" stroke-width="1.8"/>
  <path d="M1109,320 L1125,332 L1141,320" stroke="#4fc3f7" stroke-width="1.8" fill="none"/>

  <!-- Slack icon pill -->
  <rect x="1050" y="430" width="110" height="80" rx="16" fill="#1a2744" stroke="#e01e5a" stroke-width="1.5" opacity="0.9"/>
  <text x="1105" y="460" font-family="Arial, sans-serif" font-size="11" fill="#aabbcc" text-anchor="middle">Slack</text>
  <g transform="translate(1105,480)">
    <rect x="-14" y="-8" width="6" height="14" rx="3" fill="#e01e5a"/>
    <rect x="-5" y="-14" width="14" height="6" rx="3" fill="#36c5f0"/>
    <rect x="4" y="-6" width="6" height="14" rx="3" fill="#2eb67d"/>
    <rect x="-14" y="2" width="14" height="6" rx="3" fill="#ecb22e"/>
  </g>

  <!-- Teams hint -->
  <rect x="535" y="130" width="100" height="70" rx="16" fill="#1a2744" stroke="#6264a7" stroke-width="1.5" opacity="0.7"/>
  <text x="585" y="158" font-family="Arial, sans-serif" font-size="11" fill="#aabbcc" text-anchor="middle">Teams</text>
  <text x="585" y="178" font-family="Arial, sans-serif" font-size="20" fill="#6264a7" text-anchor="middle">T</text>

  <!-- Left side: text content -->
  <!-- Category label -->
  <rect x="60" y="68" width="140" height="32" rx="6" fill="#1565c0" opacity="0.85"/>
  <text x="130" y="89" font-family="Arial, sans-serif" font-size="13" font-weight="600" fill="#4fc3f7" text-anchor="middle" letter-spacing="1">AI STRATEGY</text>

  <!-- Main title - line 1 -->
  <text x="60" y="160" font-family="Arial, sans-serif" font-size="38" font-weight="900" fill="#ffffff" filter="url(#textglow)">Why Every Australian</text>
  <!-- Main title - line 2 -->
  <text x="60" y="210" font-family="Arial, sans-serif" font-size="38" font-weight="900" fill="#ffffff">SMB Needs an</text>
  <!-- Main title - line 3 with highlight -->
  <text x="60" y="260" font-family="Arial, sans-serif" font-size="38" font-weight="900" fill="#4fc3f7" filter="url(#textglow)">OpenClaw Strategy</text>
  <!-- Main title - line 4 -->
  <text x="60" y="310" font-family="Arial, sans-serif" font-size="38" font-weight="900" fill="#ffffff">in 2026</text>

  <!-- Divider line -->
  <line x1="60" y1="340" x2="460" y2="340" stroke="#4fc3f7" stroke-width="2" opacity="0.6"/>

  <!-- Subtitle / descriptor -->
  <text x="60" y="375" font-family="Arial, sans-serif" font-size="17" fill="#90b8d8">A business guide for Australian SMBs</text>
  <text x="60" y="400" font-family="Arial, sans-serif" font-size="17" fill="#90b8d8">on autonomous AI agents, data sovereignty,</text>
  <text x="60" y="425" font-family="Arial, sans-serif" font-size="17" fill="#90b8d8">and practical use cases that work today.</text>

  <!-- Bottom bar -->
  <rect x="0" y="560" width="1200" height="70" fill="#0a1628" opacity="0.9"/>
  <line x1="0" y1="560" x2="1200" y2="560" stroke="#4fc3f7" stroke-width="1.5" opacity="0.5"/>

  <!-- Logo / brand left -->
  <text x="60" y="603" font-family="Arial, sans-serif" font-size="22" font-weight="800" fill="#4fc3f7" filter="url(#softglow)">RightLink.io</text>
  <text x="60" y="622" font-family="Arial, sans-serif" font-size="13" fill="#5a7a9a">AI Automation for Australian Business</text>

  <!-- Website URL right -->
  <text x="1140" y="605" font-family="Arial, sans-serif" font-size="15" fill="#4fc3f7" text-anchor="end" font-weight="600">rightlink.io/blog</text>
  <text x="1140" y="622" font-family="Arial, sans-serif" font-size="12" fill="#5a7a9a" text-anchor="end">Book a free strategy call today</text>

  <!-- Subtle corner decoration top right -->
  <circle cx="1180" cy="50" r="80" fill="#1565c0" opacity="0.07"/>
  <circle cx="1180" cy="50" r="50" fill="#4fc3f7" opacity="0.06"/>
</svg>
