/* ──────────────────────────────────────────────────────────────
   益盛雲端軟體 — 次級頁面內容樣式（/pricing/、/privacy/）
   頁首／主選單／頁腳見 chrome.css
   ────────────────────────────────────────────────────────────── */
:root{
  --navy:#1e2a38; --navy-2:#2a3a4d; --navy-soft:#41536b;
  --gold:#b8863a; --gold-dark:#8a6a2f; --gold-soft:#f1e4cd;
  --blue:#3b6ea5; --blue-dark:#2d567f; --blue-soft:#dce8f4;
  --bg:#ffffff; --bg-warm:#f5f4f1; --surface:#ffffff; --border:#e6e3db;
  --text:#232620; --body:#4b5563; --muted:#6b6a5f;
  --sans:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;
  --serif:"Noto Serif TC","Microsoft JhengHei",serif;
  --shadow:0 1px 3px rgba(30,26,14,.06);
  --shadow-lg:0 14px 40px rgba(30,42,56,.12);
  --max:1160px;
}
*{box-sizing:border-box}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.85;-webkit-font-smoothing:antialiased}
a{color:var(--gold-dark);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%}
.wrap{max-width:var(--max);margin:0 auto;padding:0 26px}

.ic{width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.14em}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:15px;font-weight:500;padding:12px 24px;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:.18s;white-space:nowrap}
.btn:hover{text-decoration:none;transform:translateY(-1px)}
.btn .ic{font-size:17px;transition:transform .18s}
.btn:hover .ic{transform:translateX(3px)}
.btn-solid{background:var(--navy);color:#fff}
.btn-solid:hover{background:var(--navy-2);color:#fff}
.btn-gold{background:var(--gold);color:#fff}
.btn-gold:hover{background:var(--gold-dark);color:#fff}
.btn-blue{background:var(--blue);color:#fff}
.btn-blue:hover{background:var(--blue-dark);color:#fff}
.btn-line{background:#fff;color:var(--navy);border-color:#cfd6de}
.btn-line:hover{border-color:var(--navy);background:#fbfbfa}
.btn-lg{font-size:16px;padding:15px 32px}

.phero{background:var(--bg-warm);border-bottom:1px solid var(--border)}
.phero .wrap{padding:66px 26px 58px;max-width:860px;margin:0 auto}
.rule{width:52px;height:3px;background:var(--gold);margin-bottom:24px}
.phero h1{font-family:var(--serif);font-size:clamp(28px,3.6vw,40px);line-height:1.34;margin:0 0 18px;color:var(--navy);font-weight:700}
.phero .lead{font-size:17px;color:var(--body);margin:0;line-height:1.95}
.crumb{font-size:13.5px;color:var(--muted);margin:0 0 18px}
.crumb a{color:var(--muted)}

.sec{padding:84px 0}
.sec-warm{background:var(--bg-warm)}
.head{max-width:680px;margin-bottom:44px}
.head.mid{margin-left:auto;margin-right:auto;text-align:center}
.kicker{font-size:13px;letter-spacing:.2em;color:var(--gold-dark);font-weight:500;margin:0 0 14px}
h2{font-family:var(--serif);font-size:clamp(24px,3.1vw,32px);line-height:1.45;margin:0 0 16px;color:var(--navy);font-weight:700}
.head p{margin:0;color:var(--body);font-size:16.5px}

.phero.thanks-hero .wrap{padding:36px 26px 8px}
.thanks-sec{padding:28px 0 96px}
.thanks-card{
  max-width:680px;margin:0 auto;
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:16px;
  padding:48px 44px 40px;
  box-shadow:var(--shadow)
}
.thanks-stamp{
  display:inline-block;margin:0 0 18px;
  font-size:12px;letter-spacing:.16em;font-weight:500;
  color:var(--gold-dark);border:1px solid var(--gold);
  padding:5px 12px
}
.thanks-card.crm .thanks-stamp{color:var(--blue-dark);border-color:var(--blue)}
.thanks-card h1{
  font-family:var(--serif);font-size:clamp(28px,3.4vw,38px);
  line-height:1.32;margin:0 0 14px;color:var(--navy);font-weight:700
}
.thanks-lead{margin:0 0 28px;color:var(--body);font-size:17px;line-height:1.9}
.thanks-next{list-style:none;margin:0 0 32px;padding:0}
.thanks-next li{
  display:grid;grid-template-columns:2.1em 1fr;gap:12px;align-items:start;
  margin:0 0 14px;color:var(--body);font-size:15.5px
}
.thanks-next li:last-child{margin-bottom:0}
.thanks-next b{
  font-family:var(--serif);color:var(--gold-dark);font-size:18px;line-height:1.45;font-weight:700
}
.thanks-card.crm .thanks-next b{color:var(--blue-dark)}
.thanks-actions{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 30px}
.thanks-contact{
  border-top:1px solid var(--border);padding-top:22px;
  font-size:14.5px;color:var(--muted);line-height:1.8
}
.thanks-contact a{color:var(--gold-dark)}
@media (max-width:640px){
  .thanks-card{padding:32px 22px 28px}
}

@media (max-width:900px){
  .sec{padding:60px 0}
  .phero .wrap{padding:52px 26px 46px}
  .phero.thanks-hero .wrap{padding:28px 26px 4px}
}
