/* Pricing (owner 2026-11-06): the homepage's tokens only. Three plan cards in a row; the paid plans' prices switch between
   monthly and yearly. No gradients or glows: lines, the surface and one teal button. */
.pr-top{padding-bottom:var(--space-8)}
.pr-bill{display:inline-flex;gap:2px;margin-top:var(--space-8);padding:3px;border:1px solid var(--line);border-radius:var(--radius-full);background:var(--surface-raised)}
.pr-per{display:inline-flex;align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-4);border:0;border-radius:var(--radius-full);background:none;color:var(--ink-muted);font:inherit;cursor:pointer}
.pr-per[aria-pressed="true"]{background:var(--foam);color:var(--depth-ink);font-weight:600}
.pr-per:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
.pr-save{font-size:12px;line-height:16px;color:var(--depth-ink)}
.pr-msg{margin-top:var(--space-6);max-width:720px;padding-left:var(--space-3);border-left:3px solid var(--signal)}
.pr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6);margin-top:var(--space-8)}
.pr-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-raised)}
.pr-name{font-size:20px;line-height:28px;font-weight:600}
.pr-price{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}
.pr-amt{font-size:40px;line-height:44px;letter-spacing:-.02em}
.pr-per-l{color:var(--ink-muted)}
.pr-sub{min-height:24px;color:var(--ink-muted)}
.pr-cta{width:100%;margin:var(--space-2) 0}
.pr-cta[aria-busy="true"]{cursor:progress;opacity:.7}
.pr-list{display:grid;gap:var(--space-3);margin:0;padding:var(--space-4) 0 0;border-top:1px solid var(--line);list-style:none}
.pr-list li{display:flex;gap:var(--space-2);align-items:flex-start}
.pr-list .ic{margin-top:4px;color:var(--depth-ink)}
.pr-list b{font-weight:600}
.pr-pay{margin-top:var(--space-6);font-size:14px;line-height:20px}
.nav-links a[aria-current="page"]{color:var(--ink);font-weight:600}
@media (max-width: 1023px){
  .pr-grid{grid-template-columns:1fr;max-width:520px}
}