/* ============================================================
   HiVi Labs — home page shared helpers
   Section-specific styles live inline in each section partial,
   scoped under that section's id. These are cross-section helpers.
   ============================================================ */

/* Stat / number display shared by counters */
.stat__num {
  font-family: var(--font-display);
  font-size: clamp(2.25rem, 5vw, 3.5rem);
  font-weight: 700;
  letter-spacing: var(--tracking-tight);
  line-height: 1;
  color: var(--text-hi);
}
.stat__label { color: var(--text-lo); font-size: var(--fs-14); margin-top: 0.5rem; }

/* Two-column compare scaffold (Traditional vs HiVi etc.) */
.compare { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; }
@media (max-width: 760px) { .compare { grid-template-columns: 1fr; } }

/* Feature check list */
.checklist { list-style: none; padding: 0; margin: 0; display: grid; gap: 0.7rem; }
.checklist li { display: flex; gap: 0.6rem; align-items: flex-start; color: var(--text-mid); font-size: var(--fs-14); }
.checklist .icon { width: 18px; height: 18px; flex: none; margin-top: 2px; color: var(--accent-2); }

/* Anchor offset so fixed nav doesn't cover section headers */
[id] { scroll-margin-top: 90px; }