/* Homepage — You've Spoken, We've Listened comparison table */
.spk-sec { padding: clamp(72px, 8vw, 116px) 0; background: #fff; border-top: 1px solid var(--border); }
.spk-sec .sec-head { margin-bottom: 40px; }
.spk-sec .ab-cmp { border: 1px solid var(--border); border-radius: var(--r-lg); overflow: hidden; background: #fff; box-shadow: 0 14px 40px rgba(10,32,92,.06); }
.spk-sec .ab-cmp-head { display: grid; grid-template-columns: 1fr 1fr; }
.spk-sec .ab-cmp-head .h { font-family: var(--font-display); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; font-weight: 600; padding: 16px 26px; }
.spk-sec .ab-cmp-head .h.old { color: var(--text-3); background: var(--surface-alt); border-bottom: 1px solid var(--border); }
.spk-sec .ab-cmp-head .h.neu { color: #fff; background: var(--grad); }
.spk-sec .ab-cmp-row { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--border); }
.spk-sec .ab-cmp-row:first-of-type { border-top: none; }
.spk-sec .ab-cmp .cell { display: flex; gap: 13px; align-items: flex-start; padding: 22px 26px; }
.spk-sec .ab-cmp .cell.old { background: var(--surface-2); }
.spk-sec .ab-cmp .cell.neu { border-left: 1px solid var(--border); }
.spk-sec .ab-cmp .cell .ic { flex-shrink: 0; width: 22px; height: 22px; border-radius: 999px; display: grid; place-items: center; margin-top: 2px; }
.spk-sec .ab-cmp .cell.old .ic { background: var(--surface-alt); color: var(--n4); }
.spk-sec .ab-cmp .cell.neu .ic { background: rgba(90,204,155,.16); color: #1F7A4D; }
.spk-sec .ab-cmp .cell h3 { font-family: var(--font-display); font-size: 16px; font-weight: 600; line-height: 1.3; }
.spk-sec .ab-cmp .cell.old h3 { color: var(--text-3); }
.spk-sec .ab-cmp .cell p { margin-top: 5px; font-size: 13.5px; line-height: 1.5; color: var(--text-3); }
@media (max-width: 760px) {
  .spk-sec .ab-cmp-head { display: none; }
  .spk-sec .ab-cmp-row { grid-template-columns: 1fr; }
  .spk-sec .ab-cmp .cell.neu { border-left: none; border-top: 1px solid var(--border); }
}