diff --git a/public/media/blog/homelab-architecture-k8s-lxc-proxmox/topology.svg b/public/media/blog/homelab-architecture-k8s-lxc-proxmox/topology.svg
index 7962ff84..2655ad70 100644
--- a/public/media/blog/homelab-architecture-k8s-lxc-proxmox/topology.svg
+++ b/public/media/blog/homelab-architecture-k8s-lxc-proxmox/topology.svg
@@ -1 +1 @@
-<svg id="mermaid-svg" width="100%" xmlns="http://www.w3.org/2000/svg" class="flowchart" style="max-width: 2393.59375px;" viewBox="0 0 2393.59375 1159" role="graphics-document document" aria-roledescription="flowchart-v2" xmlns:xlink="http://www.w3.org/1999/xlink"><style xmlns="http://www.w3.org/1999/xhtml">@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css");</style><style>#mermaid-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#ccc;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-svg .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-svg .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-svg .error-icon{fill:#a44141;}#mermaid-svg .error-text{fill:#ddd;stroke:#ddd;}#mermaid-svg .edge-thickness-normal{stroke-width:1px;}#mermaid-svg .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-svg .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg .marker{fill:lightgrey;stroke:lightgrey;}#mermaid-svg .marker.cross{stroke:lightgrey;}#mermaid-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg p{margin:0;}#mermaid-svg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#ccc;}#mermaid-svg .cluster-label text{fill:#F9FFFE;}#mermaid-svg .cluster-label span{color:#F9FFFE;}#mermaid-svg .cluster-label span p{background-color:transparent;}#mermaid-svg .label text,#mermaid-svg span{fill:#ccc;color:#ccc;}#mermaid-svg .node rect,#mermaid-svg .node circle,#mermaid-svg .node ellipse,#mermaid-svg .node polygon,#mermaid-svg .node path{fill:#1f2020;stroke:#ccc;stroke-width:1px;}#mermaid-svg .rough-node .label text,#mermaid-svg .node .label text,#mermaid-svg .image-shape .label,#mermaid-svg .icon-shape .label{text-anchor:middle;}#mermaid-svg .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-svg .rough-node .label,#mermaid-svg .node .label,#mermaid-svg .image-shape .label,#mermaid-svg .icon-shape .label{text-align:center;}#mermaid-svg .node.clickable{cursor:pointer;}#mermaid-svg .root .anchor path{fill:lightgrey!important;stroke-width:0;stroke:lightgrey;}#mermaid-svg .arrowheadPath{fill:lightgrey;}#mermaid-svg .edgePath .path{stroke:lightgrey;stroke-width:2.0px;}#mermaid-svg .flowchart-link{stroke:lightgrey;fill:none;}#mermaid-svg .edgeLabel{background-color:hsl(0, 0%, 34.4117647059%);text-align:center;}#mermaid-svg .edgeLabel p{background-color:hsl(0, 0%, 34.4117647059%);}#mermaid-svg .edgeLabel rect{opacity:0.5;background-color:hsl(0, 0%, 34.4117647059%);fill:hsl(0, 0%, 34.4117647059%);}#mermaid-svg .labelBkg{background-color:rgba(87.75, 87.75, 87.75, 0.5);}#mermaid-svg .cluster rect{fill:hsl(180, 1.5873015873%, 28.3529411765%);stroke:rgba(255, 255, 255, 0.25);stroke-width:1px;}#mermaid-svg .cluster text{fill:#F9FFFE;}#mermaid-svg .cluster span{color:#F9FFFE;}#mermaid-svg div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(20, 1.5873015873%, 12.3529411765%);border:1px solid rgba(255, 255, 255, 0.25);border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#ccc;}#mermaid-svg rect.text{fill:none;stroke-width:0;}#mermaid-svg .icon-shape,#mermaid-svg .image-shape{background-color:hsl(0, 0%, 34.4117647059%);text-align:center;}#mermaid-svg .icon-shape p,#mermaid-svg .image-shape p{background-color:hsl(0, 0%, 34.4117647059%);padding:2px;}#mermaid-svg .icon-shape rect,#mermaid-svg .image-shape rect{opacity:0.5;background-color:hsl(0, 0%, 34.4117647059%);fill:hsl(0, 0%, 34.4117647059%);}#mermaid-svg .label-icon{display:inline-block;height:1em;overflow:visible;vertical-align:-0.125em;}#mermaid-svg .node .label-icon path{fill:currentColor;stroke:revert;stroke-width:revert;}#mermaid-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}#mermaid-svg .k8s&gt;*{fill:#326CE5!important;stroke:#fff!important;stroke-width:1px!important;color:#fff!important;}#mermaid-svg .k8s span{fill:#326CE5!important;stroke:#fff!important;stroke-width:1px!important;color:#fff!important;}#mermaid-svg .k8s tspan{fill:#fff!important;}#mermaid-svg .lxc&gt;*{fill:#F25F22!important;stroke:#fff!important;stroke-width:1px!important;color:#fff!important;}#mermaid-svg .lxc span{fill:#F25F22!important;stroke:#fff!important;stroke-width:1px!important;color:#fff!important;}#mermaid-svg .lxc tspan{fill:#fff!important;}#mermaid-svg .net&gt;*{fill:#F38020!important;stroke:#fff!important;stroke-width:1px!important;color:#fff!important;}#mermaid-svg .net span{fill:#F38020!important;stroke:#fff!important;stroke-width:1px!important;color:#fff!important;}#mermaid-svg .net tspan{fill:#fff!important;}#mermaid-svg .proxmox&gt;*{fill:#2C3E50!important;stroke:#fff!important;stroke-width:1px!important;color:#fff!important;}#mermaid-svg .proxmox span{fill:#2C3E50!important;stroke:#fff!important;stroke-width:1px!important;color:#fff!important;}#mermaid-svg .proxmox tspan{fill:#fff!important;}</style><g><marker id="mermaid-svg_flowchart-v2-pointEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-pointStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="4.5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 5 L 10 10 L 10 0 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-circleEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="11" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-circleStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="-1" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-crossEnd" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="12" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-crossStart" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="-1" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><g class="root"><g class="clusters"><g class="cluster " id="Proxmox" data-look="classic"><rect style="" x="564.1875" y="8" width="1821.40625" height="1143"/><g class="cluster-label " transform="translate(1411.7578125, 8)"><foreignObject width="126.265625" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel "><p>Proxmox VE Host</p></span></div></foreignObject></g></g><g class="cluster " id="LXCs" data-look="classic"><rect style="" x="589.1875" y="28" width="1771.40625" height="532"/><g class="cluster-label " transform="translate(1412.625, 28)"><foreignObject width="124.53125" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel "><p>Standalone LXCs</p></span></div></foreignObject></g></g><g class="cluster " id="K3s" data-look="classic"><rect style="" x="589.1875" y="580" width="1771.40625" height="551"/><g class="cluster-label " transform="translate(1390.3984375, 580)"><foreignObject width="168.984375" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel "><p>Kubernetes K3s Cluster</p></span></div></foreignObject></g></g><g class="cluster " id="Workloads" data-look="classic"><rect style="" x="614.1875" y="600" width="1066.734375" height="511"/><g class="cluster-label " transform="translate(1069, 600)"><foreignObject width="157.109375" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel "><p>K3s Workloads / Pods</p></span></div></foreignObject></g></g></g><g class="edgePaths"><path d="M122.266,893L126.432,893C130.599,893,138.932,893,146.599,893C154.266,893,161.266,893,164.766,893L168.266,893" id="L_Internet_CF_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_Internet_CF_0" data-points="W3sieCI6MTIyLjI2NTYyNSwieSI6ODkzfSx7IngiOjE0Ny4yNjU2MjUsInkiOjg5M30seyJ4IjoxNzIuMjY1NjI1LCJ5Ijo4OTN9XQ==" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M347.016,893L365.113,893C383.211,893,419.406,893,455.602,893C491.797,893,527.992,893,550.257,893C572.521,893,580.854,893,589.188,893C597.521,893,605.854,893,617.891,893C629.927,893,645.667,893,653.536,893L661.406,893" id="L_CF_Tunnel_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_CF_Tunnel_0" data-points="W3sieCI6MzQ3LjAxNTYyNSwieSI6ODkzfSx7IngiOjQ1NS42MDE1NjI1LCJ5Ijo4OTN9LHsieCI6NTY0LjE4NzUsInkiOjg5M30seyJ4Ijo1ODkuMTg3NSwieSI6ODkzfSx7IngiOjYxNC4xODc1LCJ5Ijo4OTN9LHsieCI6NjY1LjQwNjI1LCJ5Ijo4OTN9XQ==" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M836.594,893L852.294,893C867.995,893,899.396,893,925.76,893C952.125,893,973.453,893,984.117,893L994.781,893" id="L_Tunnel_Traefik_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_Tunnel_Traefik_0" data-points="W3sieCI6ODM2LjU5Mzc1LCJ5Ijo4OTN9LHsieCI6OTMwLjc5Njg3NSwieSI6ODkzfSx7IngiOjk5OC43ODEyNSwieSI6ODkzfV0=" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M1162.273,866L1172.214,861.833C1182.156,857.667,1202.039,849.333,1234.928,845.167C1267.818,841,1313.714,841,1336.661,841L1359.609,841" id="L_Traefik_AppService_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_Traefik_AppService_0" data-points="W3sieCI6MTE2Mi4yNzI2ODYyOTgwNzcsInkiOjg2Nn0seyJ4IjoxMjIxLjkyMTg3NSwieSI6ODQxfSx7IngiOjEzNjMuNjA5Mzc1LCJ5Ijo4NDF9XQ==" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M1162.273,920L1172.214,924.167C1182.156,928.333,1202.039,936.667,1233.742,940.833C1265.445,945,1308.969,945,1330.73,945L1352.492,945" id="L_Traefik_Backend_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_Traefik_Backend_0" data-points="W3sieCI6MTE2Mi4yNzI2ODYyOTgwNzcsInkiOjkyMH0seyJ4IjoxMjIxLjkyMTg3NSwieSI6OTQ1fSx7IngiOjEzNTYuNDkyMTg3NSwieSI6OTQ1fV0=" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M1119.325,920L1136.425,941.5C1153.524,963,1187.723,1006,1227.105,1027.5C1266.487,1049,1311.052,1049,1333.335,1049L1355.617,1049" id="L_Traefik_ClientWorker_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_Traefik_ClientWorker_0" data-points="W3sieCI6MTExOS4zMjUyNzA0MzI2OTI0LCJ5Ijo5MjB9LHsieCI6MTIyMS45MjE4NzUsInkiOjEwNDl9LHsieCI6MTM1OS42MTcxODc1LCJ5IjoxMDQ5fV0=" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M862.813,294L874.143,294C885.474,294,908.135,294,945.875,388.691C983.614,483.382,1036.43,672.765,1062.839,767.456L1089.247,862.147" id="L_VPN_Traefik_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_VPN_Traefik_0" data-points="W3sieCI6ODYyLjgxMjUsInkiOjI5NH0seyJ4Ijo5MzAuNzk2ODc1LCJ5IjoyOTR9LHsieCI6MTA5MC4zMjE1NTE1NDQyNDA1LCJ5Ijo4NjZ9XQ==" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M1115.164,866L1132.957,838.25C1150.75,810.5,1186.336,755,1207.629,727.25C1228.922,699.5,1235.922,699.5,1239.422,699.5L1242.922,699.5" id="L_Traefik_NamespaceClient_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_Traefik_NamespaceClient_0" data-points="W3sieCI6MTExNS4xNjM2OTkxMjc5MDcsInkiOjg2Nn0seyJ4IjoxMjIxLjkyMTg3NSwieSI6Njk5LjV9LHsieCI6MTI0Ni45MjE4NzUsInkiOjY5OS41fV0=" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M1680.922,817.5L1693.243,817.5C1705.565,817.5,1730.208,817.5,1754.185,817.5C1778.161,817.5,1801.471,817.5,1813.126,817.5L1824.781,817.5" id="L_Workloads_Workers_0" class=" edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_Workloads_Workers_0" data-points="W3sieCI6MTU3Ni44Njg5MDg4OTgzMDUsInkiOjc2NH0seyJ4IjoxNjgwLjkyMTg3NSwieSI6ODE3LjV9LHsieCI6MTc1NC44NTE1NjI1LCJ5Ijo4MTcuNX0seyJ4IjoxODI4Ljc4MTI1LCJ5Ijo4MTcuNX1d" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M1839.177,580L2018.562,526.15" id="L_K3s_DB_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_K3s_DB_0" data-points="W3sieCI6MTY1NS45MjE4NzUsInkiOjY5OS41fSx7IngiOjE2ODAuOTIxODc1LCJ5Ijo2OTkuNX0seyJ4IjoxNzU0Ljg1MTU2MjUsInkiOjY5OS41fSx7IngiOjIwMjIuMzkzMTEzMjkwMzk4LCJ5Ijo1MjV9XQ==" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M1953.368,580L2038.171,400.616" id="L_K3s_NAS_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_K3s_NAS_0" data-points="W3sieCI6MTY1NS45MjE4NzUsInkiOjY2NC4wODAwNjUzNTk0NzcxfSx7IngiOjE2ODAuOTIxODc1LCJ5Ijo2NTkuNzV9LHsieCI6MTc1NC44NTE1NjI1LCJ5Ijo2NTkuNzV9LHsieCI6MjAzOS44ODA2MTgyNjg0MzQsInkiOjM5N31d" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/></g><g class="edgeLabels"><g class="edgeLabel"><g class="label" data-id="L_Internet_CF_0" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(455.6015625, 893)"><g class="label" data-id="L_CF_Tunnel_0" transform="translate(-83.5859375, -12)"><foreignObject width="167.171875" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "><p>Wildcard *.mycloud.dev</p></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" data-id="L_Tunnel_Traefik_0" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" data-id="L_Traefik_AppService_0" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" data-id="L_Traefik_Backend_0" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" data-id="L_Traefik_ClientWorker_0" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(930.796875, 294)"><g class="label" data-id="L_VPN_Traefik_0" transform="translate(-42.984375, -12)"><foreignObject width="85.96875" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "><p>Local Traffic</p></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" data-id="L_Traefik_NamespaceClient_0" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(1754.8515625, 817.5)"><g class="label" data-id="L_Workloads_Workers_0" transform="translate(-48.9296875, -12)"><foreignObject width="97.859375" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "><p>Scheduled on</p></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" data-id="L_K3s_DB_0" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" data-id="L_K3s_NAS_0" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g></g><g class="nodes"><g class="root" transform="translate(1238.921875, 627)"><g class="clusters"><g class="cluster " id="NamespaceClient" data-look="classic"><rect style="" x="8" y="8" width="409" height="129"/><g class="cluster-label " transform="translate(146.6875, 8)"><foreignObject width="131.625" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel "><p>Namespace: client</p></span></div></foreignObject></g></g></g><g class="edgePaths"/><g class="edgeLabels"/><g class="nodes"><g class="node default k8s " id="flowchart-ClientA-2" transform="translate(115.25, 72.5)"><rect class="basic label-container" style="fill:#326CE5 !important;stroke:#fff !important;stroke-width:1px !important" x="-72.25" y="-27" width="144.5" height="54"/><g class="label" style="color:#fff !important" transform="translate(-42.25, -12)"><rect/><foreignObject width="84.5" height="24"><div style="color: rgb(255, 255, 255) !important; display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="color:#fff !important" class="nodeLabel "><p>client-a Pod</p></span></div></foreignObject></g></g><g class="node default k8s " id="flowchart-ClientB-3" transform="translate(309.75, 72.5)"><rect class="basic label-container" style="fill:#326CE5 !important;stroke:#fff !important;stroke-width:1px !important" x="-72.25" y="-27" width="144.5" height="54"/><g class="label" style="color:#fff !important" transform="translate(-42.25, -12)"><rect/><foreignObject width="84.5" height="24"><div style="color: rgb(255, 255, 255) !important; display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="color:#fff !important" class="nodeLabel "><p>client-b Pod</p></span></div></foreignObject></g></g></g></g><g class="root" transform="translate(1820.78125, 745)"><g class="clusters"><g class="cluster " id="Workers" data-look="classic"><rect style="" x="8" y="8" width="506.8125" height="129"/><g class="cluster-label " transform="translate(192.1875, 8)"><foreignObject width="138.4375" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel "><p>Worker Nodes Pool</p></span></div></foreignObject></g></g></g><g class="edgePaths"/><g class="edgeLabels"/><g class="nodes"><g class="node default k8s " id="flowchart-Worker1-0" transform="translate(139.703125, 72.5)"><rect class="basic label-container" style="fill:#326CE5 !important;stroke:#fff !important;stroke-width:1px !important" x="-96.703125" y="-27" width="193.40625" height="54"/><g class="label" style="color:#fff !important" transform="translate(-66.703125, -12)"><rect/><foreignObject width="133.40625" height="24"><div style="color: rgb(255, 255, 255) !important; display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="color:#fff !important" class="nodeLabel "><p>kube-worker-1 107</p></span></div></foreignObject></g></g><g class="node default k8s " id="flowchart-Worker2-1" transform="translate(383.109375, 72.5)"><rect class="basic label-container" style="fill:#326CE5 !important;stroke:#fff !important;stroke-width:1px !important" x="-96.703125" y="-27" width="193.40625" height="54"/><g class="label" style="color:#fff !important" transform="translate(-66.703125, -12)"><rect/><foreignObject width="133.40625" height="24"><div style="color: rgb(255, 255, 255) !important; display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="color:#fff !important" class="nodeLabel "><p>kube-worker-2 108</p></span></div></foreignObject></g></g></g></g><g class="node default k8s " id="flowchart-Tunnel-4" transform="translate(751, 893)"><rect class="basic label-container" style="fill:#326CE5 !important;stroke:#fff !important;stroke-width:1px !important" x="-85.59375" y="-27" width="171.1875" height="54"/><g class="label" style="color:#fff !important" transform="translate(-55.59375, -12)"><rect/><foreignObject width="111.1875" height="24"><div style="color: rgb(255, 255, 255) !important; display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="color:#fff !important" class="nodeLabel "><p>cloudflared Pod</p></span></div></foreignObject></g></g><g class="node default k8s " id="flowchart-Traefik-5" transform="translate(1097.8515625, 893)"><rect class="basic label-container" style="fill:#326CE5 !important;stroke:#fff !important;stroke-width:1px !important" x="-99.0703125" y="-27" width="198.140625" height="54"/><g class="label" style="color:#fff !important" transform="translate(-69.0703125, -12)"><rect/><foreignObject width="138.140625" height="24"><div style="color: rgb(255, 255, 255) !important; display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="color:#fff !important" class="nodeLabel "><p>Traefik Ingress Pod</p></span></div></foreignObject></g></g><g class="node default k8s " id="flowchart-AppService-6" transform="translate(1451.421875, 841)"><rect class="basic label-container" style="fill:#326CE5 !important;stroke:#fff !important;stroke-width:1px !important" x="-87.8125" y="-27" width="175.625" height="54"/><g class="label" style="color:#fff !important" transform="translate(-57.8125, -12)"><rect/><foreignObject width="115.625" height="24"><div style="color: rgb(255, 255, 255) !important; display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="color:#fff !important" class="nodeLabel "><p>app-service Pod</p></span></div></foreignObject></g></g><g class="node default k8s " id="flowchart-Backend-7" transform="translate(1451.421875, 945)"><rect class="basic label-container" style="fill:#326CE5 !important;stroke:#fff !important;stroke-width:1px !important" x="-94.9296875" y="-27" width="189.859375" height="54"/><g class="label" style="color:#fff !important" transform="translate(-64.9296875, -12)"><rect/><foreignObject width="129.859375" height="24"><div style="color: rgb(255, 255, 255) !important; display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="color:#fff !important" class="nodeLabel "><p>core-backend Pod</p></span></div></foreignObject></g></g><g class="node default k8s " id="flowchart-ClientWorker-8" transform="translate(1451.421875, 1049)"><rect class="basic label-container" style="fill:#326CE5 !important;stroke:#fff !important;stroke-width:1px !important" x="-91.8046875" y="-27" width="183.609375" height="54"/><g class="label" style="color:#fff !important" transform="translate(-61.8046875, -12)"><rect/><foreignObject width="123.609375" height="24"><div style="color: rgb(255, 255, 255) !important; display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="color:#fff !important" class="nodeLabel "><p>client-worker Pod</p></span></div></foreignObject></g></g><g class="node default k8s " id="flowchart-Master-10" transform="translate(2082.1875, 971)"><rect class="basic label-container" style="fill:#326CE5 !important;stroke:#fff !important;stroke-width:1px !important" x="-90.03125" y="-39" width="180.0625" height="78"/><g class="label" style="color:#fff !important" transform="translate(-60.03125, -24)"><rect/><foreignObject width="120.0625" height="48"><div style="color: rgb(255, 255, 255) !important; display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="color:#fff !important" class="nodeLabel "><p>kube-master 101<br />Control Plane</p></span></div></foreignObject></g></g><g class="node default lxc " id="flowchart-VPN-13" transform="translate(751, 294)"><rect class="basic label-container" style="fill:#F25F22 !important;stroke:#fff !important;stroke-width:1px !important" x="-111.8125" y="-39" width="223.625" height="78"/><g class="label" style="color:#fff !important" transform="translate(-81.8125, -24)"><rect/><foreignObject width="163.625" height="48"><div style="color: rgb(255, 255, 255) !important; display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="color:#fff !important" class="nodeLabel "><p>105: vpn-gateway<br />Private VPN Entrypoint</p></span></div></foreignObject></g></g><g class="node default lxc " id="flowchart-Staging-14" transform="translate(2082.1875, 102)"><rect class="basic label-container" style="fill:#F25F22 !important;stroke:#fff !important;stroke-width:1px !important" x="-117.6015625" y="-39" width="235.203125" height="78"/><g class="label" style="color:#fff !important" transform="translate(-87.6015625, -24)"><rect/><foreignObject width="175.203125" height="48"><div style="color: rgb(255, 255, 255) !important; display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="color:#fff !important" class="nodeLabel "><p>100: staging-host<br />Builds / Staging / Docker</p></span></div></foreignObject></g></g><g class="node default lxc " id="flowchart-Agent-15" transform="translate(2082.1875, 230)"><rect class="basic label-container" style="fill:#F25F22 !important;stroke:#fff !important;stroke-width:1px !important" x="-102.3359375" y="-39" width="204.671875" height="78"/><g class="label" style="color:#fff !important" transform="translate(-72.3359375, -24)"><rect/><foreignObject width="144.671875" height="48"><div style="color: rgb(255, 255, 255) !important; display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="color:#fff !important" class="nodeLabel "><p>102: agent-host<br />AI Agent Workspace</p></span></div></foreignObject></g></g><g class="node default lxc " id="flowchart-NAS-16" transform="translate(2082.1875, 358)"><rect class="basic label-container" style="fill:#F25F22 !important;stroke:#fff !important;stroke-width:1px !important" x="-104.7109375" y="-39" width="209.421875" height="78"/><g class="label" style="color:#fff !important" transform="translate(-74.7109375, -24)"><rect/><foreignObject width="149.421875" height="48"><div style="color: rgb(255, 255, 255) !important; display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="color:#fff !important" class="nodeLabel "><p>104: virtual-nas<br />Shared NAS Storage</p></span></div></foreignObject></g></g><g class="node default lxc " id="flowchart-DB-17" transform="translate(2082.1875, 486)"><rect class="basic label-container" style="fill:#F25F22 !important;stroke:#fff !important;stroke-width:1px !important" x="-114.6328125" y="-39" width="229.265625" height="78"/><g class="label" style="color:#fff !important" transform="translate(-84.6328125, -24)"><rect/><foreignObject width="169.265625" height="48"><div style="color: rgb(255, 255, 255) !important; display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="color:#fff !important" class="nodeLabel "><p>103: db-host<br />Central PostgreSQL DB</p></span></div></foreignObject></g></g><g class="node default net " id="flowchart-Internet-20" transform="translate(65.1328125, 893)"><rect class="basic label-container" style="fill:#F38020 !important;stroke:#fff !important;stroke-width:1px !important" x="-57.1328125" y="-27" width="114.265625" height="54"/><g class="label" style="color:#fff !important" transform="translate(-27.1328125, -12)"><rect/><foreignObject width="54.265625" height="24"><div style="color: rgb(255, 255, 255) !important; display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="color:#fff !important" class="nodeLabel "><p>Internet</p></span></div></foreignObject></g></g><g class="node default net " id="flowchart-CF-21" transform="translate(259.640625, 893)"><rect class="basic label-container" style="fill:#F38020 !important;stroke:#fff !important;stroke-width:1px !important" x="-87.375" y="-27" width="174.75" height="54"/><g class="label" style="color:#fff !important" transform="translate(-57.375, -12)"><rect/><foreignObject width="114.75" height="24"><div style="color: rgb(255, 255, 255) !important; display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="color:#fff !important" class="nodeLabel "><p>Cloudflare Edge</p></span></div></foreignObject></g></g></g></g></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="mermaid-svg" width="100%" aria-roledescription="flowchart-v2" class="flowchart" style="max-width:2393.59375px" role="graphics-document document" viewBox="0 0 2393.594 1159"><style xmlns="http://www.w3.org/1999/xhtml">@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css);</style><style>#mermaid-svg{font-family:&quot;trebuchet ms&quot;,verdana,arial,sans-serif;font-size:16px;fill:#ccc;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-svg .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-svg .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-svg .error-icon{fill:#a44141;}#mermaid-svg .error-text{fill:#ddd;stroke:#ddd;}#mermaid-svg .edge-thickness-normal{stroke-width:1px;}#mermaid-svg .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-svg .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg .marker{fill:lightgrey;stroke:lightgrey;}#mermaid-svg .marker.cross{stroke:lightgrey;}#mermaid-svg svg{font-family:&quot;trebuchet ms&quot;,verdana,arial,sans-serif;font-size:16px;}#mermaid-svg p{margin:0;}#mermaid-svg .label{font-family:&quot;trebuchet ms&quot;,verdana,arial,sans-serif;color:#ccc;}#mermaid-svg .cluster-label text{fill:#F9FFFE;}#mermaid-svg .cluster-label span{color:#F9FFFE;}#mermaid-svg .cluster-label span p{background-color:transparent;}#mermaid-svg .label text,#mermaid-svg span{fill:#ccc;color:#ccc;}#mermaid-svg .node rect,#mermaid-svg .node circle,#mermaid-svg .node ellipse,#mermaid-svg .node polygon,#mermaid-svg .node path{fill:#1f2020;stroke:#ccc;stroke-width:1px;}#mermaid-svg .rough-node .label text,#mermaid-svg .node .label text,#mermaid-svg .image-shape .label,#mermaid-svg .icon-shape .label{text-anchor:middle;}#mermaid-svg .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-svg .rough-node .label,#mermaid-svg .node .label,#mermaid-svg .image-shape .label,#mermaid-svg .icon-shape .label{text-align:center;}#mermaid-svg .node.clickable{cursor:pointer;}#mermaid-svg .root .anchor path{fill:lightgrey!important;stroke-width:0;stroke:lightgrey;}#mermaid-svg .arrowheadPath{fill:lightgrey;}#mermaid-svg .edgePath .path{stroke:lightgrey;stroke-width:2.0px;}#mermaid-svg .flowchart-link{stroke:lightgrey;fill:none;}#mermaid-svg .edgeLabel{background-color:hsl(0, 0%, 34.4117647059%);text-align:center;}#mermaid-svg .edgeLabel p{background-color:hsl(0, 0%, 34.4117647059%);}#mermaid-svg .edgeLabel rect{opacity:0.5;background-color:hsl(0, 0%, 34.4117647059%);fill:hsl(0, 0%, 34.4117647059%);}#mermaid-svg .labelBkg{background-color:rgba(87.75, 87.75, 87.75, 0.5);}#mermaid-svg .cluster rect{fill:hsl(180, 1.5873015873%, 28.3529411765%);stroke:rgba(255, 255, 255, 0.25);stroke-width:1px;}#mermaid-svg .cluster text{fill:#F9FFFE;}#mermaid-svg .cluster span{color:#F9FFFE;}#mermaid-svg div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:&quot;trebuchet ms&quot;,verdana,arial,sans-serif;font-size:12px;background:hsl(20, 1.5873015873%, 12.3529411765%);border:1px solid rgba(255, 255, 255, 0.25);border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#ccc;}#mermaid-svg rect.text{fill:none;stroke-width:0;}#mermaid-svg .icon-shape,#mermaid-svg .image-shape{background-color:hsl(0, 0%, 34.4117647059%);text-align:center;}#mermaid-svg .icon-shape p,#mermaid-svg .image-shape p{background-color:hsl(0, 0%, 34.4117647059%);padding:2px;}#mermaid-svg .icon-shape rect,#mermaid-svg .image-shape rect{opacity:0.5;background-color:hsl(0, 0%, 34.4117647059%);fill:hsl(0, 0%, 34.4117647059%);}#mermaid-svg .label-icon{display:inline-block;height:1em;overflow:visible;vertical-align:-0.125em;}#mermaid-svg .node .label-icon path{fill:currentColor;stroke:revert;stroke-width:revert;}#mermaid-svg :root{--mermaid-font-family:&quot;trebuchet ms&quot;,verdana,arial,sans-serif;}#mermaid-svg .k8s&gt;*{fill:#326CE5!important;stroke:#fff!important;stroke-width:1px!important;color:#fff!important;}#mermaid-svg .k8s span{fill:#326CE5!important;stroke:#fff!important;stroke-width:1px!important;color:#fff!important;}#mermaid-svg .k8s tspan{fill:#fff!important;}#mermaid-svg .lxc&gt;*{fill:#F25F22!important;stroke:#fff!important;stroke-width:1px!important;color:#fff!important;}#mermaid-svg .lxc span{fill:#F25F22!important;stroke:#fff!important;stroke-width:1px!important;color:#fff!important;}#mermaid-svg .lxc tspan{fill:#fff!important;}#mermaid-svg .net&gt;*{fill:#F38020!important;stroke:#fff!important;stroke-width:1px!important;color:#fff!important;}#mermaid-svg .net span{fill:#F38020!important;stroke:#fff!important;stroke-width:1px!important;color:#fff!important;}#mermaid-svg .net tspan{fill:#fff!important;}#mermaid-svg .proxmox&gt;*{fill:#2C3E50!important;stroke:#fff!important;stroke-width:1px!important;color:#fff!important;}#mermaid-svg .proxmox span{fill:#2C3E50!important;stroke:#fff!important;stroke-width:1px!important;color:#fff!important;}#mermaid-svg .proxmox tspan{fill:#fff!important;}</style><g><marker id="mermaid-svg_flowchart-v2-pointEnd" class="marker flowchart-v2" markerHeight="8" markerUnits="userSpaceOnUse" markerWidth="8" orient="auto" refX="5" refY="5" viewBox="0 0 10 10"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowMarkerPath" style="stroke-width:1;stroke-dasharray:1,0"/></marker><marker id="mermaid-svg_flowchart-v2-pointStart" class="marker flowchart-v2" markerHeight="8" markerUnits="userSpaceOnUse" markerWidth="8" orient="auto" refX="4.5" refY="5" viewBox="0 0 10 10"><path d="M 0 5 L 10 10 L 10 0 z" class="arrowMarkerPath" style="stroke-width:1;stroke-dasharray:1,0"/></marker><marker id="mermaid-svg_flowchart-v2-circleEnd" class="marker flowchart-v2" markerHeight="11" markerUnits="userSpaceOnUse" markerWidth="11" orient="auto" refX="11" refY="5" viewBox="0 0 10 10"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width:1;stroke-dasharray:1,0"/></marker><marker id="mermaid-svg_flowchart-v2-circleStart" class="marker flowchart-v2" markerHeight="11" markerUnits="userSpaceOnUse" markerWidth="11" orient="auto" refX="-1" refY="5" viewBox="0 0 10 10"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width:1;stroke-dasharray:1,0"/></marker><marker id="mermaid-svg_flowchart-v2-crossEnd" class="marker cross flowchart-v2" markerHeight="11" markerUnits="userSpaceOnUse" markerWidth="11" orient="auto" refX="12" refY="5.2" viewBox="0 0 11 11"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width:2;stroke-dasharray:1,0"/></marker><marker id="mermaid-svg_flowchart-v2-crossStart" class="marker cross flowchart-v2" markerHeight="11" markerUnits="userSpaceOnUse" markerWidth="11" orient="auto" refX="-1" refY="5.2" viewBox="0 0 11 11"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width:2;stroke-dasharray:1,0"/></marker><g class="root"><g class="clusters"><g id="Proxmox" class="cluster" data-look="classic"><rect width="1821.406" height="1143" x="564.188" y="8"/><g class="cluster-label" transform="translate(1411.7578125, 8)"><foreignObject width="126.266" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display:table-cell;white-space:nowrap;line-height:1.5;max-width:200px;text-align:center"><span class="nodeLabel"><p>Proxmox VE Host</p></span></div></foreignObject></g></g><g id="LXCs" class="cluster" data-look="classic"><rect width="1771.406" height="532" x="589.188" y="28"/><g class="cluster-label" transform="translate(1412.625, 28)"><foreignObject width="124.531" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display:table-cell;white-space:nowrap;line-height:1.5;max-width:200px;text-align:center"><span class="nodeLabel"><p>Standalone LXCs</p></span></div></foreignObject></g></g><g id="K3s" class="cluster" data-look="classic"><rect width="1771.406" height="551" x="589.188" y="580"/><g class="cluster-label" transform="translate(1390.3984375, 580)"><foreignObject width="168.984" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display:table-cell;white-space:nowrap;line-height:1.5;max-width:200px;text-align:center"><span class="nodeLabel"><p>Kubernetes K3s Cluster</p></span></div></foreignObject></g></g><g id="Workloads" class="cluster" data-look="classic"><rect width="1066.734" height="511" x="614.188" y="600"/><g class="cluster-label" transform="translate(1069, 600)"><foreignObject width="157.109" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display:table-cell;white-space:nowrap;line-height:1.5;max-width:200px;text-align:center"><span class="nodeLabel"><p>K3s Workloads / Pods</p></span></div></foreignObject></g></g></g><g class="edgePaths"><path id="L_Internet_CF_0" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)" d="M122.266,893L126.432,893C130.599,893,138.932,893,146.599,893C154.266,893,161.266,893,164.766,893L168.266,893" class="edge-thickness-normal edge-pattern-solid flowchart-link" data-edge="true" data-et="edge" data-id="L_Internet_CF_0" data-points="W3sieCI6MTIyLjI2NTYyNSwieSI6ODkzfSx7IngiOjE0Ny4yNjU2MjUsInkiOjg5M30seyJ4IjoxNzIuMjY1NjI1LCJ5Ijo4OTN9XQ=="/><path id="L_CF_Tunnel_0" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)" d="M347.016,893L365.113,893C383.211,893,419.406,893,455.602,893C491.797,893,527.992,893,550.257,893C572.521,893,580.854,893,589.188,893C597.521,893,605.854,893,617.891,893C629.927,893,645.667,893,653.536,893L661.406,893" class="edge-thickness-normal edge-pattern-solid flowchart-link" data-edge="true" data-et="edge" data-id="L_CF_Tunnel_0" data-points="W3sieCI6MzQ3LjAxNTYyNSwieSI6ODkzfSx7IngiOjQ1NS42MDE1NjI1LCJ5Ijo4OTN9LHsieCI6NTY0LjE4NzUsInkiOjg5M30seyJ4Ijo1ODkuMTg3NSwieSI6ODkzfSx7IngiOjYxNC4xODc1LCJ5Ijo4OTN9LHsieCI6NjY1LjQwNjI1LCJ5Ijo4OTN9XQ=="/><path id="L_Tunnel_Traefik_0" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)" d="M836.594,893L852.294,893C867.995,893,899.396,893,925.76,893C952.125,893,973.453,893,984.117,893L994.781,893" class="edge-thickness-normal edge-pattern-solid flowchart-link" data-edge="true" data-et="edge" data-id="L_Tunnel_Traefik_0" data-points="W3sieCI6ODM2LjU5Mzc1LCJ5Ijo4OTN9LHsieCI6OTMwLjc5Njg3NSwieSI6ODkzfSx7IngiOjk5OC43ODEyNSwieSI6ODkzfV0="/><path id="L_Traefik_AppService_0" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)" d="M1162.273,866L1172.214,861.833C1182.156,857.667,1202.039,849.333,1234.928,845.167C1267.818,841,1313.714,841,1336.661,841L1359.609,841" class="edge-thickness-normal edge-pattern-solid flowchart-link" data-edge="true" data-et="edge" data-id="L_Traefik_AppService_0" data-points="W3sieCI6MTE2Mi4yNzI2ODYyOTgwNzcsInkiOjg2Nn0seyJ4IjoxMjIxLjkyMTg3NSwieSI6ODQxfSx7IngiOjEzNjMuNjA5Mzc1LCJ5Ijo4NDF9XQ=="/><path id="L_Traefik_Backend_0" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)" d="M1162.273,920L1172.214,924.167C1182.156,928.333,1202.039,936.667,1233.742,940.833C1265.445,945,1308.969,945,1330.73,945L1352.492,945" class="edge-thickness-normal edge-pattern-solid flowchart-link" data-edge="true" data-et="edge" data-id="L_Traefik_Backend_0" data-points="W3sieCI6MTE2Mi4yNzI2ODYyOTgwNzcsInkiOjkyMH0seyJ4IjoxMjIxLjkyMTg3NSwieSI6OTQ1fSx7IngiOjEzNTYuNDkyMTg3NSwieSI6OTQ1fV0="/><path id="L_Traefik_ClientWorker_0" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)" d="M1119.325,920L1136.425,941.5C1153.524,963,1187.723,1006,1227.105,1027.5C1266.487,1049,1311.052,1049,1333.335,1049L1355.617,1049" class="edge-thickness-normal edge-pattern-solid flowchart-link" data-edge="true" data-et="edge" data-id="L_Traefik_ClientWorker_0" data-points="W3sieCI6MTExOS4zMjUyNzA0MzI2OTI0LCJ5Ijo5MjB9LHsieCI6MTIyMS45MjE4NzUsInkiOjEwNDl9LHsieCI6MTM1OS42MTcxODc1LCJ5IjoxMDQ5fV0="/><path id="L_VPN_Traefik_0" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)" d="M862.813,294L874.143,294C885.474,294,908.135,294,945.875,388.691C983.614,483.382,1036.43,672.765,1062.839,767.456L1089.247,862.147" class="edge-thickness-normal edge-pattern-solid flowchart-link" data-edge="true" data-et="edge" data-id="L_VPN_Traefik_0" data-points="W3sieCI6ODYyLjgxMjUsInkiOjI5NH0seyJ4Ijo5MzAuNzk2ODc1LCJ5IjoyOTR9LHsieCI6MTA5MC4zMjE1NTE1NDQyNDA1LCJ5Ijo4NjZ9XQ=="/><path id="L_Traefik_NamespaceClient_0" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)" d="M1115.164,866L1132.957,838.25C1150.75,810.5,1186.336,755,1207.629,727.25C1228.922,699.5,1235.922,699.5,1239.422,699.5L1242.922,699.5" class="edge-thickness-normal edge-pattern-solid flowchart-link" data-edge="true" data-et="edge" data-id="L_Traefik_NamespaceClient_0" data-points="W3sieCI6MTExNS4xNjM2OTkxMjc5MDcsInkiOjg2Nn0seyJ4IjoxMjIxLjkyMTg3NSwieSI6Njk5LjV9LHsieCI6MTI0Ni45MjE4NzUsInkiOjY5OS41fV0="/><path id="L_Workloads_Workers_0" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)" d="M1680.922,817.5L1693.243,817.5C1705.565,817.5,1730.208,817.5,1754.185,817.5C1778.161,817.5,1801.471,817.5,1813.126,817.5L1824.781,817.5" class="edge-thickness-normal edge-pattern-dotted edge-pattern-solid flowchart-link" data-edge="true" data-et="edge" data-id="L_Workloads_Workers_0" data-points="W3sieCI6MTU3Ni44Njg5MDg4OTgzMDUsInkiOjc2NH0seyJ4IjoxNjgwLjkyMTg3NSwieSI6ODE3LjV9LHsieCI6MTc1NC44NTE1NjI1LCJ5Ijo4MTcuNX0seyJ4IjoxODI4Ljc4MTI1LCJ5Ijo4MTcuNX1d"/><path id="L_K3s_DB_0" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)" d="M1839.177,580L2018.562,526.15" class="edge-thickness-normal edge-pattern-solid flowchart-link" data-edge="true" data-et="edge" data-id="L_K3s_DB_0" data-points="W3sieCI6MTY1NS45MjE4NzUsInkiOjY5OS41fSx7IngiOjE2ODAuOTIxODc1LCJ5Ijo2OTkuNX0seyJ4IjoxNzU0Ljg1MTU2MjUsInkiOjY5OS41fSx7IngiOjIwMjIuMzkzMTEzMjkwMzk4LCJ5Ijo1MjV9XQ=="/><path id="L_K3s_NAS_0" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)" d="M1953.368,580L2038.171,400.616" class="edge-thickness-normal edge-pattern-solid flowchart-link" data-edge="true" data-et="edge" data-id="L_K3s_NAS_0" data-points="W3sieCI6MTY1NS45MjE4NzUsInkiOjY2NC4wODAwNjUzNTk0NzcxfSx7IngiOjE2ODAuOTIxODc1LCJ5Ijo2NTkuNzV9LHsieCI6MTc1NC44NTE1NjI1LCJ5Ijo2NTkuNzV9LHsieCI6MjAzOS44ODA2MTgyNjg0MzQsInkiOjM5N31d"/></g><g class="edgeLabels"><g class="edgeLabel"><g class="label" data-id="L_Internet_CF_0" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display:table-cell;white-space:nowrap;line-height:1.5;max-width:200px;text-align:center"><span class="edgeLabel"/></div></foreignObject></g></g><g class="edgeLabel"><g class="label" data-id="L_CF_Tunnel_0" transform="translate(455.6015625, 893) translate(-83.5859375, -12)"><foreignObject width="167.172" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display:table-cell;white-space:nowrap;line-height:1.5;max-width:200px;text-align:center"><span class="edgeLabel"><p>Wildcard *.mycloud.dev</p></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" data-id="L_Tunnel_Traefik_0" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display:table-cell;white-space:nowrap;line-height:1.5;max-width:200px;text-align:center"><span class="edgeLabel"/></div></foreignObject></g></g><g class="edgeLabel"><g class="label" data-id="L_Traefik_AppService_0" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display:table-cell;white-space:nowrap;line-height:1.5;max-width:200px;text-align:center"><span class="edgeLabel"/></div></foreignObject></g></g><g class="edgeLabel"><g class="label" data-id="L_Traefik_Backend_0" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display:table-cell;white-space:nowrap;line-height:1.5;max-width:200px;text-align:center"><span class="edgeLabel"/></div></foreignObject></g></g><g class="edgeLabel"><g class="label" data-id="L_Traefik_ClientWorker_0" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display:table-cell;white-space:nowrap;line-height:1.5;max-width:200px;text-align:center"><span class="edgeLabel"/></div></foreignObject></g></g><g class="edgeLabel"><g class="label" data-id="L_VPN_Traefik_0" transform="translate(930.796875, 294) translate(-42.984375, -12)"><foreignObject width="85.969" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display:table-cell;white-space:nowrap;line-height:1.5;max-width:200px;text-align:center"><span class="edgeLabel"><p>Local Traffic</p></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" data-id="L_Traefik_NamespaceClient_0" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display:table-cell;white-space:nowrap;line-height:1.5;max-width:200px;text-align:center"><span class="edgeLabel"/></div></foreignObject></g></g><g class="edgeLabel"><g class="label" data-id="L_Workloads_Workers_0" transform="translate(1754.8515625, 817.5) translate(-48.9296875, -12)"><foreignObject width="97.859" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display:table-cell;white-space:nowrap;line-height:1.5;max-width:200px;text-align:center"><span class="edgeLabel"><p>Scheduled on</p></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" data-id="L_K3s_DB_0" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display:table-cell;white-space:nowrap;line-height:1.5;max-width:200px;text-align:center"><span class="edgeLabel"/></div></foreignObject></g></g><g class="edgeLabel"><g class="label" data-id="L_K3s_NAS_0" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display:table-cell;white-space:nowrap;line-height:1.5;max-width:200px;text-align:center"><span class="edgeLabel"/></div></foreignObject></g></g></g><g class="nodes"><g class="root"><g class="clusters" transform="translate(1238.921875, 627)"><g id="NamespaceClient" class="cluster" data-look="classic"><rect width="409" height="129" x="8" y="8"/><g class="cluster-label" transform="translate(146.6875, 8)"><foreignObject width="131.625" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display:table-cell;white-space:nowrap;line-height:1.5;max-width:200px;text-align:center"><span class="nodeLabel"><p>Namespace: client</p></span></div></foreignObject></g></g></g><g class="nodes" transform="translate(1238.921875, 627)"><g id="flowchart-ClientA-2" class="node default k8s" transform="translate(115.25, 72.5)"><rect class="basic label-container" style="fill:#326ce5!important;stroke:#fff!important;stroke-width:1px!important" width="144.5" height="54" x="-72.25" y="-27"/><g class="label" style="color:#fff!important" transform="translate(-42.25, -12)"><rect/><foreignObject width="84.5" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="color:#fff!important;display:table-cell;white-space:nowrap;line-height:1.5;max-width:200px;text-align:center"><span style="color:#fff!important" class="nodeLabel"><p>client-a Pod</p></span></div></foreignObject></g></g><g id="flowchart-ClientB-3" class="node default k8s" transform="translate(309.75, 72.5)"><rect class="basic label-container" style="fill:#326ce5!important;stroke:#fff!important;stroke-width:1px!important" width="144.5" height="54" x="-72.25" y="-27"/><g class="label" style="color:#fff!important" transform="translate(-42.25, -12)"><rect/><foreignObject width="84.5" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="color:#fff!important;display:table-cell;white-space:nowrap;line-height:1.5;max-width:200px;text-align:center"><span style="color:#fff!important" class="nodeLabel"><p>client-b Pod</p></span></div></foreignObject></g></g></g></g><g class="root"><g class="clusters" transform="translate(1820.78125, 745)"><g id="Workers" class="cluster" data-look="classic"><rect width="506.813" height="129" x="8" y="8"/><g class="cluster-label" transform="translate(192.1875, 8)"><foreignObject width="138.438" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display:table-cell;white-space:nowrap;line-height:1.5;max-width:200px;text-align:center"><span class="nodeLabel"><p>Worker Nodes Pool</p></span></div></foreignObject></g></g></g><g class="nodes" transform="translate(1820.78125, 745)"><g id="flowchart-Worker1-0" class="node default k8s" transform="translate(139.703125, 72.5)"><rect class="basic label-container" style="fill:#326ce5!important;stroke:#fff!important;stroke-width:1px!important" width="193.406" height="54" x="-96.703" y="-27"/><g class="label" style="color:#fff!important" transform="translate(-66.703125, -12)"><rect/><foreignObject width="133.406" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="color:#fff!important;display:table-cell;white-space:nowrap;line-height:1.5;max-width:200px;text-align:center"><span style="color:#fff!important" class="nodeLabel"><p>kube-worker-1 107</p></span></div></foreignObject></g></g><g id="flowchart-Worker2-1" class="node default k8s" transform="translate(383.109375, 72.5)"><rect class="basic label-container" style="fill:#326ce5!important;stroke:#fff!important;stroke-width:1px!important" width="193.406" height="54" x="-96.703" y="-27"/><g class="label" style="color:#fff!important" transform="translate(-66.703125, -12)"><rect/><foreignObject width="133.406" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="color:#fff!important;display:table-cell;white-space:nowrap;line-height:1.5;max-width:200px;text-align:center"><span style="color:#fff!important" class="nodeLabel"><p>kube-worker-2 108</p></span></div></foreignObject></g></g></g></g><g id="flowchart-Tunnel-4" class="node default k8s" transform="translate(751, 893)"><rect class="basic label-container" style="fill:#326ce5!important;stroke:#fff!important;stroke-width:1px!important" width="171.188" height="54" x="-85.594" y="-27"/><g class="label" style="color:#fff!important" transform="translate(-55.59375, -12)"><rect/><foreignObject width="111.188" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="color:#fff!important;display:table-cell;white-space:nowrap;line-height:1.5;max-width:200px;text-align:center"><span style="color:#fff!important" class="nodeLabel"><p>cloudflared Pod</p></span></div></foreignObject></g></g><g id="flowchart-Traefik-5" class="node default k8s" transform="translate(1097.8515625, 893)"><rect class="basic label-container" style="fill:#326ce5!important;stroke:#fff!important;stroke-width:1px!important" width="198.141" height="54" x="-99.07" y="-27"/><g class="label" style="color:#fff!important" transform="translate(-69.0703125, -12)"><rect/><foreignObject width="138.141" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="color:#fff!important;display:table-cell;white-space:nowrap;line-height:1.5;max-width:200px;text-align:center"><span style="color:#fff!important" class="nodeLabel"><p>Traefik Ingress Pod</p></span></div></foreignObject></g></g><g id="flowchart-AppService-6" class="node default k8s" transform="translate(1451.421875, 841)"><rect class="basic label-container" style="fill:#326ce5!important;stroke:#fff!important;stroke-width:1px!important" width="175.625" height="54" x="-87.813" y="-27"/><g class="label" style="color:#fff!important" transform="translate(-57.8125, -12)"><rect/><foreignObject width="115.625" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="color:#fff!important;display:table-cell;white-space:nowrap;line-height:1.5;max-width:200px;text-align:center"><span style="color:#fff!important" class="nodeLabel"><p>app-service Pod</p></span></div></foreignObject></g></g><g id="flowchart-Backend-7" class="node default k8s" transform="translate(1451.421875, 945)"><rect class="basic label-container" style="fill:#326ce5!important;stroke:#fff!important;stroke-width:1px!important" width="189.859" height="54" x="-94.93" y="-27"/><g class="label" style="color:#fff!important" transform="translate(-64.9296875, -12)"><rect/><foreignObject width="129.859" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="color:#fff!important;display:table-cell;white-space:nowrap;line-height:1.5;max-width:200px;text-align:center"><span style="color:#fff!important" class="nodeLabel"><p>core-backend Pod</p></span></div></foreignObject></g></g><g id="flowchart-ClientWorker-8" class="node default k8s" transform="translate(1451.421875, 1049)"><rect class="basic label-container" style="fill:#326ce5!important;stroke:#fff!important;stroke-width:1px!important" width="183.609" height="54" x="-91.805" y="-27"/><g class="label" style="color:#fff!important" transform="translate(-61.8046875, -12)"><rect/><foreignObject width="123.609" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="color:#fff!important;display:table-cell;white-space:nowrap;line-height:1.5;max-width:200px;text-align:center"><span style="color:#fff!important" class="nodeLabel"><p>client-worker Pod</p></span></div></foreignObject></g></g><g id="flowchart-Master-10" class="node default k8s" transform="translate(2082.1875, 971)"><rect class="basic label-container" style="fill:#326ce5!important;stroke:#fff!important;stroke-width:1px!important" width="180.063" height="78" x="-90.031" y="-39"/><g class="label" style="color:#fff!important" transform="translate(-60.03125, -24)"><rect/><foreignObject width="120.063" height="48"><div xmlns="http://www.w3.org/1999/xhtml" style="color:#fff!important;display:table-cell;white-space:nowrap;line-height:1.5;max-width:200px;text-align:center"><span style="color:#fff!important" class="nodeLabel"><p>kube-master 101<br/>Control Plane</p></span></div></foreignObject></g></g><g id="flowchart-VPN-13" class="node default lxc" transform="translate(751, 294)"><rect class="basic label-container" style="fill:#f25f22!important;stroke:#fff!important;stroke-width:1px!important" width="223.625" height="78" x="-111.813" y="-39"/><g class="label" style="color:#fff!important" transform="translate(-81.8125, -24)"><rect/><foreignObject width="163.625" height="48"><div xmlns="http://www.w3.org/1999/xhtml" style="color:#fff!important;display:table-cell;white-space:nowrap;line-height:1.5;max-width:200px;text-align:center"><span style="color:#fff!important" class="nodeLabel"><p>105: vpn-gateway<br/>Private VPN Entrypoint</p></span></div></foreignObject></g></g><g id="flowchart-Staging-14" class="node default lxc" transform="translate(2082.1875, 102)"><rect class="basic label-container" style="fill:#f25f22!important;stroke:#fff!important;stroke-width:1px!important" width="235.203" height="78" x="-117.602" y="-39"/><g class="label" style="color:#fff!important" transform="translate(-87.6015625, -24)"><rect/><foreignObject width="175.203" height="48"><div xmlns="http://www.w3.org/1999/xhtml" style="color:#fff!important;display:table-cell;white-space:nowrap;line-height:1.5;max-width:200px;text-align:center"><span style="color:#fff!important" class="nodeLabel"><p>100: staging-host<br/>Builds / Staging / Docker</p></span></div></foreignObject></g></g><g id="flowchart-Agent-15" class="node default lxc" transform="translate(2082.1875, 230)"><rect class="basic label-container" style="fill:#f25f22!important;stroke:#fff!important;stroke-width:1px!important" width="204.672" height="78" x="-102.336" y="-39"/><g class="label" style="color:#fff!important" transform="translate(-72.3359375, -24)"><rect/><foreignObject width="144.672" height="48"><div xmlns="http://www.w3.org/1999/xhtml" style="color:#fff!important;display:table-cell;white-space:nowrap;line-height:1.5;max-width:200px;text-align:center"><span style="color:#fff!important" class="nodeLabel"><p>102: agent-host<br/>AI Agent Workspace</p></span></div></foreignObject></g></g><g id="flowchart-NAS-16" class="node default lxc" transform="translate(2082.1875, 358)"><rect class="basic label-container" style="fill:#f25f22!important;stroke:#fff!important;stroke-width:1px!important" width="209.422" height="78" x="-104.711" y="-39"/><g class="label" style="color:#fff!important" transform="translate(-74.7109375, -24)"><rect/><foreignObject width="149.422" height="48"><div xmlns="http://www.w3.org/1999/xhtml" style="color:#fff!important;display:table-cell;white-space:nowrap;line-height:1.5;max-width:200px;text-align:center"><span style="color:#fff!important" class="nodeLabel"><p>104: virtual-nas<br/>Shared NAS Storage</p></span></div></foreignObject></g></g><g id="flowchart-DB-17" class="node default lxc" transform="translate(2082.1875, 486)"><rect class="basic label-container" style="fill:#f25f22!important;stroke:#fff!important;stroke-width:1px!important" width="229.266" height="78" x="-114.633" y="-39"/><g class="label" style="color:#fff!important" transform="translate(-84.6328125, -24)"><rect/><foreignObject width="169.266" height="48"><div xmlns="http://www.w3.org/1999/xhtml" style="color:#fff!important;display:table-cell;white-space:nowrap;line-height:1.5;max-width:200px;text-align:center"><span style="color:#fff!important" class="nodeLabel"><p>103: db-host<br/>Central PostgreSQL DB</p></span></div></foreignObject></g></g><g id="flowchart-Internet-20" class="node default net" transform="translate(65.1328125, 893)"><rect class="basic label-container" style="fill:#f38020!important;stroke:#fff!important;stroke-width:1px!important" width="114.266" height="54" x="-57.133" y="-27"/><g class="label" style="color:#fff!important" transform="translate(-27.1328125, -12)"><rect/><foreignObject width="54.266" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="color:#fff!important;display:table-cell;white-space:nowrap;line-height:1.5;max-width:200px;text-align:center"><span style="color:#fff!important" class="nodeLabel"><p>Internet</p></span></div></foreignObject></g></g><g id="flowchart-CF-21" class="node default net" transform="translate(259.640625, 893)"><rect class="basic label-container" style="fill:#f38020!important;stroke:#fff!important;stroke-width:1px!important" width="174.75" height="54" x="-87.375" y="-27"/><g class="label" style="color:#fff!important" transform="translate(-57.375, -12)"><rect/><foreignObject width="114.75" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="color:#fff!important;display:table-cell;white-space:nowrap;line-height:1.5;max-width:200px;text-align:center"><span style="color:#fff!important" class="nodeLabel"><p>Cloudflare Edge</p></span></div></foreignObject></g></g></g></g></g></svg>
\ No newline at end of file
diff --git a/public/media/blog/loopback-backup-proxmox-nas/banner.png b/public/media/blog/loopback-backup-proxmox-nas/banner.png
index e65d5368..ca21d135 100644
Binary files a/public/media/blog/loopback-backup-proxmox-nas/banner.png and b/public/media/blog/loopback-backup-proxmox-nas/banner.png differ
diff --git a/public/media/blog/membangun-agent-memory-bebas-vendor/obsidian-graph.jpg b/public/media/blog/membangun-agent-memory-bebas-vendor/obsidian-graph.jpg
index 02dbf7cf..de4ef318 100644
Binary files a/public/media/blog/membangun-agent-memory-bebas-vendor/obsidian-graph.jpg and b/public/media/blog/membangun-agent-memory-bebas-vendor/obsidian-graph.jpg differ
diff --git a/public/media/web-reports/pagespeed/desktop.svg b/public/media/web-reports/pagespeed/desktop.svg
index 2ae6a15f..805c38ab 100644
--- a/public/media/web-reports/pagespeed/desktop.svg
+++ b/public/media/web-reports/pagespeed/desktop.svg
@@ -1,231 +1 @@
-
-	<svg class="theme--agnostic" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" width="1000" height="330">
-		<style>
-			.gauge-base {
-				opacity: 0.1
-			}
-
-			.gauge-arc {
-				fill: none;
-				animation-delay: 250ms;
-				stroke-linecap: round;
-				transform: rotate(-90deg);
-				transform-origin: 100px 60px;
-				animation: load-gauge 1s ease forwards
-			}
-
-			.guage-text {
-				font-size: 40px;
-				font-family: monospace;
-				text-align: center
-			}
-
-			.guage-red {
-				color: #ff4e42;
-				fill: #ff4e42;
-				stroke: #ff4e42
-			}
-			.guage-orange {
-				color: #ffa400;
-				fill: #ffa400;
-				stroke: #ffa400
-			}
-			.guage-green {
-				color: #0cce6b;
-				fill: #0cce6b;
-				stroke: #0cce6b
-			}
-			.theme--agnostic .guage-undefined {
-				color: #5c5c5c;
-				fill: #5c5c5c;
-				stroke: #5c5c5c
-			}
-			.theme--light .guage-undefined {
-				color: #1e1e1e;
-				fill: #1e1e1e;
-				stroke: #1e1e1e
-			}
-			.theme--dark .guage-undefined {
-				color: #f5f5f5;
-				fill: #f5f5f5;
-				stroke: #f5f5f5
-			}
-
-			.guage-title {
-				stroke: none;
-				font-size: 26px;
-				line-height: 26px;
-				font-family: Roboto, Halvetica, Arial, sans-serif
-			}
-			.metric.guage-title {
-				font-family: 'Courier New', Courier, monospace
-			}
-			.theme--agnostic .guage-title {
-				color: #737373;
-				fill: #737373
-			}
-			.theme--light .guage-title {
-				color: #212121;
-				fill: #212121
-			}
-			.theme--dark .guage-title {
-				color: #f5f5f5;
-				fill: #f5f5f5
-			}
-
-			@keyframes load-gauge {
-				from {
-					stroke-dasharray: 0 352.858
-				}
-			}
-			.lh-gauge--pwa__disc {
-				fill: #e0e0e0
-			}
-			.lh-gauge--pwa__logo {
-				position: relative;
-				fill: #b0b0b0
-			}
-			.lh-gauge--pwa__invisible {
-				display: none
-			}
-			.lh-gauge--pwa__visible {
-				display: inline
-			}
-			.guage-invisible {
-				display: none
-			}
-			.lh-gauge--pwa__logo--primary-color {
-				fill: #304ffe
-			}
-			.theme--agnostic .lh-gauge--pwa__logo--secondary-color {
-				fill: #787878
-			}
-			.theme--light .lh-gauge--pwa__logo--secondary-color {
-				fill: #3d3d3d
-			}
-			.theme--dark .lh-gauge--pwa__logo--secondary-color {
-				fill: #d8b6b6
-			}
-			.theme--light #svg_2 {
-				stroke: #00000022
-			}
-			.theme--agnostic #svg_2 {
-				stroke: #616161
-			}
-			.theme--light #svg_2 {
-				stroke: #00000022
-			}
-			.theme--dark #svg_2 {
-				stroke: #f5f5f566
-			}
-		</style>
-		<svg class="guage-div guage-perf guage-green"
-				viewBox="0 0 200 200" width="200" height="200" x="0" y="0">
-		<circle class="gauge-base" r="56" cx="100" cy="60" stroke-width="8"></circle>
-		<circle class="gauge-arc guage-arc-1" r="56" cx="100" cy="60" stroke-width="8" style="stroke-dasharray: 351.858, 351.858;"></circle>
-		<text class="guage-text" x="100px" y="60px" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">100</text>
-		<text class="guage-title" x="100px" y="160px" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">Performance</text>
-	</svg>,<svg class="guage-div guage-perf guage-green"
-				viewBox="0 0 200 200" width="200" height="200" x="200" y="0">
-		<circle class="gauge-base" r="56" cx="100" cy="60" stroke-width="8"></circle>
-		<circle class="gauge-arc guage-arc-1" r="56" cx="100" cy="60" stroke-width="8" style="stroke-dasharray: 334.2651, 351.858;"></circle>
-		<text class="guage-text" x="100px" y="60px" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">95</text>
-		<text class="guage-title" x="100px" y="160px" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">Accessibility</text>
-	</svg>,<svg class="guage-div guage-perf guage-green"
-				viewBox="0 0 200 200" width="200" height="200" x="400" y="0">
-		<circle class="gauge-base" r="56" cx="100" cy="60" stroke-width="8"></circle>
-		<circle class="gauge-arc guage-arc-1" r="56" cx="100" cy="60" stroke-width="8" style="stroke-dasharray: 351.858, 351.858;"></circle>
-		<text class="guage-text" x="100px" y="60px" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">100</text>
-		<text class="guage-title" x="100px" y="160px" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">Best Practices</text>
-	</svg>,<svg class="guage-div guage-perf guage-green"
-				viewBox="0 0 200 200" width="200" height="200" x="600" y="0">
-		<circle class="gauge-base" r="56" cx="100" cy="60" stroke-width="8"></circle>
-		<circle class="gauge-arc guage-arc-1" r="56" cx="100" cy="60" stroke-width="8" style="stroke-dasharray: 351.858, 351.858;"></circle>
-		<text class="guage-text" x="100px" y="60px" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">100</text>
-		<text class="guage-title" x="100px" y="160px" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">SEO</text>
-	</svg>,<svg class="guage-div guage-pwa" viewBox="0 0 200 200" width="200" height="200" x="800" y="0">
-		<svg viewBox="0 0 60 60" width="112" height="112" x="44" y="4">
-			<defs>
-				<linearGradient id="lh-gauge--pwa__check-circle__gradient-0" x1="50%" y1="0%" x2="50%" y2="100%">
-					<stop stop-color="#00C852" offset="0%"></stop>
-					<stop stop-color="#009688" offset="100%"></stop>
-				</linearGradient>
-				<linearGradient id="lh-gauge--pwa__installable__shadow-gradient-0" x1="76.056%" x2="24.111%" y1="82.995%" y2="24.735%">
-					<stop stop-color="#A5D6A7" offset="0%"></stop>
-					<stop stop-color="#80CBC4" offset="100%"></stop>
-				</linearGradient>
-				<linearGradient id="lh-gauge--pwa__fast-reliable__shadow-gradient-0" x1="76.056%" y1="82.995%" x2="25.678%" y2="26.493%">
-					<stop stop-color="#64B5F6" offset="0%"></stop>
-					<stop stop-color="#2979FF" offset="100%"></stop>
-				</linearGradient>
-
-				<g id="lh-gauge--pwa__fast-reliable-badge-0">
-					<circle fill="#FFFFFF" cx="10" cy="10" r="10"></circle>
-					<path fill="#304FFE" d="M10 3.58l5.25 2.34v3.5c0 3.23-2.24 6.26-5.25 7-3.01-.74-5.25-3.77-5.25-7v-3.5L10 3.58zm-.47 10.74l2.76-4.83.03-.07c.04-.08 0-.24-.22-.24h-1.64l.47-3.26h-.47l-2.7 4.77c-.02.01.05-.1-.04.05-.09.16-.1.31.18.31h1.63l-.47 3.27h.47z"></path>
-				</g>
-				<g id="lh-gauge--pwa__installable-badge-0">
-					<circle fill="#FFFFFF" cx="10" cy="10" r="10"></circle>
-					<path fill="#009688" d="M10 4.167A5.835 5.835 0 0 0 4.167 10 5.835 5.835 0 0 0 10 15.833 5.835 5.835 0 0 0 15.833 10 5.835 5.835 0 0 0 10 4.167zm2.917 6.416h-2.334v2.334H9.417v-2.334H7.083V9.417h2.334V7.083h1.166v2.334h2.334v1.166z"></path>
-				</g>
-			</defs>
-			<g stroke="none" fill-rule="nonzero">
-				<!-- Background and PWA logo (color by default) -->
-				<circle class="lh-gauge--pwa__disc" cx="30" cy="30" r="30"></circle>
-				<g class="lh-gauge--pwa__logo">
-					<path  d="M35.66 19.39l.7-1.75h2L37.4 15 38.6 12l3.4 9h-2.51l-.58-1.61z"></path>
-					<path  d="M33.52 21l3.65-9h-2.42l-2.5 5.82L30.5 12h-1.86l-1.9 5.82-1.35-2.65-1.21 3.72L25.4 21h2.38l1.72-5.2 1.64 5.2z"></path>
-					<path  fill-rule="nonzero" d="M20.3 17.91h1.48c.45 0 .85-.05 1.2-.15l.39-1.18 1.07-3.3a2.64 2.64 0 0 0-.28-.37c-.55-.6-1.36-.91-2.42-.91H18v9h2.3V17.9zm1.96-3.84c.22.22.33.5.33.87 0 .36-.1.65-.29.87-.2.23-.59.35-1.15.35h-.86v-2.41h.87c.52 0 .89.1 1.1.32z"></path>
-				</g>
-				<!-- No badges. -->
-				<rect class="lh-gauge--pwa__component lh-gauge--pwa__na-line lh-gauge--pwa__invisible" fill="#FFFFFF" x="20" y="32" width="20" height="4" rx="2"></rect>
-				<!-- Just fast and reliable. -->
-				<g class="lh-gauge--pwa__component lh-gauge--pwa__fast-reliable-badge lh-gauge--pwa__visible" transform="translate(20, 29)">
-					<path fill="url(#lh-gauge--pwa__fast-reliable__shadow-gradient-0)" d="M33.63 19.49A30 30 0 0 1 16.2 30.36L3 17.14 17.14 3l16.49 16.49z"></path>
-					<use href="#lh-gauge--pwa__fast-reliable-badge-0"></use>
-				</g>
-				<!-- Just installable. -->
-				<g class="lh-gauge--pwa__component lh-gauge--pwa__installable-badge lh-gauge--pwa__invisible" transform="translate(20, 29)">
-					<path fill="url(#lh-gauge--pwa__installable__shadow-gradient-0)" d="M33.629 19.487c-4.272 5.453-10.391 9.39-17.415 10.869L3 17.142 17.142 3 33.63 19.487z"></path>
-					<use href="#lh-gauge--pwa__installable-badge-0"></use>
-				</g>
-				<!-- Fast and reliable and installable. -->
-				<g class="lh-gauge--pwa__component lh-gauge--pwa__fast-reliable-installable-badges lh-gauge--pwa__invisible">
-					<g transform="translate(8, 29)">						<!-- fast and reliable -->
-						<path fill="url(#lh-gauge--pwa__fast-reliable__shadow-gradient-0)" d="M16.321 30.463L3 17.143 17.142 3l22.365 22.365A29.864 29.864 0 0 1 22 31c-1.942 0-3.84-.184-5.679-.537z"></path>
-						<use href="#lh-gauge--pwa__fast-reliable-badge-0"></use>
-					</g>
-					<g transform="translate(32, 29)">						<!-- installable -->
-						<path fill="url(#lh-gauge--pwa__installable__shadow-gradient-0)" d="M25.982 11.84a30.107 30.107 0 0 1-13.08 15.203L3 17.143 17.142 3l8.84 8.84z"></path>
-						<use href="#lh-gauge--pwa__installable-badge-0"></use>
-					</g>
-				</g>
-				<!-- Full PWA. -->
-				<g class="lh-gauge--pwa__component lh-gauge--pwa__check-circle lh-gauge--pwa__invisible" transform="translate(18, 28)">
-					<circle fill="#FFFFFF" cx="12" cy="12" r="12"></circle>
-					<path fill="url(#lh-gauge--pwa__check-circle__gradient-0)" d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path>
-				</g>
-			</g>
-		</svg>
-		<text class="guage-title" y="160px" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">
-			<tspan x="100px" dy="-6px">Progressive</tspan>
-			<tspan x="100px" dy="30px">Web App</tspan>
-		</text>
-	</svg>
-		<svg width="604" height="76" x="200" y="250">
-			<g>
-				<rect fill="none" id="canvas_background" height="80" width="604" y="-1" x="-1"/>
-				<g display="none" overflow="visible" y="0" x="0" height="100%" width="100%" id="canvasGrid">
-					<rect fill="url(#gridpattern)" stroke-width="0" y="0" x="0" height="100%" width="100%"/>
-				</g>
-			</g>
-			<g>
-				<rect fill-opacity="0" stroke-width="2" rx="40" id="svg_2" height="72" width="600" y="1" x="0" fill="#000000"/>
-				<rect stroke="#000" rx="8" id="svg_3" height="14" width="48" y="30" x="35" stroke-opacity="null" stroke-width="0" fill="#ff4e42"/>
-				<rect stroke="#000" rx="6" id="svg_4" height="14" width="48" y="30" x="220" stroke-opacity="null" stroke-width="0" fill="#ffa400"/>
-				<rect stroke="#000" rx="6" id="svg_5" height="14" width="48" y="30" x="410" stroke-opacity="null" stroke-width="0" fill="#0cce6b"/>
-				<text class="metric guage-title" xml:space="preserve" text-anchor="start" font-size="26" id="svg_6" y="45" x="100" stroke-opacity="null" stroke-width="0" stroke="#000">0-49</text>
-				<text class="metric guage-title" xml:space="preserve" text-anchor="start" font-size="26" id="svg_7" y="45" x="280" stroke-opacity="null" stroke-width="0" stroke="#000">50-89</text>
-				<text class="metric guage-title" xml:space="preserve" text-anchor="start" font-size="26" id="svg_8" y="45" x="470" stroke-opacity="null" stroke-width="0" stroke="#000">90-100</text>
-			</g>
-		</svg>
-	</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1000" height="330" fill="none" class="theme--agnostic"><style>.gauge-base{opacity:.1}.gauge-arc{fill:none;animation-delay:250ms;stroke-linecap:round;transform:rotate(-90deg);transform-origin:100px 60px;animation:load-gauge 1s ease forwards}.guage-text{font-size:40px;font-family:monospace;text-align:center}.guage-green{color:#0cce6b;fill:#0cce6b;stroke:#0cce6b}.guage-title{stroke:none;font-size:26px;line-height:26px;font-family:Roboto,Halvetica,Arial,sans-serif}.metric.guage-title{font-family:&apos;Courier New&apos;,Courier,monospace}.theme--agnostic .guage-title{color:#737373;fill:#737373}.lh-gauge--pwa__disc{fill:#e0e0e0}.lh-gauge--pwa__logo{position:relative;fill:#b0b0b0}.lh-gauge--pwa__invisible{display:none}.lh-gauge--pwa__visible{display:inline}.theme--agnostic #svg_2{stroke:#616161}</style><svg width="200" height="200" x="0" y="0" class="guage-div guage-perf guage-green" viewBox="0 0 200 200"><circle cx="100" cy="60" r="56" stroke-width="8" class="gauge-base"/><circle cx="100" cy="60" r="56" stroke-width="8" class="gauge-arc guage-arc-1" style="stroke-dasharray:351.858,351.858"/><text x="100" y="60" alignment-baseline="central" class="guage-text" dominant-baseline="central" text-anchor="middle">100</text><text x="100" y="160" alignment-baseline="central" class="guage-title" dominant-baseline="central" text-anchor="middle">Performance</text></svg>,<svg width="200" height="200" x="200" y="0" class="guage-div guage-perf guage-green" viewBox="0 0 200 200"><circle cx="100" cy="60" r="56" stroke-width="8" class="gauge-base"/><circle cx="100" cy="60" r="56" stroke-width="8" class="gauge-arc guage-arc-1" style="stroke-dasharray:334.2651,351.858"/><text x="100" y="60" alignment-baseline="central" class="guage-text" dominant-baseline="central" text-anchor="middle">95</text><text x="100" y="160" alignment-baseline="central" class="guage-title" dominant-baseline="central" text-anchor="middle">Accessibility</text></svg>,<svg width="200" height="200" x="400" y="0" class="guage-div guage-perf guage-green" viewBox="0 0 200 200"><circle cx="100" cy="60" r="56" stroke-width="8" class="gauge-base"/><circle cx="100" cy="60" r="56" stroke-width="8" class="gauge-arc guage-arc-1" style="stroke-dasharray:351.858,351.858"/><text x="100" y="60" alignment-baseline="central" class="guage-text" dominant-baseline="central" text-anchor="middle">100</text><text x="100" y="160" alignment-baseline="central" class="guage-title" dominant-baseline="central" text-anchor="middle">Best Practices</text></svg>,<svg width="200" height="200" x="600" y="0" class="guage-div guage-perf guage-green" viewBox="0 0 200 200"><circle cx="100" cy="60" r="56" stroke-width="8" class="gauge-base"/><circle cx="100" cy="60" r="56" stroke-width="8" class="gauge-arc guage-arc-1" style="stroke-dasharray:351.858,351.858"/><text x="100" y="60" alignment-baseline="central" class="guage-text" dominant-baseline="central" text-anchor="middle">100</text><text x="100" y="160" alignment-baseline="central" class="guage-title" dominant-baseline="central" text-anchor="middle">SEO</text></svg>,<svg width="200" height="200" x="800" y="0" class="guage-div guage-pwa" viewBox="0 0 200 200"><svg width="112" height="112" x="44" y="4" viewBox="0 0 60 60"><defs><linearGradient id="lh-gauge--pwa__check-circle__gradient-0" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#00C852"/><stop offset="100%" stop-color="#009688"/></linearGradient><linearGradient id="lh-gauge--pwa__installable__shadow-gradient-0" x1="76.056%" x2="24.111%" y1="82.995%" y2="24.735%"><stop offset="0%" stop-color="#A5D6A7"/><stop offset="100%" stop-color="#80CBC4"/></linearGradient><linearGradient id="lh-gauge--pwa__fast-reliable__shadow-gradient-0" x1="76.056%" x2="25.678%" y1="82.995%" y2="26.493%"><stop offset="0%" stop-color="#64B5F6"/><stop offset="100%" stop-color="#2979FF"/></linearGradient><g id="lh-gauge--pwa__fast-reliable-badge-0"><circle cx="10" cy="10" r="10" fill="#FFF"/><path fill="#304FFE" d="M10 3.58l5.25 2.34v3.5c0 3.23-2.24 6.26-5.25 7-3.01-.74-5.25-3.77-5.25-7v-3.5L10 3.58zm-.47 10.74l2.76-4.83.03-.07c.04-.08 0-.24-.22-.24h-1.64l.47-3.26h-.47l-2.7 4.77c-.02.01.05-.1-.04.05-.09.16-.1.31.18.31h1.63l-.47 3.27h.47z"/></g><g id="lh-gauge--pwa__installable-badge-0"><circle cx="10" cy="10" r="10" fill="#FFF"/><path fill="#009688" d="M10 4.167A5.835 5.835 0 0 0 4.167 10 5.835 5.835 0 0 0 10 15.833 5.835 5.835 0 0 0 15.833 10 5.835 5.835 0 0 0 10 4.167zm2.917 6.416h-2.334v2.334H9.417v-2.334H7.083V9.417h2.334V7.083h1.166v2.334h2.334v1.166z"/></g></defs><g fill-rule="nonzero" stroke="none"><circle cx="30" cy="30" r="30" class="lh-gauge--pwa__disc"/><g class="lh-gauge--pwa__logo"><path d="M35.66 19.39l.7-1.75h2L37.4 15 38.6 12l3.4 9h-2.51l-.58-1.61z"/><path d="M33.52 21l3.65-9h-2.42l-2.5 5.82L30.5 12h-1.86l-1.9 5.82-1.35-2.65-1.21 3.72L25.4 21h2.38l1.72-5.2 1.64 5.2z"/><path fill-rule="nonzero" d="M20.3 17.91h1.48c.45 0 .85-.05 1.2-.15l.39-1.18 1.07-3.3a2.64 2.64 0 0 0-.28-.37c-.55-.6-1.36-.91-2.42-.91H18v9h2.3V17.9zm1.96-3.84c.22.22.33.5.33.87 0 .36-.1.65-.29.87-.2.23-.59.35-1.15.35h-.86v-2.41h.87c.52 0 .89.1 1.1.32z"/></g><rect width="20" height="4" x="20" y="32" fill="#FFF" class="lh-gauge--pwa__component lh-gauge--pwa__na-line lh-gauge--pwa__invisible" rx="2"/><g class="lh-gauge--pwa__component lh-gauge--pwa__fast-reliable-badge lh-gauge--pwa__visible" transform="translate(20, 29)"><path fill="url(#lh-gauge--pwa__fast-reliable__shadow-gradient-0)" d="M33.63 19.49A30 30 0 0 1 16.2 30.36L3 17.14 17.14 3l16.49 16.49z"/><use href="#lh-gauge--pwa__fast-reliable-badge-0"/></g><g class="lh-gauge--pwa__component lh-gauge--pwa__installable-badge lh-gauge--pwa__invisible" transform="translate(20, 29)"><path fill="url(#lh-gauge--pwa__installable__shadow-gradient-0)" d="M33.629 19.487c-4.272 5.453-10.391 9.39-17.415 10.869L3 17.142 17.142 3 33.63 19.487z"/><use href="#lh-gauge--pwa__installable-badge-0"/></g><g class="lh-gauge--pwa__component lh-gauge--pwa__fast-reliable-installable-badges lh-gauge--pwa__invisible"><g transform="translate(8, 29)"><path fill="url(#lh-gauge--pwa__fast-reliable__shadow-gradient-0)" d="M16.321 30.463L3 17.143 17.142 3l22.365 22.365A29.864 29.864 0 0 1 22 31c-1.942 0-3.84-.184-5.679-.537z"/><use href="#lh-gauge--pwa__fast-reliable-badge-0"/></g><g transform="translate(32, 29)"><path fill="url(#lh-gauge--pwa__installable__shadow-gradient-0)" d="M25.982 11.84a30.107 30.107 0 0 1-13.08 15.203L3 17.143 17.142 3l8.84 8.84z"/><use href="#lh-gauge--pwa__installable-badge-0"/></g></g><g class="lh-gauge--pwa__component lh-gauge--pwa__check-circle lh-gauge--pwa__invisible" transform="translate(18, 28)"><circle cx="12" cy="12" r="12" fill="#FFF"/><path fill="url(#lh-gauge--pwa__check-circle__gradient-0)" d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></g></g></svg><text y="160" alignment-baseline="central" class="guage-title" dominant-baseline="central" text-anchor="middle"><tspan x="100" dy="-6">Progressive</tspan> <tspan x="100" dy="30">Web App</tspan></text></svg><svg width="604" height="76" x="200" y="250"><g><rect id="canvas_background" width="604" height="80" x="-1" y="-1" fill="none"/><g id="canvasGrid" width="100%" height="100%" x="0" y="0" display="none"><rect width="100%" height="100%" x="0" y="0" fill="url(#gridpattern)" stroke-width="0"/></g></g><g><rect id="svg_2" width="600" height="72" x="0" y="1" fill="#000" fill-opacity="0" stroke-width="2" rx="40"/><rect id="svg_3" width="48" height="14" x="35" y="30" fill="#ff4e42" stroke="#000" stroke-opacity="null" stroke-width="0" rx="8"/><rect id="svg_4" width="48" height="14" x="220" y="30" fill="#ffa400" stroke="#000" stroke-opacity="null" stroke-width="0" rx="6"/><rect id="svg_5" width="48" height="14" x="410" y="30" fill="#0cce6b" stroke="#000" stroke-opacity="null" stroke-width="0" rx="6"/><text id="svg_6" x="100" y="45" stroke="#000" stroke-opacity="null" stroke-width="0" class="metric guage-title" font-size="26" text-anchor="start" xml:space="preserve">0-49</text><text id="svg_7" x="280" y="45" stroke="#000" stroke-opacity="null" stroke-width="0" class="metric guage-title" font-size="26" text-anchor="start" xml:space="preserve">50-89</text><text id="svg_8" x="470" y="45" stroke="#000" stroke-opacity="null" stroke-width="0" class="metric guage-title" font-size="26" text-anchor="start" xml:space="preserve">90-100</text></g></svg></svg>
\ No newline at end of file
diff --git a/public/media/web-reports/pagespeed/mobile.svg b/public/media/web-reports/pagespeed/mobile.svg
index 28e56dcd..59a3d3c1 100644
--- a/public/media/web-reports/pagespeed/mobile.svg
+++ b/public/media/web-reports/pagespeed/mobile.svg
@@ -1,231 +1 @@
-
-	<svg class="theme--agnostic" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" width="1000" height="330">
-		<style>
-			.gauge-base {
-				opacity: 0.1
-			}
-
-			.gauge-arc {
-				fill: none;
-				animation-delay: 250ms;
-				stroke-linecap: round;
-				transform: rotate(-90deg);
-				transform-origin: 100px 60px;
-				animation: load-gauge 1s ease forwards
-			}
-
-			.guage-text {
-				font-size: 40px;
-				font-family: monospace;
-				text-align: center
-			}
-
-			.guage-red {
-				color: #ff4e42;
-				fill: #ff4e42;
-				stroke: #ff4e42
-			}
-			.guage-orange {
-				color: #ffa400;
-				fill: #ffa400;
-				stroke: #ffa400
-			}
-			.guage-green {
-				color: #0cce6b;
-				fill: #0cce6b;
-				stroke: #0cce6b
-			}
-			.theme--agnostic .guage-undefined {
-				color: #5c5c5c;
-				fill: #5c5c5c;
-				stroke: #5c5c5c
-			}
-			.theme--light .guage-undefined {
-				color: #1e1e1e;
-				fill: #1e1e1e;
-				stroke: #1e1e1e
-			}
-			.theme--dark .guage-undefined {
-				color: #f5f5f5;
-				fill: #f5f5f5;
-				stroke: #f5f5f5
-			}
-
-			.guage-title {
-				stroke: none;
-				font-size: 26px;
-				line-height: 26px;
-				font-family: Roboto, Halvetica, Arial, sans-serif
-			}
-			.metric.guage-title {
-				font-family: 'Courier New', Courier, monospace
-			}
-			.theme--agnostic .guage-title {
-				color: #737373;
-				fill: #737373
-			}
-			.theme--light .guage-title {
-				color: #212121;
-				fill: #212121
-			}
-			.theme--dark .guage-title {
-				color: #f5f5f5;
-				fill: #f5f5f5
-			}
-
-			@keyframes load-gauge {
-				from {
-					stroke-dasharray: 0 352.858
-				}
-			}
-			.lh-gauge--pwa__disc {
-				fill: #e0e0e0
-			}
-			.lh-gauge--pwa__logo {
-				position: relative;
-				fill: #b0b0b0
-			}
-			.lh-gauge--pwa__invisible {
-				display: none
-			}
-			.lh-gauge--pwa__visible {
-				display: inline
-			}
-			.guage-invisible {
-				display: none
-			}
-			.lh-gauge--pwa__logo--primary-color {
-				fill: #304ffe
-			}
-			.theme--agnostic .lh-gauge--pwa__logo--secondary-color {
-				fill: #787878
-			}
-			.theme--light .lh-gauge--pwa__logo--secondary-color {
-				fill: #3d3d3d
-			}
-			.theme--dark .lh-gauge--pwa__logo--secondary-color {
-				fill: #d8b6b6
-			}
-			.theme--light #svg_2 {
-				stroke: #00000022
-			}
-			.theme--agnostic #svg_2 {
-				stroke: #616161
-			}
-			.theme--light #svg_2 {
-				stroke: #00000022
-			}
-			.theme--dark #svg_2 {
-				stroke: #f5f5f566
-			}
-		</style>
-		<svg class="guage-div guage-perf guage-green"
-				viewBox="0 0 200 200" width="200" height="200" x="0" y="0">
-		<circle class="gauge-base" r="56" cx="100" cy="60" stroke-width="8"></circle>
-		<circle class="gauge-arc guage-arc-1" r="56" cx="100" cy="60" stroke-width="8" style="stroke-dasharray: 334.2651, 351.858;"></circle>
-		<text class="guage-text" x="100px" y="60px" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">95</text>
-		<text class="guage-title" x="100px" y="160px" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">Performance</text>
-	</svg>,<svg class="guage-div guage-perf guage-green"
-				viewBox="0 0 200 200" width="200" height="200" x="200" y="0">
-		<circle class="gauge-base" r="56" cx="100" cy="60" stroke-width="8"></circle>
-		<circle class="gauge-arc guage-arc-1" r="56" cx="100" cy="60" stroke-width="8" style="stroke-dasharray: 334.2651, 351.858;"></circle>
-		<text class="guage-text" x="100px" y="60px" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">95</text>
-		<text class="guage-title" x="100px" y="160px" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">Accessibility</text>
-	</svg>,<svg class="guage-div guage-perf guage-green"
-				viewBox="0 0 200 200" width="200" height="200" x="400" y="0">
-		<circle class="gauge-base" r="56" cx="100" cy="60" stroke-width="8"></circle>
-		<circle class="gauge-arc guage-arc-1" r="56" cx="100" cy="60" stroke-width="8" style="stroke-dasharray: 351.858, 351.858;"></circle>
-		<text class="guage-text" x="100px" y="60px" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">100</text>
-		<text class="guage-title" x="100px" y="160px" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">Best Practices</text>
-	</svg>,<svg class="guage-div guage-perf guage-green"
-				viewBox="0 0 200 200" width="200" height="200" x="600" y="0">
-		<circle class="gauge-base" r="56" cx="100" cy="60" stroke-width="8"></circle>
-		<circle class="gauge-arc guage-arc-1" r="56" cx="100" cy="60" stroke-width="8" style="stroke-dasharray: 344.82084000000003, 351.858;"></circle>
-		<text class="guage-text" x="100px" y="60px" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">98</text>
-		<text class="guage-title" x="100px" y="160px" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">SEO</text>
-	</svg>,<svg class="guage-div guage-pwa" viewBox="0 0 200 200" width="200" height="200" x="800" y="0">
-		<svg viewBox="0 0 60 60" width="112" height="112" x="44" y="4">
-			<defs>
-				<linearGradient id="lh-gauge--pwa__check-circle__gradient-0" x1="50%" y1="0%" x2="50%" y2="100%">
-					<stop stop-color="#00C852" offset="0%"></stop>
-					<stop stop-color="#009688" offset="100%"></stop>
-				</linearGradient>
-				<linearGradient id="lh-gauge--pwa__installable__shadow-gradient-0" x1="76.056%" x2="24.111%" y1="82.995%" y2="24.735%">
-					<stop stop-color="#A5D6A7" offset="0%"></stop>
-					<stop stop-color="#80CBC4" offset="100%"></stop>
-				</linearGradient>
-				<linearGradient id="lh-gauge--pwa__fast-reliable__shadow-gradient-0" x1="76.056%" y1="82.995%" x2="25.678%" y2="26.493%">
-					<stop stop-color="#64B5F6" offset="0%"></stop>
-					<stop stop-color="#2979FF" offset="100%"></stop>
-				</linearGradient>
-
-				<g id="lh-gauge--pwa__fast-reliable-badge-0">
-					<circle fill="#FFFFFF" cx="10" cy="10" r="10"></circle>
-					<path fill="#304FFE" d="M10 3.58l5.25 2.34v3.5c0 3.23-2.24 6.26-5.25 7-3.01-.74-5.25-3.77-5.25-7v-3.5L10 3.58zm-.47 10.74l2.76-4.83.03-.07c.04-.08 0-.24-.22-.24h-1.64l.47-3.26h-.47l-2.7 4.77c-.02.01.05-.1-.04.05-.09.16-.1.31.18.31h1.63l-.47 3.27h.47z"></path>
-				</g>
-				<g id="lh-gauge--pwa__installable-badge-0">
-					<circle fill="#FFFFFF" cx="10" cy="10" r="10"></circle>
-					<path fill="#009688" d="M10 4.167A5.835 5.835 0 0 0 4.167 10 5.835 5.835 0 0 0 10 15.833 5.835 5.835 0 0 0 15.833 10 5.835 5.835 0 0 0 10 4.167zm2.917 6.416h-2.334v2.334H9.417v-2.334H7.083V9.417h2.334V7.083h1.166v2.334h2.334v1.166z"></path>
-				</g>
-			</defs>
-			<g stroke="none" fill-rule="nonzero">
-				<!-- Background and PWA logo (color by default) -->
-				<circle class="lh-gauge--pwa__disc" cx="30" cy="30" r="30"></circle>
-				<g class="lh-gauge--pwa__logo">
-					<path  d="M35.66 19.39l.7-1.75h2L37.4 15 38.6 12l3.4 9h-2.51l-.58-1.61z"></path>
-					<path  d="M33.52 21l3.65-9h-2.42l-2.5 5.82L30.5 12h-1.86l-1.9 5.82-1.35-2.65-1.21 3.72L25.4 21h2.38l1.72-5.2 1.64 5.2z"></path>
-					<path  fill-rule="nonzero" d="M20.3 17.91h1.48c.45 0 .85-.05 1.2-.15l.39-1.18 1.07-3.3a2.64 2.64 0 0 0-.28-.37c-.55-.6-1.36-.91-2.42-.91H18v9h2.3V17.9zm1.96-3.84c.22.22.33.5.33.87 0 .36-.1.65-.29.87-.2.23-.59.35-1.15.35h-.86v-2.41h.87c.52 0 .89.1 1.1.32z"></path>
-				</g>
-				<!-- No badges. -->
-				<rect class="lh-gauge--pwa__component lh-gauge--pwa__na-line lh-gauge--pwa__invisible" fill="#FFFFFF" x="20" y="32" width="20" height="4" rx="2"></rect>
-				<!-- Just fast and reliable. -->
-				<g class="lh-gauge--pwa__component lh-gauge--pwa__fast-reliable-badge lh-gauge--pwa__visible" transform="translate(20, 29)">
-					<path fill="url(#lh-gauge--pwa__fast-reliable__shadow-gradient-0)" d="M33.63 19.49A30 30 0 0 1 16.2 30.36L3 17.14 17.14 3l16.49 16.49z"></path>
-					<use href="#lh-gauge--pwa__fast-reliable-badge-0"></use>
-				</g>
-				<!-- Just installable. -->
-				<g class="lh-gauge--pwa__component lh-gauge--pwa__installable-badge lh-gauge--pwa__invisible" transform="translate(20, 29)">
-					<path fill="url(#lh-gauge--pwa__installable__shadow-gradient-0)" d="M33.629 19.487c-4.272 5.453-10.391 9.39-17.415 10.869L3 17.142 17.142 3 33.63 19.487z"></path>
-					<use href="#lh-gauge--pwa__installable-badge-0"></use>
-				</g>
-				<!-- Fast and reliable and installable. -->
-				<g class="lh-gauge--pwa__component lh-gauge--pwa__fast-reliable-installable-badges lh-gauge--pwa__invisible">
-					<g transform="translate(8, 29)">						<!-- fast and reliable -->
-						<path fill="url(#lh-gauge--pwa__fast-reliable__shadow-gradient-0)" d="M16.321 30.463L3 17.143 17.142 3l22.365 22.365A29.864 29.864 0 0 1 22 31c-1.942 0-3.84-.184-5.679-.537z"></path>
-						<use href="#lh-gauge--pwa__fast-reliable-badge-0"></use>
-					</g>
-					<g transform="translate(32, 29)">						<!-- installable -->
-						<path fill="url(#lh-gauge--pwa__installable__shadow-gradient-0)" d="M25.982 11.84a30.107 30.107 0 0 1-13.08 15.203L3 17.143 17.142 3l8.84 8.84z"></path>
-						<use href="#lh-gauge--pwa__installable-badge-0"></use>
-					</g>
-				</g>
-				<!-- Full PWA. -->
-				<g class="lh-gauge--pwa__component lh-gauge--pwa__check-circle lh-gauge--pwa__invisible" transform="translate(18, 28)">
-					<circle fill="#FFFFFF" cx="12" cy="12" r="12"></circle>
-					<path fill="url(#lh-gauge--pwa__check-circle__gradient-0)" d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path>
-				</g>
-			</g>
-		</svg>
-		<text class="guage-title" y="160px" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">
-			<tspan x="100px" dy="-6px">Progressive</tspan>
-			<tspan x="100px" dy="30px">Web App</tspan>
-		</text>
-	</svg>
-		<svg width="604" height="76" x="200" y="250">
-			<g>
-				<rect fill="none" id="canvas_background" height="80" width="604" y="-1" x="-1"/>
-				<g display="none" overflow="visible" y="0" x="0" height="100%" width="100%" id="canvasGrid">
-					<rect fill="url(#gridpattern)" stroke-width="0" y="0" x="0" height="100%" width="100%"/>
-				</g>
-			</g>
-			<g>
-				<rect fill-opacity="0" stroke-width="2" rx="40" id="svg_2" height="72" width="600" y="1" x="0" fill="#000000"/>
-				<rect stroke="#000" rx="8" id="svg_3" height="14" width="48" y="30" x="35" stroke-opacity="null" stroke-width="0" fill="#ff4e42"/>
-				<rect stroke="#000" rx="6" id="svg_4" height="14" width="48" y="30" x="220" stroke-opacity="null" stroke-width="0" fill="#ffa400"/>
-				<rect stroke="#000" rx="6" id="svg_5" height="14" width="48" y="30" x="410" stroke-opacity="null" stroke-width="0" fill="#0cce6b"/>
-				<text class="metric guage-title" xml:space="preserve" text-anchor="start" font-size="26" id="svg_6" y="45" x="100" stroke-opacity="null" stroke-width="0" stroke="#000">0-49</text>
-				<text class="metric guage-title" xml:space="preserve" text-anchor="start" font-size="26" id="svg_7" y="45" x="280" stroke-opacity="null" stroke-width="0" stroke="#000">50-89</text>
-				<text class="metric guage-title" xml:space="preserve" text-anchor="start" font-size="26" id="svg_8" y="45" x="470" stroke-opacity="null" stroke-width="0" stroke="#000">90-100</text>
-			</g>
-		</svg>
-	</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1000" height="330" fill="none" class="theme--agnostic"><style>.gauge-base{opacity:.1}.gauge-arc{fill:none;animation-delay:250ms;stroke-linecap:round;transform:rotate(-90deg);transform-origin:100px 60px;animation:load-gauge 1s ease forwards}.guage-text{font-size:40px;font-family:monospace;text-align:center}.guage-green{color:#0cce6b;fill:#0cce6b;stroke:#0cce6b}.guage-title{stroke:none;font-size:26px;line-height:26px;font-family:Roboto,Halvetica,Arial,sans-serif}.metric.guage-title{font-family:&apos;Courier New&apos;,Courier,monospace}.theme--agnostic .guage-title{color:#737373;fill:#737373}.lh-gauge--pwa__disc{fill:#e0e0e0}.lh-gauge--pwa__logo{position:relative;fill:#b0b0b0}.lh-gauge--pwa__invisible{display:none}.lh-gauge--pwa__visible{display:inline}.theme--agnostic #svg_2{stroke:#616161}</style><svg width="200" height="200" x="0" y="0" class="guage-div guage-perf guage-green" viewBox="0 0 200 200"><circle cx="100" cy="60" r="56" stroke-width="8" class="gauge-base"/><circle cx="100" cy="60" r="56" stroke-width="8" class="gauge-arc guage-arc-1" style="stroke-dasharray:334.2651,351.858"/><text x="100" y="60" alignment-baseline="central" class="guage-text" dominant-baseline="central" text-anchor="middle">95</text><text x="100" y="160" alignment-baseline="central" class="guage-title" dominant-baseline="central" text-anchor="middle">Performance</text></svg>,<svg width="200" height="200" x="200" y="0" class="guage-div guage-perf guage-green" viewBox="0 0 200 200"><circle cx="100" cy="60" r="56" stroke-width="8" class="gauge-base"/><circle cx="100" cy="60" r="56" stroke-width="8" class="gauge-arc guage-arc-1" style="stroke-dasharray:334.2651,351.858"/><text x="100" y="60" alignment-baseline="central" class="guage-text" dominant-baseline="central" text-anchor="middle">95</text><text x="100" y="160" alignment-baseline="central" class="guage-title" dominant-baseline="central" text-anchor="middle">Accessibility</text></svg>,<svg width="200" height="200" x="400" y="0" class="guage-div guage-perf guage-green" viewBox="0 0 200 200"><circle cx="100" cy="60" r="56" stroke-width="8" class="gauge-base"/><circle cx="100" cy="60" r="56" stroke-width="8" class="gauge-arc guage-arc-1" style="stroke-dasharray:351.858,351.858"/><text x="100" y="60" alignment-baseline="central" class="guage-text" dominant-baseline="central" text-anchor="middle">100</text><text x="100" y="160" alignment-baseline="central" class="guage-title" dominant-baseline="central" text-anchor="middle">Best Practices</text></svg>,<svg width="200" height="200" x="600" y="0" class="guage-div guage-perf guage-green" viewBox="0 0 200 200"><circle cx="100" cy="60" r="56" stroke-width="8" class="gauge-base"/><circle cx="100" cy="60" r="56" stroke-width="8" class="gauge-arc guage-arc-1" style="stroke-dasharray:344.82084000000003,351.858"/><text x="100" y="60" alignment-baseline="central" class="guage-text" dominant-baseline="central" text-anchor="middle">98</text><text x="100" y="160" alignment-baseline="central" class="guage-title" dominant-baseline="central" text-anchor="middle">SEO</text></svg>,<svg width="200" height="200" x="800" y="0" class="guage-div guage-pwa" viewBox="0 0 200 200"><svg width="112" height="112" x="44" y="4" viewBox="0 0 60 60"><defs><linearGradient id="lh-gauge--pwa__check-circle__gradient-0" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#00C852"/><stop offset="100%" stop-color="#009688"/></linearGradient><linearGradient id="lh-gauge--pwa__installable__shadow-gradient-0" x1="76.056%" x2="24.111%" y1="82.995%" y2="24.735%"><stop offset="0%" stop-color="#A5D6A7"/><stop offset="100%" stop-color="#80CBC4"/></linearGradient><linearGradient id="lh-gauge--pwa__fast-reliable__shadow-gradient-0" x1="76.056%" x2="25.678%" y1="82.995%" y2="26.493%"><stop offset="0%" stop-color="#64B5F6"/><stop offset="100%" stop-color="#2979FF"/></linearGradient><g id="lh-gauge--pwa__fast-reliable-badge-0"><circle cx="10" cy="10" r="10" fill="#FFF"/><path fill="#304FFE" d="M10 3.58l5.25 2.34v3.5c0 3.23-2.24 6.26-5.25 7-3.01-.74-5.25-3.77-5.25-7v-3.5L10 3.58zm-.47 10.74l2.76-4.83.03-.07c.04-.08 0-.24-.22-.24h-1.64l.47-3.26h-.47l-2.7 4.77c-.02.01.05-.1-.04.05-.09.16-.1.31.18.31h1.63l-.47 3.27h.47z"/></g><g id="lh-gauge--pwa__installable-badge-0"><circle cx="10" cy="10" r="10" fill="#FFF"/><path fill="#009688" d="M10 4.167A5.835 5.835 0 0 0 4.167 10 5.835 5.835 0 0 0 10 15.833 5.835 5.835 0 0 0 15.833 10 5.835 5.835 0 0 0 10 4.167zm2.917 6.416h-2.334v2.334H9.417v-2.334H7.083V9.417h2.334V7.083h1.166v2.334h2.334v1.166z"/></g></defs><g fill-rule="nonzero" stroke="none"><circle cx="30" cy="30" r="30" class="lh-gauge--pwa__disc"/><g class="lh-gauge--pwa__logo"><path d="M35.66 19.39l.7-1.75h2L37.4 15 38.6 12l3.4 9h-2.51l-.58-1.61z"/><path d="M33.52 21l3.65-9h-2.42l-2.5 5.82L30.5 12h-1.86l-1.9 5.82-1.35-2.65-1.21 3.72L25.4 21h2.38l1.72-5.2 1.64 5.2z"/><path fill-rule="nonzero" d="M20.3 17.91h1.48c.45 0 .85-.05 1.2-.15l.39-1.18 1.07-3.3a2.64 2.64 0 0 0-.28-.37c-.55-.6-1.36-.91-2.42-.91H18v9h2.3V17.9zm1.96-3.84c.22.22.33.5.33.87 0 .36-.1.65-.29.87-.2.23-.59.35-1.15.35h-.86v-2.41h.87c.52 0 .89.1 1.1.32z"/></g><rect width="20" height="4" x="20" y="32" fill="#FFF" class="lh-gauge--pwa__component lh-gauge--pwa__na-line lh-gauge--pwa__invisible" rx="2"/><g class="lh-gauge--pwa__component lh-gauge--pwa__fast-reliable-badge lh-gauge--pwa__visible" transform="translate(20, 29)"><path fill="url(#lh-gauge--pwa__fast-reliable__shadow-gradient-0)" d="M33.63 19.49A30 30 0 0 1 16.2 30.36L3 17.14 17.14 3l16.49 16.49z"/><use href="#lh-gauge--pwa__fast-reliable-badge-0"/></g><g class="lh-gauge--pwa__component lh-gauge--pwa__installable-badge lh-gauge--pwa__invisible" transform="translate(20, 29)"><path fill="url(#lh-gauge--pwa__installable__shadow-gradient-0)" d="M33.629 19.487c-4.272 5.453-10.391 9.39-17.415 10.869L3 17.142 17.142 3 33.63 19.487z"/><use href="#lh-gauge--pwa__installable-badge-0"/></g><g class="lh-gauge--pwa__component lh-gauge--pwa__fast-reliable-installable-badges lh-gauge--pwa__invisible"><g transform="translate(8, 29)"><path fill="url(#lh-gauge--pwa__fast-reliable__shadow-gradient-0)" d="M16.321 30.463L3 17.143 17.142 3l22.365 22.365A29.864 29.864 0 0 1 22 31c-1.942 0-3.84-.184-5.679-.537z"/><use href="#lh-gauge--pwa__fast-reliable-badge-0"/></g><g transform="translate(32, 29)"><path fill="url(#lh-gauge--pwa__installable__shadow-gradient-0)" d="M25.982 11.84a30.107 30.107 0 0 1-13.08 15.203L3 17.143 17.142 3l8.84 8.84z"/><use href="#lh-gauge--pwa__installable-badge-0"/></g></g><g class="lh-gauge--pwa__component lh-gauge--pwa__check-circle lh-gauge--pwa__invisible" transform="translate(18, 28)"><circle cx="12" cy="12" r="12" fill="#FFF"/><path fill="url(#lh-gauge--pwa__check-circle__gradient-0)" d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></g></g></svg><text y="160" alignment-baseline="central" class="guage-title" dominant-baseline="central" text-anchor="middle"><tspan x="100" dy="-6">Progressive</tspan> <tspan x="100" dy="30">Web App</tspan></text></svg><svg width="604" height="76" x="200" y="250"><g><rect id="canvas_background" width="604" height="80" x="-1" y="-1" fill="none"/><g id="canvasGrid" width="100%" height="100%" x="0" y="0" display="none"><rect width="100%" height="100%" x="0" y="0" fill="url(#gridpattern)" stroke-width="0"/></g></g><g><rect id="svg_2" width="600" height="72" x="0" y="1" fill="#000" fill-opacity="0" stroke-width="2" rx="40"/><rect id="svg_3" width="48" height="14" x="35" y="30" fill="#ff4e42" stroke="#000" stroke-opacity="null" stroke-width="0" rx="8"/><rect id="svg_4" width="48" height="14" x="220" y="30" fill="#ffa400" stroke="#000" stroke-opacity="null" stroke-width="0" rx="6"/><rect id="svg_5" width="48" height="14" x="410" y="30" fill="#0cce6b" stroke="#000" stroke-opacity="null" stroke-width="0" rx="6"/><text id="svg_6" x="100" y="45" stroke="#000" stroke-opacity="null" stroke-width="0" class="metric guage-title" font-size="26" text-anchor="start" xml:space="preserve">0-49</text><text id="svg_7" x="280" y="45" stroke="#000" stroke-opacity="null" stroke-width="0" class="metric guage-title" font-size="26" text-anchor="start" xml:space="preserve">50-89</text><text id="svg_8" x="470" y="45" stroke="#000" stroke-opacity="null" stroke-width="0" class="metric guage-title" font-size="26" text-anchor="start" xml:space="preserve">90-100</text></g></svg></svg>
\ No newline at end of file