/* The /vs/ pages (lib/compare.js): home's own page, header and footer, with this middle. Home's names and glass; nothing new. */
.cmp h1,.cmp h2,.cmp h3{margin:0;font-weight:500;letter-spacing:-.06em;line-height:1.04;color:var(--ink)}
.cmp .overline{margin:0}
.cmp .glass{border-radius:22px}
.cmp .cmp-hero{padding:150px 0 60px}
.cmp-hero h1{font-size:clamp(46px,7vw,92px);margin:22px 0;max-width:14ch}
.cmp-lede{font-size:19px;color:#5f5e59;max-width:58ch}
.cmp-who{margin-top:34px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.cmp-who>div{padding:26px 28px}
.cmp-who h3{font-size:22px;margin:10px 0 8px}.cmp-who p{color:#5f5e59;font-size:15px}
.cmp section,.cmp>section{padding-top:54px;padding-bottom:54px}
.cmp section>h2{font-size:clamp(34px,4.6vw,56px);margin:14px 0 26px}
.cmp-table{padding:8px 26px 20px}
.cmp table{width:100%;border-collapse:collapse;font-size:15px}
.cmp th,.cmp td{text-align:left;padding:15px 12px;border-bottom:1px solid #d9d7d180;vertical-align:top}
.cmp thead th{font-size:10px;letter-spacing:.14em;color:#96958d;font-weight:500;text-transform:uppercase}
.cmp-n{font-variant-numeric:tabular-nums;white-space:nowrap}
.cmp-ours td{font-weight:600}
.cmp-ours td:first-child:before{content:"";display:inline-block;width:7px;height:7px;border-radius:9px;background:#8f8066;margin-right:9px;vertical-align:2px}
.cmp-note{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.cmp-src{display:block;font-size:11px;color:#8f8066;margin-top:3px;font-weight:400}.cmp-src:hover{text-decoration:underline}
.cmp-foot{font-size:12px;color:var(--muted);margin-top:14px}
.cmp-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cmp-pair>div{padding:28px}
.cmp-pair ul{margin:14px 0 0;padding:0;list-style:none}.cmp-pair li{padding:13px 0;border-top:1px solid #d9d7d180;font-size:15px}
.cmp-pair li b{display:block;font-weight:600}
.cmp-try{text-align:center}.cmp-try h2{margin-bottom:24px!important}
@media (max-width:760px){
  .cmp .cmp-hero{padding:120px 0 30px}.cmp-who,.cmp-pair{grid-template-columns:1fr}
  .cmp-table{padding:4px 12px 16px}.cmp th,.cmp td{padding:12px 6px;font-size:13px}
  .cmp thead{display:none}.cmp tr{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #d9d7d180;padding:10px 0}
  .cmp td{border:0;padding:3px 6px}.cmp td:first-child{grid-column:1/-1;padding-bottom:6px}
  .cmp td.cmp-n:before{content:attr(data-h);display:block;white-space:normal;font-size:9px;letter-spacing:.12em;color:#96958d;text-transform:uppercase;font-weight:500}
}