/* S4 visual layer: the quiet temperature (banked v3/D1-D13 rules).
 * Loads LAST on the landing page only. Restyles presentation; never
 * touches functional DOM. Tokens come from premium-foundation-v1. */

/* ---------- hero: stop screaming ---------- */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .v2-hero-title {
  font-size: clamp(44px, 3.9vw, 56px);
  font-weight: 400;
  line-height: 1.08;
  letter-spacing: -0.01em;
  max-width: 21ch;
  color: var(--landing-text-hi);
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .v2-hero-lede,
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .v2-hero-lede .hero-snapshot-copy {
  font-size: 15px;
  line-height: 1.6;
  color: var(--landing-text-2);
  max-width: 58ch;
}
/* ---- S4 round 14: ONE secondary-action token (corporate import, owner pick A) ----
 * Every content-area open/see/read action shares one voice: sans 15/500,
 * neutral ink, underline. Amber stays the sole primary; the outlined pill
 * stays the sole secondary button. The mobile block's full-width exhibit
 * action keeps its tap-target outline treatment (later block wins). */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) :is(.hero-proof-link, .snapshot-example__primary-action, .proof-audit-link, .proof-method-link) {
  font: 500 15px/1.4 var(--font-sans, inherit);
  letter-spacing: 0;
  text-transform: none;
  color: var(--landing-text-2);
  text-decoration: underline;
  text-decoration-color: var(--landing-line-strong);
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) :is(.hero-proof-link, .snapshot-example__primary-action, .proof-audit-link, .proof-method-link):is(:hover, :focus-visible) { color: var(--landing-text-hi); }
/* Desktop: the token is a text line, not a tap slab - the 48px tap-target
 * treatment stays mobile-only (mobile blocks below keep it). Height-budget
 * critical: without this the 15px links wrap the exhibit footer to three
 * 48px rows and breach the landing ceiling. */
@media (min-width: 761px) {
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .snapshot-example__links a {
    min-height: 0;
    padding: 0;
  }
}

/* intake panel: hairline instrument, quiet labels */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .intake-panel {
  border: 1px solid var(--landing-line);
  background: transparent;
  box-shadow: none;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final, html.s4.s4.s4.s4.s4) .intake-panel label {
  font: 500 11.5px/1.4 var(--font-mono, monospace);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--landing-text-3);
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final, html.s4.s4.s4.s4.s4) .intake-panel .hint,
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .snapshot-trustline,
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .form-note {
  font-size: 11.5px;
  line-height: 1.55;
  color: var(--landing-text-3);
}

/* ---------- exhibit: dense chrome goes quiet, the document breathes ---------- */
/* (round-1 margin-top retired: the figure lives in the hero grid since round 2) */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .snapshot-example__eyebrow {
  font: 500 11.5px/1.4 var(--font-mono, monospace);
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--landing-text-3);
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .snapshot-example__header h2 {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.4;
  color: var(--landing-text-hi);
  margin: 4px 0 0;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .snapshot-example__subject {
  font: 400 11.5px/1.5 var(--font-mono, monospace);
  color: var(--landing-text-2);
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .snapshot-example__subject span {
  color: var(--landing-text-3);
  font-weight: 500; /* r81 label tidy: kills the 750 one-off (landing-redesign-v2 444) */
  letter-spacing: .14em; /* r81 label tidy: DATA LABEL tier */
  text-transform: uppercase;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .snapshot-example__boundary {
  font-size: 15px;
  line-height: 1.55;
  color: var(--landing-text-2);
  max-width: 52ch;
  margin: 10px 0 8px;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .snapshot-example__viewport {
  border: 1px solid var(--landing-line);
  border-radius: 2px;
  background: var(--landing-well);
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .snapshot-example__footer p {
  font-size: 11.5px;
  color: var(--landing-text-2);
}

/* ---------- handoff ledger: one hairline, mono names ---------- */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .v2-handoff { border-top: 1px solid var(--landing-line); padding-top: 56px; margin-top: 96px; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .v2-handoff-label {
  font: 500 11.5px/1.4 var(--font-mono, monospace);
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--landing-text-3);
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .v2-handoff-title { font-size: 16px; font-weight: 600; max-width: 44ch; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .v2-handoff-copy { font-size: 15px; color: var(--landing-text-2); }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .v2-handoff-gate { font: 500 11.5px/1.4 var(--font-mono, monospace); letter-spacing: .16em; text-transform: uppercase; color: var(--landing-text-3); margin: 0 0 16px; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .v2-output-name {
  font: 500 11.5px/1.5 var(--font-mono, monospace);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--landing-text-hi);
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .v2-output-copy { font-size: 15px; color: var(--landing-text-2); }

/* ---------- pricing: one band, hairline rules, one loud numeral ---------- */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .v2-offer-label {
  font: 500 11.5px/1.4 var(--font-mono, monospace);
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--landing-text-3);
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) #package-start-title { font-size: 16px; font-weight: 600; }

:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-step-label,
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-mode-eyebrow {
  font: 500 11.5px/1.4 var(--font-mono, monospace);
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--landing-text-3);
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-step-title,
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-mode-heading h3 { font-size: 16px; font-weight: 600; }

/* trial instrument: one hairline box above the columns */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-trial-anchor {
  border: 1px solid var(--landing-line);
  border-radius: 2px;
  padding: 14px 18px;
  background: transparent;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-trial-anchor strong {
  font: 500 11.5px/1.5 var(--font-mono, monospace);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--landing-text-hi);
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-trial-anchor p { font-size: 11.5px; color: var(--landing-text-2); }

/* the cards become one surface with vertical rules */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-grid--monthly { gap: 0; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-card {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 28px 24px;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice + .package-choice .package-choice-card {
  border-left: 1px solid var(--landing-line) !important;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-top strong { font-size: 16px; font-weight: 600; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-top > span:not(.s4-chip) {
  font-size: 11.5px;
  color: var(--landing-text-3);
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-price {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 48px;
  font-weight: 500;
  line-height: 1;
  color: var(--landing-text-hi);
  letter-spacing: -0.01em;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-price small {
  font: 400 11.5px/1 var(--font-mono, monospace);
  color: var(--landing-text-3);
  letter-spacing: .06em;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-capacity strong {
  font: 500 16px/1.2 var(--font-mono, monospace);
  color: var(--landing-text-hi);
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-capacity span {
  font: 400 11.5px/1.2 var(--font-mono, monospace);
  color: var(--landing-text-3);
  letter-spacing: .08em;
  text-transform: uppercase;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-unit {
  font-size: 11.5px;
  color: var(--landing-text-2);
}

/* the one tier-guidance device */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .s4-chip {
  display: inline-block;
  font: 500 11.5px/1 var(--font-mono, monospace);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--landing-signal);
  border: 1px solid var(--landing-signal);
  border-radius: 2px;
  padding: 4px 8px;
  margin-left: 10px;
  vertical-align: middle;
}

/* single lane matches the band */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-mode--single .package-choice-card { border-top: 1px solid var(--landing-line) !important; }

/* fine print: one quiet prose run */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-price-basis {
  font: 400 11.5px/1.6 var(--font-mono, monospace);
  color: var(--landing-text-3);
}

/* selected state stays visible but calm */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-selected { font-size: 11.5px; color: var(--landing-text-2); }

/* de-amber everything decorative; amber stays functional only
   (hero CTA, armed brackets, the chip) */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .v2-handoff-label,
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .v2-offer-label,
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .snapshot-example__eyebrow,
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-step-label { color: var(--landing-text-3) !important; }

/* ---------- zero-shadow rule + scale consolidation (round-1 audit) ---------- */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .proof-console { box-shadow: none !important; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-card-signup { box-shadow: none !important; border-left: 1px solid var(--landing-line); }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .site-header .word, :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .v2-nav-link { font-size: 15px; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) footer a, :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) footer p { font-size: 11.5px; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-plan-terms span, :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-plan-terms li { font-size: 11.5px; color: var(--landing-text-2); }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .snapshot-example__footer p { font-size: 11.5px; }

/* scale-wide backstops: every h2/h3 in main is body-head size */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) main h2 { font-size: 16px; font-weight: 600; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) main h3 { font-size: 16px; font-weight: 600; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .snapshot-example__subject span { font-size: 11.5px; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-plan-terms strong, :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-plan-terms p,
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-plan-terms div, :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-plan-terms span { font-size: 11.5px; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .site-footer a, :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .site-footer p, :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .tag { font-size: 11.5px; }

:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-card-signup label { font-size: 11.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--landing-text-3); }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-config-failure p { font-size: 15px; color: var(--landing-text-2); }

/* ==================== S4 round 2: vercel geometry ====================
 * Owner ruling 2026-07-17: vercel.com is the base point. Spec: the
 * judged workflow synthesis + both verification panels' patches
 * (banked: inflect-outreach ops + session record). Every selector
 * rides the five-class hammer; the wrap is restored to token width so
 * the 12-col math holds: content 1072, col 60, gap 32. */

/* wrap arithmetic restored (kills the 1180px desktop override) */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .proof-stage > .wrap {
  width: auto;
  max-width: 1240px;
}

/* ---- nav: 64px hairline strip ---- */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .site-header {
  border-bottom: 1px solid var(--landing-line);
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .site-header .bar {
  min-height: 64px;
}

/* ---- hero: the document on the black stage ---- */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .proof-stage {
  padding: 56px 0 128px;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .proof-console {
  display: block;
  border: 0;
  background: transparent;
  clip-path: none;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .proof-console::before {
  display: none;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .proof-console__top {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-rows: auto auto;
  gap: 24px 32px;
  padding: 0;
  align-items: start;
  min-height: 0;
  border: 0;
  background: transparent;
}
/* 40vw exhibit floor: left 5 cols (428px), exhibit 7 cols (612px = 42.5vw) */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .proof-copy {
  grid-column: 1 / span 6;
  grid-row: 1;
  align-self: start;
  max-width: none;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .proof-console__top > .intake-panel {
  grid-column: 1 / span 6;
  grid-row: 2;
  width: 100%;
  padding: 20px 20px 16px;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .proof-console__top > .snapshot-example {
  grid-column: 7 / -1;
  grid-row: 1 / span 2;
  margin: 0;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .v2-hero-title { margin: 10px 0 16px; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .v2-hero-lede,
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .v2-hero-lede .hero-snapshot-copy {
  max-width: 50ch;
}
/* hero intake form: single column, compact vercel-pill CTA */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .proof-console__top .snapshot-form {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .proof-console__top .snapshot-form > .btn {
  grid-column: auto;
  height: auto;
  min-height: 44px;
  font-size: 15px;
  font-weight: 500;
  border-radius: 2px;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .proof-console__top .snapshot-form > .form-note {
  grid-column: auto;
  margin-top: 8px;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .proof-console__top .field input {
  min-height: 40px;
}

/* ---- exhibit dechrome: the white document IS the luminosity ---- */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .snapshot-example {
  border: 0;
  background: transparent;
  box-shadow: none;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .snapshot-example__header {
  display: block;
  background: transparent;
  border-bottom: 0;
  padding: 0 0 14px;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .snapshot-example__viewport {
  border: 1px solid var(--landing-line-strong);
  border-radius: 2px;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .snapshot-example__footer {
  background: transparent;
  padding: 10px 2px 0;
}

/* ---- pricing: one hairline band of three lanes ---- */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-start-section {
  padding-block: 128px;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-start-layout { display: block; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-start-intro {
  display: block;
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 64px;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) #package-start-title {
  font: 400 48px/1.1 var(--font-serif, Georgia, serif);
  letter-spacing: -0.01em;
  max-width: 24ch;
  color: var(--landing-text-hi);
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-trial-anchor {
  margin: 24px 0 32px;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-grid--monthly {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  padding: 0;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-grid--monthly .package-choice {
  width: 100% !important;
  margin-left: 0 !important;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-grid--monthly .package-choice-card {
  display: block;
  padding: 28px 24px 24px;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-grid--monthly .package-choice-select {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "plan" "commercial" "capacity" "unit";
  gap: 0;
  min-height: 0;
  padding: 0;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-grid--monthly .package-choice-top { grid-area: plan; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-grid--monthly .package-commercial { grid-area: commercial; margin-top: 16px; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-grid--monthly .package-capacity { grid-area: capacity; margin-top: 12px; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-grid--monthly .package-unit { grid-area: unit; margin-top: 8px; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-top .s4-chip {
  order: 1;
  margin-left: 8px;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-top > span:not(.s4-chip) {
  order: 2;
  flex-basis: 100%;
  margin-top: 4px;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-card-signup {
  border-left: 0;
  border-top: 1px solid var(--landing-line);
  background: transparent;
  padding: 16px 0 0;
  margin-top: 20px;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-card-signup input {
  min-height: 44px;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-selected {
  position: static;
  display: block;
  margin: 0 0 4px;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice > input:checked + .package-choice-card::before {
  display: block;
  inset: 0 0 auto 0;
  width: auto;
  height: 1px;
  background: var(--landing-signal);
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-plan-terms {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  border-top: 1px solid var(--landing-line);
  padding-top: 16px;
  margin: 10px 0 0;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-plan-terms > div {
  border-left: 0;
  padding: 0;
  grid-column: auto;
  grid-row: auto;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-plan-terms > div::before {
  display: none;
}
/* single audit: quiet one-time row beneath the band */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-mode--single > .package-choice {
  border: 0;
  background: transparent;
}
/* micro-label census: demote step-label + mode-eyebrow to sentence-case */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-step-label,
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-mode-eyebrow {
  font: 400 11.5px/1.5 var(--font-sans, inherit);
  letter-spacing: 0;
  text-transform: none;
  color: var(--landing-text-3);
}

/* ---- footer ---- */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .site-footer {
  border-top: 1px solid var(--landing-line);
  padding-block: 48px;
  margin-top: 128px;
}

/* ---- responsive: single column under 1040, baseline mobile exhibit stands ---- */
@media (min-width: 761px) and (max-width: 1040px) {
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .snapshot-example__frame { height: 480px; }
}
@media (max-width: 1040px) {
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .proof-console__top { grid-template-columns: 1fr; }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .proof-copy,
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .proof-console__top > .intake-panel,
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .proof-console__top > .snapshot-example {
    grid-column: 1 / -1;
    grid-row: auto;
  }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .proof-console__top > .intake-panel { max-width: 600px; }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-grid--monthly { grid-template-columns: 1fr; }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice + .package-choice .package-choice-card {
    border-left: 0 !important;
    border-top: 1px solid var(--landing-line) !important;
  }
}

/* ==================== S4 round 2b: vercel colorway ====================
 * Owner ruling 2026-07-17: "make the color scheme more like that dark
 * website i said i liked" = vercel. Pure black ground, cool neutral
 * grays; the amber ruling stands (made after seeing vercel, D13).
 * Token VALUES re-tuned; the token system itself is unchanged. */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) {
  --pf-canvas: #000000;
  --ink-950: #000000;
  --pf-cream: #f5f5f5;
  --pf-cream-muted: #a3a3a3;
  --pf-cream-low: #8a8a8a;
  --pf-line: rgba(255, 255, 255, .11);
  --pf-line-strong: rgba(255, 255, 255, .22);
  --landing-canvas: #000000;
  --landing-face: #000000;
  --landing-text-hi: #f5f5f5;
  --landing-text-2: #a3a3a3;
  --landing-text-3: #8a8a8a;
  --landing-line: rgba(255, 255, 255, .13);
  --landing-line-strong: rgba(255, 255, 255, .24);
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) body { background: #000; color: var(--landing-text-hi); }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .band-deep { background: #000; }

/* ---- free-vs-full disambiguation (owner note 2026-07-17) ---- */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .snapshot-example__viewport { position: relative; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .s4-plate-tag {
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 2;
  font: 500 11.5px/1 var(--font-mono, monospace);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #000;
  background: var(--landing-text-hi);
  padding: 5px 9px;
  border-radius: 2px 0 2px 0;
}

/* ==================== S4 round 2d: below-the-fold sweep ====================
 * Visual pass (capture rig) found legacy internals surviving under the
 * round-2 geometry: panel boxes and stagger in the handoff, absolute
 * signup rows overlapping plan terms, ghost columns squeezing copy,
 * stray dividers. Flatten them. */

/* handoff: one hairline strip, intro prose + 4 equal columns */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-summary { display: block; background: transparent; border: 0; padding: 0; margin: 0; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .v2-handoff {
  display: block;
  background: transparent;
  border: 0;
  border-top: 1px solid var(--landing-line);
  padding: 48px 0 0;
  margin-top: 96px;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .v2-handoff::before, :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .v2-handoff::after { display: none; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .v2-handoff-intro {
  display: block;
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0 0 32px;
  max-width: 62ch;
  min-height: 0;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .v2-output-ledger {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .v2-output {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 24px 0 0 !important;
  width: auto !important;
  max-width: none !important;
  transform: none !important;
  position: static !important;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .v2-output + .v2-output {
  border-left: 1px solid var(--landing-line) !important;
  padding-left: 24px !important;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .v2-output-name { margin: 0 0 8px; }
/* r38/R5: stack name above description so each description gets the full column measure (was a 2-col name-left/copy-right cell that starved the copy to ~20ch) */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .v2-output { grid-template-columns: 1fr; gap: 0; }

/* pricing band: kill ghost columns and absolute leftovers */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-trial-anchor { width: auto; max-width: none; min-height: 0; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-trial-anchor p { max-width: 75ch; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-grid--monthly .package-choice,
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-grid--monthly .package-choice-card {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible;
  position: relative;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-grid--monthly .package-choice-select > * {
  border: 0;
  margin-left: 0;
  padding-left: 0;
  justify-self: start;
  text-align: left;
  min-height: 0;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-grid--monthly .package-choice-select > *::before,
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-grid--monthly .package-choice-select > *::after { display: none; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-grid--monthly .package-commercial { margin-top: 16px; min-height: 0; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-grid--monthly .package-capacity { margin-top: 12px; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-grid--monthly .package-unit { margin-top: 8px; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-card-signup { position: static !important; width: auto !important; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-price { display: flex; align-items: baseline; gap: 6px; white-space: nowrap; min-height: 0; }

/* single: one calm row, no collisions */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-mode--single .package-choice-card {
  display: grid !important;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  gap: 24px;
  align-items: center;
  padding: 24px 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--landing-line) !important;
  background: transparent !important;
  min-height: 0 !important;
  height: auto !important;
}
@media (max-width: 1040px) {
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .v2-output-ledger { grid-template-columns: 1fr; }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .v2-output { padding: 12px 0 !important; }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .v2-output + .v2-output { border-left: 0 !important; border-top: 1px solid var(--landing-line) !important; padding-left: 0 !important; }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-mode--single .package-choice-card { grid-template-columns: 1fr; }
}

/* round 2d fixups from the second capture pass */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-grid--monthly .package-capacity,
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-grid--monthly .package-capacity * ,
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-mode--single .package-capacity,
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-mode--single .package-capacity * { text-decoration: none !important; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-grid--monthly .package-choice-card {
  display: flex !important;
  flex-direction: column;
  height: 100% !important;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-grid--monthly .package-choice { display: flex; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-grid--monthly .package-choice-select { flex: 1 1 auto; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-plan-terms > div { margin: 0 !important; align-self: start; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-plan-terms strong { display: block; border: 0 !important; margin: 0 0 6px; padding: 0; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .v2-handoff-label { max-width: none; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .v2-handoff-title { border: 0; padding-bottom: 0; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-price small { white-space: nowrap; }

:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-card-signup .field, :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-card-signup input { width: 100% !important; max-width: none !important; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-mode--single .package-choice-card { grid-template-columns: minmax(0, 3fr) minmax(220px, 1fr); }

/* left-align the legacy centered legend + instruction */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-fieldset legend,
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-step-title,
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-inline-instruction {
  text-align: left;
  margin-left: 0;
  margin-right: 0;
  max-width: 62ch;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-fieldset legend { padding: 0; display: block; }

/* ==================== funnel fix: spotlight state visuals ====================
 * The resting hairline rule outgunned the legacy .lit/.armed states, so
 * arming never turned the panel amber. State rules restored at layer
 * specificity: amber keyline + luminance lift + functional 1px halo.
 * (The legacy 8px hard-offset slab stays dead per the zero-shadow rule.) */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .proof-console__top > .intake-panel.lit,
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .proof-console__top > .intake-panel.armed,
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .proof-console__top > .intake-panel.locking {
  background: rgba(255, 255, 255, .07);
  border-color: var(--landing-signal);
  box-shadow: 0 0 0 1px var(--landing-signal);
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .proof-console__top > .intake-panel.lit {
  position: relative;
  z-index: 31;
}

/* ==================== S4 propagation: /pricing ==================== */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .pricing-hero { padding-top: 56px; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) #pricing-title {
  font: 400 clamp(40px, 3.4vw, 48px)/1.1 var(--font-serif, Georgia, serif);
  letter-spacing: -0.01em;
  max-width: 22ch;
  color: var(--landing-text-hi);
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .pricing-hero .lede, :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .pricing-hero p { max-width: 62ch; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .pricing-package, :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .pricing-policy-section { padding-block: 96px 0; }

/* pricing page: dechrome the deliverables + plan-controls output grids
   and the config-failure band; same hairline strips as the landing */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .pricing-package .v2-output, :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .pricing-policy-section .v2-output,
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .pricing-package [class*="output"], :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .pricing-policy-section [class*="output"],
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .pricing-package li, :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .pricing-policy-section li,
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .pricing-package dd, :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .pricing-package dt {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .pricing-package .wrap > div, :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .pricing-policy-section .wrap > div { background: transparent; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-config-failure { background: transparent; border-top: 1px solid var(--landing-line); border-bottom: 1px solid var(--landing-line); }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-config-failure h2 { font-size: 16px; }

/* pricing page: commercial nests the unit span here; stack it under the price */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-commercial {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-unit { text-align: left; justify-self: start; }

/* pricing single: unit lives inside commercial, so the select is 3 lanes here */

/* deliverables + plan-controls: hairline strips, not boxed cards */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-part {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 24px 0 0 !important;
  width: auto !important;
  transform: none !important;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px 0;
  background: transparent;
  border: 0;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-grid .package-part:nth-child(2n) {
  border-left: 1px solid var(--landing-line) !important;
  padding-left: 24px !important;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .part-num {
  font: 500 11.5px/1.4 var(--font-mono, monospace);
  letter-spacing: .14em;
  color: var(--landing-text-3);
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-part h3 { font-size: 16px; font-weight: 600; margin: 6px 0 6px; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-part p { font-size: 15px; color: var(--landing-text-2); margin: 0; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .pricing-policy-grid { background: transparent; border: 0; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .pricing-policy-grid > * {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .pricing-policy-grid > * + * { border-left: 1px solid var(--landing-line) !important; padding-left: 24px !important; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .section.pricing-package, :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .section.pricing-policy-section { background: #000; }

/* ==================== S4 propagation: base-token pages ====================
 * method, sample-report, terms, privacy, sign-in, account, 404.
 * These ride base.css tokens, so the colorway bridges at the base
 * family. snapshot-example is EXEMPT: it is the hash-pinned delivered
 * artifact and keeps its own document design (A3 chain). */
html.s4.s4.s4.s4.s4 {
  --bg: #000000;
  --ink: #f5f5f5;
  --ink-950: #000000;
  --muted: #a3a3a3;
  --paper: #0a0a0a;
  --hairline-1: rgba(255, 255, 255, .08);
  --hairline-2: rgba(255, 255, 255, .13);
  --hairline-3: rgba(255, 255, 255, .2);
  --landing-signal: #f39f41;
}
html.s4.s4.s4.s4.s4 body {
  background: #000;
  color: var(--ink);
  font-size: 15px;
  line-height: 1.6;
}
html.s4.s4.s4.s4.s4 .site-header { border-bottom: 1px solid var(--hairline-2); background: #000; }
html.s4.s4.s4.s4.s4 .site-header .bar { min-height: 64px; }
html.s4.s4.s4.s4.s4 .site-header .word { font-size: 15px; color: var(--ink); }
html.s4.s4.s4.s4.s4 .site-header a { color: var(--muted); }
html.s4.s4.s4.s4.s4 .site-header a:hover { color: var(--ink); }
html.s4.s4.s4.s4.s4 main h1 {
  font: 400 clamp(36px, 3vw, 44px)/1.12 var(--font-serif, Georgia, serif);
  letter-spacing: -0.01em;
  color: var(--ink);
  max-width: 24ch;
}
html.s4.s4.s4.s4.s4 main h2 { font-size: 16px; font-weight: 600; color: var(--ink); margin-top: 48px; }
html.s4.s4.s4.s4.s4 main h3 { font-size: 15px; font-weight: 600; color: var(--ink); }
html.s4.s4.s4.s4.s4 main p, html.s4.s4.s4.s4.s4 main li, html.s4.s4.s4.s4.s4 main dd { font-size: 15px; color: var(--muted); }
html.s4.s4.s4.s4.s4 main strong { color: var(--ink); }
html.s4.s4.s4.s4.s4 .kicker, html.s4.s4.s4.s4.s4 main .eyebrow {
  font: 500 11.5px/1.4 var(--font-mono, monospace);
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--muted);
}
html.s4.s4.s4.s4.s4 main a { color: var(--ink); text-decoration-color: var(--hairline-3); }
html.s4.s4.s4.s4.s4 main section, html.s4.s4.s4.s4.s4 main article, html.s4.s4.s4.s4.s4 main div {
  box-shadow: none !important;
}
html.s4.s4.s4.s4.s4 .site-footer, html.s4.s4.s4.s4.s4 footer { border-top: 1px solid var(--hairline-2); background: #000; margin-top: 96px; }
html.s4.s4.s4.s4.s4 footer a, html.s4.s4.s4.s4.s4 footer p, html.s4.s4.s4.s4.s4 .tag { font-size: 11.5px; color: var(--muted); }
/* long-form legal pages: readable measure, hairline section rhythm */
html.s4.s4.s4.s4.s4 main .wrap { max-width: 76ch; }
html.s4.s4.s4.s4.s4.s4-wide main .wrap { max-width: var(--maxw, 1120px); }

/* sample-report finding cards use inline styles on legacy tokens;
   bridge the tokens instead of fighting inline (amber budget: the
   numbers go muted, the page CTA stays the amber) */
html.s4.s4.s4.s4.s4 {
  --primary: #f5f5f5;
  --accent-deep: #8a8a8a;
  --seat: none;
  --rule: rgba(255, 255, 255, .13);
}
/* legal doc pages: left-set headers like the rest of the system */
html.s4.s4.s4.s4.s4.s4-doc main, html.s4.s4.s4.s4.s4.s4-doc main * { text-align: left; }

/* ==================== Single audit: one more lane ====================
 * Owner: "not sold with this." The scattered full-width row dies; the
 * Single renders with the exact anatomy of a monthly lane (name, 48px
 * price, unit line, capacity, hairline, email row) at lane width,
 * under a one-line mode intro. Later rules override the earlier
 * single-row experiments at equal specificity. */
/* r44: single-audit risk-reversal - the reserve/settle guarantee (Terms line 60) shown
 * on the Single section itself (its highest-risk buyer pays fully up front, no pilot).
 * flex-basis:100% breaks it to its own line below the head row; text-2 + near-white lead
 * so it reads, not buried. Worded as a RETAINED CREDIT, never a refund (Terms line 64). */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-mode--single .package-choice {
  border: 0;
  background: transparent;
  max-width: 384px;
  display: flex;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-mode--single .package-choice-card {
  display: flex !important;
  flex-direction: column;
  height: 100% !important;
  grid-template-columns: none;
  gap: 0;
  padding: 28px 24px 24px 0 !important;
  border: 0 !important;
  background: transparent !important;
  min-height: 0 !important;
}
@media (max-width: 1040px) {
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-mode--single .package-choice { max-width: none; }
}

:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-mode--single .package-choice { margin: 0 !important; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-mode--single .package-choice-card { padding-left: 0 !important; }

/* r61: title-case card names (reset base.css's uppercase+tracking); now SHARED so the landing
 * compare grid matches pricing (was pricing-only). */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-top strong { text-transform: none; letter-spacing: 0; }
html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .package-commercial .package-unit { align-self: flex-start; text-indent: 0; width: auto; }

/* ==================== S4 round 3: MOBILE COMPOSITION ====================
 * Synthesis of the workflow's three specs (object-first base + action-first
 * grafts + compression repairs); judge ran inline after the subagent limit,
 * verification is empirical via the rig. KEEP THIS BLOCK LAST: anything
 * earlier loses the cascade to the un-media'd hammers (audit-proven). */
@media (max-width: 760px) {
  /* chrome: halve the rhythm (compression graft) */
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .site-header .bar { min-height: 52px; }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .mobile-utility__inner { padding-block: 8px; }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .proof-stage { padding: 32px 0 64px; }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-start-section { padding-block: 56px; }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .pricing-package, :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .pricing-policy-section { padding-block: 48px 0; }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .v2-handoff { margin-top: 48px; padding-top: 28px; }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-start-intro { margin-bottom: 28px; }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .site-footer { margin-top: 64px; padding-block: 28px; }

  /* the document leads: hero re-composition */
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .proof-console__top { gap: 0; }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .proof-copy { display: contents; }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .proof-console__top > .snapshot-example { display: contents; }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .v2-hero-title { order: 2; margin: 0 0 12px; font-size: 44px; line-height: 1.08; }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .hero-proof-link { order: 3; justify-self: start; margin: 0 0 18px; }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .snapshot-example__viewport {
    order: 4;
    width: 100%;
    height: 380px;
    padding: 0;
    overflow: hidden;
    background: #0a0a0a;
    border: 1px solid var(--landing-line-strong);
  }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .snapshot-example__frame {
    background: transparent;
    width: calc(100% / .75);
    height: 507px;
    transform: scale(.75);
    transform-origin: top left;
  }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .proof-console__top > .intake-panel {
    order: 5;
    margin-top: 18px;
    padding: 16px 16px 14px;
    max-width: none;
  }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .proof-console__top .snapshot-form { gap: 12px; }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .intake-panel .hint, :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .snapshot-trustline { line-height: 1.45; }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .snapshot-example__header { order: 6; margin-top: 24px; padding: 0; }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .snapshot-example__footer { order: 7; padding: 10px 0 0; }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .snapshot-example__links { display: flex; flex-direction: column; gap: 10px; }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .snapshot-example__primary-action {
    display: block;
    width: 100%;
    min-height: 48px; /* r122: outside the footer the anchor loses the v2 48px floor */
    border: 1px solid var(--landing-line-strong);
    border-radius: 2px;
    padding: 12px 14px;
    text-align: center;
  }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .v2-hero-lede { order: 8; margin: 24px 0 0; }

  /* phantom-rule repairs: restore the mobile collapses my desktop
     hammers were strangling */
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-plan-terms { grid-template-columns: 1fr; gap: 16px; }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-grid { grid-template-columns: 1fr; gap: 20px 0; }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-grid .package-part:nth-child(2n) { border-left: 0 !important; padding-left: 0 !important; }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-grid .package-part + .package-part { border-top: 1px solid var(--landing-line); padding-top: 16px !important; }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .pricing-policy-grid > * + * { border-left: 0 !important; padding-left: 0 !important; border-top: 1px solid var(--landing-line) !important; padding-top: 16px !important; }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-trial-anchor { padding: 12px 14px; margin: 16px 0 20px; }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-trial-anchor p { font-size: 11.5px; }

  /* pricing fold: floor fix + tighten to the first decision unit */
  html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final #pricing-title { font-size: 44px; line-height: 1.1; }
  html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .pricing-hero { padding-top: 28px; }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-fieldset legend { margin-bottom: 4px; }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-inline-instruction { margin: 0 0 16px; }
}
@media (max-width: 340px) {
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .snapshot-example__viewport { height: 320px; }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .snapshot-example__frame { height: 427px; }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .proof-stage { padding-top: 24px; }
}

@media (max-width: 760px) {
  html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .pricing-hero .lede { line-height: 1.5; margin-bottom: 12px; }
  html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .pricing-hero .kicker { margin-bottom: 6px; }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-step-title { margin: 0; }
}

/* ==================== S4 round 4: SPACING SCALE + HIERARCHY NORM ============
 * 2026-07-17 audit (ops/2026-07-17-spacing-hierarchy-round.md): ONE spacing
 * scale - HAIR 8 / TIGHT 16 / GROUP 24 / BLOCK 48 / BAND 64 / SECTION 128
 * perceived (64+64 across the hairline; halved mobile) - plus type-scale,
 * kicker-role, and amber-budget normalization. Findings O1-O11.
 * Desktop rules here; the round-4 mobile block at the very END of the file
 * restates every touched property (cascade rule: mobile stays last). */

/* O7/O11: section breaks read 128 (64 content-to-hairline each side) */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .proof-stage { padding: 56px 0 64px; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-start-section { padding-block: 64px; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .pricing-package, :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .pricing-policy-section { padding-block: 64px; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .v2-handoff { margin-top: 64px; padding-top: 64px; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .v2-handoff-intro { margin-bottom: 24px; }
:is(html.s4.s4.s4.s4.s4, html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .site-footer { margin-top: 0; padding-block: 64px 48px; }
html.s4.s4.s4.s4.s4 .section { padding-block: 64px; }
html.s4.s4.s4.s4.s4 .auth-shell, html.s4.s4.s4.s4.s4 .account-runtime-shell { padding-block: 64px; }

/* O8: the runtime shells stop faking a full viewport (dead-air killer) */
html.s4.s4.s4.s4.s4 .auth-main, html.s4.s4.s4.s4.s4 .account-runtime-main { min-height: 0; }

/* O9: the agency-math paragraph gets its TIGHT step back */

/* O10: kicker-to-heading pairs on method match the site's TIGHT step */
html.s4.s4.s4.s4.method-final :is(.method-section-head, .method-close) h2 { margin-top: 14px; }

/* O10: legal block rhythm lands on BAND 64 and terms == privacy
 * (the containers carry inline gap:34px, hence the attribute match) */
html.s4.s4.s4.s4.s4-doc .doc div[style*="gap"] { gap: 16px !important; }
html.s4.s4.s4.s4.s4-doc .stack > div { margin-top: 0; }

/* O10: sample-report availability block joins the page's own block rhythm */
html.s4.s4.s4.s4.sample-final #sample-availability { margin-top: 48px; }

/* O2: subpage h1 discipline - 48 desktop (44 mobile floor in the end block) */
html.s4.s4.s4.s4.s4 main h1 { font-size: 48px; }

/* O4: shared chrome joins the scale */
:is(html.s4.s4.s4.s4.s4, html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .site-header .nav a { font-size: 15px; }
:is(html.s4.s4.s4.s4.s4, html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .site-header .btn--sm { font-size: 15px; }
:is(html.s4.s4.s4.s4.s4, html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .site-footer .word { font-size: 15px; }
html.s4.s4.s4.s4.s4 .btn { font-size: 15px; }
html.s4.s4.s4.s4.s4 .auth-text-button { font-size: 15px; }

/* O6: ONE kicker voice - mono 11.5/500, site-wide */
:is(html.s4.s4.s4.s4.s4, html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .kicker { font-family: var(--font-mono, var(--font-data, monospace)); font-size: 11.5px; font-weight: 500; }
html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .pricing-policy-grid span[aria-hidden="true"], html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .part-num { font-family: var(--font-mono, var(--font-data, monospace)); font-size: 11.5px; font-weight: 500; }

/* O4: pricing strays onto the scale */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .lede { font-size: 16px; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-inline-instruction { font-size: 15px; }
html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .pricing-policy-grid p { font-size: 15px; }

/* O3: method amber budget - decorative numerals demote to muted mono */
html.s4.s4.s4.s4.method-final .method-map-num, html.s4.s4.s4.s4.method-final .method-gate-num { color: var(--muted); font-size: 11.5px; }

/* O4/O5: method sizes onto the scale */
html.s4.s4.s4.s4.method-final .method-map strong { font-size: 16px; }
html.s4.s4.s4.s4.method-final .method-map div > span { font-size: 15px; }
html.s4.s4.s4.s4.method-final .method-scope-ledger dt { font-family: var(--font-mono, var(--font-data, monospace)); font-size: 11.5px; font-weight: 500; }
html.s4.s4.s4.s4.method-final .method-snapshot-output .mono, html.s4.s4.s4.s4.method-final .method-paper-label { font-size: 11.5px; }
html.s4.s4.s4.s4.method-final .method-snapshot-output li strong { font-size: 15px; }
html.s4.s4.s4.s4.method-final .method-snapshot-output li span { font-size: 11.5px; }
html.s4.s4.s4.s4.method-final .method-paper ol span[aria-hidden="true"] { font-size: 11.5px; }
/* r81 label tidy: the s4 skin strips the paper background (transparent, rule below)
 * but these labels kept the PAPER-era ink --accent-wash #92400e (6.51:1 on white,
 * ~2.6:1 on black). Ladder kicker ink instead. */
html.s4.s4.s4.s4.method-final .method-paper-label,
html.s4.s4.s4.s4.method-final .method-paper li span { color: #8a8a8a; }

/* O1: sample-report cards - the invisible warm-ink labels come back to ink,
 * inline legacy styles beaten at the attribute (page-scoped, presentational
 * only; card text bytes untouched) */
html.s4.s4.s4.s4.sample-final article p strong { color: var(--ink, #f5f5f5) !important; }
html.s4.s4.s4.s4.sample-final article p { font-size: 15px !important; }
html.s4.s4.s4.s4.sample-final article p[style*="uppercase"] { font-size: 11.5px !important; }
html.s4.s4.s4.s4.sample-final .fn-title { font-size: 16px !important; }
html.s4.s4.s4.s4.sample-final .badge { font-size: 11.5px; }
html.s4.s4.s4.s4.sample-final div[style*="wash"] p { font-size: 15px !important; }

/* O4: terms caps paragraphs onto body 15 (text bytes untouched) */
html.s4.s4.s4.s4.s4-doc p[style*="uppercase"] { font-size: 15px !important; }

/* ==================== S4 round 4: MOBILE (KEEP THIS BLOCK LAST) =============
 * Halved scale (SECTION 64 = 32+32, BAND/BLOCK 32) + the 44px h1 floor.
 * Restates every property the round-4 desktop rules stole from the round-3
 * mobile block above (cascade rule). */
@media (max-width: 760px) {
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .proof-stage { padding: 32px 0 32px; }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-start-section { padding-block: 32px; }
  html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .pricing-hero { padding-top: 28px; }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .pricing-package, :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .pricing-policy-section { padding-block: 32px; }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .v2-handoff { margin-top: 32px; padding-top: 32px; }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .v2-handoff-intro { margin-bottom: 24px; }
  :is(html.s4.s4.s4.s4.s4, html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .site-footer { margin-top: 0; padding-block: 32px 28px; }
  :is(html.s4.s4.s4.s4.s4, html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .site-footer .row { gap: 16px; }
  html.s4.s4.s4.s4.s4 .section { padding-block: 32px; }
  html.s4.s4.s4.s4.s4 .auth-shell, html.s4.s4.s4.s4.s4 .account-runtime-shell { padding-block: 32px; }
  html.s4.s4.s4.s4.s4 main h1 { font-size: 44px; line-height: 1.08; }
  :is(html.s4.s4.s4.s4.s4, html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .mobile-utility a { font-size: 15px; }
  :is(html.s4.s4.s4.s4.s4, html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .site-header .nav a { font-size: 15px; }
}
@media (max-width: 340px) {
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .proof-stage { padding-top: 24px; }
}

/* ==================== S4 round 5: OWNER PICKS (2026-07-17) ==================
 * Ruling: "go with recommendation" on the round-4 subjective options.
 * (1) method dechrome  (2) sample cream -> amber-rule callout  (3) findings
 * one document frame  (4) paragraph merge [HTML]  (5) ledger names to quiet
 * sans  (6) sign-in retry parity [HTML]. Restyle, never remove. */

/* (1) method: the two rounded boxes flatten to hairline strips */
html.s4.s4.s4.s4.method-final .method-map { border: 0; border-radius: 0; background: transparent; box-shadow: none; }
html.s4.s4.s4.s4.method-final .method-map li { padding: 20px 0; }
html.s4.s4.s4.s4.method-final .method-map li:first-child { padding-top: 0; }
html.s4.s4.s4.s4.method-final .method-paper { border: 0; border-radius: 0; background: transparent; box-shadow: none; padding: 0; }

/* (2) sample-report: the cream disclaimer becomes the site's amber-rule
 * callout - same text, same position, full legibility, no longer the
 * brightest object on the page (inline styles beaten at the attribute) */
html.s4.s4.s4.s4.sample-final div[style*="wash"] { background: transparent !important; border: 0 !important; border-left: 2px solid var(--accent-hot, #f39f41) !important; border-radius: 0 !important; box-shadow: none !important; padding: 4px 0 4px 16px !important; }
html.s4.s4.s4.s4.sample-final div[style*="wash"] p { color: var(--muted, #a3a3a3) !important; }

/* (3) sample-report: three cards become ONE hairline document frame with
 * interior dividers - the findings read as a single delivered report */
html.s4.s4.s4.s4.sample-final article[style] { background: transparent !important; border: 1px solid var(--hairline-2, rgba(255,255,255,.13)) !important; border-radius: 0 !important; box-shadow: none !important; margin-bottom: 0 !important; padding: 24px !important; }
html.s4.s4.s4.s4.sample-final article[style] + article[style] { border-top: 0 !important; }
html.s4.s4.s4.s4.sample-final article[style]:not(:last-of-type) { border-bottom-color: var(--hairline-1, rgba(255,255,255,.08)) !important; }
html.s4.s4.s4.s4.sample-final article[style] .badge { border: 0; padding: 0; border-radius: 0; background: transparent; letter-spacing: .08em; }

/* (5) landing ledger: deliverable NAMES stop being mono chrome and become
 * quiet sans at reading weight; kickers and form labels stay as they are */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .v2-output-name { font: 600 15px/1.4 var(--font-body, sans-serif); text-transform: none; letter-spacing: 0; color: var(--ink, #f5f5f5); }

/* ==================== S4 round 6: band intro scannability (owner note) ======
 * "this section is hard to scan" - the merged paragraph splits into two
 * line-groups (copy recomposed, verified 3-lens: facts/scan/rules all ship;
 * tax sentence de-duplicated, it survives verbatim in the lane fine print). */

/* ==================== S4 round 7: BORDER GRAMMAR + PAGE SCAN (owner note) ===
 * "the entire landing page could be more scannable and the borders could be
 * better thought out." Measured census -> proposal panel -> judge spec.
 * TWO INKS: --s4-rule (.13, single-side lines: chapter rules, subsection
 * openers, dividers) and --s4-edge (.24, full perimeters: objects you act on
 * or look into). Alphas .11/.28 retired. ONE radius token: 2px on full
 * perimeters, 0 on anything with fewer than four sides. One boundary = one
 * line, drawn by the element below/right of it. Applied to the shared
 * landing+pricing components so the grammar stays one system. */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) { --s4-rule: rgba(255,255,255,.13); --s4-edge: rgba(255,255,255,.24); }

/* chapter rules: one strength, entering element owns the line */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .proof-stage { border-bottom: 0; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-start-section { border-top-color: var(--s4-rule); }

/* subsection openers keep ONE top rule; head-from-own-copy rules die */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .v2-handoff { border-top-color: var(--s4-rule); border-radius: 0; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .v2-handoff-copy { border-top: 0; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-start-intro { border-top: 0; border-radius: 0; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-fieldset legend { border-top: 1px solid var(--s4-rule); border-bottom: 0; }

/* dividers: plan terms lose the wrapper rule, columns take rule ink */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-plan-terms { border-top: 0; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-plan-terms > div { border-top-color: var(--s4-rule); }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .site-footer .word, :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .site-footer .tag { border-right-color: var(--s4-rule); }

/* edges: one treatment for the input role; controls join the 2px token */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .intake-panel input, :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-card-signup input { border: 1px solid var(--s4-edge); border-radius: 2px; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .btn--outline { border-color: var(--s4-edge); border-radius: 2px; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .intake-panel { border-radius: 0; }

/* gate catch: pricing's remaining .11/.07 rules join the two-ink grammar */
html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .pricing-package, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .pricing-policy-section { border-top-color: var(--s4-rule); }
/* r61: the buy-form top border. base.css sets it to --hairline-2 (.11, off-grammar); restore the
 * on-grammar .13 for BOTH pages' forms (was pricing-only via .pricing-package-form, but the landing
 * form lost its .purchase-stage reset when that layer retired). */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-start-form { border-top-color: var(--s4-rule); }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .mobile-utility { border-bottom-color: var(--s4-rule); }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .mobile-utility a { border-left-color: var(--s4-rule); }

/* state strip: footer owns the shared boundary */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-config-failure { border-bottom: 0; }

/* ledger: bold names carry the hierarchy; support copy rides the body ink var(--landing-text-2) (was var(--muted) = #57534e, sub-WCAG-AA ~2.9:1 on black; r35/R1) */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .v2-output-copy { color: var(--landing-text-2); }

/* round 7 patch: the trial paragraph's inline bold stays PROSE bold - the
 * mono-label treatment belongs to the box's heading strong only */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-trial-anchor p strong { font: inherit; font-weight: 700; letter-spacing: inherit; text-transform: none; display: inline; color: inherit; margin: 0; }

/* ==================== S4 round 9: THE LIGHT (owner ruling 2026-07-17) ======
 * Vercel gap analysis: light as a material. ONE restrained luminance pool
 * behind the exhibit plate so the focal object sits in a beam instead of on
 * flat black. Owner licensed luminance emphasis (D13 finally spent); the
 * zero-shadow rule is untouched (this is background luminance, no shadow
 * property). CAP: one pool per page, this one only. Mobile stays flat (the
 * tease plate is near-full-bleed; spill has no room to read). */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .snapshot-example { position: relative; z-index: 0; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .snapshot-example::before { content: ''; position: absolute; z-index: -1; inset: 6% -14% -10% -14%; background: radial-gradient(ellipse 62% 52% at 50% 55%, rgba(255,255,255,.10), rgba(255,255,255,.04) 45%, transparent 74%); pointer-events: none; }
@media (max-width: 760px) {
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .snapshot-example::before { display: none; }
}

/* ==================== S4 round 7: MOBILE (KEEP THIS BLOCK LAST) =============
 * The grammar above is unscoped and flows to mobile; this block carries the
 * one mobile-only retune. */
@media (max-width: 760px) {
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .v2-offer-label { border-bottom: 0; }
}

/* ==================== S4 round 8: MOBILE SCROLL DIET (KEEP LAST) ============
 * Owner: "that looks like a ton of scrolling for the mobile?" 6320px = 7.8
 * screens: ~2 = the ruled object-first hero, ~3.8 = the frozen-fact pricing
 * disclosure, ~1 = state strip + footer. Measured outcome: stacked-grid
 * two-up conversions mostly get eaten by narrow-column wrapping at 375; the
 * one clean win is plan terms 2x2 (310px -> 230px). Ledger 2x2 and footer
 * tightening tested and REVERTED (readability loss / height gain). Deeper
 * cuts are content-visibility calls reserved for the owner. */
@media (max-width: 760px) {
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-plan-terms { grid-template-columns: 1fr 1fr; gap: 16px 20px; }
}

/* ==================== S4 round 15: split section headers (IBM import, owner "go") ====
 * Chapters 02 + 03 open as full-width two-column bands at desktop: chapter
 * heading left, supporting prose right, kicker spanning above. Copy
 * byte-identical; LANDING ONLY (pricing keeps stacked intros this round);
 * below 1041px today's stacked layout and sizes are untouched. Reverses the
 * section-02 heading demotion by owner ruling tonight: the 02 title joins
 * the 48px serif chapter voice (#package-start-title's exact declaration,
 * max-width freed for the grid column). */
@media (min-width: 1041px) {
  html.landing-final.landing-final.landing-final.landing-final.landing-final .v2-handoff-intro,
  html.landing-final.landing-final.landing-final.landing-final.landing-final .package-start-intro {
    display: grid;
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    column-gap: 48px;
    max-width: none;
  }
  /* explicit rows: legacy redesign-v2 rules pin the 03 label to
   * grid-row 1/span 3 and the h2 to row 1 (old 3-col design) - row
   * placement must be restated here, not just columns */
  html.landing-final.landing-final.landing-final.landing-final.landing-final .v2-handoff-label,
  html.landing-final.landing-final.landing-final.landing-final.landing-final .v2-offer-label { grid-column: 1 / -1; grid-row: 1; padding: 0; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .v2-handoff-title,
  html.landing-final.landing-final.landing-final.landing-final.landing-final #package-start-title { grid-column: 1; grid-row: 2; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .v2-handoff-copy,
  html.landing-final.landing-final.landing-final.landing-final.landing-final .v2-offer-copy { grid-column: 2; grid-row: 2; align-self: end; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .v2-handoff-title {
    font: 400 48px/1.1 var(--font-serif, Georgia, serif);
    letter-spacing: -0.01em;
    color: var(--landing-text-hi);
    max-width: none;
    margin-top: 16px;
  }
}

/* ==================== S4 round 16: the counted receipt (owner-approved strings) ====
 * Three display numerals that are literal counts of the hash-pinned
 * Molitor document above (3 findings / 3 verbatim quote blocks / 1 blank
 * slot token; re-verified against snapshot-example/index.html this round).
 * IBM stat-pair form: numeral left, caption beside. Landing only; no
 * amber, no mono cost, no motion, no borders. COUPLING: if the exhibit
 * artifact is ever re-approved with different contents, these counts must
 * ROUND 29: mount moved out of .v2-handoff to the hero-chapter band; siting rules at file tail.
 * be re-verified in the same change. */
html.landing-final.landing-final.landing-final.landing-final.landing-final .v2-count-cluster {
  margin: 24px 0 24px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 24px;
}
html.landing-final.landing-final.landing-final.landing-final.landing-final .v2-count {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  column-gap: 16px;
  align-items: baseline;
}
html.landing-final.landing-final.landing-final.landing-final.landing-final .v2-count-n {
  font: 400 48px/1.1 var(--font-serif, Georgia, serif);
  color: var(--landing-text-hi);
}
html.landing-final.landing-final.landing-final.landing-final.landing-final .v2-count-c {
  font-size: 11.5px;
  line-height: 1.5;
  color: var(--landing-text-2);
  max-width: 26ch;
}
@media (max-width: 760px) {
  html.landing-final.landing-final.landing-final.landing-final.landing-final .v2-count-cluster {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 16px;
  }
}

/* ==================== S4 round 17: the segmented intake instrument (owner "ship it") ====
 * Airbnb import: the stacked free-snapshot form becomes one engineered
 * .24-perimeter row - URL segment | inset .13 divider | email segment,
 * micro-labels inside the perimeter, the consolidated disclosure line
 * between the row and the amber action (A8: disclosure precedes action),
 * T2 byte-identical below. Desktop >=1041 only; below that the wrapper is
 * display:contents and the form renders exactly as before. COSTUME PINS
 * (taste ruling): 2px radius only, zero shadows in ALL states including
 * focus, no icons. Mechanics untouched: snapshot.js's .field/.err/.invalid
 * contract preserved (display:contents keeps the DOM). */
html.landing-final.landing-final.landing-final.landing-final.landing-final .intake-instrument { display: contents; }
@media (min-width: 1041px) {
  html.landing-final.landing-final.landing-final.landing-final.landing-final .intake-instrument {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-auto-rows: auto;
    border: 1px solid var(--landing-line-strong);
    border-radius: 2px;
  }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .intake-instrument .field { display: contents; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .intake-instrument .field:first-of-type > label { grid-area: 1 / 1; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .intake-instrument .field:first-of-type > input { grid-area: 2 / 1; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .intake-instrument .field:first-of-type > .err { grid-area: 3 / 1; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .intake-instrument .field:last-of-type > label { grid-area: 1 / 2; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .intake-instrument .field:last-of-type > input { grid-area: 2 / 2; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .intake-instrument .field:last-of-type > .err { grid-area: 3 / 2; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .intake-instrument label {
    padding: 12px 14px 0;
    margin: 0;
  }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .intake-instrument input {
    border: 0;
    background: transparent;
    padding: 4px 14px 12px;
    margin: 0;
  }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .intake-instrument .field.invalid > input {
    border-bottom: 1px solid var(--err-dark, #b3261e);
  }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .intake-instrument .field:last-of-type > label,
  html.landing-final.landing-final.landing-final.landing-final.landing-final .intake-instrument .field:last-of-type > input,
  html.landing-final.landing-final.landing-final.landing-final.landing-final .intake-instrument .field:last-of-type > .err {
    border-left: 1px solid var(--landing-line);
  }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .intake-instrument .err { padding: 0 14px 10px; margin: 0; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .intake-instrument .hint { display: none; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .proof-console__top .snapshot-trustline {
    display: block;
    margin: 12px 2px 0;
    font-size: 11.5px;
    line-height: 1.55;
    color: var(--landing-text-3);
  }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .proof-console__top .snapshot-form > .btn { margin-top: 12px; }
}

/* ==================== S4 round 18: trial visibility + Single-lane repair (owner notes) ====
 * (1) The trial anchor now states the funnel's core offer with the word
 * the vocabulary system licenses here: "first two completed audits free"
 * sits in the same visual group as its receipts (card required, $0
 * charged today) - owner-confirmed mechanics, timing facts keep their
 * plan-terms home. (2) Capacity numerals leave IE Plex Mono: its zero
 * glyph's counter mark renders as a strike at 16px (diagnosed by font
 * swap); --font-data resolves to the sans with a clean zero. (3) The tax
 * line loses its 407px legacy centering offset and aligns with the band
 * content. (4) The Single card adopts the monthly lanes' 357px anatomy
 * width. */
/* [r66 parity: shared to pricing - the r61 port left this landing-only, so
 * pricing's capacity numerals kept the Plex Mono zero this very comment
 * diagnoses as broken at 16px (2026-07-21 audit medium #11).] */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-capacity strong {
  font-family: var(--font-data, inherit);
  font-variant-numeric: tabular-nums;
}
@media (min-width: 1041px) {
  html.landing-final.landing-final.landing-final.landing-final.landing-final .package-price-basis {
    margin-left: 0;
  }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .package-choice--single .package-choice-card {
    width: 357px;
  }
}

/* ==================== S4 round 19: the trial at display rank (owner "go") ====
 * The conversion mechanism leaves the fine-print register: kicker (mono,
 * net-zero census - it replaces the old mono headline), the FACT at the
 * 48 display step beside the prices it competes with, receipts as the
 * first body words, the paid-start timeline folded up from the retired
 * four-column strip, and a one-line $0 echo at each monthly card's point
 * of action (not on Single - no trial attaches there). Deliberately no
 * amber: the honesty voice does the work. Displacement: box margins
 * tightened per the pre-named ladder. */
/* [r66 parity: shared to pricing. This unconditional, late rule beat the shared
 * 24/32 margins + 14px padding (and the mobile variant) on landing only, so the
 * two pilot boxes diverged at every viewport (2026-07-21 audit medium #12).
 * Direction: pricing adopts the landing values - deleting this instead would have
 * ADDED ~44px to the landing against a 35px docH headroom.] */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-trial-anchor { margin: 8px 0 16px; padding: 8px 18px; }
/* ==================== S4 round 20: the margin receipt (owner direction) ====
 * The agency profit story becomes the band's opening receipt in the
 * lanes' own ledger grammar: mono kicker, $1,000 at the 48 display step,
 * mono caption, qualifier prose - arithmetic, not hype (no new amber).
 * Honest-empty rehomed beneath it verbatim (the receipt makes the resale
 * claim; the rule is its warranty). Mode-head eyebrow + paragraph died
 * per owner authorization (h3 kept sr-only for aria-labelledby); the
 * roll-over mechanic rehomed to every lane receipt line. RULING BANKED:
 * numeral captions in receipt grammar are captions, not kickers - they
 * do not spend the 6-kicker budget. */
html.landing-final.landing-final.landing-final.landing-final.landing-final .margin-kicker {
  display: block;
  font: 500 11.5px/1.4 var(--font-mono, monospace);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--landing-text-hi);
}
/* r40/R4: quiet caveat line under the $2,000 figure (its margin, at full use,
 * before the agency's costs) so the number is not misread as a price. */
/* r42/R1+R10: pilot facts promoted from 11.5px fine print to a two-column
 * body-size fact grid (candor displayed, not buried); the right column fills the
 * empty band with the PAID START auto-start terms. Card line bolded as one unit
 * (parity). Stacks single-column below 700px.
 * r76/r79 (pricing-audit-2026-07-22, owner-ruled): the PAID START right column is
 * CUT ON BOTH PAGES as a verbatim duplicate of the Cancel-or-renew row one screen
 * below (r76 pricing, r79 landing - the fork closed). The override after this
 * block spans the freed band on both. */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .trial-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 40px;
  margin: 12px 0 0;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .trial-grid {
  grid-template-columns: minmax(0, 1fr);
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-trial-anchor .trial-facts p,
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-trial-anchor .trial-paidstart p {
  font-size: 15px;
  line-height: 1.4;
  color: var(--landing-text-2);
  margin: 0 0 6px;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .trial-facts p strong { color: var(--landing-text-hi); font-weight: 600; }
@media (max-width: 700px) {
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .trial-grid { grid-template-columns: 1fr; gap: 8px; }
}

/* ==================== S4 round 22: the mobile pass (fitting round) ====
 * Panel-approved fittings, <=760 only; 1440 proven byte-identical with
 * this entire block injected (collision audit: landing 3898 / pricing
 * 3283 docH and computed spot-checks identical). The trial-display
 * 3-line 48 at 375 is a JUDGED KEEP - display parity with its band
 * peers (band h2, price numerals, margin figure all 48) - not an
 * omission. Known residual: base.css's <=820 rules stay active in the
 * 761-820 window where this block is inert; widening to <=820 is a
 * future round's call, measured in that window first. */
@media (max-width: 760px) {
  /* 22.1 package-card signup rail: one card width, one-line labels on
   * all four cards, landing + pricing. The RECOMMENDED chip's
   * max-content no longer widens the agency card; the label's desktop
   * max-width reserved 92px for a .package-selected element that is
   * position:static here. (.package-card-signup width and its input
   * width are already forced by the top-level !important rules earlier
   * in this file - deliberately not restated.) */
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final,
      html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final)
    .package-choice .package-choice-card { width: 100%; }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final,
      html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final)
    .package-card-signup label { max-width: none; }

  /* 22.2 pricing h2 ch-caps: 22ch/14ch compute to 215/137px slivers at
   * the mobile 16px h2 step; the caps stay desktop-proportioned only. */
  html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .package-intro h2 { max-width: none; }
  html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .pricing-policy-layout > div:first-child h2 { max-width: none; }

  /* 22.3 fail-closed band: status-object grammar for the stacked mobile
   * form of the Stripe-failure strip (frozen tokens only, no amber). */
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final,
      html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final)
    .package-config-failure__inner { border: 1px solid rgba(255,255,255,.24); border-radius: 2px; padding: 20px 16px; }

  /* 22.4 error text onto the 15 step (error states only, hidden at
   * rest; static docH unchanged). */
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final,
      html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final)
    :is(.snapshot-form .err, .package-card-signup .err) { font-size: 15px; }

  /* 22.5 hero proof links share one rail (a margin-inline leak from the
   * retired proof-specimen layout). */
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__links .proof-method-link { margin-inline: 0; }
}

/* ==================== S4 round 23: the rail lock (owner pick) ====
 * Corporate-reference round 3 (WSJ device, Dropbox mechanism): the
 * RECOMMENDED chip mounts OUT OF FLOW so it contributes zero to line,
 * intrinsic, and grid sizing - the Agency lane's money rows rejoin the
 * Studio/Partner rails (price/math/trial/input all y-locked x3; the
 * landing card is an elastic constraint system, so an in-flow chip
 * redistributes rather than absorbs - proven by mock; root cause:
 * landing-redesign-v2.css line-height:1 on the name strong +
 * margin-top:9px on .package-choice-top > span). COUPLING: left:59.75px
 * is the rendered width of the frozen word "Agency" in the hash-pinned
 * fonts, top:-2.75px is (16px name line - 21.5px chip box)/2 - if the
 * lane name, its type, or the fonts ever change, re-derive both (or
 * fall back to the right-edge mount: left:auto; right:0). Landing
 * monthly grid only; pricing holds these rails without help. */
/* r61 cleanup: the landing-only absolute chip mount (left:59.75px, for the retired horizontal
 * landing card) is removed. The compare grid's shared inline .s4-chip (order:1, margin-left:8px)
 * now positions the Recommended chip the same as pricing. */

/* ==================== S4 round 24: the arithmetic ledger (panel merge) ====
 * The margin receipt restaged as an itemized arithmetic ledger (the
 * Apple One receipt form): mono caption-grade labels, values at one
 * size, two stacked totals, the conclusion marked by weight alone
 * (600 numeral against 400). Two-ink grammar only: .13 inner row
 * separators, .24 ledger perimeter (dl top and bottom edges). Radius 0,
 * no new amber, no motion, no icons, no shadows, zero functional DOM.
 * SUPERSEDES (landing): the .margin-caption rule (element removed; its
 * words become the conclusion-row label) and the p.margin-qualifier
 * rule (element decomposed into the ledger) - delete both rules at
 * land time. .margin-kicker and p.margin-figure rules stay live.
 * Landing-only flagged edits ride in the landing siting block below. */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final,
    html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .margin-ledger {
  font-size: 15px;
  max-width: 460px;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final,
    html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .margin-ledger .margin-kicker {
  display: block;
  font: 500 11.5px/1.4 var(--font-mono, monospace);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--landing-text-hi);
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final,
    html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .margin-ledger .ledger-condition {
  margin: 10px 0 0;
  font-size: 15px;
  line-height: 1.5;
  color: var(--landing-text-2);
  max-width: none;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final,
    html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .margin-ledger .ledger-lines {
  margin: 10px 0 0;
  border-top: 1px solid var(--landing-line-strong, rgba(255, 255, 255, .24));
  border-bottom: 1px solid var(--landing-line-strong, rgba(255, 255, 255, .24));
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final,
    html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .margin-ledger .ledger-line {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin: 0;
  padding: 4px 0;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final,
    html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .margin-ledger .ledger-line + .ledger-line {
  border-top: 1px solid var(--landing-line, rgba(255, 255, 255, .13));
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final,
    html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .margin-ledger .ledger-line--total {
  padding-top: 8px;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final,
    html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .margin-ledger .ledger-line dt {
  margin: 0;
  font: 500 11.5px/1.4 var(--font-mono, monospace);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--landing-text-3);
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final,
    html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .margin-ledger .ledger-line dd {
  margin: 0;
  font-size: 15px;
  line-height: 1.25;
  font-weight: 400;
  font-variant-numeric: tabular-nums;
  color: var(--landing-text-hi);
  white-space: nowrap;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final,
    html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .margin-ledger .ledger-note {
  display: block;
  margin-top: 2px;
}
/* AUDIT PATCH (round 24 truth audit): the dd.ledger-total-value form is
 * load-bearing - a plain .ledger-total-value selector (0-7-1) LOSES to the
 * .ledger-line dd rule above (0-7-2) and the 600 conclusion weight never
 * renders. Do not simplify this selector back. */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final,
    html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .margin-ledger .ledger-line dd.ledger-total-value {
  font-weight: 600;
}
/* r41: the r39 last-child demotion rules are RETIRED - the demoted scenario row
 * ("2 of 3", then "if you sell only one") left the ledger in the r41 full-month
 * reframe, so the last --total row is now the $6,000 conclusion itself and must
 * keep its full total treatment. */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final,
    html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .margin-ledger .ledger-basis {
  margin: 6px 0 0;
  font-size: 15px;
  line-height: 1.5;
  color: var(--landing-text-2);
  max-width: none;
}
/* Landing siting (round 24). FLAGGED EDITS, owner decision required:
 * (1) .v2-offer-copy measure 62ch -> 480px so the ledger fits its
 *     460px form; honest-empty stays two lines at 1440 (measured).
 * (2) round-15 intro grid retuned 7fr/5fr -> 6.5fr/5.5fr for
 *     .package-start-intro ONLY (column 2: 426.7px -> 469.3px) so the
 *     condition line holds ONE line at 1440. .v2-handoff-intro keeps
 *     the round-15 7fr/5fr exactly. */
@media (min-width: 1041px) {
  html.landing-final.landing-final.landing-final.landing-final.landing-final .package-start-intro {
    grid-template-columns: minmax(0, 6.5fr) minmax(0, 5.5fr);
  }
}

/* NOTE: the dual-hammer .margin-ledger block printed in the landing css
 * field (INCLUDING the audit-patched dd.ledger-total-value selector) is
 * THE SAME single block - it lands in s4-quiet.css exactly once and its
 * :is() selectors already carry the html.pricing-final hammer, so the
 * pricing ledger stands on base.css + premium-foundation-v1.css +
 * s4-quiet.css alone (audit-verified by injection on the live pricing
 * page, which loads only those three files; the --landing-* tokens it
 * uses are defined for the pricing hammer at s4-quiet.css lines 561-576,
 * audit-read: --landing-line .13, --landing-line-strong .24). It
 * supersedes nothing on pricing - the page has no existing receipt rules.
 * The ONLY pricing-specific rule is the siting margin (16px, the measured
 * separation from the hero lede; the pre-mock lede-to-form gap, 64px at
 * 1440 / 28px at 375, is preserved below the block - audit-measured
 * exactly 64 / 28 below the injected block): */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .margin-ledger--pricing { margin: 16px 0 0; }

/* ==================== S4 round 25 (judge-merged): renewal at the price's
 * shoulder (device R) + the $0 weighting (device W) ====
 * R: the renewal condition joins the subscribe glance - one per-lane echo
 * directly under the price numeral, the trial echo's typographic twin
 * (11.5/1.5, --landing-text-2, weight 400), riding a new zero-gap "renew"
 * grid row. The conditional frame LEADS the sentence; the full three-fact
 * plan note below the grid stays byte-untouched as every fact's complete
 * home. ORDER COUPLING: the grid-template-areas override below ties with
 * the base monthly-select rule (s4-quiet.css line 435) at equal
 * specificity and wins by file order - it must stay AFTER that rule.
 * COPY-WIDTH COUPLING (measured scar): echo copy wider than ~233px does
 * NOT wrap at 1440 - it widens the card itself via flex max-content
 * sizing; any copy change to the echo requires re-measuring card widths.
 * Measured cost: +17.25px per card row. Landing 1440: 3976 -> 3993
 * (ceiling 3993 EXACT, zero spare; measured fallback line-height 1.4 =
 * 3992/6730 if the owner rules a spare pixel outranks the 1.5 twin
 * grammar). Landing 375: 6682 -> 6733. LANDING-ONLY: pricing's
 * Cancel-or-renew row already sits exactly 10px below its grid (measured)
 * and is byte-untouchable - no echo there.
 * W: inside each monthly card's frozen 11.5px trial echo, the "$0."
 * token alone takes 600; the sentence stays 400/text-2. The weight is
 * pinned to 600 explicitly because a bare strong would fall to the
 * browser's 700 default (the card register is 400 vs 600); color:inherit
 * defends the echo's text-2 ink against any generic strong color rule.
 * Zero geometry: measured no wrap, height, or rail change at 1440 and
 * 375 (glyph width +0.77px absorbed within the single line). */
/* r61 cleanup: the landing's old 5-area card select (with a "renew" row) + its .renew-echo /
 * .trial-echo rules were for the pre-port landing cards. The port gave the landing the pricing
 * card structure, so it now uses the SHARED 4-area select; these landing-only rules are removed. */

/* ==================== S4 round 26: the tablet window (fitting round) ====
 * MEASURED WINDOW: the monthly lanes stack single-column from 761 through
 * 1040 and go three-across at exactly 1041 on BOTH pages (bisected
 * 821..1441, verified monotone; edges probed at 1040/1041; the flip is
 * the s4 max-width:1040 grid override). 761 confirmed as the lower edge
 * on both pages (760 renders the round-22 full-width mobile form). The
 * single-audit lane flips at the same 1041.
 * THE DEFECT in-window before this block: .package-choice is
 * display:flex (round-2d) and the monthly card - with no width rule
 * between the round-22 <=760 block and the >=1041 three-across form -
 * shrink-to-fits at its desktop content width (280.16 landing,
 * 323.91/341.64/323.91 pricing) inside a full-width lane (732/730 at
 * 780, 992/990 at 1040), and the landing 33% column rail
 * (landing-redesign-v2.css 2280, a three-across separator device,
 * display:none'd at <=760 by that file's own mobile block) cuts
 * vertically through the stacked cards' interiors.
 * FITTING 26.1 - the round-22 card width (22.1's load-bearing rule),
 * rescoped to the window and to the MONTHLY lanes only. The single-audit
 * card is deliberately excluded: its in-window form (a narrow
 * left-aligned block, 242.9 landing / 299.9 pricing) is the desktop
 * single grammar (357 in a 1072 row at 1440, owner-verified), and
 * because the card computes display:flex/align-items:center, a
 * width:100% that reaches it floats its fixed 218.9px select to the
 * horizontal center - a new broken state (measured at 780: landing
 * select x 24 -> 239.25, card 242.92 -> 673.44).
 * EXCLUSION MECHANISM (round-26 truth audit): the single choice sits
 * OUTSIDE .package-choice-grid--monthly in the DOM on both pages, so
 * this selector's ancestor scope is what excludes it; the
 * :not(.package-choice--single) is defense-in-depth only - deleting the
 * :not() alone changes NOTHING (mutation-tested at 780, both pages).
 * The broken state above belongs to the ancestor-free round-22 shape
 * (.package-choice .package-choice-card), which DOES reach the single
 * card. Keep BOTH the .package-choice-grid--monthly ancestor and the
 * :not(); never simplify this selector to the round-22 shape.
 * FITTING 26.2 - the landing 33% rail gets its mobile treatment in the
 * stacked window: there are no columns for it to separate. Untouched at
 * >=1041 where it reads as the col-1/col-2 boundary.
 * Per-fitting audit of the REST of round 22, each measured in-window
 * and NOT extended:
 * - 22.1 label max-width:none: inert here - with the card full-width the
 *   landing label cap calc(100% - 92px) computes ~592px and labels
 *   render one line on both pages (measured 1/1/1 post-fix at every
 *   window width); the desktop cap keeps its .package-selected reserve.
 * - 22.2 pricing h2 caps: no mobile sliver in-window - the capped h2s
 *   run the desktop type step (measured 215.1w/2-line + 136.9w/3-line at
 *   780 against the owner-verified 146.6w/136.9w 3-line at 1440): same
 *   grammar kind, nothing to lift.
 * - 22.3 status-object strip: base.css stacks the Stripe-failure strip
 *   only at <=560; in-window it renders the desktop ROW form, so the
 *   stacked-mobile border grammar does not belong here.
 * - 22.4 err 15px: the window runs desktop type steps throughout; the
 *   15px step was the mobile readability call (error-state only, zero
 *   static docH either way).
 * - 22.5 proof-link margin-inline: the leaking source rule lives in a
 *   landing-premium <=560 block - inert in-window, nothing to zero.
 * THE CHIP stays on the round-23 absolute mount in-window (no new
 * rule): the mount is calibrated to the frozen word "Agency" at the
 * 16px name step and both measure identical at 780/1040/1440, so the
 * chip rides the name's shoulder exactly as at 1440; center-lock
 * asserted at every window width (chip center === name center,
 * measured equal to the 1e-4 print step). */
@media (min-width: 761px) and (max-width: 1040px) {
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final,
      html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final)
    .package-choice-grid--monthly .package-choice:not(.package-choice--single) .package-choice-card { width: 100%; }
}

/* ==================== S4 round 27 (P): the pricing chip mount (rail-lock port) ====
 * The round-23 treatment ported from the landing (owner call): the
 * RECOMMENDED chip mounts OUT OF FLOW so it contributes zero to the
 * card's max-content - in flow it widened the Agency card to 342.64px
 * against 323.91/324.91 neighbors at >=1041; healed, Agency joins at
 * 324.91px exactly (= Partner), with zero rail movement (radio/price/
 * unit/email y byte-stable x3: 1127.2813/1228.6406/1292.6406/1439.1875
 * at 1440), zero docH change, and zero line-count change at every
 * probed width. COUPLING (round-23 doctrine): left:61.75px is the
 * rendered width of the frozen word "Agency" at the pricing name style
 * (53.6563px; pricing strips text-transform/letter-spacing at ~line
 * 1023) plus the round-23 8px shoulder-gap convention, at the nearest
 * quarter pixel (53.6563 + 8 = 61.6563 -> 61.75; rendered gap 8.0938 vs
 * landing 8.0156). The old in-flow 15px visual was an accident with a
 * measured mechanism, not a design: base.css .package-choice-top
 * gap:7px (a grid gap surviving the s4 flex conversion, which never
 * resets gap) stacked on the deliberate 8px chip margin; the mount
 * drops the leak and keeps the margin convention. top:2.45px is
 * (26.4px pricing name line - 21.5px chip box)/2; the engine snaps the
 * render to 2.4375, byte-identical to the old in-flow flex centering,
 * so the chip center stays locked to the name-line center (measured
 * delta 0.0078px, unchanged pre to post, at every >=761 width).
 * RE-DERIVE both literals if the lane name, its type, or the fonts
 * change. The right-edge fallback (left:auto; right:0) was mocked and
 * rejected BY MEASUREMENT here: .package-choice-top is shrink-to-fit
 * (167.02px at 1440), so right:0 anchors to the span edge, not the
 * card edge - a 1.73px near-collision beside the name whose anchor
 * would silently track the "Monthly plan" span width. Was pricing
 * monthly grid only, >=761, mirroring the round-23 mount's scope;
 * r65 shared it to the landing (2026-07-21 audit HIGH #3: the r61 port
 * left the landing chip in normal flow - a ~7px offset vs pricing and,
 * when the 4-up grid ran at 900px, a chip wrap that grew all four
 * landing cards 28.5px; the top-row anatomy is shared post-r61, so the
 * derived literals hold - re-measured on both pages this round). */
@media (min-width: 761px) {
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-grid--monthly .package-choice-top { position: relative; }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-grid--monthly .package-choice-top .s4-chip {
    position: absolute;
    left: 61.75px;
    top: 2.45px;
    margin: 0;
  }
}

/* ==================== S4 round 27 (S): the single-lane window fitting ====
 * The round-18 rule above (s4 round 18.4, ~line 1486) gives the Single
 * card its designed width:357px (the monthly lanes' desktop anatomy
 * width) but scopes it >=1041; inside the stacked window [761,1040] the
 * card fell to shrink-to-fit max-content (242.92px, select-width) and
 * the signup label wrapped to two lines - the round-26 residual's actual
 * root cause. Round-26's comment read that 242.92 window form as "the
 * desktop single grammar"; measured, it is not: the desktop card is
 * 357px (width source verified via matched styles). This rule extends
 * the round-18 width through the window so the owner-verified desktop
 * object rides [761,1040] unchanged: card 357, select indent 57.03px,
 * signup 333, label one line - each byte-equal to the 1440 values, and
 * seamless at the 1040/1041 edge. Forms mocked and REJECTED by
 * measurement: width:100% + flex-start puts the select at x:0, a
 * position it holds in NO verified regime (mobile 320/375/760 and
 * desktop 1041/1440 all center the fixed select, indents 24.5-57px);
 * width:100% + stretch stretches the select, which no regime does
 * (fixed 218.92px at 760); width:100% keeping center floats the select
 * 215-335px in, the state round-26 banked as broken. (The centering
 * itself is align-items:center surviving from the retired grid-row card
 * form after the flex-column flip changed its axis - shipped and
 * owner-verified in every regime, so the window keeps it.) PRICING
 * NEEDS NO RULE (measured KEEP): its window card 299.91px is
 * byte-identical to its own desktop form. RE-DERIVE TRIGGER: if
 * round-18's 357 anatomy width ever changes, change this one with it
 * (one value, two scopes). Measured cost: landing window docH -16 (the
 * label unwrap): 5791->5775 at 761-820, 5748->5732 at 900-1000,
 * 5714->5698 at 1040; pricing docH unchanged everywhere; landing
 * 1440/375/760/320 and >=1041 byte-stable (full-signature diff, zero
 * deltas). [r66: that measured world predates the r59-r61 shared compare
 * grid, whose stack geometry (~408px card) now defines the window on both
 * pages; the 357px pin survived as a landing-only divergence - the Single
 * card rendered 357px vs pricing's 408.66px across 761-1040 (2026-07-21
 * audit medium #13). Rule DELETED; the shared stack now rules both pages.] */

/* ==================== S4 round 28: the height recovery (accident kills only) ====
 * Owner call: recover landing headroom from measured accidents only. All three
 * source rules below were introduced by the S3 legacy port (commit 1be64bd) and
 * no S4 round ever set them (landing-premium.css and landing-redesign-v2.css
 * each have exactly one commit); each is the surviving half of a retired
 * device. Copy, type registers, functional DOM untouched; landing hammer only:
 * pricing loads neither source file and measured 0 delta at all ten widths.
 * Measured: landing 1440 docH 3993 -> 3958 (-34.84; headroom 35). Elsewhere:
 * -18.75 at 320-900, -10.75 at 1040 (the status line, not the links, drives
 * the exhibit footer there), -34.84 at >=1041; every width a decrease, none an
 * increase. Rails stay level x3 (inputs 2819.9375 all lanes); the RECOMMENDED
 * chip center rides down exactly the 18.75 recovered above it
 * (2527.8594 -> 2509.1094, name-center delta 0 unchanged).
 * MUTATION-TESTED: deleting any one rule below restores exactly its own delta
 * at 1440 (+8 / +16.09 / +10.75) - no phantom overrides.
 * 28.1 The retired proof-specimen caption margin (landing-premium.css:178,
 *      margin:0 20px 8px): round 22.5 banked this rule as a specimen leak and
 *      zeroed its INLINE axis at <=760; the 8px BLOCK axis survived at every
 *      width as the links-column tail that sizes the exhibit footer (links 79
 *      vs status 53.4 at 1440), riding the exhibit column that sets the hero
 *      grid height. Only margin-bottom dies; the inline margins keep their
 *      hitbox. Link gaps stay 4/4; status line stays centered. */
html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__links .proof-method-link { margin-bottom: 0; }

/* ==================== S4 round 29: the receipt re-homed (owner call: clarify 02) ====
 * Owner: "this section of the site appears to be talking about the audit but
 * has snapshot information." The round-16 counted receipt is a SNAPSHOT
 * reading (3 findings / 3 verbatim quotes / 1 blank slot in the hero
 * document; re-verified against the served snapshot-example this round:
 * 3 numbered finding heads at artifact lines 29/49/69, 3 data-verbatim
 * blocks, 1 slot token inside finding 01 at line 41, plus the artifact's
 * own legend pair at line 42 which is NOT a slot). The receipt moves OUT of
 * .v2-handoff and mounts as a direct child of .proof-console between the
 * hero grid and chapter 02, closing the chapter it counts; section 02 is
 * now audit-only (intro + four-deliverable ledger), so the hero link "See
 * what the full audit adds" lands on additions only. The receipt's
 * aria-only attribution is PROMOTED TO VISIBLE TEXT: the old aria-label
 * string becomes p.v2-count-kicker and the aside re-acquires the same
 * accessible name via aria-labelledby. Kicker register: the banked
 * chapter-kicker grammar (.v2-handoff-label / .snapshot-example__eyebrow
 * form: 500 11.5/1.4 mono, .16em, uppercase, text-3), measured
 * computed-equal to .v2-handoff-label at 1440 (11.5/16.1, 1.84px,
 * rgb(138,138,138), 500).
 * SUPERSEDES round-16 SITING ONLY (the GROUP-24 mount inside .v2-handoff);
 * round 16's device rules above (~line 1382: margin 24 0 24, the 3-across
 * grid, 48-serif numerals, 11.5 captions at 26ch, <=760 stack) stay live
 * and are what the band still rides. Geometry: >=1041 the kicker rides a
 * 210px left label column (counts keep three-across; MUTATION-TESTED:
 * deleting the >=1041 pair drops the kicker into cell 1 of the 3-col grid,
 * wraps count 3 to row 2, docH 3958 -> 4040, past the 3993 ceiling);
 * [761,1040] the kicker spans a row above the round-16 three-across
 * (MUTATION-TESTED: deleting this block reproduces the same cell-1 break
 * at 780, docH 5757 -> 5856); <=760 it is the first row of the round-16
 * stack (row-gap 16, no extra rule). Measured: 1440 docH 3958 -> 3958
 * (delta 0; hero->band 24, band height 81.75 = old cluster height, the
 * band's 24 bottom margin collapses under .v2-handoff's 64 top margin,
 * output ledger y byte-stable 1396.7188, rails 2819.9375 x3, chip lock 0);
 * 375 6715 -> 6763 (+48, two-line kicker 32.19 + row-gap 16); window
 * 5757 -> 5785 @780 and 5687 -> 5715 @1040 (+28, one-line kicker 16.09 +
 * 12 margin). Landing hammer only; pricing has no .v2-count DOM and
 * measured byte-stable under injection of this block (docH and full
 * per-element box signature, 1440 + 375). */
html.landing-final.landing-final.landing-final.landing-final.landing-final .v2-count-kicker {
  margin: 0;
  font: 500 11.5px/1.4 var(--font-mono, monospace);
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--landing-text-3);
}
@media (min-width: 1041px) {
  html.landing-final.landing-final.landing-final.landing-final.landing-final .v2-count-cluster {
    grid-template-columns: 210px repeat(3, minmax(0, 1fr));
  }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .v2-count-kicker {
    grid-column: 1;
    padding-top: 4px;
  }
}
@media (min-width: 761px) and (max-width: 1040px) {
  html.landing-final.landing-final.landing-final.landing-final.landing-final .v2-count-kicker {
    grid-column: 1 / -1;
    margin: 0 0 12px;
  }
}

/* ==================== S4 round 30: FOCUS RING INSIDE THE BOX ================
 * Owner-called (2026-07-20, from his live-page screenshot): the focused
 * hero intake input's ring overlaps the surrounding boxes. MEASURED
 * MECHANISM (probe over every text input on all four input-bearing
 * pages, 1440): the intake-instrument cells sit 1.0px from the
 * composite's drawn border, while landing-redesign-v2.css:642 draws a
 * 4px-reach ring (outline 2px offset +2px, plus a 2px black halo
 * box-shadow) so the ring crosses the instrument's left/right/bottom
 * lines by 3px. SITE CENSUS at fix time: this composite is the ONLY
 * overlap on the site - landing/pricing lane emails measured reach-0
 * (no outside ring on focus), sign-in auth inputs are
 * border-color-only, account has no text inputs. :focus-visible is
 * covered here too because premium-foundation-v1.css:374 puts a
 * 2px/offset-3 ring (reach 5 > gap 1) on these same inputs under
 * keyboard focus. FIX: draw the ring INSIDE the input box
 * (outline-offset:-2px; the 2px ring's outer edge lands exactly on the
 * input's border edge, so it can never cross a neighboring line at any
 * width) and kill the halo shadow (box-shadow:none is LOAD-BEARING:
 * deleting it re-smears the 2px black halo across the composite's
 * lines - the halo was the old design's ring separator and is
 * superseded by the inset geometry). Border-color keeps the existing
 * signal turn from :642. Zero layout effect by construction (outline
 * and box-shadow paint only; docH/rails byte-stable, gates assert). */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .proof-console__top .snapshot-form .field input:is(:focus, :focus-visible) {
  outline: 2px solid var(--landing-signal);
  outline-offset: -2px;
  box-shadow: none;
}

/* ==================== S4 round 31: SEQUENTIAL BANDS (D14-D17, owner-ruled 2026-07-20) ====
 * Landing hero re-template, >=1041 ONLY (measured: 761-1040 ALREADY renders
 * the sequential order copy -> intake -> exhibit full-measure via the s4
 * max-width:1040 override at ~:534; this block extends the grammar to wide
 * desktop). LANDING HAMMER ONLY - every selector rides the five-class
 * landing hammer; pricing measured byte-stable under whole-block injection
 * (docH 3524/5726; rails 1127.28125/1228.640625/1292.640625/1439.1875 x3).
 * MEASURED COST (with the D15 h1 + the 21-word lede-A HTML edits,
 * 1440x900): docH 3958 -> 4346 (+388 - the fold arithmetic: sequential
 * stack 1214.1 vs two-column 826.5). SHIPPED UNDER THE OWNER CEILING
 * RULING (2026-07-20, round-31 option a, banked in the design-arc STATE):
 * LANDING NEVER LONGER re-banked at ceiling 4381 = measured 4346 + the
 * fresh 35px anchor-sentence reserve; design-gate ceiling moved
 * 3993 -> 4381 in this same commit. Binding desktop width is 1041
 * (docH 4561), not 1440 - future ceiling checks look there too.
 * COUPLINGS: round-17 instrument grid supplies the url|email segments at
 * >=1041 - this block re-hosts that composite in a full-measure row and
 * keeps it SQUARED under its .24 brackets; round-30 focus inset is
 * untouched (reach 0.0 re-measured on both inputs post-mock); .intake-panel
 * stays a DIRECT CHILD of .proof-console__top so every
 * .ibr/.armed/.lit/.submitted selector keeps matching (demo driven in the
 * mock: armed brackets land on the 1192px panel corners, dialog opens,
 * dialog count 1); A8 held - trustline stays between instrument and the
 * amber action; round-9 pool re-fit to the D17 peak-.05 ruling inside this
 * scope only (761-1040 keeps the round-9 pool byte-untouched - carried
 * flag in STATE: that window renders peak .10 today, its own future
 * round). */
@media (min-width: 1041px) {
  /* D14 bands: three full-measure rows. MUTATION: delete the placement
   * rules -> exhibit snaps back beside the copy (s4 ~:330 grid-row 1/span 2)
   * and D14 is gone. Row-gap goes 0 so the 48/24 margins below are the ONLY
   * vertical voice; delete the gap override -> +24 under every band (72/48
   * perceived, off the spacing scale, docH +48). */
  html.landing-final.landing-final.landing-final.landing-final.landing-final .proof-console__top { grid-template-rows: auto auto auto; gap: 0 32px; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .proof-copy { grid-column: 1 / -1; grid-row: 1; }
  /* BLOCK 48 above the instrument, GROUP 24 instrument-to-plate: the tighter
   * lower pair is the form-to-artifact causality read. */
  html.landing-final.landing-final.landing-final.landing-final.landing-final .proof-console__top > .intake-panel { grid-column: 1 / -1; grid-row: 2; margin-top: 48px; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .proof-console__top > .snapshot-example { grid-column: 1 / -1; grid-row: 3; margin-top: 24px; }

  /* D16 lede measure: the 21-word lede holds TWO lines at 66ch (measured
   * 51.19h; the bold costs no wrap - verified by strong-removal diff 0.0).
   * MUTATION (measured): delete -> 50ch cap (s4 ~:339) narrows the measure
   * 664->503px; the 21-word lede still holds TWO lines and docH is
   * byte-identical - this rule sets the band measure only, it is not a
   * line-count guard. */
  html.landing-final.landing-final.landing-final.landing-final.landing-final .v2-hero-lede,
  html.landing-final.landing-final.landing-final.landing-final.landing-final .v2-hero-lede .hero-snapshot-copy { max-width: 66ch; }

  /* Intake causality row: instrument + disclosure span the measure; the
   * amber action shrinks to content with the form-note beside it.
   * MUTATIONS (measured): delete btn width/padding -> button falls to base
   * pads 199.25x52.75 (+6 docH; width:auto is inert in the auto track - the
   * padding is the actor, and no amber slab is possible in this geometry;
   * width:auto kept as documented belt-and-suspenders); delete the form
   * columns -> implicit columns keep the note beside a 758.75px button and
   * the trustline wraps to two lines (+18 docH); delete the note placement
   * -> auto-placement lands the note in column 2 anyway (docH +-0; only
   * margin/align-self do work); delete trustline margin 0 -> round-17's
   * 12px stacks on the 14px grid gap (+12 docH). */
  html.landing-final.landing-final.landing-final.landing-final.landing-final .proof-console__top .snapshot-form { grid-template-columns: auto minmax(0, 1fr); gap: 14px 24px; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .intake-instrument { grid-column: 1 / -1; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .proof-console__top .snapshot-trustline { grid-column: 1 / -1; margin: 0 2px; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .proof-console__top .snapshot-form > .btn { grid-column: 1; width: auto; padding: 10px 32px; min-height: 44px; margin-top: 0; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .proof-console__top .snapshot-form > .form-note { grid-column: 2; align-self: center; margin: 0; }

  /* D17 exhibit proof band: split header (round-15 band grammar) - eyebrow +
   * h2 + subject left, boundary right. MUTATION (measured): delete the
   * header grid -> stacked 145.48px header (+21 docH); delete the subject
   * placement -> auto-placement keeps it in column 1 row 2 (only the 8px
   * top margin does work; the grid-column/grid-row declarations are
   * redundant safety, kept per the round-26 defense-in-depth precedent).
   * Frame 480 = the banked round-26 tablet-window height: the honest
   * windowed plate (the iframe is a fixed-height window onto the
   * hash-pinned document, which self-centers on its own white page at full
   * measure - reflow, no scale, no inner styling touched). MUTATION:
   * delete frame height -> 560 (+80 docH). Footer already one line by base
   * layout; the flex contributes baseline alignment and the 24px gap only
   * (deletion measured -1px, no stack) - it is not a height guard. */
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__header { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: 48px; align-items: start; padding: 0 0 14px; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__header > div { grid-column: 1; grid-row: 1; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__boundary { grid-column: 2; grid-row: 1; margin: 0; justify-self: end; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__subject { grid-column: 1; grid-row: 2; margin: 8px 0 0; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__frame { height: 480px; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__footer { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__footer p { margin: 0; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__links { display: flex; gap: 24px; }

  /* D17 pool re-fit: ONE pool, behind the plate only (top inset 13% = the
   * measured header fraction of the re-templated figure), peak .05, sides
   * -4% (47.7px spill inside the 1440 canvas - overflowX false, measured).
   * MUTATION: delete -> the round-9 geometry (peak .10, -14% side spill)
   * renders on the 1192 figure: no layout break, but a D17 violation. */
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example::before {
    inset: 13% -4% -6% -4%;
    background: radial-gradient(ellipse 58% 62% at 50% 55%, rgba(255,255,255,.05), rgba(255,255,255,.02) 45%, transparent 74%);
  }
}

/* ==================== S4 round 32: THE NARROWED DARK PLATE (owner-ruled 2026-07-20) ====
 * Owner verbatim: the plate is a "massive box... demanding to much attention
 * and page space... doesnt look sleek" - ruling: KEEP THE ARTIFACT, KILL THE
 * WHITE. MEASURED MECHANISM: the sandboxed frame is a fixed window onto the
 * hash-pinned email, whose 600px-max table self-centers on its own white
 * page, so visible white = (frameW - 600)/2 per side - 281px/side at the
 * round-31 1162 frame, 0px at 600 (scan-verified on screenshots; A3 held:
 * zero inner-document styling, the crop is the real document). Plate = 630
 * viewport (600 frame + 2x14 mat + 2x1 border, border-box), centered in the
 * measure; frame drops 480 -> 380, the banked mobile-tease height - the
 * desktop version of the owner-verified mobile dark-tease grammar (window =
 * ~275px dark email header + ~105px of its white intro).
 * MEASURED COST (1440x900): docH 4346 -> 4246 (-100); 1041: 4561 -> 4461;
 * 1280: 4333 -> 4233. Ceiling 4381 clears by 135 at 1440; LANDING NEVER
 * LONGER holds at every >=1041 leg. Fold byte-identical above the plate:
 * plate top y793.27 and visible-px 106.73 unchanged at 1440x900.
 * SCOPE: >=1041 landing hammer only; 761-1040 (owner-verified geometry) and
 * <=760 (mobile tease) byte-untouched - docH 5616/5686/6664/6850 re-measured
 * identical under whole-block injection; pricing byte-stable (3524/5726,
 * four rails level x3). Overrides the round-31 frame height and pool by
 * later-in-file order at equal specificity - do not edit the round-31 block.
 * COUPLINGS: 630 derives from the frozen email's 600px table - if the
 * delivered specimen ever changes width, re-derive (white returns at
 * (frameW-600)/2 per side). Furniture (split header, one-line footer, counts
 * band) stays full-measure - only the plate narrows; the s4-plate-tag rides
 * the viewport corner so it lands on the narrowed plate automatically
 * (measured x405 = plate corner at 1440). Counts band stays below the figure
 * (kicker y 1259.08 > figure bottom 1235.08 at 1440) - the literal wording
 * "document above" stays true. Round-30 focus inset untouched (reach 0.0
 * both inputs re-measured); demo flow re-proven under the mock (brackets on
 * the 1192 panel corners, dialog count 1, demo-labeled).
 * MUTATIONS (each measured by deletion at 1440):
 * - delete viewport width -> plate re-spans 1192, frame 1162, the 281px/side
 *   white slabs return (docH unchanged - width is the whole kill-the-white).
 * - delete margin-inline -> the 630 plate left-anchors at x124 under the
 *   full-measure furniture (docH unchanged; auto centering is the composition).
 * - delete frame height -> round-31's 480 wins by order, docH +100 to 4346
 *   and the window's white lower half doubles (~200px of intro).
 * - delete the ::before override -> the round-31 pool renders: 1287px-wide
 *   wash (x76.3, 47.7px past the FIGURE edges, ~328px past the plate per
 *   side) behind a 630 plate - no layout break, still one pool, but the
 *   fitted-glow read is gone (D17-refit violation).
 * Pool arithmetic: sides calc(50% - 363px) = plate half-width 315 + 48px
 * bleed -> constant 726px pool, 48.0px bleed each side measured at
 * 1041/1280/1440 (percent sides tracked the figure, not the plate: 19.5%
 * gave a 605.8px pool NARROWER than the plate at 1041 - rejected). Top 22%
 * = header fraction of the 566.81 figure at >=1148 (124.7 vs header 125);
 * at 1041-1147 the taller header makes the pool start 8.7px above the plate
 * (soft .05-peak glow, accepted by measurement). Bottom -4% tail ends inside
 * the gap above the counts band. One pool per page (census 1), peak .05,
 * zero horizontal overflow at all legs. */
@media (min-width: 1041px) {
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__viewport { width: 630px; margin-inline: auto; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__frame { height: 380px; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example::before {
    inset: 22% calc(50% - 363px) -4%;
    background: radial-gradient(ellipse 58% 62% at 50% 55%, rgba(255,255,255,.05), rgba(255,255,255,.02) 45%, transparent 74%);
  }
}
/* ==================== S4 round 33: LEFT PLATE + EXPLANATION COLUMN (owner charter 2026-07-20) ====
 * Owner verbatim: "eliminating the reduncy is this section moving the snapshot
 * example over to the left side and using the space to the right of it to
 * better explain the snapshot and what people are looking at."
 * MECHANISM: the 630 plate (round-32 white law: 600px frame wrap, geometry
 * BYTE-UNTOUCHED) mounts at the measure's left edge at >=1200; the existing
 * .snapshot-example__footer becomes the right explanation column (disclosure
 * boundary p joins it VISUALLY via header display:contents grid placement -
 * its DOM home, id, and the frame's aria-describedby stay in the figcaption).
 * TWO-COL ENGAGES AT >=1200, MEASURED: col2 = figW-630-48 = 474px @1200 /
 * 514px @1280-1440 = 50.2-54.4 CSS-ch (1ch=9.448px at 15px) - the first leg
 * inside the site's 50-66ch range. 1148 gives 44.7ch, 1041 gives 33.3ch
 * (both mocked, screenshot-rejected). 1041-1199 keeps the round-32 centered
 * plate; the consolidated column content renders full-measure below it.
 * LANDING HAMMER ONLY - pricing measured byte-stable under whole-block
 * injection (3524/5726; four rails level x3). Overrides round-31 header/footer
 * and round-32 viewport/pool by later-in-file order - do not edit those blocks.
 * MEASURED COST (SET-1/B1, 1440x900): docH 4246 -> 4239; 1280 4233 -> 4226;
 * 1041 4461 -> 4550 (the stacked window pays for the added explanation copy -
 * owner-ruled with the B1 pick, 2026-07-20); mobile/window legs move with the
 * HTML strings (see build record). Ceiling: 4239 + 35 reserve = 4274 <= 4381
 * (headroom 107).
 * COUPLINGS: import-never-rebuild untouched - [data-snapshot-example-frame] +
 * [data-snapshot-example-status] both in DOM, loader verified (aria-busy
 * false, srcdoc set, dark header on screenshot); demo re-proven under the
 * mock (armed+locking+lit brackets, scrim dims the left plate, dialog count 1
 * demo-labeled); round-30 focus inset untouched (reach 0.0 both inputs);
 * A8 held (boundary before links in DOM and paint); NO EM DASHES in new copy.
 * MUTATIONS (each measured by deletion, B1 @1440 unless noted; the M3/M9
 * lines below carry the audit's measured corrections, round-31 precedent):
 * - figure grid line: delete -> full stack returns, docH 4239->4602 (+363).
 *   grid-template-rows auto auto auto 1fr (audit patch): byte-inert for B1
 *   (4239 unchanged, proven); pins the footer track so a column shorter than
 *   the plate cannot open a dead gap (closes A1's measured 46.6px void).
 * - header display:contents: delete -> header re-boxes as a col-1 grid item,
 *   plate falls to y962, docH +147.
 * - header>div placement: delete -> docH unchanged but the eyebrow/h2 row
 *   narrows to the 630px col-1 track (1192 -> 630 measured); the 1/-1 span
 *   IS the full-measure header row - load-bearing.
 * - boundary placement: delete -> boundary flies to header row (r31
 *   justify-self:end wins), overlaps the headerDiv row, docH 4195 - the
 *   placement IS the column-top disclosure.
 * - subject placement: delete -> r31 subject rule re-places it almost
 *   identically (docH -14 from margin delta 8 vs 12/10) - margins do the work.
 * - viewport placement line: delete -> plate auto-places col2 row1, docH +354.
 *   align-self:start alone: delete -> mat stretches 410->566.7 (docH +-0,
 *   composition break). margin-inline:0 alone: delete -> IDENTICAL (r32
 *   margin-inline:auto has no room in the 630px track) - documented inert.
 * - footer placement: delete -> footer auto-places r1c2 above boundary,
 *   plate falls below column, docH +414.
 * - links column: delete -> base flex row wrap justify-end renders right-
 *   aligned link row in-column (docH -33, composition break).
 * - link reset (min-height/padding/margin): delete -> links fall to the base
 *   right-aligned voice (text-align right, method-link margin 0 20px) and
 *   lose the 2px touch padding, docH -12; the reset buys left alignment and
 *   margin normalization at a 12px cost.
 * - cluster 1fr: delete -> 3-col cluster squeezes into the 514 column,
 *   docH +124. count-c max-width:none: delete -> 26ch captions, docH +64.
 * - pool (>=1200): delete -> round-32 pool renders (top 146px, left 233px,
 *   726px) centered on the FIGURE while the plate sits left - no layout
 *   break, D17-refit violation. Pool arithmetic here: constant-size
 *   678x458 = plate 630+2x24 / 410+2x24 bleed; top 75 = measured plate top
 *   99 - 24 (headerDiv 42.5 + subject row 56.5, constant 1200-1440,
 *   re-measured at 1280); left -24 puts the pool edge at x100 @1440 / x20
 *   @1280 / x0 @1200 - zero horizontal overflow at all legs (48px bleed
 *   clipped at 1200-1280 canvases; gradient is transparent past 74% so the
 *   clip is invisible; scrollWidth unchanged, measured).
 * - stacked pool (1041-1199): delete -> r32 pool floods 693px down the now-
 *   taller figure behind the copy (D17 violation). top 124 = plate top
 *   148.3 - 24, constant across 1041/1100/1148 (header 148.25 constant,
 *   zero drift measured); left calc(50% - 339px) keeps it centered on the
 *   centered plate.
 * - stacked footer display:block: delete -> r31 footer flex squeezes the
 *   four blocks side-by-side (cluster 426px wide, docH +225 @1041).
 * - 761-1040 footer display:block: delete -> base flex row squeezes para to
 *   84px / counts to 276px (docH +128 @780, unreadable). This is the ONE
 *   addition touching the protected window: the banked rules for existing
 *   choreography stay byte-untouched, but the footer's NEW block content
 *   physically cannot ride the old one-line flex.
 *   AUDIT PATCH (protected-window gate): all five w761 footer selectors are
 *   gated with :has(.s4-explain-p, .v2-count-cluster) so the block is
 *   physically inert against pre-r33 HTML - CSS-only docH proven
 *   byte-identical at all six protected legs (5686/5686/5686/5642/5642/5616).
 * - explain-p type rule: delete -> paras drop to the 11.5px footer-p voice
 *   (docH -58) - this rule is the 15px body voice, not a layout guard.
 * - status margin: delete -> status hugs the cluster (docH -16). */
@media (min-width: 761px) and (max-width: 1040px) {
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__footer:has(.s4-explain-p, .v2-count-cluster) { display: block; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__footer:has(.s4-explain-p, .v2-count-cluster) .snapshot-example__links { display: flex; gap: 24px; margin-top: 12px; justify-content: flex-start; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__footer:has(.s4-explain-p, .v2-count-cluster) .v2-count-cluster { margin: 16px 0 0; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__footer:has(.s4-explain-p, .v2-count-cluster) .s4-explain-p { margin: 4px 0 0; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__footer:has(.s4-explain-p, .v2-count-cluster) [data-snapshot-example-status] { margin: 12px 0 0; }
}
@media (min-width: 1041px) and (max-width: 1199px) {
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__footer { display: block; padding: 10px 2px 0; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__footer .snapshot-example__links { display: flex; gap: 24px; margin-top: 12px; justify-content: flex-start; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__footer .v2-count-cluster { margin: 24px 0 0; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example::before { inset: 124px auto auto calc(50% - 339px); width: 678px; height: 458px; }
}
@media (min-width: 1200px) {
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example { display: grid; grid-template-columns: 630px minmax(0, 1fr); grid-template-rows: auto auto auto 1fr; column-gap: 48px; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__header { display: contents; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__header > div { grid-column: 1 / -1; grid-row: 1; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__boundary { grid-column: 2; grid-row: 3; justify-self: start; align-self: start; margin: 0; font-size: 15px; line-height: 1.6; max-width: 58ch; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__subject { grid-column: 1; grid-row: 2; margin: 12px 0 10px; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__viewport { grid-column: 1; grid-row: 3 / span 2; margin-inline: 0; align-self: start; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__footer { grid-column: 2; grid-row: 4; display: block; padding: 0; align-self: start; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__footer .snapshot-example__links { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 8px; margin-top: 16px; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__footer a { min-height: 0; padding: 2px 0; text-align: left; margin: 0; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__footer .v2-count-cluster { grid-template-columns: minmax(0, 1fr); row-gap: 16px; margin: 16px 0 0; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__footer .v2-count-c { max-width: none; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example::before { inset: 75px auto auto -24px; width: 678px; height: 458px; }
}
@media (min-width: 1041px) {
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__footer .s4-explain-p { font-size: 15px; line-height: 1.6; color: var(--landing-text-2); margin: 16px 0 0; max-width: 58ch; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__footer [data-snapshot-example-status] { margin: 16px 0 0; }
}

/* ==================== S4 round 45: Single-audit card horizontal at desktop ====
 * Owner: the solo Single card stacked in the 357px monthly-lane column and
 * stranded the right of the row. At >=1041 the card widens and lays
 * plan | commercial | capacity across; <=1040 keeps the vertical 357px stack
 * untouched. Overrides the width lock (r19/r28, ~line 1504) and the vertical
 * select grid (~line 1006) at desktop only - source-order win, no !important. */
@media (min-width: 1041px) {
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-mode--single .package-choice {
    width: 620px;
    max-width: 100%;
  }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-mode--single .package-choice-card {
    width: 620px;
    max-width: 100%;
    grid-template-columns: 1fr;
  }
}
/* r46: condensed deliverables strip in the PRICING hero - names the four
 * client-ready deliverables (proof) BETWEEN the lede and the $6,000 margin ledger,
 * so proof lands before the resale math and the checkout ask (pricing-section-order
 * workflow, proof-before-math / minimal-reorder verdict). Names are verbatim from
 * the Package-contents section below; no new claims. Pricing-only. */
html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .deliverables-strip {
  list-style: none;
  margin: 20px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 28px;
}
html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .deliverables-strip li {
  display: flex;
  align-items: baseline;
  gap: 8px;
  font-size: 15px;
  line-height: 1.3;
  color: var(--landing-text-2);
}
html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .deliverables-strip .ds-n {
  font: 500 11.5px/1 var(--font-mono, monospace);
  letter-spacing: .1em;
  color: var(--landing-text-3);
}

/* r45: keep "No subscription" (now inside .package-commercial) left-aligned at
 * every width - the fold-in otherwise centers it in the mobile stack. */

/* r53: pricing buy-flow redesign (owner corrections; from the pricing-buyflow-redesign
 * workflow). The r51 rail is DELETED - prices live only on the buy cards (no duplicate,
 * no extra click), and the $6,000 ledger + pilot detail moved BELOW the cards. The
 * free-audits BANNER (.plan-trial-band; the one amber besides the Recommended chip) sits
 * above the three monthly cards, and an IDENTICAL neutral note (.package-trial-note) is on
 * every monthly card so the trial reads as plan-wide, not Agency-only; the Single card
 * carries a neutral "no trial" counter-line. Pricing-only. */
/* the shared .package-monthly-face is a 12-col grid (its 3 original children were explicitly
 * placed); the redesign adds/moves block children, so switch pricing's face to a plain block
 * stack in DOM order (mode-head -> banner -> cards -> ledger -> pilot -> plan-terms). */
/* the rail+ledger left the intro; reclaim its oversized bottom gap so the cards ride up. */
html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .package-start-intro { margin-bottom: 24px; }
/* r60 cleanup: the pricing .package-monthly-face and its per-child rules were retired by the
 * r59 comparison grid (the face no longer exists on pricing). */
/* r58: plan-terms moved out of the face into .package-monthly-detail; re-scope its top margin. */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-monthly-detail > .package-plan-terms { margin: 28px 0 0; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .plan-trial-band {
  margin: 20px 0 24px;
  padding: 16px 20px;
  border: 1px solid var(--landing-signal, #f39f41);
  border-radius: 2px;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .plan-trial-band .ptb-label {
  display: block;
  font: 500 11.5px/1.4 var(--font-mono, monospace); letter-spacing: .14em; text-transform: uppercase;
  color: var(--landing-text-hi);
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .plan-trial-band .ptb-body {
  margin: 8px 0 0; font-size: 15px; line-height: 1.5; color: var(--landing-text-2); max-width: none;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .plan-trial-band .ptb-body strong { color: var(--landing-text-hi); font-weight: 600; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-trial-note {
  margin: 10px 0 0; font: 500 11.5px/1.4 var(--font-mono, monospace); letter-spacing: .06em; text-transform: uppercase;
  color: var(--landing-text-2);
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-trial-note--none { color: var(--landing-text-3); }
/* r60 cleanup: the old Agency-first mobile order (for the retired stacked monthly grid) is now
 * handled by the r59 compare-grid stack rules (.package-choice-grid--compare > ... order). */

/* r54: pricing mobile-fold base (owner "we shouldn't scroll before we see prices"; the
 * safe half of the pricing-mobile-fold-fix workflow, full-clear DEFERRED per owner). The
 * banner's redundant "Single audit has no trial" sentence is dropped (the Single card's
 * own note carries it) and the genuinely-loose mobile gaps are tightened - measured from
 * the real cascade, NOT the workflow's derived gaps (mobile breakpoint is 760, and the
 * hero top padding was already 28, so those "big levers" did not exist). Mobile-only, so
 * the desktop +52 fold cushion is byte-unchanged. Pricing-only. */
@media (max-width: 760px) {
  html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final #pricing-title { margin-top: 6px; margin-bottom: 8px; }
  html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .pricing-hero-copy .lede { margin-bottom: 8px; }
  html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .deliverables-strip { margin-top: 10px; }
  html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .package-start-intro { margin-bottom: 14px; }
  html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .package-start-form { padding-top: 14px; }
  html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .package-inline-instruction { margin-bottom: 8px; }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .plan-trial-band { margin: 12px 0 14px; padding: 12px 20px; }
}

/* r56 mobile fold-clear (banner reorder + mode-head subhead hide) targeted .package-monthly-face
 * and .package-mode-head--monthly; r59 retired both, so that whole block was removed in the r60
 * cleanup. The compare-grid stack rules now own the mobile order, and the mode-heads are gone. */

/* r58: single-card placement (owner picked 'remove the wedge'; from the pricing-single-card-
 * placement workflow). The monthly-only detail (resale ledger, agency pilot, plan terms) was
 * DOM-moved OUT of .package-monthly-face to BELOW the single card, under this labeled wrapper,
 * so the four price cards sit adjacent (nothing between them). The wrapper's 'About the monthly
 * plans' heading + top-rule divider keep that detail unmistakably monthly-scoped, so it never
 * reads as applying to the one-time single audit (no trial, no subscription). Pricing-only. */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-monthly-detail {
  margin-top: 28px;
  padding-top: 18px;
  border-top: 1px solid var(--landing-line, rgba(255, 255, 255, .13));
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-monthly-detail-head { margin: 0 0 8px; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-monthly-detail-kicker {
  display: block;
  font: 500 11.5px/1.4 var(--font-mono, monospace); letter-spacing: .14em; text-transform: uppercase;
  color: var(--landing-text-2);
}

/* r55: sitewide white-label gloss (owner-approved, from the white-label-messaging-audit
 * workflow - all four lenses said "highlight more" and the term needs a plain-language
 * gloss). Rights framing ("yours to brand and resell as your own work") + the substantiated
 * relationship fact from Terms L69 ("Inflect Edge only ever deals with you"). The workflow
 * deliberately REJECTED "your client never sees us" as an overclaim (Terms L67 keeps Inflect
 * Edge's own marks; invisibility is an agency-produced outcome, not an engine guarantee).
 * These two lines are plain 15px body (on-scale), no amber; the landing hero-eyebrow gloss
 * at .hero-category is HTML-only (no size change). */
html.landing-final.landing-final.landing-final.landing-final.landing-final .v2-output-brandline {
  margin: 0 0 18px; font-size: 15px; line-height: 1.5; color: var(--landing-text-2); max-width: 62ch;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-whitelabel-line {
  margin: 20px 0 0; font-size: 15px; line-height: 1.5; color: var(--landing-text-2); max-width: 62ch;
}

/* r47: pricing hero concision pass (owner "it's too big, wordy, space it out").
 * Copy cut ~49% via the pricing-hero-concision workflow (honesty-verified SHIP;
 * the illustrative/assumption hedge kept verbatim). This is the LAYOUT half: break
 * the lede after the guarantee so it lands on its own line, contain the ledger in
 * its own card set apart from the lede+strip, and demote the basis to fine print
 * flush under the numbers it qualifies (11.5px ON-SCALE, not the workflow's
 * off-scale 13px). Pricing-only. */
html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .pricing-hero-copy .lede strong { display: block; margin-bottom: 3px; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .margin-ledger--pricing {
  margin: 28px 0 0;
  padding: 18px 20px;
  border: 1px solid var(--landing-line, rgba(255, 255, 255, .13));
  border-radius: 2px;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .margin-ledger--pricing .ledger-basis {
  margin-top: 12px;
  font-size: 11.5px;
  line-height: 1.5;
  color: var(--landing-text-3);
}

/* r59: 4-up COMPARISON GRID (owner "build the comparison grid" - the fuller option from the
 * pricing-single-card-placement workflow). All four prices sit in one row: Studio/Agency/Partner
 * grouped under the amber "every monthly plan" banner, the one-time Single set apart under a
 * "One-time" label. The single card, now a child of the shared .package-choice-grid--monthly,
 * adopts the vertical monthly-card styling automatically. HONESTY: the banner spans ONLY the three
 * monthly columns; each card keeps its own trial note (monthly "First 2 audits free", single "No
 * trial"); the shared guarantee below applies to any audit. Desktop 4-up; <=1040 stacks (Agency
 * first for the fold, banner below the monthly cards, single after). Pricing-only. */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-grid--compare {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-areas:
    "band band band label"
    "studio agency partner single"
    "guar guar guar guar"
    "wl wl wl wl";
  column-gap: 0;
  row-gap: 20px;
  align-items: start;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-grid--compare > .plan-trial-band { grid-area: band; margin: 0; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-grid--compare > .compare-onetime-label { grid-area: label; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-grid--compare > .package-choice--studio { grid-area: studio; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-grid--compare > .package-choice--agency { grid-area: agency; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-grid--compare > .package-choice--partner { grid-area: partner; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-grid--compare > .package-choice--single { grid-area: single; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-grid--compare > .package-whitelabel-line { grid-area: wl; margin: 0; }

:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .compare-onetime-label {
  align-self: end; margin: 0;
  font: 500 11.5px/1.4 var(--font-mono, monospace); letter-spacing: .14em; text-transform: uppercase;
  color: var(--landing-text-2); padding: 0 0 10px 24px;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-shared-guarantee {
  margin: 4px 0 0; font-size: 15px; line-height: 1.5; color: var(--landing-text-2); max-width: none;
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-shared-guarantee strong { color: var(--landing-text-hi); font-weight: 600; }

/* r60 claimed the 4-up fits cleanly down to ~820px, but that was proven on pricing only and
 * FALSIFIED by measurement in the 2026-07-21 audit (HIGH #2): at 900-937px the Single price
 * "$2,500 one time" (223px, nowrap) overflows its 213px card and is viewport-clipped mid-word
 * on BOTH pages, with card-edge overhang persisting to ~1030px (invisible to a
 * documentElement.scrollWidth check because html/body overflow-x:clip masks it).
 * r65 (owner-ruled "stack below 1040"): restore the r59 boundary - grid >1040, stack <=1040. */
@media (max-width: 1040px) {
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-grid--compare { display: flex; flex-direction: column; row-gap: 0; }
  /* [r67: the CSS `order` swap is DELETED (2026-07-21 audit medium #22 - WCAG 2.4.3:
   * mobile tab/reading order contradicted visual order; focus jumped ~400px back up
   * from Studio's email to Agency's). The DOM itself now carries the stack order
   * (cards Studio/Agency/Partner, band, One-time label, Single, guarantee,
   * white-label - the band + label were DOM-moved below the monthly cards on both
   * pages). Desktop >=1041 is untouched: grid-template-areas places band/label by
   * area, independent of DOM position. Cost, owner-flagged: the mobile stack now
   * leads with Studio (DOM order), not Agency - the r59 Agency-first fold emphasis
   * is traded for a clean focus/reading order; the fold still shows a price
   * (Studio's). Spacing kept from the retired order rules: */
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-grid--compare > .plan-trial-band { margin: 20px 0 0; }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-grid--compare > .compare-onetime-label { padding: 20px 0 0; }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-grid--compare > .package-whitelabel-line { margin-top: 16px; }
}

/* r60: even the checkout rows across the four compare cards. The cards had different content
 * heights (Agency's unit wraps to 2 lines + carries the Recommended chip), so with top alignment
 * the email inputs staggered. Make the row's cards equal height and pin the email/checkout section
 * to the card bottom so all four inputs align. Desktop grid only (on the <=1040 stack it is inert:
 * flex-column cards are content-height, so margin-top:auto collapses). */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-grid--compare > .package-choice { align-self: stretch; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-grid--compare .package-choice-card { display: flex; flex-direction: column; height: 100%; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-grid--compare .package-choice-select { flex: 0 0 auto; }
/* bottom-align the note+checkout group so the trial notes AND the email inputs line up across
 * all four cards, regardless of how each card's unit line wraps. */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-grid--compare .package-trial-note { margin-top: auto; }

/* ==================== S4 round 66 (Fable 5): package-tail measure parity ====
 * The ~line-799 pricing-hero 62ch cap (:is(...) .pricing-hero .lede/p) hangs
 * off .pricing-hero, which on PRICING is the whole package section element, so
 * it leaked onto the full-width package-TAIL paragraphs there; the landing
 * section (.package-start-section without .pricing-hero) never got it. Measured
 * live render deltas at 1440 (2026-07-21 audit medium #8): the shared guarantee
 * 3 lines on pricing vs 1 on landing, the price-basis 2 vs 1; every other
 * capped element is container-constrained below 62ch (zero render delta).
 * Direction: uncap the two tail elements on pricing to the landing render -
 * capping the landing instead would ADD ~55px against a 35px docH headroom.
 * Specificity (0,7,2) deliberately beats the leak rule's (0,6,2). */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-start-section p.package-shared-guarantee,
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-start-section p.package-price-basis {
  max-width: none;
}

/* ==========================================================================
 * S4 round 68 (Fable 5): "The Report Cover (Evidence-Ledger Editorial)"
 * The owner-approved redesign of both money pages' header system + folds,
 * applied from the verified prototype (proto/ at commit 30aa9eb; built by
 * wf_1fc14425-199 from the judged direction + adversarial-critique fixes).
 * Owner rulings embodied (2026-07-22): R2 guarantee row above the card grid
 * both pages + pricing lede consolidated; R3 Molitor subject row visible in
 * the hero exhibit; R4 no new amber, masthead CTA monochrome. Critique kills
 * respected: margin ledger DIRECTLY BELOW the grid; Selected-chip graft
 * skipped; proof links full-wrap-width row; graft-2 mobile lede restored.
 * These rules load LAST in this file = the same cascade position the proto
 * stylesheet had. Border grammar .13/.24 whites + amber only; type
 * 56/48/16/15/11.5 desktop, 48/44/16/15/11.5 mobile; radius 0/2.
 * ======================================================================== */

/* ---------- 1. MASTHEAD: one shell, mono nav, unified inks ---------- */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final,
    html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final, html.s4.s4.s4.s4.s4) .brand .word {
  color: var(--landing-text-hi, #f5f5f5);
}
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final,
    html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final, html.s4.s4.s4.s4.s4) .site-header .btn.btn--outline {
  color: var(--landing-text-hi, #f5f5f5);
}
@media (min-width: 561px) {
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final,
      html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final, html.s4.s4.s4.s4.s4) .site-header .nav {
    gap: 14px;
  }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final,
      html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final, html.s4.s4.s4.s4.s4) .site-header .nav a.nav-hide {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    min-width: 0;
    padding: 0 10px;
    font: 500 11.5px/1.4 var(--font-mono, monospace);
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--landing-text-2, #a3a3a3);
    text-decoration: none;
  }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final,
      html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final, html.s4.s4.s4.s4.s4) .site-header .nav a.nav-hide:hover,
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final,
      html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final, html.s4.s4.s4.s4.s4) .site-header .nav a.nav-hide:focus-visible {
    color: var(--landing-text-hi, #f5f5f5);
  }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final,
      html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final, html.s4.s4.s4.s4.s4) .site-header .nav a.nav-hide[aria-current="page"] {
    color: var(--landing-text-hi, #f5f5f5);
    border-bottom: 1px solid var(--landing-line-strong, rgba(255, 255, 255, .24));
  }
}
@media (min-width: 561px) and (max-width: 1040px) {
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final,
      html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final, html.s4.s4.s4.s4.s4) .site-header .nav {
    gap: 8px;
  }
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final,
      html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final, html.s4.s4.s4.s4.s4) .site-header .nav a.nav-hide {
    padding: 0 6px;
  }
}
/* landing mobile gets the same utility bar pricing already has */
@media (max-width: 560px) {
  html.landing-final.landing-final.landing-final.landing-final.landing-final .mobile-utility {
    display: block;
  }
}

/* ---------- 2. HEADING INK: 245 everywhere outside the frozen gate surfaces ---------- */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final,
    html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final)
  :is(h1, h2, h3, h4):not(.package-config-failure *):not(.package-payment-step *):not(.inspect-dialog *) {
  color: var(--landing-text-hi, #f5f5f5);
}

/* ---------- 3. KICKER GRAMMAR: one letter-spacing sitewide ---------- */
html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .kicker {
  letter-spacing: .16em;
}

/* ---------- 4. LANDING: findings-index (cover contents, non-interactive) ---------- */
html.landing-final.landing-final.landing-final.landing-final.landing-final .rc-index {
  margin: 28px 0 0;
}
html.landing-final.landing-final.landing-final.landing-final.landing-final .rc-index p {
  margin: 0;
  border-top: 1px solid var(--landing-line, rgba(255, 255, 255, .13));
  padding: 9px 0;
  font: 500 11.5px/1.4 var(--font-mono, monospace);
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--landing-text-3, #8a8a8a);
}

/* ---------- 5. LANDING: section-01 head joins the 48px band grammar ---------- */
html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__header > div {
  border-top: 1px solid var(--landing-line, rgba(255, 255, 255, .13));
  padding-top: 24px;
}
html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__eyebrow {
  margin: 0;
}
html.landing-final.landing-final.landing-final.landing-final.landing-final #snapshot-example-title {
  font: 400 48px/1.1 var(--font-serif, Georgia, serif);
  letter-spacing: -.01em;
  color: var(--landing-text-hi, #f5f5f5);
  margin: 12px 0 0;
}
/* landing 03 band head gets the same full-width rule */
html.landing-final.landing-final.landing-final.landing-final.landing-final .v2-offer-label {
  border-top: 1px solid var(--landing-line, rgba(255, 255, 255, .13));
  padding-top: 20px;
}

/* ---------- 6. LANDING HERO, >=1200: the report cover ---------- */
@media (min-width: 1200px) {
  html.landing-final.landing-final.landing-final.landing-final.landing-final .proof-console__top {
    display: grid;
    grid-template:
      "copy    subject" auto
      "copy    exhibit" auto
      "copy    vact"    auto
      "copy    caption" auto
      "intake  intake"  auto
      "s1head  s1head"  auto
      "s1b     s1c"     auto
      "s1e     s1c"     auto
      "s1links s1links" auto
      / 592px minmax(0, 1fr);
    gap: 0 40px;
    align-items: start;
  }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .proof-copy {
    grid-area: copy;
    display: block;
  }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .proof-console__top > .snapshot-example,
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__header,
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__footer {
    display: contents;
  }
  /* the specimen exhibit, right column */
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__subject {
    grid-area: subject;
    margin: 0 0 12px;
  }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__viewport {
    grid-area: exhibit;
    width: auto;
    max-width: none;
    margin: 0;
    align-self: start;
    justify-self: stretch;
  }
  html.landing-final.landing-final.landing-final.landing-final.landing-final [data-snapshot-example-status] {
    grid-area: caption;
    align-self: start;
    margin: 8px 0 0;
  }
  /* the ruled action row */
  html.landing-final.landing-final.landing-final.landing-final.landing-final .proof-console__top > .intake-panel {
    grid-area: intake;
    margin-top: 32px;
    border: 0;
    border-top: 1px solid var(--landing-line, rgba(255, 255, 255, .13));
    border-bottom: 1px solid var(--landing-line, rgba(255, 255, 255, .13));
  }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .proof-console__top > .intake-panel .ibr {
    display: none;
  }
  /* section 01 recomposed under the cover */
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__header > div {
    grid-area: s1head;
    margin-top: 40px;
  }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__boundary {
    grid-area: s1b;
    margin: 24px 0 0;
    justify-self: stretch;
    max-width: none;
  }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .s4-explain-p {
    grid-area: s1e;
    margin: 12px 0 0;
  }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .v2-count-cluster {
    grid-area: s1c;
    margin: 16px 0 0;
  }
  /* r122 PSY-1: the exhibit's OWN verification act sits adjacent to the
     plate (variant B; the anchor moved out of the links row in the DOM,
     so the graft-5 row below now carries two links) */
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__primary-action {
    grid-area: vact;
    justify-self: start;
    margin: 10px 0 0;
  }
  /* graft 5: the three proof links, one FULL-WRAP-WIDTH row */
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__links {
    grid-area: s1links;
    display: flex;
    flex-wrap: wrap;
    gap: 12px 32px;
    justify-content: flex-start;
    margin-top: 20px;
  }
}

/* ---------- 7. LANDING HERO, <=1199: one column, re-derived order ---------- */
@media (max-width: 1199px) {
  html.landing-final.landing-final.landing-final.landing-final.landing-final .proof-console__top {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .proof-copy,
  html.landing-final.landing-final.landing-final.landing-final.landing-final .proof-console__top > .snapshot-example,
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__header,
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__footer,
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__footer:has(.s4-explain-p, .v2-count-cluster) {
    display: contents;
  }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .v2-hero-title { order: 2; }
  /* graft 2: the lede returns under the H1 at mobile */
  html.landing-final.landing-final.landing-final.landing-final.landing-final .v2-hero-lede { order: 3; margin: 0 0 16px; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .hero-proof-link { order: 4; align-self: flex-start; margin: 0 0 24px; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__subject { order: 5; margin: 0 0 10px; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__viewport { order: 6; }
  /* r122 PSY-1: same order as the viewport; DOM order slots it after */
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__primary-action { order: 6; margin: 10px 0 0; align-self: flex-start; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final [data-snapshot-example-status] { order: 7; margin: 10px 0 0; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .proof-console__top > .intake-panel { order: 8; margin-top: 32px; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .rc-index { order: 9; margin: 32px 0 0; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__header > div { order: 10; margin: 48px 0 0; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__boundary { order: 11; margin: 20px 0 0; max-width: none; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .s4-explain-p { order: 12; margin: 12px 0 0; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .v2-count-cluster { order: 13; margin: 24px 0 0; }
  html.landing-final.landing-final.landing-final.landing-final.landing-final .snapshot-example__links {
    order: 14;
    display: flex;
    flex-wrap: wrap;
    gap: 12px 24px;
    justify-content: flex-start;
    margin: 24px 0 0;
  }
}

/* ---------- 8. PRICING HERO, >=1200: the rate-card cover ---------- */
@media (min-width: 1200px) {
  html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .pricing-hero.package-start-section {
    padding-top: 56px;
  }
  html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .package-start-intro.pricing-hero-copy {
    display: grid;
    grid-template:
      "kicker kicker" auto
      "h1     lede"   auto
      "strip  strip"  auto
      / 610px minmax(0, 1fr);
    column-gap: 32px;
    align-items: start;
    margin-bottom: 36px;
  }
  html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .package-start-intro.pricing-hero-copy > .kicker {
    grid-area: kicker;
    margin: 0 0 18px;
  }
  html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final #pricing-title {
    grid-area: h1;
    margin: 0;
  }
  html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .pricing-hero-copy > .lede {
    grid-area: lede;
    align-self: start;
    margin: 6px 0 0;
    max-width: none;
  }
  html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .deliverables-strip {
    grid-area: strip;
    margin: 32px 0 0;
    padding: 12px 0;
    border-top: 1px solid var(--landing-line, rgba(255, 255, 255, .13));
    border-bottom: 1px solid var(--landing-line, rgba(255, 255, 255, .13));
  }
}

/* ---------- 9. PRICING: numbered band heads at the 48px grammar ---------- */
html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .pricing-package-layout,
html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .pricing-policy-layout {
  grid-template-columns: minmax(0, 1fr);
  gap: 32px;
}
html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .package-intro,
html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .pricing-policy-layout > div:first-child {
  border-top: 1px solid var(--landing-line, rgba(255, 255, 255, .13));
  padding-top: 24px;
}
html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .package-intro h2,
html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .pricing-policy-layout > div:first-child h2 {
  font: 400 48px/1.1 var(--font-serif, Georgia, serif);
  letter-spacing: -.01em;
  color: var(--landing-text-hi, #f5f5f5);
  margin: 12px 0 8px;
  max-width: none;
}
html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .package-intro .lede {
  max-width: 62ch;
}

/* ---------- 10. THE CARD GRID (both pages, r61 parity kept) ---------- */
/* R2: the shared guarantee is now a full-width row directly ABOVE the grid */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final,
    html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final)
  .package-choice-mode--compare > .package-shared-guarantee {
  margin: 0 0 16px;
}
/* the relocated Studio margin ledger sits directly below the grid */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final,
    html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final)
  .package-choice-groups > .margin-receipt.margin-ledger--pricing {
  margin: 0;
}
@media (min-width: 1041px) {
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final,
      html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-groups {
    gap: 48px;
  }
}
/* the guar row leaves the grid template (the p moved out in the DOM) */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final,
    html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-choice-grid--compare {
  grid-template-areas:
    "band band band label"
    "studio agency partner single"
    "wl wl wl wl";
}
/* rate-card ledger: the one-time Single column is set off by the strong ink */
@media (min-width: 1041px) {
  :is(html.landing-final.landing-final.landing-final.landing-final.landing-final,
      html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final)
    .package-choice-grid--compare > .package-choice--single .package-choice-card {
    border-left: 1px solid var(--landing-line-strong, rgba(255, 255, 255, .24)) !important;
  }
}

/* ---------- r69 header rewrite (owner-ruled 2026-07-22): hero registration kicker + s3 head measure ---------- */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .hero-reg-kicker {
  font: 500 11.5px/1.4 var(--font-mono, monospace);
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--landing-text-3);
  margin: 0 0 14px;
}
/* the r69 money head spans the intro grid; overrides the 24ch cap earlier in this file by source order */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) #package-start-title {
  max-width: none;
  grid-column: 1 / -1;
}

/* ---------- r70 trial-giveaway elevation (owner-ruled sum form, 2026-07-22) ---------- */
/* ORDER COUPLING: all three tie their base rules (band padding ~2455/2492, strong ~2469, wrapper margin ~2505) at equal specificity and win by FILE ORDER; this block must stay appended after them. */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .plan-trial-band { padding: 12px 20px; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .plan-trial-band .ptb-body strong { display: block; font-size: 16px; margin: 0 0 4px; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-monthly-detail { margin-top: 20px; }
/* r70 critique fix: the sum and its basis words may never separate across a wrap (owner rule); nowrap the welded unit */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .plan-trial-band .ptb-nb { white-space: nowrap; }

/* ---------- r71 hero trial line (owner-ruled 2026-07-22: the giveaway sum in the hero as well; LANDING-SCOPED) ---------- */
html.landing-final.landing-final.landing-final.landing-final.landing-final .hero-trial-line { font-size: 15px; line-height: 1.5; color: var(--landing-text-2); margin: 14px 0 0; }
html.landing-final.landing-final.landing-final.landing-final.landing-final .hero-trial-line strong { color: var(--landing-text-hi); font-weight: 600; }
html.landing-final.landing-final.landing-final.landing-final.landing-final .hero-trial-line .ptb-nb { white-space: nowrap; }
/* the three reclaim levers paying for the line (landing-only; pricing bytes and render untouched this round) */
html.landing-final.landing-final.landing-final.landing-final.landing-final .proof-stage { padding-bottom: 44px; }
html.landing-final.landing-final.landing-final.landing-final.landing-final .rc-index { margin-top: 16px; }
html.landing-final.landing-final.landing-final.landing-final.landing-final .package-monthly-detail { margin-top: 12px; }

/* ---------- r72 TOKEN UNIFICATION (owner-ruled 2026-07-22; spec: docs/design-arc-2026-07-21/header-subtext-strategy.md) ---------- */
/* A. the IE font faces: the 7 interior pages never load premium-foundation-v1.css, so the families were UNDECLARED there
      and the fallbacks (Georgia / Segoe / ui-monospace) rendered. Verbatim copies; same pinned FONTS-class files;
      duplicate-safe on the money pages, which load both sheets. */
@font-face { font-family:"IE Newsreader"; src:url("/assets/fonts/newsreader-latin-variable-v1.woff2") format("woff2"); font-style:normal; font-weight:200 800; font-display:swap; }
@font-face { font-family:"IE Inter"; src:url("/assets/fonts/inter-latin-variable-v1.woff2") format("woff2"); font-style:normal; font-weight:100 900; font-display:swap; }
@font-face { font-family:"IE Plex Mono"; src:url("/assets/fonts/ibm-plex-mono-regular-v1.woff2") format("woff2"); font-style:normal; font-weight:400; font-display:swap; }
/* B. tokens for the s4 interior scope (the money pages carry NO .s4 class - zero leak by construction).
      Same stacks premium-foundation gives the money pages; --text-2 warm #b9b2a5 unifies to the gray ladder. */
html.s4.s4.s4.s4.s4 {
  --font-display:"IE Newsreader",Georgia,serif;
  --font-serif:"IE Newsreader",Georgia,serif;
  --font-body:"IE Inter","Segoe UI",system-ui,sans-serif;
  --font-sans:"IE Inter","Segoe UI",system-ui,sans-serif;
  --font-data:"IE Inter","Segoe UI",system-ui,sans-serif;
  --font-mono:"IE Plex Mono",Consolas,monospace;
  --text-2:#a3a3a3;
}
/* C. lede register: 16px sitewide (interior was 15) */
html.s4.s4.s4.s4.s4 .lede { font-size: 16px; }
/* D. kicker ink: ladder default #8a8a8a (interior was #a3a3a3) */
html.s4.s4.s4.s4.s4 .kicker, html.s4.s4.s4.s4.s4 main .eyebrow { color: #8a8a8a; }
/* E. the two ink-255 stragglers -> 245 (ink rule: heads #f5f5f5, never #fff) */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .package-step-title { color: #f5f5f5; }
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) :is(#package-payment-title, #pricing-package-payment-title) { color: #f5f5f5; }

/* ---------- r75 BAND-HEAD PROMOTION (strategy item 2 + H3 unification + the mobile outlier; owner rules from screenshots) ---------- */
/* document heads (terms/privacy dense reference + functional 16px h2s): one ls/lh spec per the strategy (-0.16px / 18.4) */
html.s4.s4.s4.s4.s4 main h2 { letter-spacing: -0.16px; line-height: 18.4px; }
/* H3: ONE functional grammar sitewide - IE Inter 600 16 ink 245 (method was 15; sample-report was serif) */
html.s4.s4.s4.s4.s4 main h3 { font-family: var(--font-body, "Segoe UI", sans-serif); font-size: 16px; font-weight: 600; color: #f5f5f5; }
/* the 48px band-head register (the r68 grammar) for interior top-level section heads; id list = method x4 + account x2, .band-head = sample-report */
html.s4.s4.s4.s4.s4 :is(#capture-title, #verify-title, #deliver-title, #snapshot-title, #account-audits-title, #account-plan-title),
html.s4.s4.s4.s4.s4 .band-head {
  font: 400 48px/1.1 var(--font-display, Georgia, serif);
  letter-spacing: -0.01em;
  color: #f5f5f5;
  max-width: 24ch;
}
html.s4.s4.s4.s4.s4 .band-kicker { display: block; margin: 0 0 14px; }
/* the mobile outlier fix: the landing s2 head keeps the serif band grammar at EVERY width (size props only - desktop values identical, so this is a no-op above the flip) */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final) .v2-handoff-title { font-family: var(--font-display, Georgia, serif); font-size: 48px; font-weight: 400; line-height: 1.1; letter-spacing: -0.01em; }
/* r77 (pricing-audit-2026-07-22, owner-ruled): the closing move - a terminal cell
 * completing the pricing 01/02/03 kicker series with a navigational anchor back to
 * the package form. Navigational only, zero new claims, zero amber. Deliberately
 * NOT .close-band: that class is display:none under pricing intake-unavailable
 * (the banked ending-close-band-display-none-trap). */
html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .pricing-close-cell {
  grid-column: 1 / -1;
  margin-top: 8px;
}
html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .pricing-close-cell .kicker {
  display: block;
  margin-bottom: 10px;
}
html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .pricing-close-cell a {
  font-size: 15px;
  color: var(--landing-text-2);
}
/* r78 (pricing-audit-2026-07-22 round C, owner-ruled): tail chrome condensation.
 * Tier a (both widths): head padding-top 24->12, layout gap 32->24 - intra-section
 * rhythm gaps, not the SECTION scale. Tier b (DESKTOP ONLY, min-width 761: the
 * round-4 mobile pads stay 32): .pricing-package/.pricing-policy-section
 * padding-block 64->48. Zero copy; the band-head grammar (top rule + kicker +
 * 48px h2, its 12px/8px h2 margins) untouched. */
html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .pricing-package-layout,
html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .pricing-policy-layout {
  gap: 24px;
}
html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .package-intro,
html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .pricing-policy-layout > div:first-child {
  padding-top: 12px;
}
@media (min-width: 761px) {
  html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .pricing-package,
  html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .pricing-policy-section {
    padding-block: 48px;
  }
}
/* r93 (method-audit round A, owner-ruled 2026-07-23): the hero right column
 * is built around THE FINAL DELIVERED AUDIT (owner: the page was leaning on
 * the snapshot; the product is the report, walkthrough deck, and presenter
 * script). The package exhibit is a PLACEHOLDER by owner ruling: the
 * settled-copy deliverables ledger + a factual "exhibit pending" plate tag -
 * nothing mocked, zero new claims (copy verbatim from pricing section 01 +
 * the r57 brand line, MOVED here from the section-03 paper block, not
 * copied). SWAP PLAN (registered in docs/merge-honesty-register.md): a real
 * cleared Molitor full-audit package is queued in an engine session; when
 * banked, its hash-pinned artifact replaces the ledger inside this exhibit,
 * snapshot-example pattern. The stage map stays demoted to the one-line
 * strip below. */
html.method-final.method-final.method-final.method-final.method-final .method-hero-grid { align-items: stretch; }
html.method-final.method-final.method-final.method-final.method-final .method-hero-proof { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
html.method-final.method-final.method-final.method-final.method-final .method-package-exhibit { display: flex; flex-direction: column; flex: 1 1 auto; }
html.method-final.method-final.method-final.method-final.method-final .method-package-exhibit { position: relative; border: 1px solid rgba(255, 255, 255, .24); border-radius: 2px; padding: 36px 28px 24px; }
html.method-final.method-final.method-final.method-final.method-final .method-package-exhibit .s4-plate-tag { position: absolute; top: -1px; left: -1px; z-index: 2; font: 500 11.5px/1 var(--font-mono, monospace); letter-spacing: .14em; text-transform: uppercase; color: #000; background: #f5f5f5; padding: 5px 9px; border-radius: 2px 0 2px 0; }
html.method-final.method-final.method-final.method-final.method-final .mpe-label { display: block; font: 500 11.5px/1.4 var(--font-mono, monospace); letter-spacing: .16em; text-transform: uppercase; color: #8a8a8a; margin: 0 0 4px; }
html.method-final.method-final.method-final.method-final.method-final .method-package-exhibit h2 { font-size: 16px; font-weight: 600; letter-spacing: 0; line-height: 1.4; color: #f5f5f5; margin: 0 0 10px; max-width: none; }
html.method-final.method-final.method-final.method-final.method-final .mpe-list { list-style: none; margin: 0; padding: 0; flex: 1 1 auto; display: flex; flex-direction: column; justify-content: space-evenly; }
html.method-final.method-final.method-final.method-final.method-final .mpe-list li { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 12px; padding: 16px 0; border-top: 1px solid rgba(255, 255, 255, .13); }
html.method-final.method-final.method-final.method-final.method-final .mpe-num { font: 500 11.5px/1.7 var(--font-mono, monospace); letter-spacing: .14em; color: #8a8a8a; }
html.method-final.method-final.method-final.method-final.method-final .mpe-list strong { display: block; font-size: 16px; font-weight: 600; line-height: 1.4; color: #f5f5f5; margin: 0 0 4px; }
html.method-final.method-final.method-final.method-final.method-final .mpe-list li div > span { display: block; font-size: 15px; line-height: 1.55; color: #a3a3a3; }
html.method-final.method-final.method-final.method-final.method-final .mpe-brand { margin: 4px 0 0; padding-top: 16px; border-top: 1px solid rgba(255, 255, 255, .13); font-size: 15px; line-height: 1.55; color: #a3a3a3; }
html.method-final.method-final.method-final.method-final.method-final .method-map { display: flex; gap: 24px; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
html.method-final.method-final.method-final.method-final.method-final .method-map li { display: flex; gap: 8px; align-items: baseline; padding: 0; border-top: 0; font: 500 11.5px/1.4 var(--font-mono, monospace); letter-spacing: .14em; text-transform: uppercase; color: #a3a3a3; }
html.method-final.method-final.method-final.method-final.method-final .method-map-num { color: #8a8a8a; font-family: var(--font-mono, monospace); }
/* r97 round C variant a2 (owner-ruled): desktop fold lift + form-note widening.
 * 16px hero padT + 8px strip gap + 8px actions gap = the banked 32px lift; the
 * form-note exemption from the 30ch cap sets it 2 lines at the form width.
 * Mobile (<=760) deliberately untouched; the a2 hint shorten is HTML-side. */
@media (min-width: 761px) {
html.s4.s4.s4.s4.s4.method-final .method-hero { padding-top: 48px; }
html.s4.s4.s4.s4.s4.method-final .method-scope-strip { margin-top: 16px; }
html.s4.s4.s4.s4.s4.method-final .method-hero-actions { margin-top: 16px; }
html.s4.s4.s4.s4.s4.method-final .method-hero-actions p.form-note { max-width: none; }
}

/* r98 round D (owner-ruled) + m08 companion: the 44px mobile band-head step.
 * Override at the owning id-list rule's own specificity - the banked class-only
 * selector loses to the s4 (1,5,1) id grammar at s4-quiet 2815. Method's four
 * section ids + sample-report's .band-head only; account ids NOT ruled, kept 48.
 * Unitless 1.1 line-height and -0.01em tracking scale with the size. */
@media (max-width: 560px) {
html.s4.s4.s4.s4.s4.method-final :is(#capture-title, #verify-title, #deliver-title, #snapshot-title) { font-size: 44px; }
html.s4.s4.s4.s4.s4.sample-final .band-head { font-size: 44px; }
}
/* r99 round E primary (owner-ruled): the close band joins the page axis.
 * Left-align replaces the page's only centered register; the lede keeps its
 * 44ch measure, seated left. The unavail state is untouched (the band is
 * ready-only via base 2325); the O10 step extension edits the rule in place. */
html.s4.s4.s4.s4.s4.method-final .method-close { text-align: left; }
html.s4.s4.s4.s4.s4.method-final .method-close .lede { margin-left: 0; }
html.s4.s4.s4.s4.s4.method-final .method-close-note + .method-close-note { margin-top: 12px; }
/* r100 round F (owner-ruled): method type/polish batch. Gate + paper
 * numerals join the mono-500 data register; the two deliver labels unify
 * to mono-500 #8a8a8a; the scope strip locks 2+2 above 820px (kills the
 * 3+1 orphan; row-start separators drop); #snapshot gains scroll margin
 * for anchor jumps under the fixed header. Mobile <=560 grid untouched. */
html.s4.s4.s4.s4.s4.method-final .method-gate-num { font-family: var(--font-mono, monospace); font-weight: 500; }
html.s4.s4.s4.s4.s4.method-final .method-paper li span { font-family: var(--font-mono, monospace); font-weight: 500; }
html.s4.s4.s4.s4.s4.method-final .method-snapshot-output .mono { font-family: var(--font-mono, monospace); font-weight: 500; color: #8a8a8a; }
html.s4.s4.s4.s4.s4.method-final .method-paper-label { font-family: var(--font-mono, monospace); font-weight: 500; color: #8a8a8a; }
html.s4.s4.s4.s4.s4.method-final #snapshot { scroll-margin-top: 84px; }
@media (min-width: 821px) {
html.s4.s4.s4.s4.s4.method-final .method-scope-strip li { flex: 0 0 50%; }
html.s4.s4.s4.s4.s4.method-final .method-scope-strip li + li::before { display: none; }
html.s4.s4.s4.s4.s4.method-final .method-scope-strip li:nth-child(2n) { padding-left: 12px; border-left: 1px solid var(--hairline-2); }
}

/* r106 sign-in cluster (account-audit M-10 + M-16, owner-ruled defaults;
   x5 prefix is load-bearing - the main-strong ink rule outranks base) */
html.s4.s4.s4.s4.s4 main .auth-step-label { font-family: var(--font-mono); font-size: 11.5px; font-weight: 500; letter-spacing: .14em; color: #8a8a8a; }
html.s4.s4.s4.s4.s4 main .auth-sandbox-note strong { font-family: var(--font-mono); font-size: 11.5px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; color: #8a8a8a; }
html.s4.s4.s4.s4.s4 main .auth-sandbox-note span { font-family: var(--font-mono); font-weight: 500; font-variant-numeric: tabular-nums; color: #f5f5f5; }
html.s4.s4.s4.s4.auth-page main :is(p.auth-hint, p.auth-security-note) { font-size: 11.5px; }

/* r108 plan-card register (account-audit M-08, owner-ruled defaults).
   x5 scope is load-bearing for the dd leg (s4-quiet main-dd rule at
   (0,5,3) beats any lower fix) and the .account-state leg (retires
   base's --active/--reserved amber ink). INTENDED blast radius:
   .account-state is shared with the audit-row status pills (auth.js
   builds them) - one mono r2 chip register sitewide on this surface. */
html.s4.s4.s4.s4.s4 main .account-plan-data dt { font: 500 11.5px/1.7 var(--font-mono); letter-spacing: .14em; text-transform: uppercase; color: #8a8a8a; }
html.s4.s4.s4.s4.s4 main .account-plan-data dd { font-size: 15px; font-weight: 400; color: #f5f5f5; }
html.s4.s4.s4.s4.s4 main .account-plan-name > div > span { font-size: 15px; font-weight: 600; color: #f5f5f5; }
html.s4.s4.s4.s4.s4 main [data-account-plan-price] { font-size: 15px; font-weight: 600; color: #f5f5f5; }
html.s4.s4.s4.s4.s4 main .account-state { font: 500 11.5px/1 var(--font-mono); letter-spacing: .14em; text-transform: uppercase; border: 1px solid rgba(255,255,255,.24); border-radius: 2px; color: #a3a3a3; }

/* r109 chip + profile re-ink (account-audit M-14a stage (a) + M-15,
   owner-ruled defaults). Re-ink ONLY: .section-index is a true INLINE
   box post-r105 (no box props added, so no display change per the
   M-14a rider); profile name joins the data-label register, email the
   15px body-emphasis register. Retires base .65rem/.66rem/.9rem relics
   (10.4/10.56/14.4) - account gate allowance ratchets to EMPTY. */
html.s4.s4.s4.s4.s4 main .account-section-head .section-index { font: 500 11.5px/1.7 var(--font-mono); letter-spacing: .14em; text-transform: uppercase; color: #8a8a8a; }
html.s4.s4.s4.s4.s4 main [data-account-name] { font: 500 11.5px/1.7 var(--font-mono); letter-spacing: .14em; text-transform: uppercase; color: #8a8a8a; }
html.s4.s4.s4.s4.s4 main [data-account-email] { font-size: 15px; font-weight: 500; color: #f5f5f5; }

/* r112 backlog-role clarity (owner wording ruling 2026-07-24): the
   pricing deliverables-strip gains a one-line brand-split note in the
   strip li register (15px, landing-text-2), mirroring method mpe-brand
   in tone without the border. */
html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final .ds-note { margin: 14px 0 0; font-size: 15px; line-height: 1.55; color: var(--landing-text-2); max-width: 62ch; }

/* r120 MECH-01: the fail-closed intake hide, made real at the layer that
   defeats it. base.css's "Safe production default" (form hidden under
   .intake-unavailable, base.css:1018) loses the cascade to later grid
   rules in landing-premium.css (0,4,0) and this file's desktop block
   (0,7,1), so stub builds served a live form with a dead end. This rule
   is UNCONDITIONAL (outside every media block; the mobile defeat came
   from landing-premium.css, so a media-scoped fix leaves 375 broken) and
   its (0,8,1) beats both. Inert in the final intake-ready state; the
   merge-honesty register row 4 carries intake activation. The
   unavailable-state PRESENTATION stays deliberately unbuilt (owner
   ruling 2026-07-26: build for final, no stub-state UI). */
:is(html.landing-final.landing-final.landing-final.landing-final.landing-final, html.pricing-final.pricing-final.pricing-final.pricing-final.pricing-final).intake-unavailable .proof-console__top .snapshot-form { display: none; }

/* r122 PSY-3: the exhibit status line joins the 15px caption voice. The
   naive (0,6,1) selector LOSES to the (0,6,2) footer-p smallest-tier rule
   at :246 (live-proven in the audit); this ships the (0,6,2) tie and wins
   by source order, per the verifier-corrected mechanism. Color untouched. */
html.landing-final.landing-final.landing-final.landing-final.landing-final p[data-snapshot-example-status] { font-size: 15px; line-height: 1.6; }