:root{
  --brand-dark:#0F210F;
  --brand-accent:#006600;
  --brand-light:#D2D6D9;
  --text:#0f1a12;
  --card:#ffffff;
  --max:1100px;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:"Microsoft YaHei","Calibri","Arial","Liberation Sans",sans-serif;
  color:var(--text);
  background:#f5f7f6;
  line-height:1.6
}
.container{max-width:var(--max);margin:0 auto;padding:0 20px}
.nav{position:sticky;top:0;background:#fff;border-bottom:1px solid #dfe4e1;z-index:20}
.nav-inner{display:flex;justify-content:space-between;align-items:center;padding:14px 0}
.brand{font-weight:700;color:var(--brand-dark);font-variant:small-caps;letter-spacing:.06em;text-transform:lowercase}
.nav a{margin-left:16px;color:#1d2d21;text-decoration:none}
.lang{margin-left:14px;padding:6px 10px;border:1px solid #b7c1bb;background:#fff;border-radius:8px;cursor:pointer}
.hero{background:linear-gradient(130deg,var(--brand-dark),#1a3a1a);color:#fff;padding:88px 0}
.kicker{text-transform:uppercase;letter-spacing:.12em;opacity:.85;font-size:.78rem}
.hero h1{font-size:clamp(1.9rem,4.6vw,3rem);line-height:1.15;max-width:920px}
.lead{max-width:800px;font-size:1.1rem;opacity:.96}
.subnote{display:block;font-size:.82rem;opacity:.82;margin-top:6px}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.btn{display:inline-block;padding:12px 18px;border-radius:10px;border:1px solid #b8d0b8;color:#fff;text-decoration:none;background:transparent}
.btn.primary{background:var(--brand-accent);border-color:var(--brand-accent)}
.btn.primary:hover{background:#005200}
.section{padding:64px 0}
.muted{background:var(--brand-light)}
.grid-3,.grid-2{display:grid;gap:16px}
.grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.grid-2{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}
.card{background:var(--card);padding:22px;border-radius:14px;border:1px solid #dfe6df;box-shadow:0 6px 20px rgba(15,33,15,.06)}
.quote{margin:0}
.quote p{margin:0;font-style:italic}
.testimonials{margin-top:18px}
.logos-section{overflow:hidden}
.logo-marquee{position:relative;overflow:hidden;padding:12px 0}
.logo-track{display:flex;gap:18px;width:max-content;animation:marquee 46s linear infinite}
.logo-track img{height:62px;width:auto;object-fit:contain;background:#fff;border:1px solid #dfe6df;border-radius:10px;padding:8px;filter:grayscale(100%);opacity:.9}
.logo-track img:hover{filter:none;opacity:1}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.audience-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:18px}
.audience-card{background:#fff;border:1px solid #dfe6df;border-radius:14px;padding:18px;text-align:center;box-shadow:0 6px 20px rgba(15,33,15,.06)}
.audience-card h3{margin:8px 0 6px}
.audience-card p{margin:0;color:#1f3024}
.audience-icon{display:flex;justify-content:center;align-items:center;color:var(--brand-accent)}
.icon-svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.icon-img{width:40px;height:40px;object-fit:contain}
.contact a{font-weight:700;color:var(--brand-accent)}
.footer{padding:24px 0;border-top:1px solid #dfe4e1;background:#fff}
.foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
@media (max-width:900px){.audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){
  .container{padding:0 16px}
  .nav-inner{padding:10px 0}
  .nav nav a{display:none}
  .nav nav .lang{display:inline-block}
  .hero{padding:64px 0}
  .hero h1{font-size:clamp(1.6rem,7vw,2.1rem)}
  .lead{font-size:1rem}
  .section{padding:44px 0}
  .card,.audience-card{padding:16px}
  .audience-grid{grid-template-columns:1fr;gap:12px}
  .logo-track img{height:52px;padding:6px}
  .cta-row{gap:10px}
  .btn{width:100%;text-align:center}
}