@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--ink:#12242a;--muted:#52656a;--paper:#f5f5ef;--line:#d9ded6;--green:#184e3d;--lime:#d9ef9c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans SC',sans-serif;line-height:1.8}a{color:inherit;text-underline-offset:5px}header{border-bottom:1px solid var(--line);background:var(--paper)}.nav{max-width:1240px;margin:auto;display:flex;align-items:center;gap:32px;padding:22px 32px}.brand{font-size:24px;letter-spacing:-1px;font-weight:800;text-decoration:none;white-space:nowrap}.brand span{color:var(--green)}nav{display:flex;gap:25px;margin-left:auto;font-size:14px}nav a{text-decoration:none}.contact{background:var(--green);color:white;padding:9px 17px;text-decoration:none;border-radius:4px;white-space:nowrap;font-size:14px}main{max-width:1240px;margin:auto;padding:0 32px}.hero{padding:85px 0 65px;display:grid;grid-template-columns:1.35fr 1fr;gap:65px;align-items:center}.eyebrow{color:var(--green);font-size:13px;letter-spacing:2px;font-weight:700}.hero h1{font-size:clamp(38px,4.7vw,64px);line-height:1.23;letter-spacing:-2px;margin:20px 0 26px}.hero p{max-width:600px;color:var(--muted);font-size:17px}.actions{display:flex;align-items:center;gap:24px;margin-top:32px}.primary{background:var(--green);color:white;padding:13px 23px;border-radius:4px;text-decoration:none}.stack{background:var(--green);color:#edf6ed;padding:32px;border-radius:6px}.stack .label{font-size:12px;letter-spacing:2px;color:#d9ef9c}.stack h2{font-size:29px;line-height:1.4;margin:20px 0}.stack ul{list-style:none;padding:0;margin:20px 0 0}.stack li{padding:17px 0;border-top:1px solid #ffffff30;display:flex;justify-content:space-between;gap:15px}.stack small{color:#c1d4cb}.section{padding:55px 0;border-top:1px solid var(--line)}.section h2{font-size:32px;line-height:1.4;letter-spacing:-1px}.section-intro{max-width:670px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.card{padding:28px;background:#fff;border:1px solid var(--line);border-radius:5px}.card h3{font-size:22px;line-height:1.5;margin:0 0 18px}.card p{color:var(--muted);font-size:15px}.card a{font-size:14px;color:var(--green);font-weight:700}.feature{display:grid;grid-template-columns:1fr 1fr;gap:50px}.feature h2{margin-top:0}.feature p{color:var(--muted)}.article{max-width:800px;margin:auto;padding:55px 0 80px}.breadcrumb{font-size:13px;color:var(--muted)}.article h1{font-size:clamp(32px,4vw,45px);line-height:1.4;letter-spacing:-1px}.article .lead{font-size:19px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:30px}.article h2{font-size:25px;line-height:1.5;margin-top:42px}.article p{font-size:17px}.meta{font-size:13px;color:var(--muted)}.related{padding:24px;background:#e9edde;margin-top:40px}.related li{margin:8px 0}footer{border-top:1px solid var(--line);padding:35px 32px;color:var(--muted);font-size:13px}footer>div{max-width:1176px;margin:auto}.cta{padding:35px;background:var(--lime);border-radius:5px}.cta h2{margin-top:0}.cta p{max-width:750px}@media(max-width:760px){.nav{padding:15px 20px;flex-wrap:wrap;gap:12px}.brand{font-size:22px}.contact{margin-left:auto}nav{order:3;width:100%;margin:0;gap:20px;overflow:auto;white-space:nowrap;padding-top:7px;font-size:13px}main{padding:0 20px}.hero{grid-template-columns:1fr;padding:45px 0;gap:32px}.hero h1{letter-spacing:-1px}.cards,.feature{grid-template-columns:1fr;gap:18px}.section{padding:35px 0}.article{padding-top:30px}.stack{padding:25px}.actions{gap:16px;font-size:14px}.article p{font-size:16px}}