.home-hero-note {
  max-width: 34em;
  margin-top: 14px;
  color: var(--text-muted);
  font-size: var(--text-xs);
}

.home-fact-strip {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 28px;
  padding-top: 24px;
  padding-bottom: 24px;
  border-bottom: var(--line) solid var(--border);
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.home-fact-strip > span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  max-width: 100%;
}

.home-fact-strip code {
  font-size: var(--text-xs);
}

.home-tab-content {
  min-width: 0;
}

.home-routing-note {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 28px;
  margin-top: 40px;
  padding: 28px;
  border-radius: var(--radius-lg);
  color: var(--text);
  background: var(--accent-tint);
}

.home-routing-note > div {
  flex: 1 1 560px;
  min-width: 0;
}

.home-routing-note p,
.home-cap-reading p,
.home-device-detail p,
.home-fact-followup p {
  margin-top: 14px;
  color: var(--text-muted);
  line-height: 1.85;
}

.home-routing-note .btn {
  flex-shrink: 0;
}

.home-cap-reading {
  margin-top: 36px;
}

.home-cap-reading > div {
  padding-top: 24px;
  border-top: var(--line) solid var(--border);
}

.home-cap-reading a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin-top: 14px;
}

.home-device-detail {
  margin-top: 36px;
  padding-top: 32px;
  border-top: var(--line) solid var(--border);
}

.home-device-extra {
  margin-top: 28px;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.home-store-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 24px;
  margin-top: 24px;
}

.home-store-row > a:not(.appstore-button) {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}

.home-verification {
  padding-top: 0;
}

.home-verify-grid {
  margin-top: 28px;
}

.home-identity {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
}

.home-identity img {
  display: block;
  flex-shrink: 0;
  border: var(--line) solid var(--border);
  border-radius: var(--radius-circle);
  background: var(--bg-panel);
}

.home-verify-grid .card h3 {
  margin-top: 20px;
}

.home-verify-grid .card p {
  margin-top: 14px;
  color: var(--text-muted);
  line-height: 1.85;
}

.home-verify-grid .card > a:last-child {
  min-height: 44px;
  align-content: center;
}

.home-fact-followup {
  margin-top: 40px;
  padding-top: 32px;
  border-top: var(--line) solid var(--border);
}

.home-questions {
  margin-top: 40px;
}

.home-questions > h3 {
  margin-bottom: 20px;
}

.home-blog-head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px 32px;
}

.home-blog-head > a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin-bottom: 28px;
}

@media (min-width: 961px) and (max-width: 1280px) {
  .hero .scene {
    left: auto;
    right: -170px;
    width: 1600px;
  }

  .hero-copy {
    max-width: 510px;
  }
}

@media (max-width: 960px) {
  .hero .scene {
    left: auto;
    right: -30px;
    width: 1050px;
    max-width: none;
    height: 544px;
  }

  .home-hero-note {
    max-width: none;
  }
}

@media (max-width: 640px) {
  .hero {
    padding-bottom: 350px;
  }

  .hero-visual {
    height: 355px;
  }

  .hero-visual .scene {
    left: auto;
    right: -38px;
    width: 720px;
    max-width: none;
    height: 373px;
  }

  .hero-copy .devices {
    gap: 6px 12px;
  }

  .hero-copy .device {
    gap: 5px;
  }

  .hero-copy .devices .store-pill {
    min-height: 28px;
    padding-inline: 9px;
  }

  .home-fact-strip {
    gap: 12px 18px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .home-routing-note {
    padding: 24px;
    gap: 20px;
  }

  .home-routing-note,
  .home-cap-reading,
  .home-device-detail,
  .home-fact-followup,
  .home-questions {
    margin-top: 28px;
  }

  .home-verification {
    padding-top: 0;
  }

  .home-blog-head {
    gap: 0;
  }

  .home-blog-head .section-head {
    margin-bottom: 12px;
  }
}