.livedemo.hw{--ld-bg:var(--paper2,var(--cream,#f1efe6));--ld-ink:var(--ink,#172e29);--ld-ink2:var(--ink2,#3f524c);--ld-mute:var(--mute,#6f7973);--ld-line:var(--line,#dedfd7);--ld-surface:var(--surface,#fff);--ld-green:var(--green,#234e3f);margin-top:36px}.livedemo.hw .prog{flex-wrap:wrap;gap:8px;margin-bottom:22px;scroll-margin-top:80px;list-style:none;display:flex}.livedemo.hw .prog li{border:1px solid var(--ld-line);color:var(--ld-mute);background:var(--ld-surface);border-radius:99px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:700;display:flex}.livedemo.hw .prog li b{letter-spacing:.06em;font-size:11px}.livedemo.hw .prog li.on{color:#fff;background:#172e29;border-color:#172e29}.livedemo.hw .prog li.done{color:var(--ld-green);border-color:color-mix(in srgb,var(--ld-green)40%,transparent)}.livedemo.hw .stage{background:var(--ld-bg);border:1px solid var(--ld-line);border-radius:24px;min-height:520px;padding:28px 20px 32px}.livedemo.hw .stage .cap{text-align:center;color:var(--ld-ink2);margin-bottom:20px;font-size:15px;line-height:1.6}.livedemo.hw .stage .cap b{color:var(--ld-ink)}.livedemo.hw .stage .pc{max-width:720px;margin:0 auto}.livedemo.hw .stage .ph{max-width:440px;margin:0 auto}.livedemo.hw .hwphone{width:min(100%,400px)}.livedemo.hw .stage .pcduo>*+*{margin-top:22px}.livedemo.hw .stage .pcduo .hwphone{margin:22px auto 0}.livedemo.hw .stage .doneline{text-align:center;color:var(--ld-ink);margin-top:26px;font-size:16px;font-weight:800}.livedemo.hw .stage .ctas{justify-content:center}.livedemo.hw .restart{color:var(--ld-mute);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;margin:14px auto 0;font-size:13px;font-weight:700;text-decoration:underline;display:block}.livedemo.hw .fine{text-align:center}.livedemo.hw .bookframe{background:#f8f9fc;border:0;width:100%;height:720px;display:block}.livedemo.hw .calldemo{min-height:360px;position:relative}.livedemo.hw .floorbg{filter:blur(1.5px);opacity:.55;gap:8px;display:grid}.livedemo.hw .floorbg>div{background:var(--pos-card);border:1px solid var(--pos-line);border-radius:10px;justify-content:space-between;padding:10px 12px;font-size:12px;display:flex}.livedemo.hw .floorbg span{color:var(--pos-mute)}.livedemo.hw .calltoast{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border-radius:16px;width:min(320px,100% - 32px);padding:0 0 14px;position:absolute;bottom:16px;right:16px;overflow:hidden}.livedemo.hw .callbtn{color:#f1f5f9;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:10px;width:100%;padding:11px 12px;font-size:13px;font-weight:800}.livedemo.hw .callbtn:hover{background:#ffffff24}.livedemo.hw .callmsg{color:#fca5a5;background:#ef44441f;border:1px solid #ef444459;border-radius:10px;padding:10px 12px;font-size:12.5px}.livedemo.hw .callmsg b{color:#fecaca}.livedemo.hw button.kbtn{cursor:pointer;width:calc(100% - 24px);font-family:inherit;display:block}.livedemo.hw button.kbtn:hover{background:#eaeaea}.livedemo.hw .fine{color:var(--ld-mute);text-align:center;margin-top:18px;font-size:12.5px;line-height:1.6}.livedemo.hw .ctas{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px;display:flex}.livedemo.hw .btn{letter-spacing:-.01em;cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:15px 22px;font-family:inherit;font-size:15.5px;font-weight:800;display:inline-flex}.livedemo.hw .btn.y{background:var(--yellow,#ffe16a);color:#172e29;box-shadow:0 10px 26px #ffe16a59}.livedemo.hw .btn.g{background:var(--ld-surface);color:var(--ld-ink);border:1.5px solid var(--ld-line)}html[data-theme=dark] .livedemo.hw .prog li.on{color:#172e29;background:#f1efe6;border-color:#f1efe6}@media (max-width:860px){.livedemo.hw .stage{padding:20px 12px 26px}}@media (max-width:560px){.livedemo.hw .btn{padding:14px 16px;font-size:14.5px}}