.hero{--hero-img: image-set(url(/images/hero-mes-vs-spreadsheets-960.webp) 1x, url(/images/hero-mes-vs-spreadsheets-1672.webp) 2x);background-image:linear-gradient(90deg,hsl(var(--paper)) 0% 40%,hsl(var(--paper) / .84) 55%,hsl(var(--paper) / .28) 70%,hsl(var(--paper) / 0) 84%),var(--hero-img);background-size:cover,cover;background-position:center,right center;background-repeat:no-repeat,no-repeat}@media(max-width:720px){.hero{--hero-img: image-set(url(/images/hero-mes-vs-spreadsheets-480.webp) 1x, url(/images/hero-mes-vs-spreadsheets-960.webp) 2x)}}.vs-wrap{margin-top:50px;border:1.5px solid var(--ink-line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:6px 6px hsl(var(--riso-teal) / .22);background:hsl(var(--card))}table.vs{width:100%;border-collapse:collapse}.vs th,.vs td{text-align:left;padding:16px 22px;border-bottom:1px solid hsl(var(--hairline));vertical-align:top}.vs thead th{font-family:var(--font-display);font-weight:400;font-size:21px;letter-spacing:-.01em;color:hsl(var(--ink-0));background:hsl(var(--paper-2));border-bottom:1.5px solid var(--ink-line);vertical-align:bottom;padding-top:20px}.vs thead th small{display:block;margin-top:6px;font:500 10px/1 var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:hsl(var(--ink-4))}.vs thead th:first-child{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:hsl(var(--ink-4))}.vs thead th.vs-h-bulk{background:hsl(var(--ink-1));color:hsl(var(--paper-2));border-bottom-color:hsl(var(--ink-0))}.vs thead th.vs-h-bulk small{color:hsl(var(--paper-2) / .62)}.vs-h-sq{display:inline-block;width:11px;height:11px;margin-right:9px;background:hsl(var(--primary-500));box-shadow:3px 3px hsl(var(--riso-teal) / .65)}.vs tbody td:first-child{width:21%;font-size:13.5px;font-weight:600;color:hsl(var(--ink-1))}.vs-dim{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start}.vs-ic{width:20px;height:20px;color:hsl(var(--ink-3));margin-top:-1px}.vs-ic svg{width:100%;height:100%}.vs tbody td:first-child i{display:block;font-style:normal;margin-top:4px;font:500 10.5px/1.3 var(--font-mono);color:hsl(var(--ink-4))}.vs tbody td:nth-child(2),.vs thead th:nth-child(2){width:37%}.vs tbody td:nth-child(3),.vs thead th:nth-child(3){width:42%}.vs tbody td:not(:first-child){font-size:13px;line-height:1.55;color:hsl(var(--ink-2))}.vs-cell{display:grid;grid-template-columns:17px 1fr;gap:9px;align-items:start}.vs-miss{font:700 13px/1.4 var(--font-mono);color:hsl(var(--ink-6));text-align:center}.vs-check{width:16px;height:16px;margin-top:2px;color:hsl(var(--primary-700))}.vs-check svg{width:100%;height:100%}.vs tbody td.vs-sheets{background-image:linear-gradient(hsl(var(--hairline) / .5) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--hairline) / .5) 1px,transparent 1px);background-size:27px 27px;color:hsl(var(--ink-3))}.vs .win{background:hsl(var(--primary-100) / .3)}.vs td.win,.vs th.win{border-left:1.5px solid var(--ink-line)}.vs tbody td.win{color:hsl(var(--ink-1))}.vs-tag{display:inline-flex;align-items:center;gap:5px;margin-top:9px;padding:4px 9px;font:600 9.5px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:hsl(var(--ink-2));background:hsl(var(--card));border:1px solid hsl(var(--hairline-2));border-radius:var(--radius-sm);text-decoration:none}.vs-tag:after{content:"→";font-family:var(--font-mono)}.vs-tag:hover{border-color:hsl(var(--primary-600));color:hsl(var(--primary-700))}.vs .grp td{background:hsl(var(--paper-2));font:700 9.5px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:hsl(var(--ink-4));padding:10px 22px}.vs .grp td:before{content:"";display:inline-block;width:16px;height:2px;margin-right:9px;vertical-align:2px;background:hsl(var(--primary-600))}.vs tbody tr:not(.grp):hover td:not(.win){background-color:hsl(var(--paper-2) / .55)}.vs tbody tr:not(.grp):hover td.win{background:hsl(var(--primary-100) / .42)}.vs tfoot td{border-bottom:0;border-top:1.5px solid var(--ink-line);background:hsl(var(--paper-2));vertical-align:middle}.vs tfoot td:first-child{font-family:var(--font-display);font-size:16.5px;color:hsl(var(--ink-1))}.vs tfoot td.win{padding-top:14px;padding-bottom:14px}@media(max-width:760px){.vs-wrap{margin-top:34px;border:0;border-radius:0;box-shadow:none;background:transparent;overflow:visible}table.vs,.vs tbody,.vs tfoot{display:block}.vs tbody td:first-child,.vs tbody td:nth-child(2),.vs tbody td:nth-child(3),.vs thead th:nth-child(2),.vs thead th:nth-child(3){width:auto}.vs thead{display:block;position:sticky;top:64px;z-index:5}.vs thead tr{display:grid;grid-template-columns:1fr 1fr;background:hsl(var(--paper-2))}.vs thead th:first-child{display:none}.vs thead th{padding:12px 14px 13px;font-size:17px}.vs thead th small{margin-top:4px;font-size:9px;letter-spacing:.05em}.vs-h-sq{width:9px;height:9px;margin-right:7px;box-shadow:2px 2px hsl(var(--riso-teal) / .65)}.vs tbody tr,.vs .grp{display:grid;grid-template-columns:1fr 1fr}.vs .grp td,.vs tbody tr:not(.grp) td:first-child{grid-column:1 / -1}.vs tbody tr:not(.grp) td:first-child{background:hsl(var(--paper-2) / .55);padding:9px 14px;font-size:12.5px}.vs tbody td:first-child i{margin-top:3px;font-size:10px}.vs-dim{grid-template-columns:16px 1fr;gap:8px;align-items:center}.vs-ic{width:16px;height:16px;margin-top:0}.vs .grp td{padding:9px 14px}.vs tbody td:not(:first-child){font-size:12.5px;line-height:1.5;padding:11px 14px 13px;overflow-wrap:anywhere}.vs tbody td.vs-sheets{background-image:none}.vs tbody td.win{border-left:1px solid hsl(var(--hairline))}.vs-cell{grid-template-columns:13px 1fr;gap:7px}.vs-miss{font-size:12px}.vs-check{width:13px;height:13px}.vs-tag{display:inline-block;margin-top:8px;padding:5px 7px;font-size:9px;line-height:1.6}.vs-tag:after{margin-left:4px}.vs tfoot tr{display:grid;grid-template-columns:1fr}.vs tfoot td{border-bottom:0}.vs tfoot td:first-child{padding:14px 14px 2px;font-size:15px;line-height:1.45}.vs tfoot td.win{background:hsl(var(--paper-2));border-left:0;border-top:0;padding:10px 14px 16px}.vs tfoot td.win .btn{width:100%;justify-content:center}}@media(max-width:720px){.vs thead{top:80px}.vs-wrap{margin-inline:-28px;width:calc(100% + 56px)}}