body {margin:0; font-family:Inter, sans-serif; line-height:1.6; background:#F7F8FA; color:#0E1320;}
.container {max-width:1100px; margin:auto; padding:1rem;}
.nav {display:flex; justify-content:space-between; align-items:center; padding:1rem 0;}
.menu {list-style:none; display:flex; gap:1rem; margin:0; padding:0;}
.menu a {text-decoration:none; font-weight:600; color:#0E1320;}
.hero {padding:4rem 0; text-align:center;}
.btn {display:inline-block; margin-top:1rem; padding:.75rem 1rem; background:#3BAF8D; color:#fff; text-decoration:none; border-radius:.5rem;}
.grid {display:grid; gap:1rem; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); margin-top:1rem;}
.card {background:#fff; padding:1rem; border-radius:.5rem; box-shadow:0 4px 12px rgba(0,0,0,0.05);}