/* Urokia — демо: шторка установки и пометка «демо». Одна дизайн-система с сайтом */
.demo-note{font:500 17px/1.35 'Onest',sans-serif;color:var(--muted);margin:10px 0 0}
body.ui-open{overflow:hidden}
.ui-install{position:fixed;inset:0;z-index:200;background:#F7F5F0;color:#15161B;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 20px calc(24px + env(safe-area-inset-bottom));
  background-image:linear-gradient(#E3E6F2 1.5px,transparent 1.5px),linear-gradient(90deg,#E3E6F2 1.5px,transparent 1.5px);background-size:36px 36px}
.ui-card{width:100%;max-width:420px;background:#fff;border-radius:32px;padding:32px 24px 22px;text-align:center;box-shadow:0 1px 2px rgba(20,22,40,.05),0 30px 60px -30px rgba(20,22,70,.35);display:flex;flex-direction:column;align-items:center}
.ui-card>svg{width:88px;height:88px;margin-bottom:18px}
.ui-t{font:700 26px/1.15 'Unbounded',sans-serif;letter-spacing:-.03em;margin:0}
.ui-l{font:400 18px/1.4 'Onest',sans-serif;color:#5C606E;margin:12px 0 0}
.ui-steps{list-style:none;margin:20px 0 0;padding:0;width:100%;display:flex;flex-direction:column;gap:10px}
.ui-steps li{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;background:#F4F3FB;font:600 18px/1.25 'Onest',sans-serif;text-align:left;counter-increment:st}
.ui-steps li::before{content:counter(st);flex:none;width:28px;height:28px;border-radius:14px;background:#3D4BE0;color:#fff;display:grid;place-items:center;font:700 15px/1 'Onest',sans-serif}
.ui-steps svg{flex:none;width:26px;height:26px;fill:none;stroke:#3D4BE0;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ui-qr{width:200px;height:200px;margin:20px auto 0;padding:12px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 2px #ECE8E0}
.ui-qr svg,.ui-qr img{width:100%;height:100%;display:block}
.ui-btn{margin-top:24px;width:100%;height:58px;border:0;border-radius:29px;background:linear-gradient(135deg,#6F7DFF,#3D4BE0);color:#fff;font:600 18px/1 'Onest',sans-serif;cursor:pointer;box-shadow:0 14px 28px -14px #3D4BE0}
.ui-btn:active{transform:scale(.98)}
.ui-link{margin-top:6px;height:50px;border:0;background:transparent;color:#3D4BE0;font:600 18px/1 'Onest',sans-serif;cursor:pointer}
.ui-btn:focus-visible,.ui-link:focus-visible{outline:3px solid #3D4BE0;outline-offset:3px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ui-install{background-color:#0E0F13;color:#F1F2F5;background-image:none}
  :root:not([data-theme="light"]) .ui-card{background:#1A1B21;box-shadow:none}
  :root:not([data-theme="light"]) .ui-l{color:#A2A5B0}
  :root:not([data-theme="light"]) .ui-steps li{background:#22242D}
  :root:not([data-theme="light"]) .ui-link{color:#8C97FF}}