feat(story): celular CC0 com site vivo na tela, ReelDirector scrub em todas as seções e filmstrip pinado de prints reais

app/components/LighthouseMetrics.tsx

@@ -43,7 +43,10 @@ export default function LighthouseMetrics() {
       dark
       disableChildrenAnimation={false}
     >
-      <div className="mt-sp-4 grid grid-cols-1 gap-sp-4 md:grid-cols-2 lg:grid-cols-4">
+      <div
+        className="mt-sp-4 grid grid-cols-1 gap-sp-4 md:grid-cols-2 lg:grid-cols-4"
+        data-reel="fade"
+      >
         {METRICS.map((metric, i) => (
           <motion.article
             key={metric.label}
@@ -96,7 +99,7 @@ export default function LighthouseMetrics() {
             </div>
 
             {/* Content Details */}
-            <div className="flex-1">
+            <div className="flex-1" data-reel-stagger="bottom">
               <h3 className="font-display text-[17px] font-bold text-[rgba(255,255,255,0.92)]">
                 {metric.label}
               </h3>