/* ===== Compare plans ===== */
.cm-ctn{max-width:1180px;margin:0 auto;padding:0 24px}
.cm-top{background:var(--bg);color:var(--w);padding:clamp(96px,15vh,150px) 0 clamp(38px,5.5vh,58px)}
.cm-back{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:-.15px;color:var(--w3);margin-bottom:clamp(22px,3vh,30px);transition:color .25s var(--ease)}
.cm-back svg{width:14px;height:14px;transition:transform .3s var(--ease)}
.cm-back:hover{color:var(--c)}
.cm-back:hover svg{transform:translateX(-3px)}
.cm-top h1{font-size:clamp(38px,5.4vw,68px);font-weight:800;letter-spacing:-2.6px;line-height:1.02}
.cm-top h1 b{color:var(--c);font-weight:800}
.cm-sub{margin-top:clamp(16px,2.4vh,22px);max-width:62ch;font-size:clamp(15px,1.35vw,17px);line-height:1.65;letter-spacing:-.2px;color:var(--w3)}

.cm-table-sec{background:var(--bg);color:var(--w);padding:0 0 clamp(70px,11vh,120px)}
.cm-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.cm-table{width:100%;border-collapse:collapse;min-width:820px}
.cm-cap{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* sticky header: the tier stays named while you scroll a long table */
.cm-table thead th{position:sticky;top:0;z-index:2;background:var(--bg);vertical-align:bottom;text-align:center;padding:0 14px clamp(16px,2.2vh,20px);border-bottom:1px solid var(--bh)}
.cm-table thead th:first-child{text-align:left;padding-left:0;width:38%}
.cm-h-lead{font-size:13px;font-weight:600;letter-spacing:-.15px;color:var(--w3)}
.cm-h-name{display:block;font-size:14px;font-weight:600;letter-spacing:-.2px;color:var(--c)}
.cm-h-price{display:block;margin-top:7px;font-size:clamp(22px,2vw,28px);font-weight:800;letter-spacing:-1.1px;color:var(--w);font-variant-numeric:tabular-nums}
.cm-h-band{display:block;margin-top:5px;font-family:var(--m);font-size:11px;font-weight:500;letter-spacing:.2px;color:var(--w3)}

/* group headers break the table into readable runs */
.cm-group th{padding:clamp(34px,4.6vh,46px) 0 clamp(12px,1.6vh,15px);text-align:left;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--w2)}

.cm-table tbody tr:not(.cm-group){border-top:1px solid var(--b)}
.cm-table tbody tr:not(.cm-group):hover{background:rgba(255,255,255,.018)}
.cm-table tbody th[scope="row"]{text-align:left;padding:14px 24px 14px 0;font-size:13.5px;font-weight:400;line-height:1.5;letter-spacing:-.1px;color:var(--w2)}
.cm-table tbody td{text-align:center;padding:14px;width:15.5%}

/* gold disc, white check */
.cm-yes{display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:50%;background:var(--c);color:#fff}
.cm-yes svg{width:11px;height:11px}
/* a dash that reads as a considered "no", not a missing cell */
.cm-no{display:inline-block;width:21px;line-height:21px;font-size:15px;color:#4a4741;user-select:none}
.cm-note{display:inline-block;font-size:11.5px;line-height:1.35;letter-spacing:-.05px;color:var(--w3);max-width:11ch}

.cm-foot{margin-top:clamp(34px,4.6vh,46px);padding-top:clamp(22px,3vh,28px);border-top:1px solid var(--b);max-width:86ch;font-size:12.5px;line-height:1.7;letter-spacing:-.1px;color:var(--w3)}
.cm-foot a{color:var(--w2);border-bottom:1px solid var(--b);transition:color .25s var(--ease),border-color .25s var(--ease)}
.cm-foot a:hover{color:var(--c);border-bottom-color:var(--c)}
.cm-cta{display:flex;align-items:center;gap:clamp(18px,2.4vw,28px);flex-wrap:wrap;margin-top:clamp(26px,3.6vh,34px)}
.cm-go{display:inline-flex;align-items:center;justify-content:center;padding:12px 26px;border-radius:999px;background:var(--c);color:#000;font-size:14px;font-weight:600;letter-spacing:-.2px;transition:background .25s var(--ease)}
.cm-go:hover{background:var(--c2)}
.cm-link{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600;letter-spacing:-.2px;color:var(--c);transition:color .25s var(--ease)}
.cm-link svg{width:13px;height:13px;transition:transform .3s var(--ease)}
.cm-link:hover{color:var(--c2)}
.cm-link:hover svg{transform:translateX(3px)}

@media(max-width:760px){
  .cm-table{min-width:700px}
  .cm-table thead th:first-child{width:44%}
  .cm-h-price{font-size:20px;letter-spacing:-.8px}
  .cm-scroll{margin:0 -24px;padding:0 24px}
}