/* logo + multi-page styles (loaded after style.css) */
.brand img.logo-img{height:32px;width:32px;object-fit:contain;flex:none;display:block}
.footer .brand{color:#fff}
.footer .logo-chip{display:inline-flex;align-items:center;background:#fff;border-radius:8px;padding:5px;height:42px}
.footer .logo-chip img{height:30px;width:30px;object-fit:contain;display:block}
.nav-links a.active{color:var(--brand-700);background:var(--brand-50);font-weight:600}

/* sub page hero */
.sub-hero{padding:60px 0 44px;background:radial-gradient(900px 460px at 88% -30%,var(--brand-50),transparent 60%),linear-gradient(180deg,var(--bg-softer),#fff)}
.sub-hero .eyebrow{margin-bottom:12px}
.sub-hero h1{font-size:42px;font-weight:800;line-height:1.14;letter-spacing:0;max-width:780px}
.sub-hero p.lead{font-size:18px;color:var(--body);max-width:680px;margin-top:16px;line-height:1.7}
.crumbs{font-size:13px;color:var(--muted);margin-bottom:20px}
.crumbs a{color:var(--muted)}
.crumbs a:hover{color:var(--brand-600)}

/* page sections */
.page-section{padding:64px 0}
.page-section.soft{background:var(--bg-soft)}
.page-head{max-width:680px;margin:0 auto 40px;text-align:center}
.page-head .eyebrow{margin-bottom:12px}
.page-head h2{font-size:34px;font-weight:800;letter-spacing:0}
.page-head p{margin-top:14px;font-size:16px;color:var(--body)}

.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.lead-list{margin-top:22px;display:grid;gap:16px}
.lead-list li{display:flex;gap:13px;align-items:flex-start}
.lead-list .ck{flex:none;width:26px;height:26px;border-radius:8px;background:var(--brand-50);color:var(--brand-600);display:flex;align-items:center;justify-content:center;margin-top:2px}
.lead-list .ck svg{width:16px;height:16px}
.lead-list .tx b{display:block;color:var(--ink);font-size:16px;font-weight:700;margin-bottom:3px}
.lead-list .tx span{font-size:14px;color:var(--body);line-height:1.6}

.pills{display:flex;flex-wrap:wrap;gap:12px}
.pill{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:14px;font-weight:600;color:var(--ink-2);box-shadow:var(--shadow-sm)}
.pill .pd{width:7px;height:7px;border-radius:50%;background:var(--wechat)}

.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.step-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:24px}
.step-card .num{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-weight:700;margin-bottom:14px}
.step-card h3{font-size:16px;margin-bottom:6px}
.step-card p{font-size:13px;color:var(--body);line-height:1.6}

.value-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.value-card{text-align:center;padding:28px 20px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg)}
.value-card .ic{width:46px;height:46px;border-radius:12px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center}
.value-card .ic svg{width:24px;height:24px;color:#fff}
.value-card h3{font-size:16px;margin-bottom:6px}
.value-card p{font-size:13px;color:var(--body);line-height:1.6}

@media(max-width:768px){
  .split{grid-template-columns:1fr;gap:32px}
  .steps-grid{grid-template-columns:1fr 1fr}
  .value-row{grid-template-columns:1fr}
  .sub-hero h1{font-size:30px}
  .page-head h2{font-size:26px}
  .page-section{padding:48px 0}
}
@media(max-width:480px){.steps-grid{grid-template-columns:1fr}}