@font-face{font-family:Geist;src:url('/fonts/geist-regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:Geist;src:url('/fonts/geist-medium.ttf') format('truetype');font-weight:550 900;font-display:swap}
*{box-sizing:border-box}
body{margin:0;font-family:Geist,system-ui,sans-serif;color:var(--ink,#191a19);background:var(--page,#fff);line-height:1.5}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--focus,#2366eb);outline-offset:4px}
button[disabled]{cursor:default;opacity:.65}
h1,h2,h3,p{margin:0}
[hidden]{display:none!important}
img,svg{display:block;max-width:100%}
.demo-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px clamp(14px,4vw,52px);background:#101116;color:#e9e7e9;font-size:12px;letter-spacing:.01em;min-height:42px}
.demo-bar a{display:inline-flex;min-height:28px;align-items:center;gap:8px;color:#fff}
.demo-bar a:hover{text-decoration:underline}
.demo-bar span{color:#bdbbc5;text-align:right}
.kicker{font:600 11px/1.4 Geist,system-ui,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
dialog{max-width:calc(100% - 28px);color:inherit}
dialog::backdrop{background:#0a1117a8}