:root{
 --green:#08733c;--green-dark:#005d2d;--green-light:#edf6ef;
 --navy:#08255b;--cream:#fbfaf5;--text:#202724;--muted:#68716d;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.6}
a{text-decoration:none;color:inherit}
.topbar{height:52px;background:#00652f;color:#fff}
.topbar-inner{max-width:1280px;height:100%;margin:auto;padding:0 38px;display:flex;justify-content:space-between;align-items:center}
.contact{display:flex;gap:11px;align-items:center;font-size:16px}.contact .phone{margin-left:20px}
.social{display:flex;gap:28px;font-weight:800}.social a{color:#fff;font-size:20px}
.brand-header{background:var(--cream);border-bottom:1px solid #e7e7e7}
.brand-inner{max-width:1280px;height:282px;margin:auto;display:flex;align-items:center;justify-content:center;position:relative}
.brand img{width:330px;height:260px;object-fit:contain;display:block}
.donate-btn{display:inline-flex;align-items:center;justify-content:center;background:#087a3d;color:#fff;padding:13px 25px;border-radius:7px;font-size:18px;font-weight:700;border:0;cursor:pointer;box-shadow:0 4px 10px #00652f20}
.brand-inner>.donate-btn{position:absolute;right:34px;top:50%;transform:translateY(-50%)}
.main-nav{background:#fff;border-bottom:1px solid #e2e2e2}
.nav-inner{height:61px;display:flex;justify-content:center;align-items:center;gap:49px}
.nav-inner a{height:61px;display:flex;align-items:center;padding:0 2px;font-size:16px;position:relative}
.nav-inner a.active,.nav-inner a:hover{color:var(--green);font-weight:700}
.nav-inner a.active:after{content:"";position:absolute;height:3px;background:#079c48;bottom:0;left:0;right:0}
.hero{height:405px;position:relative;overflow:hidden;background:
 radial-gradient(circle at 22% 48%,rgba(255,255,255,.82),rgba(255,255,255,.2) 35%),
 linear-gradient(90deg,#e5eee3,#b7cfb1 50%,#4c7246);
}
.hero:after{content:"";position:absolute;inset:0;background:
 radial-gradient(ellipse at 82% 80%,rgba(245,196,165,.95) 0 13%,transparent 14%),
 radial-gradient(ellipse at 92% 87%,rgba(206,147,113,.85) 0 14%,transparent 15%);
opacity:.8}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.72) 0%,rgba(255,255,255,.24) 55%,rgba(0,45,20,.15) 100%)}
.hero-content{max-width:1280px;height:100%;margin:auto;position:relative;z-index:2}
.hero-copy{padding:28px 80px;width:58%}
.hero-kicker{font-size:20px;font-weight:800;color:#12663b;letter-spacing:.5px;margin-bottom:10px}
.hero h1{margin:0;color:#08733c;font-size:64px;line-height:1.02}
.hero p{font-size:18px;max-width:600px;margin:20px 0;color:#17211d}
.learn-btn{display:inline-flex;align-items:center;gap:18px;background:#087a3d;color:#fff;padding:13px 21px;border-radius:7px;font-weight:700;font-size:17px}
.learn-btn span{border:1px solid #fff;border-radius:50%;width:25px;height:25px;display:grid;place-items:center}
.slider-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:52px;height:52px;border:1px solid #fff;background:#ffffff1c;color:#fff;border-radius:50%;font-size:42px;line-height:42px;cursor:pointer}
.slider-arrow.left{left:25px}.slider-arrow.right{right:25px}
.slider-dots{position:absolute;z-index:3;bottom:15px;left:50%;transform:translateX(-50%);display:flex;gap:16px}
.slider-dots i{width:18px;height:18px;border-radius:50%;background:#fff;display:block}.slider-dots i.selected{background:#08733c}
.features{max-width:1280px;margin:0 auto;padding:24px 35px 30px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;background:#f4f8f3}
.feature-card{min-height:155px;background:#fff;border:1px solid #e0e6e1;border-radius:9px;padding:25px 18px;display:flex;align-items:center;gap:21px;box-shadow:0 2px 10px #00000009}
.feature-icon{width:86px;height:86px;border-radius:50%;background:#eef6ed;display:grid;place-items:center;color:#08733c;font-size:33px;flex:none;font-weight:800}
.feature-card h3{color:#086b38;font-size:21px;margin:0 0 5px}.feature-card p{margin:0;color:#404946;font-size:14px}
.section{max-width:1180px;margin:auto;padding:85px 25px}
.eyebrow{font-size:13px;font-weight:800;letter-spacing:2px;color:#08733c;margin:0 0 7px}
.section h2,.cta-section h2{font-size:42px;line-height:1.15;margin:0 0 15px;color:#163b2c}
.section-lead{max-width:850px;color:var(--muted);font-size:18px}
.work-section{background:var(--green-light)}
.work-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:35px}
.work-card{background:#fff;border-radius:12px;padding:25px;border:1px solid #dce8df}.work-card .number{font-size:14px;font-weight:800;color:#08733c}
.work-card h3{margin:8px 0}.work-card p{color:var(--muted)}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.gallery-grid figure{margin:0;background:#fff;border:1px solid #e2e8e4;border-radius:10px;overflow:hidden}
.gallery-grid img{width:100%;height:250px;object-fit:cover;display:block}.gallery-grid figcaption{padding:15px}.gallery-grid figcaption span{display:block;color:var(--muted);font-size:13px}.muted{color:var(--muted)}
.cta-section{background:#006b33;color:#fff;padding:55px max(25px,calc((100% - 1130px)/2));display:flex;justify-content:space-between;align-items:center;gap:25px}
.cta-section h2{color:#fff}.cta-section p{color:#e1eee6}.cta-section .donate-btn{background:#fff;color:#08733c}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.form{display:flex;flex-direction:column;gap:12px}.form input,.form textarea{font:inherit;padding:13px 14px;border:1px solid #d2ddd5;border-radius:7px}.form textarea{min-height:125px}
.contact-section{background:#f2f7f2}
footer{background:#063d21;color:#fff;padding:40px max(25px,calc((100% - 1130px)/2));display:flex;justify-content:space-between;align-items:center;gap:25px}
footer img{width:170px;height:90px;object-fit:contain;background:#fff0}.contact-section p{color:#5c6962}
@media(max-width:900px){
 .brand-inner{height:220px}.brand img{width:245px;height:200px}.brand-inner>.donate-btn{right:15px;font-size:14px;padding:10px 14px}
 .nav-inner{gap:18px;overflow:auto;justify-content:flex-start;padding:0 15px}.hero-copy{padding:40px 60px;width:75%}.hero h1{font-size:48px}
 .features{grid-template-columns:1fr 1fr}.work-grid{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
 .topbar-inner{padding:0 15px}.contact{font-size:12px}.contact .phone{margin-left:5px}.social{gap:12px}
 .brand-inner{height:180px}.brand img{width:210px;height:165px}.brand-inner>.donate-btn{right:10px;top:auto;bottom:10px;transform:none;font-size:12px}
 .nav-inner{height:52px}.nav-inner a{height:52px;font-size:13px}
 .hero{height:440px}.hero-copy{padding:45px 38px;width:100%}.hero h1{font-size:46px}.hero p{font-size:15px}.slider-arrow{width:40px;height:40px;font-size:30px}
 .features,.work-grid,.gallery-grid,.two-col{grid-template-columns:1fr}.features{padding:18px}
 .section{padding:60px 20px}.section h2{font-size:34px}.cta-section{display:block;padding:45px 20px}
 footer{display:block}
}
