/* Unified overseas site theme — aligns legacy/static pages with the main DataMind AI homepage. */
:root{
  color-scheme:dark;
  --dm-bg:oklch(13.5% 0.018 255);
  --dm-bg-2:oklch(16.5% 0.021 255);
  --dm-surface:oklch(18.8% 0.023 255);
  --dm-surface-2:oklch(22.5% 0.026 255);
  --dm-fg:oklch(93% 0.012 248);
  --dm-muted:oklch(72% 0.018 248);
  --dm-faint:oklch(58% 0.022 248);
  --dm-border:oklch(30% 0.026 255);
  --dm-accent:oklch(68% 0.15 232);
  --dm-accent-2:oklch(63% 0.12 268);
  --dm-danger:oklch(68% 0.18 28);
  --dm-shadow:0 24px 80px rgba(0,0,0,.26);
  --bg:var(--dm-bg);
  --text:var(--dm-fg);
  --muted:var(--dm-muted);
  --line:color-mix(in oklch,var(--dm-border) 82%,transparent);
  --line-soft:color-mix(in oklch,var(--dm-border) 58%,transparent);
  --panel:color-mix(in oklch,var(--dm-surface) 86%,transparent);
  --primary:var(--dm-accent);
  --cyan:var(--dm-accent-2);
  --accent:var(--dm-accent);
  --accent-2:var(--dm-accent-2);
  --accent-soft:color-mix(in oklch,var(--dm-accent) 16%,transparent);
  --accent-ink:color-mix(in oklch,var(--dm-accent) 82%,white);
  --shadow:var(--dm-shadow);
}
*{box-sizing:border-box}
html{background:var(--dm-bg);scroll-behavior:smooth}
body{
  margin:0;
  min-width:0;
  background:
    radial-gradient(circle at 48% -80px,color-mix(in oklch,var(--dm-accent) 10%,transparent) 0 240px,transparent 610px),
    radial-gradient(circle at 86% 12%,color-mix(in oklch,var(--dm-accent-2) 9%,transparent) 0 220px,transparent 560px),
    linear-gradient(180deg,var(--dm-bg) 0%,var(--dm-bg-2) 48%,var(--dm-bg) 100%) !important;
  color:var(--dm-fg) !important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI","PingFang SC","Microsoft YaHei",system-ui,sans-serif !important;
}
a{color:inherit;text-decoration:none}.shell,.docs-shell,.legal-shell{width:min(1220px,calc(100vw - 80px));margin-inline:auto}.legal-shell{max-width:1000px;padding:34px 0 76px}.liquid-bg{opacity:.38}
/* Unified top navigation for both modern and legacy pages */
.site-header,.header.docs-header,header.shell.nav{
  position:sticky;top:0;z-index:50;height:66px;margin:0 auto;padding:0 !important;
  background:color-mix(in oklch,var(--dm-bg) 86%,transparent) !important;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid color-mix(in oklch,var(--dm-border) 78%,transparent) !important;
  border-radius:0 !important;box-shadow:none !important;
}
header.shell.nav{width:100%;max-width:none;display:flex;align-items:center;justify-content:center;gap:0}
header.shell.nav>.brand,header.shell.nav>.links{height:66px}.nav-shell,.header.docs-header .shell.nav{width:min(1220px,calc(100vw - 80px));height:66px;margin:0 auto;display:grid;grid-template-columns:214px 1fr 320px;align-items:center;gap:18px;border:0 !important;background:transparent !important;box-shadow:none !important;padding:0 !important}.header.docs-header .shell.nav{display:flex;justify-content:space-between}.brand,.footer-brand .brand-lockup{display:inline-flex;align-items:center;gap:10px;color:var(--dm-fg) !important;font-weight:760}.brand img{width:28px!important;height:28px!important;border-radius:7px!important}.links,.nav-links{display:flex;align-items:center;justify-content:center;gap:18px;color:var(--dm-muted)!important;font-size:14px;font-weight:650}.links a,.nav-links a,.login-link{color:color-mix(in oklch,var(--dm-muted) 88%,var(--dm-fg))!important;padding:0!important;background:transparent!important;border-radius:0!important;transition:color .16s ease}.links a:hover,.nav-links a:hover,.login-link:hover{color:var(--dm-fg)!important}.btn,.register-link,.primary-action{border-radius:8px!important;color:oklch(13% 0.025 250)!important;background:color-mix(in oklch,var(--dm-accent) 88%,white)!important;border:1px solid color-mix(in oklch,var(--dm-accent) 66%,white)!important;box-shadow:none!important}.secondary-action{border-radius:8px!important;color:var(--dm-fg)!important;border:1px solid var(--dm-border)!important;background:transparent!important}
/* Hero and cards */
.hero{padding:58px 0 28px!important}.hero-card,.legal-card,.card,.docs-card,.guide-card,.category-card,.proof-panel,.stat-card,.faq-item{
  border:1px solid color-mix(in oklch,var(--dm-border) 86%,transparent)!important;
  background:linear-gradient(180deg,color-mix(in oklch,var(--dm-surface-2) 70%,transparent),color-mix(in oklch,var(--dm-surface) 78%,transparent))!important;
  box-shadow:var(--dm-shadow)!important;color:var(--dm-fg)!important;border-radius:24px!important;
}
.hero-card,.legal-card{padding:clamp(26px,4vw,44px)!important}.danger{border-color:color-mix(in oklch,var(--dm-danger) 42%,var(--dm-border))!important;background:linear-gradient(180deg,color-mix(in oklch,var(--dm-danger) 12%,var(--dm-surface-2)),color-mix(in oklch,var(--dm-surface) 84%,transparent))!important}.notice{border-color:color-mix(in oklch,var(--dm-accent) 32%,var(--dm-border))!important;background:color-mix(in oklch,var(--dm-accent) 10%,var(--dm-surface))!important}.eyebrow,.legal-eyebrow{
  display:inline-flex!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:color-mix(in oklch,var(--dm-accent) 82%,white)!important;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.badge{color:color-mix(in oklch,var(--dm-accent) 82%,white)!important;background:color-mix(in oklch,var(--dm-accent) 12%,transparent)!important;border:1px solid color-mix(in oklch,var(--dm-accent) 24%,transparent)!important}.gradient{background:linear-gradient(100deg,var(--dm-fg),var(--dm-accent) 52%,var(--dm-accent-2));-webkit-background-clip:text;background-clip:text;color:transparent!important}h1,h2,h3,strong{color:var(--dm-fg)!important}p,li,.lead,.muted,.legal-card p,.legal-card li,.docs-card p,.docs-card li,.category-card span,.guide-card span{color:var(--dm-muted)!important;line-height:1.78}.legal-card a,.footer a,.text-action,.guide-card em,.category-card small,.guide-card small{color:color-mix(in oklch,var(--dm-accent) 82%,white)!important}.legal-card ul{padding-left:22px}.legal-card h1{letter-spacing:-.055em}.legal-card h2{border-top:1px solid color-mix(in oklch,var(--dm-border) 52%,transparent);padding-top:24px;margin-top:30px}.legal-card h2:first-of-type{border-top:0;padding-top:0}
/* Docs */
.docs-layout{margin-top:16px}.docs-sidebar a,.proof-links a,.config-table,.step{border-color:color-mix(in oklch,var(--dm-border) 74%,transparent)!important;background:color-mix(in oklch,var(--dm-surface) 68%,transparent)!important;color:var(--dm-muted)!important}.docs-sidebar a:hover,.docs-sidebar a.active{color:var(--dm-fg)!important;border-color:color-mix(in oklch,var(--dm-accent) 46%,var(--dm-border))!important;background:color-mix(in oklch,var(--dm-accent) 14%,var(--dm-surface))!important}.codebox{border-color:var(--dm-border)!important;background:#07130f!important}
/* Footer */
.site-footer,.footer.shell,footer.footer{
  width:100%!important;max-width:none!important;margin:0!important;padding:38px max(40px,calc((100vw - 1220px)/2)) 52px!important;
  color:var(--dm-muted)!important;background:color-mix(in oklch,var(--dm-bg) 78%,black)!important;border-top:1px solid color-mix(in oklch,var(--dm-border) 70%,transparent)!important;text-align:left!important;font-size:13px!important;
}
.footer.shell{text-align:center!important}.footer-grid{width:min(1220px,calc(100vw - 80px));margin:0 auto}.footer-bottom{color:var(--dm-faint)!important;border-top-color:color-mix(in oklch,var(--dm-border) 70%,transparent)!important}.footer-links a,.footer-bottom a{color:var(--dm-muted)!important}.footer-links a:hover,.footer-bottom a:hover{color:var(--dm-fg)!important}
@media(max-width:980px){.shell,.docs-shell,.legal-shell,.nav-shell,.header.docs-header .shell.nav{width:min(100% - 32px,1220px)}.nav-shell{grid-template-columns:1fr auto}.nav-links,.links{gap:12px}.legal-shell{padding-top:24px}.site-footer,.footer.shell,footer.footer{padding-left:20px!important;padding-right:20px!important}.footer-grid{width:100%}}
@media(max-width:680px){.nav-links,.links{display:none!important}.nav-actions .login-link,.nav-actions .ghost-control{display:none}.hero{padding-top:36px!important}.legal-card,.hero-card,.card{border-radius:20px!important}.shell,.docs-shell,.legal-shell{width:min(100% - 28px,1220px)}}

/* Use the exact homepage header structure on every static page. */
.site-header{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border-radius:0!important;}
.site-header .nav-shell{width:min(1220px,calc(100vw - 80px))!important;height:66px!important;margin:0 auto!important;display:grid!important;grid-template-columns:214px 1fr 320px!important;align-items:center!important;gap:18px!important;}
.site-header .brand img{width:28px!important;height:28px!important;border-radius:7px!important;}
.site-header .nav-links{display:inline-flex!important;justify-content:center!important;gap:18px!important;}
.site-header .nav-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;}
.site-header .quick-actions{display:inline-flex!important;align-items:center!important;gap:8px!important;}
.site-header .icon-btn{width:36px!important;height:36px!important;display:grid!important;place-items:center!important;border-radius:8px!important;border:1px solid var(--dm-border)!important;background:color-mix(in oklch,var(--dm-surface) 70%,transparent)!important;color:var(--dm-muted)!important;cursor:pointer!important;}
.site-header .icon-btn svg{width:17px!important;height:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.site-header .auth-actions{display:flex!important;align-items:center!important;gap:10px!important;}
.site-header .lang-menu,.site-header .theme-menu{color:var(--dm-fg)!important;}
@media(max-width:980px){.site-header .nav-shell{width:min(100% - 32px,1220px)!important;grid-template-columns:1fr auto!important}.site-header .nav-links{display:none!important}}
@media(max-width:680px){.site-header .nav-actions .login-link,.site-header .quick-actions{display:none!important}.site-header .nav-shell{width:min(100% - 28px,1220px)!important}}
.site-header [hidden], .site-header .auth-actions[hidden]{display:none!important;}

/* Chinese homepage header parity: use .header > .shell.nav as the canonical nav. */
.header{
  position:sticky!important;top:0!important;z-index:60!important;height:72px!important;margin:0!important;padding:0!important;
  background:color-mix(in oklch,var(--dm-bg) 86%,transparent)!important;
  backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;
  border-bottom:1px solid color-mix(in oklch,var(--dm-border) 78%,transparent)!important;
  box-shadow:none!important;border-radius:0!important;
}
.header .shell.nav{
  width:min(1220px,calc(100vw - 80px))!important;height:72px!important;margin:0 auto!important;padding:0!important;
  display:grid!important;grid-template-columns:214px minmax(0,1fr) 260px!important;align-items:center!important;gap:18px!important;
  border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;
}
.header .brand{display:inline-flex!important;align-items:center!important;gap:10px!important;color:var(--dm-fg)!important;font-weight:760!important;white-space:nowrap!important;}
.header .brand img{width:30px!important;height:30px!important;border-radius:8px!important;display:block!important;}
.header .links{display:flex!important;align-items:center!important;justify-content:center!important;gap:22px!important;white-space:nowrap!important;}
.header .links a{color:color-mix(in oklch,var(--dm-muted) 88%,var(--dm-fg))!important;font-size:14px!important;font-weight:650!important;padding:0!important;background:transparent!important;border:0!important;}
.header .links a:hover,.header .links a.active{color:var(--dm-fg)!important;}
.header .links a.active{text-decoration:underline!important;text-decoration-color:color-mix(in oklch,var(--dm-accent) 70%,transparent)!important;text-underline-offset:8px!important;}
.header .actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;}
.header .quick-actions{display:flex!important;align-items:center!important;gap:8px!important;}
.header .icon-btn{width:36px!important;height:36px!important;display:grid!important;place-items:center!important;border-radius:8px!important;border:1px solid var(--dm-border)!important;background:color-mix(in oklch,var(--dm-surface) 70%,transparent)!important;color:var(--dm-muted)!important;cursor:pointer!important;padding:0!important;}
.header .icon-btn svg{width:17px!important;height:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.header .btn{height:36px!important;min-height:36px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 14px!important;border-radius:8px!important;font-size:14px!important;font-weight:650!important;border:1px solid var(--dm-border)!important;background:transparent!important;color:var(--dm-fg)!important;box-shadow:none!important;}
.header .btn.primary{color:oklch(13% 0.025 250)!important;background:color-mix(in oklch,var(--dm-accent) 88%,white)!important;border-color:color-mix(in oklch,var(--dm-accent) 66%,white)!important;}
.header .lang-menu,.header .theme-menu{color:var(--dm-fg)!important;}
@media(max-width:1100px){.header .shell.nav{grid-template-columns:200px minmax(0,1fr) 220px!important}.header .links{gap:14px!important}.header .links a{font-size:13px!important}}
@media(max-width:900px){.header .shell.nav{width:min(100% - 32px,1220px)!important;grid-template-columns:1fr auto!important}.header .links{display:none!important}.header .actions .btn:first-of-type{display:none!important}}
@media(max-width:680px){.header .quick-actions{display:none!important}.header .shell.nav{width:min(100% - 28px,1220px)!important}.header .btn{padding:0 12px!important}}

/* Capsule nav style, matching the Chinese homepage feel without the price-preview nav item. */
.header .links{
  width:max-content!important;
  justify-self:center!important;
  padding:6px!important;
  gap:4px!important;
  border:1px solid color-mix(in oklch,var(--dm-border) 72%,transparent)!important;
  border-radius:999px!important;
  background:color-mix(in oklch,var(--dm-surface) 58%,transparent)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 12px 34px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
.header .links a{
  min-height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 14px!important;
  border-radius:999px!important;
  text-decoration:none!important;
  transition:background .16s ease,color .16s ease,box-shadow .16s ease!important;
}
.header .links a:hover,
.header .links a.active{
  color:var(--dm-fg)!important;
  background:color-mix(in oklch,var(--dm-fg) 9%,transparent)!important;
  box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--dm-border) 50%,transparent)!important;
}

/* Viewport-level language modal. Keep it outside sticky/header containing blocks. */
body > #langMenu{
  position:fixed!important;
  inset:0!important;
  z-index:99999!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  padding:24px!important;
  width:auto!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  overflow:visible!important;
  transform:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:var(--dm-fg, var(--docs-fg, #fff))!important;
}
body > #langMenu.open{display:flex!important;}
body > #langMenu .lang-modal-backdrop{
  position:fixed!important;
  inset:0!important;
  background:rgba(2,6,23,.58)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
body > #langMenu .lang-modal-panel{
  position:relative!important;
  z-index:1!important;
  width:min(560px,calc(100vw - 32px))!important;
  max-height:min(720px,calc(100vh - 48px))!important;
  overflow:auto!important;
  border:1px solid color-mix(in oklch,var(--dm-border, var(--docs-border, #334155)) 78%,transparent)!important;
  border-radius:24px!important;
  background:color-mix(in oklch,var(--dm-surface, var(--docs-surface, #111827)) 96%,black 4%)!important;
  box-shadow:0 30px 110px rgba(0,0,0,.46)!important;
  padding:0!important;
}
html:not(.dark)[data-theme="light"] body > #langMenu .lang-modal-panel,
html:not(.dark) body > #langMenu .lang-modal-panel{background:rgba(255,255,255,.98)!important;box-shadow:0 30px 110px rgba(16,32,56,.22)!important;}
body > #langMenu .lang-modal-head{display:flex!important;align-items:center!important;gap:14px!important;padding:22px 22px 16px!important;border-bottom:1px solid color-mix(in oklch,var(--dm-border, var(--docs-border, #334155)) 60%,transparent)!important;}
body > #langMenu .lang-modal-ico{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border-radius:14px!important;background:color-mix(in oklch,var(--dm-accent, var(--docs-accent, #38bdf8)) 16%,var(--dm-surface, var(--docs-surface, #111827)))!important;color:var(--dm-fg, var(--docs-fg, #fff))!important;flex:0 0 auto!important;}
body > #langMenu .lang-modal-ico svg{width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;}
body > #langMenu .lang-modal-tx{min-width:0!important;flex:1!important;}
body > #langMenu .lang-modal-tx h3{margin:0!important;color:var(--dm-fg, var(--docs-fg, #fff))!important;font-size:18px!important;line-height:1.25!important;}
body > #langMenu .lang-modal-tx p{margin:4px 0 0!important;color:var(--dm-muted, var(--docs-muted, #94a3b8))!important;font-size:13px!important;line-height:1.45!important;}
body > #langMenu .lang-modal-close{width:34px!important;height:34px!important;border:1px solid color-mix(in oklch,var(--dm-border, var(--docs-border, #334155)) 82%,transparent)!important;border-radius:999px!important;background:color-mix(in oklch,var(--dm-surface, var(--docs-surface, #111827)) 82%,transparent)!important;color:var(--dm-muted, var(--docs-muted, #94a3b8))!important;font-size:22px!important;line-height:1!important;display:grid!important;place-items:center!important;}
body > #langMenu .lang-modal-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:18px 22px 22px!important;}
body > #langMenu .lang-option{width:100%!important;min-height:62px!important;padding:12px!important;border:1px solid color-mix(in oklch,var(--dm-border, var(--docs-border, #334155)) 82%,transparent)!important;border-radius:16px!important;background:color-mix(in oklch,var(--dm-surface, var(--docs-surface, #111827)) 76%,transparent)!important;color:var(--dm-fg, var(--docs-fg, #fff))!important;display:flex!important;align-items:center!important;gap:10px!important;text-align:left!important;}
body > #langMenu .lang-option:hover{border-color:color-mix(in oklch,var(--dm-accent, var(--docs-accent, #38bdf8)) 48%,var(--dm-border, var(--docs-border, #334155)))!important;background:color-mix(in oklch,var(--dm-accent, var(--docs-accent, #38bdf8)) 10%,var(--dm-surface, var(--docs-surface, #111827)))!important;}
body > #langMenu .lo-names{display:grid!important;gap:2px!important;min-width:0!important;flex:1!important;}
body > #langMenu .lo-names strong{font-size:14px!important;line-height:1.2!important;color:var(--dm-fg, var(--docs-fg, #fff))!important;}
body > #langMenu .lo-names small{font-size:12px!important;color:var(--dm-muted, var(--docs-muted, #94a3b8))!important;}
body > #langMenu .lo-code{font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace!important;color:var(--dm-muted, var(--docs-muted, #94a3b8))!important;}
body > #langMenu .lo-radio{width:16px!important;height:16px!important;border:1px solid color-mix(in oklch,var(--dm-border, var(--docs-border, #334155)) 82%,transparent)!important;border-radius:999px!important;display:grid!important;place-items:center!important;flex:0 0 auto!important;}
body > #langMenu .lo-radio span{width:8px!important;height:8px!important;border-radius:999px!important;background:transparent!important;}
body > #langMenu .lang-option.active .lo-radio span,body > #langMenu .lang-option[aria-pressed="true"] .lo-radio span{background:var(--dm-accent, var(--docs-accent, #38bdf8))!important;}
@media(max-width:560px){body > #langMenu{padding:16px!important}body > #langMenu .lang-modal-grid{grid-template-columns:1fr!important}body > #langMenu .lang-modal-panel{width:calc(100vw - 24px)!important}}