/**
 * pricing-core.css — founders counter styling, shared by every marketing page.
 * Brand-neutral enough to sit inside the Studio (sky), Sideline (orange) and
 * www (gold) palettes; the accent is inherited via --cfr-fnd-accent.
 *
 * (c) STEMsaic Research Impacts LLC. All rights reserved.
 */

[data-cfr-founders] {
  --cfr-fnd-accent: var(--sky, var(--accent, #D4A017));
  opacity: 0;
  transition: opacity .4s ease;
  max-width: 420px;
  margin: 22px 0 0;
}
[data-cfr-founders].ready { opacity: 1; }

/* prose left, per the house rule */
.cfr-fnd-row {
  display: flex;
  align-items: baseline;
  gap: 7px;
  font-size: 0.95rem;
  text-align: left;
}
.cfr-fnd-row strong {
  font-family: 'Montserrat', -apple-system, sans-serif;
  font-weight: 800;
  font-size: 1.15rem;
  color: var(--cfr-fnd-accent);
}
.cfr-fnd-row span { color: var(--gray-dark, #9BA3AF); }

.cfr-fnd-bar {
  margin-top: 9px;
  height: 5px;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.12);
  overflow: hidden;
}
.cfr-fnd-bar i {
  display: block;
  height: 100%;
  border-radius: 3px;
  background: var(--cfr-fnd-accent);
  transition: width .8s ease;
}

.cfr-fnd-note {
  margin-top: 8px;
  font-size: 0.8rem;
  color: var(--gray-dark, #9BA3AF);
  text-align: left;
  text-wrap: pretty;
}

/* strike-through list price sitting next to the founders price */
.cfr-was {
  color: var(--gray-dark, #9BA3AF);
  text-decoration: line-through;
  font-weight: 600;
  margin-left: 8px;
  font-size: 0.72em;
}
.cfr-save-chip {
  display: inline-block;
  margin-left: 8px;
  padding: 3px 9px;
  border-radius: 999px;
  font-size: 0.66em;
  font-weight: 800;
  letter-spacing: 0.04em;
  color: #0F1B33;
  background: var(--cfr-fnd-accent);
  vertical-align: middle;
}