Add oversized globe background to stats section

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

components/site/stats.tsx

@@ -1,3 +1,5 @@
+import { StatsGlobe } from '@/components/site/stats-globe';
+
 const stats = [
   { value: '45ms', label: 'Median edge response, worldwide' },
   { value: '99.99%', label: 'Platform uptime over the last year' },
@@ -7,10 +9,14 @@ const stats = [
 
 export function Stats() {
   return (
-    <section className="border-y border-white/10 bg-black">
-      <div className="mx-auto grid max-w-6xl grid-cols-2 gap-px overflow-hidden bg-white/10 lg:grid-cols-4">
+    <section className="relative overflow-hidden border-y border-white/10 bg-black py-16 sm:py-24">
+      <StatsGlobe />
+      <div className="relative z-10 mx-auto grid max-w-6xl grid-cols-2 gap-px lg:grid-cols-4">
         {stats.map((stat) => (
-          <div key={stat.label} className="bg-black px-6 py-12 text-center">
+          <div
+            key={stat.label}
+            className="px-6 py-12 text-center ring-1 ring-white/10"
+          >
             <div className="text-4xl font-semibold tracking-tight sm:text-5xl">
               {stat.value}
             </div>