.local-demo-btn{display:block;width:100%;margin:0 0 10px;padding:11px 14px;border:1px solid rgba(47,224,143,.55);border-radius:12px;background:rgba(0,168,98,.16);color:#d8ffea;font-weight:700;font-size:14px;cursor:pointer}
.demo-upsell{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:rgba(4,18,10,.56);backdrop-filter:blur(5px)}
.demo-card{position:relative;width:min(360px,100%);padding:24px;border-radius:22px;background:#fff;color:#102118;box-shadow:0 18px 60px rgba(0,0,0,.32)}
.demo-card small{color:#00a862;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.demo-card h2{margin:8px 0 2px;color:#074728}.demo-card p{margin:5px 0 14px;color:#52645b}.demo-card h3{margin:14px 0 4px;color:#074728}.demo-card hr{border:0;border-top:1px solid #e4ebe7}.demo-close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:28px;color:#66746d;cursor:pointer}.demo-cta{width:100%;border:0;border-radius:28px;padding:14px;background:#00a862;color:#fff;font-weight:800;font-size:16px;cursor:pointer}
.desktop-panel{display:none}
@media (min-width:1100px){.desktop-panel{position:fixed;top:50%;display:flex;flex-direction:column;gap:12px;width:230px;transform:translateY(-50%);padding:24px;border:1px solid rgba(190,231,207,.2);border-radius:20px;background:rgba(12,31,20,.72);color:#e5f6ea;box-shadow:0 16px 50px rgba(0,0,0,.22);font-size:14px;line-height:1.55;z-index:0;pointer-events:none}.desktop-panel b{font-size:18px;color:#fff}.desktop-panel strong{margin-top:8px;color:#9af1bd}.desktop-panel-left{left:clamp(20px,calc(50% - 560px),160px)}.desktop-panel-right{right:clamp(20px,calc(50% - 560px),160px)}}