/* The pricing page: the landing's look (landing.css, algocademy.css) with three plan cards (PRO marked like
   the upgrade page's card), a Free / Plus / PRO table and the billing questions. Every price is in the HTML,
   so the page reads the same without JavaScript. */
.academy-page .pr-hero{display:block;text-align:center;padding-block:60px 44px}
.academy-page .pr-hero h1{font-size:clamp(40px,5.6vw,72px);letter-spacing:-2.6px;line-height:1.04;margin:24px auto 22px;max-width:900px}
.pr-hero .hero-description{max-width:640px;margin-inline:auto}
.pr-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start;padding-bottom:40px}
/* Two plans while Plus is retired (2026-11-05). */
.pr-plans-two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px;margin-inline:auto}
.pr-card{display:flex;flex-direction:column;border:1px solid #ccd7cb;border-radius:20px;padding:30px;background:#fff;min-width:0}
.pr-pro{background:#edf2e5;border-top:5px solid #7b9653}
.pr-eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:650;margin:0 0 18px;color:var(--muted)}
.pr-eyebrow b{display:inline-block;background:var(--ink);color:#fff;padding:3px 7px;border-radius:4px;margin:-4px 8px -4px 0;letter-spacing:1px}
.pr-card h3{font-size:34px;letter-spacing:-1.5px;margin:0 0 12px}
.pr-price{display:flex;align-items:baseline;gap:6px}
.pr-price strong{font-size:44px;letter-spacing:-2px;font-weight:650;line-height:1.1}
.pr-price span{color:var(--muted);font-size:15px}
.pr-billing{font-size:14px;color:var(--muted);margin:6px 0 18px}
.pr-other{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:8px}
.pr-other a{display:block;padding:10px 14px;border:1px solid #c8d4bd;border-radius:10px;background:#f7faf2;color:var(--ink);text-decoration:none;font-size:14px}
.pr-other a:hover{border-color:#7b9653}
.pr-other strong{font-weight:650}
.pr-features{padding:0;list-style:none;margin:0 0 24px;border-top:1px solid var(--line);padding-top:20px}
.pr-features li{position:relative;padding-left:24px;margin:0 0 12px;font-size:14px;line-height:1.5}
.pr-features li:before{content:'✓';position:absolute;left:0;color:#517528;font-weight:700}
.pr-button{margin-top:auto;justify-content:center}
.pr-note{grid-column:1/-1;margin:4px 0 0;font-size:13px;color:var(--muted);text-align:center;max-width:720px;justify-self:center}
.pr-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:#fff}
.pr-table{width:100%;border-collapse:collapse;font-size:14px;min-width:620px}
.pr-table th,.pr-table td{text-align:left;vertical-align:top;padding:14px 18px;border-bottom:1px solid var(--line);line-height:1.5}
.pr-table tbody tr:last-child th,.pr-table tbody tr:last-child td{border-bottom:0}
.pr-table thead th{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-weight:650;background:#f4f7ef}
.pr-table tbody th{font-weight:600;width:26%}
.pr-table td:last-child,.pr-table thead th:last-child{background:#f1f6ea}
.cta-actions{display:flex;justify-content:center;align-items:center;gap:26px;flex-wrap:wrap}
@media(max-width:960px){.pr-plans{grid-template-columns:1fr;max-width:560px;margin-inline:auto}.pr-pro{order:-1}}
@media(max-width:520px){.academy-page .pr-hero h1{font-size:38px;letter-spacing:-1.6px}.pr-card{padding:24px}.pr-card h3{font-size:30px}.pr-price strong{font-size:38px}.pr-table th,.pr-table td{padding:12px 14px}}