/* ============================================================
   NIZOV.AI — pricing page (prefix: .pr-)
   EDITORIAL + anti-card. Composes system.css:
   .sec · .matrix · .rail · .statement · .term · .wash.
   NO boxed tier cards — hairline comparison rows only.
   Page CSS = ONLY genuinely page-specific tweaks. One signal.
   ============================================================ */

/* ---------- active nav link ---------- */
.nav__links a[aria-current="page"]{ color:var(--ink-0); }
.nav__links a[aria-current="page"]::after{ width:100%; background:var(--accent); }

/* ---------- hero faceplate (editorial) ---------- */
.pr-hero{ padding-top:clamp(7rem,18vh,12rem); padding-bottom:clamp(2.4rem,6vh,4rem); }
.pr-hero__title{
  font-size:clamp(3rem,9vw,6rem); font-weight:700; line-height:.96;
  letter-spacing:-0.035em; margin-top:1.3rem;
}
.pr-hero__lede{ margin-top:1.8rem; max-width:62ch; }

/* income-share formula — instrument readout band (hairlines, not a box) */
.pr-formula{
  margin-top:clamp(2.2rem,5vw,3.4rem);
  border-top:1px solid var(--line); border-bottom:1px solid var(--line);
  padding-block:clamp(1.2rem,3vw,1.8rem);
}
.pr-formula .term{
  display:flex; flex-wrap:wrap; align-items:center; gap:.55em .85em;
  font-size:clamp(1rem,2.2vw,1.55rem); letter-spacing:.01em; color:var(--ink-2);
}
.pr-formula .term .c{ font-variant-numeric:tabular-nums; font-weight:600; }
.pr-formula .term .ok{ font-weight:600; }
.pr-formula .term .op{ color:var(--ink-1); }

/* ---------- tiers as a hairline matrix (NOT 4 boxes) ---------- */
/* name + tag share one matrix cell */
.pr-name{ display:flex; flex-direction:column; align-items:flex-start; gap:.45rem; }
.matrix__row--feat{ background:linear-gradient(90deg,var(--accent-dim),transparent 62%); }
.matrix__price .cur{ color:var(--ink-1); font-weight:500; }
.matrix__row .btn{ white-space:nowrap; justify-self:end; font-size:var(--t-mono); padding:.7em 1.15em; }
@media(max-width:760px){
  .matrix__row .btn{ justify-self:stretch; width:100%; justify-content:center; }
}

/* dim clarifying note under the matrix */
.pr-note{ margin-top:clamp(1.4rem,3vw,2.1rem); max-width:72ch; }
.pr-note.term{ color:var(--ink-2); }
.pr-note.term b{ color:var(--ink-1); font-weight:600; }

/* ---------- what's included — hairline rail checklist ---------- */
.pr-incl .rail__k{ font-size:var(--t-sm); }
@media(max-width:600px){
  .pr-incl .rail__row{ grid-template-columns:auto 1fr; row-gap:.35rem; }
  .pr-incl .rail__d{ grid-column:2 / -1; }
}

/* ---------- CTA — editorial wash band (no border, no box) ---------- */
.pr-cta{ position:relative; }
.pr-cta .statement{ margin-top:1.3rem; max-width:20ch; }
.pr-cta .btn{ margin-top:clamp(2rem,4vw,2.8rem); font-size:1rem; padding:1em 1.8em; }