.cmp-page,.cmp-index{--check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.5 4.5 6.5 11.5 3 8'/%3E%3C/svg%3E");--cross:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M4 4l8 8M12 4l-8 8'/%3E%3C/svg%3E");--slash:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M4.5 11.5 11.5 4.5'/%3E%3C/svg%3E");--yes:#22c55e;--partial:#f59e0b;--no:#ef4444;padding-bottom:clamp(70px,10vh,120px)}.cmp-page .key,.cmp-index .key{background:linear-gradient(#d8dce1 0%,#a2a8b0 44%,#71777f 52%,#b6bcc4 78%,#8b9199 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.cmp-vs{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-2);font-size:12px}.cmp-tile,.cmp-chip{background:var(--card);border:1px solid var(--line-up);justify-content:center;align-items:center;display:flex;overflow:hidden}.cmp-tile.light,.cmp-chip.light{border-color:var(--line-in);background:#fff}.cmp-tile img,.cmp-chip img{object-fit:contain;display:block}.cmp-tile.ours img,.cmp-chip.ours img{width:78%;height:78%}.cmp-name{color:var(--white);text-align:center;padding:0 10px;font-size:18px;font-weight:700;line-height:1.2}.cmp-tile.light .cmp-name,.cmp-chip.light .cmp-name{color:#08090a}.cmp-hero{text-align:center;padding:clamp(36px,6vh,64px) 0 0}.cmp-hero h1{letter-spacing:-.03em;color:var(--white);font-size:clamp(30px,4.6vw,52px);font-weight:800;font-stretch:116%;line-height:1.02}.cmp-logos{justify-content:center;align-items:center;gap:22px;margin:30px 0 clamp(36px,6vh,56px);display:flex}.cmp-tile{border-radius:18px;width:116px;height:116px}.cmp-summary{max-width:720px;margin:0 auto clamp(40px,6vh,56px)}.cmp-summary h2{letter-spacing:.2em;text-transform:uppercase;color:var(--text-2);margin-bottom:14px;font-size:12px;font-weight:600}.cmp-summary p{color:var(--text);font-size:16px;line-height:1.65}.cmp-summary p+p{margin-top:12px}.cmp-summary .cmp-takeaway{border-left:3px solid var(--mantle);color:var(--white);background:#ffffff0b;border-radius:0 6px 6px 0;margin-top:22px;padding:14px 18px;font-size:16.5px;line-height:1.55}.cmp-panel{border:1px solid var(--line-up);background:var(--card-lo);border-radius:8px;overflow:hidden}.cmp-panel table{border-collapse:collapse;width:100%}.cmp-panel .c-feat{width:16%}.cmp-panel .c-ours,.cmp-panel .c-them{width:31%}.cmp-panel .c-why{width:22%}.cmp-panel thead th{text-align:left;background:var(--raised);color:var(--white);border-bottom:1px solid var(--line-in);border-right:1px solid var(--line);padding:14px 18px;font-size:13.5px;font-weight:600}.cmp-panel thead th:last-child{border-right:none}.cmp-panel thead th.ours{background:linear-gradient(180deg, #ffffff14, var(--raised))}.cmp-panel tr.sec td{background:var(--well);border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--text-2);padding:10px 18px;font-size:11px}.cmp-panel tr.sec td .n{color:var(--white);margin-right:10px}.cmp-panel tbody td{vertical-align:top;color:var(--text);border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:15px 18px;font-size:13.5px;line-height:1.55}.cmp-panel tbody td:last-child{border-right:none}.cmp-panel tbody tr.row:last-child td{border-bottom:none}.cmp-panel td.feat{color:var(--white);font-size:14px;font-weight:600}.cmp-panel td.ours{background:#ffffff08}.cmp-panel td.val .c{grid-template-columns:19px 1fr;align-items:start;gap:10px;display:grid}.cmp-panel tbody tr.row:hover td{background:#ffffff05}.cmp-panel tbody tr.row:hover td.ours{background:#ffffff0d}.cmp-panel .gap{border-left:2px solid var(--no);color:var(--text-2);margin-top:8px;padding-left:12px;font-size:12.5px;display:block}.cmp-panel .mark{border-radius:5px;place-items:center;width:19px;height:19px;margin-top:1px;display:inline-grid}.cmp-panel .mark:before{content:"";background:currentColor;width:11px;height:11px}.cmp-panel .mark.yes{color:var(--yes);background:#22c55e26}.cmp-panel .mark.partial{color:var(--partial);background:#f59e0b29}.cmp-panel .mark.no{color:var(--no);background:#ef444421}.cmp-panel .mark.yes:before{-webkit-mask:var(--check) center / contain no-repeat;-webkit-mask:var(--check) center / contain no-repeat;mask:var(--check) center / contain no-repeat}.cmp-panel .mark.partial:before{-webkit-mask:var(--slash) center / contain no-repeat;-webkit-mask:var(--slash) center / contain no-repeat;mask:var(--slash) center / contain no-repeat}.cmp-panel .mark.no:before{-webkit-mask:var(--cross) center / contain no-repeat;-webkit-mask:var(--cross) center / contain no-repeat;mask:var(--cross) center / contain no-repeat}.cmp-note{max-width:760px;color:var(--text-2);margin-top:18px;font-size:12.5px;line-height:1.6}.cmp-cta{text-align:center;margin-top:clamp(64px,8vh,80px)}.cmp-index .masthead{text-align:center}.cmp-index .masthead p{max-width:none}.cmp-grid{grid-template-columns:repeat(auto-fit,260px);justify-content:center;gap:14px;display:grid}.cmp-covers{text-align:center}.cmp-covers .cmp-dims{justify-content:center}.cmp-card{background:var(--card);border:1px solid var(--line);transition:transform .2s var(--ease);border-radius:8px;justify-content:center;align-items:center;padding:30px 22px;display:flex}.cmp-card:hover,.cmp-card:focus-visible{transform:scale(1.04)}@media (prefers-reduced-motion:reduce){.cmp-card{transition:none}}.cmp-matchup{justify-content:center;align-items:center;gap:16px;display:flex}.cmp-chip{border-radius:14px;width:72px;height:72px}.cmp-chip .cmp-name{font-size:13px}.cmp-covers{margin-top:clamp(40px,6vh,60px)}.cmp-covers .lbl{letter-spacing:.2em;text-transform:uppercase;color:var(--text-2);margin-bottom:14px;font-size:12px;font-weight:600}.cmp-dims{flex-wrap:wrap;gap:8px;display:flex}.cmp-dim{border:1px solid var(--line-up);color:var(--text);background:#ffffff08;border-radius:999px;padding:6px 12px;font-size:13px}@media (max-width:820px){.cmp-panel thead,.cmp-panel col{display:none}.cmp-panel table,.cmp-panel tbody,.cmp-panel tr,.cmp-panel td{width:100%;display:block}.cmp-panel tr.row{border-bottom:1px solid var(--line);padding:4px 0 10px}.cmp-panel tbody td{border:none;padding:6px 18px}.cmp-panel td.feat{padding:14px 18px 6px;font-size:15px}.cmp-panel td.ours{background:0 0}.cmp-panel td.val:before,.cmp-panel td.why:before{content:attr(data-label);font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--text-2);margin-bottom:5px;font-size:10.5px;display:block}.cmp-logos{gap:14px}.cmp-tile{width:92px;height:92px}}