/* Section: stats */
/* ---------- STATS (Figma 468:2986) ---------- */
.stats{margin:calc(20 * var(--u)) 0 0;padding:0 calc(120 * var(--u))}
.stats .in{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);align-items:center;column-gap:0;padding:max(calc(28px * var(--f)), calc(40 * var(--u))) 0;border-bottom:1px solid rgba(0,0,0,.1)}
.stats h2{max-width:calc(405 * var(--u) + 2em);font-weight:var(--fw);font-size:var(--fs-body-l);line-height:1.4;color:#121212;text-wrap:balance}
.stats ul{list-style:none;display:flex;justify-content:space-between;gap:max(28px, calc(64 * var(--u)))}
.stats li{display:flex;flex-direction:column;gap:calc(8 * var(--p))}
.stats b{font-family:var(--xh);font-weight:var(--fw);font-size:var(--fs-h4);line-height:1.32;color:#121212;display:flex;overflow:hidden}
.stats b i{font-style:normal;display:block}
.stats small{font-family:var(--mono);font-size:var(--fs-caption);line-height:1.4;color:var(--ink-soft);white-space:nowrap}


@media (max-width:820px){
  /* Figma 468:3393: intro, then 2x2 tiles */
  .stats{margin:0;padding:0 16px}
  .stats .in{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding:32px 0}
  .stats h2{max-width:280px}
  .stats ul{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}
  .stats li{padding:12px;border:1px solid rgba(32,29,29,.05);border-radius:8px}
  .stats small{white-space:normal;max-width:10ch}
}