/* Use Apple system typography where it is available, with clear Chinese fallbacks. */
:root {
  --cletter-system: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "PingFang SC", "Helvetica Neue", "Microsoft YaHei", sans-serif;
}

html,
body,
button,
input,
textarea,
select {
  font-family: var(--cletter-system) !important;
}

.brand,
.hero h1,
.section h2,
.privacy h2,
.download h2,
.feature-grid h3,
.guide h3,
.analysis-core h2 {
  font-family: var(--cletter-system) !important;
  font-weight: 700;
  letter-spacing: -0.045em;
}

.eyebrow,
.feature-grid small,
.guide li > b,
.guide li > small,
.analysis-core .core-kicker,
.analysis-core .core-score,
.analysis-core span {
  font-family: var(--cletter-system) !important;
}

.windows-download {
  display: inline-flex;
  align-items: center;
  gap: .56rem;
}

.windows-download img {
  width: 1.1rem;
  height: 1.1rem;
  flex: 0 0 auto;
}

.guide-video {
  display: block;
  width: min(100%, 980px);
  margin: 2.1rem auto 2.85rem;
  aspect-ratio: 16 / 9;
  background: #10091d;
  border: 1px solid rgba(213, 186, 255, .36);
  border-radius: 1.45rem;
  box-shadow: 0 25px 70px rgba(45, 12, 82, .28), 0 0 0 7px rgba(255, 255, 255, .18);
  overflow: hidden;
}

/* The walkthrough is a single reading path: heading, video, then the steps. */
.guide {
  display: flex !important;
  flex-direction: column;
  gap: 0 !important;
}

.guide .section-intro {
  width: min(100%, 760px);
}

.guide .guide-video {
  margin: 1.75rem 0 3rem;
}

.guide ol {
  width: 100%;
}

@media (max-width: 650px) {
  .guide-video {
    width: 100%;
    margin: 1.6rem auto 2rem;
    border-radius: 1rem;
  }
}