/* Rank comparison 87: compact cards, real benefits and a single plan on small screens. */
#rangi .shop-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;text-align:left;margin-bottom:28px}
#rangi .shop-heading h2{margin:6px 0;font-size:clamp(30px,4vw,42px)}
#rangi .shop-heading p{margin:0;max-width:480px;color:#b3adc5;font-size:15px}
.rank-compare-link{display:inline-flex;align-items:center;gap:10px;flex:none;color:#d7c5f4;font-size:14px;font-weight:800;text-decoration:none;padding:12px 0}
.rank-compare-link svg{width:16px;height:16px}
#rangi .rank-grid{align-items:stretch;gap:16px;margin-bottom:0}
#rangi .rank-card.card{display:flex;flex-direction:column;min-height:0;height:auto;padding:24px;background:#151321;border-radius:20px;border:1px solid #aa8dde24;overflow:visible}
#rangi .rank-card.card::before{display:none}
#rangi .rank-card[data-plan=master]{background:linear-gradient(150deg,#241b30,#151321 72%);border-color:#d6b5ed55}
#rangi .rank-heading{border:0;margin:0;padding:0;gap:12px;min-height:68px}
#rangi .rank-emblem{width:54px;height:54px;flex-basis:54px}
#rangi .rank-heading h3{font-size:24px;line-height:1.2}
#rangi .rank-label{font-size:11px;line-height:1.4;color:#b0a6c5;margin-bottom:4px}
#rangi .rank-price{display:block;min-height:0;height:auto;flex:none;gap:0;border:0;margin:22px 0 24px;padding:0}
#rangi .rank-price>[data-rank-price],#rangi .rank-price .price-current{font-size:32px;line-height:1.2;font-weight:800;letter-spacing:-.045em;color:#faf7ff}
#rangi .rank-price small{font-size:12px;color:#b1a8c2;margin-top:5px}
#rangi .rank-perks{display:flex;flex-direction:column;align-items:stretch;flex:1;gap:0;font-size:14px;line-height:1.45;margin:0 0 20px;padding:0}
#rangi .rank-perks li{display:flex;align-items:start;gap:9px;margin:0;padding:10px 0;border-bottom:1px solid #ffffff08;min-height:39px;color:#c3bbd3}
#rangi .rank-perks li:last-child{border:0}
#rangi .rank-perks li::before{content:"";display:block;width:5px;height:5px;margin-top:7px;flex:0 0 5px;border-radius:50%;background:var(--rank-color)}
#rangi .rank-perks strong{font-weight:800;color:#f1e6ff}
#rangi .rank-perks .perk-muted{color:#91869f}
#rangi .rank-perks .perk-muted::before{background:#6e637b}
#rangi .rank-buy{margin-top:auto;min-height:46px;padding:12px 8px;font-size:13px;gap:8px}
#rangi .rank-foot{font-size:12px;line-height:1.7;color:#a79bb9;margin:18px 0 0;max-width:900px}
.rank-comparison{margin-top:40px;border:1px solid #ab8ee62b;border-radius:20px;background:#12111d;overflow:hidden;scroll-margin-top:95px}
.rank-comparison-heading{padding:26px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.rank-comparison-heading h3{margin:0;font-size:23px;font-weight:800;letter-spacing:-.02em;color:#efe7fc}
.rank-comparison-heading p{margin:5px 0 0;color:#a89cb9;font-size:13px}
.rank-fair-note{display:flex;align-items:center;gap:8px;color:#b6a2d6;font-size:12px;white-space:nowrap}
.rank-fair-note svg{width:16px;height:16px;flex:none}
.rank-table-scroll{overflow-x:auto}
.rank-table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:14px;color:#d6cde5;text-align:center}
.rank-table thead th{padding:16px 12px;background:#1c172b;font-size:13px;font-weight:800;letter-spacing:.04em;color:#dfd0f9}
.rank-table thead th:first-child{width:32%;padding-left:28px;text-align:left;color:#bcb0ce;letter-spacing:0;font-weight:400}
.rank-table tbody th{font-weight:400;text-align:left;padding:18px 10px 18px 28px;color:#c0b4ce}
.rank-table tbody td{padding:18px 10px;font-weight:800;font-variant-numeric:tabular-nums;color:#e7dbf7}
.rank-table tbody tr:not(.rank-group)>*{border-top:1px solid #ffffff07}
.rank-table .rank-group th{padding:14px 28px;background:#20182e66;color:#bca0e7;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:800}
.rank-feature-note{display:block;font-size:11px;line-height:1.5;color:#9a8ba9;font-weight:400;max-width:250px;margin-top:4px}
.rank-table .perk-unavailable{color:#8e809d;font-weight:400}
.rank-tick{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;border-radius:50%;background:#b997ed14;color:#c9b0ee}
.rank-tick svg{width:14px;height:14px}
.rank-swatches{display:flex;justify-content:center;align-items:center;gap:4px;margin-top:7px;min-height:9px}
.rank-swatches i{width:7px;height:7px;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #fff1}
.rank-compare-note{font-size:12px;line-height:1.7;color:#a99ab9;margin:0;padding:22px 28px;border-top:1px solid #ffffff0a;background:#171321}
.rank-plan-picker{display:none}
.rank-compare-link:focus-visible,.rank-plan-picker button:focus-visible{outline:2px solid #ceb1ff;outline-offset:5px;border-radius:6px}
@media(min-width:641px){.rank-table thead th[data-rank-col=MASTER],.rank-table td[data-rank-col=MASTER]{background-color:#b08ce809}}
@media(max-width:1100px) and (min-width:771px){#rangi .rank-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:770px){#rangi .rank-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#rangi .rank-card.card{padding:20px}#rangi .rank-buy{font-size:12px}#rangi .rank-heading h3{font-size:21px}.rank-fair-note{display:none}}
@media(max-width:640px){#rangi .shop-heading{align-items:start;flex-direction:column;gap:10px}#rangi .rank-grid{grid-template-columns:1fr}#rangi .rank-card.card{padding:24px}#rangi .rank-heading{min-height:54px}#rangi .rank-price{margin:18px 0}#rangi .rank-price>[data-rank-price],#rangi .rank-price .price-current{font-size:32px}#rangi .rank-perks{font-size:14px}#rangi .rank-buy{font-size:14px}.rank-comparison{margin-top:28px;border-radius:16px}.rank-comparison-heading{padding:22px 20px}.rank-comparison-heading h3{font-size:21px}.rank-plan-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:0 16px 20px}.rank-plan-picker button{appearance:none;min-height:44px;padding:8px 3px;border:1px solid #b597e92b;border-radius:9px;background:#21192d;color:#c0b3d1;font:800 11px Nunito,sans-serif;cursor:pointer}.rank-plan-picker button[aria-pressed=true]{background:#d0b7f2;border-color:#d0b7f2;color:#261934}.rank-table{min-width:570px;font-size:13px}.rank-table thead th:first-child{padding-left:20px;width:42%}.rank-table tbody th{padding-left:20px}.rank-table tbody td{padding-left:8px;padding-right:8px}.rank-table .rank-group th{padding-left:20px}.rank-comparison[data-active-plan] .rank-table{min-width:0;table-layout:fixed}.rank-comparison[data-active-plan] .rank-table [data-rank-col]{display:none}.rank-comparison[data-active-plan=VIP] .rank-table [data-rank-col=VIP],.rank-comparison[data-active-plan=SVIP] .rank-table [data-rank-col=SVIP],.rank-comparison[data-active-plan=MVIP] .rank-table [data-rank-col=MVIP],.rank-comparison[data-active-plan=MASTER] .rank-table [data-rank-col=MASTER]{display:table-cell}.rank-comparison[data-active-plan] .rank-table thead th:first-child{width:67%}.rank-comparison[data-active-plan] .rank-group th{width:100%}.rank-compare-note{padding:20px;font-size:12px}.rank-feature-note{font-size:11px}.rank-swatches{flex-wrap:wrap;gap:3px;max-width:68px;margin-left:auto;margin-right:auto}}
@media(prefers-reduced-motion:reduce){#rangi *{scroll-behavior:auto;transition:none!important}}

#rangi .rank-card.reveal,#rangi .shop-heading.reveal{opacity:1!important;transform:none!important;filter:none!important}

#rangi .rank-price>[data-rank-price]{display:block;min-height:0;height:auto}
#rangi .rank-price .promo-reference[hidden]{display:none!important}