/* ==========================================================================
   Even Odds - pricing page (pricing.html), loaded after site.css.
   The plan card is the shared .ph-plan block (site.css 9d, also on the
   home page).
   ========================================================================== */

/* ---- Hero and plans ---- */
.pr-hero{padding-bottom:0}
.pr-plans{padding-top:var(--space-xl)}

/* Plan card: shared block in site.css (9d), also used on the home page. */
.pr-gst{text-align:center;font-size:var(--step--1);color:var(--ink-2);max-width:70ch;margin:var(--space-l) auto 0}
.pr-gst strong{color:var(--ink)}
.pr-once{text-align:center;font-size:var(--step--2);color:var(--ink-3);max-width:70ch;margin:var(--space-xs) auto 0}

/* ---- Simple terms: four numbered points ---- */
.pr-terms{list-style:none;counter-reset:pt;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-m);max-width:1080px;margin:0 auto}
.pr-terms li{border-top:2px solid var(--blue);padding-top:var(--space-s)}
.pr-terms li::before{
  counter-increment:pt;content:counter(pt,decimal-leading-zero);
  display:block;font-family:var(--font-display);font-weight:800;font-size:var(--step--1);
  color:var(--blue-deep);letter-spacing:.04em;margin-bottom:var(--space-2xs);
}
.pr-terms h3{font-size:var(--step-1);margin-bottom:var(--space-2xs)}
.pr-terms p{font-size:var(--step--1);color:var(--ink-2)}
@media (max-width:900px){.pr-terms{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-l) var(--space-m)}}
@media (max-width:560px){.pr-terms{grid-template-columns:1fr;gap:var(--space-m)}}