/* ─────────────────────────────────────────────────────────────────────────────
   ai-consulting-orange-county.css — page-specific styling for /ai-consulting-
   orange-county.

   Loads after ptech-home.css. Reuses .ptech-rows / .ptech-row / .ptech-row__h /
   .ptech-row__head / .ptech-row__price / .ptech-rows--offer as-is for the
   pricing rows — this page just adds the two lines of body copy under each
   price, plus the inline links, the stat grid, the comparison table, the FAQ
   list, and the sources list. None of this touches ptech-home.css.

   Green stays the one chromatic moment: only the "Free" price on the AI Pilot
   Autopsy row and the single primary link in the closing CTA use
   --ptech-green-glow. Every other inline link (the many cross-links between
   these pages) uses the plain underline-on-hover treatment already defined
   for the header/footer, so a paragraph never lights up green mid-sentence.
   ───────────────────────────────────────────────────────────────────────────── */

/* ── Body copy column ─────────────────────────────────────────────────────── */

.aic-copy {
  max-width: 46em;
  margin-inline: auto;
}

.aic-copy > * + * {
  margin-top: 1.1em;
}

.aic-copy + .aic-copy {
  margin-top: 1.1em;
}


/* ── Stat grid (why pilots stall) ─────────────────────────────────────────── */

.aic-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(13em, 1fr));
  gap: 1.8em;
  max-width: 60em;
  margin: 0 0 2em;
  padding-top: 1.6em;
  border-top: 1px solid var(--ptech-hair);
}

.aic-stat b {
  display: block;
  font-size: 2.4em;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1;
}

.aic-stat span {
  display: block;
  margin-top: 0.5em;
  color: var(--ptech-bone-dim);
  font-size: 0.92em;
}

/* ── Offer rows (pricing) ─────────────────────────────────────────────────── */

.aic-offer .ptech-row p + p {
  margin-top: 0.6em;
}

.aic-offer-note {
  color: var(--ptech-bone-dim);
  font-size: 0.9em;
}

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

.aic-table-wrap {
  overflow-x: auto;
  margin-top: 1.6em;
}

.aic-table-wrap table {
  border-collapse: collapse;
  width: 100%;
  min-width: 40em;
}

.aic-table-wrap th,
.aic-table-wrap td {
  text-align: left;
  vertical-align: top;
  padding: 0.9em 1.2em 0.9em 0;
  border-bottom: 1px solid var(--ptech-hair);
}

.aic-table-wrap th {
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 0.7rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ptech-bone-dim);
  font-weight: 400;
}

.aic-table-wrap td {
  color: var(--ptech-bone-dim);
}

.aic-table-wrap td strong {
  color: inherit;
  font-weight: 600;
}

/* ── Disqualifier list ─────────────────────────────────────────────────────── */

.aic-copy.disqualify ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.aic-copy.disqualify li {
  padding: 1.1em 0;
  border-top: 1px solid var(--ptech-hair);
}

.aic-copy.disqualify li:last-child {
  border-bottom: 1px solid var(--ptech-hair);
}

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

.aic-faq {
  margin-top: 0.5em;
  border-top: 1px solid var(--ptech-hair);
}

.aic-faq__item {
  padding: 1.8em 0;
  border-bottom: 1px solid var(--ptech-hair);
}

.aic-faq__item h3 {
  margin: 0 0 0.5em;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.aic-faq__item p {
  margin: 0;
  max-width: 46em;
  color: var(--ptech-bone-dim);
}

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

.aic-sources {
  margin: 0;
  padding-left: 1.2em;
  color: var(--ptech-bone-dim);
  font-size: 0.85em;
}

.aic-sources li {
  margin-bottom: 0.6em;
}

.aic-sources a {
  color: var(--ptech-bone-dim);
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.aic-sources a:hover {
  color: var(--ptech-bone);
}

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

.cta-band .container {
  border-top: 1px solid var(--ptech-hair);
}

.cta-band .padding-global.padding-section {
  padding-top: 5em;
  padding-bottom: 5em;
}

.aic-cta-links {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.6em 2em;
  margin-top: 1.6em;
}

.aic-cta-links .p-medium {
  margin: 0;
}

@media (max-width: 767px) {
  .aic-stats { grid-template-columns: 1fr 1fr; gap: 1.2em; }
  .aic-stat b { font-size: 2em; }
}

@media (max-width: 479px) {
  .aic-stats { grid-template-columns: 1fr; }
}