/* ─────────────────────────────────────────────────────────────────────────────
   not-us.css — page-specific styling for /not-us.

   Loads after ptech-home.css. Reuses .ptech-rows / .ptech-row / .ptech-row__h /
   .ptech-row__link everywhere it fits (the FAQ list is just .ptech-rows). The
   additions here are for the essay body copy this page carries that services
   and process don't: left-aligned prose blocks, a disqualify list, a numbered
   self-check list, a comparison table, and a source list.

   Green stays the one chromatic moment. It appears exactly once on this page,
   on the word "Us" in the comparison table — the one row that says this is the
   right fit. Nowhere else here is green.
   ───────────────────────────────────────────────────────────────────────────── */

.not-us-prose {
  max-width: 46em;
  margin: 3em auto 0;
}

.not-us-prose p {
  margin: 0 0 1.3em;
}

.not-us-prose p:last-child {
  margin-bottom: 0;
}

.not-us-prose a[data-underline-link] {
  white-space: nowrap;
}

/* ── Disqualify list ─────────────────────────────────────────────────────── */

.not-us-declines {
  max-width: 46em;
  margin: 3em auto 0;
  list-style: none;
  padding: 0;
  border-top: 1px solid var(--ptech-hair);
}

.not-us-declines li {
  padding: 1.4em 0;
  border-bottom: 1px solid var(--ptech-hair);
}

.not-us-declines li:last-child {
  border-bottom: none;
}

/* ── Self-check numbered list ────────────────────────────────────────────── */

.not-us-steps {
  max-width: 46em;
  margin: 3em auto 0;
  padding: 0;
  list-style: none;
  counter-reset: not-us-step;
}

.not-us-steps li {
  counter-increment: not-us-step;
  position: relative;
  padding: 1.2em 0 1.2em 2.6em;
  border-bottom: 1px solid var(--ptech-hair);
}

.not-us-steps li:first-child {
  border-top: 1px solid var(--ptech-hair);
}

.not-us-steps li::before {
  content: counter(not-us-step, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: 1.35em;
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 0.78rem;
  letter-spacing: 0.1em;
  color: var(--ptech-bone-dim);
}

/* ── Comparison table ────────────────────────────────────────────────────── */

.not-us-table-wrap {
  margin-top: 3em;
  overflow-x: auto;
}

.not-us-table {
  width: 100%;
  min-width: 46em;
  border-collapse: collapse;
  border-top: 1px solid var(--ptech-hair);
}

.not-us-table th,
.not-us-table td {
  text-align: left;
  vertical-align: top;
  padding: 1.1em 1.4em 1.1em 0;
  border-bottom: 1px solid var(--ptech-hair);
}

.not-us-table thead th {
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 0.72rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ptech-bone-dim);
  font-weight: 400;
  padding-top: 0;
  padding-bottom: 0.9em;
}

.not-us-table tbody td:first-child {
  max-width: 18em;
  margin-inline: auto;
}

.not-us-table tr.is--fit td:nth-child(2) {
  color: var(--ptech-green-glow);
}

@media (max-width: 767px) {
  .not-us-table { min-width: 40em; }
}

/* ── Sources ─────────────────────────────────────────────────────────────── */

.not-us-sources {
  max-width: 46em;
  margin: 2em auto 0;
  padding-left: 1.3em;
}

.not-us-sources li {
  margin-bottom: 0.9em;
  color: var(--ptech-bone-dim);
}

.not-us-sources a {
  color: var(--ptech-bone);
}

/* ── FAQ ──────────────────────────────────────────────────────────────────── */

.not-us-faq .ptech-row__h {
  text-transform: none;
  font-size: 1.5em;
  letter-spacing: -0.01em;
}

/* ── CTA band ─────────────────────────────────────────────────────────────── */

.not-us-cta-actions {
  margin-top: 2em;
  display: flex;
  gap: 1em;
  flex-wrap: wrap;
  justify-content: center;
}

@media (max-width: 600px) {
  .not-us-cta-actions { flex-direction: column; align-items: center; }
}