/* =========================================================
   VanaaCred — about.css
   Styles unique to the About Us page: intro card, mission/
   vision, core values grid, platform-strengths rows, and the
   company journey timeline. Loads after base.css.
   ========================================================= */

/* Intro paragraph under "Who We Are" —
   previously inline style="color:var(--ink-500);line-height:1.75;font-size:1.05rem;" */
.intro-text { color: var(--ink-500); line-height: 1.75; font-size: 1.05rem; }

/* Intro card ("AI-assisted, human-verified" etc.) strength rows are visually
   more compact than the ones in the "Why Organizations Trust Us" section
   further down — previously inline style="margin-bottom:4px;" on the <h4>
   and style="color:var(--ink-500);font-size:0.92rem;" on the <p>. */
.strength-row--compact h4 { margin-bottom: 4px; }
.strength-row--compact p { color: var(--ink-500); font-size: 0.92rem; }

/* Mission / Vision card text —
   previously inline style="font-size:1.4rem;" (h3) and style="font-size:1rem;" (p) */
.mission-vision__title { font-size: 1.4rem; }
.mission-vision__text { font-size: 1rem; }

/* Core value card text —
   previously inline style="font-size:1.05rem;" (h3) and style="font-size:0.9rem;" (p) */
.value-card__title { font-size: 1.05rem; }
.value-card__text { font-size: 0.9rem; }

/* "Why Organizations Trust Us" intro paragraph —
   previously inline style="color:var(--ink-500);line-height:1.7;" */
.trust-intro-text { color: var(--ink-500); line-height: 1.7; }

/* =========================== Platform strengths =========================== */
.strength-row { display: flex; align-items: center; gap: 22px; padding: 26px 0; border-bottom: 1px solid var(--ink-100); }
.strength-row:last-child { border-bottom: none; }
.strength-row .icon-tile { margin: 0; flex-shrink: 0; }
/* Default paragraph style for the "Why Organizations Trust Us" rows —
   previously inline style="color:var(--ink-500);font-size:0.95rem;" */
.strength-row p { color: var(--ink-500); font-size: 0.95rem; }

/* =========================== Core values / journey =========================== */
.value-card { text-align: left; }
/* max-width/centering was previously inline style="max-width:720px;margin:0 auto;" —
   baked in directly since .journey only appears once on this page */
.journey { position: relative; padding-left: 40px; border-left: 2px dashed var(--ink-100); max-width: 720px; margin: 0 auto; }
.journey-item { position: relative; padding-bottom: 44px; }
.journey-item:last-child { padding-bottom: 0; }
.journey-item::before {
  content: ""; position: absolute; left: -46px; top: 2px;
  width: 14px; height: 14px; border-radius: 50%;
  background: var(--grad-cta); box-shadow: 0 0 0 4px var(--orange-100);
}
.journey-item .year { font-family: var(--font-head); font-weight: 800; color: var(--blue-700); font-size: 1.05rem; }
.journey-item h4 { margin-top: 6px; font-size: 1.1rem; }
.journey-item p { margin-top: 8px; color: var(--ink-500); line-height: 1.65; font-size: 0.96rem; max-width: 560px; }

/* =========================== Responsive =========================== */
@media (max-width: 680px) {
  .strength-row { flex-direction: column; text-align: center; }
}