update logistices

src/components/sections/EVSection.tsx

@@ -1,13 +1,9 @@
 "use client";
 
 import React, { useEffect, useRef, useState } from "react";
-import dynamic from "next/dynamic";
 import gsap from "gsap";
 import { ScrollTrigger } from "gsap/ScrollTrigger";
 
-// Drifting particle background — client-only, mounted behind the section.
-const EVParticles = dynamic(() => import("./EVParticles"), { ssr: false });
-
 if (typeof window !== "undefined") {
   gsap.registerPlugin(ScrollTrigger);
 }
@@ -77,7 +73,7 @@ function CountUp({
     if (!el) return;
     const reduced = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
     if (reduced) {
-      setN(value);
+      requestAnimationFrame(() => setN(value));
       return;
     }
     const io = new IntersectionObserver(
@@ -444,10 +440,6 @@ export default function EVSection() {
 
         {/* ===== EV-Native Design (redesigned) ===== */}
         <section className="evnd" id="evnd" aria-label="EV-Native Design">
-          <div className="evnd__canvas-wrap" style={{ position: "absolute", inset: 0, zIndex: 0, pointerEvents: "none" }}>
-            <EVParticles />
-          </div>
-
           <div className="evnd__inner">
             {/* TOP ROW */}
             <div className="evnd__top">