/* AI Fit Check score card: one static drawing shared by the homepage (/) and the Nexus page (/nexus).
   Drawn in the product (app) palette. Font tokens resolve on either page. */
.fc-score { margin: 0; padding: 26px 28px 12px; border-radius: 10px; border: 2px solid #1f1f22; background: #141416;
  box-shadow: 0 30px 70px -30px rgba(0, 0, 0, .85), inset 0 1px 0 rgba(255, 255, 255, .04); }
.fc-label { font: 500 12.5px/1 var(--font-mono, var(--mono)); letter-spacing: .12em; text-transform: uppercase; color: #a3a3a3; }
.fc-total { display: flex; align-items: baseline; gap: 10px; margin: 16px 0 22px; }
.fc-total .n { font-family: var(--font-display, var(--display)); font-weight: 800; font-size: 64px; line-height: .9; letter-spacing: -.02em; color: #e5e5e5; }
.fc-total .of { font: 500 16px/1 var(--font-mono, var(--mono)); color: #a3a3a3; }
.fc-row { padding: 16px 0; border-top: 2px solid #1f1f22; }
.fc-row-head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; font-size: 15px; font-weight: 600; line-height: 1.3; color: #e5e5e5; }
.fc-row-head .v { font: 500 14px/1 var(--font-mono, var(--mono)); color: #a3a3a3; }
.fc-bar { height: 10px; margin-top: 12px; border-radius: 5px; background: #26262a; overflow: hidden; }
.fc-bar i { display: block; height: 100%; border-radius: 5px; background: #ef4444; }
@media (max-width: 640px) {
  .fc-score { padding: 22px 20px 6px; }
  .fc-total .n { font-size: 56px; }
}