refactor: add responsive vertical translation to animation SVGs with lg breakpoint

- Changed vertical translate classes to only apply on large screens (lg:) across agent animations (AgentCoordination, DeterministicExecution, Fungistor, Herodb, MOSSandboxes, MyceliumMesh)
- Changed NoCentral home animation from -translate-y-10 to lg:-translate-y-10
- Updated pods animations with mobile-first approach: Connectivity (-translate-y-12 mobile, lg:translate-y-0), DataControl (maintains -translate-y-12 on

src/pages/pods/animations/Connectivity.tsx

@@ -44,7 +44,7 @@ export default function Connectivity({
 
   return (
     <div className={clsx("relative overflow-hidden", className)}>
-      <svg viewBox={`0 0 ${W} ${H}`} className="w-full h-full" style={{ background: bg }}>
+      <svg viewBox={`0 0 ${W} ${H}`} className="w-full h-full lg:translate-y-0 -translate-y-12" style={{ background: bg }}>
         
         {/* ========= GRID + FILTERS ========= */}
         <defs>