/* =====================================================
   Fade Growth Partner, the price-increase note.
   Rendered from pricing.json by scripts/sync-pricing.py.

   Deliberately plain. It is a footnote, not a promotion:
   no panel, no border, no pill, no colour, no extra
   weight. It appears twice on a page, beside the price
   and in the closing call to action, and never in the
   hero. Miguel, 2026-08-06: urgency stapled to the top
   of a page reads as a tactic and gets discounted. The
   persuasion is supposed to come from the offer being
   specific and low risk.

   It lives in its own file because it lands on the
   homepage, the main websites page and the niche pages,
   which share no other stylesheet. Tokens fall back to
   literal values on pages that do not define them.
   ===================================================== */

.nl-note {
  display: block;
  margin: 12px 0 0;
  max-width: 46ch;
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  color: var(--cw-body, #585858);
  opacity: 0.85;
}

/* The closing call to action is a near-black section on the cw pages and a
   plain light section on the lp pages, so the white treatment is scoped to the
   dark ones by ancestor rather than assumed from the modifier. Assuming it
   put white-on-white at 1.04:1 on bilingual-website-design.html. */
.cw-final .nl-note--dark,
.cw-section--dark .nl-note--dark {
  color: rgba(255, 255, 255, 0.62);
  opacity: 1;
}

/* the lp-system pages set a larger base size in their body copy blocks */
.lp-body .nl-note,
.lp-card .nl-note,
.lp-cta .nl-note {
  font-size: 13px;
  color: var(--cw-body, #585858);
}

.lp-cta .nl-note {
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 560px) {
  .nl-note {
    font-size: 12.5px;
    max-width: none;
  }
}

/* niche.css sets .nl-money p to 16px, which outranks the 13px above by
   specificity and made the note read as body copy on the niche pages. */
.nl-money .nl-note,
.of-pitch .nl-note,
.cw-pricing .nl-note,
.ae-pricing .nl-note {
  font-size: 13px;
  line-height: 1.5;
  margin: 12px 0 0;
}

/* it sits directly above the included-list on the niche pages and was reading
   as the first bullet's caption. Give it room on both sides. */
.nl-money .nl-note {
  margin: 16px 0 20px;
}