.founder-bento{
  display:grid;
  gap:1.1rem;
}
@media(min-width:900px){
  .founder-bento{
    grid-template-columns:repeat(4,minmax(0,1fr));
    grid-auto-rows:minmax(14rem,auto);
  }
  .founder-card--wide{grid-column:span 2}
  .founder-card--tall{grid-row:span 2}
}
.founder-card{
  position:relative;
  display:flex;
  min-height:14rem;
  flex-direction:column;
  overflow:hidden;
  border-radius:2.2rem;
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 18px 55px rgba(0,0,0,.055);
  padding:1.45rem;
  transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1),border-color .5s ease;
}
.founder-card:hover{
  transform:translateY(-5px);
  border-color:rgba(0,113,227,.16);
  box-shadow:0 28px 80px rgba(0,0,0,.09);
}
.founder-card--dark{
  background:#1d1d1f;
  color:#fff;
}
.founder-kicker{
  font-size:11px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#0071e3;
}
.founder-title{
  margin-top:.75rem;
  font-size:clamp(1.35rem,2vw,1.95rem);
  line-height:1.02;
  font-weight:800;
  letter-spacing:-.055em;
  color:#1d1d1f;
}
.founder-card--dark .founder-title{color:#fff}
.founder-text{
  margin-top:.95rem;
  font-size:1rem;
  line-height:1.72;
  color:#6e6e73;
}
.founder-card--dark .founder-text{color:rgba(255,255,255,.72)}
.founder-meta{
  margin-top:auto;
  padding-top:1.25rem;
  font-size:.88rem;
  line-height:1.55;
  color:#86868b;
}
.founder-card--dark .founder-meta{color:rgba(255,255,255,.62)}
.founder-link{
  margin-top:1.25rem;
  display:inline-flex;
  width:fit-content;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#f5f7fb;
  padding:.75rem 1rem;
  font-size:.9rem;
  font-weight:800;
  color:#1d1d1f;
  text-decoration:none;
}
.founder-card--dark .founder-link{background:#fff;color:#1d1d1f}
.founder-checklist{
  display:grid;
  gap:.85rem;
  margin:0;
  padding:0;
  list-style:none;
}
.founder-checklist li{
  display:flex;
  gap:.75rem;
  align-items:flex-start;
  border-radius:1.35rem;
  background:#f7f8fb;
  padding:1rem 1.1rem;
  color:#424245;
  line-height:1.55;
}
.founder-checklist li::before{
  content:"";
  width:.55rem;
  height:.55rem;
  margin-top:.5rem;
  flex:0 0 auto;
  border-radius:999px;
  background:#0071e3;
}
.founder-roadmap{
  counter-reset:step;
  display:grid;
  gap:1rem;
}
.founder-step{
  counter-increment:step;
  border-radius:2rem;
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  padding:1.35rem;
  box-shadow:0 16px 45px rgba(0,0,0,.045);
}
.founder-step::before{
  content:counter(step,decimal-leading-zero);
  display:inline-flex;
  margin-bottom:1.1rem;
  font-size:.8rem;
  font-weight:800;
  letter-spacing:.12em;
  color:#0071e3;
}
.founder-step h3{
  margin:0;
  font-size:1.35rem;
  line-height:1.08;
  letter-spacing:-.045em;
  color:#1d1d1f;
}
.founder-step p{
  margin:.8rem 0 0;
  color:#6e6e73;
  line-height:1.7;
}
html[data-theme="dark"] .founder-card,
html[data-theme="dark"] .founder-step{
  background:rgba(29,38,52,.78);
  border-color:var(--fc-dark-line);
  box-shadow:0 22px 65px rgba(0,0,0,.25);
}
html[data-theme="dark"] .founder-card--dark{
  background:linear-gradient(145deg,#020617,#111827);
}
html[data-theme="dark"] .founder-title,
html[data-theme="dark"] .founder-step h3{
  color:var(--fc-dark-text);
}
html[data-theme="dark"] .founder-text,
html[data-theme="dark"] .founder-meta,
html[data-theme="dark"] .founder-step p{
  color:var(--fc-dark-muted);
}
html[data-theme="dark"] .founder-link,
html[data-theme="dark"] .founder-checklist li{
  background:rgba(255,255,255,.07);
  color:var(--fc-dark-text);
}