/* pricing.html only. The tiers reuse .proof-card from site.css (paper, rule,
   lift, mono ledger rows with dotted leaders); this adds the grid and the price.
   A file rather than an inline <style> so the CSP can stay style-src 'self'. */
.pricing h1 { margin-top: var(--sp-3); }
/* prose runs the full column here, as it does on the home page */
.pricing .lede, .pricing .section-lede, .pricing .fine { max-width: none; }
.tiers { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--sp-8); align-items: stretch; margin-top: var(--sp-12); }
.tiers.two { grid-template-columns: repeat(2, 1fr); }
.tier h2, .tier h3 { font-size: var(--fs-d4); letter-spacing: var(--ls-display); margin: 0; }
.tier .amount {
  font-family: "Barlow Condensed", "Barlow Condensed fb", sans-serif; font-weight: 700;
  font-size: var(--fs-d2); line-height: 1; margin: var(--sp-3) 0 var(--sp-1);
  font-variant-numeric: tabular-nums;
}
/* "/month" sits against the figure, quieter, like a unit on a meter */
.tier .amount small {
  font-family: "IBM Plex Mono", "IBM Plex Mono fb", monospace; font-weight: 400;
  font-size: var(--fs-mono); letter-spacing: 0; color: var(--olive-lift); margin-left: 2px;
}
.tier ul { margin-top: var(--sp-4); }
.tier .what {
  font-family: "Spectral", "Spectral fb", Georgia, serif; font-size: var(--fs-body);
  line-height: var(--lh-body); margin-top: var(--sp-4);
}
.tier .scope-label {
  margin-top: var(--sp-6); padding-bottom: var(--sp-2); border-bottom: var(--rule-hair);
  font-size: var(--fs-mono-sm); letter-spacing: var(--ls-mono-caps); text-transform: uppercase;
  color: var(--olive-lift);
}
.tier ul.scope { margin-top: var(--sp-3); }
.tier ul.scope li {
  display: block; position: relative; padding: var(--sp-1) 0 var(--sp-1) var(--sp-6);
  font-family: "Spectral", "Spectral fb", Georgia, serif; font-size: var(--fs-body); line-height: 1.45;
}
.tier ul.scope li::before {
  content: "\2713"; position: absolute; left: 0; color: var(--signal-text);
  font-family: "IBM Plex Mono", "IBM Plex Mono fb", monospace;
}
.tier ul.scope.no li { color: var(--ink-soft); }
.tier ul.scope.no li::before { content: "\2715"; color: var(--olive-lift); }
.pricing .fine { margin-top: var(--sp-8); }
.pricing .fine strong { color: var(--ink); }
.pricing .fine + .fine { margin-top: var(--sp-4); }
.pricing .fine a { color: var(--signal-text); text-underline-offset: 3px; }
.pricing .cta-row { margin-top: var(--sp-10); }
@media (max-width: 900px) {
  .tiers, .tiers.two { grid-template-columns: 1fr; max-width: 480px; }
}