:root {
  --brand: #8b5cf6;
}
body{font-family: Inter, system-ui, Segoe UI, Roboto, Helvetica, Arial, sans-serif;}
.hero{
  padding: 5rem 0;
  background:
    radial-gradient(1000px 400px at 10% -10%, color-mix(in srgb, var(--brand), transparent 85%), transparent),
    radial-gradient(600px 300px at 90% -20%, color-mix(in srgb, var(--brand), transparent 80%), transparent);
}
.btn-brand{ background: var(--brand); border-color: var(--brand); }
.btn-brand:hover{ filter: brightness(0.95); }
.card{ border-radius: 1rem; }
.list-check li{ margin-bottom: .5rem; }
.list-check li::marker{ content: "✔ "; color: var(--bs-primary); }
pre, code{ font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; }


.brand-logo{height:28px; width:auto; display:block}
@media (min-width: 992px){
  .brand-logo{height:32px}
}