.home-symbols {
  position:absolute;
  width:0;
  height:0;
  overflow:hidden;
  pointer-events:none;
}
.home-rule-arrow {
  color:var(--c-coral);
  font-weight:var(--weight-bold);
}
.hero .note {
  gap:12px;
}
.hero .note__title {
  font-size:var(--text-sm);
}
.hero .note__rules {
  gap:6px;
}
.hero .rule {
  gap:5px;
  padding-inline:9px;
  font-size:var(--text-xs);
}
.hero .note__link {
  padding-inline:14px;
  font-size:var(--text-sm);
}
.hero__copy > .eyebrow {
  margin-bottom:14px;
  background:var(--c-cobalt-raise);
  color:var(--c-on-dark);
}
.home-section-tail {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:16px;
  margin-top:32px;
}
.home-section-tail > p {
  max-width:var(--reading);
  font-size:var(--text-sm);
}
.platform-card__go {
  padding-top:8px;
  margin-top:auto;
}
.platform-card__note {
  margin-bottom:20px;
  line-height:1.85;
}
.home-features > [role="tablist"] {
  grid-column:1;
  grid-row:1;
}
.home-features > [role="tabpanel"] {
  grid-column:2;
  grid-row:1;
}
.home-features h3 {
  margin-bottom:16px;
}
.home-start {
  display:grid;
  gap:0;
  margin:40px 0 0;
  padding:0;
  list-style:none;
}
.home-start__step {
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  gap:28px;
  padding-top:32px;
  padding-bottom:32px;
  border-top:var(--line) solid var(--c-border);
}
.home-start__step:last-child {
  border-bottom:var(--line) solid var(--c-border);
}
.home-start__number {
  display:grid;
  place-items:center;
  width:56px;
  height:56px;
  border-radius:var(--r-circle);
  background:var(--c-panel);
  color:var(--c-cobalt);
  font-family:var(--font-mono);
  font-size:var(--text-lead);
  font-weight:var(--weight-bold);
}
.home-start__step > div {
  min-width:0;
  max-width:var(--reading);
}
.home-start__step p {
  color:var(--c-muted);
  line-height:1.85;
}
.home-ecosystem {
  display:grid;
  gap:64px;
  margin-top:48px;
}
.home-ecosystem p {
  color:var(--c-muted);
  line-height:1.85;
}
.home-ecosystem__drawing {
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:300px;
}
.home-ecosystem__drawing > svg {
  display:block;
  width:100%;
  height:auto;
  margin-top:20px;
}
.home-drawing-label {
  color:var(--c-muted);
  font-size:var(--text-xs);
  font-weight:var(--weight-semibold);
}
.home-license__list {
  margin:24px 0;
}
.home-license__list > div {
  display:grid;
  grid-template-columns:100px minmax(0,1fr);
  gap:16px;
  padding-top:16px;
  padding-bottom:16px;
}
.home-license__list > div + div {
  border-top:var(--line) solid var(--c-border);
}
.home-license__list dt {
  color:var(--c-cobalt);
  font-weight:var(--weight-bold);
}
.home-license__list dd {
  min-width:0;
  margin:0;
  color:var(--c-muted);
}
.home-license > p {
  font-size:var(--text-sm);
}
@media (max-width:1180px) {
  .hero .note__rules {
    justify-content:flex-start;
  }
}
@media (max-width:900px) {
  .home-features > [role="tablist"] {
    grid-column:1;
    grid-row:1;
  }
  .home-features > [role="tabpanel"] {
    grid-column:1;
    grid-row:2;
  }
}
@media (max-width:640px) {
  .hero .note {
    row-gap:8px;
  }
  .hero .note__lead {
    gap:6px;
  }
  .hero .note__title {
    font-size:var(--text-xs);
  }
  .hero .note__link {
    padding-inline:10px;
    font-size:var(--text-xs);
  }
  .hero .hero__copy {
    margin-top:24px;
  }
  .hero__copy > .eyebrow {
    min-height:26px;
    margin-bottom:12px;
    font-size:var(--text-xs);
  }
  .hero .hero__actions {
    margin-top:20px;
    gap:10px;
  }
  .hero .hero__desc {
    margin-top:18px;
    font-size:var(--text-sm);
  }
  .hero .tags {
    margin-top:12px;
    gap:6px;
  }
  .hero .chip {
    padding-inline:9px;
    font-size:var(--text-xs);
  }
  .hero .pfs {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px 24px;
    margin-top:14px;
  }
  .home-start__step {
    grid-template-columns:40px minmax(0,1fr);
    gap:16px;
    padding-top:24px;
    padding-bottom:24px;
  }
  .home-start__number {
    width:40px;
    height:40px;
    font-size:var(--text-base);
  }
  .home-ecosystem {
    gap:48px;
    margin-top:32px;
  }
  .home-ecosystem__drawing {
    min-height:240px;
  }
  .home-license__list > div {
    grid-template-columns:minmax(0,1fr);
    gap:6px;
  }
}