.home-hero .bento {
  height:390px;
  grid-template-columns:210px minmax(0,1fr) 210px;
}
.home-hero .cell--lead {
  padding:20px;
}
.home-eyebrow {
  justify-content:center;
  margin-bottom:14px;
}
.home-facts {
  justify-content:center;
  margin-top:12px;
}
.home-hero .platforms {
  gap:12px;
}
.home-hero .h1 {
  font-size:clamp(28px,2.7vw,40px);
}
.home-hero .cell:hover {
  transform:none;
}
.home-hero .shell {
  height:420px;
}
.home-hero .paper {
  left:24px;
  top:40px;
  width:620px;
}
.home-hero .cursor {
  left:586px;
  top:164px;
}
.home-hero .tip {
  left:auto;
  right:14px;
  top:238px;
  width:250px;
}
.home-hero .fld {
  grid-template-columns:86px minmax(0,1fr);
}
.home-visual-note {
  margin:26px auto 0;
  padding-inline:24px;
  padding-bottom:28px;
  max-width:var(--reading-width);
  color:var(--muted);
  font-size:var(--text-sm);
  text-align:center;
}
.home-platform-card {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.home-platform-card h3 {
  margin-bottom:18px;
}
.home-platform-card h3 a {
  display:inline-flex;
  align-items:center;
  gap:12px;
}
.home-platform-card h3 a:hover {
  color:var(--accent-dark);
}
.home-platform-card h3 svg {
  width:24px;
  height:24px;
}
.home-platform-card p {
  color:var(--muted);
}
.home-platform-card .btn {
  margin-top:auto;
}
.home-section-end {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px 24px;
  margin-top:28px;
  font-size:var(--text-nav);
}
.home-feature-tabs {
  grid-template-columns:230px minmax(0,1fr);
  gap:28px;
}
.home-feature-tabs > [role="tablist"] {
  grid-column:1;
  grid-row:1;
}
.home-feature-tabs > [role="tabpanel"] {
  grid-column:2;
  grid-row:1;
}
.home-feature-tabs .feature-detail {
  grid-template-columns:minmax(0,1.05fr) minmax(240px,1fr);
  align-items:start;
  gap:24px;
}
.home-feature-tabs .feature-detail p:not(.mini-tip) {
  color:var(--muted);
}
.home-feature-tabs .feature-detail h3 {
  font-size:var(--text-h3);
}
.home-feature-tabs .mini-window {
  margin-top:6px;
  margin-bottom:20px;
}
.home-feature-tabs .mini-window__field {
  grid-template-columns:96px minmax(0,1fr);
  gap:8px;
}
.home-subscription-head {
  display:grid;
  grid-template-columns:1fr 1.4fr 1fr;
  gap:12px;
  padding-bottom:12px;
  border-bottom:1px solid var(--line);
  font-size:var(--text-sm);
  font-weight:var(--weight-semibold);
}
.home-empty-note {
  margin:18px 0 0;
  font-size:var(--text-sm);
}
.home-ecosystem {
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  align-items:start;
  gap:44px;
}
.home-ecosystem > * {
  min-width:0;
}
.home-ecosystem-map {
  position:sticky;
  top:calc(var(--header-height) + 24px);
}
.home-ecosystem-map h3 {
  font-size:var(--text-lg);
}
.home-layer-list {
  margin:0 0 24px;
  padding:0;
  list-style:none;
}
.home-layer-list li {
  position:relative;
  margin:0;
  padding-top:16px;
  padding-bottom:16px;
  border-top:1px solid var(--line);
}
.home-layer-list strong,
.home-layer-list span {
  display:block;
}
.home-layer-list span {
  margin-top:6px;
  color:var(--muted);
  font-size:var(--text-sm);
  overflow-wrap:anywhere;
}
.home-ecosystem-copy > section:first-child > h3 {
  margin-top:0;
}
.home-ecosystem-copy > section + section {
  margin-top:32px;
  padding-top:8px;
  border-top:1px solid var(--line);
}
@media (max-width:1280px) {
  .home-hero .bento {
    grid-template-columns:190px minmax(0,1fr) 190px;
  }
  .home-hero .paper {
    width:600px;
    left:18px;
  }
  .home-hero .cursor {
    left:558px;
  }
  .home-hero .tip {
    top:264px;
  }
}
@media (max-width:1080px) {
  .home-hero .bento {
    height:auto;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  }
  .home-hero .cell--lead {
    padding:28px 24px;
  }
  .home-hero .shell {
    height:auto;
  }
  .home-hero .paper {
    left:auto;
    top:auto;
    width:100%;
    max-width:640px;
  }
  .home-hero .tip {
    top:auto;
    right:auto;
    width:auto;
    max-width:640px;
  }
  .home-feature-tabs .feature-detail {
    grid-template-columns:minmax(0,1fr);
  }
  .home-feature-tabs .mini-window {
    max-width:440px;
  }
  .home-ecosystem {
    grid-template-columns:220px minmax(0,1fr);
    gap:28px;
  }
}
@media (max-width:768px) {
  .home-hero .h1 {
    font-size:28px;
  }
}
@media (max-width:760px) {
  .home-hero .bento {
    grid-template-columns:minmax(0,1fr);
  }
  .home-hero .cell--lead {
    padding:22px 12px;
  }
  .home-hero .platforms {
    gap:10px 14px;
  }
  .home-hero .plat {
    font-size:var(--text-xs);
  }
  .home-feature-tabs {
    grid-template-columns:minmax(0,1fr);
  }
  .home-feature-tabs > [role="tablist"] {
    grid-column:1;
    grid-row:1;
  }
  .home-feature-tabs > [role="tabpanel"] {
    grid-column:1;
    grid-row:2;
  }
  .home-feature-tabs [role="tablist"] {
    flex-direction:column;
    flex-wrap:nowrap;
  }
  .home-feature-tabs [role="tab"] {
    width:100%;
  }
  .home-ecosystem {
    grid-template-columns:minmax(0,1fr);
  }
  .home-ecosystem-map {
    position:static;
  }
}
@media (max-width:360px) {
  .home-hero .h1 {
    font-size:26px;
  }
  .home-hero .platforms {
    gap:8px;
  }
  .home-hero .plat {
    gap:4px;
  }
  .home-hero .plat svg {
    width:12px;
    height:12px;
  }
}