/* ── v1 / v2 additions: blocks the newer content brings ── */
/* shared reviews section: the pp26 heading reset flattens its title,
   restore the site section-heading scale (as on the FAQ title) */
.pp26 .gartner-testimonials__title { font-size: clamp(28px, 2.4vw, 34px); font-weight: 700; letter-spacing: -0.02em; line-height: 1.2; color: var(--ink, #1b1b3c); }
/* plan card buttons (Buy Now, Talk to Sales): a little taller than
   the site's 36px default */
.pp26 .btn.w-full { height: 42px; }
/* Monthly / Yearly switch row: room above the plan cards and the
   "Best value" badge on their top edge */
.pp26 .pp26-billing { margin-bottom: 32px; }
@media (min-width: 768px) { .pp26 .pp26-billing { margin-bottom: 44px; } }
/* UCI / Flexible switch: room between it and the plan cards (and the
   "Most popular" badge riding on the top card edge) */
.pp26 .seg[aria-label="Choose how to license"] { margin-bottom: 32px; }
@media (min-width: 768px) { .pp26 .seg[aria-label="Choose how to license"] { margin-bottom: 44px; } }
/* five module tabs: tighter spacing so they fit one row on desktop; when
   they still overflow, start-align so the first tab stays reachable */
@media (min-width: 768px) { .pp26 [role="tablist"][aria-label="XTI modules"] { column-gap: 16px; justify-content: safe center; } }
.pp26 .tier-grid--1 { grid-template-columns: minmax(0, 420px); justify-content: center; }
.pp26 .cmp-grid--1 { grid-template-columns: 1.7fr 1fr; min-width: 320px; }
.pp26 .pp26-notes { display: grid; gap: 6px; margin-top: 18px; font-size: 14px; line-height: 1.55; color: var(--muted, #4e4e70); }
.pp26 .pp26-notes p { margin: 0; }
.pp26 .pp26-notes strong { font-weight: 600; color: var(--ink, #1b1b3c); }
.pp26 .pp26-freemium { margin: 22px 0 0; text-align: center; font-size: 14px; color: var(--ink-2, #1b1b3c); }
.pp26 .pp26-freemium a { font-weight: 600; color: var(--coral, #FF4562); text-decoration: none; }
.pp26 .pp26-freemium a:hover { text-decoration: underline; text-underline-offset: 3px; }
/* money-back guarantee note with its terms on a small tooltip */
.pp26 .mbg { position: relative; display: inline-flex; align-items: center; gap: 6px; }
.pp26 .mbg__q { display: inline-grid; place-items: center; width: 16px; height: 16px; padding: 0; border: 1px solid var(--line, #e5e5e5); border-radius: 50%; background: transparent; font: inherit; font-size: 10px; font-weight: 700; line-height: 1; color: var(--muted, #4e4e70); cursor: help; }
.pp26 .mbg__q:hover, .pp26 .mbg__q:focus-visible { border-color: var(--ink, #1b1b3c); color: var(--ink, #1b1b3c); outline: none; }
.pp26 .mbg__tip { position: absolute; z-index: 20; right: 0; bottom: calc(100% + 8px); width: 230px; padding: 9px 11px; border-radius: 8px; background: #1b1b3c; color: #fff; font-size: 13px; line-height: 1.45; text-align: left; opacity: 0; visibility: hidden; transform: translateY(4px); transition: opacity .15s ease, transform .15s ease, visibility 0s .15s; pointer-events: none; }
.pp26 .mbg:hover .mbg__tip, .pp26 .mbg:focus-within .mbg__tip { opacity: 1; visibility: visible; transform: none; transition: opacity .15s ease, transform .15s ease; }
