feat: replace literal decorations with AbstractBore and AbstractTrench

Former-commit-id: 4f7c5fcc7203aa4a36aabd8ffc13cf9f28a0f77a

components/blocks/ServiceDetailGrid.tsx

@@ -3,7 +3,7 @@
 import * as React from 'react';
 import { motion, Variants } from 'framer-motion';
 import { HoverShineOverlay } from '@/components/ui/HoverShineOverlay';
-import { DrillTeeth } from '@/components/ui/decorations/DrillTeeth';
+import { AbstractTrench } from '@/components/ui/decorations/AbstractTrench';
 
 export interface ServicePanelData {
   id: string;
@@ -230,8 +230,8 @@ export function ServiceDetailGrid({
           })}
         </motion.div>
       </div>
-      {/* Organic wave divider */}
-      <DrillTeeth position="bottom" fill="#fafafa" />
+      {/* Minimalist Abstract Trenching */}
+      <AbstractTrench className="bottom-0 opacity-20" invert />
     </section>
   );
 }