/* ============================================================================
   Public site v2 — site-v2.css (loads after site.css)
   Editorial elevation: circular icon fields · quieter cards · refined band.
   ============================================================================ */

/* hero — deepen the warmth, larger optical headline */
.hero { padding: 84px 0 48px; }
.hero h1 { letter-spacing: -.034em; }
.hero .lede { font-size: var(--text-md); }

/* features — circular icon fields, hairline cards */
.feat { box-shadow: none; border-radius: var(--radius-lg); }
.feat:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); border-color: var(--accent-border); }
.feat__ic { border-radius: 50%; }
.feat h3 { letter-spacing: -.012em; }

/* metric band — serif numerals in ink, accent reserved.
   ⚠ 42px is a DISPLAY size and stays off the scale on purpose, like the hero and
   section clamps beside it. It sits exactly between --text-3xl (36) and --text-4xl
   (48), so snapping it either way is a visible 6px redesign of the page's biggest
   non-hero numerals — a design decision, not a cleanup, and not one to make silently
   in a tidy-up pass. The label under it IS on the scale.
   ✅ DECIDED 2026-08-23 (owner, from rendered 36 / 42 / 48 comparisons): it STAYS 42px.
   36 made the band recede into a footnote under the hero; 48 made the numerals compete
   with the headline directly above them. This is now a ratified exception rather than an
   unexamined leftover — and it keeps company with the hero and section heads, which are
   clamps and therefore off-scale by design too. The 560 tier already steps it to 30px on
   phones, so this figure governs tablet-and-up only. */
.metric .v { color: var(--hearth-text); font-size: 42px; letter-spacing: -.022em; }
.metric .k { font-size: var(--text-xs); text-transform: uppercase; letter-spacing: .1em; font-weight: 600; }

/* plans */
.plan { box-shadow: none; border-radius: var(--radius-xl); }
.plan.feat-plan { box-shadow: 0 0 0 1px var(--accent-border); }

/* product card */
.pcard { box-shadow: var(--shadow-md); }

/* nav */
.nav__brand .wm { letter-spacing: .24em; }