:root { --home-ink:#1e293b; --home-muted:#718096; --home-blue:#4aa3eb; --home-blue-soft:#eaf6ff; --home-border:rgba(74,163,235,.12); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body.home-page { margin:0; min-width:320px; color:var(--home-ink); background:#f8fbfe; font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; }
.home-header { position:fixed; z-index:20; inset:0 0 auto; display:flex; align-items:center; justify-content:space-between; height:72px; padding:0 32px; background:rgba(255,255,255,.92); border-bottom:1px solid rgba(30,41,59,.04); backdrop-filter:blur(12px); }
.home-brand { display:flex; align-items:center; gap:10px; color:var(--home-ink); font-size:20px; font-weight:800; text-decoration:none; }
.home-brand img { width:32px; height:32px; object-fit:contain; }
.home-nav { display:flex; gap:28px; margin-left:auto; margin-right:28px; }
.home-nav a { color:#687486; font-size:14px; text-decoration:none; }
.home-nav a:hover { color:var(--home-blue); }
.home-actions { display:flex; gap:10px; }
.home-action { display:inline-flex; align-items:center; justify-content:center; min-width:74px; height:38px; padding:0 16px; border:1px solid #8bc6ef; border-radius:999px; color:var(--home-blue); background:#fff; font-size:13px; font-weight:700; text-decoration:none; }
.home-action.primary { border-color:var(--home-blue); color:#fff; background:var(--home-blue); box-shadow:0 5px 14px rgba(74,163,235,.2); }
.home-main { padding-top:72px; }
.home-hero { min-height:760px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:80px 24px 100px; text-align:center; background:#eef8ff; border-bottom:1px solid #edf5fb; }
.home-kicker { display:inline-flex; align-items:center; gap:6px; padding:8px 14px; border:1px solid var(--home-border); border-radius:999px; color:var(--home-blue); background:#fff; font-size:12px; font-weight:700; }
.home-hero h1 { margin:28px 0 12px; color:var(--home-ink); font-size:clamp(42px,5vw,64px); line-height:1.1; font-weight:850; letter-spacing:0; }
.home-hero p { margin:0; color:var(--home-muted); font-size:16px; }
.home-stats { display:flex; gap:16px; margin:38px 0 34px; }
.home-stat { display:flex; align-items:center; gap:12px; min-width:160px; padding:15px 20px; border:1px solid rgba(255,255,255,.9); border-radius:15px; background:#fff; box-shadow:0 5px 18px rgba(45,113,165,.06); text-align:left; }
.home-stat i { display:inline-flex; align-items:center; justify-content:center; width:42px; height:42px; border-radius:12px; color:var(--home-blue); background:var(--home-blue-soft); font-size:18px; }
.home-stat strong { display:block; font-size:20px; line-height:1.1; }
.home-stat span { display:block; margin-top:4px; color:#8a96a5; font-size:11px; }
.home-hero-actions { display:flex; gap:12px; }
.home-hero-actions a { display:inline-flex; align-items:center; gap:8px; min-height:48px; padding:0 22px; border-radius:999px; color:#fff; background:var(--home-blue); box-shadow:0 8px 18px rgba(74,163,235,.2); font-size:14px; font-weight:700; text-decoration:none; }
.home-hero-actions a:nth-child(2) { color:#3d4b5b; background:#fff; box-shadow:0 5px 16px rgba(45,113,165,.06); }
.home-hero-actions a:nth-child(3) { color:var(--home-blue); border:1px solid #8bc6ef; background:transparent; box-shadow:none; }
.home-services { max-width:1160px; margin:0 auto; padding:72px 24px 86px; text-align:center; }
.home-services h2 { margin:0 0 8px; font-size:28px; }
.home-services > p { margin:0 0 34px; color:var(--home-muted); font-size:14px; }
.home-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; text-align:left; }
.home-feature { min-height:150px; padding:24px; border:1px solid rgba(30,41,59,.06); border-radius:14px; background:#fff; box-shadow:0 3px 14px rgba(45,113,165,.035); }
.home-feature i { color:var(--home-blue); font-size:21px; }
.home-feature h3 { margin:16px 0 7px; font-size:16px; }
.home-feature p { margin:0; color:var(--home-muted); font-size:13px; line-height:1.7; }
.home-footer { padding:24px; border-top:1px solid #edf0f3; color:#9aa4b1; text-align:center; font-size:12px; }
@media (max-width:700px) {
  .home-header { height:60px; padding:0 15px; }
  .home-brand { font-size:17px; }
  .home-nav { display:none; }
  .home-actions { gap:6px; }
  .home-action { min-width:58px; height:32px; padding:0 11px; font-size:11px; }
  .home-main { padding-top:60px; }
  .home-hero { min-height:680px; padding:62px 18px 78px; }
  .home-hero h1 { font-size:42px; }
  .home-hero p { font-size:14px; }
  .home-stats { width:100%; gap:8px; }
  .home-stat { min-width:0; flex:1; flex-direction:column; gap:7px; padding:13px 6px; text-align:center; }
  .home-stat i { width:36px; height:36px; font-size:15px; }
  .home-stat strong { font-size:17px; }
  .home-stat span { font-size:10px; }
  .home-hero-actions { width:100%; flex-direction:column; }
  .home-hero-actions a { justify-content:center; width:100%; }
  .home-grid { grid-template-columns:1fr; }
  .home-services { padding:52px 16px 62px; }
}