body{margin:0;font-family:Arial,sans-serif;color:#222}.hero{background:#0f3d2e;color:#fff;padding:80px 20px;text-align:center}.logo{font-weight:bold;letter-spacing:2px}.hero-content{max-width:800px;margin:auto}h1{font-size:3rem}.btn{display:inline-block;background:#fff;color:#0f3d2e;padding:12px 24px;text-decoration:none;border-radius:4px}.section{padding:60px 10%;text-align:center}.alt{background:#f4f4f4}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.grid div{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}footer{background:#1f2421;color:#fff;padding:30px;text-align:center}