
  @font-face { font-family:'Space Grotesk'; src:url('fonts/space-grotesk-400.woff2') format('woff2'); font-weight:400; font-display:swap; }
  @font-face { font-family:'Space Grotesk'; src:url('fonts/space-grotesk-600.woff2') format('woff2'); font-weight:600; font-display:swap; }
  @font-face { font-family:'Space Grotesk'; src:url('fonts/space-grotesk-700.woff2') format('woff2'); font-weight:700; font-display:swap; }
  @font-face { font-family:'IBM Plex Sans'; src:url('fonts/ibm-plex-sans-400.woff2') format('woff2'); font-weight:400; font-display:swap; }
  @font-face { font-family:'IBM Plex Sans'; src:url('fonts/ibm-plex-sans-500.woff2') format('woff2'); font-weight:500; font-display:swap; }
  @font-face { font-family:'IBM Plex Sans'; src:url('fonts/ibm-plex-sans-600.woff2') format('woff2'); font-weight:600; font-display:swap; }
  @font-face { font-family:'IBM Plex Mono'; src:url('fonts/ibm-plex-mono-400.woff2') format('woff2'); font-weight:400; font-display:swap; }
  @font-face { font-family:'IBM Plex Mono'; src:url('fonts/ibm-plex-mono-500.woff2') format('woff2'); font-weight:500; font-display:swap; }
  @font-face { font-family:'IBM Plex Mono'; src:url('fonts/ibm-plex-mono-600.woff2') format('woff2'); font-weight:600; font-display:swap; }

  :root {
    --green:#0ADB6D; --green-deep:#08804A; --ink:#0C1512; --ink2:#1B2420;
    --surface:#F3F5F2; --card:#FFFFFF; --line:#DCE3DF; --muted:#4B5852;
    --mono:'IBM Plex Mono', monospace; --sans:'IBM Plex Sans', sans-serif; --disp:'Space Grotesk', sans-serif;
  }
  * { box-sizing:border-box; margin:0; padding:0; }
  body { font-family:var(--sans); color:var(--ink2); background:var(--surface); line-height:1.55; font-size:16px; -webkit-font-smoothing:antialiased; }
  a { color:var(--green-deep); text-decoration:none; }
  a:hover { color:#065F37; }
  .wrap { max-width:1200px; margin:0 auto; padding:0 24px; }
  .eyebrow { font-family:var(--mono); font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--green-deep); }
  h2 { font-family:var(--disp); font-weight:700; font-size:clamp(1.6rem,2.5vw,2.25rem); line-height:1.15; letter-spacing:-.02em; color:var(--ink); margin:8px 0 24px; }
  h3 { font-family:var(--disp); font-weight:600; color:var(--ink); }

  /* NAV */
  header.site { background:var(--ink); border-bottom:1px solid #22332A; position:sticky; top:0; z-index:100; }
  header.site .hd { max-width:1200px; margin:0 auto; padding:14px 24px; display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
  .wordmark { display:flex; align-items:center; font-family:var(--disp); font-weight:700; font-size:28px; color:#fff; letter-spacing:-.02em; }
  .wordmark .dot { color:var(--green); }
  .navtoggle { display:none; margin-left:auto; background:none; border:1px solid #3A4E44; border-radius:6px; color:#fff; font-size:1.3rem; padding:4px 10px; cursor:pointer; }
  .hd-check { display:none; }
  .hd-check.cta-green { background:var(--green); color:var(--ink); border-radius:8px; padding:9px 14px; font-weight:600; font-size:14px; white-space:nowrap; }
  nav.main { display:flex; gap:16px; flex-wrap:wrap; align-items:center; font-size:14px; margin-left:auto; }
  nav.main a { color:#D5E0DA; }
  nav.main a:hover { color:#fff; }
  nav.main .cta-ghost { border:1px solid #3A4E44; border-radius:8px; padding:10px 16px; color:#fff; }
  nav.main .cta-green { background:var(--green); color:var(--ink); border-radius:8px; padding:10px 16px; font-weight:600; }
  nav.main details.dd { position:relative; }
  nav.main details.dd summary { cursor:pointer; color:#D5E0DA; list-style:none; display:flex; align-items:center; gap:4px; }
  nav.main details.dd summary::-webkit-details-marker { display:none; }
  nav.main details.dd summary:hover { color:#fff; }
  nav.main details.dd .caret { font-size:10px; }
  nav.main details.dd .dd-menu { position:absolute; top:32px; left:0; background:#13201A; border:1px solid #2A3D33; border-radius:10px; padding:8px; min-width:240px; z-index:200; display:flex; flex-direction:column; }
  nav.main details.dd .dd-menu a { padding:8px 12px; border-radius:6px; white-space:nowrap; }
  nav.main details.dd .dd-menu a:hover { background:#1B2420; }
  @media (max-width: 860px) {
    .navtoggle { display:inline-block; }
    .hd-check { display:inline-block; }
    .nav-check { display:none; }
    nav.main { display:none; width:100%; flex-direction:column; align-items:stretch; gap:0; margin-left:0; }
    nav.main.open { display:flex; }
    nav.main a { padding:12px 4px; border-bottom:1px solid #22332A; }
    nav.main details.dd { position:static; }
    nav.main details.dd summary { padding:12px 4px; border-bottom:1px solid #22332A; justify-content:space-between; }
    nav.main details.dd .dd-menu { position:static; border:none; padding:0 0 0 12px; min-width:0; }
    nav.main .cta-ghost { margin-top:12px; }
  }

  /* HERO */
  .hero { background:var(--ink); color:#fff; position:relative; overflow:hidden; background-image:linear-gradient(rgba(10,219,109,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(10,219,109,.06) 1px,transparent 1px); background-size:40px 40px; }
  .hero-inner { position:relative; z-index:1; max-width:1200px; margin:0 auto; padding:72px 24px 80px; display:flex; gap:48px; align-items:center; flex-wrap:wrap; }
  .hero-copy { flex:1 1 520px; min-width:0; }
  .hero-copy .badge { font-family:var(--mono); font-size:12px; letter-spacing:.08em; color:var(--green); margin-bottom:16px; text-transform:uppercase; }
  .hero-copy h1 { font-family:var(--disp); font-weight:700; font-size:clamp(2rem,4vw,3.5rem); line-height:1.06; letter-spacing:-.02em; margin-bottom:20px; }
  .hero-copy .lede { font-size:1.15rem; color:#C3D0C9; max-width:560px; margin-bottom:24px; }
  .hero-cta { display:flex; gap:12px; flex-wrap:wrap; }
  .btn-green { background:var(--green); color:var(--ink); border-radius:10px; padding:15px 22px; font-weight:600; font-size:16px; white-space:nowrap; }
  .btn-ghost { color:#fff; border:1px solid #3A4E44; border-radius:10px; padding:15px 22px; font-size:16px; }
  .hero-fine { margin-top:16px; font-size:13px; color:#8FA197; }
  .hero-fine a { color:var(--green); }
  /* asset card */
  .asset-card { flex:1 1 380px; min-width:0; background:#13201A; border:1px solid #2A3D33; border-radius:16px; padding:22px; }
  .asset-card .ac-head { display:flex; justify-content:space-between; align-items:center; font-family:var(--mono); font-size:12px; color:#A9B8B0; margin-bottom:6px; }
  .preview-tag { background:#2A3D33; color:#A9B8B0; border-radius:999px; padding:3px 10px; font-size:11px; }
  .ac-row { display:flex; justify-content:space-between; align-items:baseline; gap:16px; border-top:1px solid #22332A; padding:14px 2px; font-size:14px; }
  .ac-row .k { color:#A9B8B0; flex:0 0 auto; }
  .ac-row .v { font-family:var(--mono); color:#fff; text-align:right; }
  .ac-row .v.green { color:var(--green); }

  /* TRUST STRIP */
  .trust { background:#13201A; border-top:1px solid #22332A; border-bottom:1px solid #22332A; }
  .trust .wrap { display:flex; gap:28px; flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; justify-content:flex-start; padding:16px 24px; font-family:var(--mono); font-size:12px; letter-spacing:.06em; color:#C3D0C9; }
  .trust .wrap::-webkit-scrollbar { display:none; }
  .trust .wrap span { flex:0 0 auto; white-space:nowrap; }
  @media (min-width: 861px) { .trust .wrap { flex-wrap:wrap; overflow-x:visible; justify-content:space-between; } }

  /* TWO PATHS */
  .paths { padding:72px 24px 24px; }
  .paths-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:20px; margin-top:24px; }
  .path-card { background:var(--card); border:1px solid var(--line); border-radius:16px; padding:28px; display:flex; flex-direction:column; gap:12px; }
  .path-card .tag { font-family:var(--mono); font-size:12px; color:var(--muted); }
  .path-card h3 { font-size:1.5rem; }
  .path-card p { color:var(--muted); }
  .path-card a { font-weight:600; }

  /* LIFECYCLE */
  .lifecycle { padding:48px 24px 72px; }
  .life-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:14px; margin-top:24px; }
  .life-card { background:var(--card); border:1px solid var(--line); border-radius:14px; padding:20px; display:flex; flex-direction:column; gap:10px; }
  .life-card.first { background:#E7EEE9; }
  .life-card .step { font-family:var(--mono); font-size:12px; color:var(--green-deep); }
  .life-card h4 { font-family:var(--disp); font-weight:600; font-size:1.1rem; }
  .life-card p { font-size:14px; color:var(--muted); }
  .life-card a { font-size:14px; font-weight:600; }

  /* LENDERS DATA FLOW */
  .lenders { background:var(--ink); color:#fff; padding:80px 24px; }
  .lenders .eyebrow { color:var(--green); }
  .lenders h2 { color:#fff; }
  .flow { display:flex; gap:10px; flex-wrap:wrap; align-items:stretch; margin:24px 0 32px; }
  .flow-step { flex:1 1 170px; background:#13201A; border:1px solid #2A3D33; border-radius:12px; padding:16px; }
  .flow-step .n { font-family:var(--mono); font-size:11px; color:#8FA197; }
  .flow-step b { display:block; margin-top:4px; }
  .flow-arrow { align-self:center; color:var(--green); font-size:20px; flex:0 0 auto; }
  .flow-step.final { background:var(--green); color:var(--ink); }
  .flow-step.final .n { color:var(--ink); }
  .lend-col { display:flex; gap:24px; flex-wrap:wrap; }
  .lend-points { flex:1 1 460px; min-width:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; }
  .lend-point { background:#13201A; border:1px solid #2A3D33; border-radius:14px; padding:20px; }
  .lend-point b { display:block; }
  .lend-point p { color:#A9B8B0; font-size:14px; margin-top:6px; }
  .report-card { flex:1 1 340px; min-width:0; background:var(--surface); color:var(--ink2); border-radius:14px; padding:20px; }
  .report-card .rh { display:flex; justify-content:space-between; font-family:var(--mono); font-size:11px; color:var(--muted); margin-bottom:10px; }
  .report-card .rt { font-family:var(--disp); font-weight:600; font-size:1.1rem; }
  .report-row { display:flex; justify-content:space-between; border-top:1px solid var(--line); padding-top:8px; font-size:14px; margin-top:8px; }
  .report-row .v { font-family:var(--mono); }
  .report-card a { margin-top:10px; font-weight:600; display:inline-block; }

  /* RISKS + LTSA */
  .risks { padding:72px 24px 24px; }
  .cards3 { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:20px; margin-top:20px; }
  .risk-card { background:var(--card); border:1px solid var(--line); border-radius:16px; padding:24px; }
  .risk-card h4 { font-family:var(--disp); font-weight:600; font-size:1.25rem; }
  .risk-card .concern { font-size:14px; color:var(--muted); margin:8px 0; }
  .risk-card .answer { font-size:15px; border-top:1px solid var(--line); padding-top:10px; }
  .ltsa { padding:24px 24px 72px; }
  .ltsa .cards3 .risk-card { background:#13201A; color:#fff; border:1px solid #2A3D33; }
  .ltsa .cards3 .risk-card h4 { color:#fff; }
  .ltsa .cards3 .risk-card .concern, .ltsa .cards3 .risk-card .answer { color:#C3D0C9; border-color:#2A3D33; }

  /* NETWORK */
  .network { background:#fff; border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:72px 24px; }
  .net-grid { display:flex; gap:40px; flex-wrap:wrap; align-items:center; }
  .net-copy { flex:1 1 360px; min-width:0; }
  .net-hub { display:flex; gap:12px; border-top:1px solid var(--line); padding-top:14px; margin-top:14px; }
  .net-dot { width:12px; height:12px; border-radius:50%; background:var(--green); margin-top:6px; flex:0 0 auto; }
  .net-dot.outline { background:transparent; border:2px solid #4B5852; }
  .net-hub b { display:block; }
  .net-hub span { font-size:14px; color:var(--muted); }
  .net-map-desk { flex:1 1 480px; min-width:0; }
  .net-map-desk svg, .net-map-desk img { display:block; width:100%; height:auto; border-radius:18px; }
  .net-map-mob { display:none; flex:1 1 100%; }
  .net-map-mob svg, .net-map-mob img { display:block; width:100%; height:auto; border-radius:14px; }
  .map-legend { list-style:none; margin:16px 0 0; padding:0; display:flex; flex-direction:column; gap:8px; font-family:var(--mono); font-size:12px; color:var(--muted); }
  .map-legend li { display:flex; align-items:center; gap:10px; }
  .lg-dot { width:12px; height:12px; border-radius:50%; flex:0 0 auto; }
  .lg-hub { background:var(--green); }
  .lg-country { border:2px solid var(--green); background:transparent; }
  .lg-core { background:rgba(10,219,109,.3); }
  .lg-rest { border:2px dashed #4B5852; background:transparent; }
  .map-note { margin-top:12px; font-family:var(--mono); font-size:11px; color:var(--muted); }
  @media (max-width: 768px) {
    .net-map-desk { display:none; }
    .net-map-mob { display:block; }
  }

  /* HOW WE CHARGE */
  .charge { padding:64px 24px; }
  .charge-pills { display:flex; gap:10px; flex-wrap:wrap; margin-top:16px; }
  .charge-pill { background:var(--card); border:1px solid var(--line); border-radius:999px; padding:10px 16px; font-size:14px; }

  /* CTA */
  .cta-band { background:var(--green); color:var(--ink); padding:64px 24px; }
  .cta-inner { display:flex; gap:32px; flex-wrap:wrap; align-items:center; justify-content:space-between; }
  .cta-inner h2 { color:var(--ink); margin:0; }
  .cta-inner p { max-width:620px; margin-top:10px; }
  .cta-btns { display:flex; gap:12px; flex-wrap:wrap; }
  .btn-dark { background:var(--ink); color:#fff; border-radius:10px; padding:15px 22px; font-weight:600; font-size:16px; }
  .btn-outline { color:var(--ink); border:2px solid var(--ink); border-radius:10px; padding:15px 22px; font-weight:600; font-size:16px; }

  /* FOOTER */
  footer { background:var(--ink); color:#A9B8B0; font-size:13px; padding:56px 24px 32px; }
  .foot-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:28px; }
  .foot-col { display:flex; flex-direction:column; gap:8px; }
  .foot-col b { color:#fff; font-weight:600; }
  .foot-brand { font-family:var(--disp); font-weight:700; font-size:20px; color:#fff; align-self:flex-start; }
  .foot-bottom { max-width:1200px; margin:0 auto; padding:0 24px 24px; color:#8FA197; }
  .foot-legal { max-width:1200px; margin:0 auto; padding:0 24px 16px; font-family:var(--mono); font-size:12px; color:#A9B8B0; }
  .foot-legal a { color:#A9B8B0; } .foot-legal a:hover { color:#fff; }
  /* A5：覆盖旧 style.css 的 footer.site a{display:block}，法律链接一行横排 */
  footer.site .foot-legal a, footer.site .foot-col a { display:inline; margin-bottom:0; }

  /* ABOUT (homepage section, added 2026-10-05) */
  .about { background:var(--ink); color:#D5E0DA; padding:64px 24px; }
  .about h2 { color:#fff; max-width:820px; }
  .about > .wrap > p { max-width:820px; margin-top:16px; color:#C3D0C9; }
  .about .eyebrow { color:var(--green); }
  .about-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:20px; margin-top:28px; }
  .about-col { background:#13201A; border:1px solid #2A3D33; border-radius:16px; padding:20px; }
  .about-col b { display:block; color:#fff; font-weight:600; margin-bottom:8px; }
  .about-col p { font-size:14px; color:#C3D0C9; }

  /* risks-more (read more link under three risks) */
  .risks-more { margin-top:20px; }
  .risks-more a { font-weight:600; }
