*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#134e4a}
.nav{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#ecfeff}
.nav a{margin:0 8px;text-decoration:none;color:#134e4a}
.brand{font-weight:700}
.hero{display:flex;gap:24px;align-items:center;padding:48px;background:linear-gradient(135deg,#bbf7d0,#fef9c3)}
.hero img{max-width:420px;width:100%}
.btn{display:inline-block;background:#16a34a;color:#fff;padding:12px 18px;border-radius:8px;text-decoration:none}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:32px}
.card{background:#ecfeff;border-radius:16px;padding:20px;text-align:center}
.card img{width:120px}
.footer{padding:24px;background:#134e4a;color:#ecfeff;text-align:center}
.page{padding:32px}