.live-demo{padding:88px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(47,107,255,.09),transparent)}.live-demo h2{font-size:clamp(30px,4vw,47px);letter-spacing:-.04em;line-height:1.1;margin:10px 0 0}.live-demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px;align-items:start}.demo-pos,.demo-limit,.demo-benefits{border:1px solid var(--line);border-radius:16px;background:#0f1626}.demo-pos{overflow:hidden;background:#0b1120}.demo-pos-head{display:flex;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line)}.demo-pos-head strong{font-size:13px}.demo-pos-head span{font-size:13px;color:#71809f}.demo-pos-body{padding:16px}.demo-scan{padding:11px 14px;border:1px solid #2f6bff66;border-radius:9px;background:#0f1626;color:#9fc2ff;font-size:13px}.demo-items{display:grid;gap:6px;min-height:150px;margin-top:14px}.demo-empty{padding:18px 0;color:#71809f;font-size:13px}.demo-item{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:8px;animation:demo-item-in .35s ease-out}.demo-item.is-new{background:#2f6bff29}.demo-item span:first-child{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c9d3e8;font-size:13px}.demo-item span:nth-child(2){color:#71809f;font-size:13px}.demo-item b{font-size:13px;white-space:nowrap}.demo-total{display:flex;justify-content:space-between;align-items:baseline;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.demo-total span{font-size:13px;letter-spacing:.08em;color:#71809f}.demo-total strong{font-size:26px;color:#22c55e}.demo-payment{display:flex;gap:10px;align-items:center;margin-top:14px}.demo-charge{flex:1;padding:12px;border-radius:10px;background:#2f6bff;color:#fff;text-align:center;font-size:14px;font-weight:850;letter-spacing:.02em;transition:.35s}.demo-ticket{display:none;width:86px;padding:10px 8px;border-radius:8px;background:#edf1fa;color:#07101d;text-align:center;font-size:10px;line-height:1.35}.demo-ticket.show{display:grid;animation:demo-item-in .35s ease-out}.demo-ticket i{display:block;height:14px;margin-top:4px;background:repeating-linear-gradient(90deg,#07101d 0 2px,transparent 2px 4px)}.demo-side{display:grid;gap:20px}.demo-limit,.demo-benefits{padding:24px}.demo-limit>div:first-child{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.demo-limit b{font-size:24px;color:#c6f24e;transition:color .35s}.demo-bar{height:9px;margin-top:14px;border-radius:99px;overflow:hidden;background:#ffffff17}.demo-bar i{display:block;height:100%;width:78%;border-radius:inherit;background:#c6f24e;transition:width .7s ease,background .35s}.demo-limit p{margin:12px 0 0;color:#9aa7c2;font-size:14px}.demo-benefits{display:grid;gap:9px;color:#c9d3e8;font-size:14px}.demo-benefits strong{font-size:16px;margin-bottom:3px}.demo-benefits span{display:flex;gap:10px}.demo-benefits span:before{content:'→';color:#c6f24e;font-weight:850}@keyframes demo-item-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media(max-width:800px){.live-demo{padding:66px 0}.live-demo-grid{grid-template-columns:1fr}.demo-limit,.demo-benefits{padding:20px}}@media(prefers-reduced-motion:reduce){.demo-item,.demo-ticket.show{animation:none}.demo-bar i,.demo-charge,.demo-limit b{transition:none}}