diff --git a/cyber-insurance.html b/cyber-insurance.html
index d304701..5963037 100644
--- a/cyber-insurance.html
+++ b/cyber-insurance.html
@@ -153,59 +153,66 @@
             </div>
         </nav>
 
-        <!-- Hero Section - Insurance Style with Creative Elements -->
-        <section class="relative py-20 overflow-hidden gradient-mesh">
-            <div class="absolute inset-0 z-[-1] pointer-events-none">
-                <svg xmlns="http://www.w3.org/2000/svg" class="opacity-30 w-full h-full">
-                    <defs>
-                        <pattern id="grid-insurance-new" width="60" height="60" patternUnits="userSpaceOnUse">
-                            <path d="M 60 0 L 0 0 0 60" fill="none" stroke="rgba(255, 255, 255, 0.08)" stroke-width="1"></path>
-                        </pattern>
-                    </defs>
-                    <rect width="100%" height="100%" fill="url(#grid-insurance-new)"></rect>
-                </svg>
-            </div>
+<!-- HERO SECTION: tighten vertical spacing -->
+<section class="relative py-12 overflow-hidden">   <!-- reduced py-20 → py-12 -->
+    <!-- background / decorative elements stay identical -->
+    <div class="absolute inset-0 z-[-1] pointer-events-none">
+        <svg xmlns="http://www.w3.org/2000/svg" class="opacity-30 w-full h-full">
+            <defs>
+                <pattern id="grid-insurance-new" width="60" height="60" patternUnits="userSpaceOnUse">
+                    <path d="M 60 0 L 0 0 0 60" fill="none" stroke="rgba(255,255,255,0.08)" stroke-width="1"/>
+                </pattern>
+            </defs>
+            <rect width="100%" height="100%" fill="url(#grid-insurance-new)"/>
+        </svg>
+    </div>
+    <div class="absolute top-20 left-10 w-20 h-20 bg-blue-500/10 rounded-full blur-2xl floating-element"></div>
+    <div class="absolute bottom-20 right-10 w-32 h-32 bg-purple-500/10 rounded-full blur-3xl floating-element" style="animation-delay:2s;"></div>
+    <div class="absolute inset-0 z-[-1] opacity-20 pointer-events-none">
+        <div class="bg-gradient-to-r from-purple-500 to-blue-600 rounded-full w-96 h-96 blur-3xl mx-auto"></div>
+    </div>
 
+    <!-- CONTENT: tighter gaps -->
+    <div class="container mx-auto px-4 text-center relative z-10">
+        <div class="inline-block mb-3 px-4 py-1.5 bg-blue-500/10 rounded-full border border-blue-500/20"> <!-- mb-4→mb-3, py-2→py-1.5 -->
+            <span class="text-sm text-blue-400 font-medium">Risk Management Solution</span>
+        </div>
+
+        <div class="max-w-2xl mx-auto mb-3">                    <!-- mb-4→mb-3, removed frame -->
+            <h1 class="text-3xl lg:text-5xl font-bold text-white leading-tight">
+                Cyber Insurance Readiness
+            </h1>
+        </div>
+
+        <p class="text-xl max-w-3xl mx-auto text-gray-300 mb-2"> <!-- mt-4→mb-2, removed mt -->
+            Manage, Reduce, and Transfer Risk
+        </p>
+
+        <p class="text-lg max-w-2xl mx-auto text-gray-400 mb-4"> <!-- mt-6→mb-4, removed mt -->
+            Navigate the evolving cyber insurance landscape with confidence through structured security maturity and compliance readiness
+        </p>
+
+        <!-- Creative Underline -->
+        <div class="flex justify-center mx-auto">
+            <div class="flex items-center space-x-2">             <!-- mt-8 removed -->
+                <span class="inline-block w-12 h-0.5 bg-gradient-to-r from-transparent to-blue-500 rounded-full"></span>
+                <span class="inline-block w-20 h-1 bg-gradient-to-r from-blue-500 to-purple-500 rounded-full"></span>
+                <span class="inline-block w-12 h-0.5 bg-gradient-to-r from-purple-500 to-transparent rounded-full"></span>
+            </div>
+        </div>
+    </div>
 </section>
-            
-            <!-- Floating Elements -->
-            <div class="absolute top-20 left-10 w-20 h-20 bg-blue-500/10 rounded-full blur-2xl floating-element"></div>
-            <div class="absolute bottom-20 right-10 w-32 h-32 bg-purple-500/10 rounded-full blur-3xl floating-element" style="animation-delay: 2s;"></div>
-            
-            <div class="container mx-auto px-4 text-center relative z-10">
-                <div class="inline-block mb-4 px-4 py-2 bg-blue-500/10 rounded-full border border-blue-500/20">
-                    <span class="text-sm text-blue-400 font-medium">Risk Management Solution</span>
-                </div>
-                
-                <h1 class="text-4xl lg:text-6xl font-bold leading-tight mb-4">
-                    Cyber Insurance 
-                    <span class="bg-gradient-to-r from-blue-400 to-purple-400 bg-clip-text text-transparent">Readiness</span>
-                </h1>
-                
-                <p class="text-xl mt-4 max-w-3xl mx-auto text-gray-300">
-                    Manage, Reduce, and Transfer Risk
-                </p>
-                
-                <p class="text-lg mt-6 max-w-2xl mx-auto text-gray-400">
-                    Navigate the evolving cyber insurance landscape with confidence through structured security maturity and compliance readiness
-                </p>
-                
-                <!-- Creative Underline -->
-                <div class="flex justify-center mx-auto mt-8">
-                    <div class="flex items-center space-x-2">
-                        <span class="inline-block w-12 h-0.5 bg-gradient-to-r from-transparent to-blue-500 rounded-full"></span>
-                        <span class="inline-block w-20 h-1 bg-gradient-to-r from-blue-500 to-purple-500 rounded-full"></span>
-                        <span class="inline-block w-12 h-0.5 bg-gradient-to-r from-purple-500 to-transparent rounded-full"></span>
-                    </div>
-                </div>
-            </div>
-        </section>
 
+    <!-- gradient orb -->
+    <div class="absolute inset-0 z-[-1] opacity-20 pointer-events-none">
+        <div class="bg-gradient-to-r from-purple-500 to-blue-600 rounded-full w-96 h-96 blur-3xl mx-auto"></div>
+    </div>
+</section>
         <!-- Main Content -->
         <main class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
             <!-- URL Breadcrumb -->
             <div class="mb-6">
-                <p class="text-xs text-gray-500 font-mono">/publication/applications/cyber-insurance</p>
+                <p class="text-xs text-gray-500 font-mono">
             </div>
 
             <!-- Introduction - New Card Style -->