/* ProScoro website: the top bar of /demo/ (the in-browser app runs in the frame below it). */
:root{--bg:#0a0b0a;--text:#eef2e8;--muted:#9aa394;--lime:#b6f03c;--lime-2:#c9f76a;--on-lime:#0b0c0a;--lime-soft:rgba(182,240,60,.12);--line-2:rgba(255,255,255,.14);--bar-h:48px;
  --font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace}
*,*::before,*::after{box-sizing:border-box}
html,body{height:100%;margin:0;background:var(--bg);color:var(--text);font:14px/1.4 var(--font);-webkit-font-smoothing:antialiased;overflow:hidden}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--lime);outline-offset:2px;border-radius:999px}
.demo-bar{position:fixed;top:0;left:0;right:0;z-index:10;height:var(--bar-h);display:flex;align-items:center;gap:10px;padding:0 12px 0 10px;
  background:rgba(10,11,10,.96);border-bottom:1px solid rgba(255,255,255,.08)}
.demo-bar .db-back{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px 0 9px;border-radius:999px;border:1px solid var(--line-2);background:rgba(255,255,255,.03);font-weight:600;font-size:13.5px;white-space:nowrap}
.demo-bar .db-back:hover{border-color:rgba(255,255,255,.3)}
.demo-bar .db-back svg{width:16px;height:16px;flex:none}
.demo-bar .db-brand{display:flex;align-items:center;gap:8px;min-width:0;font-weight:650;font-size:15px;letter-spacing:-.01em}
.demo-bar .db-brand img{width:22px;height:22px;flex:none}
.demo-bar .db-ver{font:500 12px/1 var(--mono);color:var(--lime);background:var(--lime-soft);border:1px solid rgba(182,240,60,.25);padding:3px 6px;border-radius:999px;white-space:nowrap}
.demo-bar .db-note{color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.demo-bar .db-buy{margin-left:auto;display:inline-flex;align-items:center;height:34px;padding:0 16px;border-radius:999px;background:var(--lime);color:var(--on-lime);font-weight:700;font-size:14px;white-space:nowrap;box-shadow:0 6px 24px -10px rgba(182,240,60,.6);transition:background .2s}
.demo-bar .db-buy:hover{background:var(--lime-2)}
.demo-frame{position:fixed;top:var(--bar-h);left:0;right:0;bottom:0;width:100%;height:calc(100% - var(--bar-h));border:0;display:block;background:var(--bg)}
@media (max-width:760px){.demo-bar .db-note{display:none}}
@media (max-width:420px){:root{--bar-h:46px}.demo-bar{gap:8px;padding:0 8px}.demo-bar .db-back{padding:0 10px 0 7px}.demo-bar .db-name{display:none}.demo-bar .db-buy{padding:0 13px;font-size:13.5px}}