/* Visitor counter pill (v1.7.6) — bottom-left, opposite the WhatsApp and back-to-top buttons. */
.wbd-vc {
    --vc-cta: rgb(var(--wbd-cta-rgb, 29 78 216));
    position: fixed; left: 20px; bottom: 20px; z-index: 55;
    opacity: 0; transform: translateY(16px) scale(.96);
    transition: opacity .6s cubic-bezier(.2,.8,.2,1), transform .6s cubic-bezier(.2,.8,.2,1);
}
.wbd-vc.is-in { opacity: 1; transform: none; }
.wbd-vc[hidden] { display: none; }
.wbd-vc-pill {
    display: flex; align-items: center; gap: 10px; height: 44px; padding: 0 16px 0 12px;
    border-radius: 9999px; border: 1px solid rgba(255,255,255,.55); cursor: default;
    background: rgba(255,255,255,.72); color: #0f172a;
    -webkit-backdrop-filter: blur(14px) saturate(1.4); backdrop-filter: blur(14px) saturate(1.4);
    box-shadow: 0 10px 30px -12px rgba(15,23,42,.35), inset 0 1px 0 rgba(255,255,255,.6);
    font-family: inherit; font-size: 12.5px; font-weight: 500; line-height: 1; white-space: nowrap; overflow: hidden;
    transition: padding .45s cubic-bezier(.2,.8,.2,1), gap .45s, box-shadow .3s, border-color .3s;
}
.dark .wbd-vc-pill { background: rgba(10,18,34,.72); color: #e2e8f0; border-color: rgba(255,255,255,.12); box-shadow: 0 10px 30px -12px rgba(0,0,0,.6); }
.wbd-vc-pill:hover { border-color: rgb(var(--wbd-cta-rgb, 29 78 216) / .45); }
.wbd-vc-pill:focus-visible { outline: 2px solid var(--vc-cta); outline-offset: 3px; }
/* glowing ring that slowly travels around the pill */
.wbd-vc-pill::before {
    content: ""; position: absolute; inset: -1px; border-radius: inherit; padding: 1px; pointer-events: none;
    background: conic-gradient(from var(--vc-a, 0deg), transparent 0 70%, rgb(var(--wbd-cta-rgb, 29 78 216) / .9) 85%, transparent 100%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude;
    animation: wbd-vc-spin 6s linear infinite;
}
.wbd-vc-pill { position: relative; }
@property --vc-a { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
@keyframes wbd-vc-spin { to { --vc-a: 360deg; } }

/* live dot */
.wbd-vc-dot { position: relative; flex: none; width: 10px; height: 10px; border-radius: 50%; background: var(--vc-cta); }
.wbd-vc-dot i { position: absolute; inset: 0; border-radius: 50%; background: var(--vc-cta); animation: wbd-vc-ping 1.8s cubic-bezier(0,0,.2,1) infinite; }
@keyframes wbd-vc-ping { 0% { transform: scale(1); opacity: .7; } 80%, 100% { transform: scale(2.8); opacity: 0; } }

.wbd-vc-body { display: flex; align-items: center; gap: 10px; max-width: 360px; opacity: 1; transition: max-width .5s cubic-bezier(.2,.8,.2,1), opacity .3s; }
.wbd-vc-item { display: inline-flex; align-items: baseline; gap: 5px; }
.wbd-vc-label { color: #64748b; font-weight: 500; }
.dark .wbd-vc-label { color: #94a3b8; }
.wbd-vc-sep { width: 1px; height: 16px; background: rgba(100,116,139,.35); }

/* odometer digits */
.wbd-vc-num { display: inline-flex; font-weight: 700; font-size: 14px; font-variant-numeric: tabular-nums; color: var(--vc-cta); letter-spacing: .01em; }
.dark .wbd-vc-num { color: var(--wbd-highlight, #60A5FA); }
.wbd-vc-col { display: inline-block; height: 1.15em; line-height: 1.15em; overflow: hidden; }
.wbd-vc-reel { display: flex; flex-direction: column; transition: transform 1.2s cubic-bezier(.22,1,.36,1); }
.wbd-vc-reel span { display: block; height: 1.15em; text-align: center; }
.wbd-vc-comma { line-height: 1.15em; }

/* collapsed while scrolling: just the live dot */
.wbd-vc.is-min .wbd-vc-pill { padding: 0 17px; gap: 0; }
.wbd-vc.is-min .wbd-vc-body { max-width: 0; opacity: 0; }

@media (max-width: 640px) {
    .wbd-vc { left: 12px; bottom: 14px; }
    .wbd-vc-pill { height: 40px; padding: 0 13px 0 11px; font-size: 11.5px; gap: 8px; }
    .wbd-vc-body { gap: 8px; }
    .wbd-vc-num { font-size: 13px; }
    .wbd-vc.is-min .wbd-vc-pill { padding: 0 15px; }
}
@media print { .wbd-vc { display: none; } }
@media (prefers-reduced-motion: reduce) {
    .wbd-vc, .wbd-vc *, .wbd-vc *::before { animation: none !important; transition: none !important; }
}

/* ---------- v1.7.6c: same frosted pill, placed in the hero under the stack card ---------- */
.wbd-ehero-side { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.wbd-vc--inline { position: relative; left: auto; bottom: auto; z-index: auto; align-self: flex-end; order: -1; transition-delay: .25s; } /* above the card, right edge */
.wbd-vc--inline:not(.is-in) { transform: translateY(-12px) scale(.96); transform-origin: right center; } /* drops in from above */
.wbd-vc--inline .wbd-vc-pill { cursor: pointer; }