:root{--primary:#0f4f43;--secondary:#1f8f54;--bg:#f3f7f5;--card:#fff}
*{box-sizing:border-box} body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:#123}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.nav{position:sticky;top:0;background:#fff;border-bottom:1px solid #e6ece9;z-index:10}
.nav-inner{height:78px;display:flex;align-items:center;justify-content:space-between}
.brand{font-size:40px;font-weight:800;color:var(--primary);text-decoration:none}
.menu a{margin:0 10px;text-decoration:none;color:#355}.btn{background:var(--secondary);color:#fff;padding:12px 22px;border-radius:999px;text-decoration:none;display:inline-block;border:none}
.hero{padding:56px 0}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center}
.badge{display:inline-block;background:#e8f2ee;color:var(--secondary);padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700}
h1{font-size:56px;line-height:1.1;color:var(--primary);margin:14px 0}h2{font-size:36px;color:var(--primary)}
.sub{font-size:34px;color:#21735f;font-weight:700;margin:10px 0 20px}.desc{font-size:22px;color:#355;line-height:1.6}
.hero img{width:100%;border-radius:24px;display:block;min-height:420px;object-fit:cover}
.section{padding:70px 0}.cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{background:var(--card);padding:28px;border-radius:18px;border:1px solid #e4ece8}
.projects{display:grid;grid-template-columns:2fr 1fr;gap:20px}.kpi{font-size:30px;font-weight:800;color:var(--primary)}
.footer{padding:40px 0;color:#567}
@media(max-width:980px){.brand{font-size:30px}.menu{display:none}.hero-grid,.cards,.projects{grid-template-columns:1fr}h1{font-size:40px}.sub{font-size:28px}.desc{font-size:18px}}