.home-facts {
  display:flex;
  flex-wrap:wrap;
  gap:8px 14px;
  list-style:none;
  padding:0;
  margin:20px 0 0;
  color:var(--on-dark-2);
  font-size:12px;
}
.home-facts li {
  padding:3px 10px;
  border:1px solid var(--glass-line-soft);
  border-radius:var(--r-pill);
}
.home-switch > [role="tabpanel"] {
  grid-column:2;
  grid-row:1;
}
.home-feature-menu {
  grid-column:1;
  grid-row:1;
}
.home-feature-menu > p.muted {
  max-width:30em;
}
.home-section-heading {
  max-width:780px;
  margin-bottom:40px;
}
.home-section-heading h2 {
  margin-bottom:24px;
}
.home-platform-grid .card {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:40px;
}
.home-platform-grid .card p {
  color:var(--text-muted);
}
.home-platform-grid .card .btn {
  margin-top:auto;
}
.home-platform-heading {
  display:inline-flex;
  align-items:center;
  gap:14px;
  color:var(--text);
  text-decoration:none;
}
.home-platform-heading:hover {
  color:var(--accent-dark);
}
.home-platform-heading svg {
  width:28px;
  height:28px;
  color:var(--accent-dark);
}
.home-section-tail {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:20px 40px;
  margin-top:32px;
}
.home-section-tail p {
  max-width:40em;
  margin:0;
  font-size:var(--text-small);
}
.home-start-panel > .lead {
  max-width:46em;
}
.home-steps {
  list-style:none;
  padding:0;
  margin:44px 0 36px;
}
.home-steps > li {
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  gap:24px;
  padding-top:32px;
  padding-bottom:32px;
  border-top:1px solid var(--border);
}
.home-step-mark {
  display:grid;
  place-items:center;
  align-self:start;
  width:52px;
  height:52px;
  border-radius:var(--r-round);
  background:var(--bg);
  color:var(--accent-dark);
  font-family:var(--font-mono);
  font-size:var(--text-lead);
}
.home-steps h3 {
  margin:12px 0 20px;
}
.home-steps p {
  color:var(--text-muted);
}
.home-steps p:last-child {
  margin-bottom:0;
}
.home-ecosystem-intro {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:48px;
  align-items:end;
  margin-bottom:40px;
}
.home-ecosystem-intro h2,
.home-ecosystem-intro .lead {
  margin-bottom:0;
}
.home-ecosystem-map {
  padding:40px;
  border-radius:var(--r-stage);
  background:var(--bg-panel);
}
.home-ecosystem-origin {
  margin-bottom:32px;
  padding-bottom:28px;
  border-bottom:1.5px dashed var(--border);
}
.home-ecosystem-origin .eyebrow {
  display:block;
}
.home-ecosystem-origin strong {
  font-family:var(--font-display);
  font-size:var(--h3-size);
  font-weight:900;
}
.home-ecosystem-origin p {
  margin:12px 0 0;
  color:var(--text-muted);
}
.home-ecosystem-map .card p {
  color:var(--text-muted);
}
.home-ecosystem-copy {
  margin-top:48px;
  gap:40px 48px;
}
.home-ecosystem-copy p {
  color:var(--text-muted);
}
.home-ecosystem-copy p:last-child {
  margin-bottom:0;
}
@media (min-width:981px) and (max-width:1180px) {
  .hero .stage {
    transform:scale(.87);
    transform-origin:left center;
  }
}
@media (max-width:980px) {
  .home-switch > [role="tabpanel"] {
    grid-column:1;
    grid-row:2;
  }
  .home-ecosystem-intro {
    grid-template-columns:minmax(0,1fr);
    gap:24px;
  }
}
@media (max-width:640px) {
  .home-platform-grid .card,
  .home-ecosystem-map {
    padding:24px;
  }
  .home-steps > li {
    grid-template-columns:minmax(0,1fr);
    gap:12px;
  }
  .home-steps h3 {
    margin-top:0;
  }
  .home-ecosystem-copy {
    gap:32px;
  }
  .home-section-tail {
    align-items:flex-start;
    flex-direction:column;
  }
  .home-facts {
    font-size:11px;
    gap:6px;
  }
}
@media (max-width:359px) {
  .hero .platforms {
    gap:6px;
  }
  .hero .platforms a {
    gap:5px;
    min-height:34px;
    padding-inline:8px;
    font-size:11px;
  }
  .hero .platforms svg {
    width:12px;
    height:12px;
  }
}