/* MyLife lockup: mark icon + MyLife wordmark side by side */
.framer-6ZoTL {
  -webkit-mask-image: none !important;
  mask-image: none !important;
  -webkit-mask: none !important;
  mask: none !important;
  background-color: transparent !important;
  background-image: none !important;
  aspect-ratio: auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 28px !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.45rem !important;
}

/* Brand mark (capsule) to the left of the wordmark */
.framer-6ZoTL::before {
  content: "";
  display: block;
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  background-color: var(
    --o4jego,
    var(--token-42b4fbef-08cc-4d25-ac51-777c039675b0, rgb(20, 20, 45))
  );
  -webkit-mask-image: url("/assets/images/mylife-mark.svg");
  mask-image: url("/assets/images/mylife-mark.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

/* Wordmark */
.framer-6ZoTL::after {
  content: "MyLife";
  font-family: "Inter", "SF Pro Display", system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
  letter-spacing: -0.04em;
  line-height: 1;
  color: var(
    --o4jego,
    var(--token-42b4fbef-08cc-4d25-ac51-777c039675b0, rgb(20, 20, 45))
  );
  white-space: nowrap;
}

/* Footer / dark-context lockups still read clearly */
.framer-hda1bv.framer-6ZoTL::before,
.framer-1vm5nwj.framer-6ZoTL::before {
  background-color: var(
    --token-42b4fbef-08cc-4d25-ac51-777c039675b0,
    rgb(20, 20, 45)
  );
}

.framer-hda1bv.framer-6ZoTL::after,
.framer-1vm5nwj.framer-6ZoTL::after {
  color: var(
    --token-42b4fbef-08cc-4d25-ac51-777c039675b0,
    rgb(20, 20, 45)
  );
}