@media (max-width:768px) {
  .code-lines { padding-right:16px }
  .code-lines li { min-width:0; white-space:normal }
  .code-lines code { overflow-wrap:anywhere }
}
.hero-screenshot {
  position:absolute;
  z-index:1;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:auto;
  height:min(70%,440px);
  max-width:80%;
  object-fit:contain;
}
.home-hero-chips {
  margin-top:20px;
}
.home-intro {
  max-width:var(--reading-w);
  margin-bottom:40px;
  color:var(--text-muted);
  line-height:1.85;
}
.home-reference {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:48px;
  margin-top:64px;
}
.home-routing {
  min-width:0;
}
.home-store-line {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:40px;
  margin-top:48px;
  padding-top:40px;
  border-top:1px solid var(--border);
}
.home-store-line > div {
  min-width:0;
}
.home-store-line p {
  max-width:var(--reading-w);
  color:var(--text-muted);
  line-height:1.85;
}
.home-device-note {
  max-width:var(--reading-w);
  margin-top:64px;
}
.home-verify-layout {
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);
  align-items:start;
  gap:48px;
}
.home-verify-layout > * {
  min-width:0;
}
.home-identity img {
  display:block;
  margin-bottom:24px;
}
.home-fact-list {
  margin-top:24px;
  margin-bottom:24px;
}
.home-fact-list dt {
  margin-top:20px;
  margin-bottom:6px;
  color:var(--text-muted);
  font-size:var(--size-sm);
}
.home-fact-list dd {
  margin:0;
  font-weight:var(--weight-strong);
  overflow-wrap:anywhere;
}
.home-purchase-notes {
  margin-top:64px;
  gap:48px;
}
.home-fact-note {
  padding-top:32px;
  border-top:1px solid var(--border);
}
.home-update-note {
  max-width:var(--reading-w);
  margin-top:64px;
}
@media (max-width:1024px) {
  .home-verify-layout {
    grid-template-columns:minmax(0,1fr);
  }
}
@media (max-width:768px) {
  .home-reference {
    grid-template-columns:minmax(0,1fr);
    gap:40px;
  }
  .home-store-line {
    grid-template-columns:minmax(0,1fr);
    gap:24px;
  }
  .home-store-line .appstore-btn {
    justify-self:start;
  }
}
@media (max-width:640px) {
  .home-purchase-notes {
    gap:32px;
  }
  .home-verify-layout {
    gap:32px;
  }
}