refactor: add vertical translation to agent animation SVGs for improved positioning

- Added -translate-y-6 to AgentCoordination and DeterministicExecution SVGs
- Added -translate-y-16 to Fungistor and MOSSandboxes SVGs
- Added -translate-y-18 to Herodb SVG
- Added -translate-y-4 to MyceliumMesh SVG

src/pages/agents/animations/AgentCoordination.tsx

@@ -132,7 +132,7 @@ export default function AgentCoordination({
       aria-label="Agent coordination and sovereign workflow management"
       style={{ background: bg }}
     >
-      <svg viewBox={`0 0 ${W} ${H}`} className="w-full h-full" preserveAspectRatio="xMidYMid slice">
+      <svg viewBox={`0 0 ${W} ${H}`} className="w-full h-full -translate-y-6" preserveAspectRatio="xMidYMid slice">
 
         {/* background */}
         <defs>

src/pages/agents/animations/DeterministicExecution.tsx

@@ -103,7 +103,7 @@ export default function DeterministicExecution({
       aria-label="Deterministic deployment and verifiable code execution"
       style={{ background: bg }}
     >
-      <svg viewBox={`0 0 ${W} ${H}`} className="w-full h-full" preserveAspectRatio="xMidYMid slice">
+      <svg viewBox={`0 0 ${W} ${H}`} className="w-full h-full -translate-y-6" preserveAspectRatio="xMidYMid slice">
 
         {/* background grid */}
         <defs>

src/pages/agents/animations/Fungistor.tsx

@@ -126,7 +126,7 @@ export default function FungiStor({
       aria-label="FungiStor, a distributed long-term AI memory"
       style={{ background: bg }}
     >
-      <svg viewBox={`0 0 ${W} ${H}`} className="w-full h-full" preserveAspectRatio="xMidYMid slice">
+      <svg viewBox={`0 0 ${W} ${H}`} className="w-full h-full -translate-y-16" preserveAspectRatio="xMidYMid slice">
         {/* Background grid */}
         <defs>
           <pattern id="grid-dark" width="28" height="28" patternUnits="userSpaceOnUse">

src/pages/agents/animations/Herodb.tsx

@@ -178,7 +178,7 @@ export default function Herodb({
       aria-label="HeroDB, active AI memory retrieval"
       style={{ background: bg }}
     >
-      <svg viewBox={`0 0 ${W} ${H}`} className="w-full h-full" preserveAspectRatio="xMidYMid slice">
+      <svg viewBox={`0 0 ${W} ${H}`} className="w-full h-full  -translate-y-18" preserveAspectRatio="xMidYMid slice">
         {/* Background grid */}
         <defs>
           <pattern id="grid-dark" width="28" height="28" patternUnits="userSpaceOnUse">

src/pages/agents/animations/MOSSandboxes.tsx

@@ -124,7 +124,7 @@ export default function MOSSandboxes({
       aria-label="MOS Secure Agent Sandboxes"
       style={{ background: bg }}
     >
-      <svg viewBox={`0 0 ${W} ${H}`} className="w-full h-full" preserveAspectRatio="xMidYMid slice">
+      <svg viewBox={`0 0 ${W} ${H}`} className="w-full h-full  -translate-y-16" preserveAspectRatio="xMidYMid slice">
         {/* BACKGROUND GRID */}
         <defs>
           <pattern id="grid-dark" width="28" height="28" patternUnits="userSpaceOnUse">

src/pages/agents/animations/MyceliumMesh.tsx

@@ -145,7 +145,7 @@ export default function MyceliumMesh({
       aria-label="Mycelium Mesh, a secure communication network"
       style={{ background: bg }}
     >
-      <svg viewBox={`0 0 ${W} ${H}`} className="w-full h-full" preserveAspectRatio="xMidYMid slice">
+      <svg viewBox={`0 0 ${W} ${H}`} className="w-full h-full -translate-y-4" preserveAspectRatio="xMidYMid slice">
         {/* Background grid */}
         <defs>
           <pattern id="grid-dark" width="28" height="28" patternUnits="userSpaceOnUse">