diff --git a/minify-build.js b/minify-build.js
index 22ecbee..c8cc359 100644
--- a/minify-build.js
+++ b/minify-build.js
@@ -109,20 +109,21 @@ async function createOptimizedBuild() {
             })
         ]).process(combinedCSS, { from: undefined });
 
-        await fs.writeFile('dist/css/styles.css', minifiedCSS.css);
-
-        // Also minify custom site styles
+        // Combine with custom site styles
         const customCSS = await fs.readFile('public/site-styles/style.css', 'utf8');
-        const minifiedCustomCSS = await postcss([
+        const combinedWithCustomCSS = minifiedCSS.css + '\n' + customCSS;
+        
+        // Minify the combined CSS bundle
+        const finalMinifiedCSS = await postcss([
             cssnano({
                 preset: ['default', {
                     discardComments: { removeAll: true },
                     normalizeWhitespace: true
                 }]
             })
-        ]).process(customCSS, { from: undefined });
+        ]).process(combinedWithCustomCSS, { from: undefined });
         
-        await fs.writeFile('dist/site-styles/style.css', minifiedCustomCSS.css);
+        await fs.writeFile('dist/css/bundle.css', finalMinifiedCSS.css);
 
         // Step 3: JavaScript Bundling and Minification
         console.log('📦 Step 3: Bundling and minifying JavaScript...');
@@ -148,9 +149,9 @@ async function createOptimizedBuild() {
         }
 
         // Calculate compression results
-        const originalCSSSize = (await fs.stat('public/css/pico.green.min.css')).size + 
-                               (await fs.stat('public/css/pico.colors.min.css')).size;
-        const optimizedCSSSize = (await fs.stat('dist/css/styles.css')).size;
+        const originalCSSSize = (await fs.stat('public/css/pico.jade.min.css')).size + 
+                               (await fs.stat('public/css/pico.min.css')).size;
+        const optimizedCSSSize = (await fs.stat('dist/css/bundle.css')).size;
         const cssReduction = ((originalCSSSize - optimizedCSSSize) / originalCSSSize * 100).toFixed(1);
 
         const originalHTMLSize = (await fs.stat('public/index.html')).size + 
@@ -271,10 +272,9 @@ async function minifyHTMLFile(inputPath, outputPath) {
     
     // Update CSS references for production and add script reference
     let updatedHTML = html
-        .replace(/<link rel="stylesheet" href="css\/pico\.green\.min\.css">/g, '')
-        .replace(/<link rel="stylesheet" href="css\/pico\.colors\.min\.css">/g, '')
+        .replace(/<link rel="stylesheet" href="css\/pico\.jade\.min\.css">/g, '')
         .replace(/<link rel="stylesheet" href="site-styles\/style\.css">/g, 
-                '<link rel="stylesheet" href="css/styles.css"><link rel="stylesheet" href="site-styles/style.css">')
+                '<link rel="stylesheet" href="css/bundle.css">')
         .replace(/<\/body>/g, '<script src="scripts/bundle.js"></script></body>');
 
     const minified = await htmlMinify(updatedHTML, {
diff --git a/public/index.html b/public/index.html
index ac5a6d6..4b50dcd 100644
--- a/public/index.html
+++ b/public/index.html
@@ -5,8 +5,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="color-scheme" content="light dark">
-    <link rel="stylesheet" href="css/pico.green.min.css">
-    <link rel="stylesheet" href="css/pico.colors.min.css">
+    <link rel="stylesheet" href="css/pico.jade.min.css">
     <link rel="stylesheet" href="site-styles/style.css">
     <title>Keyboard Vagabond</title>
 </head>