html body {
  background-color: #090b0e !important;
  color: #e8edef;
}

html body .section.light,
html body .section.dark,
html body .clarity,
html body .band,
html body .examples,
html body .features,
html body .fit,
html body .first-meeting {
  background: linear-gradient(145deg, #101519 0%, #0c1013 100%) !important;
  color: #e8edef !important;
}

html body .section-head p,
html body .approach-title p,
html body .step p,
html body .card p,
html body .band-grid p,
html body .feature p,
html body .examples li,
html body .fit-grid p,
html body .statement,
html body .clarity-item p,
html body .meeting-grid p {
  color: #a5b0b5 !important;
}

html body .step h3,
html body .card h3,
html body .feature h3,
html body .clarity-item h3,
html body .meeting-grid h3,
html body .band-grid h2,
html body .examples h2,
html body .fit-grid h2 {
  color: #edf1f2 !important;
}

html body .cards,
html body .card,
html body .steps,
html body .step,
html body .feature-grid,
html body .feature,
html body .examples li,
html body .clarity-item,
html body .meeting-grid article {
  border-color: #ffffff24 !important;
}

html body .section.dark .step .num,
html body .step-num,
html body .eyeline,
html body .feature-num {
  color: #8fb6c0 !important;
}

html body .menu-trigger {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body .menu-trigger:hover {
  border: 0 !important;
  background: transparent !important;
}

html body .menu-trigger:focus-visible {
  outline: 1px solid #c7b58e !important;
  outline-offset: 5px;
  border-radius: 50%;
}

html body .language-picker {
  display: inline-flex;
  align-items: center;
}

html body .language-picker select {
  appearance: none;
  -webkit-appearance: none;
  min-width: 82px;
  max-width: 108px;
  padding: 9px 17px 9px 2px;
  border: 0;
  border-bottom: 1px solid #c7b58e45;
  border-radius: 0;
  color: #c8c1b0;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='m1 1 4 4 4-4' fill='none' stroke='%23c7b58e' stroke-width='1.2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 3px center;
  font: 9px 'DM Mono', 'Noto Sans SC', 'Noto Sans JP', 'Microsoft YaHei', 'Yu Gothic', Meiryo, sans-serif;
  letter-spacing: .04em;
  cursor: pointer;
}

html body .language-picker select:hover,
html body .language-picker select:focus-visible {
  color: #f0e9d8;
  border-bottom-color: #c7b58e;
  outline: none;
}

html body .language-picker option {
  color: #edf0f1;
  background: #101519;
  font-family: 'Noto Sans SC', 'Noto Sans JP', 'Microsoft YaHei', 'Yu Gothic', Meiryo, sans-serif;
}

html body .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

html[lang="zh-CN"] body,
html[lang="ja"] body {
  font-family: Manrope, 'Noto Sans SC', 'Noto Sans JP', 'Microsoft YaHei', 'Yu Gothic', Meiryo, Arial, sans-serif;
}

html[lang="zh-CN"] h1,
html[lang="zh-CN"] h2,
html[lang="zh-CN"] h3,
html[lang="ja"] h1,
html[lang="ja"] h2,
html[lang="ja"] h3 {
  letter-spacing: 0;
  line-height: 1.18;
  overflow-wrap: anywhere;
}

@media (max-width: 520px) {
  html body .language-picker select {
    min-width: 68px;
    max-width: 88px;
    font-size: 8px;
    padding-right: 14px;
  }
}