.tabs-bar { background: var(--surface); border-bottom: 1px solid var(--line); position: sticky; top: 80px; z-index: 90; }
.tabs-inner { display: flex; overflow-x: auto; scrollbar-width: none; }
.tabs-inner::-webkit-scrollbar { display: none; }
.tab-btn { padding: 16px 22px; font-size: 0.88rem; font-weight: 700; color: var(--muted); cursor: pointer; border-bottom: 2px solid transparent; white-space: nowrap; transition: color 250ms, border-color 250ms; background: none; border-top: none; border-left: none; border-right: none; font-family: inherit; }
.tab-btn:hover { color: var(--text); }
.tab-btn.active { color: var(--pri); border-bottom-color: var(--pri); }
.svc-panel { display: none; }
.svc-panel.active { display: block; }
.compare-table { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden; }
.compare-table__head { display: grid; grid-template-columns: 2fr 1fr 1fr; background: var(--bg-soft); padding: 14px 20px; border-bottom: 1px solid var(--line); }
.compare-table__head span { font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.07em; color: var(--muted); text-align: center; }
.compare-table__head span:first-child { text-align: left; }
.compare-table__head span.hi { color: var(--pri); }
.compare-table__row { display: grid; grid-template-columns: 2fr 1fr 1fr; padding: 12px 20px; border-bottom: 1px solid var(--line); align-items: center; }
.compare-table__row:last-child { border-bottom: none; }
.compare-table__row:hover { background: var(--bg-soft); }
.compare-table__row > * { text-align: center; font-size: 0.88rem; }
.compare-table__row > *:first-child { text-align: left; font-weight: 500; }
.compare-table__cat { background: rgba(108,99,255,.04); padding: 9px 20px; border-bottom: 1px solid var(--line); }
.compare-table__cat span { font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.09em; color: var(--pri); }
.chk { color: var(--sec); font-weight: 900; font-size: 1rem; }
.xmark { color: var(--muted); }
.feat-item { display: flex; gap: var(--sp-3); align-items: flex-start; background: var(--surface); border: 1px solid var(--line-soft); border-radius: var(--r-sm); padding: var(--sp-4); }
.feat-item strong { display: block; font-size: 0.9rem; font-weight: 700; margin-bottom: 2px; }
.feat-item span { font-size: 0.82rem; color: var(--muted); line-height: 1.6; }


/* ============================================================
   Responsive Enhancement Pack
   ============================================================ */
.compare-table { overflow-x: auto; -webkit-overflow-scrolling: touch; }
@media (max-width: 768px) {
  .tabs-bar { top: 72px; }
  .tab-btn { padding: 14px 16px; font-size: 0.82rem; }
  .compare-table__head,
  .compare-table__row {
    min-width: 640px;
  }
}
@media (max-width: 480px) {
  .feat-item { padding: var(--sp-3); }
}