.demo-bar{position:sticky;top:0;z-index:50;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;justify-content:center;padding:8px 14px;background:#08294c;color:#fff;font-size:15px;text-align:center}
.demo-bar a{color:#08294c;background:#ffd166;border-radius:99px;padding:4px 12px;font-weight:900;text-decoration:none}
.demo-locked{opacity:.6}.demo-locked h3::after{content:" 🔒";font-size:.85em}
.demo-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px;background:#08294c88}
.demo-modal[hidden]{display:none}
.demo-modal>div{width:min(420px,100%);background:#fff;border-radius:24px;padding:24px 20px;text-align:center;color:#102f4d}
.demo-modal h2{margin:8px 0;font-size:22px}.demo-modal p{color:#688099;line-height:1.5}
.demo-lock{font-size:42px}
.demo-cta{display:block;margin-top:12px;padding:14px;border-radius:14px;background:#2166ee;color:#fff;font-weight:900;text-decoration:none}
.demo-close{width:100%;margin-top:8px;min-height:46px;border:0;border-radius:14px;background:#eef3f8;color:#102f4d;font:inherit;font-weight:800;cursor:pointer}