/* Pricing page. Same tokens and components as the landing. */
.pr-hero{padding-top:64px}
.pr-hero h1{font-size:64px;margin:0 auto 16px}
.plans{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,368px);justify-content:center;gap:24px;margin-top:48px;align-items:stretch}
.plan{position:relative;background:#fff;border:1.5px solid var(--line);border-radius:28px;padding:32px;box-shadow:0 30px 60px -40px rgba(60,40,140,.35);display:flex;flex-direction:column}
.plan.rec{border:2px solid var(--vio);box-shadow:0 30px 60px -28px rgba(108,59,255,.45)}
.rtag{position:absolute;top:-14px;left:32px;background:var(--vio);color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;border-radius:999px;padding:5px 12px}
.plan h2{font-size:22px;font-weight:700;display:flex;align-items:center;gap:10px}
.save{font-family:'DM Sans';font-size:12px;font-weight:700;color:var(--clear-tx);background:var(--mintbg);border-radius:999px;padding:3px 10px}
.price{display:flex;align-items:baseline;gap:6px;margin-top:16px}
.price b{font-family:'Bricolage Grotesque';font-weight:800;font-size:56px;line-height:1;letter-spacing:-.03em}
.plan.rec .price b{color:var(--vio)}
.price span{font-size:16px;font-weight:700;color:var(--ink2)}
.bill{font-size:14px;color:var(--mute);margin-top:8px;min-height:22px}
.bill s{margin-left:6px;color:#ABA7BF}
.pbtn{width:100%;justify-content:center;height:52px;margin-top:24px;font-size:16px}
.pbtn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}
.feat{list-style:none;margin:24px 0 0;padding:24px 0 0;border-top:1.5px solid var(--line);display:flex;flex-direction:column;gap:12px}
.feat li{display:flex;gap:10px;font-size:15px;line-height:1.4;color:var(--ink)}
.feat i{flex:none;width:24px;height:24px;border-radius:50%;background:var(--viobg);color:var(--vio);display:grid;place-items:center;margin-top:-1px}
.free{position:relative;z-index:1;text-align:center;margin-top:32px;font-size:14.5px;color:var(--ink2)}
.testbuy{position:relative;z-index:1;text-align:center;margin-top:14px}
.testbuy .b{height:36px;padding:0 16px;font-size:13.5px}
.testbuy [hidden]{display:none}
@media(max-width:820px){
  .plans{grid-template-columns:minmax(0,1fr)}
  .pr-hero h1{font-size:42px}
}