*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff;color:#0f172a}
.top{padding:16px 20px;display:flex;justify-content:space-between;align-items:center}
.brand{font-weight:800;text-decoration:none;color:inherit}.nav a{margin-left:12px;color:#64748b;text-decoration:none;font-size:.9rem}
.hero{max-width:760px;margin:0 auto;padding:48px 20px 20px}h1{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.03em;margin:0 0 12px}
.pills{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.pills span{border:1px solid #e2e8f0;border-radius:999px;padding:5px 10px;font-size:.78rem;color:#64748b}
.btn{display:inline-block;background:#4f46e5;color:#fff!important;text-decoration:none;padding:12px 18px;border-radius:10px;font-weight:700}
.body{max-width:760px;margin:0 auto;padding:8px 20px 48px}footer{padding:20px;border-top:1px solid #e2e8f0;color:#64748b;font-size:.85rem}