diff --git a/static/img/xrpl-agentic-payment-loop-light.svg b/static/img/xrpl-agentic-payment-loop-light.svg
index 813d6760c9..f6d97e6f3a 100644
--- a/static/img/xrpl-agentic-payment-loop-light.svg
+++ b/static/img/xrpl-agentic-payment-loop-light.svg
@@ -30,14 +30,14 @@
 
   <!-- ── STEP 1: TRIGGER  cx=140 ── -->
   <circle cx="140" cy="115" r="29" fill="#FFFFFF" stroke="#C8D8EC" stroke-width="1.5" style="fill:rgb(255, 255, 255);stroke:rgb(200, 216, 236);color:rgb(0, 0, 0);stroke-width:1.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
-  <text x="140" y="109" text-anchor="middle" fill="#A0B8D4" font-size="9" font-weight="700" style="fill:rgb(160, 184, 212);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:9px;font-weight:700;text-anchor:middle;dominant-baseline:auto">01</text>
+  <text x="140" y="78" text-anchor="middle" fill="#A0B8D4" font-size="9" font-weight="700" style="fill:rgb(160, 184, 212);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:9px;font-weight:700;text-anchor:middle;dominant-baseline:auto">01</text>
   <path d="M144,100 L137,116 L142,116 L138,128 L147,112 L141,112 Z" fill="#0094C4" opacity="0.85" style="fill:rgb(0, 148, 196);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.85;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
   <text x="140" y="160" text-anchor="middle" fill="#0B0D1E" font-size="12" font-weight="600" style="fill:rgb(11, 13, 30);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:12px;font-weight:600;text-anchor:middle;dominant-baseline:auto">Trigger</text>
   <text x="140" y="175" text-anchor="middle" fill="#7A90B4" font-size="10" style="fill:rgb(122, 144, 180);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:10px;font-weight:400;text-anchor:middle;dominant-baseline:auto">Event arrives</text>
 
   <!-- ── STEP 2: DECISION  cx=295 ── -->
   <circle cx="295" cy="115" r="29" fill="#FFFFFF" stroke="#C8D8EC" stroke-width="1.5" style="fill:rgb(255, 255, 255);stroke:rgb(200, 216, 236);color:rgb(0, 0, 0);stroke-width:1.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
-  <text x="295" y="109" text-anchor="middle" fill="#A0B8D4" font-size="9" font-weight="700" style="fill:rgb(160, 184, 212);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:9px;font-weight:700;text-anchor:middle;dominant-baseline:auto">02</text>
+  <text x="295" y="78" text-anchor="middle" fill="#A0B8D4" font-size="9" font-weight="700" style="fill:rgb(160, 184, 212);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:9px;font-weight:700;text-anchor:middle;dominant-baseline:auto">02</text>
   <polygon points="295,100 303,115 295,130 287,115" fill="none" stroke="#0094C4" stroke-width="1.5" opacity="0.85" style="fill:none;stroke:rgb(0, 148, 196);color:rgb(0, 0, 0);stroke-width:1.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.85;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
   <circle cx="295" cy="115" r="3" fill="#0094C4" opacity="0.85" style="fill:rgb(0, 148, 196);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.85;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
   <text x="295" y="160" text-anchor="middle" fill="#0B0D1E" font-size="12" font-weight="600" style="fill:rgb(11, 13, 30);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:12px;font-weight:600;text-anchor:middle;dominant-baseline:auto">Decision</text>
@@ -45,7 +45,7 @@
 
   <!-- ── STEP 3: TRANSACTION  cx=450 ── -->
   <circle cx="450" cy="115" r="29" fill="#FFFFFF" stroke="#C8D8EC" stroke-width="1.5" style="fill:rgb(255, 255, 255);stroke:rgb(200, 216, 236);color:rgb(0, 0, 0);stroke-width:1.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
-  <text x="450" y="109" text-anchor="middle" fill="#A0B8D4" font-size="9" font-weight="700" style="fill:rgb(160, 184, 212);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:9px;font-weight:700;text-anchor:middle;dominant-baseline:auto">03</text>
+  <text x="450" y="78" text-anchor="middle" fill="#A0B8D4" font-size="9" font-weight="700" style="fill:rgb(160, 184, 212);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:9px;font-weight:700;text-anchor:middle;dominant-baseline:auto">03</text>
   <path d="M450,102 L443,113 L447,113 L447,128 L453,128 L453,113 L457,113 Z" fill="#0094C4" opacity="0.85" style="fill:rgb(0, 148, 196);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.85;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
   <text x="450" y="160" text-anchor="middle" fill="#0B0D1E" font-size="12" font-weight="600" style="fill:rgb(11, 13, 30);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:12px;font-weight:600;text-anchor:middle;dominant-baseline:auto">Transaction</text>
   <text x="450" y="175" text-anchor="middle" fill="#7A90B4" font-size="10" style="fill:rgb(122, 144, 180);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:10px;font-weight:400;text-anchor:middle;dominant-baseline:auto">Sign &amp; submit</text>
@@ -54,7 +54,7 @@
   <!-- Subtle drop shadow ring -->
   <circle cx="605" cy="115" r="36" fill="none" stroke="#0094C4" stroke-width="0.5" opacity="0.12" style="fill:none;stroke:rgb(0, 148, 196);color:rgb(0, 0, 0);stroke-width:0.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.12;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
   <circle cx="605" cy="115" r="31" fill="#EDF6FC" stroke="#0076A8" stroke-width="2" filter="url(#shadow-l)" style="fill:rgb(237, 246, 252);stroke:rgb(0, 118, 168);color:rgb(0, 0, 0);stroke-width:2px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
-  <text x="605" y="109" text-anchor="middle" fill="#0076A8" font-size="9" font-weight="700" style="fill:rgb(0, 118, 168);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:9px;font-weight:700;text-anchor:middle;dominant-baseline:auto">04</text>
+  <text x="605" y="78" text-anchor="middle" fill="#0076A8" font-size="9" font-weight="700" style="fill:rgb(0, 118, 168);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:9px;font-weight:700;text-anchor:middle;dominant-baseline:auto">04</text>
   <!-- XRPL hexagon icon -->
   <polygon points="605,100 615,105 615,117 605,122 595,117 595,105" fill="none" stroke="#0076A8" stroke-width="1.5" opacity="0.95" style="fill:none;stroke:rgb(0, 118, 168);color:rgb(0, 0, 0);stroke-width:1.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.95;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
   <circle cx="605" cy="111" r="3.5" fill="#0076A8" opacity="0.85" style="fill:rgb(0, 118, 168);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.85;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
@@ -87,7 +87,7 @@
 
   <!-- ── STEP 5: LOGGING  cx=760 ── -->
   <circle cx="760" cy="115" r="29" fill="#FFFFFF" stroke="#C8D8EC" stroke-width="1.5" style="fill:rgb(255, 255, 255);stroke:rgb(200, 216, 236);color:rgb(0, 0, 0);stroke-width:1.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
-  <text x="760" y="109" text-anchor="middle" fill="#A0B8D4" font-size="9" font-weight="700" style="fill:rgb(160, 184, 212);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:9px;font-weight:700;text-anchor:middle;dominant-baseline:auto">05</text>
+  <text x="760" y="78" text-anchor="middle" fill="#A0B8D4" font-size="9" font-weight="700" style="fill:rgb(160, 184, 212);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:9px;font-weight:700;text-anchor:middle;dominant-baseline:auto">05</text>
   <line x1="751" y1="105" x2="769" y2="105" stroke="#0094C4" stroke-width="2" stroke-linecap="round" opacity="0.85" mask="url(#imagine-text-gaps-03xr4p)" style="fill:rgb(0, 0, 0);stroke:rgb(0, 148, 196);color:rgb(0, 0, 0);stroke-width:2px;stroke-linecap:round;stroke-linejoin:miter;opacity:0.85;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
   <line x1="751" y1="112" x2="769" y2="112" stroke="#0094C4" stroke-width="2" stroke-linecap="round" opacity="0.65" mask="url(#imagine-text-gaps-03xr4p)" style="fill:rgb(0, 0, 0);stroke:rgb(0, 148, 196);color:rgb(0, 0, 0);stroke-width:2px;stroke-linecap:round;stroke-linejoin:miter;opacity:0.65;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
   <line x1="751" y1="119" x2="762" y2="119" stroke="#0094C4" stroke-width="2" stroke-linecap="round" opacity="0.45" style="fill:rgb(0, 0, 0);stroke:rgb(0, 148, 196);color:rgb(0, 0, 0);stroke-width:2px;stroke-linecap:round;stroke-linejoin:miter;opacity:0.45;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
diff --git a/static/img/xrpl-agentic-payment-loop.svg b/static/img/xrpl-agentic-payment-loop.svg
index 1201076df5..5f8ba41454 100644
--- a/static/img/xrpl-agentic-payment-loop.svg
+++ b/static/img/xrpl-agentic-payment-loop.svg
@@ -35,7 +35,7 @@
 
   <!-- ── STEP 1: TRIGGER  cx=140 ── -->
   <circle cx="140" cy="115" r="29" fill="#0F1425" stroke="#2A4A6E" stroke-width="1.5" style="fill:rgb(15, 20, 37);stroke:rgb(42, 74, 110);color:rgb(0, 0, 0);stroke-width:1.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
-  <text x="140" y="109" text-anchor="middle" fill="#3A6090" font-size="9" font-weight="700" style="fill:rgb(58, 96, 144);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:9px;font-weight:700;text-anchor:middle;dominant-baseline:auto">01</text>
+  <text x="140" y="78" text-anchor="middle" fill="#3A6090" font-size="9" font-weight="700" style="fill:rgb(58, 96, 144);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:9px;font-weight:700;text-anchor:middle;dominant-baseline:auto">01</text>
   <!-- lightning bolt path -->
   <path d="M144,100 L137,116 L142,116 L138,128 L147,112 L141,112 Z" fill="#00B4E4" opacity="0.9" style="fill:rgb(0, 180, 228);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.9;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
   <text x="140" y="160" text-anchor="middle" fill="#E8F0FF" font-size="12" font-weight="600" style="fill:rgb(232, 240, 255);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:12px;font-weight:600;text-anchor:middle;dominant-baseline:auto">Trigger</text>
@@ -43,7 +43,7 @@
 
   <!-- ── STEP 2: DECISION  cx=295 ── -->
   <circle cx="295" cy="115" r="29" fill="#0F1425" stroke="#2A4A6E" stroke-width="1.5" style="fill:rgb(15, 20, 37);stroke:rgb(42, 74, 110);color:rgb(0, 0, 0);stroke-width:1.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
-  <text x="295" y="109" text-anchor="middle" fill="#3A6090" font-size="9" font-weight="700" style="fill:rgb(58, 96, 144);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:9px;font-weight:700;text-anchor:middle;dominant-baseline:auto">02</text>
+  <text x="295" y="78" text-anchor="middle" fill="#3A6090" font-size="9" font-weight="700" style="fill:rgb(58, 96, 144);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:9px;font-weight:700;text-anchor:middle;dominant-baseline:auto">02</text>
   <!-- diamond fork shape -->
   <polygon points="295,100 303,115 295,130 287,115" fill="none" stroke="#00B4E4" stroke-width="1.5" opacity="0.9" style="fill:none;stroke:rgb(0, 180, 228);color:rgb(0, 0, 0);stroke-width:1.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.9;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
   <circle cx="295" cy="115" r="3" fill="#00B4E4" opacity="0.9" style="fill:rgb(0, 180, 228);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.9;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
@@ -52,7 +52,7 @@
 
   <!-- ── STEP 3: TRANSACTION  cx=450 ── -->
   <circle cx="450" cy="115" r="29" fill="#0F1425" stroke="#2A4A6E" stroke-width="1.5" style="fill:rgb(15, 20, 37);stroke:rgb(42, 74, 110);color:rgb(0, 0, 0);stroke-width:1.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
-  <text x="450" y="109" text-anchor="middle" fill="#3A6090" font-size="9" font-weight="700" style="fill:rgb(58, 96, 144);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:9px;font-weight:700;text-anchor:middle;dominant-baseline:auto">03</text>
+  <text x="450" y="78" text-anchor="middle" fill="#3A6090" font-size="9" font-weight="700" style="fill:rgb(58, 96, 144);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:9px;font-weight:700;text-anchor:middle;dominant-baseline:auto">03</text>
   <!-- up-arrow path -->
   <path d="M450,102 L443,113 L447,113 L447,128 L453,128 L453,113 L457,113 Z" fill="#00B4E4" opacity="0.9" style="fill:rgb(0, 180, 228);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.9;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
   <text x="450" y="160" text-anchor="middle" fill="#E8F0FF" font-size="12" font-weight="600" style="fill:rgb(232, 240, 255);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:12px;font-weight:600;text-anchor:middle;dominant-baseline:auto">Transaction</text>
@@ -62,7 +62,7 @@
   <!-- Outer glow ring -->
   <circle cx="605" cy="115" r="36" fill="none" stroke="#00B4E4" stroke-width="0.5" opacity="0.15" style="fill:none;stroke:rgb(0, 180, 228);color:rgb(0, 0, 0);stroke-width:0.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.15;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
   <circle cx="605" cy="115" r="31" fill="#091C30" stroke="#00B4E4" stroke-width="2" filter="url(#glow)" style="fill:rgb(9, 28, 48);stroke:rgb(0, 180, 228);color:rgb(0, 0, 0);stroke-width:2px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
-  <text x="605" y="109" text-anchor="middle" fill="#0090B8" font-size="9" font-weight="700" style="fill:rgb(0, 144, 184);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:9px;font-weight:700;text-anchor:middle;dominant-baseline:auto">04</text>
+  <text x="605" y="78" text-anchor="middle" fill="#0090B8" font-size="9" font-weight="700" style="fill:rgb(0, 144, 184);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:9px;font-weight:700;text-anchor:middle;dominant-baseline:auto">04</text>
   <!-- XRPL hexagon icon (simplified SVG hexagon) -->
   <polygon points="605,100 615,105 615,117 605,122 595,117 595,105" fill="none" stroke="#00B4E4" stroke-width="1.5" opacity="0.95" style="fill:none;stroke:rgb(0, 180, 228);color:rgb(0, 0, 0);stroke-width:1.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.95;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
   <circle cx="605" cy="111" r="3.5" fill="#00B4E4" opacity="0.8" style="fill:rgb(0, 180, 228);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.8;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
@@ -96,7 +96,7 @@
 
   <!-- ── STEP 5: LOGGING  cx=760 ── -->
   <circle cx="760" cy="115" r="29" fill="#0F1425" stroke="#2A4A6E" stroke-width="1.5" style="fill:rgb(15, 20, 37);stroke:rgb(42, 74, 110);color:rgb(0, 0, 0);stroke-width:1.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
-  <text x="760" y="109" text-anchor="middle" fill="#3A6090" font-size="9" font-weight="700" style="fill:rgb(58, 96, 144);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:9px;font-weight:700;text-anchor:middle;dominant-baseline:auto">05</text>
+  <text x="760" y="78" text-anchor="middle" fill="#3A6090" font-size="9" font-weight="700" style="fill:rgb(58, 96, 144);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:9px;font-weight:700;text-anchor:middle;dominant-baseline:auto">05</text>
   <!-- log lines icon -->
   <line x1="751" y1="105" x2="769" y2="105" stroke="#00B4E4" stroke-width="2" stroke-linecap="round" opacity="0.9" mask="url(#imagine-text-gaps-8e1g16)" style="fill:rgb(0, 0, 0);stroke:rgb(0, 180, 228);color:rgb(0, 0, 0);stroke-width:2px;stroke-linecap:round;stroke-linejoin:miter;opacity:0.9;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
   <line x1="751" y1="112" x2="769" y2="112" stroke="#00B4E4" stroke-width="2" stroke-linecap="round" opacity="0.7" mask="url(#imagine-text-gaps-8e1g16)" style="fill:rgb(0, 0, 0);stroke:rgb(0, 180, 228);color:rgb(0, 0, 0);stroke-width:2px;stroke-linecap:round;stroke-linejoin:miter;opacity:0.7;font-family:Inter, &quot;Helvetica Neue&quot;, Arial, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>