<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 750" role="img" aria-label="Claude Opus 5 effort cost agentic work cover">
  <defs>
    <linearGradient id="bg" x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0%" stop-color="#140f0c"/>
      <stop offset="100%" stop-color="#0a0705"/>
    </linearGradient>
    <linearGradient id="opus" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%" stop-color="#d97706"/>
      <stop offset="50%" stop-color="#f97316"/>
      <stop offset="100%" stop-color="#ef4444"/>
    </linearGradient>
    <filter id="glow" x="-50%" y="-50%" width="200%" height="200%">
      <feGaussianBlur stdDeviation="16" result="b"/>
      <feMerge>
        <feMergeNode in="b"/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>
  </defs>

  <rect width="1200" height="750" fill="url(#bg)"/>

  <!-- subtle grid -->
  <g stroke="#271c19" stroke-width="1" opacity="0.6">
    <path d="M0,125 H1200"/><path d="M0,250 H1200"/><path d="M0,375 H1200"/><path d="M0,500 H1200"/><path d="M0,625 H1200"/>
    <path d="M150,0 V750"/><path d="M300,0 V750"/><path d="M450,0 V750"/><path d="M600,0 V750"/><path d="M750,0 V750"/><path d="M900,0 V750"/><path d="M1050,0 V750"/>
  </g>

  <!-- compute effort dial / slider visualization -->
  <g transform="translate(320,385)">
    <rect x="-70" y="-70" width="140" height="140" rx="16" fill="#1f1511" stroke="#f97316" stroke-width="4"/>
    <text x="-48" y="10" font-family="ui-monospace, monospace" font-size="30" font-weight="700" fill="#f97316">OPUS 5</text>
  </g>
  <g transform="translate(880,385)">
    <rect x="-70" y="-70" width="140" height="140" rx="16" fill="#1f1511" stroke="#d97706" stroke-width="4"/>
    <text x="-48" y="10" font-family="ui-monospace, monospace" font-size="28" font-weight="700" fill="#d97706">EFFORT</text>
  </g>

  <path d="M390,385 C520,385 520,270 600,270 C680,270 680,385 810,385"
        fill="none" stroke="url(#opus)" stroke-width="16" stroke-linecap="round" filter="url(#glow)" stroke-dasharray="4 20"/>
  <circle cx="600" cy="270" r="10" fill="#f97316" filter="url(#glow)"/>

  <!-- title copy -->
  <text x="70" y="120" font-family="'Segoe UI', system-ui, sans-serif" font-size="58" font-weight="700" letter-spacing="-1" fill="#f8fafc">Claude Opus 5: Test-Time Compute</text>
  <text x="73" y="176" font-family="ui-monospace, 'Cascadia Code', Consolas, monospace" font-size="24" font-weight="600" letter-spacing="5" fill="#f97316">ANTHROPIC &#8226; CLAUDE OPUS 5 &#8226; AGENTIC WORK</text>

  <text x="70" y="690" font-family="ui-monospace, 'Cascadia Code', Consolas, monospace" font-size="24" font-weight="600" letter-spacing="4" fill="#f97316">5 EFFORT LEVELS &#8226; FAST MODE</text>
  <text x="1130" y="690" text-anchor="end" font-family="ui-monospace, 'Cascadia Code', Consolas, monospace" font-size="24" font-weight="600" letter-spacing="4" fill="#a8a29e">14 SUMBER &#8226; ANALISIS PELUNCURAN</text>
</svg>
