:root{--brand:#0ea5e9}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,"Noto Sans",sans-serif;line-height:1.55}
.navbar-brand b{color:var(--brand)}
.hero{background:#f8fafc;padding:64px 0}
.hero h1{font-weight:800;letter-spacing:-.02em}
.badge-pill{border-radius:999px;padding:.35rem .75rem}
.card{border:1px solid #e5e7eb}
.footer{border-top:1px solid #e5e7eb;background:#f9fafb}
pre.code{background:#0b1020;color:#d1e7ff;padding:16px;border-radius:12px;overflow:auto}
.smallmuted{font-size:.9rem;color:#64748b}
.btn-base{background:var(--brand);color:#fff;border:0}
.btn-base:hover{filter:brightness(.95);color:#fff}

.container{max-width:1140px}
.btn{border-radius:999px}