.vd{--stage:#e9e9ef;--line:rgba(60,60,67,.14);--fg:#0b0b0c;--muted:#636366;--accent:#0b0b0c;--accent-soft:rgba(11,11,12,.08);--paid:#1C7C54;--paid-ink:#1C7C54;--lift:0 24px 50px rgba(0,0,0,.14);--paper:#ffffff;--ink:#0b0b0c;--ink-2:#636366;--ink-3:#8e8e93;--hair:#e5e5ea;--tint:#f2f2f7;color:var(--fg)}.vd .chip,.vd .file,.vd .flip,.vd .track{opacity:0}.vd .demo{display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px;align-items:stretch}.vd .rail{display:flex;flex-direction:column;gap:6px;min-width:0}.vd .step{all:unset;box-sizing:border-box;cursor:pointer;display:block;padding:12px 14px;border-radius:14px;color:var(--muted);position:relative;overflow:hidden}.vd .step:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.vd .step b{display:block;font-size:15px;font-weight:600}.vd .step span{display:block;font-size:13px;line-height:1.4;margin-top:3px}.vd .step.on{background:var(--tint)}.vd .step.done b,.vd .step.on{color:var(--fg)}.vd .step i{position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}.vd .stage{position:relative;height:600px;overflow:hidden;border-radius:24px;border:1px solid var(--line);perspective:1300px;background:radial-gradient(60% 55% at 50% 42%,#fff,transparent 75%),var(--stage)}.vd .floor{position:absolute;left:-50%;right:-50%;bottom:-200px;height:480px;transform:rotateX(74deg);opacity:.5;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(0deg,#000,transparent 85%);mask-image:linear-gradient(0deg,#000,transparent 85%)}.vd .fit{left:50%;top:50%;width:640px;height:540px;margin:-270px 0 0 -320px}.vd .fit,.vd .world{position:absolute;transform-style:preserve-3d}.vd .world{inset:0}.vd .world>*{position:absolute}.vd .voice{left:70px;top:40px;width:500px;padding:24px;border-radius:24px;background:var(--paper);box-shadow:var(--lift);text-align:center}.vd .mic{position:relative;width:68px;height:68px;margin:0 auto;border-radius:50%;background:var(--accent);display:grid;place-items:center}.vd .mic svg{width:28px;height:28px}.vd .vd-ring{position:absolute;inset:0;border-radius:50%;border:2px solid var(--accent)}.vd .state{margin-top:12px;font-size:13px;font-weight:600;color:var(--muted)}.vd .wave{display:flex;align-items:center;justify-content:center;gap:3px;height:40px;margin-top:6px}.vd .wave u{display:block;width:4px;height:36px;border-radius:2px;background:var(--accent);transform:scaleY(.08)}.vd .say{min-height:62px;margin:8px 0 0;font-size:21px;line-height:1.4;letter-spacing:-.01em;font-weight:500}.vd .say span{opacity:.14;border-radius:6px}.vd .say span.w{opacity:1}.vd .say span.h{background:var(--accent-soft);box-shadow:0 0 0 3px var(--accent-soft);font-weight:600}.vd .chip{left:0;top:0;width:232px;padding:10px 14px;border-radius:14px;background:var(--paper);color:var(--ink);border:1px solid var(--hair);box-shadow:0 14px 30px rgba(0,0,0,.12)}.vd .chip small{display:block;font-size:11px;color:var(--ink-3);font-weight:600}.vd .chip strong{display:block;font-size:15px;font-weight:600;margin-top:1px}.vd .flip{left:120px;top:20px;width:400px;height:500px;transform-style:preserve-3d}.vd .face{position:absolute;inset:0;border-radius:18px;background:var(--paper);color:var(--ink);backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:var(--lift)}.vd .front{display:flex;flex-direction:column;overflow:hidden}.vd .back{transform:rotateY(180deg);border-radius:6px;padding:30px 30px 26px}.vd .top{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--hair)}.vd .top b{font-size:15px;font-weight:600}.vd .pill{font-size:11px;font-weight:600;padding:4px 9px;border-radius:99px;background:var(--tint);color:var(--ink-2)}.vd .who{padding:14px 20px;min-height:76px}.vd .sum small,.vd .who small{color:var(--ink-3);font-size:12px}.vd .who b{display:block;font-size:17px;font-weight:600;margin-top:2px}.vd .who span{font-size:13px;color:var(--ink-2)}.vd .grid{display:grid;grid-template-columns:1fr 34px 66px 72px;gap:8px;padding:9px 20px;font-size:14px;font-variant-numeric:tabular-nums}.vd .grid>:not(:first-child){text-align:right}.vd .head{background:var(--tint);font-size:11px;font-weight:600;color:var(--ink-2);padding-block:7px;letter-spacing:.03em}.vd .row{border-bottom:1px solid var(--hair);min-height:39px}.vd .sum{margin-top:auto;padding:12px 20px;display:grid;gap:5px;font-size:14px;font-variant-numeric:tabular-nums}.vd .sum div{display:flex;justify-content:space-between;color:var(--ink-2)}.vd .sum .total{color:var(--ink);font-size:19px;font-weight:600;padding-top:4px}.vd .cta{margin:2px 20px 18px;padding:12px;border-radius:12px;background:var(--ink);color:#fff;text-align:center;font-size:15px;font-weight:600}.vd .doc-top{display:flex;justify-content:space-between;align-items:flex-start}.vd .doc-top h2{margin:0;font-size:28px;letter-spacing:-.02em;font-weight:600}.vd .doc-top p{margin:4px 0 0;font-size:12px;color:var(--ink-2);line-height:1.45}.vd .doc-top svg{width:34px;height:34px}.vd .parties{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 16px;font-size:12.5px;line-height:1.45;color:var(--ink-2)}.vd .parties b{display:block;color:var(--ink);font-size:11px;font-weight:600;margin-bottom:3px}.vd .back .grid{padding:7px 0;font-size:12.5px;grid-template-columns:1fr 30px 60px 66px}.vd .back .head{background:none;border-bottom:1.5px solid var(--ink);color:var(--ink)}.vd .dsum{margin:12px 0 0 auto;width:190px;display:grid;gap:4px;font-size:13px;font-variant-numeric:tabular-nums}.vd .dsum div{display:flex;justify-content:space-between;color:var(--ink-2)}.vd .dsum .total{color:var(--ink);font-weight:600;font-size:16px;border-top:1.5px solid var(--ink);padding-top:6px;margin-top:3px}.vd .foot{position:absolute;left:30px;right:30px;bottom:44px;font-size:11.5px;color:var(--ink-3)}.vd .sheen{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:6px}.vd .sheen i{position:absolute;top:-20%;bottom:-20%;width:110px;background:linear-gradient(90deg,transparent,rgba(11,11,12,.07),transparent);transform:translateX(-160px) skewX(-12deg)}.vd .file{position:absolute;left:50%;bottom:-16px;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:var(--ink);color:#fff;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 10px 22px rgba(0,0,0,.2);transform:translateX(-50%) translateZ(30px)}.vd .file em{font-style:normal;font-size:10px;font-weight:700;color:var(--ink);background:var(--paper);padding:3px 5px;border-radius:4px}.vd .stamp{position:absolute;left:34px;top:318px;padding:5px 14px;border:3px solid var(--paid-ink);border-radius:8px;color:var(--paid-ink);font-size:26px;font-weight:700;letter-spacing:.08em;opacity:0}.vd .track{left:404px;top:92px;width:228px;padding:18px;border-radius:18px;background:var(--paper);color:var(--ink);box-shadow:var(--lift)}.vd .track h3{margin:0 0 12px;font-size:14px;font-weight:600}.vd .ev{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:center;padding:7px 0;opacity:.25}.vd .ev em{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--muted);display:grid;place-items:center;font-style:normal;font-size:12px;color:transparent}.vd .ev b{display:block;font-size:14px;font-weight:600}.vd .ev small{font-size:12px;color:var(--muted)}.vd .ev.on{opacity:1}.vd .ev.on em{background:var(--accent);border-color:var(--accent);color:#fff}.vd .ev.paid.on em{background:var(--paid);border-color:var(--paid);color:#fff}.vd .ev.paid.on b{color:var(--paid)}.vd .cursor{left:0;top:0;width:26px;height:26px;opacity:0;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.vd .note{margin:14px 0 0;font-size:13px;color:var(--muted);line-height:1.5}@media (max-width:820px){.vd .demo{grid-template-columns:minmax(0,1fr)}.vd .stage{height:460px;order:1}.vd .rail{order:2;flex-direction:row;flex-wrap:wrap}.vd .step{flex:1 1 30%;min-width:0;padding:9px 10px}.vd .step span{display:none}}