/* SpecReview type system (2026-10): one professional family across the site.
   IBM Plex Sans for everything; IBM Plex Mono only inside technical drawings.
   Replaces the Space Grotesk / DM Sans / DM Mono / Fraunces / Inter Tight mix. */
:root{--sr-sans:"IBM Plex Sans","IBM Plex Sans Devanagari",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--sr-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace}
html body,html body *:not(svg):not(svg *){font-family:var(--sr-sans)!important}
svg text,svg tspan{font-family:var(--sr-mono)!important}
html body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1}
/* Headings: confident, not squeezed */
.serif,
.logo-text .brand,
.hero h1,
.hero-stat .num,
.score-badge .sc-num,
.score-meta .part-name,
.section-title,
.feature-title,
.step-title,
.metric .num,
.pack-price,
.roi h2,
.cta-strip h2,
.footer-brand .brand,
.modal-header-mark,
.modal-header h3,
.modal-logo-mark,
.modal-logo-text .product-line,
.sr-video-head,
.faq-item summary,
.sx-h,
.sx-wordmark,
.sx-hero h1,
.sx-minicard strong,
.sx-feature h3,
.sx-module-tab strong,
.sx-module-preview h3,
.sx-flowstep .circle,
.sx-flowstep h3,
.sx-industry-content h3,
.sx-video-card h3,
.sx-plan h3,
.sx-trustcard h3,
.sx-final h2,
.sx-footergrid .sx-footlogo,
.sx-quality-title,
.srsc h2,
h1,
h2{font-weight:600!important;letter-spacing:-.018em!important}
.sx-hero h1{letter-spacing:-.025em!important;line-height:1.06!important}
/* Former monospace labels: clean small caps-style labels instead of spaced-out code font */
.mono,
.logo-text .tagline,
.btn,
.hero-eyebrow,
.hero-stat .label,
.cad-wrap::before,
.score-badge .sc-label,
.flag-callout,
.score-meta .part,
.rubric-label,
.rubric-score,
.gap-pill,
.section-eyebrow,
.feature-num,
.feature-credit,
.step-num,
.metric .unit,
.pack-badge,
.pack-name,
.pack-credits,
.pack-list li::before,
.pack-per,
.credit-breakdown h4,
.credit-row strong,
.credit-cost,
.calc-val,
.free-tag,
.ppap-feature-card .feature-credit,
.footer-brand .sub,
.footer-col h4,
.footer-payments-label,
.pm,
.footer-payments-powered,
.trust-badge,
.footer-bottom,
.modal-header .brand,
.modal-close,
.modal-tab,
.field-divider,
.field-label,
.opt-tag,
.modal-logo-text .brand-line,
.modal-foot-note,
.nav-drawer a,
.faq-item summary::after,
.sx-mini,
.sx-eyebrow,
.sx-canvas-top,
.sx-draw-cap,
.sx-draw-pin,
.sx-minicard small,
.sx-canvas-bottom,
.sx-feature .num,
.sx-module-tab .sx-num,
.sx-module-preview .overline,
.sx-industry-tag,
.sx-plan .popular,
.sx-plan .tier,
.sx-visual-kicker,
.sx-cost-kpi small,
.sx-q-index,
.sx-q-tag,
[style*="DM Mono"],
.srsc-kick,
.srsc-label,
.srsc-free,
.srsc-steps{font-weight:600!important;letter-spacing:.07em!important;font-variant-numeric:tabular-nums}
/* Figures line up in prices, scores and tables */
.pack-price,.metric .num,.sx-plan h3,.calc-val,.credit-cost,.srsc-dial,td,th{font-variant-numeric:tabular-nums}
