:root{--green:#0c8;--green-soft:rgba(0,204,136,.12);--green-line:rgba(0,204,136,.35);--amber:#e8b339;--bg:#1d1d1f;--bg-card:#252527;--bg-raise:#2a2a2c;--line:rgba(107,118,127,.15);--line-mid:rgba(107,118,127,.5);--line-strong:#6b767f;--t1:#fff;--t2:hsla(0,0%,100%,.7);--t3:hsla(0,0%,100%,.5);--radius:16px;--radius-btn:4px;--radius-pill:999px;--wrap-pad:24px;--col-feature:300px;--col-tg:150px;--col-comp:140px;--fixed-w:calc(var(--col-feature) + var(--col-tg));--font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif}.cpq__comparison-table{background:var(--bg)}.cpq__comparison-table .wrap{margin:0 auto;max-width:1180px;padding:0 var(--wrap-pad)}.filters{border-bottom:1px solid rgba(107,118,127,.15);padding:18px 0 15px}.pill-row{display:flex;flex-wrap:wrap;gap:7px}.pill{background:transparent;border:1px solid var(--line-mid);border-radius:var(--radius-pill);color:var(--t2);cursor:pointer;font-size:13.5px;font-weight:600;padding:9px 15px;transition:all .15s ease;white-space:nowrap}@media (hover:hover){.pill:hover{border-color:var(--green);color:var(--green)}}.pill:focus-visible{outline:2px solid var(--green);outline-offset:2px}.pill.is-active{background:var(--green);border-color:var(--green);color:var(--bg)}.table-section{padding:28px 0 0}.scroll-hint{color:var(--t3);font-size:13px;margin:0}.scroll-controls-row{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:11px}.scroll-arrows{display:flex;flex-shrink:0;gap:8px}.scroll-arrow{align-items:center;background:var(--bg-raise);border:1px solid var(--line-strong);border-radius:var(--radius-btn);color:var(--t1);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .15s ease;width:32px}.scroll-arrow svg{height:16px;width:16px}@media (hover:hover){.scroll-arrow:hover:not(:disabled){border-color:var(--green);color:var(--green)}}.scroll-arrow:focus-visible{outline:2px solid var(--green);outline-offset:2px}.scroll-arrow:disabled{cursor:default;opacity:.3}.compare-wrap{background:var(--bg-card);border:1px solid var(--line-mid);border-radius:var(--radius);display:flex;overflow:hidden}.pane-fixed{box-shadow:6px 0 16px -6px rgba(0,0,0,.5);flex:0 0 var(--fixed-w);position:relative;width:var(--fixed-w);z-index:2}.pane-scroll{flex:1 1 auto;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none}.pane-scroll:focus-visible{outline:2px solid var(--green);outline-offset:-2px}.pane-scroll::-webkit-scrollbar{display:none}.pane-fixed table,.pane-scroll table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%}.pane-fixed table{width:var(--fixed-w)}.pane-scroll table{min-width:calc(var(--col-comp)*var(--comp-count, 10))}colgroup col.col-feature{width:var(--col-feature)}colgroup col.col-tg{width:var(--col-tg)}colgroup col.col-comp{width:var(--col-comp)}thead th{border-bottom:1px solid var(--line-mid);color:var(--t1);font-family:var(--font-body);font-size:13px;font-weight:600;padding:16px 14px;text-align:center;white-space:normal}.th-feature,thead th{background:var(--bg-raise)}.th-feature{text-align:left}.th-tg{background:var(--green);color:var(--bg)!important}.th-tg .th-sub{color:rgba(29,29,31,.65);display:block;font-size:11px;font-weight:500;letter-spacing:0;margin-top:3px;text-transform:none}tbody td{border-bottom:1px solid var(--line);font-size:13.5px;overflow-wrap:break-word;padding:14px;vertical-align:middle}.pane-fixed tbody tr.row-hover td,.pane-scroll tbody tr.row-hover td{background:var(--bg-raise)}.feature-cell{background:var(--bg-card);text-align:left}.feature-cat{color:var(--t3);display:block;font-size:11px;font-weight:700;letter-spacing:.03em;margin-bottom:3px;text-transform:uppercase}.feature-name{color:var(--t2);display:block;font-size:13.5px;font-weight:600}td.cell{position:relative;text-align:center}.pane-fixed td.cell{background:var(--green-soft);border-left:1px solid var(--green-line)}.pane-fixed tbody tr.row-hover td.cell{background:rgba(0,204,136,.18)}.cell-inner{align-items:center;display:inline-flex;height:24px;justify-content:center;width:24px}.cell.yes .cell-inner{color:var(--green)}.cell.addon .cell-inner,.cell.partial .cell-inner{color:var(--amber)}.cell.no .cell-inner{color:var(--t2)}.state-yes{color:var(--green)}.state-addon,.state-partial{color:var(--amber)}.state-no{color:var(--t2)}.cell-inner svg,.ico{height:16px;width:16px}.cell-inner i{font-size:15px;font-style:normal;line-height:1}.sr{height:1px;overflow:hidden;position:absolute;width:1px;clip:rect(0,0,0,0)}.tag{color:var(--green);display:block;font-size:10px;font-weight:700;letter-spacing:.02em;margin-top:4px;text-transform:uppercase}tr[hidden]{display:none}.legend-row{align-items:center;gap:16px;justify-content:space-between;margin-top:10px}.legend,.legend-row{display:flex;flex-wrap:wrap}.legend{color:var(--t2);font-size:13.5px;gap:22px}.legend-item{align-items:center;display:flex;gap:8px}.legend-item .cell-inner{height:20px;width:20px}.legend-item .ico,.legend-item svg{height:14px;width:14px}.footnote,.footnote p{color:var(--t3);font-size:12.5px;line-height:1.6;padding:42px 0 67px}.footnote p{margin:0 0 10px;padding:0}.footnote p:last-child{margin-bottom:0}.footnote a{color:var(--t3)!important;text-decoration:underline}@media (max-width:1024px){:root{--col-feature:260px;--col-tg:140px;--col-comp:132px}}@media (max-width:767px){:root{--wrap-pad:20px;--col-feature:200px;--col-tg:120px;--col-comp:128px}.filters{padding:14px 0 12px}.table-section{padding:20px 0 0}thead th{font-size:12.5px;padding:14px 10px}tbody td{padding:12px 10px}}@media (max-width:560px){:root{--wrap-pad:16px;--col-feature:118px;--col-tg:84px;--col-comp:124px}.compare-wrap{border-radius:12px}.pill{font-size:12.5px;padding:7px 12px}.pill-row{gap:6px}.scroll-controls-row{flex-wrap:wrap}.scroll-hint{flex:1 1 100%;font-size:12px;line-height:1.45}.scroll-arrows{margin-left:auto}.scroll-arrow{height:40px;width:40px}thead th{font-size:11.5px;line-height:1.3;padding:12px 6px}.th-tg .th-sub{display:none}tbody td{padding:11px 6px}.feature-cat{font-size:9.5px;margin-bottom:2px}.feature-name{font-size:12px;line-height:1.35}.cell-inner{height:20px;width:20px}.legend{flex-direction:column;font-size:12.5px;gap:10px}.legend-row{align-items:flex-start;gap:14px}}@media (max-width:380px){:root{--wrap-pad:14px;--col-feature:100px;--col-tg:76px;--col-comp:112px}thead th{font-size:11px}tbody td,thead th{padding:10px 4px}.feature-name{font-size:11.5px}.pill{font-size:12px;padding:6px 10px}}@media (prefers-reduced-motion:reduce){.pill,.scroll-arrow{transition:none}.pane-scroll{scroll-behavior:auto}}