body{margin:0;font-family:Arial;background:#f3f8ed;color:#17351d}
.hero{height:100vh;background:linear-gradient(#0008,#0008),url('../images/hero/sawah.jpg');background-size:cover;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:white}
.hero h1{font-size:60px}
.cards{display:flex;gap:20px;flex-wrap:wrap;padding:40px}
.cards div{background:white;padding:30px;border-radius:20px;box-shadow:0 10px 20px #0002}
a{background:#25D366;color:white;padding:15px 25px;border-radius:30px;text-decoration:none}