*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;color:#16324f;background:#fff}
nav{display:flex;justify-content:space-between;align-items:center;padding:24px 8%}
.logo{font-size:32px;font-weight:800}.logo span{color:#16a34a}
.links a{margin-left:22px;color:#16324f;text-decoration:none}
.hero{background:linear-gradient(180deg,#eef8f2,#fff)}
.hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;padding:60px 8%}
.tag{color:#16a34a;font-weight:700}
h1{font-size:56px;line-height:1.05;margin:10px 0}
.lead{font-size:20px;color:#4b5563;max-width:700px}
.card,.panel{background:#fff;border-radius:18px;padding:28px;box-shadow:0 12px 30px rgba(0,0,0,.08)}
.btn{display:inline-block;background:#16a34a;color:#fff;padding:14px 24px;border-radius:10px;text-decoration:none;font-weight:700;margin-right:12px}
.secondary{background:#16324f}
.section{padding:80px 8%}
.alt{background:#f8fafc}
.steps,.grid3,.compare{display:grid;gap:24px}
.steps{grid-template-columns:repeat(5,1fr)}
.grid3{grid-template-columns:repeat(3,1fr)}
.compare{grid-template-columns:1fr 1fr}
.steps div,.grid3 div{background:#fff;padding:22px;border-radius:16px;box-shadow:0 8px 20px rgba(0,0,0,.05)}
.steps span{display:inline-flex;width:40px;height:40px;background:#16a34a;color:#fff;border-radius:50%;align-items:center;justify-content:center;font-weight:700}
.featured{border:3px solid #16a34a}
.center{text-align:center;font-size:20px}
.contact{text-align:center}
footer{padding:30px 8%;display:flex;justify-content:space-between;background:#16324f;color:#fff}
@media(max-width:900px){.hero-grid,.compare,.grid3,.steps{grid-template-columns:1fr}h1{font-size:40px}nav{flex-direction:column;gap:12px}}