html { --intro-meta-size: 14px; --intro-stat-size: 49.6px; --intro-stat-leading: 1.15; }
html.tablet-portrait { --intro-meta-size: 12px; --intro-stat-size: 36px; --intro-stat-leading: 1.1; }
html.phone-deck { --intro-meta-size: 10px; --intro-stat-size: 26px; --intro-stat-leading: 1.1; }
.intro-proof { --intro-proof-gap: 64px; display: flex; align-items: flex-end; gap: var(--intro-proof-gap); min-width: 0; }
.intro-proof .stats { flex: none; }
.section-deck .section-stage .intro-proof .stats { gap: var(--intro-proof-gap); }
.intro-reviews { display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; gap: 4px 10px; margin: 0; color: var(--muted); }
/* One shared type scale for review copy, counter labels and every next prompt. */
html body.section3-preview main#main-content .panel .section-meta :is(.intro-reviews, .stats dd, .section-next, .section-next > span:first-child) {
  font: 300 var(--intro-meta-size)/1.5 var(--sans);
}
html body.section3-preview main#main-content .panel .section-meta .stats dt {
  font-size: var(--intro-stat-size); line-height: var(--intro-stat-leading);
}
.review-stars { display: block; white-space: nowrap; letter-spacing: .04em; }
.review-separator { margin-inline: 5px; }
html.tablet-portrait .intro-proof { flex-direction: column; align-items: flex-start; gap: 14px; }
html.tablet-portrait .intro-reviews { max-width: 380px; }
html.phone-deck .intro-proof { flex-direction: column; align-items: stretch; gap: 12px; }
html.phone-deck .intro-reviews { gap: 4px 8px; }