Phase 1: Homepage seamless design - add gradient transitions

- Added gradient transitions between sections in global.css
- Portfolio section now has gradient-top (dark to white fade)
- Blog section now has gradient-bottom (white fade from dark)
- Reduced portfolio overlay opacity from 0.85 to 0.65
- Added border to blog cards for white-on-white visibility
- Blog cards now have primary color accent on hover

count-cols.cjs

@@ -0,0 +1,19 @@
+const seed = require('./seed/seed.json');
+const Database = require('better-sqlite3');
+const db = new Database('./data.db');
+
+const cols = ['title','subtitle','badge','hero_image',
+  'feature1_icon','feature1_title','feature1_desc',
+  'feature2_icon','feature2_title','feature2_desc',
+  'feature3_icon','feature3_title','feature3_desc',
+  'feature4_icon','feature4_title','feature4_desc',
+  'feature5_icon','feature5_title','feature5_desc',
+  'feature6_icon','feature6_title','feature6_desc'];
+
+const placeholders = cols.map(() => '?').join(', ');
+const sql = `INSERT OR REPLACE INTO ec_services (id, slug, status, ${cols.join(', ')}, created_at, updated_at, published_at) VALUES (?, ?, 'published', ${placeholders}, datetime('now'), datetime('now'), datetime('now'))`;
+
+console.log('Columns:', 3 + cols.length); // id, slug, status + cols
+console.log('SQL placeholders:', (sql.match(/\?/g) || []).length);
+
+db.close();