:root{--green:#0c5d31;--green2:#15713d;--soft:#eef6ef;--text:#171b18;--muted:#626962;--line:#e7ece7;--white:#fff;--shadow:0 14px 40px rgba(14,58,30,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;color:var(--text);background:#fff}a{text-decoration:none;color:inherit}
.site-header{height:82px;display:flex;align-items:center;gap:28px;padding:0 3.2vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);z-index:20}
.brand{display:flex;align-items:center;gap:10px;min-width:240px;color:var(--green)}.brand-mark{width:42px;height:42px;border-radius:14px;background:var(--green);color:white;display:grid;place-items:center;font-size:22px}.brand strong{display:block;font-size:22px;line-height:1}.brand small{display:block;font-size:11px;letter-spacing:2px;margin-top:5px}
.nav{display:flex;gap:26px;align-items:center;margin:auto;font-weight:650;font-size:14px}.nav a{padding:28px 0;border-bottom:2px solid transparent}.nav a:hover{color:var(--green);border-color:var(--green)}.header-actions{display:flex;gap:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:11px 22px;font-weight:750;border:1px solid transparent;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--green);color:#fff}.btn-outline{border-color:var(--green);color:var(--green);background:#fff}.btn-large{padding:14px 26px}.menu-btn{display:none;border:0;background:none;font-size:26px}
.hero{min-height:520px;display:grid;grid-template-columns:44% 56%;overflow:hidden}.hero-copy{padding:66px 4vw 50px 5.5vw;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,#fff 70%,#f7faf7)}.eyebrow{color:var(--green2);font-weight:800;margin:0 0 12px}.hero h1{font-size:clamp(44px,4.2vw,70px);line-height:1.02;letter-spacing:-2.2px;margin:0 0 24px;color:var(--green)}.lead{font-size:19px;line-height:1.55;max-width:620px;color:#2a322d}.hero-actions{display:flex;gap:14px;margin-top:18px}.hero-image{background:url("hero-community.png") center/cover no-repeat;min-height:500px}
.benefits{margin:-42px 5vw 0;position:relative;z-index:5;background:#fbfdfb;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(4,1fr);padding:26px}.benefits article{display:flex;gap:16px;padding:8px 22px;border-right:1px solid var(--line)}.benefits article:last-child{border-right:0}.icon{font-size:34px}.benefits h3{color:var(--green);margin:0 0 6px;font-size:16px}.benefits p{margin:0;color:var(--muted);font-size:14px;line-height:1.4}
.how{padding:76px 5vw 64px;text-align:center}.center{text-align:center}.how h2{font-size:38px;margin:0 0 46px;letter-spacing:-1px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;max-width:1200px;margin:auto}.steps article{position:relative;padding:12px 22px}.steps article>span{position:absolute;left:6px;top:98px;background:var(--green);color:white;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:800}.step-icon{width:96px;height:96px;border-radius:50%;background:var(--soft);display:grid;place-items:center;margin:0 auto 20px;color:var(--green);font-size:36px}.steps h3{color:var(--green);margin:0 0 8px}.steps p{color:var(--muted);font-size:14px;line-height:1.5}
.cta{margin:0 5vw 70px;border-radius:16px;padding:34px 48px;background:linear-gradient(90deg,#0b5b30,#0d6e38);color:white;display:flex;justify-content:space-between;align-items:center;gap:24px}.cta h2{margin:0 0 6px}.cta p{margin:0;opacity:.9}.cta-actions{display:flex;gap:14px}.btn-light{background:#fff;color:var(--green)}.btn-outline-light{border-color:#fff;color:#fff}
footer{border-top:1px solid var(--line);padding:30px 5vw;display:flex;justify-content:space-between;color:var(--muted);font-size:14px}footer strong{color:var(--green)}
@media(max-width:1050px){.nav{display:none}.menu-btn{display:block;margin-left:auto}.header-actions{display:none}.hero{grid-template-columns:1fr}.hero-image{min-height:420px;order:-1}.hero-copy{padding:44px 7vw}.benefits{grid-template-columns:1fr 1fr;margin-top:24px}.benefits article:nth-child(2){border-right:0}.steps{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.site-header{height:70px}.brand{min-width:auto}.brand strong{font-size:18px}.hero-image{min-height:300px}.hero h1{font-size:42px}.hero-actions,.cta,.cta-actions,footer{flex-direction:column;align-items:stretch}.benefits{grid-template-columns:1fr;margin:18px}.benefits article{border-right:0;border-bottom:1px solid var(--line)}.benefits article:last-child{border-bottom:0}.steps{grid-template-columns:1fr}.cta{margin:0 18px 50px;padding:30px}}