/* ============================================================
   ABOUT page — credential stat band + value chips.
   Brand: #1b8df6 / #6fc1ff. Reduced-motion safe.
   ============================================================ */

/* ---------- credential stat band ---------- */
.cred-band {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.4rem; margin-top: 2.5rem;
}
.cred-chip {
  border: 1px solid var(--line); border-radius: var(--radius); padding: 1.6rem 1.4rem;
  background: radial-gradient(70% 120% at 0% 0%, rgba(27,141,246,0.1), transparent 70%), rgba(14,24,44,0.5);
  text-align: center;
}
.cred-chip .cc-num { font-size: clamp(2.2rem, 5vw, 3.2rem); font-weight: 900; color: #6fc1ff; line-height: 1; }
.cred-chip .cc-lab { font-size: 0.85rem; color: var(--text-dim); margin-top: 0.5rem; }

/* ---------- who-we-are belief beats ---------- */
.beats { display: flex; flex-direction: column; gap: 1rem; margin-top: 2.5rem; }
.beat {
  display: flex; gap: 1rem; align-items: flex-start;
  border: 1px solid var(--line); border-radius: var(--radius); padding: 1.3rem 1.5rem;
  background: rgba(14,24,44,0.5);
}
.beat i {
  font-size: 1.5rem; color: #6fc1ff; flex: 0 0 auto; margin-top: 0.1rem;
  width: 44px; height: 44px; border-radius: 11px; display: grid; place-items: center;
  background: rgba(27,141,246,0.14);
}
.beat .beat-tx b { display: block; color: var(--text); font-size: 1rem; margin-bottom: 0.25rem; }
.beat .beat-tx span { color: var(--text-dim); font-size: 0.92rem; }

/* ---------- fit / not-fit split ---------- */
.fit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.6rem; margin-top: 2.5rem; }
.fit-card {
  border: 1px solid var(--line); border-radius: var(--radius); padding: 1.6rem 1.5rem;
  background: rgba(14,24,44,0.5);
}
.fit-card.yes { border-color: rgba(76,201,143,0.4); }
.fit-card.no { border-color: rgba(255,99,99,0.35); }
.fit-card .fit-h {
  display: flex; align-items: center; gap: 0.5rem; font-weight: 800; font-size: 0.95rem; margin-bottom: 0.8rem;
}
.fit-card.yes .fit-h { color: #6fe0aa; }
.fit-card.no .fit-h { color: #ff8c8c; }
.fit-card p { font-size: 0.92rem; color: var(--text-dim); margin: 0; }

/* ---------- responsive ---------- */
@media (max-width: 860px) {
  .cred-band { grid-template-columns: 1fr; }
  .fit-grid { grid-template-columns: 1fr; }
}

/* ---------- fit-card tag pills (v2, 20260702) ---------- */
.fit-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:.9rem 0;}
.fit-tags span{
  font-size:.8rem;font-weight:700;color:#7fc1ff;
  padding:.4rem .8rem;border-radius:999px;
  background:rgba(27,141,246,.1);border:1px solid rgba(27,141,246,.3);
}
.fit-card.yes p{margin:.4rem 0 0;}
/* manifest links match body link style */
.mf-body p a{color:#7fc1ff;text-decoration:underline;text-underline-offset:3px;}

/* ---------- flywheel containment (20260702) ----------
   orbiting nodes were extending the mobile scroll area */
.flywheel-stage{overflow-x:clip;}
@media(max-width:560px){
  .flywheel{--fw:min(60vw,240px)!important;}
}
