.demo-showcase-section{border-bottom:1px solid var(--color-border);padding:148px 24px 80px}.demo-hero-layout{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:48px}.demo-hero-left{flex:1}.demo-hero-title{font-size:clamp(2.2rem,4vw,3.25rem);font-weight:700;color:var(--color-text);letter-spacing:-.03em;line-height:1.05;margin-bottom:16px}.demo-hero-subtitle{font-size:17px;color:var(--color-text-secondary);line-height:1.6;margin-bottom:32px;max-width:440px}.demo-hero-ctas{display:flex;gap:12px;margin-bottom:40px;flex-wrap:wrap}.demo-hero-btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:8px;background:#fff;color:#0c0d0f;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s}.demo-hero-btn-primary:hover{background:#ffffffe6}.demo-hero-btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;transition:all .2s}.demo-hero-btn-secondary:hover{border-color:var(--color-border-hover);color:var(--color-text)}.demo-hero-right{flex:1;display:flex;flex-direction:column;align-items:center;gap:20px}.demo-stage{position:relative;min-height:380px;width:320px}@media(max-width:768px){.demo-hero-layout{flex-direction:column;text-align:center}.demo-hero-subtitle{margin-left:auto;margin-right:auto}.demo-hero-ctas{justify-content:center}}.demo-step{position:absolute;inset:0;display:flex;justify-content:center;align-items:flex-start;opacity:0;transform:translate(30px);transition:opacity .4s ease,transform .4s ease;pointer-events:none}.demo-step.active{opacity:1;transform:translate(0);pointer-events:auto;position:relative}.demo-phone{width:320px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;overflow:hidden}.wl-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 12px}.wl-title{font-family:JetBrains Mono,monospace;font-size:18px;font-weight:700;color:var(--color-text)}.wl-count{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--color-text-muted)}.wl-list{border-top:1px solid var(--color-border)}.wl-item{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--color-bg-hover)}.wl-pos{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;color:var(--color-text-muted);background:var(--color-bg-hover);border-radius:50%;flex-shrink:0}.wl-info{flex:1;display:flex;flex-direction:column;gap:2px}.wl-name{font-size:14px;font-weight:600;color:var(--color-text)}.wl-party{font-size:11px;color:var(--color-text-muted)}.wl-time{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--color-text-muted);flex-shrink:0}.wl-item.new-entry{animation:wlSlideIn .5s ease 1s both}@keyframes wlSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wl-notification{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;background:#22c55e1a;border-top:1px solid rgba(34,197,94,.2);color:#22c55e;font-size:13px;font-weight:600;opacity:0;animation:wlNotify .4s ease 3s both}@keyframes wlNotify{0%{opacity:0}to{opacity:1}}.table-demo{border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.td-header{display:flex;align-items:center;gap:8px;padding:14px 16px 6px;background:var(--color-bg-card)}.td-dot{width:8px;height:8px;border-radius:50%;background:var(--color-text-muted);flex-shrink:0}.td-dot.active{background:var(--color-accent)}.td-name{font-family:JetBrains Mono,monospace;font-size:20px;font-weight:700;color:var(--color-text);flex:1}.td-count{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--color-text-muted)}.td-grid{display:flex;flex-direction:column;align-items:center;gap:24px;padding:24px 0;min-height:180px;justify-content:center;background:var(--color-bg-card)}.td-row{display:flex;justify-content:center;gap:24px}.td-slot{width:64px;height:64px;display:flex;align-items:center;justify-content:center}.td-chip{width:64px;height:64px;border-radius:50%;background:var(--color-bg-card);border:1px solid var(--color-border);position:relative;animation:chipPop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes chipPop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.td-chip .td-chip-ring{position:absolute;top:0;left:0;overflow:visible}.td-chip .td-chip-initials{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:15px;font-weight:700;color:var(--color-text);z-index:2}.td-chip .td-chip-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:45%;height:45%;filter:brightness(0) invert(1);z-index:2}.td-ghost{width:64px;height:64px;border-radius:50%;border:1px dashed var(--color-border);opacity:.3}.td-add{width:64px;height:64px;border-radius:50%;border:1px solid var(--color-accent);display:flex;align-items:center;justify-content:center;color:var(--color-accent);opacity:.7}.td-footer{display:flex;flex-direction:column;gap:6px;padding:10px 14px;background:#0006}.td-footer-row1{display:flex;justify-content:space-between;align-items:center}.td-type-badge{font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700;padding:2px 8px;border-radius:4px;letter-spacing:.05em;background:#00cfb426;color:var(--color-accent)}.td-rate{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;color:var(--color-accent)}.td-footer-row2{display:flex;justify-content:space-between;align-items:center}.td-val{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500}.td-val-checkin{color:var(--color-text-secondary)}.td-val-elapsed{color:var(--color-accent)}.td-val-total{color:var(--color-text-muted)}.td-val-total.has-val{color:#22c55e}.co-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 12px}.co-title{font-family:JetBrains Mono,monospace;font-size:18px;font-weight:700;color:var(--color-text)}.co-table{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--color-text-muted)}.co-summary{border-top:1px solid var(--color-border);padding:0 20px}.co-line{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--color-bg-hover)}.co-player{display:flex;align-items:center;gap:12px}.co-chip{width:36px;height:36px;border-radius:50%;background:var(--color-bg-card);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;color:var(--color-text);flex-shrink:0}.co-pinfo{display:flex;flex-direction:column;gap:2px}.co-pname{font-size:14px;font-weight:600;color:var(--color-text)}.co-ptime{font-size:11px;color:var(--color-text-muted)}.co-amount{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600;color:var(--color-text)}.co-divider{height:1px;background:var(--color-border)}.co-total-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.co-total-label{font-size:14px;font-weight:600;color:var(--color-text-secondary)}.co-total-amount{font-family:JetBrains Mono,monospace;font-size:20px;font-weight:700;color:#22c55e}.co-pos{margin:0 20px 16px;padding:14px;text-align:center;border:1px solid var(--color-border);background:var(--color-bg-hover);border-radius:8px}.co-pos-idle,.co-pos-done{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:600;color:var(--color-text-secondary)}.co-pos-done{display:none;color:#22c55e}.co-pos.sent .co-pos-idle{display:none}.co-pos.sent .co-pos-done{display:flex}.co-pos.sent{border-color:#22c55e4d;background:#22c55e0d}.demo-steps-bar{display:flex;align-items:center;justify-content:center;gap:0}.demo-step-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:none;border:1px solid transparent;color:var(--color-text-muted);cursor:pointer;transition:all .2s;border-radius:8px}.demo-step-btn:hover{color:var(--color-text-secondary)}.demo-step-btn.active{color:var(--color-text);border-color:var(--color-border);background:var(--color-bg-card)}.dsb-num{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;border-radius:50%;background:var(--color-bg-hover);border:1px solid var(--color-border);flex-shrink:0}.demo-step-btn.active .dsb-num{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg)}.dsb-label{font-size:12px;font-weight:600}.dsb-connector{width:24px;height:1px;background:var(--color-border);flex-shrink:0}@media(max-width:480px){.demo-title{font-size:24px}.demo-phone{width:290px}.demo-step-btn{padding:8px 10px}.dsb-label{font-size:11px}.dsb-connector{width:12px}}