.vp-funnel{--vpf-bg:#070c16;--vpf-panel:#0c1322;--vpf-panel2:#101a2c;--vpf-ink:#eaf0f8;--vpf-muted:#8593a8;--vpf-faint:#5a6880;--vpf-teal:#17c3c1;--vpf-teal-deep:#0b9a99;--vpf-teal-glow:rgba(23,195,193,.55);--vpf-slate:#2f3c56;--vpf-line:#1e2c46;--vpf-danger:#ff7a7a;--vpf-win:#f6c650;--vpf-win-glow:rgba(246,198,80,.55);--vpf-sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--vpf-mono:ui-monospace,"SF Mono","Cascadia Mono",Menlo,Consolas,monospace;background:var(--vpf-bg);color:var(--vpf-ink);font-family:var(--vpf-sans);border:1px solid var(--vpf-line);border-radius:18px;padding:clamp(20px,3.5vw,34px);overflow:hidden}.vp-funnel[data-win=green]{--vpf-win:#35d29a;--vpf-win-glow:rgba(53,210,154,.5)}.vp-funnel[data-win=violet]{--vpf-win:#a98bff;--vpf-win-glow:rgba(169,139,255,.5)}.vp-funnel *{box-sizing:border-box}.vp-funnel .vpf-eyebrow{font-family:var(--vpf-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--vpf-teal);font-weight:700;margin-bottom:10px}.vp-funnel .vpf-sub{color:var(--vpf-muted);font-size:15px;line-height:1.5;margin:0 0 20px;max-width:62ch}.vp-funnel .vpf-sub b{color:var(--vpf-ink)}.vp-funnel .vpf-stepper{display:grid;gap:8px;margin-bottom:18px}.vp-funnel .vpf-step{border-top:2px solid var(--vpf-line);padding-top:9px;transition:border-color .4s}.vp-funnel .vpf-step .n{font-family:var(--vpf-mono);font-size:11px;color:var(--vpf-faint);letter-spacing:.1em;transition:color .4s}.vp-funnel .vpf-step .l{font-size:12px;color:var(--vpf-muted);margin-top:3px;line-height:1.22;transition:color .4s}.vp-funnel .vpf-step.done{border-color:var(--vpf-teal-deep)}.vp-funnel .vpf-step.done .n{color:var(--vpf-teal-deep)}.vp-funnel .vpf-step.active{border-color:var(--vpf-teal)}.vp-funnel .vpf-step.active .n{color:var(--vpf-teal)}.vp-funnel .vpf-step.active .l{color:var(--vpf-ink)}.vp-funnel .vpf-board{display:grid;grid-template-columns:1fr 262px;gap:18px}@media(max-width:720px){.vp-funnel .vpf-board{grid-template-columns:1fr}}.vp-funnel .vpf-stage{position:relative;aspect-ratio:16/11;min-height:290px;border-radius:12px;overflow:hidden;border:1px solid var(--vpf-line);background:radial-gradient(120% 120% at 50% 42%,#0f1a2e,#0a1120 55%,#070c16)}.vp-funnel .vpf-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--vpf-line) 1px,transparent 1px),linear-gradient(90deg,var(--vpf-line) 1px,transparent 1px);background-size:44px 44px;opacity:.35;-webkit-mask-image:radial-gradient(80% 80% at 50% 42%,#000 40%,transparent 100%);mask-image:radial-gradient(80% 80% at 50% 42%,#000 40%,transparent 100%)}.vp-funnel .vpf-geo{position:absolute;top:12px;left:14px;font-family:var(--vpf-mono);font-size:11px;letter-spacing:.16em;color:var(--vpf-faint);z-index:5}.vp-funnel .vpf-geo b{color:var(--vpf-teal-deep)}.vp-funnel .vpf-ring{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%) scale(0);border:1px solid var(--vpf-teal);border-radius:50%;opacity:0}.vp-funnel .vpf-ring[data-r="1"]{width:56%;height:79%}.vp-funnel .vpf-ring[data-r="2"]{width:37%;height:52%}.vp-funnel .vpf-ring[data-r="3"]{width:19%;height:27%}.vp-funnel .vpf-ring.show{opacity:.26;transform:translate(-50%,-50%) scale(1);transition:transform 1s cubic-bezier(.2,.7,.2,1),opacity 1s}.vp-funnel .vpf-anchor{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);z-index:4}.vp-funnel .vpf-pin{position:relative;width:15px;height:15px;border-radius:50%;background:var(--vpf-ink);box-shadow:0 0 0 4px #17c3c140,0 0 16px var(--vpf-teal-glow)}.vp-funnel .vpf-pin:after{content:attr(data-label);position:absolute;left:50%;top:20px;transform:translate(-50%);font-family:var(--vpf-mono);font-size:9.5px;letter-spacing:.1em;color:var(--vpf-ink);white-space:nowrap}.vp-funnel .vpf-field{position:absolute;inset:0;z-index:2}.vp-funnel .vpf-marker{position:absolute;width:9px;height:9px;transform:translate(-50%,-50%) rotate(45deg) scale(0);background:var(--vpf-teal-deep);opacity:0;transition:opacity .4s,transform .5s}.vp-funnel .vpf-marker.show{opacity:.9;transform:translate(-50%,-50%) rotate(45deg) scale(1)}.vp-funnel .vpf-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--vpf-teal);box-shadow:0 0 7px var(--vpf-teal-glow);opacity:0;transform:translate(-50%,-50%) scale(.4);transition:left .7s cubic-bezier(.2,.7,.2,1),top .7s cubic-bezier(.2,.7,.2,1),background .55s,box-shadow .55s,opacity .5s,transform .55s}.vp-funnel .vpf-dot.in{opacity:.9;transform:translate(-50%,-50%) scale(1)}.vp-funnel .vpf-dot.out{background:var(--vpf-slate);box-shadow:none;opacity:.28;transform:translate(-50%,-50%) scale(.6);z-index:1}.vp-funnel .vpf-dot.win{background:var(--vpf-win);box-shadow:0 0 10px var(--vpf-win-glow),0 0 20px var(--vpf-win-glow);z-index:3;animation:vpf-winpulse 1.6s ease-in-out infinite}@keyframes vpf-winpulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.4)}}.vp-funnel .vpf-sweep{position:absolute;left:50%;top:42%;width:220%;height:220%;transform:translate(-50%,-50%) rotate(0);z-index:2;pointer-events:none;opacity:0;transition:opacity .4s;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,transparent 320deg,rgba(23,195,193,.16) 350deg,rgba(23,195,193,.3) 360deg)}.vp-funnel .vpf-sweep.on{opacity:1;animation:vpf-spin 1.4s linear infinite}@keyframes vpf-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.vp-funnel .vpf-readout{background:linear-gradient(180deg,var(--vpf-panel2),var(--vpf-panel));border:1px solid var(--vpf-line);border-radius:12px;padding:20px 18px;display:flex;flex-direction:column}.vp-funnel .vpf-count{font-family:var(--vpf-mono);font-size:clamp(46px,7vw,68px);font-weight:700;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.vp-funnel .vpf-count.win{color:var(--vpf-win);text-shadow:0 0 24px var(--vpf-win-glow)}.vp-funnel .vpf-unit{font-size:13px;color:var(--vpf-muted);margin-top:6px;min-height:1.2em}.vp-funnel .vpf-pool{font-family:var(--vpf-mono);font-size:11px;color:var(--vpf-faint);margin-top:2px;min-height:1.2em}.vp-funnel .vpf-barwrap{height:6px;background:var(--vpf-line);border-radius:4px;margin-top:15px;overflow:hidden}.vp-funnel .vpf-bar{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--vpf-teal-deep),var(--vpf-teal));border-radius:4px;transition:width .8s cubic-bezier(.3,.7,.2,1),background .5s}.vp-funnel .vpf-bar.win{background:var(--vpf-win)}.vp-funnel .vpf-delta{font-family:var(--vpf-mono);font-size:12px;color:var(--vpf-danger);margin-top:10px;min-height:1.3em;opacity:0;transition:opacity .3s}.vp-funnel .vpf-delta.show{opacity:1}.vp-funnel .vpf-caption{font-size:13px;color:var(--vpf-muted);line-height:1.5;margin:14px 0 0;border-top:1px solid var(--vpf-line);padding-top:13px;min-height:4.5em}.vp-funnel .vpf-caption b{color:var(--vpf-ink)}.vp-funnel .vpf-final{margin-top:15px;opacity:0;transform:translateY(6px);transition:opacity .6s,transform .6s}.vp-funnel .vpf-final.show{opacity:1;transform:none}.vp-funnel .vpf-final-big{font-family:var(--vpf-mono);font-size:15px;color:var(--vpf-win);font-weight:700}.vp-funnel .vpf-final-sub{font-size:12.5px;color:var(--vpf-muted);margin-top:5px;line-height:1.45}.vp-funnel .vpf-final-sub b{color:var(--vpf-ink)}.vp-funnel .vpf-controls{display:flex;gap:12px;align-items:center;margin-top:18px}.vp-funnel .vpf-play{font-family:var(--vpf-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:var(--vpf-teal);color:#04201f;border:0;padding:10px 18px;border-radius:8px;font-weight:700;transition:background .2s,transform .1s}.vp-funnel .vpf-play:hover{background:var(--vpf-teal-deep);color:#eafffb}.vp-funnel .vpf-play:active{transform:translateY(1px)}.vp-funnel .vpf-play:focus-visible{outline:2px solid var(--vpf-win);outline-offset:2px}.vp-funnel .vpf-hint{font-size:12px;color:var(--vpf-faint)}