/* Expanded benefit cards for the plan selector. */
.px-plan .px-advantages{position:relative;min-height:0;gap:8px;padding:16px 22px 19px}
.px-plan .px-advantages:before{content:"";position:absolute;inset:8px 10% auto;height:1px;background:linear-gradient(90deg,transparent,var(--plan-color),transparent);opacity:.34;filter:drop-shadow(0 0 7px var(--plan-color));animation:pxAdvantageLine 4.8s ease-in-out infinite}
.px-plan .px-advantages li{position:relative;overflow:hidden;align-items:flex-start;min-height:58px;padding:10px 12px;border:1px solid #ffffff13;border-radius:12px;background:linear-gradient(135deg,#252c33cc,#161b20e8);box-shadow:inset 0 1px #ffffff0b,0 7px 18px #0002;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease}
.px-plan .px-advantages li:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 24%,color-mix(in srgb,var(--plan-color),transparent 83%) 48%,transparent 70%);transform:translateX(-130%);pointer-events:none}
.px-plan .px-advantages li:hover{z-index:2;transform:translateY(-3px);border-color:color-mix(in srgb,var(--plan-color),transparent 48%);background:linear-gradient(135deg,color-mix(in srgb,var(--plan-color),#252c33 91%),#181d22);box-shadow:inset 0 1px color-mix(in srgb,var(--plan-color),transparent 72%),0 12px 26px #0005,0 0 22px color-mix(in srgb,var(--plan-color),transparent 88%)}
.px-plan .px-advantages li:hover:after{animation:pxAdvantageSweep .8s ease-out}
.px-plan .px-advantages li>i{width:18px;height:18px;margin-top:1px;border:1px solid color-mix(in srgb,var(--plan-color),transparent 55%);box-shadow:0 0 11px color-mix(in srgb,var(--plan-color),transparent 78%)}
.px-plan .px-advantages li>span{display:flex;min-width:0;flex-direction:column;gap:2px}
.px-plan .px-advantages li b{color:#f5f7f8;font-size:11px;line-height:1.25}
.px-plan .px-advantages li small{color:#9ca6af;font-size:9px;line-height:1.35}
.px-plan .px-advantages .px-discount-advantage{grid-column:1/-1;min-height:86px;padding:15px 16px;border-color:color-mix(in srgb,var(--plan-color),transparent 35%);background:radial-gradient(circle at 88% 15%,color-mix(in srgb,var(--plan-color),transparent 70%),transparent 34%),linear-gradient(120deg,color-mix(in srgb,var(--plan-color),#20262c 83%),#171c21);box-shadow:inset 0 1px color-mix(in srgb,var(--plan-color),transparent 55%),0 12px 30px #0005,0 0 28px color-mix(in srgb,var(--plan-color),transparent 84%);animation:pxDiscountGlow 3.4s ease-in-out infinite}
.px-plan .px-advantages .px-discount-advantage>i{width:27px;height:27px;background:var(--plan-color);color:#101317;box-shadow:0 0 22px color-mix(in srgb,var(--plan-color),transparent 34%);animation:pxDiscountIcon 2.2s ease-in-out infinite}
.px-plan .px-advantages .px-discount-advantage em{width:max-content;padding:3px 7px;border-radius:99px;background:color-mix(in srgb,var(--plan-color),transparent 78%);color:color-mix(in srgb,var(--plan-color),#fff 20%);font-size:6px;font-style:normal;font-weight:900;letter-spacing:.14em}
.px-plan .px-advantages .px-discount-advantage b{font-size:15px;letter-spacing:-.02em;text-shadow:0 0 18px color-mix(in srgb,var(--plan-color),transparent 45%)}
.px-plan .px-advantages .px-discount-advantage small{color:#c5cbd0;font-size:11px}
@keyframes pxAdvantageLine{50%{opacity:.8;transform:scaleX(.72)}}
@keyframes pxAdvantageSweep{to{transform:translateX(130%)}}
@keyframes pxDiscountGlow{50%{border-color:var(--plan-color);box-shadow:inset 0 1px color-mix(in srgb,var(--plan-color),transparent 40%),0 14px 34px #0006,0 0 38px color-mix(in srgb,var(--plan-color),transparent 72%)}}
@keyframes pxDiscountIcon{50%{transform:translateY(3px);filter:brightness(1.2)}}
@media(max-width:720px){.px-plan .px-advantages{grid-template-columns:1fr;padding-inline:18px}.px-plan .px-advantages .px-discount-advantage{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.px-plan .px-advantages:before,.px-plan .px-advantages .px-discount-advantage,.px-plan .px-advantages .px-discount-advantage>i,.px-plan .px-advantages li:hover:after{animation:none!important}.px-plan .px-advantages li{transition:none!important}}

/* Plans page readability */
.plans-area .px-plan-label{font-size:11px}
.plans-area .px-plan-title p{font-size:13px!important;line-height:1.45}
.plans-area .px-metrics small{font-size:11px!important;line-height:1.35}
.plans-area .px-plan-tools>summary span b{font-size:13px}
.plans-area .px-plan-tools>summary span small{font-size:11px;line-height:1.4}
.plans-area .px-plan-tools>summary em{font-size:10px}
.plans-area .px-plan-tools>div>span b{font-size:11px}
.plans-area .px-plan-tools>div>span small{font-size:10px}
.plans-area .px-plan .px-advantages li b{font-size:13px}
.plans-area .px-plan .px-advantages li small{font-size:11px}
.plans-area .px-plan .px-advantages .px-discount-advantage em{font-size:9px}
.plans-area .px-plan-action-context small{font-size:10px;line-height:1.3}
.plans-area .px-plan-action-context b{color:#a8b1b8;font-size:10px;line-height:1.35}
.plans-area .px-plan-action .px-plan-cta{font-size:13px}
.plans-area .px-renew{padding-top:5px;color:#aab2b9!important;font-size:11px!important;line-height:1.45}