/* The Workshop Founding Member offer (pricing session b, 2026-10-02):
   the full-width card in the plans grid, the paywall line and the account
   badge. Shared by the Studio and the classic page; colours come from each
   page's own variables. */
.founding-card { grid-column: 1 / -1; border: 1px solid var(--accent); outline: 1px solid var(--accent); outline-offset: 4px; margin-top: 8px; }
.founding-card::before { content: 'Founding \00b7  Limited'; position: absolute; top: -1px; right: 32px; background: var(--accent); color: var(--surface); font-family: 'DM Mono', monospace; font-size: 8px; letter-spacing: 0.2em; padding: 4px 10px; text-transform: uppercase; }
.founding-card[data-founding-state^="closed"]::before { content: 'Founding \00b7  Closed'; background: var(--subtext); }
.founding-grid { display: grid; grid-template-columns: minmax(200px, 1fr) 2fr; gap: 32px; align-items: start; }
.founding-grid .price-list { margin-top: 0; }
.founding-card .price-currency { font-size: 12px; letter-spacing: 0.12em; }
.founding-counter { display: block; margin-top: 14px; font-family: 'DM Mono', monospace; font-size: 11px; letter-spacing: 0.08em; color: var(--text); }
.founding-counter strong { color: var(--accent); font-weight: 600; }
.founding-limit { margin-top: 10px; font-size: 13px; line-height: 1.45; color: var(--subtext); }
.founding-closed { color: var(--text); font-weight: 500; }
.founding-fine { margin: 24px 0 0; font-size: 13px; line-height: 1.5; color: var(--subtext); }
.founding-fine a { color: var(--accent); text-decoration: none; border-bottom: 1px solid var(--accent); }
.founding-card .price-buy:disabled { cursor: default; opacity: 0.75; }
.founding-note { margin: 12px 0 0; padding: 10px 12px; background: var(--faint); border-left: 2px solid var(--accent); font-size: 13px; line-height: 1.5; color: var(--text); }
.founding-note a, .founding-note .contact-link { color: var(--accent); }
.founding-confirm { margin-top: 14px; padding: 12px 14px; border: 1px solid var(--accent); background: var(--surface); font-size: 13px; line-height: 1.5; color: var(--text); }
.founding-confirm p { margin: 0 0 10px; }
.founding-confirm-row { display: flex; gap: 10px; flex-wrap: wrap; }
.founding-confirm-yes, .founding-confirm-no { font-family: 'DM Mono', monospace; font-size: 10px; letter-spacing: 0.15em; text-transform: uppercase; padding: 10px 14px; cursor: pointer; border: 1px solid var(--accent); }
.founding-confirm-yes { background: var(--accent); color: var(--surface); }
.founding-confirm-no { background: transparent; color: var(--text); }
@media (max-width: 680px) {
  .founding-grid { grid-template-columns: 1fr; gap: 20px; }
  .founding-card::before { right: 16px; }
}

/* The paywall's founding line, under the two plans. */
.paywall-founding { margin: 4px 0 12px; }
.paywall-founding-btn { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 14px 10px 12px; cursor: pointer; background: var(--surface); border: 1px solid var(--accent); border-radius: 10px; color: var(--text); font-family: inherit; text-align: center; }
.paywall-founding-btn:hover { background: var(--faint); }
.paywall-founding-btn:disabled { cursor: default; }
.paywall-founding-btn .pf-name { font-size: 14px; font-weight: 600; }
.paywall-founding-btn .pf-price { font-size: 18px; font-weight: 600; color: var(--accent); }
.paywall-founding-btn .pt-per { font-size: 12px; font-weight: 400; color: var(--subtext); }
.paywall-founding-btn .pf-sub, .paywall-founding-btn .pf-billed { font-size: 12px; color: var(--subtext); }
.paywall-founding-btn .founding-counter { margin-top: 4px; font-size: 10.5px; }

/* The badge beside the account name. */
.founding-badge { font-family: 'DM Mono', monospace; font-size: 8.5px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--surface); background: var(--accent); padding: 3px 8px; border-radius: 2px; white-space: nowrap; }
.founding-badge[hidden] { display: none; }