:root {
  --scanner-radius: 1.15rem;
}
html { scroll-behavior: smooth; }
body {
  font-family: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-rendering: optimizeLegibility;
}
code, kbd, pre, .eyebrow { font-family: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
a { text-underline-offset: .16em; }
.skip-link { position: absolute; z-index: 2000; margin: .5rem; padding: .5rem .75rem; background: var(--bs-body-bg); border: 2px solid var(--bs-primary); border-radius: .5rem; }
.fw-black { font-weight: 900; }
.py-lg-6 { padding-top: 6rem; padding-bottom: 6rem; }
.hero-section { background: radial-gradient(circle at 20% 15%, rgba(13,110,253,.08), transparent 28rem); }
.hero-art { background: #fff; }
.eyebrow { text-transform: uppercase; letter-spacing: .14em; font-size: .78rem; font-weight: 700; color: var(--bs-primary); }
.border-y { border-top: 1px solid var(--bs-border-color); border-bottom: 1px solid var(--bs-border-color); }
.card { border-radius: var(--scanner-radius); }
.narrow { max-width: 760px; }
.low-contrast { color: #b8b8b8; background: #fff; }
:focus-visible { outline: 3px solid var(--bs-warning); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }