.stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; max-width: var(--max-w); margin: 0 auto; padding: 3rem 2rem; } .stat { padding: 1.5rem 1rem; border: 0.0625rem solid var(--border); border-radius: 0.75rem; background: var(--bg-card); color: inherit; text-align: center; text-decoration: none; transition: all 0.2s; } .stat:hover { border-color: var(--green-dim); box-shadow: 0 0 1.5rem var(--green-glow); } .stat-number { color: var(--fg); font-size: 2.2rem; font-weight: 700; line-height: 1; } .stat-label { margin-top: 0.4rem; color: var(--fg-muted); font-size: 0.75rem; font-weight: 400; } @media (max-width: 43.75rem) { .stats { grid-template-columns: repeat(2, 1fr); padding: 2rem 1.25rem; } }