.hb .pv-demo-wrap{max-width:580px;margin:0 auto}.hb .pg-card.pv-demo{gap:22px;padding:22px 22px 24px;text-align:left}.hb .pv-chrome{display:flex;align-items:center;justify-content:space-between;gap:14px}.hb .pv-dots{display:inline-flex;align-items:center;gap:6px}.hb .pv-dots i{width:8px;height:8px;border-radius:50%;background:#ffffff1f}.hb .pv-dots i:first-child{background:#d4775b8c}.hb .pv-flow{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.hb .pv-node{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center}.hb .pv-node-plate{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;flex:none;border-radius:14px;color:var(--muted);background:#ffffff0a;border:1px solid var(--line);transition:color .5s ease,background .5s ease,border-color .5s ease,transform .5s cubic-bezier(.2,.7,.3,1)}.hb .pv-node.is-on .pv-node-plate{color:var(--ember);background:#d4775b1a;border-color:#d4775b52;transform:scale(1.06)}.hb .pv-node-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:500;color:var(--muted);transition:color .4s ease}.hb .pv-node.is-on .pv-node-label{color:var(--ink)}.hb .pv-node-sub{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;font-size:9.5px;font-weight:500;color:var(--ember-deep);opacity:0;transition:opacity .4s ease}.hb .pv-node.is-on .pv-node-sub{opacity:1}.hb .pv-arrow{flex:none;margin-top:18px;font-family:var(--mono);font-size:18px;line-height:1;color:#ffffff24;transition:color .5s ease}.hb .pv-arrow.is-on{color:var(--ember)}.hb .pv-verdict{display:flex;align-items:flex-start;gap:13px;padding-top:18px;border-top:1px solid var(--line);opacity:0;transform:translateY(6px);transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1)}.hb .pv-verdict.is-on{opacity:1;transform:none}.hb .pv-verdict-icon{flex:none;display:inline-flex;color:var(--muted);margin-top:1px}.hb .pg-card.pv-demo .pv-verdict p{font-size:.86rem;line-height:1.55;color:var(--ink-2)}.hb .pv-verdict strong{color:var(--ink);font-weight:550}@media(max-width:480px){.hb .pv-flow{gap:4px}.hb .pv-node-plate{width:48px;height:48px;border-radius:12px}.hb .pv-arrow{margin-top:14px;font-size:15px}}.hb .pv-diagram{max-width:760px;margin:0 auto}@media(prefers-reduced-motion:reduce){.hb .pv-node-plate,.hb .pv-node-label,.hb .pv-node-sub,.hb .pv-arrow,.hb .pv-verdict{transition:none!important}}