.demo-teaser{position:relative;overflow:hidden}.demo-preview{border-radius:16px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));overflow:hidden}.demo-preview-top{display:flex;align-items:center;gap:10px;padding:10px 14px;background:rgba(0,0,0,.25);border-bottom:1px solid rgba(255,255,255,.08)}.demo-dots{display:flex;gap:6px}.demo-dots span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.35)}.demo-company{font-weight:700;font-size:.9rem;color:rgba(255,255,255,.9)}.demo-pill{margin-left:auto;font-size:.75rem;padding:4px 8px;border-radius:999px;background:rgba(245,155,22,.15);color:#f59b16;font-weight:700}.demo-preview-body{padding:14px}.demo-nav{display:flex;gap:6px;margin-bottom:12px;overflow-x:auto}.demo-tab{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:rgba(255,255,255,.8);border-radius:999px;padding:6px 10px;font-size:.75rem;white-space:nowrap}.demo-tab.is-active{background:rgba(245,155,22,.18);border-color:rgba(245,155,22,.5);color:#f59b16;font-weight:700}.demo-view{display:none}.demo-view.is-active{display:block}.demo-h{font-size:1rem;margin-bottom:.35rem}.demo-p{font-size:.85rem;color:rgba(255,255,255,.75);margin-bottom:.75rem}.demo-cta-row{display:flex;gap:8px;margin-bottom:.75rem}.demo-cta{flex:1;border-radius:999px;padding:6px 10px;font-size:.75rem;font-weight:700;text-align:center;background:#f59b16;color:#0d1724;border:none}.demo-cta.ghost{background:0 0;border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.85)}.demo-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.demo-metric{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:6px;text-align:center}.demo-metric .v{font-weight:800;font-size:.75rem}.demo-metric .l{font-size:.65rem;color:rgba(255,255,255,.65)}.demo-controls{border-top:1px dashed rgba(255,255,255,.15);padding-top:12px}#demoTeaser .demo-controls{border-top:1px dashed rgba(255,255,255,.14);padding-top:12px}#demoTeaser .demo-note{line-height:1.35}#demoTeaser .btn-group .btn,#demoTeaser .demo-color-group .btn{white-space:nowrap}#demoTeaser .demo-bg.is-active,#demoTeaser .demo-color.is-active{background:rgba(245,155,22,.14)!important;border-color:rgba(245,155,22,.55)!important;color:rgba(255,255,255,.92)!important;font-weight:750}@media (max-width:575.98px){#demoTeaser .demo-color-group{flex-wrap:wrap}#demoTeaser .demo-color-group .btn{flex:1 1 48%}}