/* MIJUONE v1.10 — single shared navigation.
   The original homepage shortcut strip now lives directly below the site header
   on EVERY page; no duplicated strip below the carousel. */
.mi-unified-nav.main-nav {
  display:block;
  position:sticky;
  top:0;
  z-index:45;
  width:100%;
  background:color-mix(in srgb, var(--surface) 96%, transparent);
  border-bottom:1px solid rgba(177,202,241,.62);
  box-shadow:0 7px 22px rgba(20,61,132,.07);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  overflow:visible;
}
.mi-unified-nav .mi-unified-nav-inner {
  display:grid;
  grid-template-columns:repeat(13,minmax(0,1fr));
  gap:2px;
  align-items:stretch;
  height:80px;
  padding-block:5px;
  overflow:visible;
}
.mi-unified-nav .mi-service-link,
.mi-unified-nav .mi-unified-more > button {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-width:0;
  height:70px;
  padding:7px 3px;
  border:0;
  border-radius:12px;
  background:transparent;
  color:var(--text);
  text-align:center;
  text-decoration:none;
  cursor:pointer;
  transition:background .22s ease,transform .25s ease,box-shadow .25s ease;
}
.mi-unified-nav .mi-service-link::after {
  content:"";
  position:absolute;
  right:-2px;
  top:18%;
  bottom:18%;
  width:1px;
  background:rgba(173,193,226,.35);
  pointer-events:none;
}
.mi-unified-nav .mi-service-link span,
.mi-unified-nav .mi-unified-more > button span {
  font-size:11px;
  font-weight:810;
  line-height:1.18;
  letter-spacing:-.035em;
  white-space:normal;
  color:inherit;
}
.mi-unified-nav .mi-service-link .icon,
.mi-unified-nav .mi-unified-more > button .icon {
  width:24px;
  height:24px;
  flex-shrink:0;
  stroke-width:2.15;
  color:#0d61df;
  transition:transform .25s ease;
}
.mi-unified-nav .mi-service-link:hover,
.mi-unified-nav .mi-unified-more > button:hover {
  background:linear-gradient(145deg,#eef6ff,#e5f0ff);
  color:#0748ae;
  transform:translateY(-2px);
  box-shadow:0 7px 14px rgba(33,99,202,.08);
}
.mi-unified-nav .mi-service-link:hover .icon,
.mi-unified-nav .mi-unified-more > button:hover .icon {
  transform:translateY(-2px) scale(1.06);
}
.mi-unified-nav .mi-service-link.is-current {
  background:linear-gradient(152deg,#e1f0ff,#f1f7ff);
  color:#064ab9;
  box-shadow:inset 0 0 0 1px rgba(91,156,251,.27);
}
.mi-unified-nav .mi-service-link.is-current::before {
  content:"";
  position:absolute;
  left:32%;right:32%;bottom:0;height:3px;
  border-radius:4px;background:#1768ed;
}
.mi-unified-nav .mi-service-b2b {background:linear-gradient(155deg,#e5f3ff,#f1f8ff)}
.mi-unified-nav .mi-service-crm {background:linear-gradient(155deg,#f1e9ff,#f9f5ff)}
.mi-unified-nav .mi-service-crm .icon {color:#7544da}
.mi-unified-nav .mi-unified-more {
  position:relative;
  align-items:stretch;
  display:flex;
  min-width:0;
  height:70px;
  border-radius:12px;
}
.mi-unified-nav .mi-unified-more > button {
  height:70px;
  width:100%;
}
.mi-unified-nav .mi-unified-more .more-dropdown {
  top:calc(100% + 8px);
  right:0;
  z-index:80;
  min-width:230px;
  padding:9px;
  border:1px solid var(--stroke);
  border-radius:14px;
  box-shadow:0 18px 45px rgba(20,57,110,.18);
  background:var(--surface);
  color:var(--text);
}
.mi-unified-nav .mi-unified-more .more-dropdown a {justify-content:flex-start;text-align:left}
.page-home .mi-workspace {margin-top:22px}
/* Header + navigation retain the same sitewide structure, without a second homepage row. */
@media (max-width:1150px) {
  .mi-unified-nav .mi-unified-nav-inner {grid-template-columns:repeat(13,minmax(0,1fr));gap:1px}
  .mi-unified-nav .mi-service-link span,
  .mi-unified-nav .mi-unified-more > button span {font-size:10px}
  .mi-unified-nav .mi-service-link .icon,
  .mi-unified-nav .mi-unified-more > button .icon {width:22px;height:22px}
}
@media (max-width:850px) {
  .mi-unified-nav .mi-unified-nav-inner {
    display:flex;
    height:77px;
    align-items:center;
    gap:3px;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:thin;
    scroll-snap-type:x proximity;
    overscroll-behavior-x:contain;
  }
  .mi-unified-nav .mi-service-link,
  .mi-unified-nav .mi-unified-more {flex:0 0 87px;scroll-snap-align:start}
  .mi-unified-nav .mi-service-link,
  .mi-unified-nav .mi-unified-more > button {height:67px}
  .mi-unified-nav .mi-unified-more .more-dropdown {position:fixed;top:154px;right:12px}
}
@media (max-width:750px) {
  /* The icon service row is visible above the banner; the hamburger toggles
     this SAME node into a drawer, not a duplicated navigation. */
  .mi-unified-nav.main-nav {
    position:sticky;
    top:0;
    bottom:auto;
    left:auto;
    transform:none;
    visibility:visible;
    width:100%;
    min-height:75px;
    overflow:visible;
    border-bottom:1px solid var(--stroke);
    box-shadow:0 7px 20px rgba(14,70,170,.06);
  }
  .mi-unified-nav .mi-unified-nav-inner {
    display:flex;
    flex-direction:row;
    align-items:center;
    padding:3px 0;
    height:75px;
    width:calc(100% - 20px);
    gap:2px;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:thin;
  }
  .mi-unified-nav .mi-service-link,
  .mi-unified-nav .mi-unified-more {flex:0 0 86px}
  .mi-unified-nav .mi-service-link {
    min-height:65px;
    padding:6px 3px;
    justify-content:center;
    gap:5px;
  }
  .mi-unified-nav .mi-unified-more > button {height:65px;min-height:65px;padding:6px 3px;flex-direction:column;gap:5px}
  .mi-unified-nav .mi-service-link span,
  .mi-unified-nav .mi-unified-more > button span {font-size:10px}
  .mi-unified-nav .mi-unified-more .more-dropdown {position:fixed;top:152px;right:12px;max-height:min(60vh,480px);overflow:auto}
  .mi-unified-nav.main-nav.mobile-open {
    position:fixed;
    top:0;left:0;bottom:0;
    height:100dvh;
    width:min(345px,90vw);
    z-index:70;
    display:block;
    visibility:visible;
    transform:none;
    overflow:hidden;
    background:var(--surface);
    box-shadow:0 0 60px rgba(8,20,50,.25);
  }
  .mi-unified-nav.mobile-open .mi-unified-nav-inner {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-content:start;
    align-items:stretch;
    gap:8px;
    width:100%;
    height:100%;
    max-height:100dvh;
    padding:62px 15px 26px;
    overflow-x:hidden;
    overflow-y:auto;
  }
  .mi-unified-nav.mobile-open .mi-service-link {
    min-height:78px;
    height:78px;
    width:100%;
    border:1px solid var(--stroke);
    background:var(--surface-2);
    border-radius:12px;
  }
  .mi-unified-nav.mobile-open .mi-service-link::after {display:none}
  .mi-unified-nav.mobile-open .mi-service-link span {font-size:11px}
  .mi-unified-nav.mobile-open .mi-unified-more {grid-column:1/-1;width:100%;height:auto;display:block}
  .mi-unified-nav.mobile-open .mi-unified-more > button {height:44px;min-height:44px;display:flex;flex-direction:row;gap:9px;justify-content:flex-start;padding:10px 15px;background:var(--surface-2)}
  .mi-unified-nav.mobile-open .mi-unified-more .more-dropdown {
    position:static;
    inset:auto;
    opacity:1;
    visibility:visible;
    transform:none;
    pointer-events:auto;
    display:block;
    width:100%;
    max-height:0;
    overflow:hidden;
    border:0;
    border-radius:12px;
    padding:0;
    margin:0;
    box-shadow:none;
    transition:max-height .3s ease,padding .3s ease;
  }
  .mi-unified-nav.mobile-open .mi-unified-more .more-dropdown.open {max-height:420px;padding:6px}
  .nav-scrim:not([hidden]) {z-index:69}
}
:root[data-theme="dark"] .mi-unified-nav .mi-service-link.is-current {background:#1f355d;color:#d9e7ff;box-shadow:inset 0 0 0 1px #395fa9}
:root[data-theme="dark"] .mi-unified-nav .mi-service-b2b,
:root[data-theme="dark"] .mi-unified-nav .mi-service-crm {background:#1c2d4b}
:root[data-theme="dark"] .mi-unified-nav .mi-service-link:hover,
:root[data-theme="dark"] .mi-unified-nav .mi-unified-more > button:hover {background:#203759;color:#dce9ff}
@media (prefers-reduced-motion:reduce){
  .mi-unified-nav .mi-service-link,
  .mi-unified-nav .mi-unified-more>button,
  .mi-unified-nav .mi-service-link .icon{transition:none!important;transform:none!important}
}

/* Accessible mobile drawer close control */
.mi-nav-drawer-close{display:none}
@media(max-width:850px){
  .mi-unified-nav .mi-unified-more .more-dropdown{
    visibility:hidden;opacity:0;pointer-events:none;
    max-height:0;overflow:hidden;transform:translateY(-8px);
    transition:opacity .2s ease,transform .2s ease,visibility .2s ease,max-height .2s ease;
  }
  .mi-unified-nav .mi-unified-more .more-dropdown.open{
    visibility:visible;opacity:1;pointer-events:auto;
    max-height:min(60vh,480px);overflow:auto;transform:translateY(0);
  }
}
@media(max-width:750px){
  .mi-unified-nav.mobile-open .mi-nav-drawer-close{
    display:flex;position:absolute;z-index:90;right:15px;top:14px;
    align-items:center;justify-content:center;gap:8px;
    padding:8px 12px;background:var(--surface-2);color:var(--text);
    border:1px solid var(--stroke);border-radius:9px;
    font-size:12px;font-weight:800;cursor:pointer;
  }
  .mi-unified-nav.mobile-open .mi-nav-drawer-close .icon{width:14px;height:14px}
  .mi-unified-nav.mobile-open .mi-unified-more .more-dropdown:not(.open){
    visibility:hidden;opacity:0;pointer-events:none;max-height:0;padding:0;
  }
  .mi-unified-nav.mobile-open .mi-unified-more .more-dropdown.open{
    visibility:visible;opacity:1;pointer-events:auto;max-height:420px;padding:6px;
  }
}
/* Restore the icon hidden by an earlier legacy text-nav rule. */
.mi-unified-nav .mi-unified-more > button .icon:first-child {display:block!important}