.compare-hero>p{font-size:17px;line-height:1.7;color:#bac4d2;max-width:640px}
.compare-legend{display:flex;flex-wrap:wrap;gap:18px;margin:0 0 16px;font:11px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.6px}
.compare-legend span{display:flex;align-items:center;gap:8px}
.compare-legend i{display:inline-block;width:14px;height:14px;border-radius:4px;border:1px solid var(--edge);background:var(--panel)}
.compare-legend i.win-ar{background:#1a3a33;border-color:var(--mint)}
.compare-legend i.win-vm{background:#1c2940;border-color:var(--blue)}
.compare{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--edge);border-radius:13px;overflow:hidden;background:var(--panel);font-size:14px;line-height:1.55}
.compare th,.compare td{padding:14px 18px;text-align:left;vertical-align:top;border-bottom:1px solid #ffffff0d}
.compare thead th{background:#10151d;font:12px var(--mono);text-transform:uppercase;letter-spacing:.7px;color:#c6d1df;border-bottom:1px solid var(--edge)}
.compare thead th small{display:block;margin-top:3px;font-size:10px;color:#7d8999;text-transform:none;letter-spacing:0}
.compare thead th.col-ar{color:var(--mint)}
.compare tbody th[scope=row]{width:22%;font-weight:700;color:var(--text)}
.compare td{width:39%;color:#b4becc}
.compare tr.group th{padding:20px 18px 10px;background:#11161f;font:11px var(--mono);text-transform:uppercase;letter-spacing:1px;color:var(--mint)}
.compare tr[data-win=ar] td:nth-of-type(1){background:#163029;color:#e3f6ef;box-shadow:inset 3px 0 0 var(--mint)}
.compare tr[data-win=ar] td:nth-of-type(1)::before{content:"✓ ";color:var(--mint);font-weight:700}
.compare tr[data-win=vm] td:nth-of-type(2){background:#18233a;color:#e2eafa;box-shadow:inset 3px 0 0 var(--blue)}
.compare tr[data-win=vm] td:nth-of-type(2)::before{content:"✓ ";color:var(--blue);font-weight:700}
.compare tbody tr:last-child th,.compare tbody tr:last-child td{border-bottom:0}
.compare-source{margin-top:18px;color:var(--muted);font-size:12px;line-height:1.7;max-width:820px}
.compare-honest{align-items:start}
.compare-honest ul{margin-top:12px}
@media(max-width:620px){
.compare,.compare tbody{display:block}
.compare thead{display:none}
.compare tr{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #ffffff12}
.compare tr.group{display:block}
.compare tbody th[scope=row]{grid-column:1/-1;width:auto;padding:14px 14px 4px;border:0}
.compare td{width:auto;padding:8px 14px 14px;font-size:13px;border:0;display:flex;flex-direction:column}
.compare tr[data-win] td::before{content:none!important}
.compare td::after{order:-1;margin-bottom:6px;font:10px var(--mono);text-transform:uppercase;letter-spacing:.6px;color:#7d8999}
.compare td:nth-of-type(1)::after{content:"AudioRouter"}
.compare td:nth-of-type(2)::after{content:"Voicemeeter"}
}