:root{
  --green-dark:#0b3d2e;
  --green-mid:#0f5f44;
  --green-light:#daf7e8;
  --offwhite:#f6f8f6;
  --muted:#6b7a73;
  --card-bg:#ffffff;
}

*{box-sizing:border-box}
body{margin:0;font-family:Inter, Arial, sans-serif;background:var(--offwhite);color:#123;line-height:1.45}
.wrap{max-width:1280px;margin:0 auto;padding:0 20px}

.site-header{background:var(--green-dark);color:white;position:sticky;top:0;z-index:50;box-shadow:0 6px 18px rgba(0,0,0,0.18)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
.brand{font-weight:700;font-size:20px;letter-spacing:0.6px}
.brand-accent{color:var(--green-light);margin-left:6px}

.hero{background:linear-gradient(135deg,var(--green-dark),var(--green-mid));padding:28px 0;color:white}
.hero-title{font-size:32px;margin:0 0 6px;letter-spacing:0.3px}
.hero-sub{margin:0;opacity:.92}

.section{padding:20px 0}
.section-title{font-size:22px;margin:0 0 14px;color:var(--green-dark)}

.card{background:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:0 8px 20px rgba(20,30,20,0.06);border:2px solid rgba(13,60,46,0.03)}

.site-footer{background:var(--green-dark);color:white;padding:16px 0;text-align:center;margin-top:20px}