.founders-counter {
  margin: 0 0 24px;
  padding: 18px 20px;
  border: 1px solid rgba(245, 197, 24, .22);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(245, 197, 24, .08), rgba(255, 255, 255, .025));
}

.founders-counter__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

.founders-counter__eyebrow {
  color: var(--gold);
  font-family: var(--mono);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.founders-counter__headline {
  margin-top: 5px;
  color: #fff;
  font-family: var(--display);
  font-size: clamp(21px, 2.5vw, 30px);
  font-weight: 700;
  line-height: 1.05;
}

.founders-counter__headline strong {
  color: var(--gold);
}

.founders-counter__sub {
  margin-top: 6px;
  color: var(--fg-2);
  font-size: 13px;
}

.founders-counter__sub strong {
  color: #fff;
}

.founders-counter__status {
  flex: 0 0 auto;
  padding: 7px 10px;
  border: 1px solid rgba(34, 197, 94, .3);
  border-radius: 999px;
  background: rgba(34, 197, 94, .08);
  color: #79f5a1;
  font-family: var(--mono);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.founders-counter__track {
  height: 8px;
  margin-top: 16px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, .08);
}

.founders-counter__track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--gold-deep), var(--gold));
  transition: width .35s ease;
}

.founders-counter__foot {
  margin-top: 9px;
  color: var(--fg-3);
  font-family: var(--mono);
  font-size: 8px;
  line-height: 1.5;
  letter-spacing: .04em;
}

.founders-counter--closed {
  border-color: rgba(255, 59, 79, .28);
  background: linear-gradient(135deg, rgba(255, 59, 79, .08), rgba(255, 255, 255, .02));
}

.founders-counter--closed .founders-counter__status {
  border-color: rgba(255, 59, 79, .35);
  background: rgba(255, 59, 79, .09);
  color: #ff8d99;
}

.founders-counter--closed .founders-counter__track span {
  background: linear-gradient(90deg, #d22d42, #ff3b4f);
}

.founders-counter--unavailable .founders-counter__status,
.founders-counter--loading .founders-counter__status {
  border-color: rgba(255, 255, 255, .14);
  background: rgba(255, 255, 255, .04);
  color: var(--fg-3);
}

.pricing-toggle__button:disabled {
  cursor: not-allowed;
  opacity: .5;
}

.pricing-toggle__button:disabled:hover {
  color: var(--fg-3);
}

.founders-closed .pricing-toggle__button[data-pricing-value="founding"] {
  border: 1px solid rgba(255, 59, 79, .22);
  background: rgba(255, 59, 79, .05);
  color: #ff8d99;
}

@media (max-width: 560px) {
  .founders-counter {
    padding: 16px;
  }

  .founders-counter__top {
    flex-direction: column;
    gap: 12px;
  }
}