body{font-family:system-ui;background:#f8f6ef;color:#234;margin:0} .hero{padding:90px 20px;text-align:center;background:linear-gradient(#f8f6ef,#fff)} .btn{background:#2f5d50;color:#fff;padding:16px 28px;border-radius:8px;text-decoration:none}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px} .cards div,details{background:#fff;padding:18px;border-radius:10px;box-shadow:0 2px 8px #0002} section{max-width:900px;margin:auto;padding:40px 20px}