body { margin:0; font-family: Arial, sans-serif; background:#fafafa; color:#111; }
.top { display:flex; justify-content:space-between; align-items:center; padding:14px 18px; background:#fff; border-bottom:1px solid #eee; position:sticky; top:0; }
.brand { font-weight:700; }
.nav a { margin-left:14px; text-decoration:none; color:#333; }
.nav a.active { font-weight:700; }
.wrap { max-width:960px; margin:0 auto; padding:18px; }
.hero { padding:22px; background:#fff; border:1px solid #eee; border-radius:14px; }
.muted { color:#666; }
.card { margin-top:14px; padding:18px; background:#fff; border:1px solid #eee; border-radius:14px; }
.cta { display:flex; gap:10px; align-items:center; margin-top:12px; }
button { padding:10px 14px; border:1px solid #ddd; background:#fff; border-radius:10px; cursor:pointer; }
button:hover { background:#f5f5f5; }
.pill { padding:8px 10px; border:1px solid #eee; border-radius:999px; background:#fff; }
.foot { padding:18px; text-align:center; }