/* "Have a founding code?" box on the pricing page yearly card (shared/founding-code.js). */
.fc { margin: 1.1rem 0 .2rem; padding-top: 1rem; border-top: .15rem dashed var(--cg-line); }
.fc label { display: block; font-weight: 800; margin-bottom: .45rem; }
.fc .fc-row { display: flex; gap: .5rem; flex-wrap: wrap; }
.fc input { flex: 1 1 9rem; min-width: 0; font: 700 1.1rem var(--cg-label); letter-spacing: .06em; text-transform: uppercase; padding: .75rem .9rem; border-radius: .4rem; border: .15rem solid var(--cg-line); background: var(--cg-deep); color: var(--cg-text); }
.fc input::placeholder { color: var(--cg-mute); letter-spacing: .04em; }
.fc input:focus { outline: .15rem solid var(--cg-acc); outline-offset: .1rem; border-color: var(--cg-acc); }
.fc input[aria-invalid="true"] { border-color: #ff7a6b; }
.fc button { flex: 0 0 auto; padding: .75rem 1.1rem; }
.fc .fc-msg { min-height: 1.3em; margin: .5rem 0 0; font-size: .95rem; }
.fc .fc-msg.err { color: #ff9b8f; font-weight: 700; }
.fc .fc-msg.ok { color: var(--cg-acc); font-weight: 700; }
@media (max-width: 26rem) { .fc .fc-row { flex-direction: column; } .fc input, .fc button { flex: none; width: 100%; } }