diff --git a/docs/assets/button-circles.svg b/docs/assets/button-circles.svg
index f277f9a..8e45c15 100644
--- a/docs/assets/button-circles.svg
+++ b/docs/assets/button-circles.svg
@@ -27,4 +27,4 @@
     <text x="45" y="38" fill="#2d3436" font-size="14" class="button-text" text-anchor="middle" dominant-baseline="middle">
         ⬆
     </text>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/docs/assets/button.svg b/docs/assets/button.svg
index 619518d..d9635e5 100644
--- a/docs/assets/button.svg
+++ b/docs/assets/button.svg
@@ -15,9 +15,9 @@
         }
       </style>
     </defs>
-    <rect x="1" y="1" width="98" height="28" rx="6" fill="transparent" 
+    <rect x="1" y="1" width="98" height="28" rx="6" fill="transparent"
           stroke="url(#grad1)" stroke-width="2"/>
     <text x="50" y="17" fill="#2d3436" font-size="12" class="button-text" text-anchor="middle" dominant-baseline="middle">
       ⬆ Return
     </text>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/docs/assets/icon.svg b/docs/assets/icon.svg
index e0515ea..2c80331 100644
--- a/docs/assets/icon.svg
+++ b/docs/assets/icon.svg
@@ -26,7 +26,7 @@
         <!-- Outer ring -->
         <circle cx="256" cy="256" r="220" fill="none" stroke="url(#ptahGradient)" stroke-width="4" stroke-dasharray="30 15" />
         <!-- Scarab wings -->
-        <path d="M256 76 
+        <path d="M256 76
              C356 76, 436 156, 436 256
              C436 356, 356 436, 256 436
              C156 436, 76 356, 76 256
@@ -60,4 +60,4 @@
         <circle cx="256" cy="256" r="120" fill="none" stroke="url(#ptahGradient)" stroke-width="2" stroke-dasharray="4 8" />
         <circle cx="256" cy="256" r="80" fill="none" stroke="url(#ptahGradient)" stroke-width="2" stroke-dasharray="4 8" />
     </g>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/docs/assets/line-wavey.svg b/docs/assets/line-wavey.svg
deleted file mode 100644
index 46851d6..0000000
--- a/docs/assets/line-wavey.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 30">
-    <defs>
-        <linearGradient id="waveGradient" x1="0%" y1="0%" x2="100%" y2="0%">
-            <stop offset="0%" style="stop-color:#4F46E5" />
-            <stop offset="50%" style="stop-color:#EC4899" />
-            <stop offset="100%" style="stop-color:#48b9e4" />
-        </linearGradient>
-    </defs>
-    <path d="M 0 15 Q 125 0, 250 15 T 500 15 T 750 15 T 1000 15" fill="none" stroke="url(#waveGradient)" stroke-width="4" stroke-linecap="round" />
-</svg>
\ No newline at end of file
diff --git a/docs/assets/line.svg b/docs/assets/line.svg
index 9690a3a..d19448d 100644
--- a/docs/assets/line.svg
+++ b/docs/assets/line.svg
@@ -8,4 +8,4 @@
         </linearGradient>
     </defs>
     <rect width="100%" height="4" fill="url(#grad1)" />
-</svg>
\ No newline at end of file
+</svg>
diff --git a/docs/assets/logo-alt.svg b/docs/assets/logo-alt.svg
deleted file mode 100644
index a93c168..0000000
--- a/docs/assets/logo-alt.svg
+++ /dev/null
@@ -1,39 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 1200">
-    <defs>
-        <!-- Dynamic gradient -->
-        <linearGradient id="dynamicGradient" x1="0%" y1="0%" x2="100%" y2="0%">
-            <stop offset="0%" style="stop-color:#00E5FF"/>
-            <stop offset="50%" style="stop-color:#7934C5"/>
-            <stop offset="100%" style="stop-color:#FFD700"/>
-        </linearGradient>
-        
-        <!-- Dynamic pattern -->
-        <pattern id="dynamicPattern" x="0" y="0" width="40" height="40" patternUnits="userSpaceOnUse">
-            <path d="M0,20 L40,20 M20,0 L20,40" stroke="#7934C5" stroke-width="0.5" opacity="0.1"/>
-        </pattern>
-    </defs>
-    <g transform="translate(0, 300)">
-        <!-- Background -->
-        <rect width="1200" height="300" fill="#ffffff"/>
-        <rect width="1200" height="300" fill="url(#dynamicPattern)"/>
-        
-        <!-- Dynamic shapes -->
-        <g opacity="0.4">
-            <rect x="250" y="50" width="700" height="200" stroke="#7934C5" stroke-width="1" fill="none"/>
-            <path d="M250,50 L950,50 L950,250 L250,250 Z" stroke="#7934C5" stroke-width="2" fill="none"/>
-        </g>
-        
-        <!-- Main text -->
-        <g transform="translate(600, 150)">
-            <text font-family="'Chakra Petch', sans-serif" 
-                  font-size="110" 
-                  font-weight="700" 
-                  fill="url(#dynamicGradient)" 
-                  text-anchor="middle" 
-                  dominant-baseline="middle"
-                  letter-spacing="0.1em">
-                SPLITME-AI
-            </text>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/docs/assets/logo-box.svg b/docs/assets/logo-box.svg
index ef942dc..4cd4009 100644
--- a/docs/assets/logo-box.svg
+++ b/docs/assets/logo-box.svg
@@ -7,7 +7,7 @@
             <stop offset="60%" style="stop-color:#7934C5"/>
             <stop offset="80%" style="stop-color:#FF00FF"/>
         </linearGradient>
-        
+
         <!-- Precision line pattern -->
         <pattern id="gridPattern" x="0" y="0" width="40" height="40" patternUnits="userSpaceOnUse">
             <path d="M0,20 L40,20 M20,0 L20,40" stroke="#7934C5" stroke-width="0.5" opacity="0.1"/>
@@ -16,7 +16,7 @@
         <!-- Clean shadow -->
         <filter id="sharpShadow" x="-20%" y="-20%" width="140%" height="140%">
             <feGaussianBlur in="SourceGraphic" stdDeviation="1" result="blur"/>
-            <feColorMatrix in="blur" type="matrix" 
+            <feColorMatrix in="blur" type="matrix"
                           values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 10 -2" result="glow"/>
             <feMerge>
                 <feMergeNode in="glow"/>
@@ -29,7 +29,7 @@
         <!-- Background -->
         <rect width="1200" height="300" fill="#ffffff"/>
         <rect width="1200" height="300" fill="url(#gridPattern)"/>
-        
+
         <!-- Precision frames -->
         <g opacity="0.4">
             <rect x="250" y="50" width="700" height="200" stroke="#7934C5" stroke-width="1" fill="none"/>
@@ -39,15 +39,15 @@
 
         <!-- Main text -->
         <g transform="translate(600, 150)" filter="url(#sharpShadow)">
-            <text font-family="'Chakra Petch', sans-serif" 
-                  font-size="110" 
-                  font-weight="700" 
-                  fill="url(#sliceGradient)" 
-                  text-anchor="middle" 
+            <text font-family="'Chakra Petch', sans-serif"
+                  font-size="110"
+                  font-weight="700"
+                  fill="url(#sliceGradient)"
+                  text-anchor="middle"
                   dominant-baseline="middle"
                   letter-spacing="0.1em">
                 SPLITME-AI
             </text>
         </g>
     </g>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/docs/assets/logo-dark.svg b/docs/assets/logo-dark.svg
index c03de00..6dd647e 100644
--- a/docs/assets/logo-dark.svg
+++ b/docs/assets/logo-dark.svg
@@ -1,53 +1,56 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 300">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2400 600" width="900" height="250">
     <defs>
-        <!-- Enhanced gradient with brighter colors for dark theme visibility -->
-        <linearGradient id="sliceGradientDark" x1="0%" y1="0%" x2="100%" y2="0%">
-            <stop offset="20%" style="stop-color:#FFE45E" /> <!-- Brightened gold -->
-            <stop offset="40%" style="stop-color:#00F7FF" /> <!-- Brightened cyan -->
-            <stop offset="60%" style="stop-color:#9B4FE6" /> <!-- Brightened purple -->
-            <stop offset="80%" style="stop-color:#FF40FF" /> <!-- Brightened magenta -->
+        <!-- Enhanced gradient with more color stops for depth -->
+        <linearGradient id="enhancedSplitGradient" x1="0%" y1="0%" x2="100%" y2="0%">
+            <stop offset="10%" style="stop-color:#FFD700;stop-opacity:0.7" /> <!-- Sharp gold -->
+            <stop offset="30%" style="stop-color:#00E5FF;stop-opacity:0.8" /> <!-- Bright cyan -->
+            <stop offset="50%" style="stop-color:#7934C5;stop-opacity:0.9" /> <!-- Rich purple -->
+            <stop offset="70%" style="stop-color:#FF00FF;stop-opacity:1" /> <!-- Vivid magenta -->
         </linearGradient>
-        <!-- Accent gradient with increased opacity for dark background -->
-        <linearGradient id="accentGradientDark" x1="0%" y1="0%" x2="100%" y2="0%">
-            <stop offset="0%" style="stop-color:#9B4FE6;stop-opacity:0.4" />
-            <stop offset="100%" style="stop-color:#00F7FF;stop-opacity:0.4" />
-        </linearGradient>
-        <!-- Grid pattern with increased visibility for dark theme -->
-        <pattern id="slicePatternDark" x="0" y="0" width="40" height="40" patternUnits="userSpaceOnUse">
-            <path d="M0,20 L40,20 M20,0 L20,40" stroke="#9B4FE6" stroke-width="0.5" opacity="0.15" />
+        <!-- More intricate grid pattern for background -->
+        <pattern id="splitGridPatternDark" x="0" y="0" width="40" height="40" patternUnits="userSpaceOnUse">
+            <path d="M0,20 L40,20 M20,0 L20,40" stroke="#FFFFFF" stroke-width="0.3" opacity="0.05" />
+            <path d="M0,0 L40,40 M40,0 L0,40" stroke="#FFFFFF" stroke-width="0.2" opacity="0.03" />
         </pattern>
-        <!-- Enhanced glow effect for better visibility on dark background -->
-        <filter id="precisionGlowDark" x="-20%" y="-20%" width="140%" height="140%">
-            <feGaussianBlur in="SourceGraphic" stdDeviation="1.2" result="blur" />
-            <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 15 -2" result="glow" />
+        <!-- Enhanced glow effect with more subtle blur -->
+        <filter id="splitGlowEffectDark" x="-20%" y="-20%" width="140%" height="140%">
+            <feGaussianBlur in="SourceGraphic" stdDeviation="1.5" result="blur" />
+            <feColorMatrix in="blur" type="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 10 -3" result="glow" />
             <feMerge>
                 <feMergeNode in="glow" />
                 <feMergeNode in="SourceGraphic" />
             </feMerge>
         </filter>
     </defs>
-    <!-- Dark background with subtle grid pattern -->
-    <rect width="1200" height="300" fill="#1a1a1a" />
-    <rect width="1200" height="300" fill="url(#slicePatternDark)" />
-    <!-- Enhanced geometric elements with increased opacity -->
+    <!-- Dark background -->
+    <rect width="2400" height="600" fill="#000000" />
+    <rect width="2400" height="600" fill="url(#splitGridPatternDark)" />
+    <!-- Symmetrical abstract text splitting representation -->
     <g opacity="0.8">
-        <path d="M100,0 L400,300" stroke="url(#sliceGradientDark)" stroke-width="2.5" fill="none" />
-        <path d="M800,0 L1100,300" stroke="url(#sliceGradientDark)" stroke-width="2.5" fill="none" />
+        <!-- Left side lines -->
+        <path d="M0,0 L400,600" stroke="url(#enhancedSplitGradient)" stroke-width="4" fill="none" />
+        <path d="M400,0 L800,600" stroke="url(#enhancedSplitGradient)" stroke-width="4" fill="none" />
+        <!-- Right side lines (mirrored) -->
+        <path d="M2400,0 L2000,600" stroke="url(#enhancedSplitGradient)" stroke-width="4" fill="none" />
+        <path d="M2000,0 L1600,600" stroke="url(#enhancedSplitGradient)" stroke-width="4" fill="none" />
     </g>
-    <!-- Main title with enhanced glow effect -->
-    <g transform="translate(600, 150)" filter="url(#precisionGlowDark)">
-        <text font-family="'Chakra Petch', sans-serif" font-size="110" font-weight="700" fill="url(#sliceGradientDark)" text-anchor="middle" dominant-baseline="middle" letter-spacing="0.12em">
+    <!-- Center title with enhanced glow -->
+    <g transform="translate(1200, 300)" filter="url(#splitGlowEffectDark)">
+        <text font-family="'JetBrains Mono', monospace" font-size="250" font-weight="800" fill="url(#enhancedSplitGradient)" text-anchor="middle" dominant-baseline="middle" letter-spacing="0.05em" style="paint-order: stroke fill;">
             SPLITME-AI
         </text>
-        <!-- Enhanced precision lines with increased opacity -->
-        <g opacity="0.7">
-            <line x1="-300" y1="40" x2="300" y2="40" stroke="url(#sliceGradientDark)" stroke-width="1.2" />
-            <line x1="-300" y1="-40" x2="300" y2="-40" stroke="url(#sliceGradientDark)" stroke-width="1.2" />
+        <!-- Abstract splitting bars -->
+        <g>
+            <line x1="-600" y1="-100" x2="600" y2="-100" stroke="url(#enhancedSplitGradient)" stroke-width="3" opacity="0.6" />
+            <line x1="-600" y1="100" x2="600" y2="100" stroke="url(#enhancedSplitGradient)" stroke-width="3" opacity="0.6" />
+            <!-- Vertical split indicators -->
+            <line x1="-400" y1="-150" x2="-400" y2="150" stroke="url(#enhancedSplitGradient)" stroke-width="2" opacity="0.5" />
+            <line x1="400" y1="-150" x2="400" y2="150" stroke="url(#enhancedSplitGradient)" stroke-width="2" opacity="0.5" />
         </g>
     </g>
-    <!-- Technical grid markers with adjusted opacity -->
+    <!-- Measurement guides -->
     <g>
-        <path d="M0,150 L1200,150" stroke="#9B4FE6" stroke-width="0.6" stroke-dasharray="4 4" opacity="0.3" />
-        <path d="M600,0 L600,300" stroke="#9B4FE6" stroke-width="0.6" stroke-dasharray="4 4" opacity="0.3" />
+        <path d="M0,300 L2400,300" stroke="#FFFFFF" stroke-width="1" stroke-dasharray="8 8" opacity="0.2" />
+        <path d="M1200,0 L1200,600" stroke="#FFFFFF" stroke-width="1" stroke-dasharray="8 8" opacity="0.2" />
     </g>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/docs/assets/logo-light.svg b/docs/assets/logo-light.svg
index 1334c07..24bb9f3 100644
--- a/docs/assets/logo-light.svg
+++ b/docs/assets/logo-light.svg
@@ -1,53 +1,56 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 300">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2400 600" width="900" height="250">
     <defs>
-        <!-- The main gradient defines the vibrant color scheme used for the cutting elements and text -->
-        <linearGradient id="sliceGradientLight" x1="0%" y1="0%" x2="100%" y2="0%">
-            <stop offset="20%" style="stop-color:#FFD700" /> <!-- Gold -->
-            <stop offset="40%" style="stop-color:#00E5FF" /> <!-- Cyan -->
-            <stop offset="60%" style="stop-color:#7934C5" /> <!-- Purple -->
-            <stop offset="80%" style="stop-color:#FF00FF" /> <!-- Magenta -->
+        <!-- Enhanced gradient with more color stops for depth -->
+        <linearGradient id="enhancedSplitGradientLight" x1="0%" y1="0%" x2="100%" y2="0%">
+            <stop offset="10%" style="stop-color:#FFD700;stop-opacity:0.7" /> <!-- Sharp gold -->
+            <stop offset="30%" style="stop-color:#00E5FF;stop-opacity:0.8" /> <!-- Bright cyan -->
+            <stop offset="50%" style="stop-color:#7934C5;stop-opacity:0.9" /> <!-- Rich purple -->
+            <stop offset="70%" style="stop-color:#FF00FF;stop-opacity:1" /> <!-- Vivid magenta -->
         </linearGradient>
-        <!-- Secondary gradient for subtle background accents -->
-        <linearGradient id="accentGradientLight" x1="0%" y1="0%" x2="100%" y2="0%">
-            <stop offset="0%" style="stop-color:#7934C5;stop-opacity:0.3" />
-            <stop offset="100%" style="stop-color:#00E5FF;stop-opacity:0.3" />
-        </linearGradient>
-        <!-- Grid pattern that creates a technical background texture -->
-        <pattern id="slicePatternLight" x="0" y="0" width="40" height="40" patternUnits="userSpaceOnUse">
-            <path d="M0,20 L40,20 M20,0 L20,40" stroke="#7934C5" stroke-width="0.5" opacity="0.08" />
+        <!-- More intricate grid pattern for background -->
+        <pattern id="splitGridPatternLight" x="0" y="0" width="40" height="40" patternUnits="userSpaceOnUse">
+            <path d="M0,20 L40,20 M20,0 L20,40" stroke="#000000" stroke-width="0.3" opacity="0.05" />
+            <path d="M0,0 L40,40 M40,0 L0,40" stroke="#000000" stroke-width="0.2" opacity="0.03" />
         </pattern>
-        <!-- Enhanced glow effect for depth and emphasis -->
-        <filter id="precisionGlowLight" x="-20%" y="-20%" width="140%" height="140%">
-            <feGaussianBlur in="SourceGraphic" stdDeviation="1" result="blur" />
-            <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 12 -2" result="glow" />
+        <!-- Enhanced glow effect with more subtle blur -->
+        <filter id="splitGlowEffectLight" x="-20%" y="-20%" width="140%" height="140%">
+            <feGaussianBlur in="SourceGraphic" stdDeviation="1.5" result="blur" />
+            <feColorMatrix in="blur" type="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 10 -3" result="glow" />
             <feMerge>
                 <feMergeNode in="glow" />
                 <feMergeNode in="SourceGraphic" />
             </feMerge>
         </filter>
     </defs>
-    <!-- Clean white background with subtle grid overlay -->
-    <rect width="1200" height="300" fill="#ffffff" />
-    <rect width="1200" height="300" fill="url(#slicePatternLight)" />
-    <!-- Diagonal cutting elements that frame the composition -->
-    <g opacity="0.7">
-        <path d="M100,0 L400,300" stroke="url(#sliceGradientLight)" stroke-width="2.5" fill="none" />
-        <path d="M800,0 L1100,300" stroke="url(#sliceGradientLight)" stroke-width="2.5" fill="none" />
+    <!-- Light background -->
+    <rect width="2400" height="600" fill="#FFFFFF" />
+    <rect width="2400" height="600" fill="url(#splitGridPatternLight)" />
+    <!-- Symmetrical abstract text splitting representation -->
+    <g opacity="0.8">
+        <!-- Left side lines -->
+        <path d="M0,0 L400,600" stroke="url(#enhancedSplitGradientLight)" stroke-width="4" fill="none" />
+        <path d="M400,0 L800,600" stroke="url(#enhancedSplitGradientLight)" stroke-width="4" fill="none" />
+        <!-- Right side lines (mirrored) -->
+        <path d="M2400,0 L2000,600" stroke="url(#enhancedSplitGradientLight)" stroke-width="4" fill="none" />
+        <path d="M2000,0 L1600,600" stroke="url(#enhancedSplitGradientLight)" stroke-width="4" fill="none" />
     </g>
-    <!-- Central title group with enhanced glow effect -->
-    <g transform="translate(600, 150)" filter="url(#precisionGlowLight)">
-        <text font-family="'Chakra Petch', sans-serif" font-size="110" font-weight="700" fill="url(#sliceGradientLight)" text-anchor="middle" dominant-baseline="middle" letter-spacing="0.12em">
+    <!-- Center title with enhanced glow -->
+    <g transform="translate(1200, 300)" filter="url(#splitGlowEffectLight)">
+        <text font-family="'JetBrains Mono', monospace" font-size="250" font-weight="800" fill="url(#enhancedSplitGradientLight)" text-anchor="middle" dominant-baseline="middle" letter-spacing="0.05em" style="paint-order: stroke fill;">
             SPLITME-AI
         </text>
-        <!-- Horizontal precision lines that frame the text -->
-        <g opacity="0.6">
-            <line x1="-300" y1="40" x2="300" y2="40" stroke="url(#sliceGradientLight)" stroke-width="1.2" />
-            <line x1="-300" y1="-40" x2="300" y2="-40" stroke="url(#sliceGradientLight)" stroke-width="1.2" />
+        <!-- Abstract splitting bars -->
+        <g>
+            <line x1="-600" y1="-100" x2="600" y2="-100" stroke="url(#enhancedSplitGradientLight)" stroke-width="3" opacity="0.6" />
+            <line x1="-600" y1="100" x2="600" y2="100" stroke="url(#enhancedSplitGradientLight)" stroke-width="3" opacity="0.6" />
+            <!-- Vertical split indicators -->
+            <line x1="-400" y1="-150" x2="-400" y2="150" stroke="url(#enhancedSplitGradientLight)" stroke-width="2" opacity="0.5" />
+            <line x1="400" y1="-150" x2="400" y2="150" stroke="url(#enhancedSplitGradientLight)" stroke-width="2" opacity="0.5" />
         </g>
     </g>
-    <!-- Technical grid markers for precision alignment -->
+    <!-- Measurement guides -->
     <g>
-        <path d="M0,150 L1200,150" stroke="#7934C5" stroke-width="0.6" stroke-dasharray="4 4" opacity="0.25" />
-        <path d="M600,0 L600,300" stroke="#7934C5" stroke-width="0.6" stroke-dasharray="4 4" opacity="0.25" />
+        <path d="M0,300 L2400,300" stroke="#000000" stroke-width="1" stroke-dasharray="8 8" opacity="0.2" />
+        <path d="M1200,0 L1200,600" stroke="#000000" stroke-width="1" stroke-dasharray="8 8" opacity="0.2" />
     </g>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/docs/assets/logo.svg b/docs/assets/logo.svg
index f7a93c5..7ffa6cc 100644
--- a/docs/assets/logo.svg
+++ b/docs/assets/logo.svg
@@ -1,92 +1,59 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 300">
-  <defs>
-      <!-- Sharp gradient for cutting elements -->
-      <linearGradient id="sliceGradient" x1="0%" y1="0%" x2="100%" y2="0%">
-          <stop offset="20%" style="stop-color:#FFD700"/>
-          <stop offset="40%" style="stop-color:#00E5FF"/>
-          <stop offset="60%" style="stop-color:#7934C5"/>
-          <stop offset="80%" style="stop-color:#FF00FF"/>
-      </linearGradient>
-      
-      <!-- Subtle accent gradient -->
-      <linearGradient id="accentGradient" x1="0%" y1="0%" x2="100%" y2="0%">
-          <stop offset="0%" style="stop-color:#7934C5;stop-opacity:0.2"/>
-          <stop offset="100%" style="stop-color:#00E5FF;stop-opacity:0.2"/>
-      </linearGradient>
-
-      <!-- Clean line pattern -->
-      <pattern id="slicePattern" x="0" y="0" width="40" height="40" patternUnits="userSpaceOnUse">
-          <path d="M0,20 L40,20 M20,0 L20,40" 
-                stroke="#7934C5" 
-                stroke-width="0.5" 
-                opacity="0.1"/>
-      </pattern>
-
-      <!-- Precise shadow effect -->
-      <filter id="precisionGlow" x="-20%" y="-20%" width="140%" height="140%">
-          <feGaussianBlur in="SourceGraphic" stdDeviation="1" result="blur"/>
-          <feColorMatrix in="blur" mode="matrix" 
-                        values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 10 -2" result="glow"/>
-          <feMerge>
-              <feMergeNode in="glow"/>
-              <feMergeNode in="SourceGraphic"/>
-          </feMerge>
-      </filter>
-  </defs>
-
-  <!-- Clean background -->
-  <rect width="100%" height="100%" fill="#ffffff"/>
-  <rect width="100%" height="100%" fill="url(#slicePattern)"/>
-
-  <!-- Geometric cutting elements -->
-  <g opacity="0.6">
-      <!-- Left slice -->
-      <path d="M100,0 L400,300" 
-            stroke="url(#sliceGradient)" 
-            stroke-width="2" 
-            fill="none">
-      </path>
-      <!-- Right slice -->
-      <path d="M800,0 L1100,300" 
-            stroke="url(#sliceGradient)" 
-            stroke-width="2" 
-            fill="none">
-      </path>
-  </g>
-  <!-- Main title group -->
-  <g transform="translate(600, 150)" filter="url(#precisionGlow)">
-      <!-- Split text effect -->
-      <text font-family="'Chakra Petch', sans-serif" 
-            font-size="110" 
-            font-weight="700" 
-            fill="url(#sliceGradient)" 
-            text-anchor="middle" 
-            dominant-baseline="middle"
-            letter-spacing="0.1em">
-          SPLITME-AI
-      </text>
-      <!-- Precision lines -->
-      <g opacity="0.5">
-          <line x1="-300" y1="40" x2="300" y2="40" 
-                stroke="url(#sliceGradient)" 
-                stroke-width="1"/>
-          <line x1="-300" y1="-40" x2="300" y2="-40" 
-                stroke="url(#sliceGradient)" 
-                stroke-width="1"/>
-      </g>
-  </g>
-  <!-- Precision markers -->
-  <!-- Cutting plane indicators -->
-  <g>
-      <path d="M0,150 L1200,150" 
-            stroke="#7934C5" 
-            stroke-width="0.5" 
-            stroke-dasharray="4 4" 
-            opacity="0.2"/>
-      <path d="M600,0 L600,300" 
-            stroke="#7934C5" 
-            stroke-width="0.5" 
-            stroke-dasharray="4 4" 
-            opacity="0.2"/>
-  </g>
-</svg>
\ No newline at end of file
+    <defs>
+        <!-- Sharp gradient for cutting elements -->
+        <linearGradient id="sliceGradient" x1="0%" y1="0%" x2="100%" y2="0%">
+            <stop offset="20%" style="stop-color:#FFD700" />
+            <stop offset="40%" style="stop-color:#00E5FF" />
+            <stop offset="60%" style="stop-color:#7934C5" />
+            <stop offset="80%" style="stop-color:#FF00FF" />
+        </linearGradient>
+        <!-- Subtle accent gradient -->
+        <linearGradient id="accentGradient" x1="0%" y1="0%" x2="100%" y2="0%">
+            <stop offset="0%" style="stop-color:#7934C5;stop-opacity:0.2" />
+            <stop offset="100%" style="stop-color:#00E5FF;stop-opacity:0.2" />
+        </linearGradient>
+        <!-- Clean line pattern -->
+        <pattern id="slicePattern" x="0" y="0" width="40" height="40" patternUnits="userSpaceOnUse">
+            <path d="M0,20 L40,20 M20,0 L20,40" stroke="#7934C5" stroke-width="0.5" opacity="0.1" />
+        </pattern>
+        <!-- Precise shadow effect -->
+        <filter id="precisionGlow" x="-20%" y="-20%" width="140%" height="140%">
+            <feGaussianBlur in="SourceGraphic" stdDeviation="1" result="blur" />
+            <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 10 -2" result="glow" />
+            <feMerge>
+                <feMergeNode in="glow" />
+                <feMergeNode in="SourceGraphic" />
+            </feMerge>
+        </filter>
+    </defs>
+    <!-- Clean background -->
+    <rect width="100%" height="100%" fill="#ffffff" />
+    <rect width="100%" height="100%" fill="url(#slicePattern)" />
+    <!-- Geometric cutting elements -->
+    <g opacity="0.6">
+        <!-- Left slice -->
+        <path d="M100,0 L400,300" stroke="url(#sliceGradient)" stroke-width="2" fill="none">
+        </path>
+        <!-- Right slice -->
+        <path d="M800,0 L1100,300" stroke="url(#sliceGradient)" stroke-width="2" fill="none">
+        </path>
+    </g>
+    <!-- Main title group -->
+    <g transform="translate(600, 150)" filter="url(#precisionGlow)">
+        <!-- Split text effect -->
+        <text font-family="'Chakra Petch', sans-serif" font-size="110" font-weight="700" fill="url(#sliceGradient)" text-anchor="middle" dominant-baseline="middle" letter-spacing="0.1em">
+            SPLITME-AI
+        </text>
+        <!-- Precision lines -->
+        <g opacity="0.5">
+            <line x1="-300" y1="40" x2="300" y2="40" stroke="url(#sliceGradient)" stroke-width="1" />
+            <line x1="-300" y1="-40" x2="300" y2="-40" stroke="url(#sliceGradient)" stroke-width="1" />
+        </g>
+    </g>
+    <!-- Precision markers -->
+    <!-- Cutting plane indicators -->
+    <g>
+        <path d="M0,150 L1200,150" stroke="#7934C5" stroke-width="0.5" stroke-dasharray="4 4" opacity="0.2" />
+        <path d="M600,0 L600,300" stroke="#7934C5" stroke-width="0.5" stroke-dasharray="4 4" opacity="0.2" />
+    </g>
+</svg>