/* =====================================================
   AATechSolution Design System — "Warm Paper" (2026)
   พื้นครีมอุ่น + น้ำเงินเข้ม + ส้มแสด
   (โทนสีมงคลประจำวันพฤหัสบดี — งดสีเขียวทั้งระบบ)
   ===================================================== */

/* =====================================================
   FONTS — Anuphan (หัวข้อ) + Sarabun (เนื้อความ), self-host
   -----------------------------------------------------
   ไฟล์ woff2 ดึงมาจาก Google Fonts (SIL OFL 1.1) เก็บใน /assets/fonts/
   เลิกโหลดจาก fonts.googleapis.com เพราะเป็น render-blocking request
   ข้าม origin (DNS + TLS + CSS อีกรอบ ก่อนจะได้เริ่มโหลดฟอนต์จริง)

   หมายเหตุ: Anuphan มีถึง weight 700 เท่านั้น — ที่ CSS เขียน 800
   เบราว์เซอร์จะ synthesize เอง (พฤติกรรมเดิมตั้งแต่ใช้ Google Fonts)

   unicode-range ทำให้เบราว์เซอร์โหลดเฉพาะ subset ที่หน้านั้นใช้จริง
   ===================================================== */
@font-face {
  font-family: 'Anuphan';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/assets/fonts/anuphan-500-thai.woff2') format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
@font-face {
  font-family: 'Anuphan';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/assets/fonts/anuphan-500-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Anuphan';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/assets/fonts/anuphan-500-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Anuphan';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/assets/fonts/anuphan-600-thai.woff2') format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
@font-face {
  font-family: 'Anuphan';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/assets/fonts/anuphan-600-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Anuphan';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/assets/fonts/anuphan-600-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Anuphan';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/anuphan-700-thai.woff2') format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
@font-face {
  font-family: 'Anuphan';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/anuphan-700-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Anuphan';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/anuphan-700-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/sarabun-400-thai.woff2') format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/sarabun-400-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/sarabun-400-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/assets/fonts/sarabun-500-thai.woff2') format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/assets/fonts/sarabun-500-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/assets/fonts/sarabun-500-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/assets/fonts/sarabun-600-thai.woff2') format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/assets/fonts/sarabun-600-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/assets/fonts/sarabun-600-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/sarabun-700-thai.woff2') format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/sarabun-700-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/sarabun-700-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* =====================================================
   ICONS — Font Awesome 6.5.1 Free (Solid) แบบ subset
   -----------------------------------------------------
   ฟอนต์ถูกตัดเหลือเฉพาะไอคอนที่ใช้จริงในเว็บ (64 คลาส / 61 glyph)
   → 7 KB แทน 156 KB และ self-host แทนโหลดจาก cdnjs

   ⚠️ ถ้าจะ "เพิ่มไอคอนใหม่" ต้อง regenerate ฟอนต์ + CSS ใหม่
      (ใส่คลาส fa-* ที่ไม่มีในลิสต์ = ไอคอนจะไม่ขึ้น)
      วิธีทำอยู่ใน DESIGN_SYSTEM.md หัวข้อ "เพิ่มไอคอนใหม่"
   ===================================================== */
@font-face {
  font-family: 'FA Solid Subset';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('/assets/fonts/fa-solid-subset.woff2') format('woff2');
}

.fa,
.fas,
.fa-solid {
  display: inline-block;
  font-family: 'FA Solid Subset';
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-spin {
  animation: fa-spin 2s linear infinite;
}

@keyframes fa-spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .fa-spin { animation: none; }
}

/* ไอคอน LINE — inline SVG (ไม่ต้องโหลดฟอนต์ FA Brands 115 KB) */
.ico-line {
  display: inline-block;
  width: 1em;
  height: 1em;
  fill: currentColor;
  vertical-align: -0.125em;
}

/* glyph-map:start — generated โดย tools/regen-icon-font.py (อย่าแก้มือ) */
.fa-file-shield::before{content:"\e4f0"}
.fa-magnifying-glass-chart::before{content:"\e522"}
.fa-check::before{content:"\f00c"}
.fa-times::before{content:"\f00d"}
.fa-clock::before{content:"\f017"}
.fa-tag::before{content:"\f02b"}
.fa-camera::before{content:"\f030"}
.fa-image::before{content:"\f03e"}
.fa-play::before{content:"\f04b"}
.fa-chevron-left::before{content:"\f053"}
.fa-chevron-right::before{content:"\f054"}
.fa-check-circle::before{content:"\f058"}
.fa-circle-question::before,.fa-question-circle::before{content:"\f059"}
.fa-info-circle::before{content:"\f05a"}
.fa-arrow-right::before{content:"\f061"}
.fa-arrow-down::before{content:"\f063"}
.fa-leaf::before{content:"\f06c"}
.fa-eye-slash::before{content:"\f070"}
.fa-exclamation-triangle::before,.fa-triangle-exclamation::before{content:"\f071"}
.fa-chevron-down::before{content:"\f078"}
.fa-chart-bar::before{content:"\f080"}
.fa-cogs::before{content:"\f085"}
.fa-comments::before{content:"\f086"}
.fa-globe::before{content:"\f0ac"}
.fa-list-check::before{content:"\f0ae"}
.fa-flask::before{content:"\f0c3"}
.fa-bars::before{content:"\f0c9"}
.fa-envelope::before{content:"\f0e0"}
.fa-bolt::before{content:"\f0e7"}
.fa-lightbulb::before{content:"\f0eb"}
.fa-spinner::before{content:"\f110"}
.fa-code::before{content:"\f121"}
.fa-rocket::before{content:"\f135"}
.fa-bullseye::before{content:"\f140"}
.fa-file-alt::before,.fa-file-lines::before{content:"\f15c"}
.fa-building-columns::before{content:"\f19c"}
.fa-graduation-cap::before{content:"\f19d"}
.fa-cubes::before{content:"\f1b3"}
.fa-database::before{content:"\f1c0"}
.fa-paper-plane::before{content:"\f1d8"}
.fa-plug::before{content:"\f1e6"}
.fa-calculator::before{content:"\f1ec"}
.fa-chart-line::before{content:"\f201"}
.fa-server::before{content:"\f233"}
.fa-hourglass-half::before{content:"\f252"}
.fa-calendar-check::before{content:"\f274"}
.fa-external-link-alt::before{content:"\f35d"}
.fa-shield-alt::before{content:"\f3ed"}
.fa-clipboard-check::before{content:"\f46c"}
.fa-box-open::before{content:"\f49e"}
.fa-comment-dots::before{content:"\f4ad"}
.fa-route::before{content:"\f4d7"}
.fa-users-gear::before{content:"\f509"}
.fa-diagram-project::before{content:"\f542"}
.fa-robot::before{content:"\f544"}
.fa-store::before{content:"\f54e"}
.fa-file-invoice-dollar::before{content:"\f571"}
.fa-headset::before{content:"\f590"}
.fa-brain::before{content:"\f5dc"}
.fa-cloud-showers-heavy::before{content:"\f740"}
.fa-satellite::before{content:"\f7bf"}
/* glyph-map:end */

:root {
  /* Core palette */
  --paper: #FAF6EE;          /* พื้นหลังหลัก — ครีมเหลืองนวล (อุตสาหะ) */
  --paper-2: #F2EBDD;        /* พื้นสลับ section */
  --ink: #1C2B3A;            /* ตัวอักษรหลัก */
  --muted: #5D6B79;          /* ตัวอักษรรอง */
  --navy: #1D3A5F;           /* น้ำเงินเข้ม (เดช) */
  --navy-deep: #14293F;      /* footer / บล็อกเข้ม */
  --orange: #D95F0E;         /* ส้มแสด (สีประจำวัน/บริวาร) */
  --orange-dark: #B84F09;    /* พื้นปุ่ม/บล็อกทึบ — ตัวอักษรขาวผ่าน AA (5.05:1) */
  --orange-deep: #A5460A;    /* ตัวอักษรส้มบนพื้นอ่อน (label/badge) — ผ่าน AA ทุกพื้น (≥4.9:1) */
  --orange-tint: #F9E5D2;
  --red: #B3402E;            /* จุดเน้นเตือน (มูละ) */
  --border: #E6DCC8;
  --card-bg: #FFFFFF;

  /* Legacy aliases — โค้ดเก่า/inline style อ้างชื่อพวกนี้อยู่
     คงชื่อไว้แต่ remap เข้า palette ใหม่ (ห้ามมีเขียว) */
  --bg-deep: var(--paper);
  --bg-card: var(--card-bg);
  --border-card: var(--border);
  --cyan: var(--navy);
  --cyan-light: #2E5C8F;
  --violet: var(--orange);
  --violet-light: var(--orange-dark);
  --emerald: var(--orange);  /* checkmark เดิมสีเขียว → ส้มแสด */
}

* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  font-family:'Sarabun','Anuphan',sans-serif;
  font-size:16.5px;
  background: var(--paper);
  color: var(--ink);
  min-height:100vh;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
h1, h2, h3, h4, .stat-number {
  font-family:'Anuphan','Sarabun',sans-serif;
  color: var(--navy);
}
::selection { background: var(--orange-tint); color: var(--navy); }

/* ===== Backgrounds ===== */
.bg-hero {
  background-color: var(--paper);
  background-image: radial-gradient(rgba(29,58,95,0.07) 1px, transparent 1px);
  background-size: 26px 26px;
  border-bottom: 1px solid var(--border);
}
.bg-section-alt {
  background: var(--paper-2);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}
.bg-ai-glow {
  background:
    radial-gradient(700px at 50% 20%, rgba(217,95,14,0.07), transparent 60%),
    var(--paper);
}
.bg-cta {
  background: linear-gradient(160deg, var(--navy) 0%, var(--navy-deep) 100%);
}
.bg-cta h2, .bg-cta h3 { color: #fff; }

/* ===== Cards =====
   (ชื่อ .glass คงไว้จากระบบเดิม — ตอนนี้คือการ์ดขาวขอบอุ่น) */
.glass, .glass-static, .product-card, .card {
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 10px;
  box-shadow: 0 1px 2px rgba(28,43,58,0.05);
}
.glass { transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease; }
.glass:hover {
  border-color: rgba(29,58,95,0.35);
  transform: translateY(-3px);
  box-shadow: 0 10px 24px -10px rgba(29,58,95,0.18);
}
.product-card { overflow:hidden; transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease; }
.product-card:hover {
  border-color: rgba(217,95,14,0.5);
  transform: translateY(-3px);
  box-shadow: 0 10px 24px -10px rgba(29,58,95,0.18);
}

/* ===== Accent text =====
   (.gradient-text เดิมเป็น gradient ฟ้า-ม่วง → ตอนนี้คือส้มแสดเรียบ ๆ) */
.gradient-text, .gradient-text-emerald {
  background:none;
  -webkit-background-clip:initial;
  background-clip:initial;
  -webkit-text-fill-color:currentColor;
  color: var(--orange);
}

/* ===== Buttons ===== */
.btn-primary {
  display:inline-flex; align-items:center; gap:0.6rem;
  padding: 0.8rem 1.75rem;
  background: var(--orange-dark);
  color: #fff; font-weight:600; border-radius:6px;
  text-decoration:none; border:none;
  transition: background 0.2s ease, transform 0.2s ease;
  box-shadow: 0 2px 0 var(--orange-deep);
}
.btn-primary:hover { background: var(--orange-deep); transform: translateY(-1px); }
.btn-outline {
  display:inline-flex; align-items:center; gap:0.6rem;
  padding: 0.8rem 1.75rem;
  border: 1.5px solid var(--navy);
  color: var(--navy); font-weight:600; border-radius:6px;
  text-decoration:none; background:transparent;
  transition: background 0.2s ease, color 0.2s ease;
}
.btn-outline:hover { background: var(--navy); color: #fff; }
.bg-cta .btn-outline { border-color: rgba(255,255,255,0.6); color:#fff; }
.bg-cta .btn-outline:hover { background: rgba(255,255,255,0.12); }
/* ปุ่ม LINE — เลิกใช้เขียว (กาลกิณี) ใช้ส้มแสดแทน คงไอคอน LINE ไว้ */
.btn-line {
  display:inline-flex; align-items:center; gap:0.75rem;
  padding: 0.95rem 2.25rem;
  background: var(--orange-dark);
  color: #fff; font-weight:700; border-radius:6px;
  text-decoration:none; font-size:1.1rem;
  transition: background 0.2s ease, transform 0.2s ease;
  box-shadow: 0 2px 0 var(--orange-deep);
}
.btn-line:hover { background: var(--orange-deep); transform: translateY(-1px); }

/* ===== Header ===== */
.header-glass {
  background: rgba(250,246,238,0.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--border);
}
.header-glass .brand-name { font-family:'Anuphan',sans-serif; font-weight:700; color:var(--navy); }
.nav-desktop a { color: var(--ink); text-decoration:none; font-weight:500; }
.nav-desktop a.btn-corp,
.nav-desktop a.btn-primary { color: #fff; }
.nav-desktop a.btn-corp:hover,
.nav-desktop a.btn-primary:hover { color: #fff; }
.nav-desktop a:not(.btn-primary):not(.btn-corp):hover { color: var(--orange); }

/* ===== Animations (เบา ๆ พอ) ===== */
.fade-up {
  opacity:0; transform:translateY(18px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.fade-up.visible { opacity:1; transform:translateY(0); }
.fade-up-delay-1 { transition-delay:0.08s; }
.fade-up-delay-2 { transition-delay:0.16s; }
.fade-up-delay-3 { transition-delay:0.24s; }
@keyframes float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-8px); } }
.float { animation: float 7s ease-in-out infinite; }
.float-delay { animation: float 7s ease-in-out 2s infinite; }
/* เดิมเป็นเงากะพริบ — ตอนนี้เป็นเงาอุ่นนิ่ง ๆ */
.pulse-glow { box-shadow: 0 10px 30px -8px rgba(217,95,14,0.25); }

/* ===== Timeline / step dots ===== */
.timeline-line {
  position:absolute; left:1.75rem; top:3.5rem; bottom:0;
  width:2px; background: linear-gradient(180deg, var(--navy), var(--orange), transparent);
}
.timeline-dot {
  width:3.5rem; height:3.5rem; border-radius:8px;
  display:flex; align-items:center; justify-content:center;
  font-family:'Anuphan',sans-serif; font-weight:800; color:#fff; flex-shrink:0;
  background: var(--navy);
}

/* ===== Icon Boxes — เหลือสองตระกูล: น้ำเงิน / ส้ม ===== */
.icon-box {
  width:3.25rem; height:3.25rem; border-radius:8px;
  display:flex; align-items:center; justify-content:center;
  font-size:1.15rem; flex-shrink:0;
}
.icon-cyan    { background:rgba(29,58,95,0.09);  color:var(--navy); }
.icon-violet  { background:var(--orange-tint);   color:var(--orange); }
.icon-emerald { background:var(--orange-tint);   color:var(--orange); }
.icon-amber   { background:rgba(29,58,95,0.09);  color:var(--navy); }

/* ===== Stats ===== */
.stat-number { font-size:3rem; font-weight:800; line-height:1; }

/* ===== Section spacing ===== */
.section-padding { padding: 4.5rem 0; }
@media(min-width:1024px) { .section-padding { padding:6.5rem 0; } }
.container { max-width:72rem; margin:0 auto; padding:0 1.5rem; }

/* ===== Nav Mobile ===== */
.nav-mobile {
  display:none; position:fixed; inset:0; z-index:100;
  background:rgba(250,246,238,0.98); backdrop-filter:blur(16px);
  flex-direction:column; align-items:center; justify-content:center; gap:2rem;
}
.nav-mobile.open { display:flex; }
.nav-mobile a { color:var(--navy); font-family:'Anuphan',sans-serif; font-size:1.25rem; font-weight:600; text-decoration:none; }
.hamburger { display:none; background:none; border:none; color:var(--navy); font-size:1.4rem; cursor:pointer; }
@media(max-width:768px) {
  .hamburger { display:block; }
  .nav-desktop { display:none !important; }
}

/* ===== Labels & headings ===== */
.badge {
  display:inline-flex; align-items:center; gap:0.5rem;
  padding:0.3rem 0.85rem; border-radius:4px;
  font-size:0.8rem; font-weight:600;
}
/* section label: เลิกเป็น pill — เป็นตัวพิมพ์เล็ก caps + ขีดส้มนำหน้า */
.section-label {
  display:inline-flex; align-items:center; gap:0.6rem;
  font-size:0.8rem; font-weight:700; letter-spacing:0.14em;
  text-transform:uppercase; color:var(--orange-deep);
  background:none; padding:0; border-radius:0;
  margin-bottom:1rem;
}
.section-label::before {
  content:""; display:inline-block; width:2rem; height:2px;
  background:var(--orange); flex-shrink:0;
}
.section-title {
  font-size:1.9rem; font-weight:700; color:var(--navy); margin-bottom:1rem;
  line-height:1.35; letter-spacing:-0.01em;
}
@media(min-width:1024px) { .section-title { font-size:2.4rem; } }
.section-desc {
  font-size:1.05rem; color:var(--muted); max-width:40rem; line-height:1.8;
}
.bg-cta .section-desc { color: rgba(255,255,255,0.8); }

/* ===== Footer ===== */
.site-footer {
  background: var(--navy-deep);
  color: rgba(255,255,255,0.75);
  padding: 3rem 0;
}
.site-footer .brand-name { color:#fff; font-family:'Anuphan',sans-serif; font-weight:700; }
.site-footer a { color: rgba(255,255,255,0.75); }
.site-footer a:hover { color: var(--orange); }

/* ===== Forms (ใช้ร่วมทุกหน้า) ===== */
.lead-form label { display:block; font-size:0.85rem; font-weight:600; color:var(--ink); margin-bottom:0.4rem; }
.lead-form input, .lead-form select {
  width:100%; padding:0.8rem 1rem; border-radius:6px;
  border:1px solid var(--border); background:#fff;
  color:var(--ink); font-family:inherit; font-size:1rem;
  transition:border-color 0.2s ease, box-shadow 0.2s ease;
}
.lead-form input::placeholder { color:#A6AEB6; }
.lead-form input:focus, .lead-form select:focus {
  outline:none; border-color:var(--orange);
  box-shadow:0 0 0 3px rgba(217,95,14,0.15);
}
.lead-form button { border:none; cursor:pointer; width:100%; justify-content:center; font-family:inherit; font-size:1.05rem; }

/* ===== FAQ accordion (ใช้ร่วมทุกหน้า) ===== */
.faq-item {
  background:var(--card-bg); border:1px solid var(--border);
  border-radius:10px; overflow:hidden;
}
.faq-item[open] { border-color:rgba(217,95,14,0.5); }
.faq-item summary {
  list-style:none; display:flex; align-items:center; justify-content:space-between; gap:1rem;
  padding:1.2rem 1.5rem; cursor:pointer;
  font-family:'Anuphan',sans-serif; font-weight:600; color:var(--navy); line-height:1.6;
}
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary i { color:var(--muted); transition:transform 0.3s ease; flex-shrink:0; }
.faq-item[open] summary i { transform:rotate(180deg); color:var(--orange); }
.faq-item .faq-answer { padding:0 1.5rem 1.4rem; color:var(--muted); line-height:1.85; }

a { color: inherit; }