.about-v3 {
  background: var(--color-bg);
  color: var(--color-text);
}

.about-v3__hero {
  padding-block: clamp(5rem, 10vw, 9rem);
  background: var(--color-bg-inverse);
  color: var(--color-text-inverse);
}

.about-v3__hero-inner {
  max-width: 68rem;
}

.about-v3__eyebrow {
  margin: 0 0 var(--space-4);
  color: var(--color-accent-strong);
  font: 0.6875rem var(--font-mono);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
}

.about-v3__hero .about-v3__eyebrow,
.about-v3__section--intelligence .about-v3__eyebrow,
.about-v3__closing .about-v3__eyebrow {
  color: var(--color-accent);
}

.about-v3 h1,
.about-v3 h2,
.about-v3 h3 {
  letter-spacing: var(--tracking-tight);
}

.about-v3 h1 {
  max-width: 62rem;
  color: var(--color-text-inverse);
  font-size: clamp(2.4rem, 5.6vw, 5rem);
}

.about-v3 h2 {
  max-width: 52rem;
  margin-bottom: var(--space-5);
  font-size: clamp(2rem, 3.8vw, 3.25rem);
}

.about-v3 h3 {
  font-size: 1.15rem;
}

.about-v3 p {
  max-width: 48rem;
  color: var(--color-text-muted);
  font-size: 1.05rem;
  line-height: 1.8;
}

.about-v3__lede {
  max-width: 52rem;
  color: var(--color-text-inverse-muted) !important;
  font-size: clamp(1.05rem, 1.8vw, 1.3rem) !important;
}

.about-v3__hero-note {
  margin-top: var(--space-6);
  color: var(--color-text-inverse) !important;
  font-family: var(--font-serif);
  font-size: 1.25rem !important;
}

.about-v3__section {
  padding-block: clamp(4rem, 8vw, 7rem);
}

.about-v3__section--editorial {
  background: var(--color-bg);
}

.about-v3__section--line {
  background: var(--color-bg-surface);
  border-block: var(--border-width-hairline) solid var(--color-border);
}

.about-v3__section--criterion {
  background: var(--color-bg);
  border-bottom: var(--border-width-hairline) solid var(--color-border);
}

.about-v3__section--intelligence {
  background: var(--color-bg-inverse-deep);
  color: var(--color-text-inverse);
}

.about-v3__section--intelligence h2,
.about-v3__section--intelligence h3 {
  color: var(--color-text-inverse);
}

.about-v3__section--intelligence p {
  color: var(--color-text-inverse-muted);
}

.about-v3__section--layer {
  background: var(--color-bg-inverse);
}

.about-v3__narrow {
  max-width: 54rem;
}

.about-v3__two-col {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(2rem, 7vw, 7rem);
}

.about-v3__list {
  display: grid;
  gap: var(--space-3);
  max-width: 46rem;
  margin: var(--space-5) 0;
  padding: 0;
  color: var(--color-text-muted);
  list-style: none;
  font-size: 1.05rem;
  line-height: 1.6;
}

.about-v3__list li::before {
  content: "—";
  margin-right: var(--space-3);
  color: var(--color-accent-strong);
}

.about-v3__statement {
  margin-block: var(--space-7) 0;
  color: var(--color-text) !important;
  font-family: var(--font-serif);
  font-size: clamp(1.4rem, 2.6vw, 2.1rem) !important;
  line-height: 1.35 !important;
}

.about-v3__section--intelligence .about-v3__statement {
  color: var(--color-text-inverse) !important;
}

.about-v3__callout {
  margin-top: var(--space-6);
  padding-left: var(--space-4);
  border-left: 2px solid var(--color-accent);
  color: inherit !important;
}

.about-v3__lead-highlight {
  margin-block: var(--space-6) !important;
  color: var(--color-text-inverse) !important;
  font-family: var(--font-serif);
  font-size: clamp(1.5rem, 3vw, 2.5rem) !important;
  line-height: 1.35 !important;
}

.about-v3__bank-question {
  color: var(--color-text-inverse) !important;
  font-family: var(--font-serif);
  font-size: clamp(1.3rem, 2vw, 1.7rem) !important;
  line-height: 1.45 !important;
}

.about-v3__bank-block {
  margin-top: var(--space-7);
  padding-top: var(--space-6);
  border-top: var(--border-width-hairline) solid var(--color-border-inverse);
}

.about-v3__decision {
  margin-top: var(--space-5) !important;
  color: var(--color-accent) !important;
  font: 0.75rem var(--font-mono) !important;
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
}

.about-v3__bank-statement {
  margin-top: var(--space-6) !important;
  color: var(--color-text-inverse) !important;
  font-family: var(--font-serif);
  font-size: clamp(1.5rem, 2.8vw, 2.2rem) !important;
  line-height: 1.35 !important;
}

.about-v3__flow {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
  margin-top: var(--space-8);
}

.about-v3__flow div {
  display: grid;
  gap: var(--space-2);
  padding-top: var(--space-4);
  border-top: 2px solid var(--color-accent);
}

.about-v3__flow b {
  color: var(--color-accent);
  font: 0.75rem var(--font-mono);
}

.about-v3__flow strong {
  color: var(--color-text-inverse);
  font-family: var(--font-serif);
  font-size: 1.2rem;
}

.about-v3__flow span {
  color: var(--color-text-inverse-muted);
  font-size: 0.9rem;
  line-height: 1.5;
}

.about-v3__ai-compare {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
  margin-top: var(--space-6);
}

.about-v3__ai-compare > div {
  padding-top: var(--space-4);
  border-top: var(--border-width-hairline) solid var(--color-border-inverse);
}

.about-v3__comparison-label {
  margin: 0 0 var(--space-3);
  color: var(--color-text-inverse-muted) !important;
  font: 0.6875rem var(--font-mono) !important;
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
}

.about-v3__comparison-label--yes {
  color: var(--color-accent) !important;
}

.about-v3__prompt {
  min-height: 8rem;
  margin: 0 !important;
  padding: var(--space-5);
  border-left: 2px solid var(--color-accent);
  background: rgba(243, 241, 234, 0.06);
  color: var(--color-text-inverse) !important;
  font-family: var(--font-serif);
  font-size: 1.1rem !important;
  line-height: 1.6 !important;
}

.about-v3__prompt--plain {
  border-left-color: var(--color-border-inverse);
  color: var(--color-text-inverse-muted) !important;
}

.about-v3__difference {
  margin-top: var(--space-7) !important;
  color: var(--color-text-inverse) !important;
  font-family: var(--font-serif);
  font-size: clamp(1.45rem, 2.5vw, 2rem) !important;
  line-height: 1.4 !important;
}

.about-v3__system {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
  margin-top: var(--space-6);
}

.about-v3__system > div {
  padding-top: var(--space-4);
  border-top: 2px solid var(--color-accent);
}

.about-v3__system h3 {
  margin-bottom: var(--space-2);
}

.about-v3__system p {
  margin: 0;
  font-size: 0.95rem;
}

.about-v3__resources {
  color: var(--color-accent-strong) !important;
  font: 0.8rem var(--font-mono) !important;
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
}

.about-v3__closing {
  padding-block: clamp(5rem, 10vw, 9rem);
  background: var(--color-bg-inverse);
  color: var(--color-text-inverse);
}

.about-v3__closing h2 {
  color: var(--color-text-inverse);
}

.about-v3__closing p {
  color: var(--color-text-inverse-muted);
}

.about-v3__closing-principles {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-3) var(--space-7);
  max-width: 52rem;
  margin-bottom: var(--space-7);
  padding-block: var(--space-5);
  border-block: var(--border-width-hairline) solid var(--color-border-inverse);
}

.about-v3__closing-principles p {
  margin: 0;
  color: var(--color-text-inverse) !important;
  font-family: var(--font-serif);
  font-size: 1.1rem;
}

.about-v3__signature {
  color: var(--color-text-inverse) !important;
  font-family: var(--font-serif);
}

.about-v3__signature span {
  color: var(--color-text-inverse-muted);
  font: 0.8rem var(--font-mono);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
}

.about-v3__closing .btn {
  margin-top: var(--space-4);
}

@media (max-width: 760px) {
  .about-v3__two-col,
  .about-v3__ai-compare {
    grid-template-columns: 1fr;
    gap: var(--space-5);
  }

  .about-v3__flow,
  .about-v3__system {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .about-v3__hero,
  .about-v3__section,
  .about-v3__closing {
    padding-block: var(--space-7);
  }

  .about-v3 h1 {
    font-size: clamp(2.1rem, 10vw, 3rem);
  }

  .about-v3 h1 br,
  .about-v3__closing h2 br,
  .about-v3__lead-highlight br {
    display: none;
  }

  .about-v3__flow,
  .about-v3__system,
  .about-v3__closing-principles {
    grid-template-columns: 1fr;
  }

  .about-v3__prompt {
    min-height: 0;
  }
}
