/* ============================================================
   NLG Pricing Page — v1.4 Canonical Additions
   Append to existing stylesheet. Existing classes referenced
   in services.php (.pricing-card, .pricing-header, .pricing-body,
   .pricing-footer, .pricing-amount, .pricing-scope, .btn,
   .convergence-callout, etc.) are unchanged and still in use.
   ============================================================ */

/* Four-card grid — auto-flows to 2x2 on medium, stacks on mobile.
   If the existing .pricing-grid is 3-column hard-coded, this
   override keeps that intact and only applies to 4-card sections. */
.pricing-grid-4 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}

/* Tier eyebrow label inside each pricing card header */
.pricing-tier-label {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #C8952A;            /* NXP gold */
  margin-bottom: 0.25rem;
}

/* Section intro paragraph between section-label and grid */
.section-intro {
  max-width: 780px;
  margin: 0 auto 2rem auto;
  font-size: 1rem;
  line-height: 1.55;
  color: #4a4a4a;
  text-align: center;
}

/* Pricing transparency note below the engagement-tier grid */
.pricing-note {
  max-width: 780px;
  margin: 1.5rem auto 0 auto;
  padding: 1rem 1.25rem;
  font-size: 0.9rem;
  line-height: 1.55;
  color: #4a4a4a;
  font-style: italic;
  border-left: 3px solid #C8952A;
  background: #fafafa;
}

/* Subscription card variant — slightly more compact than engagement cards */
.pricing-card-sub .pricing-body {
  font-size: 0.95rem;
}

/* Subscription section subtle visual distinction from engagement section */
.pricing-section-subs {
  background: #fafafa;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

/* Pilot program callout — distinct from convergence-callout, less prominent */
.pilot-section {
  padding: 2.5rem 0;
}

.pilot-callout {
  max-width: 860px;
  margin: 0 auto;
  padding: 1.75rem 2rem;
  background: #1B2A4A;       /* NXP navy */
  color: #ffffff;
  border-left: 4px solid #C8952A;
  border-radius: 4px;
}

.pilot-callout h3 {
  color: #C8952A;
  margin: 0 0 0.75rem 0;
  font-size: 1.15rem;
  letter-spacing: 0.02em;
}

.pilot-callout p {
  color: #ffffff;
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.6;
  opacity: 0.95;
}

/* Featured-badge wording change is content-only; existing
   .pricing-featured-badge styling carries over unchanged. */

/* ============================================================
   Optional: hide the stale .pricing-amount and .per-month
   classes on this page if they appear elsewhere. The new
   services.php does not emit them, but if cached versions
   linger, this prevents accidental "From $X" rendering.
   ============================================================ */
.pricing-section .pricing-amount,
.pricing-section .per-month {
  display: none !important;
}