.vcf{--vcf-orange:#ff5a1f;--vcf-ink:#171514;--vcf-muted:#9a948c;--vcf-line:rgba(23,21,20,0.08);--vcf-ease:cubic-bezier(0.2,0.8,0.2,1);width:100%;max-width:760px;margin-inline:auto;padding:24px 26px;border-radius:var(--radius-2xl,24px);background:var(--canvas,#fff);border:1px solid var(--line-grey,rgba(23,21,20,.08));box-shadow:var(--shadow-card,0 20px 50px -28px rgba(23,21,20,.28));font-family:var(--font-sans,"Manrope",system-ui,sans-serif)}.vcf-head{display:flex;align-items:center;gap:10px;margin-bottom:22px}.vcf-title{font-size:16px;font-weight:800;letter-spacing:-.02em;color:var(--vcf-ink)}.vcf-chip{padding:4px 11px;border-radius:999px;background:rgba(255,90,31,.1);color:#e84a14;font-size:11px;font-weight:700}.vcf-flow{position:relative;display:flex;justify-content:space-between;gap:6px}.vcf-track{left:6%;right:6%;top:26px;height:3px;background:rgba(23,21,20,.08);overflow:hidden}.vcf-track,.vcf-track-fill{position:absolute;border-radius:999px}.vcf-track-fill{inset:0;background:linear-gradient(90deg,#ff8a00,#ff5a1f);transform-origin:left}.vcf-station{position:relative;flex:1;flex-direction:column;text-align:center;gap:4px}.vcf-node,.vcf-station{display:flex;align-items:center}.vcf-node{justify-content:center;width:54px;height:54px;border-radius:16px;background:var(--canvas,#fff);border:1.5px solid var(--vcf-line);box-shadow:0 8px 18px -12px rgba(23,21,20,.4);margin-bottom:6px}.vcf-node svg{width:24px;height:24px;fill:none;stroke:var(--vcf-muted);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.vcf-station.is-hot .vcf-node{border-color:var(--vcf-orange);background:linear-gradient(135deg,#ff5a1f,#ff8a00);box-shadow:0 10px 22px -10px rgba(255,90,31,.6)}.vcf-station.is-hot .vcf-node svg{stroke:#fff}.vcf-name{font-size:11px;font-weight:700;line-height:1.2;color:var(--vcf-ink);max-width:96px}.vcf-metric{font-size:10px;font-weight:600;color:var(--vcf-muted)}.vcf-foot{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:22px;padding-top:16px;border-top:1px solid var(--vcf-line)}.vcf-foot span{font-size:11px;font-weight:600;color:var(--vcf-muted)}.vcf-foot b{font-weight:800;color:var(--vcf-ink);font-variant-numeric:tabular-nums}@media (max-width:560px){.vcf-name{font-size:10px}.vcf-node{width:44px;height:44px}}@media (prefers-reduced-motion:no-preference){.vcf-track-fill{transform:scaleX(0)}.vcf[data-in-view=true] .vcf-track-fill{transition:transform 1s var(--vcf-ease) .15s;transform:scaleX(1)}.vcf-station{opacity:0;transform:translateY(10px)}.vcf[data-in-view=true] .vcf-station{animation:vcf-in .5s var(--vcf-ease) forwards}}@keyframes vcf-in{to{opacity:1;transform:translateY(0)}}