body{font-family:Arial;margin:0;background:#f8f4eb;color:#333}header{display:flex;justify-content:space-between;align-items:center;padding:15px 5%;background:#1f5134;color:#fff}.logo{height:70px}.hero{text-align:center;padding:40px}.heroimg{max-width:500px;width:90%;border-radius:16px}.btn{display:inline-block;margin:8px;padding:12px 20px;background:#c89b2d;color:#fff;text-decoration:none;border-radius:8px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;padding:20px}.grid div{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 6px #ccc}.banner{max-width:700px;width:95%;display:block;margin:auto}footer{text-align:center;padding:20px;background:#1f5134;color:#fff}