.ng-about {
  color: var(--ink, #102235);
  overflow-wrap: anywhere;
}

.ng-about > section { padding: clamp(24px, 4vw, 48px) clamp(18px, 4vw, 48px); }
.ng-about > section + section { border-top: 1px solid #dbe4ec; }
.ng-about h1 { margin: 0 0 16px; font-size: clamp(2rem, 4vw, 3rem); line-height: 1.15; }
.ng-about h2 { margin: 0 0 16px; font-size: clamp(1.5rem, 3vw, 2rem); }
.ng-about h3 { margin: 0 0 8px; }
.ng-about p { max-width: 76ch; line-height: 1.6; }
.ng-about .eyebrow { color: #5c6f82; }
.ng-about a:not(.button) { color: #14304a; text-decoration: underline; text-underline-offset: 3px; }
.ng-about .actions { margin-top: 24px; gap: 16px; }
.ng-about .button.secondary { color: #14304a; border-color: #5c6f82; background: transparent; }
.ng-about .button.secondary:hover { background: #e8eef3; }
.ng-about-intro, .ng-about-process { background: #f7fafc; }
.ng-about-proof, .ng-about-contact { background: #fff; }

.ng-about-proof-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin-top: 24px;
}

.ng-about a.ng-about-proof-link {
  display: flex;
  flex-direction: column;
  padding: 20px;
  border: 1px solid #dbe4ec;
  border-top: 3px solid #d9a63a;
  border-radius: 6px;
  text-decoration: none;
}

.ng-about-proof-link p { margin: 0 0 16px; font-weight: 400; }
.ng-about-proof-link > span { margin-top: auto; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.ng-about-proof-link:hover { background: #f7fafc; }
.ng-about-process { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
.ng-about-text-link { display: inline-flex; align-items: center; min-height: 48px; font-weight: 700; }

@media (max-width: 700px) {
  .ng-about-proof-grid, .ng-about-process { grid-template-columns: 1fr; gap: 20px; }
  .ng-about .actions { align-items: stretch; }
  .ng-about .actions .button { width: 100%; }
}
