.sub-hero{text-align:center;border-bottom:1px solid #ffffff0d;padding:40px 24px 32px}.sub-hero-label{letter-spacing:.18em;text-transform:uppercase;color:var(--wc-accent);margin-bottom:10px;font-size:10px;font-weight:700}.sub-hero-title{color:#f0f0f0;margin:0 0 8px;font-size:26px;font-weight:700}.sub-hero-sub{color:#ffffff61;margin:0;font-size:13px}.sub-plans{flex-direction:column;gap:20px;max-width:480px;margin:0 auto;padding:32px 20px 56px;display:flex}.sub-plan{background:#ffffff08;border:1px solid #3b82f624;border-radius:20px;flex-direction:column;gap:0;padding:28px 24px 24px;transition:border-color .2s;display:flex;position:relative;overflow:hidden}.sub-plan:hover{border-color:#3b82f652}.sub-plan.premium{background:#3b82f60d;border-color:#3b82f652}.sub-plan.premium:before{content:attr(data-recommended);background:var(--wc-accent);color:#fff;letter-spacing:.14em;transform-origin:100% 0;padding:4px 32px;font-size:9px;font-weight:800;position:absolute;top:14px;right:-24px;transform:rotate(45deg)}[dir=rtl] .sub-plan.premium:before{transform-origin:0 0;left:-24px;right:auto;transform:rotate(-45deg)}.sub-plan-badge{letter-spacing:.16em;text-transform:uppercase;color:#ffffff59;margin-bottom:10px;font-size:9px;font-weight:700}.sub-plan-name{color:#f0f0f0;margin-bottom:6px;font-size:22px;font-weight:700}.sub-plan-tagline{color:#ffffff59;margin-bottom:24px;font-size:12px;line-height:1.5}.sub-plan-features{flex-direction:column;flex-grow:1;gap:11px;margin:0 0 24px;padding:0;list-style:none;display:flex}.sub-plan-features li{color:#ffffffb3;align-items:center;gap:10px;font-size:13px;display:flex}.sub-feat-icon{width:20px;height:20px;color:var(--wc-accent);background:#3b82f61f;border:1px solid #3b82f647;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;display:flex}.sub-plan.premium .sub-feat-icon{background:#3b82f62e;border-color:#3b82f666}.sub-plan-divider{border:none;border-top:1px solid #ffffff0f;margin:0 0 20px}.sub-duration{margin-bottom:16px}.sub-duration label{letter-spacing:.14em;text-transform:uppercase;color:#ffffff4d;margin-bottom:8px;font-size:10px;font-weight:700;display:block}[dir=rtl] .sub-duration label{letter-spacing:0;text-transform:none;font-size:11px}.sub-duration select{color:#e0e0e0;appearance:none;cursor:pointer;background:#ffffff0d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23888' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") right 14px center no-repeat;border:1px solid #3b82f633;border-radius:10px;width:100%;padding:10px 36px 10px 14px;font-size:13px}[dir=rtl] .sub-duration select{background-position:14px;padding:10px 14px 10px 36px}.sub-duration select:focus{border-color:#3b82f680;outline:none}.sub-plan-price{margin-bottom:20px}.sub-plan-price-amount{color:#f0f0f0;letter-spacing:-.01em;font-size:28px;font-weight:700}.sub-plan-price-unit{color:#ffffff59;margin-inline-start:4px;font-size:12px}.sub-plan-buy{letter-spacing:.1em;text-transform:uppercase;cursor:pointer;text-align:center;border:none;border-radius:50px;width:100%;padding:14px;font-size:13px;font-weight:700;text-decoration:none;transition:opacity .2s,transform .1s;display:block}.sub-plan-buy:active{transform:scale(.98)}.sub-plan-buy.ghost{color:#3b82f6bf;background:0 0;border:1.5px solid #3b82f659}.sub-plan-buy.ghost:hover{color:var(--wc-accent);border-color:#3b82f6a6}.sub-plan-buy.primary{background:var(--wc-accent);color:#fff}.sub-plan-buy.primary:hover{opacity:.88}