/* Minimal global homepage v1 — preview layer, scoped to .mh-home and explicit site hooks. */
html[data-mh-lang] [data-mh-l]{display:none!important}
html[data-mh-lang="zh"] [data-mh-l="zh"],
html[data-mh-lang="en"] [data-mh-l="en"],
html[data-mh-lang="ja"] [data-mh-l="ja"],
html[data-mh-lang="es"] [data-mh-l="es"],
html[data-mh-lang="pt"] [data-mh-l="pt"],
html[data-mh-lang="ar"] [data-mh-l="ar"]{display:inline!important}
.mh-home{
  --mh-bg:#fbfbfc;--mh-card:#fff;--mh-ink:#15161a;--mh-muted:#747781;--mh-faint:#9b9ea7;
  --mh-line:#e5e6ea;--mh-line2:#d7d9df;--mh-soft:#f2f4f8;--mh-accent:#4d6bfe;--mh-accent2:#3151e8;--mh-accent-soft:#eef2ff;
  position:relative;isolation:isolate;min-height:100svh;display:flex;flex-direction:column;overflow:hidden;
  background:var(--mh-bg);color:var(--mh-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;counter-reset:none;
}
.mh-home *{box-sizing:border-box}
.mh-home button,.mh-home textarea{font:inherit}
.mh-home a{color:inherit;text-decoration:none}
.mh-home button,.mh-home a{-webkit-tap-highlight-color:transparent}
.mh-home [hidden]{display:none!important}
.mh-top{width:min(1240px,100%);min-height:76px;margin:0 auto;padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex:0 0 auto}
.mh-brand{display:inline-flex;align-items:center;gap:10px;min-width:0}
.mh-logo{width:35px;height:35px;flex:0 0 35px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;background:var(--mh-ink);color:#fff;font-size:12px;font-weight:800;letter-spacing:-.02em}
.mh-brandtext{display:flex;flex-direction:column;line-height:1.08;min-width:0}
.mh-brandtext b{font-size:15px;letter-spacing:.1px;font-weight:750;white-space:nowrap}
.mh-brandtext small{font-size:10px;color:var(--mh-muted);margin-top:5px;letter-spacing:.3px;white-space:nowrap}
.mh-preview{align-self:flex-start;margin-top:2px;padding:3px 6px;border:1px solid var(--mh-line);border-radius:6px;color:var(--mh-faint);font-size:8px;font-weight:800;letter-spacing:.8px}
.mh-top-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.mh-menu{position:relative;margin:0;border:0;padding:0}
.mh-menu>summary{list-style:none;cursor:pointer;user-select:none;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 11px;border:1px solid var(--mh-line);border-radius:10px;background:var(--mh-card);color:var(--mh-ink);font-size:11px;font-weight:500}
.mh-menu>summary::-webkit-details-marker{display:none}
.mh-menu>summary:after{content:'⌄';color:var(--mh-muted);font-size:11px}
.mh-menu[open]>summary{border-color:var(--mh-line2)}
.mh-dropdown{position:absolute;right:0;top:calc(100% + 8px);z-index:300;width:230px;padding:7px;background:var(--mh-card);border:1px solid var(--mh-line);border-radius:15px;box-shadow:0 24px 70px rgba(20,24,40,.16),0 4px 12px rgba(20,24,40,.07)}
.mh-dropdown a,.mh-dropdown button{appearance:none;width:100%;min-height:38px;display:flex;align-items:center;gap:8px;padding:7px 10px;border:0;border-radius:9px;background:transparent;color:var(--mh-ink);font-size:12px;text-align:left;cursor:pointer}
.mh-dropdown a:hover,.mh-dropdown button:hover{background:var(--mh-soft)}
.mh-dropdown button[aria-current="true"]{color:var(--mh-accent2);background:var(--mh-accent-soft)}
.mh-main{width:min(1240px,100%);margin:0 auto;padding:0 30px 26px;flex:1 1 auto;display:flex}
.mh-hero{width:100%;min-height:calc(100svh - 154px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 0 20px;text-align:center}
.mh-eyebrow{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border:1px solid var(--mh-line);border-radius:999px;background:var(--mh-card);color:var(--mh-muted);font-size:10.5px;line-height:1.2;box-shadow:0 3px 12px rgba(20,22,30,.035)}
.mh-eyebrow:before{content:'';width:5px;height:5px;border-radius:50%;background:#4cc38a;box-shadow:0 0 0 3px rgba(76,195,138,.12)}
.mh-home h1{max-width:1050px;margin:25px 0 17px;color:var(--mh-ink);font-family:inherit;font-size:clamp(42px,5.6vw,72px);line-height:1.09;letter-spacing:-.048em;font-weight:650;text-wrap:balance}
.mh-sub{max-width:720px;margin:0 auto;color:var(--mh-muted);font-size:16px;line-height:1.75;letter-spacing:-.005em;text-wrap:pretty}
.mh-panel{width:min(860px,100%);margin-top:27px}
.mh-composer{width:100%;margin:0;padding:17px 17px 12px;background:var(--mh-card);border:1px solid var(--mh-line);border-radius:24px;box-shadow:0 24px 70px rgba(20,24,40,.08),0 3px 10px rgba(20,24,40,.035);text-align:left;transition:border-color .2s,box-shadow .2s}
.mh-composer:focus-within{border-color:color-mix(in srgb,var(--mh-accent) 42%,var(--mh-line));box-shadow:0 26px 74px rgba(20,24,40,.11),0 0 0 3px color-mix(in srgb,var(--mh-accent) 8%,transparent)}
.mh-composer textarea{display:block;width:100%;min-height:58px;max-height:170px;margin:0;padding:2px 4px 7px;border:0;outline:0;resize:none;background:transparent;color:var(--mh-ink);font-size:16px;line-height:1.65;overflow-y:auto}
.mh-composer textarea::placeholder{color:var(--mh-faint)}
.mh-composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}
.mh-capabilities{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.mh-capability{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:0 9px;border:1px solid var(--mh-line);border-radius:999px;color:var(--mh-muted);font-size:10.5px;line-height:1}
.mh-capability:before{content:'✦';color:var(--mh-accent);font-size:11px}
.mh-send{width:44px;height:44px;flex:0 0 44px;padding:0;border:0;border-radius:50%;background:var(--mh-accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:21px;line-height:1;cursor:pointer;box-shadow:0 7px 18px color-mix(in srgb,var(--mh-accent) 26%,transparent);transition:transform .16s,background .16s}
.mh-send:hover{background:var(--mh-accent2);transform:translateY(-1px)}
.mh-send:active{transform:scale(.96)}
.mh-actionbox{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:86px}
.mh-actionbox p{margin:0;color:var(--mh-muted);font-size:14px;line-height:1.65;text-align:left}
.mh-actionlinks{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.mh-primary,.mh-secondary{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 17px;border-radius:999px;font-size:12px;font-weight:650;cursor:pointer;white-space:nowrap}
.mh-primary{background:var(--mh-accent);color:#fff;border:1px solid var(--mh-accent)}
.mh-secondary{background:var(--mh-card);color:var(--mh-ink);border:1px solid var(--mh-line2)}
.mh-chips{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:13px}
.mh-chip{appearance:none;border:1px solid var(--mh-line);background:rgba(255,255,255,.56);color:var(--mh-muted);border-radius:999px;min-height:32px;padding:0 11px;font-size:10.5px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;text-decoration:none}
.mh-chip:hover{color:var(--mh-ink);border-color:var(--mh-line2);background:var(--mh-card)}
.mh-note{margin:10px 0 0;color:#6f737c;font-size:11px;line-height:1.55;text-align:center}
.mh-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:18px;margin-top:21px}
.mh-link{appearance:none;border:0;background:none;padding:5px 0;color:var(--mh-muted);font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;text-decoration:none}
.mh-link:after{content:'↗';color:var(--mh-faint);font-size:12px}
.mh-link:hover{color:var(--mh-ink)}
.mh-home>.mh-foot{width:min(1240px,100%)!important;margin:0 auto!important;padding:0 30px 22px!important;color:#858992;font-size:10px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;flex:0 0 auto}
.mh-foot a{color:var(--mh-faint)}
.mh-site-digitalagent{--mh-accent:#2f6b4f;--mh-accent2:#234f3b;--mh-accent-soft:#edf6f0}
.mh-site-digitalrobot{--mh-accent:#4d6bfe;--mh-accent2:#3151e8;--mh-accent-soft:#eef2ff}
.mh-site-digitalcreation{--mh-accent:#d9544a;--mh-accent2:#b83f36;--mh-accent-soft:#fff0ee}
.mh-site-digitalgames{--mh-accent:#0e9f8d;--mh-accent2:#087c6f;--mh-accent-soft:#eaf8f5}
.mh-site-digitalcitizens{--mh-accent:#456a8a;--mh-accent2:#31536e;--mh-accent-soft:#edf3f8}

/* Existing homepage: keep all functionality, remove only the old top/hero copy. */
body.mh-site{scroll-behavior:auto}
body.mh-site .mh-home~*{scroll-margin-top:20px}
/* Tools */
body.mh-digitaltools.app{overflow:auto!important;background:#e7dbc3}
body.mh-digitaltools .app-shell{display:block;height:auto;min-height:0;overflow:visible}
body.mh-digitaltools .app-shell>.rail,body.mh-digitaltools .hero-zone{display:none!important}
body.mh-digitaltools .app-shell>.content{display:block;width:min(1180px,100%);height:auto;margin:0 auto;padding:32px 42px 64px;overflow:visible;background:#f7f1e3}
body.mh-digitaltools .home-view{display:contents}
body.mh-digitaltools.in-studio .mh-home{display:none}
body.mh-digitaltools.in-studio .app-shell>.content{display:none}
/* Agent */
body.mh-digitalagent #nav,body.mh-digitalagent .hero-zone .hero-merge{display:none!important}
body.mh-digitalagent main.content{width:min(1240px,100%);margin:0 auto;padding:32px 38px 58px}
body.mh-digitalagent .hero-zone{padding:0;margin:0}
/* Robot */
body.mh-digitalrobot .app-shell{display:block;height:auto;min-height:0;overflow:visible}
body.mh-digitalrobot #v3Top,body.mh-digitalrobot .app-shell>.rail,body.mh-digitalrobot .v3-hero-copy{display:none!important}
body.mh-digitalrobot #mainContent.content{display:block;width:min(1240px,100%);height:auto;margin:0 auto;padding:28px 36px 58px;overflow:visible}
body.mh-digitalrobot .hero-zone,body.mh-digitalrobot .v3-hero{padding:0;margin:0;min-height:0;display:block}
body.mh-digitalrobot .v3-demo{margin:0 auto 28px}
/* Creation and Games */
body.mh-digitalcreation .wrap>.top,body.mh-digitalgames .wrap>.top,
body.mh-digitalcreation .wrap>.hero>div:first-child,body.mh-digitalgames .wrap>.hero>div:first-child,
body.mh-digitalcreation #quickBrief{display:none!important}
body.mh-digitalcreation .wrap,body.mh-digitalgames .wrap{padding-top:34px}
body.mh-digitalcreation .wrap>.hero,body.mh-digitalgames .wrap>.hero{display:block;margin:0}
body.mh-digitalcreation .board,body.mh-digitalgames .game{max-width:920px;margin:0 auto}
/* Citizens */
body.mh-digitalcitizens .site-head,body.mh-digitalcitizens .hero-copy{display:none!important}
body.mh-digitalcitizens .mh-home~main{padding-top:30px}
body.mh-digitalcitizens .hero,body.mh-digitalcitizens .hero-grid{display:block;margin:0;padding:0;min-height:0}
body.mh-digitalcitizens .hero .demo{max-width:860px;margin:0 auto}
body.mh-digitalagent #museFloat,body.mh-digitalrobot #museLauncher{bottom:72px!important}

@media(max-width:1000px){
  .mh-top{padding:0 22px}.mh-main{padding-left:22px;padding-right:22px}.mh-home>.mh-foot{padding-left:22px!important;padding-right:22px!important}
  .mh-home h1{font-size:clamp(39px,7vw,62px)}
  body.mh-digitaltools .app-shell>.content{padding-left:24px;padding-right:24px}
  body.mh-digitalagent main.content,body.mh-digitalrobot #mainContent.content{padding-left:22px;padding-right:22px}
}
@media(max-width:680px){
  .mh-top{min-height:62px;padding:0 15px;gap:8px}.mh-logo{width:30px;height:30px;flex-basis:30px;border-radius:9px;font-size:10px}
  .mh-brandtext b{font-size:13px}.mh-brandtext small{display:none}.mh-preview{display:none}
  .mh-top-actions{gap:6px}.mh-menu>summary{min-height:44px;padding:0 10px;font-size:11px}
  .mh-dropdown{position:fixed;left:12px;right:12px;top:58px;width:auto;max-height:76vh;overflow:auto}
  .mh-main{padding:0 15px 20px}.mh-hero{min-height:auto;padding:34px 0 16px;justify-content:flex-start}
  .mh-home h1{margin:20px 0 13px;font-size:clamp(34px,10vw,47px);line-height:1.12;letter-spacing:-.045em}
  .mh-sub{font-size:13px;line-height:1.7}.mh-eyebrow{font-size:9.5px;padding:5px 9px}.mh-panel{margin-top:20px}
  .mh-composer{padding:12px 11px 9px;border-radius:18px}.mh-composer textarea{min-height:54px;font-size:16px}
  .mh-capability{min-height:30px;font-size:10px}.mh-send{width:44px;height:44px;flex-basis:44px}
  .mh-chips{justify-content:flex-start;gap:6px;margin-top:11px}.mh-chip{min-height:44px;font-size:11px}
  .mh-note{text-align:left;font-size:11px}.mh-actions{justify-content:flex-start;gap:15px;margin-top:16px}.mh-link{min-height:44px;font-size:12px}
  .mh-actionbox{display:block;min-height:0}.mh-actionbox p{margin-bottom:14px}.mh-actionlinks{flex-wrap:wrap}.mh-primary,.mh-secondary{min-height:44px}
  .mh-foot{padding:0 15px 18px;font-size:9px}
  .mh-home>.mh-foot{padding:0 15px 18px!important;font-size:9px}
  body.mh-digitaltools .app-shell>.content{padding:22px 15px 45px}
  body.mh-digitaltools .body-zone .tbar{flex-wrap:wrap;overflow:visible}
  body.mh-digitaltools .body-zone .tbar button{min-height:40px}
  body.mh-digitalagent main.content,body.mh-digitalrobot #mainContent.content{padding:22px 14px 44px}
  body.mh-digitalcreation .manifest,body.mh-digitalcreation .price{grid-template-columns:1fr}
  body.mh-digitalcreation .wrap,body.mh-digitalgames .wrap{padding-top:22px}
}
@media(max-width:370px){.mh-home h1{font-size:32px}.mh-brandtext b{font-size:12px}.mh-menu>summary{padding:0 8px}}
@media(prefers-reduced-motion:reduce){.mh-composer,.mh-send{transition:none!important}}