.comparator { background:#fff; color:#111; }
.comparator__rails { position:absolute; top:0; bottom:120px; left:50%; width:1380px; transform:translateX(-50%); border-inline:1px solid #eaebee; pointer-events:none; }
.comparator__heading { position:absolute; top:160px; left:50%; width:1380px; transform:translateX(-50%); text-align:center; }
.comparator__heading h2 { margin:0; font-size:48px; line-height:66px; font-weight:400; }
.comparator__heading p { margin:18px 0 0; color:#888; font-size:18px; line-height:27px; }
.comparator__body { position:absolute; top:332px; left:50%; width:1380px; height:1258px; transform:translateX(-50%); border-top:1px solid #eaebee; }
.comparator__stripe { position:absolute; top:0; bottom:0; width:110px; border-inline:1px solid #eaebee; }
.comparator__stripe::before { content:''; position:absolute; inset:0; background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzkyNV8zODU5KSI+CjxtYXNrIGlkPSJtYXNrMF85MjVfMzg1OSIgc3R5bGU9Im1hc2stdHlwZTpsdW1pbmFuY2UiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCI+CjxwYXRoIGQ9Ik00OCAwSDBWNDhINDhWMFoiIGZpbGw9IndoaXRlIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF85MjVfMzg1OSkiPgo8cGF0aCBkPSJNNDguNSAtMS41TC0xLjUgNDguNSIgc3Ryb2tlPSJibGFjayIvPgo8cGF0aCBkPSJNNzIuNSAyMi41TDIyLjUgNzIuNSIgc3Ryb2tlPSJibGFjayIvPgo8cGF0aCBkPSJNNzIuNSAtMS41TDIyLjUgNDguNSIgc3Ryb2tlPSJibGFjayIvPgo8cGF0aCBkPSJNNDkgLTI2TC0xIDI0IiBzdHJva2U9ImJsYWNrIi8+CjwvZz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF85MjVfMzg1OSI+CjxyZWN0IHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K") repeat; background-size:24px 24px; opacity:.1; }
.comparator__stripe--left { left:0; }
.comparator__stripe--right { right:0; }
.comparator__table-wrap { position:absolute; top:95px; left:50%; width:936px; transform:translateX(-50%); isolation:isolate; }
.comparator__table-wrap::before { content:''; position:absolute; inset:0; border:1px solid rgb(0 0 0 / 10%); border-radius:16px; pointer-events:none; z-index:-1; }
.comparator table { position:relative; z-index:1; width:100%; table-layout:fixed; border-collapse:separate; border-spacing:0; font-size:14px; line-height:18px; }
.comparator__feature-col { width:362px; }
.comparator__table-wrap::after { box-sizing:border-box; }
.comparator__pixso-col { width:302px; }
.comparator th,.comparator td { padding:0 20px; height:51px; border-bottom:1px solid #eaebee; text-align:left; vertical-align:middle; font-weight:400; }
.comparator tbody th { color:#666; }
.comparator td:last-child { color:#888; }
.comparator thead th { font-size:16px; line-height:22px; font-weight:600; color:#666; }
.comparator thead th:nth-child(2) { color:#111; }
.comparator__group th,.comparator__group td { height:47px; background:rgb(0 0 0 / 2%); }
.comparator__group th { color:#111 !important; }
.comparator__group th img { width:18px; height:18px; vertical-align:middle; margin-right:8px; }
.comparator__row--tall th,.comparator__row--tall td { height:63px; }
.comparator tbody tr:last-child th,.comparator tbody tr:last-child td { border-bottom:0; }
.comparator tbody tr:last-child td:nth-child(2) { border-bottom:1px solid #eaebee; }
.comparator__value { display:flex; align-items:center; gap:8px; }
.comparator__value > img,.comparator__minus { display:block; width:22px; height:22px; flex:none; }
.comparator__highlight { position:absolute; z-index:0; top:-11px; bottom:-95px; left:361px; width:302px; box-sizing:border-box; border:0; border-radius:16px; background:#fff; box-shadow:0 20px 40px 0 rgba(0,0,0,.06); }
.comparator__table-wrap::after { content:''; position:absolute; z-index:3; top:-11px; bottom:-95px; left:361px; width:302px; padding:1px; border-radius:16px; background:linear-gradient(135deg,#4099ff 0%,#709bff 50%,#dc9fff 100%); -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); mask-composite:exclude; pointer-events:none; }
.comparator .comparator__cta { position:absolute; top:calc(100% + 27px); left:389px; width:246px; height:42px; border-radius:8px; font-size:14px; line-height:20px; transform:none; }
.comparator__divider { position:absolute; inset:auto 0 0; height:120px; background:#f9f9fa; border-block:1px solid #eaebee; }
.comparator__divider::after { content:''; position:absolute; inset:0 auto 0 50%; width:1380px; transform:translateX(-50%); background:repeating-linear-gradient(to bottom,#e3e4e7 0 5px,transparent 5px 10px) left / 1px 100% no-repeat,repeating-linear-gradient(to bottom,#e3e4e7 0 5px,transparent 5px 10px) right / 1px 100% no-repeat; }