diff --git a/html/index.html b/html/index.html
index 46ba6d0..9bd4574 100644
--- a/html/index.html
+++ b/html/index.html
@@ -254,8 +254,8 @@ <h3 class="text-4xl font-bold text-white uppercase italic tracking-tighter mb-6"
         </div>
       </div>
     </section>
-
-    <section id="deepdive" class="relative py-32 z-10 bg-slate-950/60 border-t border-b border-white/5">
+    
+    <section id="deepdive" class="relative py-32 z-10"></section>
       <div class="max-w-7xl mx-auto px-6 relative z-10">
         <div class="grid grid-cols-1 lg:grid-cols-12 gap-16 items-center">
           <div class="lg:col-span-5" data-aos="fade-right">
@@ -272,9 +272,9 @@ <h3 class="text-4xl font-bold text-white uppercase italic tracking-tighter leadi
 
           <div class="lg:col-span-7 space-y-10">
             <div class="flex gap-6 items-start group" data-aos="fade-left" data-aos-delay="100">
-              <div class="text-xl font-bold font-mono text-blue-600 bg-blue-600/10 w-12 h-12 rounded-full flex items-center justify-center flex-shrink-0 group-hover:bg-blue-600 group-hover:text-white transition-all">01</div>
+              <div class="text-xl font-bold font-mono text-blue-600 bg-blue-600/10 w-12 h-12 mt-6 rounded-full flex items-center justify-center flex-shrink-0 group-hover:bg-blue-600 group-hover:text-white transition-all">01</div>
               <div>
-                <h5 class="text-white font-bold text-lg mb-2 uppercase tracking-tight">Regex Extraction</h5>
+                <h5 class="text-white font-bold text-lg mb-2 mt-6 uppercase tracking-tight">Regex Extraction</h5>
                 <p class="text-slate-500 text-sm leading-relaxed">Dynamic capture of timestamps in various formats from raw strings.</p>
               </div>
             </div>
@@ -304,7 +304,7 @@ <h5 class="text-white font-bold text-lg mb-2 uppercase tracking-tight">Heatmap G
       </div>
     </section>
 
-    <footer class="relative bg-slate-950 border-t border-white/5 pt-20 pb-10 z-10">
+    <footer class="footer relative pt-20 pb-10 z-10"></footer>
       <div class="max-w-7xl mx-auto px-6 grid grid-cols-1 md:grid-cols-4 gap-12 mb-16">
         <div class="col-span-1 md:col-span-2">
           <div class="flex items-center gap-3 mb-6">
diff --git a/styles/index.css b/styles/index.css
index c5962e1..48e979f 100644
--- a/styles/index.css
+++ b/styles/index.css
@@ -595,7 +595,6 @@ html[data-theme="light"] .tos-content {
   border: 1px solid #dde3ed !important;
   box-shadow: 0 32px 64px rgba(17, 24, 39, 0.14) !important;
 }
-
 /* ── Responsive ──────────────────────────────────────────────────────────── */
 @media (max-width: 640px) {
   .glass-card {
@@ -606,7 +605,6 @@ html[data-theme="light"] .tos-content {
     font-size: 1.25rem;
   }
 }
-
 @media (max-width: 767px) {
   body {
     overflow-x: hidden;
@@ -728,4 +726,4 @@ html[data-theme="light"] .tos-content {
 @keyframes pulseText {
   0%, 100% { opacity: 1; }
   50%       { opacity: 0.4; }
-}
\ No newline at end of file
+}