/* Founding customers (/founding, app/templates/founding.html). Builds on early_access.css: the problem tiles reuse its
   perk tiles, the offer sits in two cards side by side, and "works today" / "coming soon" are plain lists. */
.fd-honest { display: inline-flex; gap: 8px; align-items: flex-start; max-width: 640px; margin: 14px auto 0; padding: 10px 14px;
  border-radius: 14px; background: var(--surface-2); color: var(--text-2); font-size: .9rem; line-height: 1.45; text-align: left; }
.fd-honest svg { flex: 0 0 auto; margin-top: 2px; color: var(--accent); }
.fd-hero-acts { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 18px; }
.fd-main { display: grid; gap: 22px; }
.fd-h2 { margin: 0 0 12px; font: 700 clamp(1.25rem, 3vw, 1.6rem)/1.15 var(--font-display); letter-spacing: -.02em; }
.fd-h3 { margin: 18px 0 8px; font-size: 1rem; color: var(--text-2); }
.ea-ico.fd-bad { background: linear-gradient(135deg, #fb7185, #e11d48); }
.fd-card { padding: 20px 22px; box-sizing: border-box; min-width: 0; }
.fd-card h2 { margin: 0 0 10px; }
.fd-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 18px; }
.fd-list li { display: grid; gap: 2px; padding: 10px 0 10px 30px; position: relative; border-top: 1px solid var(--line); min-width: 0; }
.fd-list li::before { content: ""; position: absolute; left: 2px; top: 13px; width: 16px; height: 16px; border-radius: 50%;
  background: var(--good, #16a34a); box-shadow: inset 0 0 0 4px var(--surface); border: 2px solid var(--good, #16a34a); box-sizing: border-box; }
.fd-list li b { font-size: .95rem; overflow-wrap: anywhere; }
.fd-list li span { font-size: .86rem; color: var(--text-2); }
.fd-soon li::before { background: transparent; border-color: var(--text-3); border-style: dashed; }
.fd-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.fd-checks { margin: 0 0 10px; padding: 0; list-style: none; display: grid; gap: 8px; }
.fd-checks li { padding-left: 26px; position: relative; line-height: 1.45; }
.fd-checks li::before { content: "✓"; position: absolute; left: 0; top: 0; font-weight: 700; color: var(--good, #16a34a); }
.fd-ask li::before { content: "→"; color: var(--accent); }
.fd-offer { border: 2px solid var(--accent); }
.ea-consent.bad { outline: 1.5px solid var(--bad); }
.ea-consent .pc-err { display: block; margin-top: 4px; }

@media (max-width: 760px) {
  .fd-list, .fd-two { grid-template-columns: minmax(0, 1fr); }
  .fd-hero-acts .btn { flex: 1 1 100%; justify-content: center; }
}