:root { color-scheme: light; --ink:#142019; --muted:#657169; --green:#146b45; --line:#dce4df; --paper:#f5f7f5; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:#fff; color:var(--ink); font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif; letter-spacing:0; }
a { color:inherit; text-decoration:none; }
.site-header { height:72px; padding:0 max(24px,calc((100% - 1180px)/2)); border-bottom:1px solid var(--line); background:rgba(255,255,255,.97); display:flex; align-items:center; justify-content:space-between; }
.brand { display:flex; align-items:center; gap:12px; font-size:19px; font-weight:700; }
.brand-mark { width:38px; height:38px; border-radius:6px; background:var(--green); color:#fff; display:grid; place-items:center; font-size:21px; }
nav { display:flex; gap:30px; color:#435048; font-size:14px; }
nav a:hover,.footer-links a:hover { color:var(--green); }
.hero { position:relative; height:min(640px,72vh); min-height:460px; overflow:hidden; }
.hero img { width:100%; height:100%; object-fit:cover; object-position:center 48%; display:block; }
.hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(5,17,11,.8) 0%,rgba(5,17,11,.5) 34%,rgba(5,17,11,.08) 62%,rgba(5,17,11,0) 100%); }
.hero-content { position:absolute; left:max(24px,calc((100% - 1180px)/2)); top:50%; max-width:720px; color:#fff; transform:translateY(-50%); }
.eyebrow { margin:0 0 16px; color:#1b8055; font-size:14px; font-weight:700; }
.hero .eyebrow { color:#cfe7da; }
.hero h1 { margin:0; font-size:clamp(48px,7vw,88px); line-height:1; }
.hero-content > p:last-child { margin:24px 0 0; font-size:clamp(18px,2.2vw,28px); line-height:1.6; }
.section { max-width:1180px; margin:0 auto; padding:92px 24px; }
.section-heading h2,.about-band h2 { margin:0; font-size:34px; }
.section-heading p { margin:0 0 10px; color:var(--green); font-size:14px; font-weight:700; }
.service-grid { margin-top:42px; display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); }
.service-grid article { min-height:250px; padding:34px; border-right:1px solid var(--line); }
.service-grid article:last-child { border:0; }
.service-grid span { color:var(--green); font-size:13px; font-weight:700; }
.service-grid h3 { margin:42px 0 14px; font-size:23px; }
.service-grid p,.about-band > p,.contact-detail p,.legal-content p { color:var(--muted); font-size:16px; line-height:1.9; }
.about-band { padding:82px max(24px,calc((100% - 1180px)/2)); background:#183b2c; color:#fff; display:grid; grid-template-columns:1fr 1.3fr; gap:80px; align-items:start; }
.about-band .eyebrow { color:#a8d3bd; }
.about-band > p { margin:0; color:#d3e0d9; }
.contact-section { display:grid; grid-template-columns:1fr 1.3fr; gap:80px; }
.contact-detail { padding:28px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
footer { padding:38px max(24px,calc((100% - 1180px)/2)); background:var(--paper); border-top:1px solid var(--line); display:grid; grid-template-columns:1fr auto; gap:18px; color:#536158; font-size:13px; }
footer div:first-child { display:flex; flex-direction:column; gap:6px; }
.footer-links { display:flex; align-items:center; gap:22px; }
footer p { grid-column:1/-1; margin:0; color:#7a857e; }
.legal-page { background:var(--paper); }
.legal-content { max-width:900px; margin:42px auto 70px; padding:54px 64px; background:#fff; border:1px solid var(--line); }
.legal-content h1 { margin:0 0 44px; font-size:42px; }
.legal-content section { padding:26px 0; border-top:1px solid var(--line); }
.legal-content h2 { margin:0 0 12px; font-size:21px; }
.legal-content p { margin:0; }
@media (max-width:760px) {
  .site-header { height:auto; min-height:66px; padding:14px 20px; }
  nav { gap:15px; font-size:12px; }
  .hero { min-height:500px; }
  .hero img { object-position:34% center; }
  .hero-shade { background:linear-gradient(90deg,rgba(5,17,11,.78),rgba(5,17,11,.22)); }
  .hero-content { left:24px; right:24px; }
  .section { padding:64px 20px; }
  .service-grid { grid-template-columns:1fr; }
  .service-grid article { min-height:210px; border-right:0; border-bottom:1px solid var(--line); }
  .about-band,.contact-section { grid-template-columns:1fr; gap:30px; }
  .about-band { padding:62px 20px; }
  footer { grid-template-columns:1fr; }
  .footer-links { flex-wrap:wrap; }
  .legal-content { margin:20px; padding:36px 24px; }
}