/* 首页内容布局；字体、颜色与基础组件沿用共享设计令牌。 */
.home-heading {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 16px 32px;
}
.home-heading > div > :last-child {
  margin-bottom: 0;
}
.home-heading > a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  font-size: var(--text-sm);
}
.home-heading > .eyebrow {
  margin-bottom: 0;
}
.home-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 36px;
  padding: 0;
  margin: 40px 0 0;
  list-style: none;
}
.home-steps > li {
  min-width: 0;
  border-top: var(--rule) solid var(--ink-line);
  padding-top: 24px;
}
.home-step-number {
  display: block;
  margin-bottom: 28px;
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  color: var(--ink-value);
}
.home-steps p {
  color: var(--ink-label);
}
.home-steps li > :last-child {
  margin-bottom: 0;
}
.home-ecosystem {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
  align-items: start;
  gap: 64px;
  border-top: var(--rule) solid var(--ink-line);
}
.home-ecosystem-intro {
  position: sticky;
  top: 32px;
}
.home-ecosystem-intro > a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-size: var(--text-sm);
}
.home-source-notes {
  min-width: 0;
}
.home-source-notes > article + article {
  margin-top: 36px;
  padding-top: 32px;
  border-top: var(--rule) solid var(--ink-line);
}
.home-source-notes > article > p {
  color: var(--ink-label);
  line-height: 1.85;
}
.home-source-notes > article > :last-child {
  margin-bottom: 0;
}
.home-clone {
  margin-top: 40px;
  padding-top: 28px;
  border-top: var(--rule) solid var(--ink-line);
}
.home-clone pre {
  border: var(--rule) solid var(--ink-line);
  margin-block: 16px 20px;
}
.home-copy-status {
  font-size: var(--text-sm);
  color: var(--ink-value);
}
.home-clone-note {
  margin: 16px 0 0;
  font-size: var(--text-sm);
}
.home-section-intro {
  max-width: 70ch;
  margin-bottom: 36px;
  color: var(--text-muted);
  line-height: 1.85;
}
.home-platform-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 24px;
}
.home-platform {
  grid-column: span 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.home-platform:nth-child(n + 4) {
  grid-column: span 3;
}
.home-platform > svg {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  margin-bottom: 24px;
}
.home-platform h3 a {
  text-decoration: none;
}
.home-platform h3 a:hover {
  text-decoration: underline;
}
.home-platform p {
  line-height: 1.85;
}
.home-platform .btn {
  margin-top: auto;
}
.home-blog {
  border-top: var(--rule) solid var(--border);
}
@media (max-width: 1000px) {
  .home-ecosystem {
    gap: 36px;
  }
  .home-steps {
    gap: 24px;
  }
  .home-platform {
    grid-column: span 3;
  }
  .home-platform:last-child {
    grid-column: span 6;
  }
}
@media (max-width: 860px) {
  .home-ecosystem {
    grid-template-columns: minmax(0, 1fr);
  }
  .home-ecosystem-intro {
    position: static;
    max-width: 65ch;
  }
  .home-steps {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
  }
  .home-step-number {
    margin-bottom: 16px;
  }
}
@media (max-width: 640px) {
  .home-platform-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .home-platform,
  .home-platform:nth-child(n + 4),
  .home-platform:last-child {
    grid-column: 1;
  }
  .home-heading {
    gap: 8px 24px;
  }
}