Magnetic Field hero, Thai eyebrows, black text-stroke, service pages fixes

- Hero: Magnetic Field design (ripple rings, field curves, attract animations)
- H1: เปลี่ยนเป็น 'เป้าหมายของเราคือการเพิ่มกำไรให้ลูกค้า', กำไร เน้นขอบดำ
- Site: ทุก eyebrow แปลเป็นไทย
- Buttons: text สีดำทุกหน้าแม้ใน dark section
- Yellow text: เพิ่ม -webkit-text-stroke ขอบดำทุก element
- Service pages: light/light/dark pattern, process-grid แถวเดียว
- Logo: อัพเดทใหม่
- Demos: เพิ่ม 5 hero design concepts (orbital, energy flow, holographic, constellation, magnetic)

src/pages/faq.astro

@@ -10,7 +10,7 @@ import { faqs } from '../data/site.js';
   <section class="page-hero scene scene-light" data-scene="light">
     <div class="page-hero-grid">
       <div>
-        <p class="eyebrow">FAQ</p>
+        <p class="eyebrow">คำถามที่พบบ่อย</p>
         <h1>คำถามที่ควรถามก่อนเริ่มทำอะไรเพิ่ม</h1>
       </div>
       <p class="hero-lead">
@@ -39,7 +39,7 @@ import { faqs } from '../data/site.js';
       <div class="liquidGlass-effect" aria-hidden="true"></div>
       <div class="liquidGlass-tint" aria-hidden="true"></div>
       <div class="liquidGlass-shine" aria-hidden="true"></div>
-      <p class="eyebrow">Still unsure?</p>
+      <p class="eyebrow">ยังไม่แน่ใจ?</p>
       <h2>ถ้าคำถามของคุณไม่อยู่ในนี้ ส่งโจทย์มาให้เราดูได้</h2>
       <button class="button button-primary" type="button" data-open-lead>ส่งโจทย์ให้เราดู</button>
     </div>