/* 30-Oct-2026 (owner): "Libas in numbers" band below the hero (index.html, ar/index.html) - numbers from stats-band.js.
   Desktop: four equal columns with thin dividers; phones: 2 x 2. Digits roll like an odometer. */
/* sits in the gap between the country controls and the greeting section (owner's green box): no own background or borders */
.stats-band{background:transparent;border:0;padding-block:22px 0}
.stats-band + .software-gallery{padding-top:34px}
.stats-band .wrap{display:block;margin-inline:auto}
.stats-band .sb-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none}
.stats-band .sb-item{padding:4px 24px;text-align:center;border-inline-start:1px solid var(--line);min-width:0}
.stats-band .sb-item:first-child{border-inline-start:0}
.stats-band .sb-num{display:block;font-family:var(--f-display);font-size:clamp(32px,3.3vw,46px);font-weight:500;line-height:1.12;letter-spacing:-1.2px;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
/* odometer: each digit is a 1-line window over a strip 0-9 0-9 that slides up */
.stats-band .sb-d{display:inline-block;height:1.12em;overflow:hidden;vertical-align:top;margin-inline-end:-.04em}
.stats-band .sb-strip{display:block;transition:transform .7s cubic-bezier(.22,.8,.24,1);will-change:transform}
.stats-band .sb-strip span{display:block;height:1.12em;line-height:1.12em}
.stats-band .sb-sep{display:inline-block;height:1.12em;line-height:1.12em;vertical-align:top;margin-inline:-.03em -.07em}
@media(prefers-reduced-motion:reduce){.stats-band .sb-strip{transition:none}}
.stats-band .sb-label{display:block;margin-top:6px;font-size:13px;line-height:1.4;color:var(--ink-soft);letter-spacing:.2px}
.stats-band .sb-updated{max-width:none;margin:12px 0 0;text-align:center;font-size:11px;line-height:1.4;color:var(--ink-soft);letter-spacing:.3px}
[dir=rtl] .stats-band .sb-num{letter-spacing:-.6px}
[dir=rtl] .stats-band .sb-label,[dir=rtl] .stats-band .sb-updated{font-family:var(--f-ar);letter-spacing:0}
@media(max-width:900px){
  .stats-band{padding-block:18px 0}
  .stats-band .wrap{width:calc(100% - 32px)}
  .stats-band .sb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stats-band .sb-item{padding:14px 2px}
  .stats-band .sb-item:nth-child(odd){border-inline-start:0}
  .stats-band .sb-item:nth-child(n+3){border-top:1px solid var(--line)}
  .stats-band .sb-label{font-size:12px}
  .stats-band .sb-num{font-size:clamp(22px,7.1vw,28px);letter-spacing:-.6px}
  .stats-band .sb-d{margin-inline-end:-.06em}
}
