/* Multiply Mavericks — lightweight cinematic robot welcome */
html.mm-intro-pending,
html.mm-intro-pending body {
  overflow: hidden !important;
  overscroll-behavior: none;
}

html.mm-intro-pending .mm-header,
html.mm-intro-pending main,
html.mm-intro-pending .mm-footer {
  opacity: 0;
}

.mm-intro-shell {
  position: fixed;
  inset: 0;
  width: 100%;
  min-height: 100svh;
  height: 100dvh;
  z-index: 2147483000;
  display: none;
  place-items: center;
  padding: max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));
  overflow: hidden;
  pointer-events: all;
  touch-action: none;
  contain: strict;
  isolation: isolate;
  background: #030407;
}

html.mm-intro-pending .mm-intro-shell { display: grid; }

.mm-intro__veil {
  position: absolute;
  inset: -3%;
  z-index: 0;
  background:
    radial-gradient(ellipse 44% 58% at 35% 49%, rgba(86,101,245,.17), transparent 70%),
    linear-gradient(118deg, #020306 0%, #05070d 58%, #0a1020 100%);
  clip-path: circle(155% at 50% 50%);
  will-change: clip-path;
}

.mm-intro__veil::before {
  content: "";
  position: absolute;
  inset: 10% 8%;
  opacity: .3;
  background: linear-gradient(105deg, transparent 32%, rgba(137,155,255,.14) 50%, transparent 68%);
  filter: blur(30px);
  pointer-events: none;
}

.mm-intro__stage {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(300px, .92fr) minmax(390px, 1.08fr);
  align-items: center;
  gap: clamp(36px, 5vw, 90px);
  width: min(90vw, 1120px);
  height: min(calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px), 780px);
  perspective: 1200px;
}

.mm-intro__robot-wrap {
  position: relative;
  align-self: center;
  justify-self: end;
  width: min(37vw, 410px);
  opacity: 0;
  transform-style: preserve-3d;
  will-change: transform, opacity;
}

.mm-intro__robot-wrap::before {
  content: "";
  position: absolute;
  inset: 22% 8% 8%;
  z-index: -1;
  border-radius: 50%;
  background: rgba(86,101,245,.22);
  filter: blur(60px);
}

.mm-intro__robot-figure {
  position: relative;
  width: 100%;
  transform: translateZ(0);
  transform-style: preserve-3d;
  will-change: transform;
}

.mm-intro__robot-image {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 28px 34px rgba(0,0,0,.58)) drop-shadow(0 0 22px rgba(86,101,245,.16));
  backface-visibility: hidden;
}

.mm-intro__chest-logo {
  position: absolute;
  top: 25.5%;
  left: 54.1%;
  display: grid;
  place-items: center;
  width: 9.2%;
  aspect-ratio: 1;
  opacity: 0;
  transform: translate(-50%, -50%) scale(.55);
  filter: drop-shadow(0 0 7px rgba(137,155,255,.9));
  will-change: transform, opacity, filter;
}

.mm-intro__chest-logo::before {
  content: "";
  position: absolute;
  inset: -45%;
  z-index: -1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(113,128,255,.48), transparent 70%);
}

.mm-intro__chest-logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

.mm-intro__identity {
  position: relative;
  display: grid;
  justify-items: start;
  gap: 16px;
  max-width: 610px;
  color: #f8f9ff;
  text-align: left;
}

.mm-intro__identity strong,
.mm-intro__promise {
  opacity: 0;
  will-change: transform, opacity;
}

.mm-intro__identity strong {
  max-width: 610px;
  color: #7180ff;
  font: 600 clamp(3rem, 5.8vw, 5.7rem)/.92 "Sora", "Avenir Next", ui-sans-serif, system-ui, sans-serif;
  letter-spacing: .012em;
  text-transform: uppercase;
  text-wrap: balance;
}

.mm-intro__identity strong > span {
  display: block;
  margin-bottom: .14em;
  color: #f8f9ff;
  font-size: .47em;
  letter-spacing: .065em;
}

.mm-intro__promise {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: rgba(224,230,255,.68);
  font: 600 clamp(.58rem, .78vw, .72rem)/1 "JetBrains Mono", monospace;
  letter-spacing: .24em;
  text-transform: uppercase;
  white-space: nowrap;
}

.mm-intro__promise::before {
  content: "";
  width: 30px;
  height: 2px;
  background: #7180ff;
  box-shadow: 0 0 12px rgba(113,128,255,.62);
}

@media (max-width: 820px) {
  .mm-intro__stage {
    grid-template-columns: 1fr;
    grid-template-rows: minmax(0, 1fr) auto;
    justify-items: center;
    align-content: center;
    gap: 0;
    width: 94vw;
    height: min(calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px), 790px);
  }

  .mm-intro__robot-wrap {
    align-self: end;
    justify-self: center;
    width: min(62vw, 330px);
    margin-bottom: -4px;
  }

  .mm-intro__identity {
    align-self: start;
    justify-items: center;
    gap: 11px;
    max-width: 94vw;
    padding: 0 12px 22px;
    text-align: center;
  }

  .mm-intro__identity strong {
    max-width: 94vw;
    font-size: clamp(3rem, 13.5vw, 5.35rem);
    line-height: .82;
  }

  .mm-intro__promise { font-size: .5rem; letter-spacing: .19em; }
  .mm-intro__promise::before { width: 20px; }
}

@media (max-width: 420px) {
  .mm-intro__stage {
    grid-template-rows: minmax(0, 58%) auto;
    width: 100%;
  }
  .mm-intro__robot-wrap { width: min(58vw, 240px); }
  .mm-intro__identity { gap: 9px; padding: 0 8px max(10px,env(safe-area-inset-bottom)); }
  .mm-intro__identity strong { font-size: clamp(2.65rem, 13vw, 4.15rem); }
  .mm-intro__promise { max-width: 100%; font-size: .45rem; letter-spacing: .15em; white-space: normal; }
}

@media (max-height: 700px) and (orientation: portrait) {
  .mm-intro__stage { grid-template-rows: minmax(0, 57%) auto; }
  .mm-intro__robot-wrap { width: min(50vw, 220px); }
  .mm-intro__identity strong { font-size: clamp(2.7rem, 11.5vw, 4rem); }
}

@media (max-height: 640px) and (orientation: landscape) {
  .mm-intro__stage {
    grid-template-columns: minmax(260px, .88fr) minmax(360px, 1.12fr);
    grid-template-rows: 1fr;
    gap: 20px;
    height: 97vh;
  }

  .mm-intro__robot-wrap { width: min(33vw, 310px); margin: 0; }
  .mm-intro__identity { justify-items: start; padding: 0; text-align: left; }
  .mm-intro__identity strong { font-size: clamp(3rem, 7vw, 5rem); }
}

@media (prefers-reduced-motion: reduce) {
  .mm-intro-shell { display: none !important; }
  html.mm-intro-pending .mm-header,
  html.mm-intro-pending main,
  html.mm-intro-pending .mm-footer { opacity: 1; }
}