:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172238;background:#f5f7fb;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0}
button,audio{font:inherit}
.site-shell{max-width:1240px;margin:auto;padding:0 32px}
.site-header{height:76px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dfe4ec}
.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:750;letter-spacing:-.03em;color:#111b2e}
.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:white;background:#2456d3;font-size:18px}
.header-tag{font-size:13px;font-weight:650;color:#63718a;letter-spacing:.03em;text-transform:uppercase}
.intro{max-width:1100px;padding:30px 0 24px}
.eyebrow{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#2456d3;font-weight:750;margin-bottom:14px}
h1{font-size:clamp(30px,3.3vw,40px);line-height:1.12;letter-spacing:-.045em;margin:0 0 14px;color:#101b2f;font-weight:760}
.intro p{font-size:16px;line-height:1.55;color:#596780;max-width:760px;margin:0}
.comparison{margin:6px 0 56px}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:23px}
h2{font-size:22px;letter-spacing:-.03em;margin:0 0 7px;color:#132038}
.section-head p{font-size:15px;color:#65728a;margin:0}
.legend{font-size:13px;font-weight:650;color:#566b95;white-space:nowrap;padding-bottom:4px}
.legend-dot{display:inline-block;width:9px;height:9px;background:#2b66e9;border-radius:50%;margin-right:5px}
.rate-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.rate-tab{border:1px solid #d8e0ed;background:#fff;color:#34435c;border-radius:10px;padding:11px 18px;cursor:pointer;font-size:15px;font-weight:690;transition:background .15s,border-color .15s,color .15s}
.rate-tab:hover{border-color:#86a7f5;background:#eef3ff}
.rate-tab[aria-pressed="true"]{color:#fff;background:#2456d3;border-color:#2456d3;box-shadow:0 4px 12px #2456d32b}
.rate-tab small{font-weight:500;opacity:.83;margin-left:5px}
.case-list{display:grid;gap:20px}
.case-card{background:#fff;border:1px solid #dce3ef;border-radius:17px;box-shadow:0 6px 22px #21365a0a;overflow:hidden}
.case-heading{padding:20px 24px 15px;display:flex;justify-content:space-between;gap:16px;align-items:center}
.case-title{display:flex;align-items:center;gap:10px}
.case-index{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#e9efff;color:#2456d3;font-size:13px;font-weight:750}
h3{font-size:18px;letter-spacing:-.02em;margin:0}
.case-meta{color:#76839a;font-size:13px;font-variant-numeric:tabular-nums}
.score-callout{font-size:13px;color:#405571;background:#f0f4fd;border-radius:8px;padding:8px 11px;white-space:nowrap}
.score-callout strong{color:#1f51ca}
.track-table{width:100%;border-collapse:collapse}
.track-table th{text-align:left;background:#f8faff;color:#718099;text-transform:uppercase;font-size:11px;letter-spacing:.09em;font-weight:750;padding:10px 24px;border-top:1px solid #edf0f6}
.track-table th:nth-child(1){width:26%}.track-table th:nth-child(2){width:14%}
.track-table td{padding:9px 24px;border-top:1px solid #edf0f6;vertical-align:middle}
.track-table tr.ours{background:#f5f8ff}
.track-name{font-size:14px;font-weight:660;color:#24334b}
.ours .track-name{color:#1d50cb}
.track-detail{display:block;color:#8190a6;font-size:12px;font-weight:480;margin-top:3px}
.lsd{font-variant-numeric:tabular-nums;font-size:15px;font-weight:710;color:#26354d}
.lsd.best{color:#175ec0}
.lsd.missing{color:#a5aec0;font-weight:400}
audio{height:37px;width:100%;min-width:230px;display:block}
.context{border-top:1px solid #dfe4ec;padding:32px 0 37px;max-width:930px}
.context p{font-size:15px;line-height:1.65;color:#5a6880;margin:8px 0 14px}
.context strong{color:#263954}
details{border:1px solid #dce3ef;background:#fff;border-radius:10px;padding:14px 17px;margin-top:22px}
summary{cursor:pointer;font-weight:680;color:#344b70}
details p{margin-bottom:1px!important}
footer{font-size:13px;color:#8793a7;padding:20px 0 28px;border-top:1px solid #e4e8ef}
.error{padding:28px;border:1px solid #e7c5c5;background:#fff5f5;border-radius:12px;color:#813737}
@media(max-width:700px){.site-shell{padding:0 16px}.site-header{height:62px}.header-tag{font-size:11px}.intro{padding:30px 0 27px}h1{font-size:29px}.intro p{font-size:15px}.section-head{align-items:start}.legend{display:none}.rate-tab{padding:10px 12px;font-size:14px}.case-heading{padding:17px;display:block}.score-callout{display:inline-block;margin-top:13px;white-space:normal}.track-table,.track-table tbody,.track-table tr,.track-table td{display:block;width:100%}.track-table thead{display:none}.track-table tr{padding:11px 17px;border-top:1px solid #edf0f6}.track-table td{border:0;padding:2px 0}.track-table td:nth-child(1){display:inline-block;width:68%}.track-table td:nth-child(2){display:inline-block;text-align:right;width:30%}.track-table td:nth-child(3){padding-top:7px}audio{min-width:0}.case-meta{margin:6px 0 0 40px}}