/* /v2/pricing: three cards (Free, Premium, Featured) on the static-page look. */
.pr-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; align-items: start; }
.pr-card { background: #fff; border: 1px solid var(--sp-border); border-radius: 16px; padding: 24px 22px; display: grid; gap: 14px; align-content: start; min-width: 0; }
.pr-card.pr-pick { border-color: var(--sp-accent); box-shadow: 0 0 0 1px var(--sp-accent); }
.pr-card h2 { font: 500 26px/1.1 var(--display); margin: 0; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.pr-chip { font: 700 10.5px var(--body); letter-spacing: .06em; text-transform: uppercase; padding: 3px 9px; border-radius: 999px; background: var(--sp-accent-tint); color: var(--sp-accent); }
.pr-chip-brass { background: #fbf1dc; color: #8a5a00; }
.pr-price { font: 500 44px/1 var(--display); font-variant-numeric: tabular-nums; color: var(--sp-ink); }
.pr-price small, .pr-plan small { font: 500 14px var(--body); color: var(--sp-ink-dim); }
.pr-price-s { font-size: 30px; }
.pr-soon { font-size: 30px; color: var(--sp-ink-dim); }
.pr-plan { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: baseline; }
.pr-sub { color: var(--sp-ink-dim); font-size: 14.5px; margin: 0; }
.pr-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; font-size: 15px; color: var(--sp-ink); }
.pr-list li { padding-left: 24px; position: relative; }
.pr-list li::before { content: ""; position: absolute; left: 2px; top: 6px; width: 12px; height: 7px; border-left: 2.5px solid var(--sp-accent); border-bottom: 2.5px solid var(--sp-accent); transform: rotate(-45deg); }
.pr-btn { display: flex; align-items: center; justify-content: center; text-align: center; min-height: 48px; padding: 12px 16px; border-radius: 10px; background: var(--sp-accent); color: #fff; font-weight: 700; text-decoration: none; border: 1.5px solid var(--sp-accent); }
.pr-btn:hover { filter: brightness(.94); }
.pr-btn-o { background: transparent; color: var(--sp-accent); }
.pr-btn-o:hover { background: var(--sp-accent-tint); filter: none; }
.pr-btn-off { background: transparent; color: var(--sp-ink-dim); border-color: var(--sp-border); cursor: default; }
.pr-btn-off:hover { filter: none; }
.pr-faq { margin-top: 28px; }
.pr-faq details { border-top: 1px solid var(--sp-border); padding: 12px 0; }
.pr-faq summary { cursor: pointer; font-weight: 700; color: var(--sp-ink); }
.pr-faq details p { margin: 8px 0 0; color: var(--sp-ink-dim); }