/* /pricing/: the detailed plan comparison.
   Sits on top of features.css (.ft-page): the hero, sections, panels, "know"
   list and CTA are the features pages' own. Only the comparison table is new.
   Dark tokens only: the site has no light theme. */

.pt-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ── Comparison table ──────────────────────────────────────────────────── */
.pt-scroll{overflow-x:auto;border:1px solid var(--ft-edge);border-radius:12px;background:var(--ft-card)}
.pt-table{width:100%;min-width:900px;border-collapse:collapse;font-size:17px;line-height:1.55;color:#d6dbe3}
.pt-table thead th{padding:22px 18px 18px;text-align:left;font-size:22px;font-weight:600;letter-spacing:-.01em;color:#f3f3f4;border-bottom:1px solid var(--ft-edge);width:17.5%}
.pt-table thead .pt-corner{width:30%;border-bottom:1px solid var(--ft-edge)}
.pt-table tbody th[scope=row]{padding:16px 18px;text-align:left;font-weight:600;color:#eceff4;vertical-align:top;border-top:1px solid var(--ft-line)}
.pt-table td{padding:16px 18px;vertical-align:top;border-top:1px solid var(--ft-line)}
.pt-note{display:block;margin-top:4px;font-weight:400;font-size:15px;line-height:1.5;color:var(--ft-soft)}
.pt-group th{padding:30px 18px 10px;text-align:left;border-top:1px solid var(--ft-edge);background:#0f1216;font:600 13px/1.4 var(--sans);letter-spacing:1.1px;text-transform:uppercase;color:var(--orange)}
.pt-table tbody:first-of-type tr:first-child th,.pt-table tbody:first-of-type tr:first-child td{border-top:0}
.pt-price td{font-size:24px;font-weight:600;color:#f3f3f4;letter-spacing:-.01em}
.pt-yes{color:#bfe9d3}
.pt-no{color:var(--ft-soft)}

/* ── Phones and narrow windows: one card per row, plans stacked inside ─── */
@media(max-width:900px){
  .pt-scroll{overflow:visible;border:0;background:none;border-radius:0}
  .pt-table{display:block;min-width:0;font-size:16.5px}
  .pt-table thead{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}
  .pt-table tbody{display:block}
  .pt-table tr{display:block}
  .pt-group th{display:block;padding:26px 2px 10px;border:0;background:none}
  .pt-table tbody tr:not(.pt-group){margin:0 0 12px;padding:14px 16px;border:1px solid var(--ft-edge);border-radius:12px;background:var(--ft-card)}
  .pt-table tbody th[scope=row]{display:block;padding:0 0 8px;border:0}
  .pt-table td{display:grid;grid-template-columns:96px minmax(0,1fr);gap:2px 12px;padding:7px 0;border:0}
  .pt-table td:before{content:attr(data-label);font-weight:600;font-size:15px;color:var(--ft-soft)}
  .pt-price td{font-size:20px}
  .pt-table tbody:first-of-type tr:first-child th,.pt-table tbody:first-of-type tr:first-child td{border-top:0}
}