diff --git a/src/pages/index.astro b/src/pages/index.astro
index 8829fb0..1990306 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -153,7 +153,7 @@ const featuredPortfolio = portfolio.filter(p =>
           const tileCopy = [
             {
               eyebrow: 'ที่ปรึกษาด้าน AI',
-              surface: 'teal',
+              surface: 'white',
               subtitle: 'การนำ AI มาปรับใช้ในองค์กร เพื่อลดต้นทุนและเวลา รวมถึงการรักษาความรู้จากพนักงานที่เชี่ยวชาญ',
               objective: 'รักษาความรู้ขององค์กร ลดต้นทุนและเวลาการทำงาน',
               bullets: [
@@ -164,7 +164,7 @@ const featuredPortfolio = portfolio.filter(p =>
             },
             {
               eyebrow: 'วางระบบ Automation',
-              surface: 'coral',
+              surface: 'soft',
               subtitle: 'การออกแบบระบบ Automation สำหรับธุรกิจคุณโดยเฉพาะ',
               objective: 'ลดต้นทุนและเวลา',
               bullets: [
@@ -175,7 +175,7 @@ const featuredPortfolio = portfolio.filter(p =>
             },
             {
               eyebrow: 'ที่ปรึกษาการตลาดออนไลน์',
-              surface: 'dark',
+              surface: 'purple-soft',
               subtitle: 'ออกแบบและวางกลยุทธ์ตามสถิติ กลุ่มเป้าหมาย และการทำงานขององค์กรคุณ',
               objective: 'เพิ่มยอดขาย',
               bullets: [
@@ -186,7 +186,7 @@ const featuredPortfolio = portfolio.filter(p =>
             },
             {
               eyebrow: 'พัฒนาเว็บไซต์',
-              surface: 'purple',
+              surface: 'mint',
               subtitle: 'พัฒนาเว็บไซต์ที่สร้างผลลัพธ์ได้จริง สวยงาม และลูกค้าสามารถดูแลได้เอง',
               objective: 'เพิ่มยอดขาย และความน่าเชื่อถือให้ธุรกิจ',
               bullets: [
@@ -402,21 +402,7 @@ const featuredPortfolio = portfolio.filter(p =>
     opacity: 0.4;
   }
 
-  /* Light text on dark service tiles */
-  .surface-teal .mega-subtitle,
-  .surface-teal .mega-bullets,
-  .surface-teal .mega-bullets li::before,
-  .surface-coral .mega-subtitle,
-  .surface-coral .mega-bullets,
-  .surface-coral .mega-bullets li::before,
-  .surface-dark .mega-subtitle,
-  .surface-dark .mega-bullets,
-  .surface-dark .mega-bullets li::before,
-  .surface-purple .mega-subtitle,
-  .surface-purple .mega-bullets,
-  .surface-purple .mega-bullets li::before {
-    color: rgba(255, 255, 255, 0.95);
-  }
+  /* Light text on dark service tiles — no longer used (kept for safety) */
   .surface-soft .mega-subtitle { color: var(--color-gray-700); }
   .mega-objective {
     display: inline-flex;