fix(videos): improve ToolPill depth, visibility, and polish

- ToolPill: add box-shadow (0 2px 8px), gradient overlay for glossy depth,
  subtle white border for definition
- ToolGalaxy: fix tagline so counter number appears before "tools. Zero cloud
  dependency." text instead of being separated

apps/videos/src/components/ToolPill.tsx

@@ -19,6 +19,9 @@ export const ToolPill: React.FC<{
         color: "white",
         ...TEXT.toolPill,
         whiteSpace: "nowrap",
+        boxShadow: "0 2px 8px rgba(0,0,0,0.3)",
+        border: "1px solid rgba(255,255,255,0.1)",
+        backgroundImage: "linear-gradient(to bottom, rgba(255,255,255,0.15) 0%, transparent 100%)",
         ...style,
       }}
     >

apps/videos/src/compositions/hero/ToolGalaxy.tsx

@@ -475,7 +475,16 @@ export const ToolGalaxy: React.FC = () => {
           }}
         >
           <ClipReveal startFrame={580}>
-            <span style={{ ...TEXT.sectionTitle }}>tools. Zero cloud dependency.</span>
+            <span style={{ ...TEXT.sectionTitle }}>
+              <Counter
+                from={0}
+                to={TOOLS.length}
+                startFrame={580}
+                duration={30}
+                style={{ ...TEXT.sectionTitle, color: COLOR.accent, display: "inline" }}
+              />{" "}
+              tools. Zero cloud dependency.
+            </span>
           </ClipReveal>
         </div>
       )}