<svg viewBox="0 0 520 140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Liver transplant workflow">
  <defs>
    <marker id="arrow" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto">
      <path d="M0,0 L0,6 L8,3 Z" fill="#2D9CDB"/>
    </marker>
  </defs>

  <!-- Step 1: Evaluation -->
  <circle cx="52" cy="58" r="36" fill="#EAF1F7" stroke="#0F4C81" stroke-width="2"/>
  <text x="52" y="53" text-anchor="middle" font-family="Inter,sans-serif" font-size="10" font-weight="700" fill="#0F4C81">01</text>
  <text x="52" y="66" text-anchor="middle" font-family="Inter,sans-serif" font-size="8.5" fill="#52606D">Evaluation</text>
  <text x="52" y="105" text-anchor="middle" font-family="Inter,sans-serif" font-size="8" fill="#7B8794">Workup &amp; Assessment</text>

  <!-- Arrow 1→2 -->
  <line x1="90" y1="58" x2="112" y2="58" stroke="#2D9CDB" stroke-width="1.8" marker-end="url(#arrow)"/>

  <!-- Step 2: Listing -->
  <circle cx="148" cy="58" r="36" fill="#EAF1F7" stroke="#0F4C81" stroke-width="2"/>
  <text x="148" y="53" text-anchor="middle" font-family="Inter,sans-serif" font-size="10" font-weight="700" fill="#0F4C81">02</text>
  <text x="148" y="66" text-anchor="middle" font-family="Inter,sans-serif" font-size="8.5" fill="#52606D">Listing</text>
  <text x="148" y="105" text-anchor="middle" font-family="Inter,sans-serif" font-size="8" fill="#7B8794">Donor Match</text>

  <!-- Arrow 2→3 -->
  <line x1="186" y1="58" x2="208" y2="58" stroke="#2D9CDB" stroke-width="1.8" marker-end="url(#arrow)"/>

  <!-- Step 3: Surgery (highlighted) -->
  <circle cx="244" cy="58" r="40" fill="#0F4C81" stroke="#0F4C81" stroke-width="2"/>
  <circle cx="244" cy="58" r="44" fill="none" stroke="#2D9CDB" stroke-width="1.5" stroke-dasharray="4 3" opacity="0.5"/>
  <text x="244" y="53" text-anchor="middle" font-family="Inter,sans-serif" font-size="10" font-weight="700" fill="#ffffff">03</text>
  <text x="244" y="66" text-anchor="middle" font-family="Inter,sans-serif" font-size="8.5" font-weight="600" fill="#ffffff">Surgery</text>
  <text x="244" y="111" text-anchor="middle" font-family="Inter,sans-serif" font-size="8" fill="#0F4C81" font-weight="600">Transplantation</text>

  <!-- Arrow 3→4 -->
  <line x1="286" y1="58" x2="308" y2="58" stroke="#2D9CDB" stroke-width="1.8" marker-end="url(#arrow)"/>

  <!-- Step 4: Recovery -->
  <circle cx="344" cy="58" r="36" fill="#EAF1F7" stroke="#0F4C81" stroke-width="2"/>
  <text x="344" y="53" text-anchor="middle" font-family="Inter,sans-serif" font-size="10" font-weight="700" fill="#0F4C81">04</text>
  <text x="344" y="66" text-anchor="middle" font-family="Inter,sans-serif" font-size="8.5" fill="#52606D">Recovery</text>
  <text x="344" y="105" text-anchor="middle" font-family="Inter,sans-serif" font-size="8" fill="#7B8794">ICU &amp; Ward</text>

  <!-- Arrow 4→5 -->
  <line x1="382" y1="58" x2="404" y2="58" stroke="#2D9CDB" stroke-width="1.8" marker-end="url(#arrow)"/>

  <!-- Step 5: Life After -->
  <circle cx="440" cy="58" r="36" fill="#27AE60" stroke="#27AE60" stroke-width="2"/>
  <text x="440" y="53" text-anchor="middle" font-family="Inter,sans-serif" font-size="10" font-weight="700" fill="#ffffff">05</text>
  <text x="440" y="66" text-anchor="middle" font-family="Inter,sans-serif" font-size="8.5" font-weight="600" fill="#ffffff">New Life</text>
  <text x="440" y="105" text-anchor="middle" font-family="Inter,sans-serif" font-size="8" fill="#27AE60" font-weight="600">Discharge &amp; Follow-up</text>

  <!-- Background label -->
  <text x="260" y="132" text-anchor="middle" font-family="Inter,sans-serif" font-size="9" fill="#7B8794">Liver Transplant Journey — Dhaara Liver Clinic</text>
</svg>
