.subscriptions{background:var(--cream)}
.subscription-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:55px}
.billing-switch{display:flex;background:#dfe7df;padding:5px;flex-shrink:0}
.billing-switch button{border:0;background:transparent;color:var(--ink);padding:13px 19px;font-family:inherit;font-weight:700;cursor:pointer}
.billing-switch button.active{background:var(--ink);color:white}
.billing-switch span{color:var(--orange);font-size:10px;margin-left:4px}.billing-switch button.active span{color:var(--lime)}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.plan{background:var(--paper);border:1px solid #cdd8d0;padding:34px;display:flex;flex-direction:column;position:relative;min-height:510px}
.plan.featured{background:var(--ink);color:white;border-color:var(--ink);transform:translateY(-12px)}
.popular{position:absolute;right:18px;top:18px;background:var(--lime);color:var(--ink);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;padding:8px 10px}
.plan-label{text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:800;color:var(--muted)}.featured .plan-label{color:#b8cbc4}
.plan h3{font-size:25px;margin-bottom:10px}.plan-copy{color:var(--muted);font-size:14px;min-height:65px}.featured .plan-copy{color:#b8cbc4}
.plan-price{display:flex;align-items:flex-start;margin:15px 0 24px}.plan-price>span{font-size:20px;margin:9px 4px 0 0}.plan-price strong{font-family:Manrope;font-size:52px;line-height:1}.plan-price small{align-self:flex-end;margin:0 0 7px 8px;color:var(--muted)}.featured .plan-price small{color:#b8cbc4}
.plan ul{list-style:none;padding:20px 0;margin:0 0 25px;border-top:1px solid #d4ded6;flex:1}.featured ul{border-color:#ffffff38}.plan li{font-size:13px;margin:12px 0}.plan li:before{content:'✓';color:#76972e;font-weight:900;margin-right:10px}.featured li:before{color:var(--lime)}
.plan-button{width:100%}.plan-note{text-align:center;color:var(--muted);font-size:11px;margin:25px 0 0}
@media(max-width:900px){.subscription-head{align-items:flex-start;flex-direction:column}.plans{grid-template-columns:1fr}.plan.featured{transform:none}}
@media(max-width:560px){.billing-switch{width:100%}.billing-switch button{flex:1;padding:12px 8px}.plan{padding:25px}.plans{gap:12px}}