/* Founding members (blog/founding.py): app/founding.html and founders.html. Builds on classes.css (.kc-hero, .kc-box,
   .kc-btn). Titles and banners are centred; buttons use the brand gradient. */
.fd-seats { max-width: 420px; margin: 16px auto 0; }
.fd-bar { height: 10px; border-radius: 999px; background: rgba(255, 255, 255, .3); overflow: hidden; }
.fd-bar span { display: block; height: 100%; min-width: 4px; border-radius: inherit; background: #fff; }
.fd-seats b { display: block; margin-top: 6px; font-size: 15px; }
.fd-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 14px; }
.fd-offer { text-align: center; }
.fd-offer h2 { font-size: 24px; }
.fd-perks, .fd-know { margin: 0 0 14px; padding: 0; list-style: none; text-align: left; }
.fd-perks li { display: flex; gap: 12px; align-items: flex-start; padding: 10px 4px; border-bottom: 1px solid #eee8fb; }
.fd-perks li > span { font-size: 26px; line-height: 1; }
.fd-perks b { display: block; font-size: 15.5px; }
.fd-perks div { color: #4b4670; font-size: 14px; }
.fd-know li { padding: 7px 0; color: #4b4670; font-size: 14px; line-height: 1.5; }
.fd-know b { color: #1d1747; }
.fd-cta { min-width: 280px; padding: 13px 26px; font-size: 16px; }
.fd-have { font-size: 15px; }
.fd-wall { display: inline-flex; gap: 8px; align-items: center; font-weight: 700; cursor: pointer; }
.fd-small { margin: 10px 0 0; text-align: center; color: #6b6690; font-size: 13px; }
.fd-welcome { text-align: center; background: linear-gradient(135deg, #f5ecff, #ffeef8); }
.fd-faces { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }
.fd-faces a, .fd-card { display: flex; flex-direction: column; align-items: center; gap: 4px; color: #1d1747 !important; text-decoration: none !important; font-weight: 800; font-size: 13px; }
.fd-face { width: 56px !important; height: 56px !important; border-radius: 50%; object-fit: cover; }
.fd-wallgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 14px; }
.fd-card { padding: 14px 8px; border-radius: 16px; background: #faf7ff; text-align: center; }
.fd-card span { color: #7c3aed; font-size: 12.5px; }
.fd-empty { text-align: center; font-weight: 700; }
.sf-founder { display: inline-block; margin-left: 6px; padding: 2px 9px; border-radius: 999px; background: linear-gradient(135deg, #f59e0b, #ec4899);
  color: #fff !important; font-size: 12px; font-weight: 800; vertical-align: middle; text-decoration: none !important; }
@media (max-width: 860px) { .fd-grid { grid-template-columns: 1fr; } .fd-cta { min-width: 0; width: 100%; } }