:root{--green:#174d35;--light:#eef5ef;--text:#24312a}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);line-height:1.7}
header{display:flex;justify-content:space-between;align-items:center;padding:22px 8%;background:#fff;position:sticky;top:0}
.logo{font-size:30px;font-weight:700;color:var(--green)}
.logo span{display:block;font-size:11px;letter-spacing:4px}
nav a{margin:0 12px;text-decoration:none;color:#333}
.btn{background:var(--green);color:#fff;padding:12px 24px;border-radius:5px;text-decoration:none}
.hero{padding:110px 10%;background:var(--light)}
.hero h1{font-size:52px;max-width:760px;line-height:1.2}
.hero p{font-size:21px;max-width:700px}
section{padding:70px 10%}
h2{text-align:center;font-size:36px}
.cards{display:flex;gap:25px}
.card{flex:1;padding:30px;border:1px solid #ddd;border-radius:12px}
.badges{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.badges div{padding:15px 25px;background:#f5f5f5;border-radius:8px}
table{width:100%;border-collapse:collapse}
td,th{border:1px solid #ddd;padding:12px;text-align:left}
.cta{background:var(--green);color:white;text-align:center}
footer{background:#142d23;color:white;padding:40px 10%}
@media(max-width:800px){header{display:block}.cards{display:block}.hero h1{font-size:36px}}