.intro-metrics{flex:0 0 290px;min-width:0;display:grid;gap:12px}
.intro-metrics .intro-counts{min-width:0;justify-content:space-between}
.visitor-counter{position:relative;padding:21px 24px 18px;border:1px solid #35412d;border-radius:18px;background:linear-gradient(130deg,#b0e97b0b,#101716);overflow:hidden}
.visitor-heading{display:flex;align-items:center;gap:8px;margin:0;color:#c9d4c1;font-size:12px;font-weight:700;letter-spacing:.08em}
.visitor-dot{width:6px;height:6px;border-radius:50%;background:#b8f36b;box-shadow:0 0 14px #b8f34555}
.visitor-number{display:flex;align-items:baseline;gap:8px;min-height:51px;margin:8px 0 3px;color:#d6ff9c}
.visitor-number strong{font-size:clamp(25px,3.2vw,38px);line-height:1.25;font-variant-numeric:tabular-nums;letter-spacing:.02em;overflow-wrap:anywhere;min-width:0}
.visitor-number>span{font-size:12px;flex-shrink:0;color:#b9c4b4}
.visitor-status{display:block;min-height:17px;color:#b8c5b7;font-size:11px;line-height:1.6}
.visitor-note{margin:9px 0 0;color:#9caaa0;font-size:10px;line-height:1.7}
@media(max-width:850px){.intro-metrics{flex-basis:245px}.intro-metrics .intro-counts{gap:18px;padding:22px}.visitor-counter{padding:19px 21px 16px}}
@media(max-width:620px){.intro-metrics{width:100%;gap:16px;margin-top:22px}.intro-metrics .intro-counts{justify-content:flex-start;gap:23px;margin-top:0;padding:0}.visitor-counter{padding:17px 20px}.visitor-number strong{font-size:32px}.visitor-number{min-height:40px}.visitor-note{font-size:11px}}