/* Pricing plans emphasize the recommended offer without obscuring comparison. */
.pricing-intro{text-align:center;margin:0 auto 32px}
.pricing-intro h2{margin:0;font-size:clamp(28px,4vw,43px);letter-spacing:-1.8px}
.pricing-intro p{margin:7px 0 0;color:var(--muted)}
.pricing-plans{align-items:stretch;max-width:980px;margin:auto}
.pricing-plan{position:relative;padding:28px 23px;text-align:left;box-shadow:0 10px 28px rgba(36,34,98,.06)}
.pricing-card.featured{border-color:var(--primary);box-shadow:0 20px 42px rgba(91,75,255,.18)}
.pricing-card.featured:before{content:"★ MOST POPULAR";position:absolute;top:-14px;left:50%;transform:translateX(-50%);padding:4px 18px;border-radius:99px;background:var(--grad);color:#fff;font-size:9px;font-weight:800;letter-spacing:.08em;white-space:nowrap}
.plan-heading{display:flex;align-items:center;gap:13px}
.plan-heading h3{margin:0;color:var(--primary)}
.plan-heading p{margin:0;color:var(--muted);font-size:11px}
.plan-icon{display:grid;place-items:center;width:49px;height:49px;border-radius:12px;background:linear-gradient(135deg,#f4edff,#eaf4ff);font-size:24px}
.pricing-plan .price{color:var(--primary);margin:20px 0 4px;font-size:35px}
.plan-description{min-height:34px;color:var(--muted);font-size:11px}
.pricing-plan ul{margin:18px 0;padding-top:14px;border-top:1px solid var(--line);line-height:2.15}
.pricing-plan .button-outline,.pricing-plan .button{width:100%;border-radius:10px;text-align:center}
.pricing-benefits{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;max-width:980px;margin:24px auto 0;padding:18px 24px;border:1px solid var(--line);border-radius:16px;background:var(--paper);box-shadow:var(--shadow)}
.pricing-benefits span{display:grid;grid-template-columns:27px 1fr;align-items:center;color:var(--primary);font-size:21px}
.pricing-benefits b{font-size:11px;color:var(--ink)}
.pricing-benefits small{grid-column:2;color:var(--muted);font-size:9px}
.pricing-subheading{margin-top:64px}
@media(max-width:760px){.pricing-benefits{grid-template-columns:1fr 1fr}.pricing-plans{gap:24px}.pricing-card.featured{transform:none}}
@media(max-width:430px){.pricing-benefits{grid-template-columns:1fr}.pricing-intro p{font-size:12px}}