/* Anonymous concept. Afterglow preserved. Tabler icons: MIT.
   Sticky table headings are the only raised layer, z-index 1. */
.ci-comparison {
  --ci-ground: #141416;
  --ci-surface: #252528;
  --ci-ink: #f2f4f6;
  --ci-muted: #b7bbc3;
  --ci-border: #48484d;
  --ci-control: #85858f;
  --ci-accent: #aaf26d;
  --ci-negative: #ef8585;
  --ci-body: Geist, sans-serif;
  --ci-display: "Chakra Petch", sans-serif;
  color: var(--ci-ink);
  background: var(--ci-ground);
  font: 400 1rem/1.5 var(--ci-body);
  max-width: 1120px;
  margin-inline: auto;
  padding-block: 4rem;
  color-scheme: dark;
}
.ci-comparison *, .ci-comparison *::before, .ci-comparison *::after { box-sizing: border-box; }
.ci-comparison ::selection { color: var(--ci-ground); background: var(--ci-accent); }
.ci-comparison :focus-visible { outline: 2px solid var(--ci-accent); outline-offset: 4px; box-shadow: 0 0 0 4px var(--ci-ground); }
.ci-comparison p, .ci-comparison h2 { margin: 0; }
.ci-comparison p { max-width: 65ch; text-wrap: pretty; }
.ci-comparison .ci-heading { margin-bottom: 3rem; }
.ci-comparison .ci-heading h2 { max-width: 24ch; font: 600 clamp(2rem,3vw,2.5rem)/1.2 var(--ci-display); letter-spacing: -.015em; text-wrap: balance; }
.ci-comparison .ci-heading p { font-size: 1.125rem; line-height: 1.65; margin-top: 1rem; color: var(--ci-muted); }
.ci-comparison .ci-table { width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 0; font-size: 1rem; line-height: 1.5; }
.ci-comparison .ci-feature-col { width: 52%; }
.ci-comparison .ci-product-col { width: 26%; }
.ci-comparison .ci-others-col { width: 22%; }
.ci-comparison .ci-table th, .ci-comparison .ci-table td { padding: 1.125rem 1.5rem; vertical-align: middle; text-align: center; overflow-wrap: break-word; }
.ci-comparison .ci-table th:first-child { text-align: left; padding-left: 0; }
.ci-comparison .ci-table thead th { position: sticky; top: 0; z-index: 1; background: var(--ci-ground); border-bottom: 1px solid var(--ci-border); padding-block: 1.5rem; font-weight: 400; }
.ci-comparison .ci-table thead th:first-child { color: var(--ci-muted); }
.ci-comparison .ci-table .ci-own { background: var(--ci-surface); }
.ci-comparison .ci-table thead .ci-own { border-top: 1px solid var(--ci-accent); border-radius: 10px 10px 0 0; }
.ci-comparison .ci-product { display: block; font-size: 1.25rem; line-height: 1.35; font-weight: 500; text-wrap: balance; }
.ci-comparison .ci-own .ci-product { color: var(--ci-accent); }
.ci-comparison .ci-table tbody th { font-weight: 400; }
.ci-comparison .ci-row[data-ci-row="subagents"] > * { vertical-align: top; }
.ci-comparison .ci-table tbody .ci-row:last-child > * { padding-bottom: 1.75rem; }
.ci-comparison .ci-table tbody:last-child .ci-row:last-child > * { border-bottom: 1px solid var(--ci-border); }
.ci-comparison .ci-table tbody:last-child .ci-row:last-child .ci-own { border-radius: 0 0 10px 10px; }
.ci-comparison .ci-mark { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; color: var(--ci-muted); }
.ci-comparison .ci-own .ci-mark-check { color: var(--ci-accent); }
.ci-comparison .ci-mark-x { color: var(--ci-negative); }
.ci-comparison .ci-symbol { display: block; width: 1.5rem; height: 1.5rem; flex: none; }
.ci-comparison .ci-count-caption { display: block; margin: .5rem auto 0; color: var(--ci-muted); font-size: .875rem; font-style: italic; line-height: 1.5; text-wrap: balance; }
.ci-comparison .ci-footnote { margin-top: 1rem; display: flex; align-items: baseline; gap: .375rem; max-width: none; color: var(--ci-muted); font-size: .75rem; line-height: 1.5; }
.ci-comparison .ci-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (max-width: 767px) {
  .ci-comparison { padding-block: 3rem; }
  .ci-comparison .ci-heading { margin-bottom: 2rem; }
  .ci-comparison .ci-heading p { font-size: 1rem; }
  .ci-comparison .ci-feature-col { width: 43%; }
  .ci-comparison .ci-product-col { width: 35%; }
  .ci-comparison .ci-others-col { width: 22%; }
  .ci-comparison .ci-table th, .ci-comparison .ci-table td { padding: 1rem .5rem; }
  .ci-comparison .ci-table th:last-child, .ci-comparison .ci-table td:last-child { padding-inline: .25rem; }
  .ci-comparison .ci-table th:first-child { padding-right: .75rem; }
  .ci-comparison .ci-table thead th { padding-block: 1.25rem; }
  .ci-comparison .ci-product { font-size: 1rem; }
}
@media (prefers-contrast: more) {
  .ci-comparison { --ci-muted: var(--ci-ink); --ci-border: var(--ci-control); }
}
@media (forced-colors: active) {
  .ci-comparison .ci-own { outline: 1px solid CanvasText; }
  .ci-comparison .ci-mark { color: CanvasText; }
}