.pricing{gap:.875rem;display:grid}.pricing-switch{background:var(--surface);border-radius:var(--r-pill);grid-auto-flow:column;justify-self:start;gap:.25rem;padding:.25rem;display:inline-grid}.pricing-switch button{border-radius:var(--r-pill);min-height:44px;color:var(--muted);font:500 var(--step-body)/1 var(--font-text);cursor:pointer;transition:background-color .2s var(--ease), color .2s var(--ease);background:0 0;border:0;align-items:center;gap:.5rem;padding:0 1.125rem;display:inline-flex}.pricing-switch button:hover{color:var(--ink)}.pricing-switch button[aria-pressed=true]{background:var(--surface-2);color:var(--ink)}.pricing-save{border-radius:var(--r-pill);background:var(--tint-aqua);color:var(--ink);font-size:var(--step-small);padding:.125rem .5rem}.pricing-plans{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));align-items:stretch;gap:.875rem;display:grid}.pricing-plan{align-content:start;gap:.625rem;display:grid}.pricing-plan.panel,.pricing-pro .feature-body{padding:1.25rem 1.5rem 1.5rem}.pricing-pro .feature-body{align-content:start;justify-items:stretch;gap:.625rem}.pricing-plan h2{font:500 var(--step-section)/1.15 var(--font-display);letter-spacing:-.015em;align-items:center;gap:.5rem;display:flex}.pricing-amount{align-items:baseline;gap:.375rem;display:flex}.pricing-amount>span:first-child{font:600 2.25rem/1 var(--font-text);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.pricing-points{gap:.5rem;margin:.25rem 0 0;padding:0;list-style:none;display:grid}.pricing-points li{grid-template-columns:1rem 1fr;align-items:start;gap:.625rem;line-height:1.45;display:grid}.pricing-points svg{color:var(--good);margin-top:.2em}.pricing-points strong{font-weight:500}.pricing-action{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-top:.5rem;display:flex}.pricing-action .btn{min-width:min(100%,16rem)}.pricing-current{font-weight:500}.pricing .note.bad:empty{display:none}.pricing-student{grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;display:grid}.pricing-student svg{color:var(--accent)}.pricing-student h2{font:500 1.25rem/1.2 var(--font-display)}.pricing-student p{max-width:64ch;margin-top:.25rem}.pricing-fine{max-width:80ch;margin-top:1rem}@media (width<=640px){.pricing-pro{order:-1}.pricing-amount>span:first-child{font-size:1.75rem}.pricing-student{grid-template-columns:1fr;justify-items:start}.pricing-switch{grid-auto-columns:1fr;justify-self:stretch}.pricing-switch button{justify-content:center}}