:root{
  --blue:#0abab5;
  --blue-deep:#07807c;
  --blue-soft:#e8f8f7;
  --ink:#0f1f26;
  --muted:#5a6f78;
  --line:#e3edef;
  --soft:#f7fbfb;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:"Segoe UI","Helvetica Neue",Arial,"Microsoft YaHei","微软雅黑","PingFang SC",sans-serif;
  color:var(--ink);
  background:#ffffff;
  line-height:1.75;
  font-size:16px;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;}
a{color:var(--blue-deep);}
.container{width:100%;max-width:1160px;margin:0 auto;padding:0 22px;}

/* header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:72px;flex-wrap:wrap;}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-weight:700;letter-spacing:.16em;font-size:14px;}
.brand-mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#0abab5,#4ad7d2);color:#fff;display:grid;place-items:center;font-size:14px;letter-spacing:0;box-shadow:0 8px 18px rgba(10,186,181,.30);}
.nav-links{display:flex;flex-wrap:wrap;gap:4px;align-items:center;}
.nav-links a{text-decoration:none;color:var(--muted);font-size:14px;padding:8px 12px;border-radius:8px;transition:color .2s,background .2s;}
.nav-links a:hover{color:var(--blue-deep);background:var(--blue-soft);}
.nav-links a:first-child{color:var(--blue-deep);font-weight:600;}

/* hero */
.hero{padding:66px 0 58px;background:linear-gradient(180deg,#f2fbfb 0%,#ffffff 80%);border-bottom:1px solid var(--line);}
.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:48px;align-items:center;}
.eyebrow{display:inline-block;font-size:12.5px;letter-spacing:.2em;color:var(--blue-deep);background:var(--blue-soft);padding:6px 14px;border-radius:999px;margin:0 0 18px;font-weight:600;}
h1{font-size:37px;line-height:1.3;margin:0 0 18px;font-weight:700;letter-spacing:-.01em;}
.lead{color:var(--muted);font-size:16.5px;margin:0 0 26px;}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;}
.btn{display:inline-block;text-decoration:none;font-size:14.5px;font-weight:600;padding:11px 22px;border-radius:10px;transition:transform .15s,box-shadow .2s,background .2s;border:1px solid transparent;}
.btn-primary{background:var(--blue);color:#fff;box-shadow:0 12px 26px -12px rgba(10,186,181,.85);}
.btn-primary:hover{background:var(--blue-deep);transform:translateY(-1px);}
.btn-ghost{background:#fff;color:var(--blue-deep);border-color:#bfe9e7;}
.btn-ghost:hover{background:var(--blue-soft);transform:translateY(-1px);}
.hero-metrics{list-style:none;display:flex;gap:34px;padding:0;margin:30px 0 0;flex-wrap:wrap;}
.hero-metrics strong{display:block;font-size:25px;color:var(--blue-deep);font-weight:700;letter-spacing:-.02em;}
.hero-metrics span{font-size:13px;color:var(--muted);}
.hero-media{margin:0;border-radius:18px;overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 60px -32px rgba(10,186,181,.55);}
.hero-media img{display:block;width:100%;height:100%;object-fit:cover;}

/* sections */
.section{padding:62px 0;border-bottom:1px solid var(--line);}
.section-head{max-width:790px;margin-bottom:34px;}
.kicker{display:block;font-size:12px;letter-spacing:.22em;color:var(--blue-deep);font-weight:700;margin:0 0 10px;}
.section-head h2{font-size:26px;margin:0 0 10px;font-weight:700;letter-spacing:-.01em;}
.section-head p{margin:0;color:var(--muted);font-size:15px;}

/* geo */
.geo-text p{margin:0 0 16px;font-size:15.5px;color:#2c4049;}
.geo-text p:last-child{margin-bottom:0;}
.geo-text strong{color:var(--blue-deep);}

/* stats */
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.stat-card{background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:14px;padding:26px 22px;box-shadow:0 14px 34px -26px rgba(10,186,181,.75);}
.stat-num{font-size:30px;font-weight:700;color:var(--blue-deep);letter-spacing:-.02em;line-height:1.2;}
.stat-label{font-size:13.5px;color:var(--muted);margin-top:8px;}

/* brands */
.brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.brand-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s;}
.brand-card:hover{transform:translateY(-3px);box-shadow:0 22px 44px -30px rgba(10,186,181,.8);}
.brand-card img{width:100%;height:172px;object-fit:cover;display:block;}
.brand-card .body{padding:20px 22px 24px;}
.brand-card h3{margin:0 0 8px;font-size:17px;}
.brand-card p{margin:0;font-size:14.3px;color:var(--muted);}
.brand-tag{display:inline-block;font-size:11.5px;letter-spacing:.14em;color:var(--blue-deep);background:var(--blue-soft);padding:3px 10px;border-radius:999px;margin-bottom:10px;font-weight:600;}

/* advantages */
.adv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.adv-card{border:1px solid var(--line);border-radius:14px;padding:24px 26px;background:#fff;}
.adv-idx{display:inline-block;font-size:12.5px;font-weight:700;color:var(--blue-deep);background:var(--blue-soft);border-radius:8px;padding:2px 9px;margin-bottom:12px;letter-spacing:.1em;}
.adv-card h3{margin:0 0 8px;font-size:16.5px;}
.adv-card p{margin:0;font-size:14.5px;color:var(--muted);}

/* news */
.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
.news-card{border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:12px;padding:22px 24px;background:#fff;}
.news-meta{display:flex;gap:10px;align-items:center;font-size:12.5px;color:var(--muted);margin-bottom:11px;flex-wrap:wrap;}
.tag{background:var(--blue-soft);color:var(--blue-deep);padding:3px 10px;border-radius:999px;font-weight:600;}
.news-card h3{font-size:17.5px;margin:0 0 11px;line-height:1.5;}
.news-card p{margin:0 0 11px;font-size:14.6px;color:#3a4d55;}
.news-card p:last-child{margin-bottom:0;}
.quote{margin:0 0 11px;padding:12px 16px;background:var(--soft);border-radius:10px;font-size:14px;color:var(--blue-deep);border-left:2px solid var(--blue);}

/* faq */
.faq-list{display:grid;gap:14px;}
.faq-item{border:1px solid var(--line);border-radius:14px;padding:22px 24px;background:#fff;}
.faq-item h3{margin:0 0 10px;font-size:16.5px;line-height:1.55;}
.faq-item p{margin:0;font-size:14.6px;color:#3a4d55;}

/* cta */
.cta-section{background:linear-gradient(120deg,#f2fbfb 0%,#ffffff 70%);}
.cta-inner{display:grid;grid-template-columns:1.3fr .7fr;gap:32px;align-items:center;}
.cta-inner h2{font-size:24px;margin:0 0 10px;}
.cta-inner p{margin:0;color:var(--muted);font-size:15px;}
.cta-actions{display:flex;flex-wrap:wrap;gap:11px;justify-content:flex-end;}

/* footer */
.site-footer{background:var(--soft);border-top:1px solid var(--line);padding:46px 0 26px;font-size:14px;color:var(--muted);}
.footer-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;margin-bottom:26px;}
.footer-brand{font-weight:700;color:var(--ink);letter-spacing:.16em;font-size:14px;margin-bottom:12px;}
.footer-lines p{margin:0 0 8px;}
.footer-links a{color:var(--blue-deep);text-decoration:none;}
.footer-links a:hover{text-decoration:underline;}
.footer-bottom{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:13px;}

@media (max-width:960px){
  .hero-grid{grid-template-columns:1fr;gap:34px;}
  .stat-grid{grid-template-columns:repeat(2,1fr);}
  .brand-grid{grid-template-columns:1fr;}
  .adv-grid{grid-template-columns:1fr;}
  .news-grid{grid-template-columns:1fr;}
  .cta-inner{grid-template-columns:1fr;}
  .cta-actions{justify-content:flex-start;}
  .footer-grid{grid-template-columns:1fr;}
  h1{font-size:29px;}
}
@media (max-width:520px){
  .stat-grid{grid-template-columns:1fr;}
  .hero-metrics{gap:22px;}
  .nav-links a{font-size:13px;padding:7px 9px;}
}