.demo-wide{width:min(1360px,100% - 48px);margin:0 auto;position:relative}.demo-app{user-select:auto}.demo-app :focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:6px}.demo-app .typing:after{content:"▍";color:var(--blue);margin-left:1px;animation:1s step-end infinite blink}.demo-cursor{opacity:0;z-index:6;transition:transform .75s var(--ease), opacity .3s;top:0;left:0}.demo-cursor.on{opacity:1}.demo-cursor span{transition:transform .15s var(--ease)}.demo-cursor.click span{transform:scale(.92)}.demo-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;font-size:13px;display:flex}.demo-steps{gap:6px;margin:0;padding:0;list-style:none;display:flex}.demo-steps button{background:var(--line-2);cursor:pointer;border:0;border-radius:3px;width:22px;height:6px;padding:0;transition:background .2s}.demo-steps button:hover{background:var(--ink-4)}.demo-steps button.done{background:var(--ink-3)}.demo-steps button.on{background:var(--ink)}.demo-cap{font-family:var(--mono);color:var(--ink-2);flex:1;min-width:200px;margin:0;font-size:12.5px}.feature-vis{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-lg);place-items:center;min-height:380px;padding:32px;display:grid;position:relative;overflow:hidden}.feature-copy .num{font-family:var(--mono);color:var(--ink-3);font-size:12.5px}.feature-copy .lead{margin:0;font-size:17px}.feature-copy ul{color:var(--ink-2);gap:10px;margin:0;padding-left:0;font-size:15.5px;list-style:none;display:grid}.feature-copy ul li{padding-left:26px;position:relative}.feature-copy ul li:before{content:"";background:var(--ink);border-radius:2px;width:8px;height:8px;position:absolute;top:.6em;left:4px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.fcard{align-content:start;gap:10px;padding:28px;display:grid}.fcard .ic{background:var(--white);border:1px solid var(--line);width:34px;height:34px;color:var(--ink);border-radius:9px;place-items:center;display:grid}.fcard .ic svg{width:17px;height:17px}.fcard b{letter-spacing:-.02em;font-size:17px;font-weight:600}.fcard p{color:var(--ink-2);margin:0;font-size:15px}.step-list{border-top:1px solid var(--line);display:grid}.step-list .st{border-bottom:1px solid var(--line);grid-template-columns:56px 1fr;gap:16px;padding:22px 0;display:grid}.step-list .st b{letter-spacing:-.02em;font-size:17px}.step-list .st p{color:var(--ink-2);margin:6px 0 0}.stat-grid.boxed{border:1px solid var(--line);background:var(--panel);border-radius:16px;overflow:hidden}.stat-grid.boxed .stat{min-height:170px;margin:0 -1px -1px 0}.specs-faq{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:start;gap:80px;display:grid}.specs{border-top:1px solid var(--line);margin:0}.specs .row{border-bottom:1px solid var(--line);grid-template-columns:200px 1fr;gap:24px;padding:16px 0;display:grid}.specs dt{font-family:var(--mono);color:var(--ink-3);padding-top:2px;font-size:12.5px}.specs dd{margin:0;font-size:15px}.cmp{gap:14px;display:grid}.cmp .r{grid-template-columns:150px 1fr 90px;align-items:center;gap:14px;font-size:13.5px;display:grid}.cmp .bars{gap:4px;display:grid}.cmp .b{width:0;height:12px;transition:width 1.4s var(--ease);border-radius:0 4px 4px 0}.cmp .b.before{background:#c8c9cd}.cmp .b.after{background:linear-gradient(90deg,#2437b8,#4d6ff5)}.cmp .vals{font-family:var(--mono);color:var(--ink-3);text-align:right;font-variant-numeric:tabular-nums;gap:1px;font-size:11.5px;display:grid}.cmp .vals b{color:var(--ink);font-weight:500}.cmp.single .b.before,.cmp.single .vals .bv{display:none}.cmp-legend{font-family:var(--mono);color:var(--ink-3);gap:16px;font-size:11.5px;display:flex}.cmp-legend i{vertical-align:-1px;background:#c8c9cd;border-radius:2px;width:10px;height:10px;margin-right:6px;display:inline-block}.cmp-legend i.after{background:linear-gradient(90deg,#2437b8,#4d6ff5)}.next-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.next-grid .card-body{align-content:start;gap:12px;height:100%}.next-grid .link-arrow{margin-top:4px}.product-mini-row{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.btn-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}@media (width<=1100px){.hide-md{display:none}.feature-grid,.specs-faq{grid-template-columns:1fr}.specs-faq{gap:56px}.next-grid{grid-template-columns:1fr 1fr}}@media (width<=720px){.specs .row{grid-template-columns:1fr;gap:4px}.cmp .r{grid-template-columns:100px 1fr 64px}.product-mini-row,.next-grid{grid-template-columns:1fr}.feature-vis{min-height:300px;padding:20px}.demo-cap{flex-basis:100%;order:3;min-width:0}}
