/* stylelint-disable color-no-hex */
/* stylelint-disable color-no-hex */
.btn-primary {
  --bs-btn-color: #fff;
  height: 44px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  padding-left: 20px;
  padding-right: 20px;
  border: 0;
  gap: 10px;
  position: relative;
  overflow: hidden;
  text-decoration: none;
}
.btn-primary:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(260.75deg, #9E78F0 0%, #0957C3 100%);
  transition: 0.15s all ease;
}
.btn-primary .icon {
  position: relative;
  z-index: 5;
}
.btn-primary .icon svg, .btn-primary .icon img {
  max-height: 18px;
  width: auto;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.btn-primary .icon svg path[fill], .btn-primary .icon img path[fill] {
  fill: currentColor;
}
.btn-primary .icon svg path[stroke], .btn-primary .icon img path[stroke] {
  stroke: currentColor;
}
.btn-primary .caption, .btn-primary {
  position: relative;
  z-index: 5;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
}
.btn-primary:hover:before {
  opacity: 0.85;
}
.btn-primary.hover-dark {
  background: #1b1b1b;
}
.btn-primary.hover-dark:hover:before {
  opacity: 0;
}

.btn-primary-dark {
  color: #fff;
  background: linear-gradient(261deg, #9e78f0 0%, #0957c3 100%);
  border: 2px solid rgb(20, 20, 20);
  padding: 10px 18px;
  border-radius: 6px;
  text-decoration: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.16px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  font-family: "Space Grotesk", sans-serif;
  justify-content: center;
}
.btn-primary-dark svg {
  margin-left: 6px;
}
.btn-primary-dark svg path[fill] {
  fill: currentColor;
}
.btn-primary-dark svg path[stroke] {
  stroke: currentColor;
}
.btn-primary-dark:hover {
  border: 2px solid #9e78f0;
  background: #1b1b1b;
}
.btn-primary-dark:hover.hover-text-white {
  color: #fff;
}
.btn-primary-dark:active {
  color: #737373;
  border: 2px solid #a3a3a3;
  background: #525252;
}
.btn-primary-dark:active svg path {
  stroke: #737373;
}

.btn-grey-dark {
  height: 44px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  padding-left: 20px;
  padding-right: 20px;
  gap: 10px;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  color: #fff;
  background: #141414;
  border: 0;
  padding: 10px 18px;
  border-radius: 6px;
  text-decoration: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.16px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  font-family: "Space Grotesk", sans-serif;
  justify-content: center;
}
.btn-grey-dark svg {
  margin-left: 6px;
}
.btn-grey-dark svg path[fill] {
  fill: currentColor;
}
.btn-grey-dark svg path[stroke] {
  stroke: currentColor;
}
.btn-grey-dark:hover {
  border: 0;
  background: #1b1b1b;
}
.btn-grey-dark:hover.hover-text-white {
  color: #fff;
}
.btn-grey-dark:active {
  border: 0;
  color: #737373;
  background: #525252;
}
.btn-grey-dark:active svg path {
  stroke: #737373;
}

.btn-primary-light {
  color: #fff;
  border: 2px solid #fff;
  background: linear-gradient(261deg, #9e78f0 0%, #0957c3 100%);
  padding: 9px 18px;
  border-radius: 6px;
  text-decoration: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.16px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  font-family: "Space Grotesk", sans-serif;
  justify-content: center;
}
.btn-primary-light svg {
  margin-left: 6px;
}
.btn-primary-light svg path[fill] {
  fill: currentColor;
}
.btn-primary-light svg path[stroke] {
  stroke: currentColor;
}
.btn-primary-light:hover {
  border: 2px solid #9e78f0;
  background: #e5e5e5;
  color: #141414;
}
.btn-primary-light:hover svg path {
  stroke: #141414;
}
.btn-primary-light:active {
  border: 2px solid #a3a3a3;
  background: #525252;
  color: #e5e5e5;
}
.btn-primary-light:active svg path {
  stroke: #e5e5e5;
}

.btn-secondary-light {
  background: #fafafa;
  color: #0957c3;
  border: 2px solid #fff;
}
.btn-secondary-light svg path {
  stroke: #0957c3;
}
.btn-secondary-light {
  padding: 9px 18px;
  border-radius: 6px;
  text-decoration: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.16px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  font-family: "Space Grotesk", sans-serif;
  justify-content: center;
}
.btn-secondary-light svg {
  margin-left: 6px;
}
.btn-secondary-light svg path[fill] {
  fill: currentColor;
}
.btn-secondary-light svg path[stroke] {
  stroke: currentColor;
}
.btn-secondary-light:hover {
  border: 2px solid #9e78f0;
  background: #e5e5e5;
}
.btn-secondary-light:active {
  border: 2px solid #a3a3a3;
  background: #d6d6d6;
  color: #a3a3a3;
}
.btn-secondary-light:active svg path {
  stroke: #a3a3a3;
}

.btn-secondary-dark {
  color: #fff;
  background: #141414;
  border: 2px solid transparent;
  padding: 9px 18px;
  border-radius: 6px;
  text-decoration: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.16px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  font-family: "Space Grotesk", sans-serif;
  justify-content: center;
}
.btn-secondary-dark svg {
  margin-left: 6px;
}
.btn-secondary-dark svg path[fill] {
  fill: currentColor;
}
.btn-secondary-dark svg path[stroke] {
  stroke: currentColor;
}
.btn-secondary-dark:hover {
  border: 2px solid #9e78f0;
  background: #383838;
}
.btn-secondary-dark:active {
  color: #a3a3a3;
  border: 2px solid #a3a3a3;
  background: #737373;
}
.btn-secondary-dark:active svg path {
  stroke: #a3a3a3;
}

.btn-tertiary-dark {
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background-color: transparent;
  padding: 9px 18px;
  border-radius: 6px;
  text-decoration: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.16px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  font-family: "Space Grotesk", sans-serif;
  justify-content: center;
}
.btn-tertiary-dark svg {
  margin-left: 6px;
}
.btn-tertiary-dark svg path[fill] {
  fill: currentColor;
}
.btn-tertiary-dark svg path[stroke] {
  stroke: currentColor;
}
.btn-tertiary-dark .gradient {
  display: none;
}
.btn-tertiary-dark .icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (hover: hover) {
  .btn-tertiary-dark:hover {
    background: linear-gradient(261deg, #9e78f0 0%, #0957c3 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
  }
  .btn-tertiary-dark:hover .gradient {
    display: block;
  }
  .btn-tertiary-dark:hover .default {
    display: none;
  }
}
@media (hover: none) {
  .btn-tertiary-dark:active {
    background: linear-gradient(261deg, #9e78f0 0%, #0957c3 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
  }
  .btn-tertiary-dark:active .gradient {
    display: block;
  }
  .btn-tertiary-dark:active .default {
    display: none;
  }
}

.btn-tertiary-light {
  color: #141414;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: transparent;
  gap: 6px;
  padding: 9px 18px;
  border-radius: 6px;
  text-decoration: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.16px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  font-family: "Space Grotesk", sans-serif;
  justify-content: center;
}
.btn-tertiary-light svg {
  margin-left: 6px;
}
.btn-tertiary-light svg path[fill] {
  fill: currentColor;
}
.btn-tertiary-light svg path[stroke] {
  stroke: currentColor;
}
.btn-tertiary-light:focus, .btn-tertiary-light:active {
  color: #141414;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: transparent;
}
.btn-tertiary-light:hover {
  background: linear-gradient(261deg, #9e78f0 0%, #0957c3 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.block-hero-waldo {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: #06080e;
  color: #eef2fa;
  font-family: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 1.55;
  padding-top: 32px;
  padding-bottom: 40px;
}
.block-hero-waldo[data-padding-top=large] {
  padding-top: clamp(64px, 64px + 0.110982659 * (100vw - 575px), 160px);
}
.block-hero-waldo[data-padding-top=medium] {
  padding-top: clamp(40px, 40px + 0.0462427746 * (100vw - 575px), 80px);
}
.block-hero-waldo[data-padding-top=small] {
  padding-top: clamp(32px, 32px + 0.0323699422 * (100vw - 575px), 60px);
}
.block-hero-waldo[data-padding-top=none] {
  padding-top: 0;
}
.block-hero-waldo[data-padding-bottom=large] {
  padding-bottom: clamp(64px, 64px + 0.110982659 * (100vw - 575px), 160px);
}
.block-hero-waldo[data-padding-bottom=medium] {
  padding-bottom: clamp(40px, 40px + 0.0462427746 * (100vw - 575px), 80px);
}
.block-hero-waldo[data-padding-bottom=small] {
  padding-bottom: clamp(32px, 32px + 0.0323699422 * (100vw - 575px), 60px);
}
.block-hero-waldo[data-padding-bottom=none] {
  padding-bottom: 0;
}
.block-hero-waldo *, .block-hero-waldo *::before, .block-hero-waldo *::after {
  box-sizing: border-box;
  font-style: normal;
}
.block-hero-waldo a {
  color: inherit;
}
.block-hero-waldo :focus-visible {
  outline: 2px solid #2b84ff;
  outline-offset: 3px;
  border-radius: 4px;
}
.block-hero-waldo::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  opacity: 0.55;
  pointer-events: none;
  background-image: radial-gradient(1px 1px at 12% 18%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 78% 12%, #cfd8ff 50%, transparent 51%), radial-gradient(1px 1px at 34% 8%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 88% 44%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 6% 62%, #b9c6ff 50%, transparent 51%), radial-gradient(1px 1px at 64% 22%, #fff 50%, transparent 51%), radial-gradient(1.5px 1.5px at 22% 40%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 94% 78%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 48% 4%, #dfe6ff 50%, transparent 51%), radial-gradient(1.5px 1.5px at 70% 66%, #fff 50%, transparent 51%);
}
.block-hero-waldo .hero-waldo__wrap {
  max-width: 1240px;
  margin-inline: auto;
  padding-inline: clamp(16px, 4vw, 40px);
}
.block-hero-waldo .hero-waldo__copy {
  position: relative;
  z-index: 2;
  display: grid;
  justify-items: center;
  gap: 16px;
  text-align: center;
}
.block-hero-waldo .hero-waldo__chip {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 5px 14px 5px 6px;
  border: 1px solid #2d3b5c;
  border-radius: 999px;
  background: rgba(15, 21, 38, 0.7);
  font-size: 14px;
  line-height: 1.4;
  color: #c9d2e3;
  text-decoration: none;
  transition: color 0.2s, border-color 0.2s;
}
.block-hero-waldo .hero-waldo__chip b {
  font: 700 11px/1 "Space Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #fff;
  background: linear-gradient(261deg, #9e78f0 0%, #0957c3 100%);
  padding: 5px 8px;
  border-radius: 999px;
}
.block-hero-waldo .hero-waldo__chip .wb-more {
  margin: 0 0 0 8px;
  white-space: nowrap;
  color: #84caff;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media (max-width: 600px) {
  .block-hero-waldo .hero-waldo__chip {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 4px;
    border-radius: 18px;
    text-align: center;
  }
  .block-hero-waldo .hero-waldo__chip .wb-more {
    margin-left: 0;
  }
}
.block-hero-waldo a.hero-waldo__chip:hover {
  color: #eef2fa;
  border-color: #c9d2e3;
}
.block-hero-waldo .hero-waldo__title {
  margin: 0;
  font-family: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 0.95;
  font-size: clamp(44px, 6.6vw, 88px);
  text-wrap: balance;
  text-transform: none;
  color: #eef2fa;
}
.block-hero-waldo .hero-waldo__earth {
  background: linear-gradient(100deg, #cfe0ff 0%, #6aa7ff 38%, #9777f1 78%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.block-hero-waldo .hero-waldo__sub {
  max-width: 52ch;
  font-size: clamp(16px, 1.4vw, 18px);
  line-height: 1.55;
  color: #c9d2e3;
  text-wrap: balance;
}
.block-hero-waldo .hero-waldo__sub p {
  margin: 0;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.block-hero-waldo .hero-waldo__sub strong, .block-hero-waldo .hero-waldo__sub b {
  color: #eef2fa;
  font-weight: 500;
}
.block-hero-waldo .hero-waldo__sub em, .block-hero-waldo .hero-waldo__sub i {
  font-style: normal;
}
.block-hero-waldo .hero-waldo__stage {
  position: relative;
  margin-top: 8px;
  height: clamp(600px, 70vw, 820px);
}
.block-hero-waldo .hero-waldo__globe {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: min(1500px, 150vw);
  max-width: none;
  height: 100%;
  display: block;
  z-index: 0;
}
.block-hero-waldo .hero-waldo__console {
  position: absolute;
  z-index: 3;
  left: 50%;
  transform: translateX(-50%);
  bottom: clamp(12px, 2.5vw, 32px);
  width: min(640px, 100% - 2 * clamp(16px, 4vw, 40px));
  background: rgba(10, 17, 34, 0.78);
  border: 1px solid rgb(34.6, 69, 124.1);
  border-radius: 14px;
  backdrop-filter: blur(14px) saturate(1.2);
  -webkit-backdrop-filter: blur(14px) saturate(1.2);
  box-shadow: 0 30px 80px -20px rgba(9, 87, 195, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.02) inset;
  overflow: hidden;
  text-align: left;
}
.block-hero-waldo .hero-waldo__head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 16px;
  border-bottom: 1px solid #1f2a44;
  font: 400 12px/1 "Space Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #c9d2e3;
}
.block-hero-waldo .hero-waldo__dot {
  flex: none;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #85e8b3;
  box-shadow: 0 0 10px #85e8b3;
}
.block-hero-waldo .hero-waldo__proto {
  margin-left: auto;
  color: #a3aec4;
  text-transform: none;
  letter-spacing: 0;
  text-align: right;
}
.block-hero-waldo .hero-waldo__ask {
  display: flex;
  align-items: flex-end;
  gap: 12px;
  margin: 0;
  padding: 16px 16px 14px;
}
.block-hero-waldo .hero-waldo__ask label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
.block-hero-waldo .hero-waldo__ask textarea {
  flex: 1;
  min-width: 0;
  display: block;
  resize: none;
  overflow: hidden;
  margin: 0 0 9px;
  padding: 0;
  min-height: 1.4em;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  outline: none;
  color: #eef2fa;
  font: 400 clamp(16px, 1.7vw, 19px)/1.4 "Space Grotesk", "Helvetica Neue", Arial, sans-serif;
}
.block-hero-waldo .hero-waldo__ask textarea::-moz-placeholder {
  color: #a3aec4;
  opacity: 1;
}
.block-hero-waldo .hero-waldo__ask textarea::placeholder {
  color: #a3aec4;
  opacity: 1;
}
.block-hero-waldo .hero-waldo__ask textarea:focus-visible {
  outline: none;
}
.block-hero-waldo .hero-waldo__ask:focus-within {
  box-shadow: inset 0 -2px 0 0 rgba(43, 132, 255, 0.6);
}
.block-hero-waldo .hero-waldo__ask.is-readonly textarea {
  cursor: default;
}
.block-hero-waldo .hero-waldo__ask.is-readonly:focus-within {
  box-shadow: none;
}
.block-hero-waldo .hero-waldo__ask button {
  flex: none;
  width: 42px;
  height: 42px;
  padding: 0;
  border-radius: 9px;
  border: 0;
  cursor: pointer;
  background: #0957c3;
  color: #fff;
  display: grid;
  place-items: center;
  transition: background 0.2s;
}
.block-hero-waldo .hero-waldo__ask button:hover {
  background: #2b84ff;
}
.block-hero-waldo .hero-waldo__ask button svg {
  width: 18px;
  height: 18px;
}
.block-hero-waldo .hero-waldo__trace {
  border-top: 1px solid #1f2a44;
  padding: 12px 16px 14px;
  display: grid;
  gap: 8px;
  font: 400 13px/1.45 "Space Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  color: #c9d2e3;
}
.block-hero-waldo .hero-waldo__step {
  display: grid;
  grid-template-columns: 18px 1fr auto;
  gap: 10px;
  align-items: start;
  opacity: 0.35;
  transition: opacity 0.3s;
}
.block-hero-waldo .hero-waldo__step.is-on, .block-hero-waldo .hero-waldo__step.is-run {
  opacity: 1;
}
.block-hero-waldo .hero-waldo__step .ic {
  width: 14px;
  height: 14px;
  margin-top: 2px;
  border-radius: 50%;
  border: 1.5px solid #a3aec4;
  position: relative;
}
.block-hero-waldo .hero-waldo__step.is-on .ic {
  border-color: #85e8b3;
  background: rgba(133, 232, 179, 0.18);
}
.block-hero-waldo .hero-waldo__step.is-on .ic::after {
  content: "";
  position: absolute;
  left: 3.5px;
  top: 1px;
  width: 3px;
  height: 6px;
  border: solid #85e8b3;
  border-width: 0 1.5px 1.5px 0;
  transform: rotate(45deg);
}
.block-hero-waldo .hero-waldo__step.is-run .ic {
  border-color: #2b84ff;
  border-top-color: transparent;
  background: none;
  animation: hero-waldo-spin 0.8s linear infinite;
}
.block-hero-waldo .hero-waldo__step.is-run .ic::after {
  display: none;
}
.block-hero-waldo .hero-waldo__step .t b {
  color: #eef2fa;
  font-weight: 400;
}
.block-hero-waldo .hero-waldo__step .meta {
  color: #a3aec4;
  white-space: nowrap;
}
.block-hero-waldo .hero-waldo__sql {
  margin: 2px 0 0 28px;
  padding: 0 12px;
  border-radius: 8px;
  background: #070b16;
  border: 1px solid #1f2a44;
  font: 400 12px/1.6 "Space Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  color: #c9d4ea;
  white-space: pre;
  overflow-x: auto;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.5s ease, opacity 0.4s, padding 0.4s;
}
.block-hero-waldo .hero-waldo__sql.is-open {
  max-height: 220px;
  opacity: 1;
  padding-block: 10px;
}
.block-hero-waldo .hero-waldo__sql .k {
  color: #84caff;
}
.block-hero-waldo .hero-waldo__sql .f {
  color: #9777f1;
}
.block-hero-waldo .hero-waldo__sql .s {
  color: #85e8b3;
}
.block-hero-waldo .hero-waldo__sql .c {
  color: #a3aec4;
  font-style: italic;
}
.block-hero-waldo .hero-waldo__answer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 20px;
  border-top: 1px solid #1f2a44;
  padding: 14px 16px;
  background: rgba(9, 87, 195, 0.1);
  opacity: 0;
  transform: translateY(4px);
  transition: opacity 0.4s, transform 0.4s;
}
.block-hero-waldo .hero-waldo__answer.is-on {
  opacity: 1;
  transform: none;
}
.block-hero-waldo .hero-waldo__answer .num {
  font: 500 30px/1 "Space Grotesk", "Helvetica Neue", Arial, sans-serif;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
  color: #eef2fa;
}
.block-hero-waldo .hero-waldo__answer .what {
  font-size: 14px;
  color: #c9d2e3;
  line-height: 1.35;
  flex: 1 1 260px;
  min-width: 0;
}
.block-hero-waldo .hero-waldo__answer .maplink {
  margin-left: auto;
  font: 400 13px/1 "Space Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  color: #84caff;
  text-decoration: none;
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.block-hero-waldo .hero-waldo__answer .maplink:hover {
  text-decoration: underline;
}
.block-hero-waldo .hero-waldo__answer .maplink[hidden] {
  display: none;
}
.block-hero-waldo .hero-waldo__prompts {
  position: relative;
  z-index: 3;
  margin: 22px auto 0;
  width: min(900px, 100%);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}
.block-hero-waldo .hero-waldo__prompts button {
  font: 400 13px/1 "Space Grotesk", "Helvetica Neue", Arial, sans-serif;
  color: #c9d2e3;
  cursor: pointer;
  background: rgba(15, 21, 38, 0.72);
  border: 1px solid #1f2a44;
  padding: 9px 13px;
  border-radius: 999px;
  transition: color 0.2s, border-color 0.2s;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.block-hero-waldo .hero-waldo__prompts button:hover, .block-hero-waldo .hero-waldo__prompts button[aria-pressed=true] {
  color: #eef2fa;
  border-color: #2b84ff;
}
.block-hero-waldo .hero-waldo__ctas {
  position: relative;
  z-index: 3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 28px;
}
.block-hero-waldo .hero-waldo__copy .hero-waldo__ctas {
  margin-top: 8px;
}
.block-hero-waldo .hero-waldo__btn {
  text-transform: uppercase;
  min-height: 50px;
}
.block-hero-waldo .hero-waldo__btn svg {
  width: 20px;
  height: 20px;
}
@media (max-width: 640px) {
  .block-hero-waldo .hero-waldo__stage {
    height: 620px;
  }
  .block-hero-waldo .hero-waldo__globe {
    width: 190vw;
  }
  .block-hero-waldo .hero-waldo__prompts {
    display: none;
  }
  .block-hero-waldo .hero-waldo__console {
    bottom: 12px;
  }
  .block-hero-waldo .hero-waldo__sql, .block-hero-waldo .hero-waldo__sql.is-open {
    display: none;
  }
  .block-hero-waldo .hero-waldo__proto {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .block-hero-waldo .hero-waldo__step {
    grid-template-columns: 18px 1fr;
  }
  .block-hero-waldo .hero-waldo__step .meta {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .block-hero-waldo *, .block-hero-waldo *::before, .block-hero-waldo *::after {
    animation-duration: 0.001ms !important;
    transition-duration: 0.001ms !important;
  }
}

@keyframes hero-waldo-spin {
  to {
    transform: rotate(360deg);
  }
}