.demo-badge-top{position:absolute;z-index:4;top:14px;right:14px}.demo-level-badge,.demo-status-badges span{display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;border-radius:999px;font-size:.66rem;font-weight:850;line-height:1;white-space:nowrap}.demo-level-badge{padding:8px 10px;box-shadow:0 7px 18px rgba(8,18,40,.12)}.demo-level-badge i,.demo-status-badges i{font-style:normal}.level-starter{border-color:#bde7cf;background:#e7f7ee;color:#17643b}.level-professional{border-color:#c9ddf7;background:#eaf3ff;color:#194f87}.level-premium{border-color:#d9cdf9;background:#f0ebff;color:#5633bd}.level-custom_system{border-color:#f3d1ad;background:#fff0df;color:#9a4e0b}.demo-status-badges{position:absolute;z-index:4;top:52px;right:14px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:75%}.demo-status-badges span{padding:6px 8px;border-color:rgba(255,255,255,.56);background:rgba(9,20,44,.78);color:#fff;backdrop-filter:blur(8px)}.demo-level-filter{display:flex;align-items:center;gap:7px;margin-top:11px;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}.demo-level-filter::-webkit-scrollbar{display:none}.demo-level-filter>span{flex:0 0 auto;margin-right:3px;color:#667389;font-size:.72rem;font-weight:850}.demo-level-filter button{flex:0 0 auto;padding:7px 10px;border:1px solid #dde2ed;border-radius:999px;background:#fff;color:#536079;font:inherit;font-size:.72rem;font-weight:750;cursor:pointer}.demo-level-filter button.is-active{border-color:#172c51;background:#172c51;color:#fff}.demo-card-cta-row{display:grid!important;grid-template-columns:1.25fr .75fr .9fr!important;gap:7px!important}.demo-secondary-action{display:flex;min-width:0;align-items:center;justify-content:center;padding:9px 6px;border:1px solid #dce1eb;border-radius:10px;color:#263957;font-size:.65rem;font-weight:850;text-align:center;transition:background .2s ease,border-color .2s ease,color .2s ease}.demo-secondary-action:hover{border-color:#bcaef0;background:#f4f1ff;color:#5936c6}@media(max-width:820px){.demo-badge-top{top:8px;right:8px}.demo-level-badge{padding:6px 7px;font-size:.52rem}.demo-status-badges{top:38px;right:8px;gap:4px}.demo-status-badges span{padding:5px 6px;font-size:.48rem}.demo-card-cta-row{grid-template-columns:1fr!important}.demo-secondary-action{display:none}}@media(prefers-reduced-motion:reduce){.demo-secondary-action{transition:none}}
/* Compact badge stack used by the selected demos on the home page. */
.home-demo-card{position:relative}.home-demo-badge-stack{position:absolute;z-index:4;top:14px;right:14px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:82%;pointer-events:none}.home-demo-status{display:inline-flex;align-items:center;padding:7px 9px;border:1px solid rgba(255,255,255,.6);border-radius:999px;background:rgba(9,20,44,.8);color:#fff;font-size:.6rem;font-weight:850;line-height:1;backdrop-filter:blur(8px)}
@media(max-width:820px){.home-demo-badge-stack{top:7px;right:7px;gap:3px}.home-demo-badge-stack .demo-level-badge,.home-demo-status{padding:5px 6px;font-size:.46rem}}