.home-eyebrow {
  margin-bottom:20px;
}
.home-protocols {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:24px;
}
.home-section-tail {
  margin-top:28px;
}
.home-section-tail p {
  max-width:76em;
  font-size:var(--fs-sm);
}
.home-features {
  padding-top:24px;
}
.home-features .feature-library > [role="tablist"] {
  grid-column:1;
  grid-row:1;
}
.home-features .feature-library > [role="tabpanel"] {
  grid-column:2;
  grid-row:1;
}
.home-feature-note {
  margin-top:52px;
  margin-bottom:0;
  margin-left:296px;
  font-size:var(--fs-sm);
  line-height:1.9;
}
.home-steps {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  padding:0;
  margin:0;
  list-style:none;
  counter-reset:connection-step;
}
.home-steps > li {
  min-width:0;
  counter-increment:connection-step;
}
.home-step-label {
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:24px;
  font-size:var(--fs-sm);
  color:var(--ink-soft);
}
.home-step-label::before {
  content:counter(connection-step,decimal-leading-zero);
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  flex-shrink:0;
  border:1px solid var(--paper-line-2);
  border-radius:var(--r-sm);
  background:var(--paper);
  color:var(--ink);
  font-family:var(--font-mono);
  font-weight:var(--weight-semibold);
}
.home-steps p {
  color:var(--ink-soft);
  font-size:var(--fs-sm);
  line-height:1.9;
}
.home-steps p:last-child {
  margin-bottom:0;
}
.home-ecosystem {
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:72px;
  align-items:start;
}
.home-ecosystem > * {
  min-width:0;
}
.home-family {
  margin-top:36px;
}
.home-family-label {
  display:block;
  margin-bottom:26px;
  color:var(--text-muted);
  font-size:var(--fs-xs);
  font-family:var(--font-mono);
}
.home-family p {
  font-size:var(--fs-sm);
}
.home-family strong {
  font-size:var(--fs-brand);
  font-weight:var(--weight-semibold);
}
.home-family-branch {
  margin-left:12px;
  padding-left:24px;
  border-left:1px solid var(--border);
}
.home-family-branch p {
  position:relative;
  padding-top:8px;
  padding-bottom:8px;
}
.home-family-branch p::before {
  position:absolute;
  content:"";
  left:-24px;
  top:24px;
  width:14px;
  border-top:1px solid var(--border);
}
.home-family .home-family-foot {
  margin-top:28px;
  margin-bottom:0;
  padding-top:20px;
  border-top:1px solid var(--border);
}
.home-reading-note {
  margin-top:24px;
}
.home-reading-note p,
.home-reading-note a {
  font-size:var(--fs-sm);
}
.home-essay + .home-essay {
  margin-top:36px;
  padding-top:36px;
  border-top:1px solid var(--border);
}
.home-essay p {
  color:var(--text-muted);
  line-height:1.9;
}
.home-ecosystem-copy > p:last-child {
  margin-top:32px;
  margin-bottom:0;
  font-size:var(--fs-sm);
  line-height:1.9;
}
.home-notes {
  padding-top:24px;
}
@media (min-width:881px) {
  .copy .plats-list {
    gap:12px 14px;
  }
}
@media (max-width:1060px) {
  .home-ecosystem {
    gap:40px;
  }
}
@media (max-width:880px) {
  .home-features .feature-library > [role="tablist"] {
    grid-column:1;
    grid-row:1;
  }
  .home-features .feature-library > [role="tabpanel"] {
    grid-column:1;
    grid-row:2;
  }
  .home-feature-note {
    margin-left:0;
  }
  .home-steps {
    grid-template-columns:1fr;
  }
  .home-ecosystem {
    grid-template-columns:1fr;
    gap:40px;
  }
  .home-family {
    max-width:560px;
  }
  .copy .plats {
    margin-bottom:0;
  }
}
@media (max-width:640px) {
  .home-features {
    padding-top:12px;
  }
  .home-eyebrow {
    margin-bottom:16px;
  }
  .home-protocols {
    margin-bottom:20px;
  }
  .home-feature-note {
    margin-top:42px;
  }
  .home-notes {
    padding-top:12px;
  }
  .home-essay + .home-essay {
    margin-top:28px;
    padding-top:28px;
  }
}