refine: landing page and 404 for clean consistent look

Hero: Kit. title with primary dot, arrow-down CTA, minimal line scroll
indicator. Stats: rounded-2xl + icon border matching cards. ToolsGrid:
proper h2 with gradient accent word. ToolCard: visible rest border,
radial glow, bigger icon+arrow. Footer: visible Source label, consistent
border. 404: fade gradient number, divider line, rounded-xl CTA.

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

components/ToolsGrid.tsx

@@ -8,20 +8,18 @@ export default function ToolsGrid() {
 
         {/* Section heading */}
         <div
-          className="flex items-end justify-between mb-8"
+          className="mb-10"
           style={{ animation: 'fadeIn 0.5s ease-out both' }}
         >
-          <div>
-            <span className="text-[10px] font-semibold text-muted-foreground uppercase tracking-widest block mb-1">
-              Available Tools
+          <h2 className="text-3xl sm:text-4xl font-bold tracking-tight text-foreground">
+            Available{' '}
+            <span className="bg-gradient-to-r from-primary via-violet-400 to-pink-400 bg-clip-text text-transparent">
+              Tools
             </span>
-            <p className="text-xs text-muted-foreground/40">
-              {tools.length} tools — everything runs in your browser
-            </p>
-          </div>
-          <span className="text-[9px] font-mono text-muted-foreground/25 tabular-nums hidden sm:block">
-            {tools.length.toString().padStart(2, '0')} modules
-          </span>
+          </h2>
+          <p className="text-sm text-muted-foreground/40 mt-2">
+            {tools.length} tools &mdash; everything runs in your browser, no data leaves your machine
+          </p>
         </div>
 
         {/* Tools grid */}