@font-face {
  font-family:"Noto Serif SC Yimo";
  src:url('/site-assets/fonts/editorial.woff2') format('woff2');
  font-style:normal;
  font-weight:400 600;
  font-display:swap
}
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:104px;
  color-scheme:light
}
body {
  margin:0;
  background:var(--ym-paper);
  color:var(--ym-ink);
  font-family:var(--ym-font-body);
  font-size:16px;
  line-height:1.75;
  -webkit-font-smoothing:antialiased
}
a {
  color:inherit;
  text-decoration:none
}
button {
  font:inherit;
  color:inherit;
  cursor:pointer
}
button,a {
  -webkit-tap-highlight-color:transparent
}
button {
  border:0
}
img {
  display:block;
  max-width:100%;
  height:auto
}
h1,h2,h3,p,figure {
  margin:0
}
h1,h2,h3 {
  font-weight:500
}
button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible {
  outline:2px solid var(--ym-accent);
  outline-offset:5px
}
[hidden] {
  display:none!important
}
::selection {
  background:var(--ym-selection);
  color:var(--ym-ink)
}
.container {
  width:min(var(--ym-width),calc(100% - 112px));
  margin-inline:auto
}
.section {
  padding-block:100px
}
.eyebrow {
  display:flex;
  align-items:center;
  gap:10px;
  font-size:12px;
  letter-spacing:1.5px;
  font-weight:550;
  color:var(--ym-accent);
  margin-bottom:24px
}
.mono {
  font-family:var(--ym-font-mono);
  font-size:11px;
  letter-spacing:1px
}
.dot,.status-dot {
  display:inline-block;
  width:6px;
  height:6px;
  flex-shrink:0;
  border-radius:50%;
  background:var(--ym-accent)
}
.status-dot {
  background:var(--ym-success)
}
.pending-dot {
  display:inline-block;
  width:7px;
  height:7px;
  border:1px solid var(--ym-warning);
  border-radius:50%
}
.text-link {
  display:inline-flex;
  align-items:center;
  gap:18px;
  font-size:14px;
  font-weight:550;
  padding-block:8px;
  transition:color var(--ym-duration-fast)
}
.text-link:hover {
  color:var(--ym-accent)
}
.text-link>span {
  font-size:19px;
  line-height:1
}
.button {
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:42px;
  min-height:52px;
  padding:13px 24px;
  font-size:15px;
  font-weight:550;
  border-radius:var(--ym-radius-control);
  transition:background var(--ym-duration-fast),transform var(--ym-duration-fast)
}
.button span {
  font-size:20px
}
.button:hover {
  transform:translateY(-2px)
}
.button-primary {
  color:var(--ym-surface);
  background:var(--ym-accent)
}
.button-primary:hover {
  background:var(--ym-accent-hover)
}
.button-ink {
  color:var(--ym-surface);
  background:var(--ym-ink)
}
.button-ink:hover {
  background:#183761
}
.skip-link {
  position:fixed;
  left:16px;
  top:-100px;
  z-index:100;
  background:var(--ym-surface);
  padding:12px 20px;
  border:1px solid var(--ym-accent)
}
.skip-link:focus {
  top:12px
}
/* Quiet masthead; the product entrance stays visible on a phone. */
.site-header {
  position:sticky;
  top:0;
  z-index:20;
  border-bottom:1px solid var(--ym-line);
  background:var(--ym-header-surface)
}
.header-row {
  height:88px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px
}
.wordmark {
  display:inline-flex;
  align-items:center;
  gap:10px;
  flex-shrink:0
}
.wordmark-copy {
  display:flex;
  flex-direction:column;
  gap:4px
}
.wordmark-cn {
  font-size:25px;
  line-height:1;
  font-weight:700;
  letter-spacing:2px
}
.wordmark-en {
  font-family:var(--ym-font-body);
  font-size:9px;
  line-height:1;
  font-weight:650;
  letter-spacing:3.5px;
  padding-left:2px
}
.desktop-nav {
  display:flex;
  align-items:center;
  gap:32px;
  font-size:13px
}
.desktop-nav a:hover {
  color:var(--ym-accent)
}
.header-actions {
  display:flex;
  align-items:center;
  gap:18px
}
.header-cta {
  display:inline-flex;
  gap:24px;
  align-items:center;
  font-size:13px;
  font-weight:550;
  min-height:44px;
  border-bottom:1px solid var(--ym-ink)
}
.header-cta:hover {
  color:var(--ym-accent);
  border-color:var(--ym-accent)
}
.menu-toggle {
  display:none;
  width:44px;
  height:44px;
  background:none;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px
}
.menu-toggle span {
  height:1.5px;
  width:23px;
  background:var(--ym-ink);
  transition:transform 160ms
}
.menu-toggle[aria-expanded=true] span:first-child {
  transform:translateY(3.75px) rotate(45deg)
}
.menu-toggle[aria-expanded=true] span:last-child {
  transform:translateY(-3.75px) rotate(-45deg)
}
.mobile-nav {
  padding:10px 20px 24px;
  border-top:1px solid var(--ym-line)
}
.mobile-nav a {
  display:block;
  padding:12px 4px;
  font-size:16px;
  min-height:44px
}