/* Shared typography: language-aware body font and a restrained heading hierarchy. */
body { font-family: var(--font-body); }
/* V6.5.1 Chinese weight policy: hierarchy uses size, spacing and color, not bold.
   The scoped priority intentionally wins over legacy component weight rules.
   Keep semantic strong/b elements; only their visual weight is normalized.
   English is untouched; branding and Footer group headings are deliberate exceptions. */
html:lang(zh) body,
html:lang(zh) body :where(*) {
  font-weight: var(--zh-text-weight, 400) !important;
}
html:lang(zh) body {
  font-synthesis: none;
}
html:lang(zh) :is(h1, h2, h3, h4, h5, h6) {
  letter-spacing: 0 !important;
}
button, input, select, textarea { font-family: inherit; }
strong, b { font-weight: 600; }
html:lang(zh) :is(h1, h2, h3, h4, p) { letter-spacing: 0; }
/* MixSo shared CSS. V6.4.2 visual values preserved; source of truth for future edits. */
:where(html[data-layout="home"]) .section-head h2 {
  margin: 0;
}

:where(html[data-layout="home"]) .cta-box h2 {
  margin: 0 0 var(--space-10);
}

:where(html[data-layout="home"]) .plugin-panel-head h2 {
  margin: var(--space-12) 0 0;
}

:where(html[data-layout="home"]) .section-head h2 {
  position: relative;
  display: inline-block;
}

:where(html[data-layout="home"]) .section-head h2:after {
  content: "";
  width: 76px;
  height: 4px;
  margin-top: var(--space-14);
  border-radius: var(--radius-8);
  box-shadow: var(--shadow-7);
}

:where(html[data-layout="home"]) .hero h1:after {
  content: "";
  display: block;
  border-radius: var(--radius-8);
  opacity: .9;
}

:where(html[data-layout="home"]) .hero h1 span {
  -webkit-background-clip: text;
  background: none;
  color: var(--color-111827);
  -webkit-text-fill-color: currentColor;
}

:where(html[data-layout="home"]) .section-head h2 {
  font-size: clamp(38px, 4vw, 46px);
  line-height: 1.13;
}

:where(html[data-layout="home"]) .section-head h2:after {
  display: none;
}

:where(html[data-layout="home"]) .plugin-panel-head h2 {
  color: var(--color-151a22);
}

@media (max-width: 720px) {
  :where(html[data-layout="home"]) .section-head h2 {
    font-size: var(--text-36);
  }
}

:where(html[data-layout="home"]) .workflow-heading h2 {
  font-family: var(--font-stack-1);
  font-size: clamp(38px, 3.8vw, 48px);
  font-weight: 600;
  line-height: 1.18;
  letter-spacing: -.04em;
}

:where(html[data-layout="home"]) .workflow-copy h3 {
  margin: 0;
  font-family: var(--font-stack-1);
  color: var(--color-172033);
  font-size: clamp(21px, 2vw, 27px);
  font-weight: 600;
  line-height: 1.38;
  letter-spacing: -.025em;
}

@media (max-width: 720px) {
  :where(html[data-layout="home"]) .workflow-heading h2 {
    font-size: var(--text-34);
  }

  :where(html[data-layout="home"]) .workflow-copy h3 {
    font-size: var(--text-21);
  }
}

:where(html[data-layout="home"]) .hero h1 {
  font-family: var(--font-stack-1);
  font-weight: 600;
}

:where(html[data-layout="home"]) .plugin-panel-head h2 {
  font-family: var(--font-stack-1);
  font-weight: 600;
}

html:where([data-layout="home"])[lang="en"] .section-head h2 {
  font-family: var(--font-stack-2);
  font-weight: 600;
}

html:where([data-layout="home"])[lang="en"] .plugin-panel-head h2 {
  font-family: var(--font-stack-2);
  font-weight: 600;
}

html:where([data-layout="home"])[lang="en"] .cta-box h2 {
  font-family: var(--font-stack-2);
  font-weight: 600;
}

:where(html[data-layout="home"]) .hero h1 {
  letter-spacing: -.055em;
}

:where(html[data-layout="home"]) .hero h1:after {
  width: 148px;
  height: 2px;
  box-shadow: none;
}

:where(html[data-layout="home"]) .plugin-panel-head h2 {
  font-size: var(--text-36);
  letter-spacing: -.04em;
}

:where(html[data-layout="home"]) .cta-box h2 {
  font-size: var(--text-38);
}

@media (max-width: 720px) {
  :where(html[data-layout="home"]) .plugin-panel-head h2 {
    font-size: var(--text-30);
  }
}

:where(html[data-layout="home"]) .hero h1 {
  text-wrap: balance;
}

:where(html[data-layout="home"]) .plugin-panel-head h2 {
  max-width: 470px;
  margin-top: var(--space-12);
}

:where(html[data-layout="home"]) .window-copy h2 {
  max-width: 580px;
  margin: 0;
  font-size: clamp(40px,4.4vw,64px);
  line-height: 1.06;
}

@media(max-width:720px) {
  :where(html[data-layout="home"]) .window-copy h2 {
    font-size: var(--text-39);
  }
}

:where(html[data-layout="home"]) .hero h1 {
  max-width: 620px;
  margin: var(--space-20) 0 0;
  font-size: clamp(56px,5.2vw,74px);
  line-height: 1.04;
}

:where(html[data-layout="home"]) .hero h1:after {
  margin: var(--space-22) 0 0;
}

@media(max-width:1000px) {
  :where(html[data-layout="home"]) .hero h1 {
    margin-left: auto;
    margin-right: auto;
  }

  :where(html[data-layout="home"]) .hero h1:after {
    margin-left: auto;
    margin-right: auto;
  }
}

@media(max-width:720px) {
  :where(html[data-layout="home"]) .hero h1 {
    font-size: clamp(43px,12vw,55px);
  }
}

html:where([data-layout="home"])[lang="zh"] .hero h1 {
  max-width: 560px;
  font-size: clamp(46px,4.25vw,58px);
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -.018em;
  text-wrap: initial;
}

html:where([data-layout="home"])[lang="zh"] .section-head h2 {
  font-size: clamp(34px,3.4vw,44px);
  line-height: 1.28;
  letter-spacing: -.012em;
}

html:where([data-layout="home"])[lang="zh"] .window-copy h2 {
  font-size: clamp(34px,3.5vw,46px);
  line-height: 1.3;
  letter-spacing: -.012em;
}

html:where([data-layout="home"])[lang="zh"] .cta-box h2 {
  font-size: var(--text-34);
  line-height: 1.3;
  letter-spacing: -.01em;
}

html:where([data-layout="home"])[lang="zh"] .workflow-copy h3 {
  font-size: clamp(22px,2vw,28px);
  line-height: 1.5;
  letter-spacing: 0;
}

html:where([data-layout="home"])[lang="zh"] .section-head h2 {
  font-weight: 600;
}

html:where([data-layout="home"])[lang="zh"] .window-copy h2 {
  font-weight: 600;
}

html:where([data-layout="home"])[lang="zh"] .cta-box h2 {
  font-weight: 600;
}

html:where([data-layout="home"])[lang="zh"] .workflow-copy h3 {
  font-weight: 600;
}

@media(max-width:1120px) and (min-width:721px) {
  html:where([data-layout="home"])[lang="zh"] .hero h1 {
    font-size: var(--text-44);
  }
}

@media(max-width:720px) {
  html:where([data-layout="home"])[lang="zh"] .hero h1 {
    max-width: 540px;
    font-size: var(--text-36);
    line-height: 1.32;
    letter-spacing: 0;
  }

  html:where([data-layout="home"])[lang="zh"] .window-copy h2 {
    font-size: var(--text-28);
    line-height: 1.46;
    letter-spacing: 0;
  }

  html:where([data-layout="home"])[lang="zh"] .section-head h2 {
    font-size: var(--text-31);
    line-height: 1.42;
    letter-spacing: 0;
  }
}

html:where([data-layout="home"]):lang(zh) .hero h1 {
  font-family: var(--font-stack-3);
  color: var(--color-182236);
  letter-spacing: 0;
}

html:where([data-layout="home"]):lang(zh) .section-head h2 {
  font-family: var(--font-stack-3);
  color: var(--color-182236);
  letter-spacing: 0;
}

html:where([data-layout="home"]):lang(zh) .window-copy h2 {
  font-family: var(--font-stack-3);
  color: var(--color-182236);
  letter-spacing: 0;
}

html:where([data-layout="home"]):lang(zh) .cta-box h2 {
  font-family: var(--font-stack-3);
  color: var(--color-182236);
  letter-spacing: 0;
}

html:where([data-layout="home"]):lang(zh) .workflow-copy h3 {
  font-family: var(--font-stack-3);
  color: var(--color-182236);
  letter-spacing: 0;
}

html:where([data-layout="home"]):lang(zh) .hero h1 {
  max-width: 520px;
  font-size: clamp(40px,3.65vw,48px);
  font-weight: 500;
  line-height: 1.28;
}

html:where([data-layout="home"]):lang(zh) .hero h1 span {
  color: var(--color-182236);
  background: none;
  -webkit-text-fill-color: currentColor;
}

html:where([data-layout="home"]):lang(zh) .window-copy h2 {
  max-width: 520px;
}

html:where([data-layout="home"]):lang(zh) .workflow-copy h3 {
  font-size: clamp(20px,1.85vw,25px);
  font-weight: 600;
  line-height: 1.5;
}

@media(max-width:1120px) and (min-width:721px) {
  html:where([data-layout="home"]):lang(zh) .hero h1 {
    font-size: var(--text-40);
  }
}

@media(max-width:720px) {
  html:where([data-layout="home"]):lang(zh) .hero h1 {
    max-width: 480px;
    font-size: var(--text-32);
    line-height: 1.42;
  }
}

html:where([data-layout="home"]):lang(en) .hero h1 {
  font-family: var(--font-stack-4);
  color: var(--color-182236);
}

html:where([data-layout="home"]):lang(en) .section-head h2 {
  font-family: var(--font-stack-4);
  color: var(--color-182236);
}

html:where([data-layout="home"]):lang(en) .window-copy h2 {
  font-family: var(--font-stack-4);
  color: var(--color-182236);
}

html:where([data-layout="home"]):lang(en) .cta-box h2 {
  font-family: var(--font-stack-4);
  color: var(--color-182236);
}

html:where([data-layout="home"]):lang(en) .workflow-copy h3 {
  font-family: var(--font-stack-4);
  color: var(--color-182236);
}

html:where([data-layout="home"]):lang(en) .hero h1 {
  max-width: 590px;
  font-size: clamp(46px,4.15vw,54px);
  font-weight: 500;
  line-height: 1.17;
  letter-spacing: -.015em;
}

html:where([data-layout="home"]):lang(en) .window-copy h2 {
  max-width: 560px;
}

html:where([data-layout="home"]):lang(en) .workflow-copy h3 {
  font-size: clamp(21px,1.9vw,26px);
  font-weight: 600;
  line-height: 1.42;
  letter-spacing: -.006em;
}

@media(max-width:1120px) and (min-width:721px) {
  html:where([data-layout="home"]):lang(en) .hero h1 {
    font-size: var(--text-44);
  }
}

@media(max-width:720px) {
  html:where([data-layout="home"]):lang(en) .hero h1 {
    max-width: 540px;
    font-size: var(--text-38);
    line-height: 1.25;
    letter-spacing: -.008em;
  }
}

:where(html[data-layout="home"]) .hero h1:after {
  background: linear-gradient(90deg,var(--color-brand-dark),var(--color-brand-light))!important;
}

:where(html[data-layout="home"]) .section-head h2:after {
  background: linear-gradient(90deg,var(--color-brand-dark),var(--color-brand-light))!important;
}

:where(html[data-layout="home"]) .section-head h2 {
  font-family: var(--font-stack-3);
  font-weight: 500;
  letter-spacing: 0;
  color: var(--color-182236);
}

:where(html[data-layout="home"]) .window-copy h2 {
  font-family: var(--font-stack-3);
  font-weight: 500;
  letter-spacing: 0;
  color: var(--color-182236);
}

:where(html[data-layout="home"]) .cta-box h2 {
  font-family: var(--font-stack-3);
  font-weight: 500;
  letter-spacing: 0;
  color: var(--color-182236);
}

html:where([data-layout="home"]):lang(zh) .section-head h2 {
  font-size: clamp(32px,3vw,38px);
  font-weight: 500;
  line-height: 1.38;
}

html:where([data-layout="home"]):lang(zh) .window-copy h2 {
  font-size: clamp(32px,3vw,38px);
  font-weight: 500;
  line-height: 1.38;
}

html:where([data-layout="home"]):lang(zh) .cta-box h2 {
  font-size: clamp(32px,3vw,38px);
  font-weight: 500;
  line-height: 1.38;
}

html:where([data-layout="home"]):lang(en) .section-head h2 {
  font-size: clamp(34px,3vw,40px);
  font-weight: 500;
  line-height: 1.28;
  letter-spacing: -.012em;
}

html:where([data-layout="home"]):lang(en) .workflow-heading h2 {
  font-size: clamp(34px,3vw,40px);
  font-weight: 500;
  line-height: 1.28;
  letter-spacing: -.012em;
}

html:where([data-layout="home"]):lang(en) .window-copy h2 {
  font-size: clamp(34px,3vw,40px);
  font-weight: 500;
  line-height: 1.28;
  letter-spacing: -.012em;
}

html:where([data-layout="home"]):lang(en) .cta-box h2 {
  font-size: clamp(34px,3vw,40px);
  font-weight: 500;
  line-height: 1.28;
  letter-spacing: -.012em;
}

:where(html[data-layout="home"]) .cta-box .download-copy h2 {
  margin: 0 0 var(--space-14);
}

@media(max-width:1120px) and (min-width:721px) {
  html:where([data-layout="home"]):lang(zh) .section-head h2 {
    font-size: var(--text-36);
  }

  html:where([data-layout="home"]):lang(zh) .window-copy h2 {
    font-size: var(--text-36);
  }

  html:where([data-layout="home"]):lang(zh) .cta-box h2 {
    font-size: var(--text-36);
  }

  html:where([data-layout="home"]):lang(en) .section-head h2 {
    font-size: var(--text-38);
  }

  html:where([data-layout="home"]):lang(en) .workflow-heading h2 {
    font-size: var(--text-38);
  }

  html:where([data-layout="home"]):lang(en) .window-copy h2 {
    font-size: var(--text-38);
  }

  html:where([data-layout="home"]):lang(en) .cta-box h2 {
    font-size: var(--text-38);
  }
}

@media(max-width:720px) {
  html:where([data-layout="home"]):lang(zh) .section-head h2 {
    font-size: var(--text-28);
    line-height: 1.46;
  }

  html:where([data-layout="home"]):lang(zh) .window-copy h2 {
    font-size: var(--text-28);
    line-height: 1.46;
  }

  html:where([data-layout="home"]):lang(zh) .cta-box h2 {
    font-size: var(--text-28);
    line-height: 1.46;
  }

  html:where([data-layout="home"]):lang(en) .section-head h2 {
    font-size: var(--text-30);
    line-height: 1.36;
  }

  html:where([data-layout="home"]):lang(en) .workflow-heading h2 {
    font-size: var(--text-30);
    line-height: 1.36;
  }

  html:where([data-layout="home"]):lang(en) .window-copy h2 {
    font-size: var(--text-30);
    line-height: 1.36;
  }

  html:where([data-layout="home"]):lang(en) .cta-box h2 {
    font-size: var(--text-30);
    line-height: 1.36;
  }
}

/* Inner-page title system: same families and 500 weight as the home Hero.
   Header, Footer, body text, and all home rules remain unchanged. */
html[data-layout="inner"] {
  --inner-heading-font: var(--font-stack-4);
  --inner-heading-weight: 500;
  --inner-heading-tracking: -.012em;
}
html[data-layout="inner"]:lang(zh) {
  --inner-heading-font: var(--font-stack-3);
  --inner-heading-tracking: 0;
}
html[data-layout="inner"] body :is(h1, h2, h3) {
  font-family: var(--inner-heading-font);
  font-weight: var(--inner-heading-weight);
  letter-spacing: var(--inner-heading-tracking);
}
html[data-layout="inner"] .page-mark {
  font-family: var(--inner-heading-font);
  font-weight: var(--inner-heading-weight);
  letter-spacing: var(--inner-heading-tracking);
}

:where(html[data-layout="inner"]) .page-hero h1 {
  max-width: 1000px;
  margin: 0;
  font-size: clamp(32px,3.4vw,44px);
  line-height: 1.08;
  text-wrap: balance;
  overflow-wrap: break-word;
}

:where(html[data-layout="inner"]) body[data-lang="zh"] .page-hero h1 {
  max-width: 960px;
}

:where(html[data-layout="inner"]) .section-head h2 {
  margin: 0;
  font-size: clamp(26px,2.5vw,32px);
  line-height: 1.1;
}

:where(html[data-layout="inner"]) .platform h2 {
  margin: 0;
  font-size: var(--text-28);
}

:where(html[data-layout="inner"]) .plugin-card h2 {
  margin: var(--space-2) 0 var(--space-8);
  font-size: var(--text-21);
}

:where(html[data-layout="inner"]) .help-group h2 {
  margin: 0 0 var(--space-10);
  font-size: var(--text-34);
}

:where(html[data-layout="inner"]) .help-item h3 {
  margin: 0 0 var(--space-5);
  font-size: var(--text-17);
}

:where(html[data-layout="inner"]) .guide-link h3 {
  margin: 0 0 var(--space-7);
  font-size: var(--text-18);
}

:where(html[data-layout="inner"]) .workflow-intro h2 {
  margin: 0 0 var(--space-10);
  font-size: clamp(24px,2.3vw,30px);
  line-height: 1.4;
}

:where(html[data-layout="inner"]) .flow-content h3 {
  margin: 0 0 var(--space-9);
  font-size: var(--text-23);
}

:where(html[data-layout="inner"]) .tutorial-head h2 {
  margin: 0 0 var(--space-10);
  font-size: clamp(24px,2.3vw,30px);
  line-height: 1.4;
}

:where(html[data-layout="inner"]) .help-sidebar h2 {
  margin: 0 0 var(--space-9);
  color: var(--ink);
  font-size: var(--text-14);
  line-height: 1.4;
}

:where(html[data-layout="inner"]) .help-manual-head h1 {
  margin: 0;
  font-size: clamp(30px,3vw,40px);
  line-height: 1.12;
}

:where(html[data-layout="inner"]) .help-topic-head h2 {
  max-width: 700px;
  margin: 0;
  font-size: var(--text-34);
  line-height: 1.2;
}

:where(html[data-layout="inner"]) .help-topic-list h3 {
  margin: 0 0 var(--space-8);
  font-size: var(--text-19);
  line-height: 1.45;
}

:where(html[data-layout="inner"]) .doc h1 {
  font-size: clamp(32px,3.2vw,42px);
  margin: 0 0 var(--space-20);
}

:where(html[data-layout="inner"]) .doc h2 {
  margin: var(--space-50) 0 var(--space-14);
  padding-top: var(--space-30);
  border-top: 1px solid var(--line);
  font-size: var(--text-28);
}

:where(html[data-layout="inner"]) .doc h3 {
  margin: var(--space-26) 0 var(--space-10);
}

:where(html[data-layout="inner"]) .contact-item h2 {
  margin: 0 0 var(--space-10);
  font-size: var(--text-21);
}

:where(html[data-layout="inner"]) .release h2 {
  margin: 0 0 var(--space-14);
  font-size: var(--text-22);
}

:where(html[data-layout="inner"]) .compare h3 {
  margin: 0 0 var(--space-14);
}

:where(html[data-layout="inner"]) .permission h3 {
  margin: 0 0 var(--space-6);
}

:where(html[data-layout="inner"]) .side-facts h2 {
  margin: 0 0 var(--space-18);
  font-size: var(--text-18);
}

@media(max-width:640px) {
  :where(html[data-layout="inner"]) .page-hero h1 {
    font-size: 30px;
    line-height: 1.14;
  }

  :where(html[data-layout="inner"]) .section-head h2 {
    font-size: 26px;
  }

  :where(html[data-layout="inner"]) .help-sidebar h2 {
    grid-column: 1/-1;
  }

  :where(html[data-layout="inner"]) .help-manual-head h1 {
    font-size: 30px;
  }
}

@media(max-width:640px) {
  :where(html[data-layout="inner"]) .help-topic-head h2 {
    font-size: 24px;
  }
}

:where(html[data-layout="inner"]) body[data-lang="zh"] .section-head h2 {
  line-height: 1.3;
}

:where(html[data-layout="inner"]) body[data-lang="zh"] .doc h1 {
  line-height: 1.3;
}

:where(html[data-layout="inner"]) body[data-lang="zh"] .plugin-card h2 {
  line-height: 1.48;
}

:where(html[data-layout="inner"]) body[data-lang="zh"] .contact-item h2 {
  line-height: 1.48;
}

:where(html[data-layout="inner"]) body[data-lang="zh"] .release h2 {
  line-height: 1.48;
}

@media(max-width:780px) {
  :where(html[data-layout="inner"]) .help-sidebar h2 {
    grid-column: 1/-1;
  }
}

:where(html[data-layout="inner"]) body[data-lang="zh"] .page-hero h1 {
  font-size: clamp(32px,3.2vw,42px);
  line-height: 1.3;
}

:where(html[data-layout="inner"]) body[data-lang="zh"] .help-manual-head h1 {
  font-size: clamp(30px,3vw,40px);
  line-height: 1.35;
}

:where(html[data-layout="inner"]) body[data-lang="zh"] .help-topic-head h2 {
  font-size: clamp(24px,2.3vw,30px);
  line-height: 1.45;
}

:where(html[data-layout="inner"]) body[data-lang="zh"] .doc h2 {
  font-size: clamp(24px,2.3vw,30px);
  line-height: 1.45;
}

:where(html[data-layout="inner"]) body[data-lang="zh"] .flow-content h3 {
  line-height: 1.55;
}

:where(html[data-layout="inner"]) body[data-lang="zh"] .help-topic-list h3 {
  line-height: 1.55;
}

@media(max-width:640px) {
  :where(html[data-layout="inner"]) body[data-lang="zh"] .page-hero h1 {
    font-size: 30px;
  }

  :where(html[data-layout="inner"]) body[data-lang="zh"] .help-manual-head h1 {
    font-size: 30px;
  }

  :where(html[data-layout="inner"]) body[data-lang="zh"] .help-topic-head h2 {
    font-size: 24px;
  }

  :where(html[data-layout="inner"]) body[data-lang="zh"] .doc h2 {
    font-size: 24px;
  }
}

:where(html[data-layout="inner"]) body[data-lang="en"] .page-hero h1 {
  max-width: 880px;
  font-size: clamp(34px,3.5vw,46px);
  line-height: 1.2;
}

:where(html[data-layout="inner"]) body[data-lang="en"] .section-head h2 {
  font-size: clamp(26px,2.5vw,32px);
  line-height: 1.28;
}

:where(html[data-layout="inner"]) body[data-lang="en"] .help-manual-head h1 {
  font-size: clamp(32px,3.2vw,42px);
  line-height: 1.25;
}

:where(html[data-layout="inner"]) body[data-lang="en"] .help-topic-head h2 {
  font-size: clamp(24px,2.3vw,30px);
  line-height: 1.35;
}

:where(html[data-layout="inner"]) body[data-lang="en"] .doc h2 {
  font-size: clamp(24px,2.3vw,30px);
  line-height: 1.35;
}

@media(max-width:640px) {
  :where(html[data-layout="inner"]) body[data-lang="en"] .page-hero h1 {
    font-size: 32px;
    line-height: 1.25;
  }

  :where(html[data-layout="inner"]) body[data-lang="en"] .help-manual-head h1 {
    font-size: 30px;
  }

  :where(html[data-layout="inner"]) body[data-lang="en"] .section-head h2 {
    font-size: 26px;
  }
}