body{
 font-family: Arial, sans-serif; margin:0; line-height:1.6; color:#1f2937;
}
header{
 display:flex; align-items:center; gap:20px; padding:30px 10%; background:#0f766e; color:white;
}
.logo{width:90px;height:90px}
.hero{
 padding:80px 10%; background:#f0fdfa; text-align:center;
}
.btn{
 display:inline-block; margin-top:20px; background:#0f766e; color:white; padding:12px 22px; text-decoration:none; border-radius:8px;
}
section{padding:60px 10%;}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;}
.card{background:#f8fafc;padding:20px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);}