/* Landing face (promoted from the test site's tools.css, matched to the PM's choices on 2026-11-05): the headline in
   Bricolage Light and the lines set in it, "AI-Native" plain in the sage green, the paper (light) and calm-blue (dark)
   palettes, and the Chinese (Song), Japanese (Mincho) and Korean (Myeongjo) display faces. landing.html sets the data-*
   choices on <html>; --sbx-cjk-display is the display stack without Geist, so the CJK face draws CJK punctuation. */
html[data-hero-font="bricolage-light"] body:is(body, #oc-arc):is(body, #oc-arc-2) .ld-hero-title {
  font-family: "Bricolage Grotesque", var(--sbx-cjk-display, var(--ld-display));
  font-optical-sizing: auto;
  font-size: clamp(40px, 5.3vw, 76px);
  font-weight: 300;
  line-height: 1;
  letter-spacing: -0.03em;
}
html { --sbx-em-ink: #3F6E58; --sbx-em-grad: linear-gradient(100deg, #3F6E58 0%, #7FA48F 52%, #3F6E58 100%); }
html[data-hero-em] body:is(body, #oc-arc):is(body, #oc-arc-2) .ld-hero-em { font-style: normal; color: var(--sbx-em-ink); }
html[data-zh-font="song"]:lang(zh-CN) {
  --ld-display: "Geist", "Noto Serif SC", "Songti SC", "SimSun", serif;
  --ld-sans: "Inter", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --sbx-cjk-display: "Noto Serif SC", "Songti SC", "SimSun", serif;
}
html[data-zh-font="song"]:lang(zh-Hant) {
  --ld-display: "Geist", "Noto Serif TC", "Songti TC", "PMingLiU", serif;
  --ld-sans: "Inter", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
  --sbx-cjk-display: "Noto Serif TC", "Songti TC", "PMingLiU", serif;
}
html[data-zh-font]:lang(zh) body:is(body, #oc-arc):is(body, #oc-arc-2) .ld-hero-title { letter-spacing: 0.04em; }
html[data-zh-font]:lang(zh) body:is(body, #oc-arc):is(body, #oc-arc-2) .ld-hero-em {
  font-family: inherit;
  font-size: 1em;
  font-style: normal;
  letter-spacing: inherit;
}
html[data-ja-font="mincho"]:lang(ja) {
  --ld-display: "Geist", "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --ld-sans: "Inter", "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
  --sbx-cjk-display: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;
}
html[data-ko-font="myeongjo"]:lang(ko) {
  --ld-display: "Geist", "Noto Serif KR", "AppleMyungjo", "Batang", serif;
  --ld-sans: "Inter", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --sbx-cjk-display: "Noto Serif KR", "AppleMyungjo", "Batang", serif;
}
html[data-ja-font]:lang(ja) body:is(body, #oc-arc):is(body, #oc-arc-2) .ld-hero-title { letter-spacing: 0.04em; }
html[data-ko-font]:lang(ko) body:is(body, #oc-arc):is(body, #oc-arc-2) .ld-hero-title { letter-spacing: 0.01em; }
html[data-ja-font]:lang(ja) body:is(body, #oc-arc):is(body, #oc-arc-2) .ld-hero-em,
html[data-ko-font]:lang(ko) body:is(body, #oc-arc):is(body, #oc-arc-2) .ld-hero-em {
  font-family: inherit;
  font-size: 1em;
  font-style: normal;
  letter-spacing: inherit;
}
html:not([data-theme="light"]) {
  --ld-bg: #101b29;
  --ld-bg-2: #0c1622;
  --ld-kelp: #172636;
  --ld-ink: #eef3f9;
  --ld-ink-soft: #a7b4c3;
  --ld-ink-mute: #8b99a9;
  --ld-ink-faint: #6c7a8b;
  --ld-hair: rgba(214, 228, 248, 0.09);
  --ld-hair-2: rgba(214, 228, 248, 0.15);
  --ld-hover: rgba(214, 228, 248, 0.06);
  --ld-hover-strong: rgba(214, 228, 248, 0.12);
  --ld-glass-fill: rgba(23, 38, 54, 0.45);
  --ld-glass: rgba(23, 38, 54, 0.45);
  --ld-glass-edge: rgba(214, 228, 248, 0.14);
  --ld-frost: rgba(23, 38, 54, 0.45);
  --ld-frost-scrolled: rgba(23, 38, 54, 0.62);
  --ld-cta-ink: #101b29;
  --ld-hot-ink: #101b29;
}
html[data-bg="paper"][data-theme="light"] {
  --ld-bg: #F7F6F2;
  --ld-bg-2: #F2F0EA;
  --ld-kelp: #F9F5F2;
  --ld-glass-fill: rgba(249, 245, 242, 0.82);
  --ld-glass: rgba(249, 245, 242, 0.82);
  --ld-frost: rgba(249, 245, 242, 0.82);
  --ld-frost-scrolled: rgba(249, 245, 242, 0.92);
  --ld-glass-edge: rgba(40, 32, 20, 0.12);
  --ld-hair: rgba(40, 32, 20, 0.10);
  --ld-hair-2: rgba(40, 32, 20, 0.16);
}
html[data-hero-font="bricolage-light"] body:is(body, #oc-arc):is(body, #oc-arc-2) .ld-foot .lf-cta-t,
html[data-hero-font="bricolage-light"] body:is(body, #oc-arc):is(body, #oc-arc-2) .lx-copy h2,
html[data-hero-font="bricolage-light"] body:is(body, #oc-arc):is(body, #oc-arc-2) .lq-title {
  font-family: "Bricolage Grotesque", var(--sbx-cjk-display, var(--ld-display));
  font-optical-sizing: auto;
  font-weight: 300;
  letter-spacing: -0.03em;
}
html[data-zh-font]:lang(zh) body:is(body, #oc-arc):is(body, #oc-arc-2) .ld-foot .lf-cta-t,
html[data-zh-font]:lang(zh) body:is(body, #oc-arc):is(body, #oc-arc-2) .lx-copy h2:not([lang="en"]),
html[data-zh-font]:lang(zh) body:is(body, #oc-arc):is(body, #oc-arc-2) .lq-title,
html[data-ja-font]:lang(ja) body:is(body, #oc-arc):is(body, #oc-arc-2) .ld-foot .lf-cta-t,
html[data-ja-font]:lang(ja) body:is(body, #oc-arc):is(body, #oc-arc-2) .lx-copy h2:not([lang="en"]),
html[data-ja-font]:lang(ja) body:is(body, #oc-arc):is(body, #oc-arc-2) .lq-title { letter-spacing: 0.04em; }
html[data-ko-font]:lang(ko) body:is(body, #oc-arc):is(body, #oc-arc-2) .ld-foot .lf-cta-t,
html[data-ko-font]:lang(ko) body:is(body, #oc-arc):is(body, #oc-arc-2) .lx-copy h2:not([lang="en"]),
html[data-ko-font]:lang(ko) body:is(body, #oc-arc):is(body, #oc-arc-2) .lq-title { letter-spacing: 0.01em; }
html[data-hero-font^="bricolage"] body:is(body, #oc-arc):is(body, #oc-arc-2) .lq-lead .lq-q p { font-family: "Bricolage Grotesque", var(--sbx-cjk-display, var(--ld-display)); font-optical-sizing: auto; }

/* The paper page behind everything in light mode. */
html[data-bg="paper"][data-theme="light"] { background-color: #F7F6F2; }