/* Service plan colors have the same meaning in descriptions, table and prices. */
.comparison-autoplay[hidden]{display:none}
.comparison-autoplay{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;font-size:12px;color:#575757;line-height:1.6}
.comparison-autoplay span{flex:1}
.comparison-autoplay button{flex:none;border:1px solid #bfc3c8;background:#fff;padding:9px 10px;min-height:44px;font-size:12px;cursor:pointer}
.comparison-autoplay button:disabled{border-color:#ddd;color:#777;cursor:default}
@media(hover:hover){.table-scroll[data-can-drag="true"]{cursor:grab}.table-scroll[data-dragging="true"]{cursor:grabbing;user-select:none}}
.plan-basic{--plan:#1762bd;--plan-tint:#f0f7ff;--plan-rule:#c5dafa}
.plan-standard{--plan:#19775d;--plan-tint:#f0f9f5;--plan-rule:#c1e0d4}
.plan-premium{--plan:#7544a6;--plan-tint:#f7f2fc;--plan-rule:#dccced}
.tier{border:1px solid #d3dae2;border-top:4px solid var(--plan);padding:26px 26px 28px}
.tier h3{color:var(--plan);font-size:27px}
.tier-description{font-size:16px;min-height:82px}
.tier ul{font-size:16px;line-height:1.8}
.tier li::marker{color:var(--plan)}
.tier-inclusion{font-size:14px;color:#484848}
.tier-grid{gap:22px}
.scope-header{margin-bottom:22px;scroll-margin-top:24px}
.table-scroll{border:1px solid #c5d1df;border-top:2px solid #073578;border-bottom:1px solid #c5d1df;overflow:visible}
.scope-table{min-width:900px;font-size:16px;line-height:1.5}
.scope-table caption{font-size:16px;background:#fff;padding:18px 20px}
.scope-table thead th{font-size:16px;letter-spacing:0;padding:16px 12px;border-bottom:1px solid #c5d1df;position:sticky;top:0;z-index:4;background:#e7eff9;color:#073578;text-align:center}
.scope-table thead th.category-header{width:13%;left:auto;background:#e7eff9;color:#073578;padding-left:12px}
.scope-table thead th.item-heading{width:33%;text-align:left;padding-left:20px}
.scope-table thead th.plan-basic,.scope-table thead th.plan-standard,.scope-table thead th.plan-premium{background:var(--plan);color:#fff;border-left:1px solid #fff}
.scope-table .mobile-group{display:none}
.scope-table tbody th,.scope-table tbody td{padding:10px 18px;border-bottom:1px solid #dbe3ed;position:static;font-size:16px}
.scope-table tbody .item-cell{font-weight:500;text-align:left;background:#fff;border-right:1px solid #c5d1df}
.scope-table tbody .category-cell{background:#e7eff9;color:#073578;border-right:1px solid #c5d1df;text-align:center;vertical-align:middle;font-weight:750;font-size:17px;padding:18px 10px;line-height:1.5}
.category-cell svg{display:block;width:34px;height:34px;margin:0 auto 12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.scope-table tbody td{background:var(--plan-tint);border-left:0;border-right:1px solid var(--plan-rule);border-bottom-color:var(--plan-rule);font-weight:550}
.scope-table tbody td.yes{font-size:20px;color:var(--plan);font-weight:750;line-height:1.2}
.scope-table tbody td.no{color:#69737e}
.scope-table tbody+tbody .item-row:first-of-type th,.scope-table tbody+tbody .item-row:first-of-type td{border-top:3px solid white}
.scope-table tbody .item-row:last-child th,.scope-table tbody .item-row:last-child td{border-bottom:1px solid #c5d1df}
.scope-table tbody:last-child .item-row:last-child th,.scope-table tbody:last-child .item-row:last-child td{border-bottom:0}
.price-card,.price-card:nth-child(2){border:1px solid #d3dae2;border-top:4px solid var(--plan);padding:26px}
.price-name{color:var(--plan);font-size:17px}
.price-for{font-size:14px;min-height:45px}
.price-notes{font-size:14px}
.price-grid{gap:22px}
@media(max-width:980px){.table-scroll{overflow-x:auto}.scope-table thead th{position:static}.tier{padding:22px 18px}.tier-description{min-height:132px}.tier ul{font-size:15px}}
@media(max-width:600px){
 .tier-grid,.price-grid{gap:20px}.tier{padding:24px}.tier-description{min-height:0}.tier ul{font-size:16px}
 .scope-table{min-width:615px;font-size:14px}
 .scope-table .category-header,.scope-table .category-cell{display:none}
 .scope-table .mobile-group{display:table-row}
 .scope-table .mobile-group th{background:#e7eff9;color:#073578;font-weight:750;font-size:15px;padding:11px 14px;text-align:left;border-top:3px solid white;border-bottom:1px solid #c5d1df;position:static}
 .scope-table .mobile-group .group-label{display:inline-block;position:sticky;left:14px;white-space:nowrap}
 .scope-table .table-caption-label{display:inline-block;position:sticky;left:14px;white-space:nowrap}
 .scope-table thead th.item-heading{width:165px;position:sticky;left:0;z-index:5;background:#e7eff9;padding-left:14px}
 .scope-table tbody .item-cell{position:sticky;left:0;z-index:2;padding-left:14px;padding-right:12px}
 .scope-table tbody th,.scope-table tbody td{font-size:14px;padding:12px}
 .scope-table thead th{font-size:13px;padding:16px 10px}
 .scope-table tbody td.yes{font-size:19px}
 .scope-table caption{font-size:14px;padding:16px 14px}
 .price-card,.price-card:nth-child(2){padding:26px}.price-for{min-height:0}
}