/* matrix globe hero — immutable 20261103j
   realistic blue-ocean earth + country-border overlay, full-screen danmaku lanes,
   big "enter homepage" button, country click menu (same shape as digitalmarket.world) */
.mg-hero{position:relative;width:100%;height:calc(100vh - 76px);min-height:480px;background:radial-gradient(120% 90% at 50% 40%,#0b1220 0%,#060a12 60%,#04060c 100%);border-bottom:1px solid rgba(255,255,255,.08)}
.mg-stars{position:absolute;inset:0;z-index:0}
.mg-dm{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}
.mg-mount{position:absolute;inset:0;z-index:2}
.mg-mount canvas{display:block;width:100%;height:100%}
.mg-top{position:absolute;top:14px;left:18px;right:18px;z-index:5;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.mg-brand{font-size:13px;color:#9fb6d8;letter-spacing:.04em}
.mg-brand b{color:#e8f2ff;font-weight:600}
.mg-btns{display:flex;gap:8px}
.mg-tbtn{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#cfe2f6;border-radius:8px;padding:6px 11px;font-size:12px;cursor:pointer}
.mg-tbtn:hover{background:rgba(255,255,255,.13)}
.mg-tagline{position:absolute;left:50%;top:14px;transform:translateX(-50%);z-index:6;text-align:center;max-width:660px}
.mg-tagline .mg-title{font-size:20px;font-weight:700;color:#f4f8ff;letter-spacing:.02em}
.mg-tagline .mg-sub{font-size:13px;color:#8fa5cc;margin-top:4px}
.mg-hint{font-size:11.5px;color:#7d94b8;margin-top:6px}
.mg-search{position:absolute;left:50%;bottom:120px;transform:translateX(-50%);z-index:6;display:flex;gap:8px;align-items:center}
.mg-search input{width:230px;padding:9px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:rgba(10,16,26,.72);color:#e8f2ff;font-size:13px}
.mg-search input:focus{outline:none;border-color:#4ea8ff}
.mg-search button{padding:9px 14px;border-radius:10px;border:1px solid #2b6df2;background:#2b6df2;color:#fff;font-size:13px;cursor:pointer}
.mg-search button:hover{background:#3a7cf5}

/* country menu (mirrors digitalmarket.world's ct-menu) */
.mg-card{position:absolute;right:18px;bottom:132px;z-index:7;width:360px;max-width:360px;padding:12px 14px;border-radius:13px;background:rgba(8,14,24,.80);border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 28px rgba(0,0,0,.45)}
.mg-card[hidden]{display:none}
.mg-card .mc-head{display:flex;align-items:center;gap:9px;font-size:15px;color:#f2f7ff;font-weight:600}
.mg-card .mc-flag{font-size:22px}
.mg-card .mc-close{margin-left:auto;background:transparent;border:0;color:#8fa5cc;font-size:14px;cursor:pointer}
.mg-card .mc-close:hover{color:#fff}
.mg-card .mc-metric{font-size:12px;color:#8ea6c4;margin-top:6px;line-height:1.5}
.mg-card .mc-metric span{display:inline-block;padding:2px 7px;border-radius:6px;background:rgba(255,255,255,.06)}
.mg-card .mc-body{font-size:12.5px;color:#93a8c6;margin-top:6px;line-height:1.5}
.mg-card .mc-menu{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.mg-card .mc-scene{padding:6px 10px;border-radius:8px;border:1px solid rgba(78,168,255,.34);background:rgba(43,109,242,.13);color:#e6f2ff;font-size:12px;cursor:pointer}
.mg-card .mc-scene:hover{background:rgba(43,109,242,.3)}
.mg-card .mc-btns{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.mg-card button{padding:8px 12px;border-radius:9px;border:1px solid rgba(255,255,255,.16);background:#16233a;color:#e8f2ff;font-size:12.5px;cursor:pointer}
.mg-card button.mc-go{background:#2b6df2;border-color:#2b6df2;color:#fff}
.mg-card button.mc-go:hover{background:#3a7cf5}

.mg-bottom{position:absolute;left:0;right:0;bottom:12px;z-index:6;display:flex;flex-direction:column;gap:10px;align-items:center;padding:12px 14px;background:rgba(6,11,20,.66);border-top:1px solid rgba(255,255,255,.08)}
.mg-acts{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.mg-acts button{padding:9px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#dfe9f5;font-size:12.5px;cursor:pointer}
.mg-acts button:hover{background:rgba(255,255,255,.14)}
/* the biggest, most visible action on the globe — must beat .mg-acts button */
.mg-acts button.mg-enter{padding:16px 34px;border-radius:14px;border:1px solid #D4AF37;background:linear-gradient(135deg,#D4AF37,#b8860b);color:#0b1220;font-size:17px;font-weight:800;letter-spacing:.04em;cursor:pointer;box-shadow:0 8px 24px rgba(212,175,55,.45)}
.mg-acts button.mg-enter:hover{background:linear-gradient(135deg,#e6c14d,#c9970f)}
.mg-legend{font-size:11.5px;color:#7d94b8;line-height:1.4;text-align:center}
.mg-chips{display:flex;gap:8px;flex-wrap:wrap}
.mg-chips a{padding:8px 12px;border-radius:10px;background:rgba(43,109,242,.22);border:1px solid rgba(78,168,255,.45);color:#e6f2ff;font-size:12.5px;text-decoration:none}
.mg-chips a:hover{background:rgba(43,109,242,.34)}
.mg-switch{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.mg-switch .ms-label{font-size:11.5px;color:#7d94b8}
.mg-switch a{padding:7px 11px;border-radius:9px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#cfe2f6;font-size:12px;text-decoration:none}
.mg-switch a:hover{background:rgba(255,255,255,.13)}
.mg-switch a.ms-on{background:#2b6df2;border-color:#2b6df2;color:#fff}
.mg-fallback{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;color:#8fa5cc;font-size:13px}
.mg-static{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.mg-static img{max-width:100%;max-height:100%;border-radius:12px}
.mg-dot{position:absolute;width:26px;height:26px;border-radius:50%;background:rgba(43,109,242,.28);border:1px solid rgba(78,168,255,.5);color:#fff;font-size:14px;cursor:pointer;transform:translate(-50%,-50%)}
.mg-dot:hover{background:rgba(43,109,242,.55)}

/* danmaku: spread over the whole screen, spaced out, low visual weight */
.mg-dm-track{position:absolute;left:0;right:0}
.dm-item{position:absolute;color:rgba(233,242,251,.70);font-size:12px;line-height:1.35;text-shadow:0 1px 5px rgba(0,0,0,.95);white-space:nowrap;padding:4px 10px;border-radius:7px;background:rgba(8,14,24,.20)}

/* agent site already had a globe column — the hero replaces it */
.mh-digitalagent .globe-col{display:none}
@media (max-width:820px){
  .mg-hero{height:calc(100vh - 64px);min-height:400px}
  .mg-tagline{top:10px;max-width:92%}
  .mg-search{bottom:104px}
  .mg-search input{width:170px}
  .mg-card{left:12px;right:12px;bottom:140px;width:auto;max-width:none}
  .mg-acts button.mg-enter{padding:13px 24px;font-size:15px}
  .mg-bottom{bottom:8px}
  .mg-chips a{font-size:11.5px;padding:6px 9px}
  .dm-item{font-size:11.5px}
}

/* the education site has a full-screen study wall (z-index 2147483200) — keep the globe above it */
#mhGlobeHero{z-index:2147483647}

.mg-btns .lang-switch{display:flex;gap:6px;align-items:center;position:relative}
.mg-btns .lang-trigger{height:32px;font-size:12px;padding:0 10px;border-radius:8px;
  border:1px solid rgba(140,160,190,.35);background:rgba(16,24,40,.72);color:#e8f0ff;cursor:pointer}
.mg-btns .lang-trigger:hover{border-color:#D4AF37;color:#F0D68A}
.mg-btns .lang-dropdown{position:absolute;top:38px;right:0;min-width:150px;display:none;
  background:rgba(12,18,32,.94);border:1px solid rgba(140,160,190,.3);border-radius:8px;padding:6px;
  box-shadow:0 8px 24px rgba(0,0,0,.45)}
.mg-btns .lang-dropdown.open{display:block}
.mg-btns .lang-dd-item{display:flex;gap:8px;align-items:center;width:100%;padding:6px 8px;border:0;
  background:transparent;color:#dbe6f5;font-size:12px;cursor:pointer;border-radius:6px}
.mg-btns .lang-dd-item:hover{background:rgba(212,175,55,.12);color:#F0D68A}
.mg-btns .lang-dd-item.active{background:rgba(212,175,55,.22);color:#F0D68A}