
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,Helvetica,sans-serif;background:#f7f8f6;color:#242424;line-height:1.6}
nav{height:72px;background:#102d25;display:flex;align-items:center;justify-content:space-between;padding:0 7%;position:sticky;top:0;z-index:10;box-shadow:0 3px 15px #0002}
.logo{color:#e7c56b;font-size:23px;font-weight:800;letter-spacing:2px}
nav ul{display:flex;gap:22px;list-style:none}
nav a{color:white;text-decoration:none;font-size:14px;font-weight:600}
nav a:hover,nav a.active{color:#e7c56b}
.hero{min-height:calc(100vh - 72px);display:flex;align-items:center;padding:70px 8%;background:linear-gradient(90deg,#0c2821e8,#0c282199),url("https://media.licdn.com/dms/image/v2/D4D22AQFOgIx_hTAiZA/feedshare-shrink_800/B4DZnTzgQ7GsAg-/0/1760195129521?e=2147483647&t=sw0Lj09oI-vurRpqzJ1WDlGiZABotdHnbC7j0kNWAYI&v=beta") center/cover}
.hero-content{max-width:760px;color:#fff}
.kicker{text-transform:uppercase;letter-spacing:4px;color:#e7c56b;font-size:13px;font-weight:bold;margin-bottom:12px}
h1{font-size:clamp(42px,7vw,78px);line-height:1.02;margin-bottom:20px}
h2{font-size:40px;color:#173d31;margin-bottom:15px}
.hero p{font-size:18px;max-width:680px;margin-bottom:25px;color:#edf4f0}
.btn{display:inline-block;padding:12px 24px;background:#c49a42;color:white;text-decoration:none;border-radius:5px;margin:5px;border:1px solid #c49a42;transition:.25s}
.btn:hover{background:#e7c56b;color:#102d25;transform:translateY(-2px)}
.btn.outline{background:transparent;border-color:#e7c56b}
.container{width:min(1100px,88%);margin:auto;padding:70px 0}
.heading{text-align:center;margin-bottom:42px}
.heading p{max-width:720px;margin:auto;color:#63716b}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px}
.card{background:white;border-radius:10px;overflow:hidden;border:1px solid #e0e5e1;box-shadow:0 7px 22px #173d3112;transition:.3s}
.card:hover{transform:translateY(-6px);box-shadow:0 14px 28px #173d3120}
.card img{width:100%;height:210px;object-fit:cover}
.card-body{padding:22px}
.card h3{color:#173d31;margin-bottom:8px;font-size:22px}
.card p{color:#617068}
.feature{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.feature img{width:100%;height:400px;object-fit:cover;border-radius:10px}
.feature p{color:#5f6c66;margin-bottom:18px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:35px 0}
.stat{background:#173d31;color:white;padding:25px;text-align:center;border-radius:8px}
.stat strong{display:block;font-size:31px;color:#e7c56b}
.timeline{display:grid;gap:18px}
.item{background:white;padding:23px;border-left:4px solid #c49a42;border-radius:5px;box-shadow:0 5px 16px #0000000b}
.item h3{color:#173d31;margin-bottom:5px}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.box{background:white;padding:28px;border-radius:9px;border:1px solid #e0e5e1}
.box h3{color:#173d31;margin-bottom:12px}
footer{background:#102d25;color:#cbd7d1;text-align:center;padding:28px;font-size:13px}
.note{background:#fff8df;border-left:4px solid #c49a42;padding:18px;margin-top:25px;color:#66562e}
@media(max-width:750px){nav{padding:0 3%}nav ul{gap:8px}nav a{font-size:9px}.logo{font-size:17px}.feature,.contact{grid-template-columns:1fr}.stats{grid-template-columns:1fr}h1{font-size:48px}}
