:root{--bg:#f4f4f4;--surface:#fff;--ink:#302f2f;--ink-hover:#1f1e1e;--muted:#635c55;--warm:#9c948a;--divider:#d7d7d6;--risk:#a6362b;--warn:#a8722a;--ok:#3f6b52;--container:1240px;--pad:40px;--section:120px;--radius-card:24px;--radius-control:12px;--radius-pill:999px}*,:after,:before{box-sizing:border-box}body,html{max-width:100vw;overflow-x:hidden}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Golos Text,system-ui,sans-serif;font-size:17px;font-weight:400;line-height:1.6}h1,h2,h3{text-wrap:balance;margin:0;font-weight:500}h1{letter-spacing:-.02em;font-size:clamp(34px,4vw,48px);line-height:1.05}h2{letter-spacing:-.015em;font-size:clamp(28px,4vw,40px);line-height:1.15}h3{font-size:20px;line-height:1.3}p{max-width:68ch;margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:var(--container);padding:0 var(--pad);margin:0 auto}.section{padding:var(--section) 0}.section>:last-child{margin-bottom:0}.section-surface{background:var(--surface);border-top:1px solid var(--divider)}.section-label{letter-spacing:.08em;color:var(--warm);margin:0 0 16px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:400}.section-title{max-width:22em;margin:0 0 56px}.num{font-variant-numeric:tabular-nums;white-space:nowrap;font-family:JetBrains Mono,monospace;font-weight:500}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}@media (width<=767px){:root{--pad:20px;--section:56px}body{font-size:16px}h3{font-size:18px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.demo-shell[data-v-7f698954]{flex-direction:column;flex:1;display:flex}.demo-banner[data-v-7f698954]{border-bottom:1px solid var(--divider);color:var(--ink);background:#fff3e0;padding:8px 0;font-size:14px}.demo-banner .container[data-v-7f698954]{margin:0}.demo-banner p[data-v-7f698954]{text-align:center;margin:0}.demo-header[data-v-7f698954]{background:var(--surface);border-bottom:1px solid var(--divider);z-index:100;padding:16px 0;position:sticky;top:0}.header-content[data-v-7f698954]{flex-wrap:wrap;align-items:center;gap:32px;display:flex}.logo[data-v-7f698954]{flex-shrink:0}.logo-img[data-v-7f698954]{width:auto;height:40px}.header-controls[data-v-7f698954]{flex-wrap:wrap;flex:1;align-items:center;gap:24px;margin-left:auto;display:flex}.control-group[data-v-7f698954]{align-items:center;gap:8px;display:flex}.control-label[data-v-7f698954]{color:var(--muted);white-space:nowrap;font-size:14px}.select-stand[data-v-7f698954]{border:1px solid var(--divider);border-radius:var(--radius-control);background:var(--surface);color:var(--ink);cursor:pointer;padding:8px 12px;font-family:inherit;font-size:14px}.select-stand[data-v-7f698954]:hover{border-color:var(--muted)}.role-tabs[data-v-7f698954]{border:1px solid var(--divider);border-radius:var(--radius-control);background:var(--bg);gap:0;display:flex}.tab[data-v-7f698954]{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:8px 16px;font-size:14px;font-weight:500;transition:all .15s}.tab.active[data-v-7f698954],.tab[data-v-7f698954]:hover{color:var(--ink)}.tab.active[data-v-7f698954]{background:var(--surface)}.btn-lead[data-v-7f698954],.tab.active[data-v-7f698954]{border-radius:var(--radius-control)}.btn-lead[data-v-7f698954]{background:var(--ink);color:var(--surface);cursor:pointer;white-space:nowrap;border:none;padding:8px 16px;font-size:14px;font-weight:500;transition:background .15s}.btn-lead[data-v-7f698954]:hover{background:var(--ink-hover)}.demo-main[data-v-7f698954]{flex:1}@media (width<=1024px){.header-controls[data-v-7f698954]{gap:12px;margin-left:0}.select-stand[data-v-7f698954]{font-size:13px}}@media (width<=768px){.header-content[data-v-7f698954]{flex-direction:column;gap:12px}.header-controls[data-v-7f698954]{flex-direction:column;width:100%}.demo-banner[data-v-7f698954]{font-size:12px}}.demo-app[data-v-26777080]{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}