*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:"Segoe UI","Helvetica Neue",Arial,"Microsoft YaHei","微软雅黑","PingFang SC",sans-serif;
  background:#0a0a0a;color:#e7ebe4;line-height:1.8;font-size:16px;
  overflow-x:hidden;position:relative;-webkit-font-smoothing:antialiased;
}
body::before{
  content:"";position:fixed;inset:0;
  background-image:
    linear-gradient(rgba(132,204,22,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(132,204,22,.05) 1px,transparent 1px);
  background-size:56px 56px;pointer-events:none;z-index:0;
}
body::after{
  content:"";position:fixed;inset:0;
  background:
    radial-gradient(900px 520px at 10% -12%,rgba(132,204,22,.18),transparent 65%),
    radial-gradient(700px 420px at 92% 4%,rgba(34,211,238,.10),transparent 70%);
  pointer-events:none;z-index:0;
}
img{max-width:100%;display:block;border:0}
a{color:#84cc16}
.wrap{width:min(1200px,92vw);margin:0 auto;position:relative;z-index:1}
main,header,footer{position:relative;z-index:1}

/* header */
.site-header{position:sticky;top:0;z-index:60;background:rgba(10,10,10,.86);backdrop-filter:blur(14px);border-bottom:1px solid rgba(132,204,22,.3)}
.header-inner{width:min(1200px,92vw);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:800;letter-spacing:.08em;color:#fff;text-decoration:none;text-transform:uppercase}
.logo i{display:inline-block;width:12px;height:12px;background:#84cc16;transform:rotate(45deg);box-shadow:0 0 14px #84cc16}
.logo span{color:#84cc16}
.nav-links{display:flex;flex-wrap:wrap;gap:6px}
.nav-links a{color:#c6d2be;text-decoration:none;font-size:14px;padding:8px 14px;border:1px solid transparent;letter-spacing:.04em;transition:.25s}
.nav-links a:hover{color:#0a0a0a;background:#84cc16;border-color:#84cc16;box-shadow:0 0 20px rgba(132,204,22,.6)}

/* hero */
.hero{padding:64px 0 34px;position:relative}
.hero .kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.22em;color:#84cc16;border:1px solid rgba(132,204,22,.5);padding:5px 14px;margin-bottom:20px;text-transform:uppercase}
h1{font-size:clamp(25px,4.2vw,46px);line-height:1.25;font-weight:800;color:#fff;letter-spacing:-.01em;margin-bottom:24px;text-shadow:0 0 34px rgba(132,204,22,.25)}
.geo-text{font-size:16.5px;color:#d2dccb;border-left:3px solid #84cc16;padding:20px 24px;background:linear-gradient(100deg,rgba(132,204,22,.09),rgba(10,10,10,0) 80%)}
.hero-media{margin-top:26px;border:1px solid rgba(132,204,22,.3);box-shadow:0 0 30px rgba(132,204,22,.12);position:relative;overflow:hidden;clip-path:polygon(0 20px,20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%)}
.hero-media img{width:100%;height:clamp(180px,30vw,340px);object-fit:cover;filter:saturate(1.15) contrast(1.05)}

/* sections */
.sec{padding:56px 0}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:28px}
.sec-head h2{font-size:clamp(20px,2.6vw,30px);font-weight:800;color:#fff;letter-spacing:.01em;display:flex;align-items:center;gap:10px}
.sec-head h2::before{content:"";width:11px;height:11px;background:#84cc16;transform:rotate(45deg);box-shadow:0 0 14px #84cc16;flex:none}
.tag{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#84cc16;border:1px solid rgba(132,204,22,.5);padding:4px 12px}

.grid{display:grid;gap:18px}
.g3{grid-template-columns:repeat(auto-fit,minmax(258px,1fr))}
.g4{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.g2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}

.card{
  position:relative;padding:24px;
  background:linear-gradient(155deg,#101610 0%,#0a0d0a 100%);
  border:1px solid rgba(132,204,22,.28);
  box-shadow:0 0 24px rgba(132,204,22,.07),inset 0 0 40px rgba(132,204,22,.04);
  clip-path:polygon(0 16px,16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%);
  transition:.3s ease;
}
.card:hover{border-color:#84cc16;box-shadow:0 0 30px rgba(132,204,22,.28);transform:translateY(-4px)}
.card h3{font-size:17px;color:#bef264;font-weight:700;margin-bottom:10px;letter-spacing:.02em}
.card p{font-size:14.5px;color:#a9b8a2;line-height:1.85}
.card .ico{font-size:24px;display:block;margin-bottom:12px;filter:drop-shadow(0 0 10px rgba(132,204,22,.5))}

/* stats */
.stat{text-align:center;padding:28px 14px}
.stat b{display:block;font-size:clamp(26px,3.6vw,42px);font-weight:800;line-height:1.1;color:#84cc16;text-shadow:0 0 26px rgba(132,204,22,.55)}
.stat span{display:block;margin-top:8px;font-size:13px;letter-spacing:.12em;color:#93a58c}

/* timeline */
.tl{position:relative;padding-left:28px;border-left:1px dashed rgba(132,204,22,.4);margin-top:8px}
.tl-item{position:relative;margin-bottom:26px}
.tl-item:last-child{margin-bottom:0}
.tl-item::before{content:"";position:absolute;left:-36px;top:9px;width:12px;height:12px;background:#0a0a0a;border:2px solid #84cc16;transform:rotate(45deg);box-shadow:0 0 14px rgba(132,204,22,.8)}
.tl-item h3{font-size:16px;color:#bef264;margin-bottom:6px;font-weight:700}
.tl-item p{font-size:14.5px;color:#a4b39d}

/* pill */
.pill{display:inline-block;font-size:11px;letter-spacing:.16em;padding:3px 10px;border:1px solid rgba(132,204,22,.55);color:#84cc16;margin-bottom:12px;text-transform:uppercase}
.pill.cyan{border-color:rgba(34,211,238,.55);color:#22d3ee}
.pill.white{border-color:rgba(255,255,255,.45);color:#fff}

/* news */
.news-item{
  position:relative;padding:24px 26px;margin-bottom:16px;
  background:linear-gradient(120deg,#101610,#0a0d0a 80%);
  border:1px solid rgba(132,204,22,.24);
  border-left:3px solid #84cc16;
  transition:.3s ease;
}
.news-item:hover{border-color:#84cc16;box-shadow:0 0 26px rgba(132,204,22,.2);transform:translateX(4px)}
.news-meta{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}
.news-date{font-size:12px;letter-spacing:.1em;color:#84cc16;border:1px solid rgba(132,204,22,.4);padding:2px 10px}
.news-cat{font-size:12px;letter-spacing:.14em;color:#7f8f79;text-transform:uppercase}
.news-item h3{font-size:17.5px;color:#f1f7ec;font-weight:700;margin-bottom:8px;line-height:1.5}
.news-item p{font-size:14.5px;color:#a4b39d}

/* testimonials */
.quote{font-size:14.5px;color:#b6c4af;font-style:normal;line-height:1.9}
.who{display:flex;align-items:center;gap:10px;margin-top:16px}
.who i{width:34px;height:34px;display:grid;place-items:center;background:rgba(132,204,22,.14);border:1px solid rgba(132,204,22,.4);color:#84cc16;font-style:normal;font-weight:700;font-size:13px}
.who b{display:block;font-size:13.5px;color:#fff;font-weight:600}
.who small{font-size:12px;color:#7f8f79}

/* partners */
.partner{display:flex;align-items:center;justify-content:center;padding:26px 14px;font-size:14px;letter-spacing:.14em;color:#c6d2be;border:1px solid rgba(132,204,22,.22);background:linear-gradient(150deg,#0f150f,#0a0d0a);transition:.28s;text-transform:uppercase;clip-path:polygon(0 12px,12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}
.partner:hover{color:#0a0a0a;background:#84cc16;box-shadow:0 0 24px rgba(132,204,22,.5)}

/* download */
.dl-box{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;padding:30px;background:linear-gradient(140deg,rgba(132,204,22,.1),rgba(10,10,10,.9) 70%);border:1px solid rgba(132,204,22,.32);clip-path:polygon(0 22px,22px 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%)}
.dl-box img{width:100%;height:240px;object-fit:cover;border:1px solid rgba(132,204,22,.32)}
.btn{display:inline-block;margin-top:16px;padding:12px 26px;background:#84cc16;color:#0a0a0a;font-weight:700;font-size:14px;letter-spacing:.1em;text-decoration:none;box-shadow:0 0 24px rgba(132,204,22,.45);transition:.25s;text-transform:uppercase}
.btn:hover{background:#bef264;box-shadow:0 0 34px rgba(132,204,22,.7)}

/* faq */
.faq-item{padding:22px 24px;margin-bottom:14px;background:linear-gradient(120deg,#0f150f,#0a0d0a 85%);border:1px solid rgba(132,204,22,.24);border-left:3px solid rgba(132,204,22,.75);transition:.28s}
.faq-item:hover{border-left-color:#84cc16;box-shadow:0 0 22px rgba(132,204,22,.16)}
.faq-item h3{font-size:16px;color:#bef264;font-weight:700;margin-bottom:8px;line-height:1.6}
.faq-item p{font-size:14.5px;color:#a9b8a2}

/* footer */
.site-footer{margin-top:40px;border-top:1px solid rgba(132,204,22,.32);background:linear-gradient(180deg,rgba(132,204,22,.06),rgba(10,10,10,1) 55%);padding:40px 0 28px}
.footer-inner{width:min(1200px,92vw);margin:0 auto;display:grid;gap:8px;font-size:14px;color:#9fb098}
.footer-inner p{line-height:1.9}
.footer-inner a{color:#84cc16;text-decoration:none}
.footer-inner a:hover{text-decoration:underline}
.foot-links{margin-top:10px}
.copyright{margin-top:14px;font-size:13px;color:#6f7f69;letter-spacing:.06em}

@media(max-width:700px){
  .header-inner{padding:12px 0}
  .nav-links a{padding:6px 10px;font-size:13px}
  .dl-box{grid-template-columns:1fr}
  .dl-box img{height:200px}
  .hero{padding:44px 0 26px}
  .sec{padding:42px 0}
}

/* inner pages */
.wp-inner{padding:28px 0 48px}
.wp-inner h1{margin:0 0 12px}
.wp-inner .lead{margin:0 0 18px;opacity:.88}
.wp-inner .article-card{display:block;margin:0 0 14px;padding:12px 0;border-bottom:1px solid currentColor;text-decoration:none;color:inherit}
.wp-inner .article-card b{display:block;margin:0 0 4px}
.wp-inner .prose{max-width:760px}
.wp-inner .prose p{margin:0 0 12px}
.wp-inner .meta{opacity:.7;font-size:13px;margin:0 0 16px}