/* =========================================================
   欣矩陣 ∞ 欣媒體 — pages.css
   各頁專用微調（維持核心視覺一致）
   ========================================================= */

/* 首頁 ─ 定位敘述 */
.pillar-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  background:
    linear-gradient(var(--bg-veil),var(--bg-veil)),
    url("../assets/bg-wall.webp") center/cover;
  position:relative}

/* 首頁 ─ 為何選擇欣矩陣（文字在上、圖在下） */
.why-stack{display:grid;gap:2.4rem;justify-items:center;text-align:center}
.why-text{max-width:820px;margin-inline:auto}
.why-text .lead{margin-inline:auto}
.why-text .checks{justify-content:center;max-width:660px;margin-inline:auto}
.why-text .checks li{text-align:left;max-width:100%}
.why-text .btn-row{justify-content:center}
.why-stack .visual{width:100%;max-width:860px;border-radius:20px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}
.why-stack .visual img{width:100%;display:block;object-fit:cover}

/* 首頁 ─ 閉環流程 */
.loop{display:flex;flex-wrap:wrap;gap:.8rem;align-items:stretch;justify-content:center}
.loop-step{flex:1 1 150px;max-width:200px;border:1px solid var(--line);border-radius:16px;padding:1.3rem 1rem;
  background:var(--bg-1);text-align:center}
.loop-step .ico{width:44px;height:44px;margin:0 auto .6rem;border-radius:13px;display:grid;place-items:center;color:#fff;
  background:linear-gradient(135deg,var(--warm-bright),var(--warm))}
.loop-step .ico svg{width:21px;height:21px}
.loop-step h4{font-size:.98rem}
.loop-step p{font-size:.82rem;color:var(--ink-dim)}
.loop-arrow{display:flex;align-items:center;color:var(--cool-bright)}
.loop-arrow svg{width:22px;height:22px}

/* 成功案例 ─ 案例數 */
.case-count{font-family:"Noto Sans TC",serif;font-weight:900;color:var(--warm);font-size:1.3rem}

/* 報價 ─ 注意框 */
.note-box{border:1px solid var(--line);border-left:3px solid var(--warm);border-radius:12px;
  background:var(--bg-1);padding:1.1rem 1.3rem;color:var(--ink-dim);font-size:.92rem;max-width:820px}
.note-box b{color:var(--ink)}

/* 知識頁 ─ 定義卡 */
.def-grid{display:grid;gap:1.2rem}
@media(min-width:860px){.def-grid{grid-template-columns:repeat(3,1fr)}}
.def-card{padding:1.7rem 1.5rem;height:100%}
.def-card .letter{font-family:"Noto Sans TC",serif;font-weight:900;font-size:1.7rem;color:var(--warm);
  width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:var(--ok-warm);margin-bottom:.9rem}
.def-card h3{font-size:1.15rem}
.def-card p{color:var(--ink-dim);font-size:.93rem;margin-top:.4rem}
.def-card .pillar ul{margin-top:.9rem}

/* 詳細頁 hero 較矮 */
.page-hero{padding:clamp(2.6rem,6vw,4.2rem) 0 clamp(2rem,4vw,3rem)}
.page-hero h1{max-width:20ch}

/* 空白確認區 */
.empty-hint{text-align:center;padding:2.5rem 1rem;color:var(--ink-faint);font-size:.92rem}

/* =========================================================
   內頁標題 ─ 咖啡底白字（易讀性統一）
   ========================================================= */
.page-hero h1,
.section-head h2{
  background:linear-gradient(120deg,var(--coffee) 0%,var(--coffee-2) 100%);
  color:#fff;
  display:inline-block;
  padding:.4em 1em;
  border-radius:.8em;
  box-shadow:0 8px 22px rgba(20,18,14,.22);
  line-height:1.3;
  max-width:none;
}
/* 標題內的漸層字統一改白字 */
.page-hero h1 .grad-text,
.section-head h2 .grad-text{
  background:none;
  -webkit-background-clip:border-box;
  background-clip:border-box;
  -webkit-text-fill-color:#fff;
  color:#fff;
}