*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#fafafa;color:#111}
nav{display:flex;justify-content:space-between;align-items:center;padding:20px 8%;background:#fff;border-bottom:1px solid #eee}
nav ul{display:flex;gap:20px;list-style:none;padding:0;margin:0}
a{text-decoration:none;color:#111}
.hero{text-align:center;padding:120px 20px}
.badge{color:#1976ff;font-weight:bold}
h1{font-size:clamp(3rem,8vw,5rem);margin:.3em 0}
.subtitle{font-size:1.2rem;color:#666}
.button{display:inline-block;margin-top:20px;background:#111;color:#fff;padding:14px 28px;border-radius:999px}
.container{width:min(1100px,90%);margin:auto;padding:60px 0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:#fff;border:1px solid #e5e5e5;border-radius:18px;padding:24px}
footer{text-align:center;padding:40px;color:#777}