/* Scoped to the public homepage comparison; no chat or account styles. */
.moh-compare{background:#080808;color:#f5f5f7;padding:100px 5% 104px;scroll-margin-top:108px}
.moh-compare-inner{max-width:1280px;margin:0 auto}
.moh-compare-heading{text-align:center;max-width:790px;margin:0 auto 56px}
.moh-compare p.moh-compare-eyebrow{font-size:12px;font-weight:600;letter-spacing:.18em;color:#a5b7ed;margin:0 0 18px}
.moh-compare-heading h2{font-family:inherit;font-size:clamp(36px,4.4vw,62px);font-weight:550;line-height:1.1;letter-spacing:-.045em;margin:0 0 21px}
.moh-compare p.moh-compare-intro{font-size:17px;line-height:1.65;color:#aaaab4;margin:0}
.moh-compare-scroll{position:relative;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:#556b9e #181a20;scrollbar-width:thin;padding:0 0 12px;border-radius:18px;isolation:isolate}
.moh-compare-scroll:focus-visible{outline:2px solid #91b1ff;outline-offset:5px}
.moh-compare-table{width:100%;min-width:800px;border-collapse:separate;border-spacing:0;table-layout:fixed;text-align:center;font-size:16px;line-height:1.35}
.moh-compare-feature-col{width:32%}.moh-compare-product-col{width:17%}
.moh-compare-table th,.moh-compare-table td{border:0;padding:19px 16px;vertical-align:middle}
.moh-compare-table thead th{height:161px;padding:28px 14px 24px}
.moh-compare-table .moh-compare-label{text-align:start;padding-inline-start:24px;vertical-align:bottom;font-size:13px;line-height:1.5;font-weight:400;color:#a3a3ae;padding-bottom:26px}
.moh-compare-brand{display:flex;flex-direction:column;align-items:center;gap:11px}
.moh-compare-brand img{width:36px;height:36px;object-fit:contain}
.moh-compare-name{display:block;font-size:23px;font-weight:600;line-height:1.15;letter-spacing:-.035em}
.moh-compare-maker{font-size:10px;line-height:1.4;letter-spacing:.14em;font-weight:500;color:#9999a6}
.moh-compare-table tbody th{padding-inline-start:24px;text-align:start;font-size:15px;font-weight:500;line-height:1.5;color:#e4e4eb;background:#080808}
.moh-compare-table tbody td{height:64px;background:#080808}
.moh-compare-table tbody tr:nth-child(odd)>*{background:#1c1b22}
.moh-compare-table tbody tr:nth-child(odd)>:first-child{border-start-start-radius:12px;border-end-start-radius:12px}
.moh-compare-table tbody tr:nth-child(odd)>:last-child{border-start-end-radius:12px;border-end-end-radius:12px}
.moh-compare-table .moh-compare-featured{background:#255be5;color:#fff;border-inline:1px solid #5685ff}
.moh-compare-table tbody tr:nth-child(odd)>.moh-compare-featured{background:#2e63ed}
.moh-compare-table thead .moh-compare-featured{background:linear-gradient(160deg,#3777ff,#255be5);border-top:1px solid #78a0ff;border-radius:18px 18px 0 0}
.moh-compare-featured .moh-compare-maker{color:#e0e9ff}
.moh-compare-featured .moh-compare-brand img{filter:brightness(0) invert(1);width:40px;height:40px}
.moh-compare-rating{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;vertical-align:middle}
.moh-compare-stars{display:inline-flex;align-items:center;gap:3px;direction:ltr;white-space:nowrap}
.moh-compare-star{display:block;width:18px;height:18px;flex-shrink:0;fill:currentColor;stroke:currentColor;stroke-width:1.2;stroke-linejoin:round;color:#e6c16b}
.moh-compare-star.is-empty{fill:none;color:#747481}
.moh-compare-featured .moh-compare-star.is-filled{color:#ffe393}
.moh-compare-featured .moh-compare-star.is-empty{color:#a8beff}
.moh-compare-score{font-size:13px;font-weight:650;line-height:1.2;letter-spacing:.03em;color:#d3d3dd;direction:ltr}
.moh-compare-score>span{font-weight:400;color:#9595a5;margin-inline-start:2px}
.moh-compare-featured .moh-compare-score{color:#fff}
.moh-compare-featured .moh-compare-score>span{color:#d7e2ff}
.moh-compare-table tbody td{padding-block:13px}
.moh-compare-table tfoot td{padding:20px 12px 22px;height:80px}
.moh-compare-table tfoot .moh-compare-featured{border-bottom:1px solid #5685ff;border-radius:0 0 18px 18px}
.moh-compare-start{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:10px 12px;color:#1643a7;background:#fff;border:1px solid #fff;border-radius:999px;font-size:13px;font-weight:650;text-decoration:none;white-space:nowrap}
.moh-compare-start:hover{background:#e5edff;border-color:#e5edff}
.moh-compare-start:focus-visible{outline:2px solid #fff;outline-offset:4px}
.moh-compare-footnotes{padding:18px 24px 0;max-width:1040px;margin:0 auto}
.moh-compare-legend{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 25px;font-size:12px;color:#b3b3bf;line-height:1.5;margin-bottom:15px}
.moh-compare-legend>span{display:inline-flex;align-items:center;gap:7px}
.moh-compare-footnotes p{font-size:12px;line-height:1.8;color:#9898a5;margin:0;text-align:center}
.moh-compare-sources{margin:20px auto 0;max-width:850px;border-top:1px solid #292931;padding-top:16px}
.moh-compare-sources summary{width:fit-content;max-width:100%;margin:0 auto;padding:0 25px 0 0;font-size:13px;line-height:1.8;color:#bdbdcc}
.moh-compare-sources summary:after{font-size:20px;right:0;top:0}
.moh-compare-sources>div{padding-top:16px}
.moh-compare-sources ul{display:flex;flex-wrap:wrap;justify-content:center;gap:9px 20px;list-style:none;padding:0;margin:14px 0 0;font-size:12px;line-height:1.8}
.moh-compare-sources a{color:#bdceff;text-decoration:underline;text-underline-offset:3px}
.moh-compare p.moh-compare-swipe{display:none}
@media(max-width:960px){
  .moh-compare{padding:76px 4% 80px}
  .moh-compare-table{min-width:780px}
  .moh-compare-feature-col{width:28%}.moh-compare-product-col{width:18%}
  .moh-compare-table th,.moh-compare-table td{padding-inline:12px}
  .moh-compare-table tbody th,.moh-compare-table .moh-compare-label{padding-inline-start:16px}
  .moh-compare-name{font-size:21px}
  .moh-compare p.moh-compare-swipe{display:flex;justify-content:end;align-items:center;gap:10px;color:#a9a9b6;font-size:12px;line-height:1.6;margin:0 0 16px}
  .moh-compare-swipe span{font-size:20px}
}
@media(max-width:600px){
  .moh-compare{padding:62px 16px 64px;scroll-margin-top:88px}
  .moh-compare-heading{margin-bottom:28px}
  .moh-compare p.moh-compare-eyebrow{font-size:11px;letter-spacing:.15em;margin-bottom:16px}
  .moh-compare-heading h2{font-size:38px;margin-bottom:16px}
  .moh-compare p.moh-compare-intro{font-size:15px;max-width:320px;margin:auto}
  .moh-compare p.moh-compare-swipe{justify-content:center;font-size:12px;margin-bottom:20px}
  .moh-compare-table{min-width:748px}
  .moh-compare-feature-col{width:140px}.moh-compare-product-col{width:152px}
  .moh-compare-table thead th{height:154px}
  .moh-compare-table thead .moh-compare-label{position:sticky;inset-inline-start:0;z-index:3;background:#080808;font-size:12px;padding-inline:12px}
  .moh-compare-table tbody th{position:sticky;inset-inline-start:0;z-index:2;padding:17px 12px;font-size:13px;box-shadow:6px 0 10px -7px #000}
  .moh-compare-table tbody td{height:72px;padding:17px 12px}
  .moh-compare-table tfoot>tr>td:first-child{position:sticky;inset-inline-start:0;z-index:2;background:#080808}
  .moh-compare-footnotes{padding:18px 2px 0}
  .moh-compare-legend{gap:8px 20px;justify-content:flex-start;margin-bottom:12px}
  .moh-compare-legend>span:last-child{width:100%;font-size:11px}
  .moh-compare-footnotes p{text-align:start;font-size:12px}
  .moh-compare-sources summary{margin-inline:0}
  .moh-compare-sources ul{justify-content:flex-start;gap:8px 18px}
}
