/* Comparison — Figma 2330:557 / 2347:1683 (ComparisonTable; horizontal rail on phones) */
.compare { padding-top: 0; }

.compare__frame {
  --rail-fade: var(--surface);     /* fade into the table's white, as in the Figma edge fade */
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: var(--surface);
}
.compare__frame .rail:focus-visible { outline-offset: -3px; }

.compare__table {
  width: 100%;
  min-width: 620px;
  table-layout: fixed;
}
.compare__table th,
.compare__table td {
  padding: 15px 18px;
  text-align: left;
  vertical-align: top;
  font-size: 14.5px;
  line-height: 1.5;
}

/* Head row */
.compare__table thead th {
  background: #edf3f7;
  border-bottom: 1px solid var(--line);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--muted);
}
.compare__table thead .compare__corner { width: 30%; }   /* 348 / 1160 */
.compare__table thead .compare__us { color: var(--accent-deep); }

/* Body rows */
.compare__table tbody tr + tr { border-top: 1px solid var(--line); }
.compare__table tbody th { font-weight: 600; color: var(--ink); }
.compare__table tbody td { font-weight: 400; color: var(--muted); }
.compare__table tbody td:last-child { font-weight: 600; color: var(--ink); }

/* ---------- Phone (390 frame): 620px table in a horizontal rail ---------- */
@media (max-width: 720px) {
  .compare__d { display: none; }
  .compare__table { width: 620px; }
  .compare__table th,
  .compare__table td { padding: 13px 15px; font-size: 13px; }
  .compare__table thead th { font-size: 11px; }
  .compare__table thead .compare__corner { width: 186px; }
}