/* ===========================================================
   exSat Bank · Design System  (matches exsatbank.com)
   纯黑 · 极简 · 单色 + 香槟金点缀 · Inter/Satoshi · 白色药丸按钮
   See design.md for the spec.
   =========================================================== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
@import url('https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700,900&display=swap');

:root{
  --exs-bg:#000000;
  --exs-surface:#141414;
  --exs-surface2:rgba(255,255,255,.06);
  --exs-hover:rgba(255,255,255,.09);
  --exs-line:rgba(255,255,255,.10);
  --exs-text:#f5f5f5;
  --exs-muted:rgba(255,255,255,.56);
  --exs-faint:rgba(255,255,255,.40);
  --exs-gold:#c9a86a;
  --exs-gold2:#e3c892;
  --exs-green:#16c784; --exs-red:#ea3943;
  --exs-radius:18px;
  --exs-font-head:"Inter","Inter Display",-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;
  --exs-font:"Satoshi","Inter",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
}
*{box-sizing:border-box}
.exs-mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}
.exs-wrap{max-width:1200px;margin:0 auto;padding:0 24px}

/* ---------- Global Nav ---------- */
.exs-nav{position:sticky;top:0;z-index:100;background:rgba(0,0,0,.78);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--exs-line);font-family:var(--exs-font)}
.exs-nav-in{max-width:1200px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;gap:26px}
.exs-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:600;font-size:18px;color:#fff;white-space:nowrap;letter-spacing:-.01em;font-family:var(--exs-font-head)}
.exs-brand .mk{width:30px;height:30px;flex:0 0 auto}
.exs-brand .sub{color:var(--exs-gold);font-weight:600}
.exs-navlinks{display:flex;align-items:center;gap:2px;margin-left:6px}
.exs-navlinks a{color:var(--exs-muted);text-decoration:none;font-size:14px;font-weight:500;padding:8px 14px;border-radius:999px;transition:.15s;white-space:nowrap}
.exs-navlinks a:hover{color:#fff}
.exs-navlinks a.on{color:#fff;background:rgba(255,255,255,.08)}
.exs-nav-cta{margin-left:auto;display:flex;align-items:center;gap:10px}
.exs-burger{display:none;margin-left:auto;background:none;border:1px solid var(--exs-line);color:#fff;border-radius:999px;width:42px;height:38px;font-size:17px;cursor:pointer}
@media(max-width:860px){
  .exs-navlinks{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;align-items:stretch;
    background:#0a0a0a;border-bottom:1px solid var(--exs-line);padding:10px 16px;gap:2px}
  .exs-navlinks.open{display:flex}
  .exs-nav-cta{margin-left:0} .exs-burger{display:block}
  .exs-nav-in{gap:10px}
}

/* ---------- Buttons (white pill primary) ---------- */
.exs-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--exs-font);font-weight:600;font-size:14.5px;
  padding:12px 24px;border-radius:999px;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:.16s;white-space:nowrap}
.exs-btn-gold{background:#fff;color:#000}                  /* primary = white pill */
.exs-btn-gold:hover{background:#e6e6e6}
.exs-btn-dark{background:#fff;color:#000} .exs-btn-dark:hover{background:#e6e6e6}
.exs-btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.28)} .exs-btn-ghost:hover{border-color:var(--exs-gold);color:var(--exs-gold)}
.exs-btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.28)} .exs-btn-outline:hover{border-color:var(--exs-gold);color:var(--exs-gold)}
.exs-btn-lg{padding:14px 30px;font-size:15px}

/* ---------- Page scaffold ---------- */
body.exs-page{margin:0;background:var(--exs-bg);color:var(--exs-text);font-family:var(--exs-font);-webkit-font-smoothing:antialiased;line-height:1.6}
.exs-section{padding:88px 0}
.exs-eyebrow{display:inline-block;color:var(--exs-gold);font-weight:600;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px}
.exs-h1{font-family:var(--exs-font-head);font-size:54px;line-height:1.08;font-weight:600;letter-spacing:-.03em;color:#fff;margin:0}
.exs-h2{font-family:var(--exs-font-head);font-size:38px;line-height:1.14;font-weight:600;letter-spacing:-.03em;color:#fff;text-align:center;margin:0}
.exs-lead{font-size:18px;color:var(--exs-muted);max-width:600px}
.exs-sub{text-align:center;color:var(--exs-muted);max-width:680px;margin:16px auto 0;font-size:16.5px}
@media(max-width:860px){ .exs-h1{font-size:36px} .exs-h2{font-size:28px} .exs-section{padding:56px 0} }

/* hero */
.exs-hero{background:radial-gradient(900px 460px at 78% -8%,rgba(201,168,106,.12),transparent 60%),var(--exs-bg);color:#fff;padding:92px 0 96px}
.exs-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
@media(max-width:900px){ .exs-hero-grid{grid-template-columns:1fr} }
.exs-pill{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.05);border:1px solid var(--exs-line);
  color:var(--exs-text);font-size:13px;font-weight:500;padding:7px 15px;border-radius:999px}
.exs-pill .d{width:7px;height:7px;border-radius:50%;background:var(--exs-green)}
.exs-hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.exs-trust{display:flex;gap:24px;flex-wrap:wrap;margin-top:32px;color:var(--exs-muted);font-size:13.5px}
.exs-trust span{display:flex;align-items:center;gap:7px} .exs-trust .ck{color:var(--exs-gold);font-weight:700}

/* stat band */
.exs-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.exs-stats .k{font-size:13px;color:var(--exs-muted);margin-top:8px}
.exs-stats .v{font-family:var(--exs-font-head);font-size:34px;font-weight:600;color:#fff;letter-spacing:-.02em}
@media(max-width:760px){ .exs-stats{grid-template-columns:repeat(2,1fr);gap:30px 16px} }

/* cards / product grid */
.exs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.exs-grid.two{grid-template-columns:repeat(2,1fr)}
@media(max-width:860px){ .exs-grid,.exs-grid.two{grid-template-columns:1fr} }
.exs-card{background:var(--exs-surface);border:1px solid var(--exs-line);border-radius:var(--exs-radius);padding:28px;text-decoration:none;color:inherit;display:block;transition:.18s}
a.exs-card:hover{border-color:rgba(201,168,106,.5);background:#181818;transform:translateY(-2px)}
.exs-card .ico{width:50px;height:50px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid var(--exs-line);
  display:grid;place-items:center;font-size:23px;margin-bottom:20px;color:var(--exs-gold)}
.exs-card h3{font-family:var(--exs-font-head);font-size:20px;font-weight:600;color:#fff;margin:0 0 10px;letter-spacing:-.01em}
.exs-card p{color:var(--exs-muted);font-size:15px;margin:0;line-height:1.65}
.exs-card .more{color:var(--exs-gold);font-weight:600;font-size:14px;margin-top:16px;display:inline-block}

/* feature split */
.exs-split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
@media(max-width:900px){ .exs-split{grid-template-columns:1fr;gap:30px} }
.exs-shot{border:1px solid var(--exs-line);border-radius:20px;overflow:hidden;background:var(--exs-surface)}

/* note / disclosure callout */
.exs-note{background:rgba(201,168,106,.08);border:1px solid rgba(201,168,106,.3);color:var(--exs-gold2);border-radius:14px;padding:16px 18px;font-size:13.5px}
.exs-note a{color:#fff}

/* ---------- Doc / legal (dark) ---------- */
.exs-doc{background:#0c0c0c;max-width:840px;margin:48px auto;padding:48px 54px;border:1px solid var(--exs-line);border-radius:20px}
.exs-doc h1{font-family:var(--exs-font-head);font-size:32px;font-weight:600;color:#fff;margin:0 0 6px;letter-spacing:-.02em}
.exs-doc .meta{color:var(--exs-muted);font-size:13.5px;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--exs-line)}
.exs-doc h2{font-family:var(--exs-font-head);font-size:19px;font-weight:600;color:#fff;margin:30px 0 10px}
.exs-doc p,.exs-doc li{color:rgba(255,255,255,.72);font-size:15px;line-height:1.78}
.exs-doc ul{padding-left:22px;margin:8px 0}
.exs-doc strong{color:#fff}
@media(max-width:700px){ .exs-doc{padding:30px 22px;margin:18px} }

/* ---------- Footer ---------- */
.exs-footer{background:#000;color:var(--exs-muted);font-family:var(--exs-font);padding:60px 0 32px;border-top:1px solid var(--exs-line)}
.exs-foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px}
@media(max-width:760px){ .exs-foot-grid{grid-template-columns:1fr 1fr} }
.exs-footer .col h4{color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.07em;margin:0 0 14px;font-weight:600}
.exs-footer .col a{display:block;color:var(--exs-muted);text-decoration:none;font-size:14px;padding:5px 0}
.exs-footer .col a:hover{color:#fff}
.exs-footer .blurb{color:var(--exs-muted);font-size:14px;max-width:300px;margin-top:14px;line-height:1.7}
.exs-foot-bottom{margin-top:42px;padding-top:24px;border-top:1px solid var(--exs-line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--exs-faint)}
.exs-disclaimer{color:var(--exs-faint);font-size:12px;line-height:1.7;margin-top:20px;max-width:980px}
.exs-disclaimer strong{color:var(--exs-muted)}