/* Masque overrides on top of the base stylesheet: mascot + "soon" states only. */

/* Hero mask (replaces the 3D ghost) */
.mq-hero-mask { display: flex; align-items: center; justify-content: center; }
.mq-hero-mask .mq-mask {
  width: 92%;
  height: auto;
  max-height: 100%;
  overflow: visible;
  transform-origin: 50% 60%;
  filter: drop-shadow(0 40px 60px rgba(40, 20, 120, .55));
  animation: mq-float 7s ease-in-out infinite;
}
@keyframes mq-float {
  0%, 100% { transform: translateY(0) rotate(-6deg); }
  50% { transform: translateY(-18px) rotate(-3deg); }
}
@media (prefers-reduced-motion: reduce) {
  .mq-hero-mask .mq-mask { animation: none; transform: rotate(-5deg); }
}

/* "soon" pill used on Launch app / Docs / Claim links while the app isn't live */
.mq-soon {
  display: inline-block;
  margin-left: 8px;
  padding: 1px 7px;
  border-radius: 999px;
  font-family: monoFont, "monoFont Fallback", ui-monospace, monospace;
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
  line-height: 1.6;
  vertical-align: 1px;
  color: #B794FF;
  background: rgba(124, 92, 255, .14);
  border: 1px solid rgba(183, 148, 255, .3);
}
/* beat the base `.an-button span` / `.an-text-link>span` font sizes */
.an-button .mq-soon,
.an-text-link .mq-soon,
.an-nav-links .mq-soon { font-size: 10px; font-weight: 400; }
.an-button .mq-soon { margin-right: 4px; color: #5B3FE0; background: rgba(124, 92, 255, .12); border-color: rgba(91, 63, 224, .25); }

@media (max-width: 760px) {
  .an-button-small .mq-soon { display: none; }
  .an-button-small { white-space: nowrap; }
  .mq-hero-mask .mq-mask { width: 74%; }
}
[aria-disabled="true"] { cursor: default; }
.an-button[aria-disabled="true"]:hover { transform: none; }
.an-product { cursor: default; }

/* Module cards aren't links yet: drop the "go" arrows so they don't look clickable (audit: design) */
.an-product .an-product-arrow,
.an-product .an-product-learn .an-brand-arrow { display: none !important; } /* beats inline style */
.an-product .an-product-learn { color: #96829f; }
.an-product:hover { transform: none; }