polish: make tool cards and landing page more prominent

ToolCard: larger icon (w-11 h-11) with violet glow on hover, top shimmer
accent line, primary-tinted badges, arrow in glass pill, stronger border/
shadow on hover, all badges shown, overflow-hidden for clean rendering

ToolsGrid: gap-4, section heading with module count callout, max-w-5xl

Stats: align to max-w-5xl, horizontal layout per stat (icon + value/label),
rounder icon container w-9 h-9

Hero: warm up CTA button with ambient bg-primary/[0.07] fill at rest

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

components/Stats.tsx

@@ -10,23 +10,25 @@ const stats = [
 export default function Stats() {
   return (
     <section className="relative py-8 px-6">
-      <div className="max-w-xl mx-auto">
-        <div className="grid grid-cols-3 gap-3">
+      <div className="max-w-5xl mx-auto">
+        <div className="grid grid-cols-3 gap-4">
           {stats.map((stat, i) => {
             const Icon = stat.icon;
             return (
               <div
                 key={stat.label}
-                className="glass rounded-xl p-5 flex flex-col items-center text-center"
+                className="glass rounded-xl p-5 flex items-center gap-4"
                 style={{ animation: `slideUp 0.5s ease-out ${0.1 + i * 0.1}s both` }}
               >
-                <div className="w-7 h-7 rounded-md bg-primary/10 flex items-center justify-center mb-3">
-                  <Icon className="w-3.5 h-3.5 text-primary" />
+                <div className="w-9 h-9 rounded-xl bg-primary/10 flex items-center justify-center shrink-0">
+                  <Icon className="w-4 h-4 text-primary" />
+                </div>
+                <div>
+                  <span className="text-2xl font-bold tabular-nums text-foreground block leading-none">{stat.value}</span>
+                  <span className="text-[10px] font-mono text-muted-foreground/40 uppercase tracking-widest mt-1 block">
+                    {stat.label}
+                  </span>
                 </div>
-                <span className="text-2xl font-bold tabular-nums text-foreground">{stat.value}</span>
-                <span className="text-[10px] font-mono text-muted-foreground/40 uppercase tracking-widest mt-1">
-                  {stat.label}
-                </span>
               </div>
             );
           })}