/* =========================================================
   共用 CTA 區塊 · 2026-08-27
   給原本還在用舊式 .footer-cta-card 的頁面：news/ 17 篇文章
   ＋ customer／designer／flow／method／nameplate／news／portfolio／what-to-check 共 25 頁。

   ★ 只掛在這 25 頁。其餘 35 頁已在自己的 inline <style> 定義過 .cta-section，
     若改成全站載入，會多出一份同名規則，日後改樣式要改兩個地方才會生效。
   ★ 本檔自帶 padding 與斷點：news/ 的文章沒有通用的 section{padding:88px 48px}
     規則（它們用 .article-wrap），只靠繼承會整段貼齊視窗邊緣。
   ========================================================= */

.cta-section{background:var(--dark);text-align:center;padding:88px 48px;}
.cta-en{font-family:'Playfair Display',serif;font-style:italic;
  font-size:clamp(40px,6vw,60px);font-weight:700;color:rgba(255,255,255,.08);
  line-height:1;margin-bottom:-18px;}
.cta-title{font-family:'Noto Serif TC',serif;font-size:clamp(22px,3vw,30px);
  font-weight:600;color:#fff;margin-bottom:14px;}
.cta-desc{font-size:14px;color:rgba(255,255,255,.55);margin-bottom:32px;
  max-width:620px;margin-left:auto;margin-right:auto;line-height:1.9;}
.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

.btn-main{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:var(--copper-btn);color:#fff;padding:13px 30px;border-radius:50px;
  font-size:14px;font-weight:500;text-decoration:none;transition:background .2s;}
.btn-main:hover{background:var(--copper-btn-hover);color:#fff;}

.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:transparent;color:#fff;border:1px solid rgba(255,255,255,.25);
  padding:13px 30px;border-radius:50px;font-size:14px;font-weight:500;
  text-decoration:none;transition:border-color .2s,background .2s;}
.btn-ghost:hover{border-color:var(--copper);background:rgba(200,146,74,.1);color:#fff;}

/* 表單塞進深色 CTA 區塊時要左對齊，置中的輸入框標籤很難讀 */
.cta-section [data-lead-form]{text-align:left;margin-top:36px;}

@media(max-width:900px){
  .cta-section{padding:64px 24px;}
}
@media(max-width:520px){
  .cta-section{padding:56px 20px;}
  /* 窄螢幕讓三顆鈕各佔一列，避免擠成兩長一短 */
  .cta-btns{flex-direction:column;align-items:stretch;}
  .cta-btns > a{width:100%;}
}