/* Shared five-language components. System CJK/Vietnamese stacks avoid missing glyphs. */
html:lang(zh-CN) { font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif; }
html:lang(ja) { font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans CJK JP", sans-serif; }
html:lang(vi) { font-family: system-ui, -apple-system, "Segoe UI", sans-serif; }
html:lang(zh-CN) body, html:lang(ja) body, html:lang(vi) body,
html:lang(zh-CN) button, html:lang(ja) button, html:lang(vi) button,
html:lang(zh-CN) input, html:lang(ja) input, html:lang(vi) input,
html:lang(zh-CN) textarea, html:lang(ja) textarea, html:lang(vi) textarea,
html:lang(zh-CN) select, html:lang(ja) select, html:lang(vi) select { font-family: inherit; }
html:lang(zh-CN) h1, html:lang(ja) h1, html:lang(vi) h1 { letter-spacing: -.035em; line-height: 1.3; overflow-wrap: anywhere; }
html:lang(zh-CN) h2, html:lang(ja) h2, html:lang(vi) h2 { letter-spacing: -.025em; }
.language-switch { gap: 2px; flex-wrap: wrap; }
.language-switch a, .nav-mobile-language a { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
.language-switch a[aria-current="page"], .nav-mobile-language a[aria-current="page"] { background: #e8eefc; border-radius: 8px; }
.language-switch span, .nav-mobile-language > span { display: none; }
.nav-mobile-language { flex-wrap: wrap; gap: 8px; }
.localized-hero { position: relative; isolation: isolate; background: #edf3fa; overflow: hidden; }
.localized-hero-visual { position: absolute; inset: 0 0 0 42%; z-index: -1; }
.localized-hero-visual img { width: 100%; height: 100%; object-fit: cover; }
.localized-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,#f1f5fc 20%,#f1f5fcf2 46%,#f1f5fc22 100%); }
.localized-hero-grid { padding-top: 100px; padding-bottom: 120px; }
.localized-hero-copy { max-width: 850px; }
.localized-hero h1 { font-size: clamp(38px,4.6vw,68px); margin-top: 24px; text-wrap: balance; }
.localized-hero h1 span { color: #174fb6; }
.localized-hero-copy > p { font-size: clamp(18px,1.5vw,22px); max-width: 700px; margin-top: 28px; line-height: 1.8; }
.capability-directory-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.capability-directory-card { padding: 32px; border: 1px solid #dce3ef; border-radius: 18px; display: flex; flex-direction: column; align-items: flex-start; min-width: 0; background: #fff; }
.capability-directory-card h3 { margin: 24px 0 16px; font-size: 24px; line-height: 1.45; }
.capability-directory-card p { font-size: 18px; line-height: 1.8; margin-bottom: 24px; }
.capability-directory-card .text-link { margin-top: auto; }
.locale-note { margin-top: 24px; font-size: 16px; line-height: 1.8; color: #4a5565; }
.localized-showcase { padding-top: 48px; }
.locale-demo { border: 1px solid #dce3ef; border-radius: 24px; background: #fff; box-shadow: 0 24px 70px #15264912; overflow: hidden; }
.locale-demo-top { display:flex; flex-wrap:wrap; gap:16px; justify-content:space-between; align-items:center; padding:24px 32px; background:#eff4fb; font-size:14px; font-weight:700; }
.locale-demo-intro { padding:24px 32px 0; }
.locale-demo .workspace-tabs { padding:20px 32px 0; flex-wrap:wrap; gap:8px; }
.locale-demo .workspace-tabs button { white-space: normal; min-height:48px; font-size:18px; }
.locale-demo-panel { padding:40px 32px; min-height:420px; }
.locale-demo-panel[hidden] { display:none; }
.locale-demo-panel h2 { font-size:32px; margin-bottom:16px; }
.locale-demo-panel > p { font-size:20px; line-height:1.8; }
.locale-demo .console-metrics { margin-top:32px; }
.locale-demo-chart { width:100%; height:150px; margin-top:24px; }
.locale-flow { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; list-style:none; margin:32px 0; padding:0; }
.locale-flow li { padding:24px; background:#edf3fc; border-radius:12px; }
.locale-flow span { display:block; color:#1454ed; margin-bottom:12px; font-size:16px; }
.locale-record { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; border-top:1px solid #e0e5ee; padding:16px 0; }
.locale-ai-answer { margin-top:32px; background:#edf3fc; border-radius:16px; padding:32px; }
.locale-ai-answer > span, .locale-ai-answer small { color:#174fb6; font-size:16px; }
.locale-ai-answer p { font-size:20px; line-height:1.8; margin:20px 0; }
.locale-demo .demo-disclaimer { padding:0 32px 28px; text-align:left; font-size:16px; }
@media(max-width:1000px) { .capability-directory-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .utility-contact { display:none; } }
@media(max-width:600px) {
  .localized-hero-grid { padding-top:56px; padding-bottom:64px; }
  .localized-hero-visual { inset:0; opacity:.12; }
  .localized-hero::after { background:linear-gradient(90deg,#f1f5fcdd,#f1f5fc88); }
  .capability-directory-grid { grid-template-columns:1fr; gap:16px; }
  .capability-directory-card { padding:24px; }
  .locale-flow { grid-template-columns:1fr; }
  .locale-demo-panel { padding:24px 20px; min-height:0; }
  .locale-demo-top, .locale-demo-intro, .locale-demo .workspace-tabs { padding-left:20px; padding-right:20px; }
  .locale-demo .console-metrics { grid-template-columns:1fr; }
  .locale-demo .demo-disclaimer { padding:0 20px 24px; }
  .locale-demo-panel h2 { font-size:26px; }
  .locale-demo .workspace-tabs button { font-size:16px; }
  .locale-ai-answer { padding:20px; }
}