Fix hero image SVG animations and enhance data line effects

- Move SVG path definitions to defs section for proper animation references
- Add staggered data-pulse animations to data lines with sequential delays
- Fix animateMotion path references for moving particles

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

index.php

@@ -478,6 +478,11 @@ $twitter_card_image = "https://ukdataservices.co.uk/assets/images/ukds-main-logo
             <div class="hero-image">
                 <div class="hero-graphic">
                     <svg width="500" height="400" viewBox="0 0 500 400" xmlns="http://www.w3.org/2000/svg">
+                        <!-- Path definitions for animations -->
+                        <defs>
+                            <path id="extraction-path" d="M290 140 Q350 120 380 160"/>
+                        </defs>
+                        
                         <!-- Background circles for depth -->
                         <circle cx="400" cy="200" r="180" fill="#179e83" opacity="0.08" class="bg-circle-1"/>
                         <circle cx="350" cy="150" r="120" fill="#ffffff" opacity="0.03" class="bg-circle-2"/>
@@ -559,10 +564,6 @@ $twitter_card_image = "https://ukdataservices.co.uk/assets/images/ukds-main-logo
                             <animate attributeName="cy" values="360;340;360" dur="3.5s" repeatCount="indefinite"/>
                         </circle>
                         
-                        <!-- Hidden path for particles -->
-                        <defs>
-                            <path id="extraction-path" d="M290 140 Q350 120 380 160"/>
-                        </defs>
                     </svg>
                 </div>
             </div>