diff --git a/src/app/(frontend)/[locale]/layout.tsx b/src/app/(frontend)/[locale]/layout.tsx
index 686d039..55229c0 100644
--- a/src/app/(frontend)/[locale]/layout.tsx
+++ b/src/app/(frontend)/[locale]/layout.tsx
@@ -1,4 +1,5 @@
 import type { Metadata } from 'next'
+import Script from 'next/script'
 import { NextIntlClientProvider } from 'next-intl'
 import { getMessages, setRequestLocale } from 'next-intl/server'
 import { notFound } from 'next/navigation'
@@ -34,6 +35,15 @@ export default async function LocaleLayout({ children, params }: Props) {
 
   return (
     <html lang={locale} className="scroll-smooth">
+      <head>
+        {process.env.NODE_ENV === 'development' && (
+          <Script
+            src="//unpkg.com/react-grab/dist/index.global.js"
+            crossOrigin="anonymous"
+            strategy="beforeInteractive"
+          />
+        )}
+      </head>
       <body className="font-sans text-on-surface bg-surface antialiased">
         <NextIntlClientProvider messages={messages}>
           <Nav />
diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx
index e7bc183..7a5a0e2 100644
--- a/src/components/layout/Footer.tsx
+++ b/src/components/layout/Footer.tsx
@@ -111,7 +111,7 @@ export default function Footer() {
         <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-12 lg:gap-8">
 
           {/* Col 1 — Brand */}
-          <div className="sm:col-span-2 lg:col-span-1 flex flex-col gap-5">
+          <div className="sm:col-span-2 lg:col-span-1 flex flex-col items-center lg:items-start gap-4">
             <Image
               src="/images/LogoLetsBe_Biz_celesBlue.png"
               alt="LetsBe."
@@ -119,7 +119,7 @@ export default function Footer() {
               height={60}
               className="h-12 w-auto object-contain"
             />
-            <p className="text-sm text-on-surface/55 leading-relaxed max-w-[260px]">
+            <p className="text-sm text-on-surface/55 leading-relaxed max-w-[260px] text-center lg:text-left">
               {t('tagline')}
             </p>
             <p className="label-md text-on-surface/35 tracking-widest">
diff --git a/src/components/sections/Process.tsx b/src/components/sections/Process.tsx
index c149e6e..7071b8f 100644
--- a/src/components/sections/Process.tsx
+++ b/src/components/sections/Process.tsx
@@ -2,7 +2,8 @@
 
 import { motion, type Variants } from 'framer-motion';
 import { useTranslations } from 'next-intl';
-import { Search, LayoutDashboard, PenTool, Rocket, type LucideIcon } from 'lucide-react';
+import type { LucideIcon } from 'lucide-react';
+import { Search, LayoutDashboard, PenTool, Rocket } from 'lucide-react';
 import { cn } from '@/lib/utils';
 import {
   staggerContainerWide,
@@ -69,23 +70,11 @@ function StepCard({ numeral, stepKey, Icon }: { numeral: string; stepKey: string
       <motion.span
         variants={numeralScaleVariants}
         aria-hidden="true"
-        className="font-serif text-6xl font-light leading-none text-on-surface/[0.12] select-none -ml-0.5 mb-3 mt-6"
+        className="font-serif text-6xl font-light leading-none text-on-surface/[0.12] select-none -ml-0.5 mt-6 mb-5"
       >
         {numeral}
       </motion.span>
 
-      {/* Icon container */}
-      <div className="mb-4">
-        <div className="w-12 h-12 rounded-xl bg-primary/8 flex items-center justify-center">
-          <Icon
-            size={22}
-            strokeWidth={1.5}
-            className="text-primary"
-            aria-hidden="true"
-          />
-        </div>
-      </div>
-
       {/* Title */}
       <h3 className="font-semibold text-lg text-on-surface mb-2 leading-snug">
         {title}
