/* MIIMOCHI_MEGA_MENU_V1 */
:root{
  --mmp-nav-bg:#f7f4ee;
  --mmp-nav-ink:#151714;
  --mmp-nav-muted:rgba(21,23,20,.52);
  --mmp-nav-line:rgba(21,23,20,.12);
  --mmp-nav-h:76px;
  --mmp-mega-h:420px;
}
body.mmp-page{padding-top:0}
body.mmp-page .bt-header{display:none!important}

.mmp-topbar{
  position:sticky;top:0;z-index:80;
  background:var(--mmp-nav-bg);
  border-bottom:1px solid var(--mmp-nav-line);
  color:var(--mmp-nav-ink);
}
.mmp-topbar__bar{
  width:min(calc(100% - 48px),1180px);
  margin:0 auto;
  min-height:var(--mmp-nav-h);
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:28px;
}
.mmp-topbar__brand{
  display:inline-flex;align-items:center;gap:10px;
  text-decoration:none;color:var(--mmp-nav-ink);
  font-size:15px;font-weight:650;letter-spacing:.02em;
}
.mmp-topbar__logo{width:28px;height:28px;flex:0 0 auto}
.mmp-topbar__logo .miimochi-avatar,
.mmp-topbar__logo .miimochi-head{width:28px!important;height:28px!important;display:block}

.mmp-topbar__nav{
  display:flex;align-items:center;justify-content:center;gap:8px;
}
.mmp-topbar__trigger{
  appearance:none;border:0;background:transparent;cursor:pointer;
  min-height:40px;padding:0 12px;border-radius:10px;
  font:inherit;font-size:14px;font-weight:560;color:rgba(21,23,20,.72);
}
.mmp-topbar__trigger:hover,
.mmp-topbar__trigger[aria-expanded="true"],
.mmp-topbar__trigger:focus-visible{
  color:var(--mmp-nav-ink);background:rgba(21,23,20,.05);
}
.mmp-topbar__trigger:focus-visible{outline:2px solid rgba(21,23,20,.28);outline-offset:2px}

.mmp-topbar__cta{display:flex;align-items:center;gap:10px}
.mmp-topbar__btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:40px;padding:0 16px;border-radius:11px;
  text-decoration:none;font-size:13px;font-weight:700;
}
.mmp-topbar__btn--ghost{
  color:var(--mmp-nav-ink);border:1px solid rgba(21,23,20,.22);background:transparent;
}
.mmp-topbar__btn--primary{
  color:#f7f4ee;background:#171916;border:1px solid #171916;
}
.mmp-topbar__btn:hover{opacity:.92}
.mmp-topbar__mobile-reserve,
.mmp-topbar__burger{display:none}

.mmp-mega{
  position:absolute;left:0;right:0;top:100%;
  height:var(--mmp-mega-h);
  background:#fffcf7;
  border-bottom:1px solid var(--mmp-nav-line);
  opacity:0;transform:translateY(-6px);pointer-events:none;
  transition:opacity .2s ease, transform .2s ease;
  visibility:hidden;
}
.mmp-mega.is-open{
  opacity:1;transform:translateY(0);pointer-events:auto;visibility:visible;
}
.mmp-mega__inner{
  width:min(calc(100% - 48px),1180px);
  margin:0 auto;height:100%;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.95fr);
  gap:28px;padding:28px 0 32px;
}
.mmp-mega__cols{
  display:grid;gap:22px 28px;align-content:start;
}
.mmp-mega__cols--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mmp-mega__cols--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mmp-mega__col{min-width:0}
.mmp-mega__label{
  margin:0 0 14px;font-size:13px;font-weight:600;
  color:var(--mmp-nav-muted);letter-spacing:.02em;
}
.mmp-mega__list{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.mmp-mega__link{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  min-height:40px;padding:6px 8px;margin:0 -8px;border-radius:10px;
  text-decoration:none;color:rgba(21,23,20,.78);
  font-size:20px;line-height:1.5;font-weight:560;letter-spacing:-.02em;
}
.mmp-mega__link span{flex:1}
.mmp-mega__link i{
  font-style:normal;opacity:0;transform:translateX(-4px);
  transition:opacity .18s ease, transform .18s ease;
  color:rgba(21,23,20,.45);font-size:16px;
}
.mmp-mega__link:hover,
.mmp-mega__link:focus-visible,
.mmp-mega__link.is-active{
  color:var(--mmp-nav-ink);background:rgba(21,23,20,.04);
}
.mmp-mega__link:hover i,
.mmp-mega__link:focus-visible i,
.mmp-mega__link.is-active i{
  opacity:1;transform:translateX(0);
}
.mmp-mega__link:focus-visible{outline:2px solid rgba(21,23,20,.25);outline-offset:2px}

.mmp-mega__visual{
  position:relative;border-radius:18px;overflow:hidden;
  background:#e8e2d8;min-height:280px;align-self:stretch;
}
.mmp-mega__img,
.mmp-mega__img-b{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center 35%;
  transition:opacity .26s ease;
}
.mmp-mega__img-b{opacity:0}
.mmp-mega__visual.is-swap .mmp-mega__img{opacity:0}
.mmp-mega__visual.is-swap .mmp-mega__img-b{opacity:1}
.mmp-mega__shade{
  position:absolute;left:0;right:0;bottom:0;height:46%;
  background:linear-gradient(180deg,transparent,rgba(12,12,10,.72));
  pointer-events:none;
}
.mmp-mega__caption{
  position:absolute;left:18px;right:18px;bottom:18px;z-index:1;
  color:#f7f4ee;
}
.mmp-mega__caption strong{
  display:block;font-size:18px;letter-spacing:-.02em;font-weight:650;
}
.mmp-mega__caption p{
  margin:6px 0 0;font-size:13px;line-height:1.55;color:rgba(247,244,238,.78);
  min-height:2.8em;
}

.mmp-drawer{
  display:none;position:fixed;inset:0;z-index:90;
  background:var(--mmp-nav-bg);color:var(--mmp-nav-ink);
  padding:calc(var(--mmp-nav-h) + 8px) 20px 110px;
  overflow:auto;
}
.mmp-drawer.is-open{display:block}
.mmp-drawer__group{border-bottom:1px solid var(--mmp-nav-line)}
.mmp-drawer__summary{
  list-style:none;cursor:pointer;
  display:flex;align-items:center;justify-content:space-between;
  min-height:52px;font-size:16px;font-weight:650;
}
.mmp-drawer__summary::-webkit-details-marker{display:none}
.mmp-drawer__links{display:grid;gap:2px;padding:0 0 14px}
.mmp-drawer__links a{
  display:block;padding:12px 4px;text-decoration:none;
  color:rgba(21,23,20,.78);font-size:15px;
}
.mmp-drawer__links a:hover{color:var(--mmp-nav-ink)}
.mmp-drawer__foot{
  position:fixed;left:0;right:0;bottom:0;z-index:91;
  display:grid;grid-template-columns:1fr 1fr;gap:10px;
  padding:14px 20px calc(14px + env(safe-area-inset-bottom));
  background:var(--mmp-nav-bg);border-top:1px solid var(--mmp-nav-line);
}
.mmp-backdrop{
  display:none;position:fixed;inset:0;z-index:70;background:transparent;
}
.mmp-backdrop.is-open{display:block}

.mmp-scroll-target{scroll-margin-top:96px}
#learning,#cooking,#biology,#sport,#home-safety,#protective-response,
#family,#real-life,#personal-world-model,#personal-models,#memory,#adaptive,
#ai-compute,#vision,#specifications,#price,#reservation,#faq,#early-access,#research{
  scroll-margin-top:96px;
}

@media(max-width:1100px){
  .mmp-topbar__nav,
  .mmp-topbar__cta,
  .mmp-mega,
  .mmp-backdrop{display:none!important}
  .mmp-topbar__bar{
    grid-template-columns:auto 1fr auto auto;
    width:min(calc(100% - 32px),1180px);
    min-height:68px;gap:12px;
  }
  .mmp-topbar__mobile-reserve{
    display:inline-flex;align-items:center;justify-content:center;
    min-height:36px;padding:0 12px;border-radius:10px;
    background:#171916;color:#f7f4ee;text-decoration:none;
    font-size:12px;font-weight:700;justify-self:end;
  }
  .mmp-topbar__burger{
    display:inline-flex;align-items:center;justify-content:center;
    width:40px;height:40px;border-radius:10px;
    border:1px solid var(--mmp-nav-line);background:transparent;
    color:var(--mmp-nav-ink);cursor:pointer;font-size:18px;
  }
  .mmp-topbar__burger:focus-visible{outline:2px solid rgba(21,23,20,.28);outline-offset:2px}
  body.mmp-drawer-open{overflow:hidden}
}
@media(prefers-reduced-motion:reduce){
  .mmp-mega,.mmp-mega__img,.mmp-mega__img-b,.mmp-mega__link i{transition:none!important}
}