*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,Helvetica,sans-serif;color:#2b2b2b}
.container{width:1200px;max-width:90%;margin:auto}

.header{background:#1f7a3a;padding:20px 0}
.header-content{display:flex;justify-content:space-between;align-items:center}
.logo-title{color:#fff;font-size:26px;font-weight:700}
.logo-sub{color:#ccead6;font-size:13px}
.menu a{color:#e8f6ed;text-decoration:none;margin-left:25px}
.menu .btn{background:#f2c100;color:#000;padding:8px 16px;border-radius:6px}

.hero{
  background:
    linear-gradient(135deg,#1f7a3a,#2e8f4e),
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency=".8" numOctaves="2"/></filter><rect width="200" height="200" filter="url(%23n)" opacity=".04"/></svg>');
  color:#fff;padding:80px 0 120px;position:relative
}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.hero h1{font-size:44px;line-height:1.2}
.hero p{margin:20px 0;max-width:480px}
.btn-primary{background:#f2c100;color:#000;padding:12px 22px;border-radius:6px;text-decoration:none}

.hero-curve{
  position:absolute;bottom:-1px;left:0;width:100%;height:90px;background:#fff;
  border-top-left-radius:100% 60px;border-top-right-radius:100% 60px
}