File: /var/www/html/uploads/2026/05/token_recovery_hero_option_a.svg
<svg width="100%" viewBox="0 0 690 390" role="img" xmlns="http://www.w3.org/2000/svg" style="">
<title style="fill:rgb(0, 0, 0);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:"Anthropic Sans", -apple-system, "system-ui", "Segoe UI", sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto">Option A — 24 hour clock concept</title>
<desc style="fill:rgb(0, 0, 0);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:"Anthropic Sans", -apple-system, "system-ui", "Segoe UI", sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto">Navy background with a large circular 24-hour countdown as the visual centrepiece, headline left-aligned.</desc>
<defs>
<radialGradient id="bgA" cx="65%" cy="50%" r="50%">
<stop offset="0%" stop-color="#1E0E6E" stop-opacity="0.6"/>
<stop offset="100%" stop-color="#080E2A" stop-opacity="0"/>
</radialGradient>
</defs>
<rect width="680" height="380" fill="#080E2A" style="fill:rgb(8, 14, 42);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:"Anthropic Sans", -apple-system, "system-ui", "Segoe UI", sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<rect width="680" height="380" fill="url(#bgA)" style="stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:"Anthropic Sans", -apple-system, "system-ui", "Segoe UI", sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<!-- Large circle backdrop -->
<circle cx="490" cy="190" r="148" fill="none" stroke="#1A2560" stroke-width="1" style="fill:none;stroke:rgb(26, 37, 96);color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:"Anthropic Sans", -apple-system, "system-ui", "Segoe UI", sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<circle cx="490" cy="190" r="120" fill="none" stroke="#1A2560" stroke-width="0.5" style="fill:none;stroke:rgb(26, 37, 96);color:rgb(0, 0, 0);stroke-width:0.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:"Anthropic Sans", -apple-system, "system-ui", "Segoe UI", sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<circle cx="490" cy="190" r="90" fill="none" stroke="#1A2560" stroke-width="0.5" style="fill:none;stroke:rgb(26, 37, 96);color:rgb(0, 0, 0);stroke-width:0.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:"Anthropic Sans", -apple-system, "system-ui", "Segoe UI", sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<!-- Arc progress — about 1 hour gone of 24 -->
<circle cx="490" cy="190" r="148" fill="none" stroke="#6B5CE7" stroke-width="3" stroke-dasharray="62 878" stroke-linecap="round" transform="rotate(-90 490 190)" opacity="0.9" style="fill:none;stroke:rgb(107, 92, 231);color:rgb(0, 0, 0);stroke-width:3px;stroke-dasharray:62px, 878px;stroke-linecap:round;stroke-linejoin:miter;opacity:0.9;font-family:"Anthropic Sans", -apple-system, "system-ui", "Segoe UI", sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<!-- Tick marks -->
<g stroke="#2A3570" stroke-width="1" style="fill:rgb(0, 0, 0);stroke:rgb(42, 53, 112);color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:"Anthropic Sans", -apple-system, "system-ui", "Segoe UI", sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto">
<line x1="490" y1="42" x2="490" y2="52" style="fill:rgb(0, 0, 0);stroke:rgb(42, 53, 112);color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:"Anthropic Sans", -apple-system, "system-ui", "Segoe UI", sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<line x1="490" y1="328" x2="490" y2="338" style="fill:rgb(0, 0, 0);stroke:rgb(42, 53, 112);color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:"Anthropic Sans", -apple-system, "system-ui", "Segoe UI", sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<line x1="342" y1="190" x2="352" y2="190" style="fill:rgb(0, 0, 0);stroke:rgb(42, 53, 112);color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:"Anthropic Sans", -apple-system, "system-ui", "Segoe UI", sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<line x1="628" y1="190" x2="638" y2="190" style="fill:rgb(0, 0, 0);stroke:rgb(42, 53, 112);color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:"Anthropic Sans", -apple-system, "system-ui", "Segoe UI", sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<line x1="594" y1="85" x2="587" y2="93" style="fill:rgb(0, 0, 0);stroke:rgb(42, 53, 112);color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:"Anthropic Sans", -apple-system, "system-ui", "Segoe UI", sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<line x1="386" y1="85" x2="393" y2="93" style="fill:rgb(0, 0, 0);stroke:rgb(42, 53, 112);color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:"Anthropic Sans", -apple-system, "system-ui", "Segoe UI", sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<line x1="594" y1="295" x2="587" y2="287" style="fill:rgb(0, 0, 0);stroke:rgb(42, 53, 112);color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:"Anthropic Sans", -apple-system, "system-ui", "Segoe UI", sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<line x1="386" y1="295" x2="393" y2="287" style="fill:rgb(0, 0, 0);stroke:rgb(42, 53, 112);color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:"Anthropic Sans", -apple-system, "system-ui", "Segoe UI", sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
</g>
<!-- Clock centre text -->
<text x="490" y="178" text-anchor="middle" font-family="Arial, sans-serif" font-size="42" font-weight="700" fill="#FFFFFF" style="fill:rgb(255, 255, 255);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Arial, sans-serif;font-size:42px;font-weight:700;text-anchor:middle;dominant-baseline:auto">24</text>
<text x="490" y="202" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#6B5CE7" letter-spacing="3" style="fill:rgb(107, 92, 231);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Arial, sans-serif;font-size:12px;font-weight:400;text-anchor:middle;dominant-baseline:auto">HOURS</text>
<text x="490" y="222" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#8892B0" style="fill:rgb(136, 146, 176);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Arial, sans-serif;font-size:10px;font-weight:400;text-anchor:middle;dominant-baseline:auto">to act</text>
<!-- Dot at top of arc (start) -->
<circle cx="490" cy="42" r="5" fill="#6B5CE7" style="fill:rgb(107, 92, 231);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:"Anthropic Sans", -apple-system, "system-ui", "Segoe UI", sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<!-- Dot at arc end (~15 mins) -->
<circle cx="528" cy="45" r="4" fill="#8B7CF7" opacity="0.7" style="fill:rgb(139, 124, 247);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.7;font-family:"Anthropic Sans", -apple-system, "system-ui", "Segoe UI", sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<!-- Left headline -->
<text x="40" y="110" font-family="Arial, sans-serif" font-size="34" font-weight="700" fill="#FFFFFF" style="fill:rgb(255, 255, 255);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Arial, sans-serif;font-size:34px;font-weight:700;text-anchor:start;dominant-baseline:auto">Crypto Hacked?</text>
<text x="40" y="150" font-family="Arial, sans-serif" font-size="21" font-weight="700" fill="#8B7CF7" style="fill:rgb(139, 124, 247);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Arial, sans-serif;font-size:21px;font-weight:700;text-anchor:start;dominant-baseline:auto">Your Emergency Playbook</text>
<text x="40" y="182" font-family="Arial, sans-serif" font-size="21" font-weight="700" fill="#FFFFFF" style="fill:rgb(255, 255, 255);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Arial, sans-serif;font-size:21px;font-weight:700;text-anchor:start;dominant-baseline:auto">for the First 24 Hours</text>
<line x1="40" y1="200" x2="300" y2="200" stroke="#3D2FA0" stroke-width="1" style="fill:rgb(0, 0, 0);stroke:rgb(61, 47, 160);color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:"Anthropic Sans", -apple-system, "system-ui", "Segoe UI", sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<text x="40" y="224" font-family="Arial, sans-serif" font-size="12" fill="#8892B0" style="fill:rgb(136, 146, 176);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Arial, sans-serif;font-size:12px;font-weight:400;text-anchor:start;dominant-baseline:auto">Step-by-step global response guide.</text>
<text x="40" y="244" font-family="Arial, sans-serif" font-size="12" fill="#8892B0" style="fill:rgb(136, 146, 176);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Arial, sans-serif;font-size:12px;font-weight:400;text-anchor:start;dominant-baseline:auto">Act fast. Every hour matters.</text>
<!-- Badges -->
<rect x="40" y="272" width="148" height="28" rx="6" fill="#0D1433" stroke="#3D2FA0" stroke-width="1" style="fill:rgb(13, 20, 51);stroke:rgb(61, 47, 160);color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:"Anthropic Sans", -apple-system, "system-ui", "Segoe UI", sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<text x="114" y="291" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" fill="#8B7CF7" style="fill:rgb(139, 124, 247);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Arial, sans-serif;font-size:11px;font-weight:400;text-anchor:middle;dominant-baseline:auto">Romance / Pig Butchering</text>
<rect x="196" y="272" width="120" height="28" rx="6" fill="#0D1433" stroke="#3D2FA0" stroke-width="1" style="fill:rgb(13, 20, 51);stroke:rgb(61, 47, 160);color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:"Anthropic Sans", -apple-system, "system-ui", "Segoe UI", sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<text x="256" y="291" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" fill="#8B7CF7" style="fill:rgb(139, 124, 247);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Arial, sans-serif;font-size:11px;font-weight:400;text-anchor:middle;dominant-baseline:auto">Seed Phrase Hack</text>
<rect x="324" y="272" width="126" height="28" rx="6" fill="#0D1433" stroke="#3D2FA0" stroke-width="1" style="fill:rgb(13, 20, 51);stroke:rgb(61, 47, 160);color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:"Anthropic Sans", -apple-system, "system-ui", "Segoe UI", sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<text x="387" y="291" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" fill="#8B7CF7" style="fill:rgb(139, 124, 247);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Arial, sans-serif;font-size:11px;font-weight:400;text-anchor:middle;dominant-baseline:auto">Malicious Signing</text>
<!-- By line -->
<text x="40" y="340" font-family="Arial, sans-serif" font-size="11" fill="#3D4A7A" style="fill:rgb(61, 74, 122);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Arial, sans-serif;font-size:11px;font-weight:400;text-anchor:start;dominant-baseline:auto">By Token Recovery · May 2026</text>
<rect x="0" y="374" width="680" height="6" fill="#6B5CE7" opacity="0.6" style="fill:rgb(107, 92, 231);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.6;font-family:"Anthropic Sans", -apple-system, "system-ui", "Segoe UI", sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
</svg>