/* Local review: original fan, split-screen layout and product tour retained. */
@font-face {
  font-family: "Manrope Brand";
  src: url("./assets/brand/Manrope-Variable.ttf") format("truetype");
  font-weight: 200 800;
  font-display: swap;
}

.hero-branding h1 {
  margin: 0;
  font-size: 0;
  line-height: 0;
}
.hero-branding .brand-signature {
  display: block;
  inline-size: clamp(220px, 25vw, 330px);
  max-inline-size: 100%;
  block-size: auto;
}
.control-panel {
  font-family: "Manrope Brand", "PingFang SC", "Hiragino Sans GB", sans-serif;
  gap: 36px;
}
.panel-brand { gap: 10px; }
.panel-brand .panel-app-icon {
  inline-size: 32px;
  block-size: 32px;
  border-radius: 0;
}
.panel-brand .panel-wordmark {
  inline-size: 160px;
  block-size: auto;
  border-radius: 0;
  flex: 0 1 auto;
  min-inline-size: 0;
}
.panel-main { gap: 36px; }
.product-overview h2 {
  font-size: clamp(30px, 2.5vw, 38px);
  line-height: 1.4;
  font-weight: 600;
  letter-spacing: -.035em;
}
.control-panel .capability-list { gap: 18px; }
.control-panel .capability-list li {
  display: flex;
  align-items: center;
  gap: 14px;
}
.control-panel .capability-list strong {
  font-size: 15px;
  line-height: 1.6;
  font-weight: 500;
}
.capability-list svg {
  inline-size: 19px;
  block-size: 19px;
  flex: none;
  fill: none;
  stroke: #66635c;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.control-panel .download-section { gap: 14px; }
.control-panel .platform-note { font-size: 12px; }
.control-panel .free-note {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 12px;
}
.sidebar-meta-dot { display: none; }
.sidebar-version { font-size: 11px; font-variant-numeric: tabular-nums; }
.panel-bottom { padding-block-start: 12px; }
.control-panel .compatibility-details summary {
  inline-size: 100%;
  min-block-size: 44px;
  gap: 12px;
  text-decoration: none;
}
.compatibility-status {
  margin-inline-end: auto;
  color: var(--text-ink);
  font-size: 12px;
  font-weight: 500;
}
.compatibility-trigger { color: var(--text-ink-muted); font-size: 11px; }
.compatibility-content { font-size: 13px; line-height: 1.8; }
.control-panel .lang-btn { min-block-size: 40px; }

@media (max-width: 819px) {
  .control-panel { gap: 32px; }
  .panel-main { gap: 32px; }
  .product-overview h2 { font-size: 32px; }
  .hero-branding .brand-signature { inline-size: 250px; }
}
@media (max-width: 380px) {
  .panel-topbar { flex-wrap: nowrap; gap: 10px; }
  .panel-brand { gap: 8px; }
  .panel-brand .panel-app-icon { inline-size: 28px; block-size: 28px; }
  .panel-brand .panel-wordmark { inline-size: 136px; }
  .control-panel .lang-btn { min-inline-size: 40px; min-block-size: 40px; }
  .control-panel .lang-switch { gap: 4px; }
  .hero-branding .brand-signature { inline-size: 225px; }
  .product-overview h2 { font-size: 30px; }
}