/* ════════════════════════════════════════════════════════════════
 * pricing/pricing.css — 共享 pricing 页面样式
 *
 * 每个 app 的 pricing.html 通过 <link> 引入，并可通过 CSS 变量
 * （--brand / --brand-dark / --accent）覆盖品牌色。
 * 设计语言：editorial、克制、纸质感，匹配 FiduciaryLog 与
 * Homepage 的 Space Grotesk + Inter + JetBrains Mono 字体系统。
 * ════════════════════════════════════════════════════════════════ */

:root{
  --brand: #3A6B52;
  --brand-dark: #2A4F3C;
  --brand-soft: #E4EEE8;
  --accent: #B5530C;
  --ink: #1A1F1B;
  --ink-soft: #54564F;
  --ink-faint: #96968D;
  --paper: #FAFAF7;
  --paper-line: rgba(0,0,0,.07);
  --card: #FFFFFF;
  --radius: 8px;
  --radius-lg: 14px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased;font-size:15px}
.disp{font-family:"Space Grotesk","SF Pro Display",sans-serif;letter-spacing:-.01em}
.mono{font-family:"JetBrains Mono","SF Mono",Consolas,monospace}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}

/* ── NAV ── */
.nav{max-width:960px;margin:0 auto;padding:24px 32px 0;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:16px;color:var(--ink)}
.brand .mark{width:30px;height:30px;border-radius:7px;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-family:"JetBrains Mono",monospace;font-weight:600}
.nav-r{display:flex;align-items:center;gap:22px;font-size:13px}
.nav-link{color:var(--ink-soft)}
.nav-link:hover{color:var(--ink)}
.back-to-app{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius);background:var(--brand);color:#fff;font-size:13px;font-weight:500}
.back-to-app:hover{background:var(--brand-dark);text-decoration:none;color:#fff}

/* ── HERO ── */
.hero{max-width:960px;margin:0 auto;padding:56px 32px 32px}
.eyebrow{font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--accent);letter-spacing:.04em;margin-bottom:18px;text-transform:uppercase}
.hero h1{font-family:"Space Grotesk",sans-serif;font-size:36px;font-weight:600;letter-spacing:-.018em;line-height:1.2;margin-bottom:14px;color:var(--ink)}
.hero .sub{font-size:16px;color:var(--ink-soft);max-width:620px;line-height:1.65}
.hero .audience{display:inline-block;margin-top:14px;font-size:12px;color:var(--ink-faint);padding:4px 10px;background:var(--brand-soft);border-radius:99px}

/* ── LICENSE STATUS ── */
#license-status{max-width:960px;margin:0 auto;padding:0 32px 8px}
.ls-badge{display:inline-block;padding:5px 12px;border-radius:99px;font-size:12px;font-weight:600;margin-bottom:8px}
.ls-trial{background:#FAEEDA;color:#854F0B}
.ls-active{background:#EAF3DE;color:#3B6D11}
.ls-expired{background:#FCEBEB;color:#A32D2D}
.ls-new{background:var(--brand-soft);color:var(--brand-dark)}
.ls-invalid{background:#FCEBEB;color:#A32D2D}
.ls-text{font-size:13px;color:var(--ink-soft);line-height:1.6;max-width:680px}

/* ── PLANS ── */
.plans-wrap{max-width:960px;margin:0 auto;padding:36px 32px 8px}
.plans-head{text-align:center;margin-bottom:32px}
.plans-head h2{font-family:"Space Grotesk",sans-serif;font-size:22px;font-weight:600;color:var(--ink);margin-bottom:6px}
.plans-head p{font-size:13px;color:var(--ink-soft)}
#plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;align-items:stretch}
.plan{background:var(--card);border:1px solid var(--paper-line);border-radius:var(--radius-lg);padding:22px 22px 24px;display:flex;flex-direction:column;position:relative;transition:border-color .15s,transform .15s}
.plan:hover{border-color:rgba(0,0,0,.18);transform:translateY(-1px)}
.plan.popular{border:2px solid var(--brand);box-shadow:0 4px 16px rgba(58,107,82,.08)}
.ribbon{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--brand);color:#fff;font-size:11px;font-weight:600;padding:3px 12px;border-radius:99px;letter-spacing:.02em}
.plan-head h3{font-family:"Space Grotesk",sans-serif;font-size:18px;font-weight:600;color:var(--ink);margin-bottom:3px}
.plan-hint{font-size:12px;color:var(--ink-faint);margin-bottom:14px}
.plan-price{display:flex;align-items:baseline;gap:4px;margin-bottom:14px}
.plan-price .amt{font-family:"Space Grotesk",sans-serif;font-size:32px;font-weight:600;color:var(--ink);letter-spacing:-.015em}
.plan-price .per{font-size:13px;color:var(--ink-faint)}
.plan-features{list-style:none;margin:0 0 18px;padding:0;flex:1}
.plan-features li{font-size:13px;color:var(--ink-soft);padding:4px 0 4px 22px;position:relative;line-height:1.5}
.plan-features li .check{position:absolute;left:0;color:var(--brand);font-weight:600}
.buy-btn{width:100%;padding:11px 16px;border-radius:var(--radius);border:1px solid var(--brand);background:var(--brand);color:#fff;font-size:14px;font-weight:500;cursor:pointer;font-family:inherit;transition:background .15s}
.buy-btn:hover{background:var(--brand-dark)}
.buy-btn:disabled{opacity:.6;cursor:default}

/* ── PAYPAL FALLBACK ── */
#paypal-button-container{max-width:960px;margin:0 auto;padding:8px 32px 24px}
.pp-divider{display:flex;align-items:center;gap:14px;margin:18px 0 14px;color:var(--ink-faint);font-size:12px}
.pp-divider::before,.pp-divider::after{content:"";flex:1;height:1px;background:var(--paper-line)}
#pp-btn{max-width:280px;margin:0 auto}

/* ── FAQ ── */
.faq{max-width:960px;margin:0 auto;padding:36px 32px 64px}
.faq-head{margin-bottom:18px}
.faq-head h2{font-family:"Space Grotesk",sans-serif;font-size:18px;font-weight:600;color:var(--ink)}
.faq-list{display:flex;flex-direction:column;gap:8px;max-width:760px}
.faq-item{background:var(--card);border:1px solid var(--paper-line);border-radius:var(--radius);overflow:hidden}
.faq-q{font-size:14px;font-weight:500;padding:14px 18px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:var(--ink);list-style:none}
.faq-q::after{content:"+";font-family:"JetBrains Mono",monospace;font-size:16px;color:var(--ink-faint);transition:transform .2s}
.faq-item.open .faq-q::after{content:"−"}
.faq-a{font-size:13px;color:var(--ink-soft);line-height:1.65;padding:0 18px;16px;max-height:0;overflow:hidden;transition:max-height .2s,padding .2s}
.faq-item.open .faq-a{padding:0 18px 16px;max-height:400px}

/* ── FOOTER ── */
footer{max-width:960px;margin:0 auto;padding:24px 32px 48px;border-top:1px solid var(--paper-line);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--ink-faint)}
footer a{color:var(--ink-soft)}
footer a:hover{color:var(--ink)}

/* ── RESPONSIVE ── */
@media(max-width:640px){
  .nav,.hero,#license-status,.plans-wrap,#paypal-button-container,.faq,footer{padding-left:20px;padding-right:20px}
  .hero{padding-top:36px}
  .hero h1{font-size:28px}
  #plans{grid-template-columns:1fr}
  .nav-r .nav-link{display:none}
}