:root {
  --page-beige: #d5c9b2;
  --page-beige-rgb: 213 201 178;
  --headline-tracking: 0;
  --page-headline-size: clamp(2.5rem, 6vw, 5.65rem);
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --ink: #f7fbff;
  --muted: #e1ebf7a3;
  --cyan: #8bf4ff;
  --blue: #3b83ff;
  --indigo: #6557ff;
  --bg-base-rgb: var(--page-beige-rgb);
  --bg-secondary-rgb: 233 231 225;
  --bg-strength: .75;
  --cloud-strength: 1;
  --bubble-accent-rgb: 105 91 210;
  --bubble-accent-light-rgb: 164 151 235;
  --bubble-definition: .6;
  --bubble-highlight-alpha: .114;
  --bubble-edge-alpha: .096;
  --bubble-shadow-alpha: .074;
  --bubble-blur: 16.6px;
  --protein-shadow-alpha: .482;
  --protein-shadow-soft-alpha: .232;
  --protein-shadow-glow-alpha: .292;
  --hero-rail-thickness: 3px;
  --logo-inc-offset: 5.5px;
  --logo-route-end-x: 340px;
  --rung-one-evidence-x: -268px;
  --rung-one-evidence-y: -56px;
  --myc-protein-x: -20px;
  --myc-protein-y: -4px;
  --nav-scale: 1.35;
  --nav-gap: 68px;
  --nav-offset-x: 240px;
  --footer-ink: #172c38;
  --footer-muted: #172c38a3;
  --footer-cyan: #087f86;
  --footer-indigo: #5657a0;
  --footer-blob-rgb: 107 177 181;
  --footer-background: radial-gradient(ellipse 42% 74% at 12% 40%, #7bc2c442, transparent 72%), radial-gradient(ellipse 38% 68% at 88% 44%, #859bc53d, transparent 72%), linear-gradient(126deg, #d6e7e9, #e8f0f0 54%, #d9e2eb);
  --night: var(--page-beige);
  --line: #cfe7ff29;
  --hero-accent-one: #d9fbff;
  --hero-accent-two: #93e9ff;
  --hero-accent-three: #9197ff;
  --microframe-radius: clamp(15px, 1.12vw, 18px);
  --hero-screen-scale: 1;
  --header-light-rgb: var(--page-beige-rgb);
  --header-dark-rgb: 5 7 10;
  --header-light-ink-rgb: 23 44 56;
  --header-dark-ink-rgb: 245 251 255;
  --header-surface-rgb: 222 211 193;
  --header-ink-rgb: 23 44 56;
  --header-surface-opacity: 0;
}

@media (max-width: 360px) {
  :root {
    --page-headline-size: 2.25rem;
  }
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  background: var(--night);
}

body {
  background: var(--night);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
  margin: 0;
  font-family: Inter, Helvetica Neue, Helvetica, Arial, sans-serif;
  transition: background-color .48s, color .48s;
  overflow-x: clip;
}

body[data-background-palette="a"] {
  --header-light-rgb: var(--page-beige-rgb);
}

main {
  isolation: isolate;
  position: relative;
}

.site-ambient {
  z-index: 0;
  pointer-events: none;
  background: rgb(var(--bg-base-rgb));
  transition: background-color .48s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.site-ambient-local {
  display: none;
}

.ambient-banks, .ambient-bank, .ambient-veil, .ambient-blob {
  pointer-events: none;
  display: block;
  position: absolute;
}

.ambient-banks {
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.ambient-bank {
  top: var(--ambient-bank-top, 0px);
  height: var(--ambient-bank-height, 100vh);
  height: var(--ambient-bank-height, 100svh);
  opacity: 1;
  contain: layout paint style;
  animation-play-state: paused;
  left: 0;
  right: 0;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(#0000 0%, #000 10%, #000 90%, #0000 100%);
  mask-image: linear-gradient(#0000 0%, #000 10%, #000 90%, #0000 100%);
}

.ambient-bank:first-child {
  -webkit-mask-image: linear-gradient(#000 0%, #000 90%, #0000 100%);
  mask-image: linear-gradient(#000 0%, #000 90%, #0000 100%);
}

.ambient-bank.is-active {
  animation-play-state: running;
}

.ambient-veil {
  z-index: 0;
  background: radial-gradient(ellipse 118% 94% at 50% 46%, transparent 36%, #0003 100%), linear-gradient(180deg, rgb(var(--bg-secondary-rgb) / .012), transparent 28%, transparent 72%, rgb(var(--bg-secondary-rgb) / .009));
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

body[data-bg-tone="light"] .ambient-veil {
  background: radial-gradient(ellipse 120% 92% at 50% 44%, transparent 30%, #0f19191a 100%), linear-gradient(180deg, rgb(var(--bg-secondary-rgb) / .11), transparent 30%, transparent 70%, rgb(var(--bg-secondary-rgb) / .08));
}

.ambient-blob {
  width: var(--blob-width, 34vw);
  height: var(--blob-height, 52vh);
  left: var(--blob-left, 0%);
  top: var(--blob-top, 0%);
  background: radial-gradient(ellipse at var(--blob-core-x, 50%) var(--blob-core-y, 50%), rgb(var(--bg-secondary-rgb) / .76) 0%, rgb(var(--bg-secondary-rgb) / .42) 22%, rgb(var(--bg-secondary-rgb) / .12) 48%, transparent 74%);
  filter: blur(max(12px, min(1.8vw, 28px)));
  opacity: calc(var(--bg-strength) * var(--blob-opacity, .22));
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: auto;
  border-radius: 46% 54% 63% 37% / 42% 48% 52% 58%;
  animation-play-state: paused;
}

.ambient-bank.is-active .ambient-blob {
  will-change: transform;
  animation-play-state: running;
}

.ambient-blob-one {
  animation: 19s ease-in-out infinite alternate blob-float-one;
}

.ambient-blob-two {
  border-radius: 59% 41% 46% 54% / 51% 60% 40% 49%;
  animation: 23s ease-in-out -7s infinite alternate blob-float-two;
}

.ambient-blob-three {
  border-radius: 41% 59% 55% 45% / 63% 44% 56% 37%;
  animation: 27s ease-in-out -15s infinite alternate blob-float-three;
}

.ambient-blob-four {
  border-radius: 54% 46% 38% 62% / 45% 61% 39% 55%;
  animation: 21s ease-in-out -4s infinite alternate blob-float-four;
}

.ambient-blob-five {
  border-radius: 37% 63% 57% 43% / 58% 39% 61% 42%;
  animation: 25s ease-in-out -11s infinite alternate blob-float-five;
}

body[data-shadow-field="a"] .ambient-blob-one {
  --blob-left: -15%;
  --blob-top: -10%;
  --blob-width: 46vw;
  --blob-height: 66vh;
  --blob-opacity: .25;
}

body[data-shadow-field="a"] .ambient-blob-two {
  --blob-left: 78%;
  --blob-top: 8%;
  --blob-width: 42vw;
  --blob-height: 58vh;
  --blob-opacity: .28;
}

body[data-shadow-field="a"] .ambient-blob-three {
  --blob-left: -18%;
  --blob-top: 63%;
  --blob-width: 44vw;
  --blob-height: 58vh;
  --blob-opacity: .18;
}

body[data-shadow-field="a"] .ambient-blob-four {
  --blob-left: 83%;
  --blob-top: 66%;
  --blob-width: 38vw;
  --blob-height: 50vh;
  --blob-opacity: .22;
}

body[data-shadow-field="a"] .ambient-blob-five {
  --blob-left: 91%;
  --blob-top: 38%;
  --blob-width: 24vw;
  --blob-height: 38vh;
  --blob-opacity: .13;
}

body[data-shadow-field="b"] .ambient-blob-one {
  --blob-left: 70%;
  --blob-top: -22%;
  --blob-width: 55vw;
  --blob-height: 70vh;
  --blob-opacity: .28;
}

body[data-shadow-field="b"] .ambient-blob-two {
  --blob-left: -23%;
  --blob-top: 6%;
  --blob-width: 48vw;
  --blob-height: 62vh;
  --blob-opacity: .17;
}

body[data-shadow-field="b"] .ambient-blob-three {
  --blob-left: 78%;
  --blob-top: 62%;
  --blob-width: 48vw;
  --blob-height: 58vh;
  --blob-opacity: .23;
}

body[data-shadow-field="b"] .ambient-blob-four {
  --blob-left: -12%;
  --blob-top: 70%;
  --blob-width: 34vw;
  --blob-height: 46vh;
  --blob-opacity: .2;
}

body[data-shadow-field="b"] .ambient-blob-five {
  --blob-left: 91%;
  --blob-top: 27%;
  --blob-width: 26vw;
  --blob-height: 44vh;
  --blob-opacity: .15;
}

body[data-shadow-field="c"] .ambient-blob {
  animation-timing-function: cubic-bezier(.45, .05, .35, .95);
}

body[data-shadow-field="c"] .ambient-blob-one {
  --blob-left: -11%;
  --blob-top: 2%;
  --blob-width: 34vw;
  --blob-height: 45vh;
  --blob-opacity: .25;
  animation-duration: 15s;
}

body[data-shadow-field="c"] .ambient-blob-two {
  --blob-left: 86%;
  --blob-top: 4%;
  --blob-width: 30vw;
  --blob-height: 43vh;
  --blob-opacity: .23;
  animation-duration: 17s;
}

body[data-shadow-field="c"] .ambient-blob-three {
  --blob-left: -16%;
  --blob-top: 54%;
  --blob-width: 36vw;
  --blob-height: 43vh;
  --blob-opacity: .2;
  animation-duration: 19s;
}

body[data-shadow-field="c"] .ambient-blob-four {
  --blob-left: 82%;
  --blob-top: 58%;
  --blob-width: 36vw;
  --blob-height: 45vh;
  --blob-opacity: .24;
  animation-duration: 16s;
}

body[data-shadow-field="c"] .ambient-blob-five {
  --blob-left: 94%;
  --blob-top: 35%;
  --blob-width: 22vw;
  --blob-height: 30vh;
  --blob-opacity: .18;
  animation-duration: 13s;
}

body[data-shadow-field="d"] .ambient-blob {
  filter: blur(max(30px, min(6.4vw, 112px)));
}

body[data-shadow-field="d"] .ambient-blob-one {
  --blob-left: -24%;
  --blob-top: -16%;
  --blob-width: 58vw;
  --blob-height: 96vh;
  --blob-opacity: .23;
  animation-duration: 31s;
}

body[data-shadow-field="d"] .ambient-blob-two {
  --blob-left: 78%;
  --blob-top: -10%;
  --blob-width: 50vw;
  --blob-height: 90vh;
  --blob-opacity: .26;
  animation-duration: 34s;
}

body[data-shadow-field="d"] .ambient-blob-three {
  --blob-left: -26%;
  --blob-top: 64%;
  --blob-width: 54vw;
  --blob-height: 88vh;
  --blob-opacity: .16;
  animation-duration: 36s;
}

body[data-shadow-field="d"] .ambient-blob-four {
  --blob-left: 82%;
  --blob-top: 60%;
  --blob-width: 48vw;
  --blob-height: 84vh;
  --blob-opacity: .2;
  animation-duration: 33s;
}

body[data-shadow-field="d"] .ambient-blob-five {
  --blob-left: 95%;
  --blob-top: 32%;
  --blob-width: 28vw;
  --blob-height: 58vh;
  --blob-opacity: .11;
  animation-duration: 29s;
}

body[data-shadow-field="e"] .ambient-blob-one {
  --blob-left: -8%;
  --blob-top: -4%;
  --blob-width: 29vw;
  --blob-height: 38vh;
  --blob-opacity: .28;
  animation-duration: 16s;
}

body[data-shadow-field="e"] .ambient-blob-two {
  --blob-left: 89%;
  --blob-top: 2%;
  --blob-width: 25vw;
  --blob-height: 34vh;
  --blob-opacity: .27;
  animation-duration: 20s;
}

body[data-shadow-field="e"] .ambient-blob-three {
  --blob-left: -12%;
  --blob-top: 42%;
  --blob-width: 28vw;
  --blob-height: 36vh;
  --blob-opacity: .22;
  animation-duration: 18s;
}

body[data-shadow-field="e"] .ambient-blob-four {
  --blob-left: 87%;
  --blob-top: 55%;
  --blob-width: 31vw;
  --blob-height: 39vh;
  --blob-opacity: .25;
  animation-duration: 17s;
}

body[data-shadow-field="e"] .ambient-blob-five {
  --blob-left: -4%;
  --blob-top: 78%;
  --blob-width: 24vw;
  --blob-height: 30vh;
  --blob-opacity: .2;
  animation-duration: 14s;
}

@keyframes blob-float-one {
  0% {
    transform: translate3d(-5vw, -4vh, 0)scale(.92)rotate(-5deg);
  }

  48% {
    transform: translate3d(3vw, 7vh, 0)scale(1.08)rotate(3deg);
  }

  100% {
    transform: translate3d(8vw, -1vh, 0)scale(.98)rotate(7deg);
  }
}

@keyframes blob-float-two {
  0% {
    transform: translate3d(6vw, -7vh, 0)scale(1.04)rotate(5deg);
  }

  52% {
    transform: translate3d(-4vw, 5vh, 0)scale(.9)rotate(-4deg);
  }

  100% {
    transform: translate3d(-8vw, 10vh, 0)scale(1.06)rotate(-8deg);
  }
}

@keyframes blob-float-three {
  0% {
    transform: translate3d(-7vw, 8vh, 0)scale(.94)rotate(2deg);
  }

  46% {
    transform: translate3d(5vw, -4vh, 0)scale(1.09)rotate(-6deg);
  }

  100% {
    transform: translate3d(9vw, -9vh, 0)scale(.97)rotate(5deg);
  }
}

@keyframes blob-float-four {
  0% {
    transform: translate3d(7vw, 6vh, 0)scale(1.08)rotate(-4deg);
  }

  54% {
    transform: translate3d(-5vw, -5vh, 0)scale(.93)rotate(6deg);
  }

  100% {
    transform: translate3d(-9vw, 4vh, 0)scale(1.03)rotate(-2deg);
  }
}

@keyframes blob-float-five {
  0% {
    transform: translate3d(4vw, -8vh, 0)scale(.88)rotate(7deg);
  }

  50% {
    transform: translate3d(-7vw, 2vh, 0)scale(1.12)rotate(-5deg);
  }

  100% {
    transform: translate3d(-2vw, 11vh, 0)scale(.96)rotate(4deg);
  }
}

.ambient-veil:before, .ambient-veil:after {
  content: "";
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

body[data-background-motion] .ambient-bank {
  background-repeat: no-repeat;
  animation-duration: 13s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

body[data-background-motion="a"] .ambient-bank {
  background-image: radial-gradient(46% 72% at 4% 24%, #ffffffa3, #0000 72%), radial-gradient(42% 68% at 97% 67%, #ffffff8a, #0000 72%), linear-gradient(112deg, #0000 34%, #ffffff24 50%, #0000 67%);
  background-size: 108% 108%, 112% 112%, 155% 120%;
  animation-name: bank-luminous-tide;
}

body[data-background-motion="b"] .ambient-bank {
  background-image: radial-gradient(48% 68% at 2% 38%, #22b8a857, #0000 72%), radial-gradient(42% 62% at 98% 58%, #e7fff78a, #0000 72%), radial-gradient(34% 42% at 76% 6%, #3fbeb12e, #0000 72%);
  background-size: 108% 112%, 112% 108%, 126% 126%;
  animation-name: bank-teal-respiration;
  animation-duration: 11s;
}

body[data-background-motion="c"] .ambient-bank {
  background-image: radial-gradient(circle at 12% 74%, #0000 0, #0000 8%, #ffffff80 9%, #0000 10%, #0000 100%), radial-gradient(circle at 88% 24%, #0000 0, #0000 12%, #ffffff70 13%, #0000 14%, #0000 100%), radial-gradient(circle at 72% 82%, #0000 0, #0000 6%, #359d9529 7%, #0000 8%, #0000 100%);
  background-size: 66vw 66vw, 78vw 78vw, 56vw 56vw;
  animation-name: bank-pearl-ascent;
  animation-duration: 12s;
}

body[data-background-motion="d"] .ambient-bank {
  background-image: radial-gradient(56% 74% at -2% 35%, #1cb4a45c, #0000 72%), radial-gradient(52% 68% at 103% 46%, #9169c24d, #0000 72%), radial-gradient(34% 34% at 84% 12%, #ffffff4d, #0000 74%);
  background-size: 108% 112%, 112% 108%, 128% 128%;
  animation-name: bank-aurora-margins;
  animation-duration: 14s;
}

body[data-background-motion="e"] .ambient-bank {
  background-image: radial-gradient(at 8% 28%, #0000 0, #0000 22%, #ffffff80 25%, #0000 29%), radial-gradient(at 90% 64%, #0000 0, #0000 25%, #2a9c9433 28%, #0000 32%), radial-gradient(at 72% 12%, #0000 0, #0000 17%, #ffffff61 20%, #0000 24%);
  background-size: 76vw 58vh, 86vw 66vh, 64vw 52vh;
  animation-name: bank-liquid-caustics;
  animation-duration: 10s;
}

body[data-background-motion="f"] .ambient-bank {
  background-image: linear-gradient(112deg, #0000 8%, #ffffff61 23%, #0000 38%), linear-gradient(124deg, #0000 48%, #2a9d9533 60%, #0000 72%), linear-gradient(104deg, #0000 62%, #ffffff42 74%, #0000 86%);
  background-size: 144% 128%, 136% 142%, 152% 132%;
  animation-name: bank-silk-current;
  animation-duration: 12s;
}

body[data-background-motion="g"] .ambient-bank {
  background: none;
  animation: none;
}

body[data-background-motion="h"] .ambient-bank {
  background-image: radial-gradient(circle at 4% 40%, #0000 0, #0000 18%, #ffffff80 19%, #379e961a 21%, #0000 23%), radial-gradient(circle at 96% 58%, #0000 0, #0000 21%, #ffffff6b 22%, #7461af14 24%, #0000 26%);
  background-size: 84vw 84vw, 96vw 96vw;
  animation-name: bank-orbital-halos;
  animation-duration: 14s;
}

body[data-background-motion="i"] .ambient-bank {
  background-image: radial-gradient(48% 68% at 1% 30%, #1aaa9c4d, #0000 72%), radial-gradient(44% 64% at 99% 65%, #8f68be40, #0000 72%), linear-gradient(118deg, #0000 30%, #ffffff38 51%, #0000 70%);
  background-size: 110% 112%, 112% 108%, 158% 128%;
  animation-name: bank-living-spectrum;
  animation-duration: 11s;
}

@keyframes bank-luminous-tide {
  0% {
    background-position: -10vw -5vh, 10vw 5vh, -42vw 0;
    background-size: 106% 106%, 108% 108%, 158% 122%;
  }

  52% {
    background-position: 1vw 5vh, -2vw -4vh, 0 0;
    background-size: 114% 116%, 118% 114%, 144% 116%;
  }

  100% {
    background-position: 9vw -1vh, -11vw 8vh, 42vw 0;
    background-size: 108% 112%, 110% 118%, 164% 124%;
  }
}

@keyframes bank-teal-respiration {
  0% {
    background-position: -12vw 1vh, 10vw -5vh, 15vw -8vh;
    background-size: 101% 104%, 106% 102%, 118% 118%;
  }

  50% {
    background-position: 1vw -3vh, -1vw 4vh, -4vw 7vh;
    background-size: 120% 124%, 122% 120%, 138% 138%;
  }

  100% {
    background-position: 10vw 5vh, -12vw -2vh, 10vw 10vh;
    background-size: 106% 112%, 110% 116%, 124% 132%;
  }
}

@keyframes bank-pearl-ascent {
  0% {
    background-position: -12vw 24vh, 9vw 12vh, 5vw 30vh;
    background-size: 61vw 61vw, 72vw 72vw, 50vw 50vw;
  }

  55% {
    background-position: 4vw 0, -2vw -4vh, -6vw 3vh;
    background-size: 70vw 70vw, 82vw 82vw, 59vw 59vw;
  }

  100% {
    background-position: 10vw -25vh, -11vw -18vh, 8vw -28vh;
    background-size: 65vw 65vw, 76vw 76vw, 54vw 54vw;
  }
}

@keyframes bank-aurora-margins {
  0% {
    background-position: -13vw -7vh, 13vw 8vh, 15vw -10vh;
    background-size: 101% 105%, 104% 102%, 118% 118%;
  }

  48% {
    background-position: 2vw 5vh, -1vw -3vh, -7vw 8vh;
    background-size: 120% 124%, 124% 120%, 140% 140%;
  }

  100% {
    background-position: 12vw -1vh, -14vw 7vh, 8vw 12vh;
    background-size: 107% 116%, 112% 118%, 126% 134%;
  }
}

@keyframes bank-liquid-caustics {
  0% {
    background-position: -16vw -7vh, 16vw 9vh, -4vw 18vh;
    background-size: 70vw 53vh, 80vw 60vh, 58vw 47vh;
  }

  50% {
    background-position: 5vw 8vh, -4vw -5vh, 15vw -4vh;
    background-size: 84vw 64vh, 94vw 72vh, 70vw 58vh;
  }

  100% {
    background-position: 19vw -3vh, -18vw 10vh, 30vw 12vh;
    background-size: 74vw 57vh, 84vw 66vh, 62vw 51vh;
  }
}

@keyframes bank-silk-current {
  0% {
    background-position: -72vw -5vh, 58vw 7vh, -84vw 8vh;
    background-size: 144% 128%, 136% 142%, 152% 132%;
  }

  52% {
    background-position: -5vw 5vh, 2vw -4vh, 8vw -6vh;
    background-size: 154% 138%, 148% 132%, 142% 142%;
  }

  100% {
    background-position: 64vw -2vh, -56vw 6vh, 82vw 5vh;
    background-size: 146% 132%, 140% 146%, 156% 136%;
  }
}

@keyframes bank-chromatic-fog {
  0% {
    background-position: -14vw -7vh, 14vw 9vh, 12vw -11vh;
    background-size: 102% 104%, 104% 102%, 116% 116%;
  }

  50% {
    background-position: 3vw 5vh, -3vw -4vh, -7vw 8vh;
    background-size: 124% 126%, 126% 122%, 142% 142%;
  }

  100% {
    background-position: 13vw -2vh, -15vw 7vh, 10vw 13vh;
    background-size: 109% 116%, 114% 120%, 128% 136%;
  }
}

@keyframes bank-orbital-halos {
  0% {
    background-position: -30vw 25vh, 29vw -22vh;
    background-size: 72vw 72vw, 84vw 84vw;
  }

  50% {
    background-position: -2vw -3vh, 1vw 4vh;
    background-size: 94vw 94vw, 106vw 106vw;
  }

  100% {
    background-position: 26vw -29vh, -31vw 24vh;
    background-size: 80vw 80vw, 92vw 92vw;
  }
}

@keyframes bank-living-spectrum {
  0% {
    background-position: -14vw -6vh, 14vw 8vh, -54vw 0;
    background-size: 102% 106%, 104% 102%, 162% 130%;
  }

  50% {
    background-position: 2vw 5vh, -3vw -4vh, 0 0;
    background-size: 122% 126%, 124% 120%, 146% 118%;
  }

  100% {
    background-position: 13vw -1vh, -15vw 7vh, 54vw 0;
    background-size: 108% 116%, 112% 120%, 168% 134%;
  }
}

body[data-background-motion="a"] .ambient-blob {
  filter: blur(max(16px, min(2.6vw, 42px)));
  opacity: calc(var(--bg-strength) * var(--blob-opacity, .22) * 1.28);
  background: radial-gradient(at 45% 44%, #fffffffa, #fffcf2b8 30%, #b3a4852e 57%, #0000 76%);
  animation-name: luminous-tide;
  animation-duration: 14s;
  animation-timing-function: cubic-bezier(.45, .03, .3, 1);
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

body[data-background-motion="a"] .ambient-blob:nth-child(2n) {
  animation-duration: 18s;
  animation-direction: alternate-reverse;
}

body[data-background-motion="b"] .ambient-blob {
  filter: blur(max(20px, min(3.3vw, 54px))) saturate(.98);
  opacity: calc(var(--bg-strength) * var(--blob-opacity, .22) * .94);
  background: radial-gradient(#1bb1a3c7, #4accbc66 38%, #ffffff17 62%, #0000 76%);
  animation-name: teal-respiration;
  animation-duration: 12s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

body[data-background-motion="b"] .ambient-blob:nth-child(2n) {
  background: radial-gradient(#fffffff0, #dcf8ef80 38%, #0000 72%);
  animation-duration: 16s;
  animation-direction: alternate-reverse;
}

body[data-background-motion="c"] .ambient-blob {
  width: calc(var(--blob-width, 34vw) * .52);
  height: calc(var(--blob-width, 34vw) * .52);
  filter: blur(max(1px, min(.22vw, 4px)));
  opacity: calc(var(--bg-strength) * var(--blob-opacity, .22) * .9);
  background: radial-gradient(circle at 32% 26%, #ffffffd6, #f9f6e738 38%, #2d97900f 68%, #0000 72%);
  border: 1px solid #ffffff9e;
  border-radius: 50%;
  animation-name: pearl-ascent;
  animation-duration: 13s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  box-shadow: inset -22px -20px 48px #48918b14, 0 18px 48px #55482d0f;
}

body[data-background-motion="c"] .ambient-blob:nth-child(2n) {
  animation-duration: 17s;
  animation-direction: alternate-reverse;
}

body[data-background-motion="d"] .ambient-blob {
  filter: blur(max(34px, min(5.5vw, 92px)));
  opacity: calc(var(--bg-strength) * var(--blob-opacity, .22) * 1.04);
  background: conic-gradient(from 205deg, #2db5a7b3, #ffffff94, #966fc794, #2db5a7b3);
  animation-name: aurora-margin;
  animation-duration: 17s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

body[data-background-motion="d"] .ambient-blob:nth-child(2n) {
  animation-duration: 22s;
  animation-direction: alternate-reverse;
}

body[data-background-motion="e"] .ambient-blob {
  filter: blur(max(18px, min(3vw, 48px)));
  opacity: calc(var(--bg-strength) * var(--blob-opacity, .22) * .62);
  background: radial-gradient(#ffffff9e, #51ada41f 42%, #0000 72%);
  animation-name: caustic-volume;
  animation-duration: 15s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

body[data-background-motion="e"] .ambient-veil:before {
  opacity: .42;
  filter: blur(9px);
  background-image: radial-gradient(at 20% 24%, #0000 34%, #ffffff7a 38%, #0000 43%), radial-gradient(at 74% 62%, #0000 30%, #3d9a932b 35%, #0000 41%), radial-gradient(at 44% 82%, #0000 32%, #ffffff61 37%, #0000 44%);
  background-size: 48vw 38vh, 56vw 44vh, 42vw 36vh;
  animation: 14s linear infinite liquid-caustics;
  top: -12%;
  bottom: -12%;
  left: -12%;
  right: -12%;
}

body[data-background-motion="f"] .ambient-blob {
  width: calc(var(--blob-width, 34vw) * .72);
  height: calc(var(--blob-height, 52vh) * .34);
  filter: blur(max(18px, min(3.6vw, 58px)));
  opacity: calc(var(--bg-strength) * var(--blob-opacity, .22) * .92);
  background: linear-gradient(105deg, #0000 2%, #ffffffa6 38%, #3ba59b2e 58%, #0000 96%);
  border-radius: 999px;
  animation-name: silk-current;
  animation-duration: 14s;
  animation-timing-function: cubic-bezier(.44, .06, .34, 1);
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

body[data-background-motion="f"] .ambient-blob:nth-child(2n) {
  animation-duration: 19s;
  animation-direction: alternate-reverse;
}

body[data-bubble-palette="a"] {
  --bubble-accent-rgb: 105 91 210;
  --bubble-accent-light-rgb: 164 151 235;
}

body[data-bubble-palette="b"] {
  --bubble-accent-rgb: 49 95 201;
  --bubble-accent-light-rgb: 111 154 235;
}

body[data-bubble-palette="c"] {
  --bubble-accent-rgb: 167 99 189;
  --bubble-accent-light-rgb: 215 159 226;
}

body[data-bubble-palette="d"] {
  --bubble-accent-rgb: 188 139 50;
  --bubble-accent-light-rgb: 229 191 106;
}

body[data-bubble-palette="e"] {
  --bubble-accent-rgb: 179 89 135;
  --bubble-accent-light-rgb: 224 143 180;
}

body[data-background-motion="g"] .ambient-blob {
  --bubble-rgb: var(--bubble-accent-rgb);
  --bubble-light-rgb: var(--bubble-accent-light-rgb);
  width: min(calc(var(--blob-width, 34vw) * .74), 640px);
  height: min(calc(var(--blob-height, 52vh) * .74), 540px);
  isolation: isolate;
  border: 1px solid rgb(var(--bubble-rgb) / var(--bubble-edge-alpha));
  background: radial-gradient(circle at 31% 24%, rgba(255, 255, 255, var(--bubble-highlight-alpha)) 0 3%, transparent 19%), radial-gradient(ellipse at 39% 32%, rgb(var(--bubble-light-rgb) / .52) 0%, rgb(var(--bubble-rgb) / .27) 32%, transparent 61%), radial-gradient(ellipse at 68% 75%, rgba(28, 52, 67, var(--bubble-shadow-alpha)) 0%, transparent 52%), radial-gradient(ellipse at var(--blob-core-x, 48%) var(--blob-core-y, 50%), rgb(var(--bubble-rgb) / .55), rgb(var(--bubble-rgb) / .25) 42%, rgb(var(--bubble-rgb) / .07) 64%, transparent 80%);
  box-shadow: inset -22px -26px 52px rgba(24, 48, 62, var(--bubble-shadow-alpha)), inset 16px 14px 38px rgba(255, 255, 255, var(--bubble-highlight-alpha)), 0 20px 50px rgb(var(--bubble-rgb) / .045);
  filter: blur(var(--bubble-blur)) saturate(1.03);
  opacity: calc(var(--cloud-strength) * var(--blob-opacity, .22) * 1.04);
  transform-origin: center;
  animation-timing-function: cubic-bezier(.42, .04, .28, .98);
  animation-iteration-count: infinite;
  overflow: hidden;
}

body[data-background-motion="g"] .ambient-blob:nth-child(3n+2) {
  --bubble-rgb: 24 154 155;
  --bubble-light-rgb: 105 215 209;
}

body[data-background-motion="g"] .ambient-blob:nth-child(3n) {
  --bubble-rgb: 26 144 151;
  --bubble-light-rgb: 98 207 207;
}

body[data-background-motion="g"] .ambient-blob:before, body[data-background-motion="g"] .ambient-blob:after {
  content: "";
  pointer-events: none;
  border-radius: inherit;
  position: absolute;
}

body[data-background-motion="g"] .ambient-blob:before {
  z-index: 1;
  background: radial-gradient(ellipse at 29% 21%, #ffffffc7, transparent 24%), linear-gradient(145deg, #ffffff40, transparent 34% 70%, rgb(var(--bubble-rgb) / .2));
  opacity: calc(var(--bubble-definition) * .32);
  filter: blur(8px);
  top: 5%;
  bottom: 5%;
  left: 5%;
  right: 5%;
}

body[data-background-motion="g"] .ambient-blob:after {
  z-index: 2;
  border: 1px solid rgba(255, 255, 255, var(--bubble-edge-alpha));
  box-shadow: inset -12px -15px 28px rgb(var(--bubble-rgb) / var(--bubble-shadow-alpha));
  opacity: calc(var(--bubble-definition) * .72);
  top: 2%;
  bottom: 2%;
  left: 2%;
  right: 2%;
}

body[data-background-motion="g"] .ambient-blob-one {
  animation-name: cloud-flight-one;
  animation-duration: 31s;
  animation-direction: alternate;
  animation-delay: -7s;
}

body[data-background-motion="g"] .ambient-blob-two {
  animation-name: cloud-flight-two;
  animation-duration: 37s;
  animation-direction: alternate-reverse;
  animation-delay: -19s;
}

body[data-background-motion="g"] .ambient-blob-three {
  animation-name: cloud-flight-three;
  animation-duration: 43s;
  animation-direction: alternate;
  animation-delay: -27s;
}

body[data-background-motion="g"] .ambient-blob-four {
  animation-name: cloud-flight-four;
  animation-duration: 34s;
  animation-direction: alternate-reverse;
  animation-delay: -11s;
}

body[data-background-motion="g"] .ambient-blob-five {
  animation-name: cloud-flight-five;
  animation-duration: 47s;
  animation-direction: alternate;
  animation-delay: -32s;
}

@keyframes cloud-flight-one {
  0% {
    transform: translate3d(-6vw, -3vh, 0)scale(.82)rotate(-7deg);
  }

  19% {
    transform: translate3d(1vw, 6vh, 0)scale(1.02)rotate(-2deg);
  }

  43% {
    transform: translate3d(8vw, 2vh, 0)scale(1.13)rotate(5deg);
  }

  68% {
    transform: translate3d(3vw, -8vh, 0)scale(.94)rotate(9deg);
  }

  86% {
    transform: translate3d(-4vw, 1vh, 0)scale(1.08)rotate(2deg);
  }

  100% {
    transform: translate3d(6vw, 8vh, 0)scale(.9)rotate(-4deg);
  }
}

@keyframes cloud-flight-two {
  0% {
    transform: translate3d(7vw, -6vh, 0)scale(1.08)rotate(6deg);
  }

  23% {
    transform: translate3d(-2vw, -1vh, 0)scale(.9)rotate(-3deg);
  }

  47% {
    transform: translate3d(-9vw, 7vh, 0)scale(1.04)rotate(-9deg);
  }

  71% {
    transform: translate3d(-3vw, 11vh, 0)scale(1.16)rotate(-2deg);
  }

  88% {
    transform: translate3d(5vw, 3vh, 0)scale(.96)rotate(7deg);
  }

  100% {
    transform: translate3d(-6vw, -8vh, 0)scale(1.07)rotate(3deg);
  }
}

@keyframes cloud-flight-three {
  0% {
    transform: translate3d(-8vw, 9vh, 0)scale(.88)rotate(3deg);
  }

  17% {
    transform: translate3d(-1vw, 2vh, 0)scale(1.09)rotate(-4deg);
  }

  39% {
    transform: translate3d(7vw, -5vh, 0)scale(.98)rotate(-8deg);
  }

  62% {
    transform: translate3d(3vw, -11vh, 0)scale(1.14)rotate(1deg);
  }

  83% {
    transform: translate3d(-6vw, -2vh, 0)scale(.93)rotate(8deg);
  }

  100% {
    transform: translate3d(9vw, 6vh, 0)scale(1.04)rotate(4deg);
  }
}

@keyframes cloud-flight-four {
  0% {
    transform: translate3d(8vw, 7vh, 0)scale(1.13)rotate(-5deg);
  }

  21% {
    transform: translate3d(2vw, -4vh, 0)scale(.95)rotate(2deg);
  }

  45% {
    transform: translate3d(-7vw, -7vh, 0)scale(1.06)rotate(8deg);
  }

  66% {
    transform: translate3d(-10vw, 4vh, 0)scale(.89)rotate(3deg);
  }

  84% {
    transform: translate3d(-1vw, 10vh, 0)scale(1.12)rotate(-7deg);
  }

  100% {
    transform: translate3d(6vw, -2vh, 0)scale(1.01)rotate(-1deg);
  }
}

@keyframes cloud-flight-five {
  0% {
    transform: translate3d(4vw, -9vh, 0)scale(.84)rotate(8deg);
  }

  18% {
    transform: translate3d(-5vw, -3vh, 0)scale(1.07)rotate(1deg);
  }

  41% {
    transform: translate3d(-8vw, 8vh, 0)scale(1.16)rotate(-6deg);
  }

  64% {
    transform: translate3d(2vw, 12vh, 0)scale(.92)rotate(-9deg);
  }

  82% {
    transform: translate3d(9vw, 1vh, 0)scale(1.03)rotate(4deg);
  }

  100% {
    transform: translate3d(-2vw, -7vh, 0)scale(1.1)rotate(7deg);
  }
}

body[data-background-motion="h"] .ambient-blob {
  filter: blur(max(5px, min(.9vw, 14px)));
  opacity: calc(var(--bg-strength) * var(--blob-opacity, .22) * .96);
  background: radial-gradient(circle, #0000 34%, #ffffff85 39%, #3f9e9624 45%, #0000 54%);
  border-radius: 50%;
  animation-name: orbital-halo;
  animation-duration: 15s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

body[data-background-motion="h"] .ambient-blob:nth-child(2n) {
  animation-duration: 20s;
  animation-direction: alternate-reverse;
}

body[data-background-motion="i"] .ambient-blob {
  filter: blur(max(34px, min(5.8vw, 96px)));
  opacity: calc(var(--bg-strength) * var(--blob-opacity, .22) * .88);
  background: conic-gradient(from 30deg, #2baea175, #ffffff80, #b572974d, #8070c042, #2baea175);
  animation-name: living-spectrum;
  animation-duration: 18s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

body[data-background-motion="i"] .ambient-veil:after {
  opacity: .14;
  mix-blend-mode: soft-light;
  background-image: radial-gradient(circle, #ffffffc7 0, #ffffffc7 .7px, #0000 1px);
  background-position: 0 0;
  background-size: 28px 28px;
  animation: 12s linear infinite spectrum-grain;
}

@keyframes luminous-tide {
  0% {
    transform: translate3d(-7vw, -4vh, 0)scale(.82)rotate(-4deg);
  }

  48% {
    transform: translate3d(2vw, 5vh, 0)scale(1.12)rotate(2deg);
  }

  100% {
    transform: translate3d(9vw, -1vh, 0)scale(.94)rotate(6deg);
  }
}

@keyframes teal-respiration {
  0% {
    opacity: .18;
    transform: translate3d(-5vw, -3vh, 0)scale(.68);
  }

  50% {
    opacity: .48;
    transform: translate3d(3vw, 5vh, 0)scale(1.18);
  }

  100% {
    opacity: .24;
    transform: translate3d(8vw, -4vh, 0)scale(.82);
  }
}

@keyframes pearl-ascent {
  0% {
    transform: translate3d(-3vw, 14vh, 0)scale(.72);
  }

  55% {
    transform: translate3d(4vw, 1vh, 0)scale(1.06);
  }

  100% {
    transform: translate3d(-1vw, -16vh, 0)scale(.86);
  }
}

@keyframes aurora-margin {
  0% {
    filter: blur(max(44px, min(7vw, 118px))) hue-rotate(-8deg);
    transform: translate3d(-8vw, -6vh, 0)scale(.78)rotate(-18deg);
  }

  100% {
    filter: blur(max(44px, min(7vw, 118px))) hue-rotate(13deg);
    transform: translate3d(10vw, 9vh, 0)scale(1.2)rotate(18deg);
  }
}

@keyframes caustic-volume {
  0% {
    transform: translate3d(-6vw, 5vh, 0)scale(.86)rotate(-5deg);
  }

  100% {
    transform: translate3d(8vw, -6vh, 0)scale(1.14)rotate(6deg);
  }
}

@keyframes liquid-caustics {
  0% {
    background-position: 0 0, 22vw 8vh, 4vw 19vh;
  }

  50% {
    background-position: 12vw 7vh, 8vw 17vh, 16vw 4vh;
  }

  100% {
    background-position: 24vw 1vh, -5vw 9vh, 28vw 14vh;
  }
}

@keyframes silk-current {
  0% {
    transform: translate3d(-10vw, -8vh, 0)rotate(-14deg)scaleX(.78);
  }

  100% {
    transform: translate3d(12vw, 10vh, 0)rotate(11deg)scaleX(1.18);
  }
}

@keyframes chromatic-fog {
  0% {
    filter: blur(max(38px, min(6.5vw, 106px))) saturate(.76);
    transform: translate3d(-7vw, -5vh, 0)scale(.76);
  }

  100% {
    filter: blur(max(38px, min(6.5vw, 106px))) saturate(1.08);
    transform: translate3d(9vw, 8vh, 0)scale(1.22);
  }
}

@keyframes orbital-halo {
  0% {
    transform: translate3d(-7vw, 8vh, 0)rotate(-14deg)scale(.68);
  }

  100% {
    transform: translate3d(9vw, -8vh, 0)rotate(16deg)scale(1.18);
  }
}

@keyframes living-spectrum {
  0% {
    transform: translate3d(-6vw, -4vh, 0)rotate(0)scale(.82);
  }

  50% {
    transform: translate3d(5vw, 7vh, 0)rotate(180deg)scale(1.16);
  }

  100% {
    transform: translate3d(-6vw, -4vh, 0)rotate(360deg)scale(.82);
  }
}

@keyframes spectrum-grain {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 84px -56px;
  }
}

a {
  color: inherit;
}

.skip-link {
  z-index: 100;
  color: #03070e;
  background: #fff;
  border-radius: 999px;
  padding: 10px 14px;
  transition: transform .18s;
  position: fixed;
  top: 12px;
  left: 12px;
  transform: translateY(-160%);
}

.skip-link:focus {
  transform: translateY(0);
}

.site-header {
  z-index: 20;
  pointer-events: none;
  opacity: var(--header-opacity, 1);
  transform: translateY(var(--header-y, 0px));
  will-change: opacity, transform;
  isolation: isolate;
  justify-content: space-between;
  align-items: center;
  padding: max(22px, min(3vw, 42px)) max(22px, min(4vw, 64px));
  display: flex;
  position: fixed;
  top: 0;
  bottom: auto;
  left: 0;
  right: 0;
}

.site-header:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(to bottom, rgb(var(--header-surface-rgb) / .955) 0%, rgb(var(--header-surface-rgb) / .94) 58%, rgb(var(--header-surface-rgb) / .76) 72%, rgb(var(--header-surface-rgb) / .34) 86%, transparent 100%);
  width: 100%;
  height: calc(100% + max(30px, min(3vw, 50px)));
  opacity: var(--header-surface-opacity, 0);
  will-change: opacity;
  position: absolute;
  top: 0;
  bottom: auto;
  left: 0;
  right: 0;
  transform: translateZ(0);
}

.site-header > * {
  z-index: 1;
}

.primary-nav {
  justify-content: center;
  align-items: center;
  gap: var(--nav-gap, 68px);
  width: max-content;
  color: rgb(var(--header-ink-rgb));
  pointer-events: auto;
  transform: scale(var(--nav-scale, 1)) translateX(calc(-50% + var(--nav-offset-x, 240px)));
  transform-origin: center;
  margin-left: 0;
  transition: color .11s linear;
  display: flex;
  position: absolute;
  left: 50%;
}

.primary-nav a {
  color: inherit;
  letter-spacing: .035em;
  white-space: nowrap;
  padding: 8px 0;
  font-size: max(.72rem, min(.86vw, .94rem));
  font-weight: 520;
  text-decoration: none;
  position: relative;
}

.primary-nav a:after {
  content: "";
  opacity: 0;
  background: #14b8bd;
  height: 1px;
  transition: opacity .18s, transform .18s;
  position: absolute;
  bottom: 2px;
  left: 0;
  right: 0;
  transform: scaleX(.35);
}

.primary-nav a:hover:after, .primary-nav a[aria-current="page"]:after {
  opacity: 1;
  transform: scaleX(1);
}

.primary-nav a:focus-visible:after {
  opacity: 1;
  transform: scaleX(1);
}

.header-nav-lab {
  z-index: 30;
  color: #172c38;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: #eee8d8d6;
  border: 1px solid #172c3833;
  border-radius: 14px;
  width: min(330px, 100vw - 36px);
  padding: 12px 14px;
  font-family: SFMono-Regular, Consolas, monospace;
  position: fixed;
  bottom: 18px;
  right: 18px;
  box-shadow: 0 14px 40px #121e221f;
}

.header-nav-lab label {
  gap: 8px;
  display: grid;
}

.header-nav-lab label + label {
  border-top: 1px solid #172c381a;
  margin-top: 11px;
  padding-top: 10px;
}

.header-nav-lab label > span {
  letter-spacing: .12em;
  text-transform: uppercase;
  justify-content: space-between;
  gap: 12px;
  font-size: .58rem;
  display: flex;
}

.header-nav-lab output {
  color: #08767a;
}

.header-nav-lab input {
  accent-color: #08767a;
  width: 100%;
  margin: 0;
}

.placeholder-page {
  --header-light-rgb: 216 200 186;
  min-height: 100vh;
  background: radial-gradient(62% 58% at 18% 18%, #d1b1ae99, #0000 72%), radial-gradient(58% 54% at 86% 14%, #ddd8bdbd, #0000 70%), linear-gradient(115deg, #d8c8ba 0%, #e5d8c2 48%, #d8d3b8 100%);
  min-height: 100svh;
  overflow-x: hidden;
}

.placeholder-page:before {
  content: "";
  pointer-events: none;
  background: radial-gradient(90% 70% at 50% 90%, #fffae733, #0000 70%);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.placeholder-main {
  min-height: 100vh;
  min-height: 100svh;
}

.wordmark {
  aspect-ratio: 430 / 82;
  width: max(320px, min(29.8vw, 430px));
  color: rgb(var(--header-ink-rgb));
  pointer-events: auto;
  align-items: center;
  text-decoration: none;
  transition: color .11s linear;
  display: flex;
  position: relative;
}

.wordmark-mark {
  z-index: 3;
  width: 41%;
  color: inherit;
  display: block;
  position: relative;
}

.wordmark-mark svg {
  width: 100%;
  display: block;
  overflow: visible;
}

.wordmark-mark path {
  fill: none;
  stroke: currentColor;
  stroke-width: 10px;
  stroke-linecap: square;
  stroke-linejoin: round;
  vector-effect: none;
}

.wordmark-mark .wordmark-join {
  stroke-linecap: butt;
}

.wordmark-type {
  z-index: 3;
  color: inherit;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 43%;
  right: 0;
}

.wordmark-dynamics, .wordmark-inc {
  white-space: nowrap;
  align-items: baseline;
  display: flex;
  position: absolute;
}

.wordmark-dynamics {
  letter-spacing: .105em;
  font-size: max(1rem, min(1.72vw, 1.58rem));
  font-weight: 440;
  line-height: 1;
  top: 38%;
  left: 0;
}

.wordmark-dynamics > span, .wordmark-inc > span {
  display: inline-block;
}

.wordmark-dynamics > span:last-child, .wordmark-inc > span:last-child {
  letter-spacing: 0;
}

.wordmark-inc {
  top: calc(62% + var(--logo-inc-offset, 0px));
  color: #08aeb5;
  letter-spacing: .075em;
  justify-content: space-between;
  width: auto;
  font-size: max(.72rem, min(1.08vw, 1rem));
  font-weight: 570;
  line-height: 1;
  right: auto;
}

.wordmark-route {
  z-index: 2;
  color: #08aeb5;
  width: 100%;
  height: 100%;
  transform: translateY(var(--logo-inc-offset, 0px));
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: visible;
}

.wordmark-route-path, .wordmark-route-final {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75px;
  vector-effect: non-scaling-stroke;
}

.wordmark-route-path {
  opacity: 0;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 1;
  stroke-dashoffset: 1px;
}

.wordmark-route-path-mechanical {
  stroke-linecap: square;
  stroke-linejoin: bevel;
  display: none;
}

.wordmark-route-final, .wordmark-route-node {
  opacity: 0;
}

.wordmark-route-node {
  fill: currentColor;
  transform-origin: var(--logo-route-end-x, 340px) 69px;
}

body[data-logo-motion="idle"] .wordmark-dynamics, body[data-logo-motion="idle"] .wordmark-inc {
  opacity: 0;
}

body[data-logo-motion="complete"] .wordmark-dynamics, body[data-logo-motion="complete"] .wordmark-inc, body[data-logo-motion="complete"] .wordmark-route-final, body[data-logo-motion="complete"] .wordmark-route-node {
  opacity: 1;
  transform: none;
}

body[data-logo-motion="complete"] .wordmark-route-path {
  opacity: 0;
}

body[data-logo-motion="running"] .wordmark-dynamics, body[data-logo-motion="running"] .wordmark-inc {
  opacity: 1;
}

.wordmark-dynamics > span:nth-child(2), .wordmark-inc > span:nth-child(2) {
  --logo-delay: 65ms;
}

.wordmark-dynamics > span:nth-child(3), .wordmark-inc > span:nth-child(3) {
  --logo-delay: .13s;
}

.wordmark-dynamics > span:nth-child(4) {
  --logo-delay: .195s;
}

.wordmark-dynamics > span:nth-child(5) {
  --logo-delay: .26s;
}

.wordmark-dynamics > span:nth-child(6) {
  --logo-delay: .325s;
}

.wordmark-dynamics > span:nth-child(7) {
  --logo-delay: .39s;
}

.wordmark-dynamics > span:nth-child(8) {
  --logo-delay: .455s;
}

body[data-logo-motion="running"][data-logo-dynamics="a"] .wordmark-dynamics {
  animation: .9s cubic-bezier(.16, .82, .18, 1) .26s both logo-dynamics-release;
}

body[data-logo-motion="running"][data-logo-dynamics="b"] .wordmark-dynamics > span {
  animation: .65s cubic-bezier(.2, .8, .2, 1) both logo-dynamics-relay;
  animation-delay: calc(.23s + var(--logo-delay, 0s));
}

body[data-logo-motion="running"][data-logo-dynamics="c"] .wordmark-dynamics {
  animation: 1.05s cubic-bezier(.18, 1.22, .34, 1) .22s both logo-dynamics-track;
}

body[data-logo-motion="running"][data-logo-dynamics="d"] .wordmark-dynamics > span {
  animation: .78s cubic-bezier(.2, .8, .2, 1) both logo-dynamics-focus;
  animation-delay: calc(.21s + var(--logo-delay, 0s));
}

body[data-logo-motion="running"][data-logo-dynamics="e"] .wordmark-dynamics {
  animation: 1.08s cubic-bezier(.22, .76, .18, 1) .22s both logo-dynamics-scan;
}

body[data-logo-motion="running"][data-logo-inc="a"] .wordmark-inc {
  animation: .76s cubic-bezier(.18, 1.3, .38, 1) 1.04s both logo-inc-drop;
}

body[data-logo-motion="running"][data-logo-inc="b"] .wordmark-inc {
  animation: .82s cubic-bezier(.17, 1.2, .28, 1) 1.02s both logo-inc-lift;
}

body[data-logo-motion="running"][data-logo-inc="c"] .wordmark-inc {
  animation: .82s cubic-bezier(.2, 1.14, .28, 1) 1.02s both logo-inc-pivot;
}

body[data-logo-motion="running"][data-logo-inc="d"] .wordmark-inc > span {
  animation: .59s cubic-bezier(.15, 1.45, .36, 1) both logo-inc-snap;
  animation-delay: calc(1.02s + var(--logo-delay, 0s));
}

body[data-logo-motion="running"][data-logo-inc="e"] .wordmark-inc > span {
  animation: .52s steps(4, end) both logo-inc-build;
  animation-delay: calc(1s + var(--logo-delay, 0s));
}

body[data-logo-motion="running"] .wordmark-route-final {
  animation: .62s cubic-bezier(.2, .82, .2, 1) 1.44s both logo-route-settle;
}

body[data-logo-motion="running"] .wordmark-route-node {
  animation: .48s cubic-bezier(.17, 1.3, .3, 1) 1.9s both logo-route-node;
}

body[data-logo-motion="running"][data-logo-line="a"] .wordmark-route-path-fluid {
  animation: 1.54s cubic-bezier(.2, .72, .18, 1) 80ms both logo-route-draw, .36s 1.54s forwards logo-route-vanish;
}

body[data-logo-motion="running"][data-logo-line="b"] .wordmark-route-path-fluid {
  stroke-dasharray: .08 .045;
  animation: 1.58s linear 70ms both logo-route-crawl, .36s 1.57s forwards logo-route-vanish;
}

body[data-logo-motion="running"][data-logo-line="c"] .wordmark-route-path-fluid {
  transform-origin: bottom;
  animation: 1.64s cubic-bezier(.2, .74, .18, 1) 70ms both logo-route-wave, .36s 1.6s forwards logo-route-vanish;
}

body[data-logo-motion="running"][data-logo-line="d"] .wordmark-route-path-fluid {
  stroke-width: 2.15px;
  stroke-dasharray: .018 .045;
  filter: drop-shadow(0 0 3px #08aeb5cc);
  animation: 1.53s linear 80ms both logo-route-pulse, .36s 1.53s forwards logo-route-vanish;
}

body[data-logo-motion="running"][data-logo-line="e"] .wordmark-route-path-fluid {
  display: none;
}

body[data-logo-motion="running"][data-logo-line="e"] .wordmark-route-path-mechanical {
  animation: 1.58s steps(9, end) 80ms both logo-route-draw, .36s 1.58s forwards logo-route-vanish;
  display: block;
}

@keyframes logo-dynamics-release {
  0% {
    opacity: 0;
    clip-path: inset(0 100% 0 0);
    transform: translateX(-24px);
  }

  100% {
    opacity: 1;
    clip-path: inset(0);
    transform: translateX(0);
  }
}

@keyframes logo-dynamics-relay {
  0% {
    opacity: 0;
    transform: translateX(-22px)scaleX(.7);
  }

  100% {
    opacity: 1;
    transform: translateX(0)scaleX(1);
  }
}

@keyframes logo-dynamics-track {
  0% {
    opacity: 0;
    transform-origin: 0;
    transform: translateX(-28px)scaleX(.12);
  }

  65% {
    opacity: 1;
    transform-origin: 0;
    transform: translateX(2px)scaleX(1.035);
  }

  100% {
    opacity: 1;
    transform-origin: 0;
    transform: translateX(0)scaleX(1);
  }
}

@keyframes logo-dynamics-focus {
  0% {
    opacity: 0;
    filter: blur(7px);
    transform: translateX(-16px)scale(1.08);
  }

  100% {
    opacity: 1;
    filter: blur();
    transform: translateX(0)scale(1);
  }
}

@keyframes logo-dynamics-scan {
  0% {
    opacity: 0;
    clip-path: inset(0 100% 0 0);
    filter: drop-shadow(-12px 0 5px #08aeb5);
  }

  70% {
    opacity: 1;
    filter: drop-shadow(2px 0 2px #08aeb5);
  }

  100% {
    opacity: 1;
    clip-path: inset(0);
    filter: none;
  }
}

@keyframes logo-inc-drop {
  0% {
    opacity: 0;
    transform: translateY(30px)scaleY(.72);
  }

  72% {
    opacity: 1;
    transform: translateY(-3px)scaleY(1.04);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes logo-inc-lift {
  0% {
    opacity: 0;
    transform: translateY(28px);
  }

  72% {
    opacity: 1;
    transform: translateY(-2px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes logo-inc-pivot {
  0% {
    opacity: 0;
    transform-origin: 100% 100%;
    transform: translateY(22px)rotate(-18deg);
  }

  76% {
    opacity: 1;
    transform-origin: 100% 100%;
    transform: translateY(-2px)rotate(1deg);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes logo-inc-snap {
  0% {
    opacity: 0;
    transform: translateY(22px)scale(.5);
  }

  75% {
    opacity: 1;
    transform: translateY(-2px)scale(1.08);
  }

  100% {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

@keyframes logo-inc-build {
  0% {
    opacity: 0;
    transform: translateY(18px)scaleY(.15);
  }

  100% {
    opacity: 1;
    transform: translateY(0)scaleY(1);
  }
}

@keyframes logo-route-draw {
  0% {
    opacity: 0;
    stroke-dashoffset: 1px;
  }

  8% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    stroke-dashoffset: 0;
  }
}

@keyframes logo-route-crawl {
  0% {
    opacity: 0;
    stroke-dashoffset: 1px;
  }

  10% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    stroke-dashoffset: 0;
  }
}

@keyframes logo-route-wave {
  0% {
    opacity: 0;
    stroke-dashoffset: 1px;
    transform: translateY(5px)scaleY(1.08);
  }

  12% {
    opacity: 1;
  }

  72% {
    transform: translateY(2px)scaleY(.96);
  }

  100% {
    opacity: 1;
    stroke-dashoffset: 0;
    transform: scaleY(1);
  }
}

@keyframes logo-route-pulse {
  0% {
    opacity: 0;
    stroke-dashoffset: 1px;
  }

  9% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    stroke-dashoffset: -.05px;
  }
}

@keyframes logo-route-vanish {
  to {
    opacity: 0;
  }
}

@keyframes logo-route-settle {
  0% {
    opacity: 0;
    stroke-dasharray: 1;
    stroke-dashoffset: 1px;
  }

  100% {
    opacity: 1;
    stroke-dasharray: 1;
    stroke-dashoffset: 0;
  }
}

@keyframes logo-route-node {
  0% {
    opacity: 0;
    transform: scale(0);
  }

  70% {
    opacity: 1;
    transform: scale(1.5);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.phase-label {
  border: 1px solid var(--line);
  color: #e5f1ff9e;
  letter-spacing: .12em;
  text-transform: uppercase;
  border-radius: 999px;
  padding: 8px 12px;
  font-family: SFMono-Regular, Consolas, monospace;
  font-size: .64rem;
}

.hero-track {
  z-index: 1;
  min-height: 154vh;
  background: none;
  min-height: 154svh;
  position: relative;
}

.handoff-anchor {
  pointer-events: none;
  top: 108vh;
  width: 1px;
  height: 1px;
  position: absolute;
  top: 108svh;
  left: 0;
}

.hero-frame {
  min-height: 100vh;
  background: none;
  min-height: 100svh;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.hero-frame:before {
  content: none;
}

.hero-visual, .hero-live-media, .hero-poster, .hero-video, .hero-poster img, .hero-composite-canvas, .hero-grain-field {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.hero-visual {
  z-index: 1;
  opacity: var(--hero-visual-opacity, 1);
  transform: translate3d(24vw, 0, 0) scale(calc(var(--hero-scale, .84) * var(--hero-screen-scale)));
  transform-origin: 62%;
  mix-blend-mode: normal;
  will-change: transform, opacity;
  background: none;
}

.hero-live-media {
  z-index: 1;
  opacity: var(--hero-live-opacity, 0);
  filter: blur(var(--hero-live-blur, 0px));
  transform: scale(var(--hero-live-scale, 1));
  transform-origin: 57%;
  will-change: opacity, filter, transform;
  background: none;
}

body[data-hero-intro="complete"] .hero-live-media {
  filter: none;
  will-change: opacity, transform;
}

.hero-grain-field {
  z-index: 2;
  pointer-events: none;
  height: 100%;
  opacity: var(--hero-grain-opacity, 1);
  filter: blur(var(--hero-grain-blur, 0px));
  mix-blend-mode: screen;
  will-change: opacity, filter;
}

.hero-composite-canvas {
  z-index: 2;
  opacity: 0;
  mix-blend-mode: normal;
  pointer-events: none;
  background: none;
  transition: opacity .12s linear, filter .22s;
  display: block;
}

body[data-protein-shadow="a"] .hero-composite-canvas {
  filter: drop-shadow(0 30px 32px rgba(20, 35, 42, var(--protein-shadow-alpha))) drop-shadow(0 9px 14px rgba(20, 56, 62, var(--protein-shadow-soft-alpha)));
}

body[data-protein-shadow="b"] .hero-composite-canvas {
  filter: drop-shadow(0 52px 24px rgba(55, 43, 29, var(--protein-shadow-alpha))) drop-shadow(0 18px 10px rgba(42, 34, 25, var(--protein-shadow-soft-alpha)));
}

body[data-protein-shadow="c"] .hero-composite-canvas {
  filter: drop-shadow(-10px 7px 20px rgba(20, 169, 172, var(--protein-shadow-glow-alpha))) drop-shadow(7px 27px 32px rgba(24, 55, 72, var(--protein-shadow-soft-alpha)));
}

body[data-protein-shadow="d"] .hero-composite-canvas {
  filter: drop-shadow(-12px 5px 19px rgba(25, 170, 177, var(--protein-shadow-glow-alpha))) drop-shadow(15px 22px 22px rgba(91, 72, 185, var(--protein-shadow-glow-alpha))) drop-shadow(0 34px 34px rgba(29, 39, 56, var(--protein-shadow-soft-alpha)));
}

body[data-protein-shadow="e"] .hero-composite-canvas {
  filter: drop-shadow(10px 18px 13px rgba(20, 27, 35, var(--protein-shadow-alpha))) drop-shadow(0 38px 42px rgba(23, 42, 49, var(--protein-shadow-soft-alpha)));
}

body[data-protein-shadow="a"] .rung-image-window {
  filter: drop-shadow(0 30px 32px rgba(20, 35, 42, var(--protein-shadow-alpha))) drop-shadow(0 9px 14px rgba(20, 56, 62, var(--protein-shadow-soft-alpha)));
}

body[data-protein-shadow="b"] .rung-image-window {
  filter: drop-shadow(0 52px 24px rgba(55, 43, 29, var(--protein-shadow-alpha))) drop-shadow(0 18px 10px rgba(42, 34, 25, var(--protein-shadow-soft-alpha)));
}

body[data-protein-shadow="c"] .rung-image-window {
  filter: drop-shadow(-10px 7px 20px rgba(20, 169, 172, var(--protein-shadow-glow-alpha))) drop-shadow(7px 27px 32px rgba(24, 55, 72, var(--protein-shadow-soft-alpha)));
}

body[data-protein-shadow="d"] .rung-image-window {
  filter: drop-shadow(-12px 5px 19px rgba(25, 170, 177, var(--protein-shadow-glow-alpha))) drop-shadow(15px 22px 22px rgba(91, 72, 185, var(--protein-shadow-glow-alpha))) drop-shadow(0 34px 34px rgba(29, 39, 56, var(--protein-shadow-soft-alpha)));
}

body[data-protein-shadow="e"] .rung-image-window {
  filter: drop-shadow(10px 18px 13px rgba(20, 27, 35, var(--protein-shadow-alpha))) drop-shadow(0 38px 42px rgba(23, 42, 49, var(--protein-shadow-soft-alpha)));
}

body[data-hero-composite="ready"] .hero-composite-canvas {
  opacity: 1;
}

.hero-poster img, .hero-video {
  object-fit: cover;
  object-position: 61% center;
}

.hero-video {
  z-index: 1;
  opacity: 0;
  background: none;
}

.hero-poster {
  z-index: 0;
  opacity: 0;
  background: none;
}

.hero-wash {
  display: none;
}

.hero-compute-sketch {
  z-index: 1;
  color: #836b4f;
  opacity: .4;
  pointer-events: none;
  mix-blend-mode: multiply;
  width: min(42vw, 720px);
  height: min(32vh, 320px);
  position: absolute;
  bottom: max(-72px, min(-5.5vh, -28px));
  left: max(-54px, min(-2.8vw, -22px));
  -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 72%, #0000 100%);
  mask-image: linear-gradient(90deg, #000 0%, #000 72%, #0000 100%);
}

.hero-sketch-option {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: visible;
}

body[data-hero-sketch="a"] .hero-sketch-a, body[data-hero-sketch="b"] .hero-sketch-b, body[data-hero-sketch="c"] .hero-sketch-c, body[data-hero-sketch="d"] .hero-sketch-d, body[data-hero-sketch="e"] .hero-sketch-e, body[data-hero-sketch="f"] .hero-sketch-f {
  display: block;
}

.hero-compute-sketch .sketch-fine {
  stroke-width: 1.35px;
}

.hero-compute-sketch .sketch-dashed {
  stroke-width: 1.1px;
  stroke-dasharray: 4 7;
  opacity: .78;
}

.hero-compute-sketch .sketch-nodes {
  stroke-width: 1.2px;
  fill: color-mix(in srgb, currentColor 28.0%, transparent);
}

@supports not (color: color-mix(in srgb,red,blue)) {
  .hero-compute-sketch .sketch-nodes {
    fill: #10191a47;
  }
}

.hero-copy {
  z-index: 2;
  width: min(720px, 39vw);
  opacity: var(--hero-copy-opacity, 1);
  transform: translate3d(0, var(--hero-copy-y, 0px), 0) translateY(-50%);
  will-change: opacity, transform;
  position: absolute;
  top: 49.3%;
  bottom: auto;
  left: max(22px, min(7vw, 112px));
}

.hero-copy h1 {
  max-width: 14.2ch;
  font-size: var(--page-headline-size);
  letter-spacing: var(--headline-tracking);
  font-kerning: normal;
  text-wrap: balance;
  margin: 0;
  font-weight: 430;
  line-height: 1.03;
  overflow: visible;
}

.hero-line {
  display: block;
  overflow: visible;
}

.hero-line-emerge {
  isolation: isolate;
  line-height: 1.02;
  font-size: clamp(var(--hero-message-min-size, 1.34rem), var(--hero-message-fluid-size, 2.18vw), var(--hero-message-max-size, 2.7rem));
  letter-spacing: -.04em;
  background: linear-gradient(100deg, var(--hero-accent-one) 0%, var(--hero-accent-two) 46%, var(--hero-accent-three) 100%);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: .14em;
  margin-bottom: -.16em;
  padding-bottom: .16em;
  font-weight: 480;
  line-height: 1.12;
  transition: padding .36s, border-color .36s, border-radius .36s, box-shadow .36s, background-color .36s;
  position: relative;
  overflow: visible;
}

.hero-line-emerge:before, .hero-line-emerge:after {
  pointer-events: none;
  position: absolute;
}

body[data-message-design="1"] .hero-line-emerge {
  border-left: 2px solid var(--cyan);
  background: linear-gradient(90deg, color-mix(in srgb, var(--ink) 7.0%, transparent), transparent 78.0%);
  margin-top: .34em;
  padding: .48em .54em .38em .72em;
}

@supports not (color: color-mix(in srgb,red,blue)) {
  body[data-message-design="1"] .hero-line-emerge {
    background: linear-gradient(90deg, #10191a12, #0000 78%);
  }
}

body[data-message-design="1"] .hero-line-emerge:before {
  content: "PIM2 / MYC";
  color: color-mix(in srgb, var(--ink) 42.0%, transparent);
  letter-spacing: .18em;
  font: 540 .28em / 1 SFMono-Regular, Consolas, monospace;
  top: -.05em;
  left: 1.42em;
}

@supports not (color: color-mix(in srgb,red,blue)) {
  body[data-message-design="1"] .hero-line-emerge:before {
    color: #10191a6b;
  }
}

body[data-message-design="2"] .hero-line-emerge {
  border: 1px solid color-mix(in srgb, var(--ink) 14.0%, transparent);
  background: color-mix(in srgb, var(--ink) 6.0%, transparent);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border-radius: .72em;
  margin-top: .34em;
  padding: .62em .7em .5em;
  box-shadow: inset 0 1px #ffffff38, 0 18px 48px #372b1614;
}

@supports not (color: color-mix(in srgb,red,blue)) {
  body[data-message-design="2"] .hero-line-emerge {
    background: #10191a0f;
    border: 1px solid #10191a24;
  }
}

body[data-message-design="2"] .hero-line-emerge:after {
  content: "";
  background: linear-gradient(90deg, transparent, var(--cyan));
  width: 1.55em;
  height: 1px;
  bottom: .42em;
  right: .65em;
}

body[data-message-design="3"] .hero-line-emerge {
  border-top: 1px solid color-mix(in srgb, var(--ink) 24.0%, transparent);
  margin-top: .42em;
  padding: .46em 0 .34em 1.65em;
}

@supports not (color: color-mix(in srgb,red,blue)) {
  body[data-message-design="3"] .hero-line-emerge {
    border-top: 1px solid #10191a3d;
  }
}

body[data-message-design="3"] .hero-line-emerge:before {
  content: "01";
  color: var(--cyan);
  letter-spacing: -.08em;
  font: 620 .72em / 1 Inter, sans-serif;
  top: .52em;
  left: 0;
}

body[data-message-design="4"] .hero-line-emerge {
  background: none;
  margin-top: .38em;
  padding: .6em .7em .46em;
}

body[data-message-design="4"] .hero-line-emerge:before, body[data-message-design="4"] .hero-line-emerge:after {
  content: "";
  width: 1.25em;
  height: 1.25em;
  opacity: var(--hero-message-frame-opacity, 0);
  transform: scale(var(--hero-message-frame-progress, 0));
  transition: none;
}

body[data-message-design="4"] .hero-line-emerge:before {
  border-top: 1px solid var(--cyan);
  border-left: 1px solid var(--cyan);
  transform-origin: 0 0;
  top: 0;
  left: 0;
}

body[data-message-design="4"] .hero-line-emerge:after {
  right: var(--hero-bracket-right-inset, 0px);
  border-right: 1px solid var(--blue);
  border-bottom: 1px solid var(--blue);
  transform-origin: 100% 100%;
  bottom: 0;
}

body[data-message-design="10"] .hero-line-emerge {
  margin-top: .38em;
  padding: .6em .7em .46em;
}

body[data-message-design="10"] .hero-line-emerge:before {
  content: "";
  z-index: 0;
  border: 1px solid color-mix(in srgb, var(--blue) 16.0%, transparent);
  background: radial-gradient(circle at 8.0% 18.0%, color-mix(in srgb, var(--cyan) 22.0%, transparent), transparent 42.0%), linear-gradient(105deg, #fff3, color-mix(in srgb, var(--blue) 10.0%, transparent) 58.0%, #df775f14);
  opacity: calc(var(--hero-message-frame-opacity, 0) * .82);
  transform: scaleX(var(--hero-message-frame-progress, 0));
  transform-origin: 0;
  box-shadow: 0 12px 38px color-mix(in srgb, var(--blue) 8.0%, transparent);
  border-radius: .18em;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@supports not (color: color-mix(in srgb,red,blue)) {
  body[data-message-design="10"] .hero-line-emerge:before {
    background: radial-gradient(circle at 8% 18%, #08767a38, #0000 42%), linear-gradient(105deg, #fff3, #315f871a 58%, #df775f14);
    border: 1px solid #315f8729;
    box-shadow: 0 12px 38px #315f8714;
  }
}

body[data-message-design="11"] .hero-line-emerge {
  margin-top: .4em;
  padding: .42em 0 .68em;
}

body[data-message-design="11"] .hero-line-emerge:after {
  content: "";
  z-index: 0;
  background: linear-gradient(90deg, var(--cyan), var(--blue) 58.0%, #cf6f60 100.0%);
  height: 2px;
  opacity: var(--hero-message-frame-opacity, 0);
  transform: scaleX(var(--hero-message-frame-progress, 0));
  transform-origin: 0;
  box-shadow: 0 0 18px color-mix(in srgb, var(--cyan) 26.0%, transparent);
  border-radius: 999px;
  bottom: .16em;
  left: 0;
  right: 0;
}

@supports not (color: color-mix(in srgb,red,blue)) {
  body[data-message-design="11"] .hero-line-emerge:after {
    box-shadow: 0 0 18px #08767a42;
  }
}

body[data-message-design="12"] .hero-line-emerge {
  margin-top: .38em;
  padding: .6em .7em .46em;
}

body[data-message-design="12"] .hero-line-emerge:before {
  content: "";
  z-index: 0;
  border-left: 1px solid color-mix(in srgb, var(--cyan) 72.0%, transparent);
  background: linear-gradient(color-mix(in srgb, var(--blue) 10.0%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--blue) 10.0%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--cyan) 8.0%, transparent), transparent 76.0%);
  opacity: calc(var(--hero-message-frame-opacity, 0) * .84);
  transform: scaleX(var(--hero-message-frame-progress, 0));
  transform-origin: 0;
  background-size: .78em .78em, .78em .78em, auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@supports not (color: color-mix(in srgb,red,blue)) {
  body[data-message-design="12"] .hero-line-emerge:before {
    background: linear-gradient(#315f871a 1px, #0000 1px), linear-gradient(90deg, #315f871a 1px, #0000 1px), linear-gradient(90deg, #08767a14, #0000 76%);
    border-left: 1px solid #08767ab8;
  }
}

body[data-message-design="13"] .hero-line-emerge {
  margin-top: .4em;
  padding: .54em 0 .5em;
}

body[data-message-design="13"] .hero-line-emerge:before, body[data-message-design="13"] .hero-line-emerge:after {
  content: "";
  z-index: 0;
  height: var(--hero-rail-thickness, 1.5px);
  opacity: var(--hero-message-frame-opacity, 0);
  transform: scaleX(var(--hero-message-frame-progress, 0));
  transform-origin: 0;
  left: 0;
  right: 0;
}

body[data-message-design="13"] .hero-line-emerge:before {
  background: linear-gradient(90deg, var(--blue) 0.0%, color-mix(in srgb, var(--blue) 76.0%, #c96c5f) 38.0%, #c96c5fb8 76.0%, #c96c5f00 100.0%);
  top: 0;
}

@supports not (color: color-mix(in srgb,red,blue)) {
  body[data-message-design="13"] .hero-line-emerge:before {
    background: linear-gradient(90deg, var(--blue) 0.0%, #55627d 38.0%, #c96c5fb8 76.0%, #c96c5f00 100.0%);
  }
}

body[data-message-design="13"] .hero-line-emerge:after {
  background: linear-gradient(90deg, #315f8700 0.0%, #315f87ad 24.0%, color-mix(in srgb, var(--blue) 55.0%, #c96c5f) 58.0%, #c96c5f 100.0%);
  transform-origin: 100%;
  bottom: 0;
}

@supports not (color: color-mix(in srgb,red,blue)) {
  body[data-message-design="13"] .hero-line-emerge:after {
    background: linear-gradient(90deg, #315f8700 0%, #315f87ad 24%, #756575 58%, #c96c5f 100%);
  }
}

body[data-message-design="5"] .hero-line-emerge {
  margin-top: .4em;
  padding: .46em 0 .62em;
}

body[data-message-design="5"] .hero-line-emerge:after {
  content: "";
  background: linear-gradient(90deg, var(--cyan), color-mix(in srgb, var(--indigo) 82.0%, transparent), transparent 90.0%);
  height: 3px;
  box-shadow: 0 0 22px color-mix(in srgb, var(--cyan) 28.0%, transparent);
  border-radius: 999px;
  bottom: .12em;
  left: 0;
  right: 0;
}

@supports not (color: color-mix(in srgb,red,blue)) {
  body[data-message-design="5"] .hero-line-emerge:after {
    background: linear-gradient(90deg, var(--cyan), #51448fd1, transparent 90.0%);
    box-shadow: 0 0 22px #08767a47;
  }
}

body[data-message-design="6"] .hero-line-emerge {
  background: linear-gradient(color-mix(in srgb, var(--ink) 6.0%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--ink) 6.0%, transparent) 1px, transparent 1px), color-mix(in srgb, var(--ink) 3.0%, transparent);
  background-size: 1.05em 1.05em;
  border-radius: .18em;
  margin-top: .36em;
  padding: .62em .68em .5em;
}

@supports not (color: color-mix(in srgb,red,blue)) {
  body[data-message-design="6"] .hero-line-emerge {
    background: linear-gradient(#10191a0f 1px, #0000 1px), linear-gradient(90deg, #10191a0f 1px, #0000 1px), #10191a08;
  }
}

body[data-message-design="6"] .hero-line-emerge:before {
  content: "SIGNAL / 126";
  color: color-mix(in srgb, var(--ink) 36.0%, transparent);
  letter-spacing: .12em;
  font: 500 .24em / 1 SFMono-Regular, Consolas, monospace;
  top: .35em;
  right: .55em;
}

@supports not (color: color-mix(in srgb,red,blue)) {
  body[data-message-design="6"] .hero-line-emerge:before {
    color: #10191a5c;
  }
}

body[data-message-design="7"] .hero-line-emerge {
  margin-top: .34em;
  padding: 1.02em 0 .36em;
}

body[data-message-design="7"] .hero-line-emerge:before {
  content: "LEAD PROGRAM  /  ONCOLOGY";
  color: color-mix(in srgb, var(--ink) 48.0%, transparent);
  letter-spacing: .2em;
  font: 560 .27em / 1 SFMono-Regular, Consolas, monospace;
  top: .45em;
  left: 0;
}

@supports not (color: color-mix(in srgb,red,blue)) {
  body[data-message-design="7"] .hero-line-emerge:before {
    color: #10191a7a;
  }
}

body[data-message-design="7"] .hero-line-emerge:after {
  content: "";
  background: linear-gradient(90deg, transparent, var(--cyan));
  width: 2.2em;
  height: 1px;
  top: .5em;
  right: 0;
}

body[data-message-design="8"] .hero-line-emerge {
  background: radial-gradient(circle at 0 45.0%, color-mix(in srgb, var(--cyan) 19.0%, transparent), transparent 44.0%);
  border-radius: 0 .62em .62em 0;
  margin-top: .38em;
  padding: .56em .6em .46em 1.02em;
}

@supports not (color: color-mix(in srgb,red,blue)) {
  body[data-message-design="8"] .hero-line-emerge {
    background: radial-gradient(circle at 0 45%, #08767a30, #0000 44%);
  }
}

body[data-message-design="8"] .hero-line-emerge:before {
  content: "";
  aspect-ratio: 1;
  background: var(--cyan);
  width: .28em;
  box-shadow: 0 0 0 .22em color-mix(in srgb, var(--cyan) 11.0%, transparent), 0 0 1.2em color-mix(in srgb, var(--cyan) 45.0%, transparent);
  border-radius: 50%;
  top: 50%;
  left: .18em;
  transform: translateY(-50%);
}

@supports not (color: color-mix(in srgb,red,blue)) {
  body[data-message-design="8"] .hero-line-emerge:before {
    box-shadow: 0 0 0 .22em #08767a1c, 0 0 1.2em #08767a73;
  }
}

body[data-message-design="9"] .hero-line-emerge {
  border-top: 1px solid color-mix(in srgb, var(--ink) 22.0%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--ink) 12.0%, transparent);
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--ink) 4.0%, transparent), transparent);
  margin-top: .4em;
  padding: .7em .72em .54em;
}

@supports not (color: color-mix(in srgb,red,blue)) {
  body[data-message-design="9"] .hero-line-emerge {
    background: linear-gradient(90deg, #0000, #10191a0a, #0000);
    border-top: 1px solid #10191a38;
    border-bottom: 1px solid #10191a1f;
  }
}

body[data-message-design="9"] .hero-line-emerge:before {
  content: "P2K";
  background: rgb(var(--bg-base-rgb));
  color: color-mix(in srgb, var(--ink) 46.0%, transparent);
  letter-spacing: .18em;
  padding-right: .7em;
  font: 600 .26em / 1 SFMono-Regular, Consolas, monospace;
  top: -.56em;
  left: 0;
}

@supports not (color: color-mix(in srgb,red,blue)) {
  body[data-message-design="9"] .hero-line-emerge:before {
    color: #10191a75;
  }
}

.hero-word {
  z-index: 1;
  opacity: var(--hero-word-opacity, 1);
  filter: blur(var(--hero-word-blur, 0px)) brightness(var(--hero-word-brightness, 1));
  transform: translate3d(var(--hero-word-x, 0px), var(--hero-word-y, 0px), 0) rotate(var(--hero-word-rotate, 0deg)) scale(var(--hero-word-scale, 1));
  transform-origin: 0 70%;
  will-change: opacity, filter, transform;
  display: inline-block;
  position: relative;
  overflow: visible;
}

body[data-hero-intro="pending"] .hero-word {
  opacity: 0;
}

.hero-line-emerge .hero-word {
  color: var(--ink);
  background: none;
  margin-bottom: -.24em;
  padding-bottom: .24em;
}

.hero-line-emerge .hero-word:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-right: -.16em;
  padding-right: .16em;
}

.hero-line-emerge .hero-word:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-right: -.16em;
  padding-right: .16em;
}

.hero-line-emerge .hero-word:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-right: -.16em;
  padding-right: .16em;
}

.hero-line-emerge .hero-word:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-right: -.16em;
  padding-right: .16em;
}

.hero-line-emerge .hero-word:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-right: -.16em;
  padding-right: .16em;
}

.hero-line-emerge .hero-word:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-left: -.16em;
  padding-left: .16em;
}

.hero-line-emerge .hero-word:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-left: -.16em;
  padding-left: .16em;
}

.hero-line-emerge .hero-word:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-left: -.16em;
  padding-left: .16em;
}

.hero-line-emerge .hero-word-accent {
  color: #08777c;
}

body[data-headline-motion-ready="false"] .hero-line-primary .hero-word, body[data-message-motion-ready="false"] .hero-line-emerge .hero-word {
  opacity: 0;
}

.hero-line-primary {
  position: relative;
}

.hero-copy h1[data-headline-motion-target] {
  perspective: 1100px;
}

.hero-copy h1.is-headline-replaying .hero-line-primary {
  overflow: visible;
}

.hero-copy h1.is-headline-replaying .hero-line-primary .hero-word {
  will-change: opacity, transform, filter, clip-path;
  transform-origin: 50% 75%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.hero-copy h1.is-rails-replaying .hero-line-emerge:before, .hero-copy h1.is-rails-replaying .hero-line-emerge:after {
  will-change: opacity, transform;
  transform-origin: 0;
  animation-name: message-rail-draw;
  animation-duration: .65s;
  animation-delay: var(--rails-sequence-delay, 1.1s);
  animation-timing-function: cubic-bezier(.2, .72, .22, 1);
  animation-fill-mode: both;
}

.hero-copy h1.is-rails-replaying .hero-line-emerge:after {
  animation-delay: calc(var(--rails-sequence-delay, 1.1s)  + 90ms);
}

@keyframes message-rail-draw {
  0% {
    opacity: 0;
    transform: scaleX(0);
  }

  18% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    transform: scaleX(1);
  }
}

.hero-copy h1.is-message-replaying .hero-line-emerge .hero-word {
  will-change: opacity, transform, clip-path;
  animation-name: message-rails-first;
  animation-duration: var(--message-word-duration, .68s);
  animation-delay: calc(var(--message-sequence-delay, 1.84s)  + var(--message-delay, 0s));
  animation-timing-function: cubic-bezier(.2, .72, .22, 1);
  animation-fill-mode: both;
}

@keyframes message-rails-first {
  0% {
    opacity: 0;
    clip-path: inset(-18% 100% -22% 0);
    transform: translate3d(var(--message-origin-x, -28px), 0, 0);
  }

  100% {
    opacity: 1;
    clip-path: inset(-18% -12% -22% 0);
    transform: translate3d(0, 0, 0);
  }
}

.scroll-cue {
  z-index: 2;
  color: #ebf6ff94;
  letter-spacing: .18em;
  text-transform: uppercase;
  opacity: var(--cue-opacity, 1);
  align-items: center;
  gap: 12px;
  font-family: SFMono-Regular, Consolas, monospace;
  font-size: .62rem;
  display: flex;
  position: absolute;
  bottom: max(26px, min(5vh, 52px));
  right: max(22px, min(4vw, 64px));
}

.scroll-cue i {
  background: #e2f3ff33;
  width: 48px;
  height: 1px;
  display: block;
  position: relative;
  overflow: hidden;
}

.scroll-cue i:after {
  content: "";
  background: linear-gradient(90deg, transparent, var(--cyan));
  animation: 2.2s ease-in-out infinite scan;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.rung-track {
  z-index: 1;
  min-height: 172vh;
  background: none;
  min-height: 172svh;
  position: relative;
}

.rung-track-one, .rung-track-three {
  --ink: #f5f8fa;
  --muted: #e0eaf1ab;
  --line: #cfe7ff29;
  --cyan: #8becef;
  --blue: #78a8ef;
  --indigo: #9a8df0;
  color: var(--ink);
  background: #05070a;
}

.rung-track-two {
  --ink: #10191a;
  --muted: #101d1eab;
  --line: #1025272b;
  --cyan: #08767a;
  --blue: #315f87;
  --indigo: #51448f;
  color: var(--ink);
  background: rgb(var(--bg-base-rgb));
}

.section-break {
  z-index: 3;
  pointer-events: none;
  scroll-margin-top: 45vh;
  height: 0;
  scroll-margin-top: 45svh;
  position: relative;
  overflow: visible;
}

.section-break:after, .section-break > span {
  content: "";
  pointer-events: none;
  height: max(72px, min(7vw, 116px));
  display: block;
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
}

.section-break > span {
  z-index: 1;
  clip-path: polygon(0 0, 100% 0, 100% 80%, 96% 61%, 92% 36%, 88% 18%, 84% 8%, 80% 6%, 0 6%);
  opacity: .78;
  background: linear-gradient(98deg, #39d2c5 68%, #6557ff 89%, #d77066 100%);
  -webkit-mask-image: linear-gradient(#0000006b, #000 68%);
  mask-image: linear-gradient(#0000006b, #000 68%);
}

.section-break:after {
  z-index: 2;
  background: var(--break-from);
  clip-path: polygon(0 0, 100% 0, 100% 74%, 96% 55%, 92% 30%, 88% 12%, 84% 2%, 80% 0);
}

.section-break-to-approach {
  --break-from: rgb(var(--bg-base-rgb));
}

.section-break-to-program {
  --break-from: #05070a;
}

.section-break-to-innovation {
  --break-from: rgb(var(--bg-base-rgb));
}

.section-break-to-footer {
  --break-from: #05070a;
}

.placeholder-page .section-break-to-footer {
  --break-from: linear-gradient(115deg, #d8c8ba 0%, #e5d8c2 48%, #d8d3b8 100%);
}

.rung-track-one, .rung-track-two {
  min-height: 168vh;
  min-height: 168svh;
}

.rung-track-one {
  min-height: 360vh;
  min-height: 360svh;
}

.rung-frame {
  isolation: isolate;
  min-height: 100vh;
  background: none;
  min-height: 100svh;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.prototype-lab[hidden] {
  display: none !important;
}

.light-section-clouds {
  z-index: 0;
  contain: layout paint style;
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.light-section-clouds .ambient-blob {
  animation-play-state: paused;
}

.light-section-clouds.is-active .ambient-blob {
  will-change: transform;
  animation-play-state: running;
}

.light-section-clouds-program {
  mix-blend-mode: normal;
  opacity: .38;
  -webkit-mask-image: linear-gradient(#0000 0%, #000 8%, #000 92%, #0000 100%);
  mask-image: linear-gradient(#0000 0%, #000 8%, #000 92%, #0000 100%);
}

.light-section-clouds-footer {
  opacity: 1;
  mix-blend-mode: normal;
}

.site-footer .light-section-clouds-footer .ambient-blob {
  filter: blur(max(38px, min(6vw, 96px))) saturate(1.08);
  opacity: .08;
  animation-play-state: paused;
}

.site-footer .light-section-clouds-footer.is-active .ambient-blob {
  animation-play-state: running;
}

.site-footer .light-section-clouds-footer .ambient-blob-one {
  background: radial-gradient(at 52% 48%, #22d0c5c7 0%, #25c6c36b 34%, #44bdc81f 57%, #0000 76%);
  animation: 19s cubic-bezier(.42, .04, .25, .98) -4s infinite paused footer-cloud-cyan;
}

.site-footer .light-section-clouds-footer .ambient-blob-two {
  background: radial-gradient(at 48% 52%, #ea7064b8 0%, #e06d7061 36%, #cf798c1c 58%, #0000 76%);
  animation: 23s cubic-bezier(.36, .02, .28, .99) -11s infinite paused footer-cloud-coral;
}

.site-footer .light-section-clouds-footer .ambient-blob-three {
  background: radial-gradient(at 32% 42%, #2accc49e, #0000 60%), radial-gradient(at 72% 58%, #e871698a, #0000 64%);
  animation: 29s cubic-bezier(.4, .03, .22, .98) -17s infinite paused footer-cloud-crosscurrent;
}

.site-footer .light-section-clouds-footer.is-active .ambient-blob-one, .site-footer .light-section-clouds-footer.is-active .ambient-blob-two, .site-footer .light-section-clouds-footer.is-active .ambient-blob-three {
  animation-play-state: running;
}

@keyframes footer-cloud-cyan {
  0% {
    opacity: .05;
    border-radius: 46% 54% 63% 37% / 42% 48% 52% 58%;
    transform: translate3d(-12%, 16%, 0)scale(.78)rotate(-8deg);
  }

  13% {
    opacity: .32;
    border-radius: 58% 42% 47% 53% / 54% 38% 62% 46%;
    transform: translate3d(10%, 2%, 0)scale(1.02)rotate(3deg);
  }

  31% {
    opacity: .16;
    border-radius: 39% 61% 55% 45% / 45% 60% 40% 55%;
    transform: translate3d(31%, 19%, 0)scale(.9)rotate(9deg);
  }

  48% {
    opacity: .38;
    border-radius: 55% 45% 38% 62% / 62% 43% 57% 38%;
    transform: translate3d(18%, 45%, 0)scale(1.12)rotate(-4deg);
  }

  67% {
    opacity: .11;
    border-radius: 43% 57% 64% 36% / 38% 55% 45% 62%;
    transform: translate3d(-6%, 32%, 0)scale(.86)rotate(-11deg);
  }

  84% {
    opacity: .29;
    border-radius: 62% 38% 45% 55% / 53% 44% 56% 47%;
    transform: translate3d(-22%, 7%, 0)scale(1.04)rotate(2deg);
  }

  100% {
    opacity: .05;
    border-radius: 46% 54% 63% 37% / 42% 48% 52% 58%;
    transform: translate3d(-12%, 16%, 0)scale(.78)rotate(-8deg);
  }
}

@keyframes footer-cloud-coral {
  0% {
    opacity: .04;
    border-radius: 59% 41% 46% 54% / 51% 60% 40% 49%;
    transform: translate3d(14%, -8%, 0)scale(.84)rotate(7deg);
  }

  17% {
    opacity: .3;
    border-radius: 42% 58% 62% 38% / 57% 41% 59% 43%;
    transform: translate3d(-7%, 14%, 0)scale(1.08)rotate(-5deg);
  }

  36% {
    opacity: .14;
    border-radius: 64% 36% 43% 57% / 39% 55% 45% 61%;
    transform: translate3d(-29%, 4%, 0)scale(.92)rotate(-10deg);
  }

  54% {
    opacity: .36;
    border-radius: 47% 53% 59% 41% / 63% 42% 58% 37%;
    transform: translate3d(-18%, 37%, 0)scale(1.14)rotate(4deg);
  }

  71% {
    opacity: .1;
    border-radius: 55% 45% 37% 63% / 46% 62% 38% 54%;
    transform: translate3d(5%, 24%, 0)scale(.88)rotate(12deg);
  }

  89% {
    opacity: .27;
    border-radius: 38% 62% 54% 46% / 58% 45% 55% 42%;
    transform: translate3d(27%, 7%, 0)scale(1.02)rotate(-2deg);
  }

  100% {
    opacity: .04;
    border-radius: 59% 41% 46% 54% / 51% 60% 40% 49%;
    transform: translate3d(14%, -8%, 0)scale(.84)rotate(7deg);
  }
}

@keyframes footer-cloud-crosscurrent {
  0% {
    opacity: .04;
    border-radius: 41% 59% 55% 45% / 63% 44% 56% 37%;
    transform: translate3d(-9%, 20%, 0)scale(.8)rotate(-4deg);
  }

  11% {
    opacity: .24;
    border-radius: 57% 43% 38% 62% / 47% 61% 39% 53%;
    transform: translate3d(8%, -3%, 0)scale(1.06)rotate(7deg);
  }

  29% {
    opacity: .1;
    border-radius: 36% 64% 58% 42% / 60% 39% 61% 40%;
    transform: translate3d(27%, 10%, 0)scale(.91)rotate(12deg);
  }

  43% {
    opacity: .31;
    border-radius: 62% 38% 45% 55% / 42% 57% 43% 58%;
    transform: translate3d(19%, -18%, 0)scale(1.13)rotate(-1deg);
  }

  62% {
    opacity: .13;
    border-radius: 46% 54% 65% 35% / 55% 37% 63% 45%;
    transform: translate3d(-4%, -9%, 0)scale(.87)rotate(-9deg);
  }

  81% {
    opacity: .28;
    border-radius: 53% 47% 40% 60% / 38% 64% 36% 62%;
    transform: translate3d(-24%, 8%, 0)scale(1.04)rotate(5deg);
  }

  100% {
    opacity: .04;
    border-radius: 41% 59% 55% 45% / 63% 44% 56% 37%;
    transform: translate3d(-9%, 20%, 0)scale(.8)rotate(-4deg);
  }
}

.rung-grid {
  z-index: 1;
  min-height: 100vh;
  grid-template-columns: minmax(0, 1fr) minmax(300px, .74fr);
  align-items: center;
  gap: max(64px, min(9vw, 168px));
  min-height: 100svh;
  padding: max(128px, min(15vh, 164px)) max(24px, min(7vw, 120px)) max(92px, min(10vh, 116px));
  display: grid;
  position: relative;
}

.rung-grid-reversed {
  grid-template-columns: minmax(300px, .74fr) minmax(0, 1fr);
}

.rung-track-one .rung-grid {
  grid-template-columns: minmax(360px, .82fr) minmax(600px, 1.18fr);
  gap: max(46px, min(5vw, 92px));
  padding-left: max(22px, min(5.4vw, 92px));
}

.rung-grid-innovation {
  grid-template-columns: minmax(0, .82fr) minmax(420px, 1.18fr);
  gap: max(48px, min(6vw, 112px));
}

.rung-visual-reserve {
  grid-column: 1;
  min-width: 0;
  min-height: 1px;
}

.rung-copy {
  z-index: 2;
  max-width: 650px;
  opacity: var(--rung-copy-opacity, 1);
  transform: translate3d(var(--rung-copy-x, 0px), var(--rung-copy-y, 0px), 0) scale(var(--rung-copy-scale, 1));
  transform-origin: 0;
  will-change: opacity, transform;
  position: relative;
}

.rung-copy-right {
  transform-origin: 100%;
  grid-column: 2;
  justify-self: end;
  width: min(100%, 650px);
}

.rung-kicker {
  color: #e1effc7a;
  letter-spacing: .17em;
  text-transform: uppercase;
  opacity: var(--rung-kicker-opacity, 1);
  transform: translate3d(var(--rung-kicker-x, 0px), var(--rung-kicker-y, 0px), 0);
  will-change: opacity, transform;
  align-items: center;
  gap: 11px;
  margin: 0 0 max(22px, min(3.3vh, 34px));
  font-family: SFMono-Regular, Consolas, monospace;
  font-size: .63rem;
  display: flex;
}

.rung-kicker span {
  color: var(--cyan);
}

.rung-kicker:after {
  content: "";
  background: #8bf4ff47;
  width: 46px;
  height: 1px;
}

.rung-copy h2 {
  max-width: 13.5ch;
  letter-spacing: var(--headline-tracking);
  font-kerning: normal;
  text-wrap: balance;
  margin: 0;
  font-size: max(2.7rem, min(3.9vw, 4.75rem));
  font-weight: 430;
  line-height: 1.03;
}

.rung-copy h2 span {
  opacity: var(--rung-line-one-opacity, 1);
  transform: translate3d(var(--rung-line-one-x, 0px), var(--rung-line-one-y, 0px), 0);
  will-change: opacity, transform;
  display: block;
}

.rung-copy h2 span:nth-child(2) {
  opacity: var(--rung-line-two-opacity, 1);
  transform: translate3d(var(--rung-line-two-x, 0px), var(--rung-line-two-y, 0px), 0);
}

.discovery-final-letter {
  font: inherit;
  padding-left: .045em;
}

.rung-body {
  max-width: 38rem;
  color: var(--muted);
  letter-spacing: -.018em;
  opacity: var(--rung-body-opacity, 1);
  transform: translate3d(var(--rung-body-x, 0px), var(--rung-body-y, 0px), 0);
  will-change: opacity, transform;
  margin: max(28px, min(4vh, 42px)) 0 0;
  font-size: max(1rem, min(1.22vw, 1.28rem));
  line-height: 1.56;
}

.rung-evidence {
  z-index: 2;
  width: min(100%, max(560px, min(42vw, 720px)));
  min-width: 0;
  opacity: var(--rung-circle-opacity, 1);
  transform: translate3d(calc(var(--rung-circle-x, 0px)  + var(--rung-one-evidence-x, 0px)), calc(var(--rung-circle-y, 0px)  + var(--rung-one-evidence-y, 0px)), 0) rotate(var(--rung-circle-rotate, 0deg)) scale(var(--rung-circle-scale, 1));
  transform-origin: 50%;
  will-change: opacity, transform;
  place-self: center end;
  padding: max(18px, min(2.2vw, 30px)) 0 0;
  position: relative;
}

.evidence-meter {
  min-height: 76px;
  opacity: var(--evidence-meter-opacity, 0);
  transform: translate3d(0, var(--evidence-meter-y, 14px), 0);
  will-change: opacity, transform;
  grid-template-columns: repeat(3, 1fr);
  align-items: start;
  margin: 0 0 max(26px, min(3.4vh, 42px));
  display: grid;
  position: relative;
}

.evidence-meter-line {
  opacity: .64;
  height: 1px;
  transform: scaleX(var(--evidence-meter-progress, 0));
  transform-origin: 0;
  background: linear-gradient(90deg, #8becefb8, #78a8ef7a 52%, #d77066b3);
  position: absolute;
  top: 15px;
  left: 9%;
  right: 9%;
  box-shadow: 0 0 16px #75d3e029;
}

.evidence-marker {
  z-index: 1;
  color: #e5f1f76b;
  text-transform: uppercase;
  justify-items: center;
  gap: 7px;
  font-family: SFMono-Regular, Consolas, monospace;
  display: grid;
  position: relative;
}

.evidence-marker i {
  background: #070b10;
  border: 1px solid #a1cdd938;
  border-radius: 50%;
  place-items: center;
  width: 31px;
  height: 31px;
  display: grid;
  position: relative;
  box-shadow: 0 0 0 6px #05070a;
}

.evidence-marker i:before, .evidence-marker i:after {
  content: "";
  border-radius: 50%;
  position: absolute;
}

.evidence-marker i:before {
  background: #a0c6d03d;
  width: 7px;
  height: 7px;
}

.evidence-marker i:after {
  opacity: 0;
  background: #8becef;
  width: 9px;
  height: 9px;
  box-shadow: 0 0 9px #8beceff5, 0 0 24px #8becefa8;
}

.evidence-marker[data-evidence-marker="1"] i:after {
  opacity: var(--evidence-marker-one, 0);
}

.evidence-marker[data-evidence-marker="2"] i:after {
  opacity: var(--evidence-marker-two, 0);
  background: #9a8df0;
  box-shadow: 0 0 9px #9a8df0f5, 0 0 24px #9a8df0a6;
}

.evidence-marker[data-evidence-marker="3"] i:after {
  opacity: var(--evidence-marker-three, 0);
  background: #df7568;
  box-shadow: 0 0 9px #df7568f5, 0 0 24px #df7568a3;
}

.evidence-marker b {
  letter-spacing: .12em;
  font-size: .66rem;
  font-weight: 560;
}

.evidence-marker span {
  letter-spacing: .17em;
  font-size: .48rem;
}

.evidence-cards {
  grid-template-columns: 1fr;
  gap: max(12px, min(1.5vh, 18px));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.evidence-cards li {
  opacity: 0;
  filter: blur(5px);
  will-change: opacity, transform, filter;
  border-top: 1px solid #cfe7ff29;
  grid-template-columns: minmax(108px, .24fr) minmax(0, 1fr);
  align-items: start;
  gap: max(18px, min(2vw, 30px));
  min-width: 0;
  padding: 17px 0 3px 15px;
  display: grid;
  position: relative;
  transform: translate3d(0, 24px, 0);
}

.evidence-cards li:before {
  content: "";
  background: linear-gradient(#8becef, #0000 86%);
  width: 1px;
  position: absolute;
  top: 18px;
  bottom: 2px;
  left: 0;
}

.evidence-cards li:nth-child(2):before {
  background: linear-gradient(#9a8df0, #0000 86%);
}

.evidence-cards li:nth-child(3):before {
  background: linear-gradient(#df7568, #0000 86%);
}

.evidence-cards li[data-evidence-card="1"] {
  opacity: var(--evidence-one-opacity, 0);
  transform: translate3d(0, var(--evidence-one-y, 24px), 0);
  filter: blur(var(--evidence-one-blur, 5px));
}

.evidence-cards li[data-evidence-card="2"] {
  opacity: var(--evidence-two-opacity, 0);
  transform: translate3d(0, var(--evidence-two-y, 24px), 0);
  filter: blur(var(--evidence-two-blur, 5px));
}

.evidence-cards li[data-evidence-card="3"] {
  opacity: var(--evidence-three-opacity, 0);
  transform: translate3d(0, var(--evidence-three-y, 24px), 0);
  filter: blur(var(--evidence-three-blur, 5px));
}

.evidence-cards li > span {
  color: #daebf370;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin: 0;
  font-family: SFMono-Regular, Consolas, monospace;
  font-size: max(.48rem, min(.46vw, .6rem));
  line-height: 1.35;
  display: block;
}

.evidence-cards p {
  color: #f0f6f9db;
  letter-spacing: -.018em;
  margin: 0;
  font-size: max(1.18rem, min(1.3vw, 1.48rem));
  line-height: 1.44;
}

body[data-bg-tone="light"] .rung-kicker, body[data-bg-tone="light"] .scroll-cue, body[data-bg-tone="light"] .rung-scroll-cue {
  color: color-mix(in srgb, var(--ink) 58.0%, transparent);
}

@supports not (color: color-mix(in srgb,red,blue)) {
  body[data-bg-tone="light"] .rung-kicker, body[data-bg-tone="light"] .scroll-cue, body[data-bg-tone="light"] .rung-scroll-cue {
    color: #10191a94;
  }
}

body[data-bg-tone="light"] .rung-kicker:after, body[data-bg-tone="light"] .scroll-cue i, body[data-bg-tone="light"] .rung-scroll-cue i {
  background-color: color-mix(in srgb, var(--ink) 18.0%, transparent);
}

@supports not (color: color-mix(in srgb,red,blue)) {
  body[data-bg-tone="light"] .rung-kicker:after, body[data-bg-tone="light"] .scroll-cue i, body[data-bg-tone="light"] .rung-scroll-cue i {
    background-color: #10191a2e;
  }
}

body[data-bg-tone="light"] .rung-circle-layer:before, body[data-bg-tone="light"] .rung-square-layer:before {
  border-color: color-mix(in srgb, var(--ink) 18.0%, transparent);
  box-shadow: 0 38px 92px #121d1c29;
}

@supports not (color: color-mix(in srgb,red,blue)) {
  body[data-bg-tone="light"] .rung-circle-layer:before, body[data-bg-tone="light"] .rung-square-layer:before {
    border-color: #10191a2e;
  }
}

body[data-bg-tone="light"] .rung-circle-layer:after, body[data-bg-tone="light"] .rung-square-layer:after {
  border-color: color-mix(in srgb, var(--ink) 8.0%, transparent);
}

@supports not (color: color-mix(in srgb,red,blue)) {
  body[data-bg-tone="light"] .rung-circle-layer:after, body[data-bg-tone="light"] .rung-square-layer:after {
    border-color: #10191a14;
  }
}

.rung-image {
  justify-self: center;
  width: max(300px, min(28vw, 480px));
  margin: 0;
}

.rung-composite {
  aspect-ratio: 1;
  width: 100%;
  position: relative;
}

.rung-circle-layer {
  z-index: 1;
  opacity: var(--rung-circle-opacity, 1);
  transform: translate3d(var(--rung-circle-x, 0px), var(--rung-circle-y, 0px), 0) rotate(var(--rung-circle-rotate, 0deg)) scale(var(--rung-circle-scale, 1));
  transform-origin: 50%;
  will-change: opacity, transform;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.rung-circle-layer:before {
  content: "";
  z-index: -1;
  border: 1px solid #acd6ff33;
  border-radius: 50%;
  position: absolute;
  top: -12px;
  bottom: -12px;
  left: -12px;
  right: -12px;
  box-shadow: 0 38px 92px #00000057;
}

.rung-circle-layer:after {
  content: "";
  z-index: -2;
  border: 1px solid #8bf4ff12;
  border-radius: 50%;
  position: absolute;
  top: -26px;
  bottom: -26px;
  left: -26px;
  right: -26px;
}

.rung-square-layer {
  z-index: 1;
  opacity: var(--rung-circle-opacity, 1);
  transform: translate3d(var(--rung-circle-x, 0px), var(--rung-circle-y, 0px), 0) rotate(var(--rung-circle-rotate, 0deg)) scale(var(--rung-circle-scale, 1));
  transform-origin: 50%;
  will-change: opacity, transform;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.rung-square-layer:before, .rung-square-layer:after {
  content: "";
  z-index: -1;
  pointer-events: none;
  border-radius: max(24px, min(2.2vw, 38px));
  position: absolute;
}

.rung-square-layer:before {
  border: 1px solid #acd6ff33;
  top: -12px;
  bottom: -12px;
  left: -12px;
  right: -12px;
  box-shadow: 0 38px 92px #00000057, -18px -16px 50px #bef2ff09;
}

.rung-square-layer:after {
  border: 1px solid #8bf4ff12;
  top: -26px;
  bottom: -26px;
  left: -26px;
  right: -26px;
}

.rung-image-window {
  aspect-ratio: 1;
  background: #09101a;
  border: 1px solid #d5eaff29;
  border-radius: 50%;
  width: 100%;
  transition: filter .22s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  box-shadow: inset 18px 18px 42px #effcff12, inset -30px -32px 56px #0000007a;
}

.rung-image-window:after {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: inset 0 0 0 1px #ffffff09, inset -18px -22px 34px #0000002e;
}

.rung-image-window img {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
  display: block;
  transform: scale(1.045);
}

.rung-image-myc {
  grid-column: 1;
  justify-self: center;
}

.rung-image-antarah {
  justify-self: center;
  width: min(41vw, 720px);
  max-width: 100%;
}

.rung-composite-antarah {
  aspect-ratio: 16 / 9;
}

.antarah-window {
  aspect-ratio: 16 / 9;
  background: radial-gradient(circle, #182d2738, #0000 68%), #050908;
  border-radius: max(22px, min(1.8vw, 32px));
  box-shadow: inset 18px 18px 42px #effcff0b, inset -30px -32px 56px #00000085, 0 30px 74px #00000038;
}

.antarah-window img {
  object-fit: cover;
  object-position: 50% 50%;
  filter: saturate(.94) contrast(1.025) brightness(.98);
  padding: 0;
  transform: none;
}

.antarah-depth-sheen {
  border-radius: inherit;
  background: radial-gradient(circle at 24% 18%, #e1fcff17, #0000 30%), linear-gradient(135deg, #91e2ff0b, #0000 38%, #00040c33 78%);
}

.myc-window {
  isolation: isolate;
  background: #030609;
  box-shadow: inset 14px 14px 40px #ddf9ff09, inset -26px -28px 52px #00000057, 0 30px 74px #0003;
}

.myc-viewer {
  z-index: 0;
  filter: saturate(.94) contrast(1.04);
  width: 110%;
  height: 110%;
  transform: translate3d(var(--myc-dolly-x, 0px), var(--myc-dolly-y, 0px), 0) scale(var(--myc-dolly-scale, 1));
  transform-origin: 50%;
  will-change: transform;
  background: #030609;
  position: absolute;
  top: -5%;
  bottom: -5%;
  left: -5%;
  right: -5%;
  overflow: hidden;
  -webkit-mask-image: radial-gradient(circle, #000 0%, #000 68%, #000000e0 80%, #0000 100%);
  mask-image: radial-gradient(circle, #000 0%, #000 68%, #000000e0 80%, #0000 100%);
}

.myc-viewer canvas {
  cursor: grab;
  touch-action: pan-y !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

.myc-viewer canvas:active {
  cursor: grabbing;
}

.myc-viewer .ngl-tooltip, .ngl-tooltip {
  display: none !important;
}

.myc-loading {
  z-index: 2;
  border-radius: inherit;
  color: #daf1f86b;
  letter-spacing: .13em;
  text-transform: uppercase;
  background: radial-gradient(circle, #0e1c2a6b, #030609 72%);
  place-items: center;
  font-family: SFMono-Regular, Consolas, monospace;
  font-size: .54rem;
  transition: opacity .42s;
  display: grid;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.myc-loading[data-state="ready"] {
  opacity: 0;
  pointer-events: none;
}

.myc-loading[data-state="error"] {
  color: #daf1f88f;
}

.myc-edge-blend {
  z-index: 2;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(circle at 50% 48%, #0000 57%, #0306090a 68%, #030609b8 96%, #030609 100%), radial-gradient(circle at 28% 20%, #c4f7ff11, #0000 36%);
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
}

.myc-depth-sheen {
  z-index: 3;
  opacity: .46;
}

.myc-window[data-myc-treatment="b"] .myc-viewer {
  filter: saturate(.78) contrast(1.08) brightness(1.04);
}

.myc-window[data-myc-treatment="c"] .myc-viewer {
  filter: saturate(1.08) contrast(1.02) brightness(1.03);
}

.myc-window[data-myc-treatment="d"] .myc-viewer {
  filter: saturate(.88) contrast(1.12);
}

.myc-window[data-myc-treatment="e"] .myc-viewer {
  filter: saturate(.98) contrast(1.06) brightness(1.02);
}

.rung-depth-sheen {
  z-index: 1;
  pointer-events: none;
  background: radial-gradient(circle at 29% 21%, #e6faff24, #0000 28%), linear-gradient(135deg, #91e2ff14, #0000 38%, #00040c38 78%);
  border-radius: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.rung-inset-bay {
  z-index: 3;
  aspect-ratio: 1;
  isolation: isolate;
  border-radius: var(--microframe-radius);
  width: 32%;
  opacity: var(--rung-square-opacity, 1);
  transform: translate3d(var(--rung-square-x, 0px), var(--rung-square-y, 0px), 0) rotate(var(--rung-square-rotate, 0deg)) scale(var(--rung-square-scale, 1));
  transform-origin: 50%;
  will-change: opacity, transform;
  background: #040912 padding-box padding-box;
  border: 1px solid #b5e1ff33;
  padding: max(5px, min(.5vw, 7px));
  position: absolute;
  bottom: -1.4%;
  right: -1.4%;
  overflow: hidden;
  box-shadow: -10px -10px 28px #acefff11, 14px 18px 34px #00000080, inset 0 1px #ffffff0d;
}

.rung-inset-bay-left {
  left: -1.4%;
  right: auto;
}

.rung-inset-bay-lambda {
  width: 23%;
  bottom: -12%;
  right: -4%;
}

.psi-card {
  border-radius: calc(var(--microframe-radius)  - clamp(5px, .5vw, 7px));
  background: radial-gradient(circle at 32% 24%, #52b7de2e, #0000 34%), linear-gradient(145deg, #0c1a2b 0%, #07101e 50%, #101334 100%);
  border: 1px solid #ace7ff2e;
  place-items: center;
  width: 100%;
  height: 100%;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: inset 8px 8px 20px #9aebff0a, inset -12px -14px 24px #00000052;
}

.psi-symbol {
  opacity: 1;
  width: 72%;
  height: 72%;
  position: absolute;
  overflow: visible;
  transform: scale(1)rotate(0);
}

.psi-symbol text {
  fill: url("#psi-gradient");
  font-family: Georgia, Times New Roman, serif;
  font-size: 72px;
  font-weight: 700;
}

.inhibition-card {
  background: radial-gradient(circle at 28% 22%, #58cde730, #0000 38%), linear-gradient(145deg, #0b192a 0%, #07101e 52%, #111431 100%);
}

.inhibition-symbol {
  color: #0000;
  background: linear-gradient(135deg, #e7fdff 3%, #82ebff 48%, #756cff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  padding-bottom: .08em;
  font-family: Cambria Math, Georgia, Times New Roman, serif;
  font-size: max(3rem, min(5vw, 5.15rem));
  font-weight: 600;
  line-height: .8;
  display: block;
  transform: scaleX(1.13);
}

.lambda-card {
  background: radial-gradient(circle at 28% 22%, #50e2be29, #0000 38%), linear-gradient(145deg, #0a1b22 0%, #07101e 52%, #111431 100%);
}

.lambda-symbol {
  color: #0000;
  background: linear-gradient(135deg, #edffff 3%, #7ff3dc 46%, #7782ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  padding-bottom: .04em;
  font-family: Cambria Math, Georgia, Times New Roman, serif;
  font-size: max(3.1rem, min(5.2vw, 5.35rem));
  font-weight: 600;
  line-height: .82;
  display: block;
}

.rung-image figcaption {
  color: #e1effc59;
  letter-spacing: .1em;
  text-transform: uppercase;
  opacity: var(--rung-caption-opacity, 1);
  transform: translate3d(0, var(--rung-caption-y, 0px), 0);
  will-change: opacity, transform;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-top: 14px;
  font-family: SFMono-Regular, Consolas, monospace;
  font-size: .55rem;
  display: flex;
}

.rung-image figcaption a {
  color: #8bf4ff80;
  text-decoration: none;
}

.rung-image figcaption a:hover {
  color: var(--cyan);
}

:root[data-footer-theme="a"] {
  --footer-ink: #f7fbff;
  --footer-muted: #e1ebf7a3;
  --footer-cyan: #8bf4ff;
  --footer-indigo: #8b78ff;
  --footer-blob-rgb: 70 83 101;
  --footer-background: radial-gradient(ellipse 34% 60% at 14% 42%, #66758521, transparent 72%), radial-gradient(ellipse 32% 58% at 87% 38%, #4f60741f, transparent 74%), #05070a;
}

:root[data-footer-theme="b"] {
  --footer-ink: #f1f8ff;
  --footer-muted: #dcecf8a3;
  --footer-cyan: #75edf4;
  --footer-indigo: #7f94ff;
  --footer-blob-rgb: 71 128 164;
  --footer-background: radial-gradient(ellipse 48% 84% at 8% 52%, #1b6c8f47, transparent 72%), radial-gradient(ellipse 44% 70% at 92% 34%, #4559a342, transparent 74%), linear-gradient(124deg, #061521, #0a2335 58%, #111a35);
}

:root[data-footer-theme="c"] {
  --footer-ink: #effcf8;
  --footer-muted: #dbf0eaa3;
  --footer-cyan: #78f0da;
  --footer-indigo: #8ba8ff;
  --footer-blob-rgb: 72 151 143;
  --footer-background: radial-gradient(ellipse 42% 72% at 16% 48%, #308b8147, transparent 70%), radial-gradient(ellipse 38% 66% at 88% 36%, #456e7942, transparent 72%), linear-gradient(130deg, #071c1e, #0c302f 54%, #10272d);
}

:root[data-footer-theme="d"] {
  --footer-ink: #fff7ff;
  --footer-muted: #f2e0f3a6;
  --footer-cyan: #82e6e7;
  --footer-indigo: #c29cff;
  --footer-blob-rgb: 151 91 155;
  --footer-background: radial-gradient(ellipse 44% 76% at 14% 48%, #82428647, transparent 72%), radial-gradient(ellipse 44% 70% at 89% 32%, #48608d3d, transparent 74%), linear-gradient(126deg, #1a1020, #2c1834 56%, #17172c);
}

:root[data-footer-theme="e"] {
  --footer-ink: #f8fbfc;
  --footer-muted: #e3ebeea3;
  --footer-cyan: #79e4e8;
  --footer-indigo: #9a9cff;
  --footer-blob-rgb: 141 157 169;
  --footer-background: radial-gradient(ellipse 42% 72% at 12% 42%, #aab8bf29, transparent 72%), radial-gradient(ellipse 40% 68% at 88% 46%, #7e8e9e26, transparent 72%), linear-gradient(128deg, #252c32, #343d45 52%, #262e38);
}

:root[data-footer-theme="f"] {
  --footer-ink: #172c38;
  --footer-muted: #172c38a3;
  --footer-cyan: #087f86;
  --footer-indigo: #5657a0;
  --footer-blob-rgb: 107 177 181;
  --footer-background: radial-gradient(ellipse 42% 74% at 12% 40%, #7bc2c442, transparent 72%), radial-gradient(ellipse 38% 68% at 88% 44%, #859bc53d, transparent 72%), linear-gradient(126deg, #d6e7e9, #e8f0f0 54%, #d9e2eb);
}

:root[data-footer-theme="g"] {
  --footer-ink: #17312f;
  --footer-muted: #17312f9e;
  --footer-cyan: #087d7b;
  --footer-indigo: #575b97;
  --footer-blob-rgb: 87 158 148;
  --footer-background: radial-gradient(ellipse 44% 76% at 12% 42%, #67b2a242, transparent 72%), radial-gradient(ellipse 38% 68% at 89% 38%, #859fa43b, transparent 74%), linear-gradient(126deg, #bfd7cd, #dce8df 52%, #cbded5);
}

:root[data-footer-theme="h"] {
  --footer-ink: #222b49;
  --footer-muted: #222b499e;
  --footer-cyan: #0b7f8e;
  --footer-indigo: #5f54a8;
  --footer-blob-rgb: 117 136 199;
  --footer-background: radial-gradient(ellipse 44% 74% at 12% 42%, #76a2cc3d, transparent 72%), radial-gradient(ellipse 40% 70% at 88% 40%, #ae80bd33, transparent 74%), linear-gradient(126deg, #ccd9eb, #e1e4f2 52%, #d6d9ed);
}

.site-footer {
  z-index: 2;
  isolation: isolate;
  --ink: var(--footer-ink);
  --muted: var(--footer-muted);
  --cyan: var(--footer-cyan);
  --indigo: var(--footer-indigo);
  --bg-secondary-rgb: var(--footer-blob-rgb);
  min-height: max(390px, min(48vh, 560px));
  min-height: max(390px, min(48svh, 560px));
  color: var(--footer-ink);
  background: var(--footer-background);
  align-content: start;
  padding: max(34px, min(5vh, 64px)) max(24px, min(7vw, 120px)) max(74px, min(10vh, 118px));
  transition: color .32s, background-color .32s;
  display: grid;
  position: relative;
  overflow: hidden;
}

.site-footer .footer-fade-rule, .site-footer .footer-contacts {
  z-index: 1;
  position: relative;
}

.footer-fade-rule {
  background: linear-gradient(90deg, transparent 0.0%, color-mix(in srgb, var(--footer-ink) 14.0%, transparent) 13.0%, color-mix(in srgb, var(--footer-ink) 62.0%, transparent) 50.0%, color-mix(in srgb, var(--footer-ink) 14.0%, transparent) 87.0%, transparent 100.0%);
  width: min(50vw, 920px);
  height: 1px;
  margin: 0 auto max(68px, min(10vh, 116px));
}

@supports not (color: color-mix(in srgb,red,blue)) {
  .footer-fade-rule {
    background: linear-gradient(90deg, #0000 0%, #172c3824 13%, #172c389e 50%, #172c3824 87%, #0000 100%);
  }
}

.footer-contacts {
  grid-template-columns: minmax(280px, 1.35fr) minmax(220px, .85fr) minmax(240px, .9fr);
  align-items: start;
  gap: max(36px, min(7vw, 110px));
  width: min(1240px, 100%);
  margin: 0 auto;
  transition: gap .32s;
  display: grid;
}

.footer-contact {
  min-width: 0;
  transition: background-color .32s, border-color .32s, padding .32s, transform .32s;
}

.footer-contact h2 {
  color: color-mix(in srgb, var(--footer-ink) 54%, transparent);
  letter-spacing: .16em;
  text-transform: uppercase;
  margin: 0 0 15px;
  font-family: SFMono-Regular, Consolas, monospace;
  font-size: max(.76rem, min(.76vw, .9rem));
  font-weight: 560;
}

@supports not (color: color-mix(in srgb,red,blue)) {
  .footer-contact h2 {
    color: #172c388a;
  }
}

.footer-contact address, .footer-contact a {
  color: color-mix(in srgb, var(--footer-ink) 84.0%, transparent);
  margin: 0;
  font-size: max(1.12rem, min(1.3vw, 1.38rem));
  font-style: normal;
  line-height: 1.62;
  text-decoration: none;
}

@supports not (color: color-mix(in srgb,red,blue)) {
  .footer-contact address, .footer-contact a {
    color: #172c38d6;
  }
}

.footer-contact a {
  background: linear-gradient(90deg, var(--footer-cyan), var(--footer-indigo)) 0 100% / 0 1px no-repeat;
  padding-bottom: 4px;
  transition: color .18s, background-size .24s;
  display: inline-block;
}

.footer-contact a:hover {
  color: var(--footer-ink);
  background-size: 100% 1px;
  outline: none;
}

.footer-contact a:focus-visible {
  color: var(--footer-ink);
  background-size: 100% 1px;
  outline: none;
}

body[data-footer-layout="2"] .footer-contacts {
  grid-template-columns: 1.55fr 1fr 1fr;
  gap: max(28px, min(5vw, 84px));
  width: min(1120px, 100%);
  transform: translateX(max(-34px, min(-2vw, -12px)));
}

body[data-footer-layout="2"] .footer-address {
  border-left: 1px solid color-mix(in srgb, var(--footer-ink) 22.0%, transparent);
  padding-left: max(22px, min(3vw, 48px));
}

@supports not (color: color-mix(in srgb,red,blue)) {
  body[data-footer-layout="2"] .footer-address {
    border-left: 1px solid #172c3838;
  }
}

body[data-footer-layout="3"] .footer-contacts {
  text-align: center;
  grid-template-columns: repeat(3, 1fr);
  gap: max(30px, min(5vw, 72px));
  width: min(1080px, 100%);
}

body[data-footer-layout="4"] .footer-contacts {
  grid-template-columns: repeat(3, 1fr);
  gap: max(16px, min(2vw, 28px));
  width: min(1220px, 100%);
}

body[data-footer-layout="4"] .footer-contact {
  border: 1px solid color-mix(in srgb, var(--footer-ink) 12.0%, transparent);
  background: color-mix(in srgb, var(--footer-ink) 4.0%, transparent);
  border-radius: max(18px, min(1.6vw, 26px));
  min-height: 148px;
  padding: max(22px, min(2.2vw, 34px));
}

@supports not (color: color-mix(in srgb,red,blue)) {
  body[data-footer-layout="4"] .footer-contact {
    background: #172c380a;
    border: 1px solid #172c381f;
  }
}

body[data-footer-layout="5"] .footer-contacts {
  border-top: 1px solid color-mix(in srgb, var(--footer-ink) 10.0%, transparent);
  grid-template-columns: 1.35fr 1fr 1fr;
  gap: max(34px, min(6vw, 96px));
  width: min(1320px, 100%);
  padding-top: 28px;
}

@supports not (color: color-mix(in srgb,red,blue)) {
  body[data-footer-layout="5"] .footer-contacts {
    border-top: 1px solid #172c381a;
  }
}

body[data-footer-layout="5"] .footer-contact h2 {
  align-items: center;
  gap: 12px;
  display: flex;
}

body[data-footer-layout="5"] .footer-contact h2:before {
  content: "";
  background: var(--footer-cyan);
  width: 7px;
  height: 7px;
  box-shadow: 0 0 18px color-mix(in srgb, var(--footer-cyan) 65.0%, transparent);
  border-radius: 50%;
}

@supports not (color: color-mix(in srgb,red,blue)) {
  body[data-footer-layout="5"] .footer-contact h2:before {
    box-shadow: 0 0 18px #087f86a6;
  }
}

body[data-footer-layout="6"] .footer-contacts {
  grid-template-columns: minmax(330px, 1.6fr) repeat(2, minmax(220px, .72fr));
  gap: max(28px, min(4vw, 66px));
  width: min(1280px, 100%);
}

body[data-footer-layout="6"] .footer-address {
  transform: translateY(-18px);
}

body[data-footer-layout="6"] .footer-information, body[data-footer-layout="6"] .footer-partnering {
  border-top: 1px solid color-mix(in srgb, var(--footer-ink) 18.0%, transparent);
  padding-top: 22px;
}

@supports not (color: color-mix(in srgb,red,blue)) {
  body[data-footer-layout="6"] .footer-information, body[data-footer-layout="6"] .footer-partnering {
    border-top: 1px solid #172c382e;
  }
}

.prototype-lab {
  z-index: 80;
  color: #eaf7f8;
  width: min(620px, 100vw - 390px);
  font-family: SFMono-Regular, Consolas, monospace;
  position: fixed;
  top: 18px;
  right: 18px;
}

.hero-review-panel {
  z-index: 80;
  color: #eaf7f8;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: #060d12e6;
  border: 1px solid #b9e5e733;
  border-radius: 16px;
  grid-template-columns: minmax(0, 1fr) 178px;
  gap: 10px 18px;
  width: min(760px, 100vw - 410px);
  padding: 12px 14px 13px;
  font-family: SFMono-Regular, Consolas, monospace;
  display: grid;
  position: fixed;
  top: 18px;
  right: 18px;
  box-shadow: 0 18px 52px #00000040;
}

.hero-review-heading {
  text-transform: uppercase;
  border-bottom: 1px solid #b1e2e61c;
  grid-column: 1 / -1;
  justify-content: space-between;
  align-items: baseline;
  gap: 18px;
  padding-bottom: 8px;
  display: flex;
}

.hero-review-heading span, .hero-review-options legend, .hero-cloud-control > span {
  color: #e0f6f8b8;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: .6rem;
}

.hero-review-heading strong {
  color: #e0f6f866;
  letter-spacing: .07em;
  font-size: .52rem;
  font-weight: 500;
}

.hero-review-options {
  border: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.hero-review-options legend {
  color: #e0f6f86b;
  margin-bottom: 7px;
  font-size: .52rem;
}

.hero-review-buttons {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 5px;
  display: grid;
}

.hero-review-buttons button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #e7f7f894;
  min-width: 0;
  height: 31px;
  font: inherit;
  white-space: nowrap;
  cursor: pointer;
  background: #ffffff06;
  border: 1px solid #c3e5e824;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 0 7px;
  font-size: .56rem;
  display: flex;
  overflow: hidden;
}

.hero-review-buttons button b {
  color: #8bf4ffc7;
  font-size: .58rem;
  font-weight: 650;
}

.hero-review-buttons button span {
  text-overflow: ellipsis;
  overflow: hidden;
}

.hero-review-buttons button:hover, .hero-review-buttons button[aria-pressed="true"] {
  color: #eaffff;
  border-color: #89e5e68f;
  outline: none;
}

.hero-review-buttons button:focus-visible {
  color: #eaffff;
  border-color: #89e5e68f;
  outline: none;
}

.hero-review-buttons button[aria-pressed="true"] {
  background: #68dcdd1f;
  box-shadow: inset 0 0 16px #68dcdd14;
}

.hero-cloud-control {
  align-self: end;
  min-width: 0;
}

.hero-cloud-control > span {
  color: #e0f6f86b;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 4px;
  font-size: .52rem;
  display: flex;
}

.hero-cloud-control output {
  color: #eaffffc7;
  text-align: right;
  min-width: 3ch;
}

.hero-cloud-control output:after {
  content: "%";
}

.hero-cloud-control input {
  accent-color: #86ded9;
  cursor: ew-resize;
  width: 100%;
  height: 24px;
  margin: 0;
}

.prototype-lab details {
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: #060d12e6;
  border: 1px solid #b1e2e62e;
  border-radius: 17px;
  overflow: hidden;
  box-shadow: 0 18px 52px #00000047;
}

.prototype-lab summary {
  cursor: pointer;
  text-transform: uppercase;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  min-height: 38px;
  padding: 0 14px;
  list-style: none;
  display: flex;
}

.prototype-lab summary::-webkit-details-marker {
  display: none;
}

.prototype-lab summary span {
  color: #e0f6f8b8;
  letter-spacing: .16em;
  font-size: .56rem;
}

.prototype-lab summary strong {
  color: #e0f6f86b;
  letter-spacing: .08em;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .5rem;
  font-weight: 500;
  overflow: hidden;
}

.prototype-lab-panel {
  border-top: 1px solid #b1e2e61a;
  grid-template-columns: 1fr;
  align-items: end;
  gap: 16px;
  padding: 11px 14px 14px;
  display: grid;
}

.prototype-fieldset {
  border: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.prototype-fieldset legend, .prototype-brightness > span {
  color: #e0f6f86b;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin: 0 0 7px;
  font-size: .49rem;
  display: block;
}

.prototype-lock-note {
  color: #e0f6f85c;
  letter-spacing: .1em;
  text-transform: uppercase;
  border-top: 1px solid #b1e2e61a;
  grid-column: 1 / -1;
  margin: -2px 0 0;
  padding-top: 8px;
  font-size: .48rem;
}

.logo-replay-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #eaffffc7;
  min-height: 27px;
  font: inherit;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
  background: #68dcdd14;
  border: 1px solid #89e5e661;
  border-radius: 999px;
  padding: 0 12px;
  font-size: .49rem;
}

.logo-replay-button:hover {
  color: #fff;
  border-color: #89e5e6b8;
  outline: none;
}

.logo-replay-button:focus-visible {
  color: #fff;
  border-color: #89e5e6b8;
  outline: none;
}

.logo-option-fieldset > output {
  color: #8bf4ff9e;
}

.visual-option-row {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 5px;
  display: grid;
}

.visual-option-row button {
  min-width: 0;
  min-height: 32px;
  padding: 0 5px;
}

.visual-option-row button b {
  color: #8bf4ffc7;
  font-size: .54rem;
  font-weight: 650;
}

.visual-option-row button span {
  text-overflow: ellipsis;
  overflow: hidden;
}

.bubble-option-row button i {
  flex: none;
}

.visual-range input {
  height: 22px;
}

.prototype-option-row {
  gap: 5px;
  display: flex;
}

.prototype-option-row-wide {
  justify-content: space-between;
}

.prototype-option-row button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #e7f7f894;
  min-width: 28px;
  height: 28px;
  font: inherit;
  cursor: pointer;
  background: #ffffff06;
  border: 1px solid #c3e5e824;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 0 7px;
  font-size: .52rem;
  display: inline-flex;
}

.prototype-option-row button i {
  background: var(--option-color);
  width: 8px;
  height: 8px;
  box-shadow: 0 0 9px color-mix(in srgb, var(--option-color) 55.0%, transparent);
  border-radius: 50%;
}

@supports not (color: color-mix(in srgb,red,blue)) {
  .prototype-option-row button i {
    box-shadow: 0 0 9px #08767a8c;
  }
}

.prototype-option-row button:hover, .prototype-option-row button[aria-pressed="true"] {
  color: #eaffff;
  border-color: #89e5e68f;
  outline: none;
}

.prototype-option-row button:focus-visible {
  color: #eaffff;
  border-color: #89e5e68f;
  outline: none;
}

.prototype-option-row button[aria-pressed="true"] {
  background: #68dcdd1f;
  box-shadow: inset 0 0 16px #68dcdd14;
}

.prototype-fieldset > output {
  color: #e2f6f794;
  letter-spacing: .06em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  margin-top: 6px;
  font-size: .48rem;
  display: block;
  overflow: hidden;
}

.prototype-brightness {
  min-width: 0;
}

.prototype-brightness > span {
  justify-content: space-between;
  gap: 12px;
  display: flex;
}

.prototype-brightness output {
  color: #e2f6f7b3;
}

.prototype-brightness input {
  accent-color: #86ded9;
  cursor: ew-resize;
  width: 100%;
  height: 28px;
  margin: 0;
}

.copy-lab {
  z-index: 8;
  background: rgb(var(--bg-base-rgb) / .86);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  width: min(650px, 100vw - 48px);
  opacity: var(--rung-lab-opacity, 0);
  transform: translate3d(0, var(--rung-lab-y, -10px), 0);
  pointer-events: none;
  will-change: opacity, transform;
  border: 1px solid #bedefa24;
  border-radius: 18px;
  grid-template-columns: minmax(180px, auto) 1fr;
  align-items: center;
  gap: 10px 18px;
  padding: 10px 12px;
  transition: border-color .18s, background .18s;
  display: grid;
  position: absolute;
  top: max(78px, min(8.5vh, 98px));
  right: max(24px, min(7vw, 120px));
  box-shadow: 0 18px 44px #0000003d;
}

.copy-lab:hover {
  background: rgb(var(--bg-base-rgb) / .94);
  border-color: #8bf4ff3b;
}

.rung-track-two .copy-lab, .rung-track-three .copy-lab {
  pointer-events: auto;
}

.myc-motion-lab {
  width: min(720px, 100vw - 48px);
  transform: translate3d(-50%, var(--rung-lab-y, -10px), 0);
  grid-template-columns: minmax(225px, auto) 1fr;
  left: 50%;
  right: auto;
}

.myc-options {
  grid-template-columns: repeat(5, minmax(36px, 1fr));
}

.myc-options button {
  min-height: 30px;
}

.copy-lab-title {
  gap: 3px;
  display: grid;
}

.copy-lab-title span, .copy-lab-title strong, .copy-lab-note, .copy-options button {
  text-transform: uppercase;
  font-family: SFMono-Regular, Consolas, monospace;
}

.copy-lab-title span {
  color: #e0eefa61;
  letter-spacing: .15em;
  font-size: .52rem;
}

.copy-lab-title strong {
  color: #e0eefa9e;
  letter-spacing: .08em;
  white-space: nowrap;
  font-size: .52rem;
  font-weight: 500;
}

.copy-options {
  grid-template-columns: repeat(10, 1fr);
  gap: 4px;
  display: grid;
}

.copy-options button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #e8f2fc80;
  cursor: pointer;
  background: #ffffff04;
  border: 1px solid #c1def821;
  border-radius: 8px;
  min-width: 0;
  height: 28px;
  padding: 0;
  font-size: .49rem;
}

.copy-options button:hover {
  color: #dffcff;
  border-color: #8bf4ff61;
  outline: none;
}

.copy-options button:focus-visible {
  color: #dffcff;
  border-color: #8bf4ff61;
  outline: none;
}

.copy-options button[aria-pressed="true"] {
  color: var(--cyan);
  background: #5bc9e51f;
  border-color: #8bf4ff6b;
  box-shadow: inset 0 0 16px #66dcff0f;
}

.copy-lab-note {
  color: #e0eefa5c;
  letter-spacing: .1em;
  border-top: 1px solid #cfe7ff17;
  grid-column: 1 / -1;
  padding-top: 8px;
  font-size: .49rem;
}

.background-lab {
  z-index: 8;
  background: rgb(var(--bg-base-rgb) / .86);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  opacity: 1;
  border: 1px solid #bedefa24;
  border-radius: 18px;
  gap: 8px;
  width: min(760px, 100vw - 240px);
  padding: 10px 12px;
  transition: border-color .18s, background .18s;
  display: grid;
  position: absolute;
  top: max(78px, min(8.5vh, 98px));
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 18px 44px #0000003d;
}

.hero-motion-switcher {
  opacity: var(--hero-lab-opacity, 1);
  transform: translateX(-50%) translateY(var(--hero-lab-y, 0px));
  will-change: opacity, transform;
}

.background-lab:hover {
  background: rgb(var(--bg-base-rgb) / .94);
  border-color: #8bf4ff3b;
}

.background-lab-header, .background-lab-mixer {
  align-items: center;
  display: flex;
}

.background-lab-header {
  gap: 14px;
}

.background-lab-title {
  gap: 3px;
  min-width: 184px;
  display: grid;
}

.background-lab-title span, .background-lab-title strong, .background-motion-lock, .field-note, .gradient-swatch-group > span, .gradient-strength span, .gradient-strength output, .gradient-presets button, .motion-replay, .gradient-swatch {
  text-transform: uppercase;
  font-family: SFMono-Regular, Consolas, monospace;
}

.background-lab-title span, .gradient-swatch-group > span, .gradient-strength span {
  color: #e0eefa61;
  letter-spacing: .15em;
  font-size: .52rem;
}

.background-lab-title strong {
  color: #e0eefa94;
  letter-spacing: .08em;
  white-space: nowrap;
  font-size: .52rem;
  font-weight: 500;
}

.gradient-presets {
  flex: 1;
  justify-content: center;
  gap: 4px;
  display: flex;
}

.gradient-presets button, .gradient-swatch, .motion-replay {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #e8f2fc80;
  cursor: pointer;
  background: #ffffff04;
  border: 1px solid #c1def821;
}

.gradient-presets button {
  border-radius: 8px;
  width: 26px;
  height: 26px;
  padding: 0;
  font-size: .52rem;
}

.field-presets {
  max-width: 230px;
}

.field-presets button {
  width: 34px;
}

.gradient-presets button:hover, .gradient-swatch:hover, .motion-replay:hover {
  color: #dffcff;
  border-color: #8bf4ff61;
  outline: none;
}

.gradient-presets button:focus-visible {
  color: #dffcff;
  border-color: #8bf4ff61;
  outline: none;
}

.gradient-swatch:focus-visible {
  color: #dffcff;
  border-color: #8bf4ff61;
  outline: none;
}

.motion-replay:focus-visible {
  color: #dffcff;
  border-color: #8bf4ff61;
  outline: none;
}

.gradient-presets button[aria-pressed="true"] {
  color: var(--cyan);
  background: #5bc9e51f;
  border-color: #8bf4ff6b;
  box-shadow: inset 0 0 16px #66dcff0f;
}

.background-motion-lock {
  color: #8bf4ff7a;
  letter-spacing: .1em;
  white-space: nowrap;
  font-size: .48rem;
}

.background-lab-mixer {
  border-top: 1px solid #cfe7ff17;
  justify-content: space-between;
  gap: 20px;
  padding-top: 8px;
}

.field-note {
  color: #e0eefa5c;
  letter-spacing: .1em;
  text-transform: uppercase;
  flex: 1;
  font-size: .49rem;
  line-height: 1.4;
}

.gradient-swatch-group {
  align-items: center;
  gap: 6px;
  display: flex;
}

.gradient-swatch-group > span {
  white-space: nowrap;
  margin-right: 3px;
}

.gradient-swatch {
  background: var(--swatch);
  border-radius: 50%;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  padding: 0;
  position: relative;
  box-shadow: inset 0 0 0 1px #ffffff0e;
}

.gradient-swatch[aria-pressed="true"] {
  box-shadow: 0 0 0 2px rgb(var(--bg-base-rgb) / .9), 0 0 0 3px #8bf4ff57, inset 0 0 0 1px #ffffff1a;
  border-color: #e2faffb8;
}

.background-lab-rule {
  background: #cfe7ff1c;
  flex: 0 0 1px;
  width: 1px;
  height: 24px;
}

.gradient-strength {
  gap: 4px;
  min-width: 160px;
  display: grid;
}

.gradient-strength span {
  justify-content: space-between;
  gap: 8px;
  display: flex;
}

.gradient-strength output {
  color: #e0eefaad;
  letter-spacing: .06em;
  font-size: .5rem;
}

.gradient-strength input {
  accent-color: #a4ebf6;
  cursor: ew-resize;
  width: 100%;
  height: 12px;
  margin: 0;
}

.motion-replay {
  letter-spacing: .09em;
  white-space: nowrap;
  border-radius: 11px;
  min-height: 34px;
  padding: 0 12px;
  font-size: .52rem;
}

.rung-scroll-cue {
  z-index: 2;
  color: #ebf6ff61;
  letter-spacing: .18em;
  text-transform: uppercase;
  opacity: var(--rung-cue-opacity, 1);
  align-items: center;
  gap: 12px;
  font-family: SFMono-Regular, Consolas, monospace;
  font-size: .58rem;
  display: flex;
  position: absolute;
  bottom: max(26px, min(5vh, 52px));
  right: max(22px, min(4vw, 64px));
}

.rung-scroll-cue i {
  background: #e2f3ff26;
  width: 48px;
  height: 1px;
  display: block;
  position: relative;
  overflow: hidden;
}

.rung-scroll-cue i:after {
  content: "";
  background: linear-gradient(90deg, transparent, var(--cyan));
  animation: 2.2s ease-in-out infinite scan;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@keyframes scan {
  0% {
    transform: translateX(-105%);
  }

  60%, 100% {
    transform: translateX(105%);
  }
}

@media (min-width: 1800px) and (min-height: 850px) {
  :root {
    --hero-screen-scale: 1.06;
  }

  .hero-visual {
    transform: translate3d(19vw, 0, 0) scale(calc(var(--hero-scale, .84) * var(--hero-screen-scale)));
  }

  .site-header {
    padding: max(38px, min(3vw, 58px)) max(64px, min(4.2vw, 108px));
  }

  .wordmark {
    width: 430px;
  }

  .hero-copy {
    width: min(860px, 42vw);
    left: max(112px, min(7vw, 180px));
  }

  .hero-copy h1 {
    font-size: var(--page-headline-size);
  }

  .hero-line-emerge {
    font-size: clamp(var(--hero-message-large-min-size, 2.35rem), var(--hero-message-large-fluid-size, 2.15vw), var(--hero-message-large-max-size, 3.1rem));
  }

  .hero-compute-sketch {
    opacity: .38;
    width: min(40vw, 880px);
    height: min(34vh, 380px);
    bottom: max(-150px, min(-10vh, -88px));
    left: -3vw;
  }

  .scroll-cue, .rung-scroll-cue {
    font-size: .7rem;
  }

  .rung-grid {
    gap: max(140px, min(9vw, 220px));
    padding-left: max(120px, min(7vw, 190px));
    padding-right: max(120px, min(7vw, 190px));
  }

  .rung-track-one .rung-grid {
    padding-left: max(96px, min(5.4vw, 150px));
  }

  .rung-grid-innovation {
    gap: max(96px, min(6vw, 150px));
  }

  .rung-copy, .rung-copy-right {
    max-width: 780px;
  }

  .rung-copy-right {
    width: min(100%, 780px);
  }

  .rung-kicker {
    font-size: max(.68rem, min(.58vw, .82rem));
  }

  .rung-copy h2 {
    font-size: max(4.75rem, min(4.35vw, 6rem));
  }

  .rung-body {
    max-width: 46rem;
    font-size: max(1.28rem, min(1.15vw, 1.55rem));
  }

  .rung-image {
    width: max(480px, min(30vw, 620px));
  }

  .rung-image-antarah {
    width: min(44vw, 900px);
  }
}

@media (max-width: 980px) {
  .site-header {
    flex-wrap: wrap;
    row-gap: 8px;
  }

  .site-header .wordmark {
    width: min(54vw, 360px);
  }

  .primary-nav {
    transform-origin: 0;
    justify-content: flex-start;
    gap: max(18px, min(5vw, 42px));
    width: 100%;
    margin-left: 0;
    position: static;
    transform: none;
  }

  .rung-track-one .rung-grid {
    grid-template-columns: minmax(280px, .74fr) minmax(500px, 1.26fr);
    gap: 32px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .evidence-cards {
    gap: 14px;
  }

  .evidence-cards p {
    font-size: 1rem;
  }

  .rung-grid-innovation {
    grid-template-columns: minmax(0, .88fr) minmax(340px, 1.12fr);
    gap: max(38px, min(5vw, 60px));
  }

  .copy-lab {
    width: min(650px, 100vw - 32px);
    right: 16px;
  }

  .myc-motion-lab {
    width: min(720px, 100vw - 32px);
    left: 50%;
    right: auto;
  }

  .background-lab {
    width: calc(100vw - 32px);
    padding: 8px 9px;
    top: 78px;
  }

  .background-lab-header, .background-lab-mixer {
    gap: 9px;
  }

  .background-lab-mixer {
    flex-wrap: wrap;
    justify-content: center;
  }

  .gradient-strength {
    min-width: 128px;
  }

  .prototype-lab {
    width: min(650px, 100vw - 310px);
  }

  .prototype-lab-panel {
    grid-template-columns: 1fr;
  }

  .footer-contacts {
    grid-template-columns: 1.35fr 1fr;
  }

  .footer-partnering {
    grid-column: 2;
  }
}

@media (max-width: 840px) {
  .rung-track-one .rung-grid {
    grid-template-columns: 1fr;
    align-content: center;
    gap: 28px;
    padding-left: 26px;
    padding-right: 26px;
  }

  .rung-track-one .rung-copy {
    max-width: 620px;
  }

  .rung-evidence {
    padding-top: 0;
  }

  .evidence-meter {
    min-height: 62px;
    margin-bottom: 20px;
  }

  .evidence-cards p {
    font-size: .98rem;
    line-height: 1.42;
  }
}

@media (max-width: 720px) {
  .site-header {
    align-items: flex-start;
  }

  .wordmark {
    width: min(76vw, 330px);
  }

  .primary-nav {
    justify-content: space-between;
    gap: 10px;
  }

  .primary-nav a {
    font-size: max(.61rem, min(2.7vw, .72rem));
  }

  .header-nav-lab {
    width: min(250px, 100vw - 24px);
    bottom: 12px;
    right: 12px;
  }

  .wordmark-dynamics {
    font-size: max(.82rem, min(4.15vw, 1.08rem));
  }

  .wordmark-inc {
    font-size: max(.58rem, min(2.75vw, .76rem));
  }

  .wordmark-route {
    transform: translateY(calc(var(--logo-inc-offset, 0px)  + 3px));
  }

  .wordmark-route-path, .wordmark-route-final {
    vector-effect: none;
  }

  .phase-label {
    display: none;
  }

  .hero-poster img, .hero-video, .hero-composite-canvas {
    object-fit: contain;
    object-position: 50% 41%;
    transform: scale(1.28);
  }

  .hero-visual {
    transform: translate3d(0, var(--hero-mobile-visual-y, -12vh), 0) scale(var(--hero-scale-mobile, 1));
    transform-origin: 50% 42%;
  }

  .hero-wash {
    background: linear-gradient(0deg, rgb(var(--bg-base-rgb) / .98) 0%, rgb(var(--bg-base-rgb) / .72) 38%, rgb(var(--bg-base-rgb) / .04) 71%, rgb(var(--bg-base-rgb) / .26) 100%);
  }

  .hero-copy {
    width: calc(100vw - 44px);
    transform: translate3d(0, var(--hero-copy-y, 0px), 0);
    top: auto;
    bottom: 100px;
  }

  .hero-compute-sketch {
    opacity: .26;
    width: min(72vw, 420px);
    height: min(18vh, 180px);
    bottom: -50px;
    left: -38px;
  }

  .hero-copy h1 {
    max-width: 10.8ch;
    font-size: var(--page-headline-size);
  }

  .hero-line-primary {
    letter-spacing: var(--headline-tracking);
    word-spacing: .04em;
    line-height: 1.03;
  }

  .hero-line-emerge {
    font-size: clamp(var(--hero-message-mobile-min-size, 1.08rem), var(--hero-message-mobile-fluid-size, 5.15vw), var(--hero-message-mobile-max-size, 1.48rem));
    line-height: 1.16;
  }

  .scroll-cue {
    bottom: 30px;
    right: 22px;
  }

  .rung-track {
    min-height: 199vh;
    min-height: 199svh;
  }

  .rung-track-one {
    min-height: 430vh;
    min-height: 430svh;
  }

  .rung-track-two {
    min-height: 195vh;
    min-height: 195svh;
  }

  .section-break {
    height: 0;
  }

  .rung-frame {
    min-height: 100vh;
    min-height: 100svh;
    overflow: hidden;
  }

  .rung-grid {
    min-height: 100vh;
    grid-template-columns: 1fr;
    align-content: center;
    gap: 34px;
    min-height: 100svh;
    padding: 142px 22px 96px;
  }

  .rung-grid-reversed, .rung-grid-innovation {
    grid-template-columns: 1fr;
  }

  .rung-track-one .rung-grid {
    grid-template-columns: 1fr;
    align-content: center;
    gap: 22px;
    padding: 122px 20px 118px;
  }

  .rung-track-one .rung-copy h2 {
    font-size: max(2.15rem, min(9.4vw, 3.2rem));
  }

  .rung-track-one .rung-body {
    margin-top: 16px;
    font-size: .88rem;
    line-height: 1.42;
  }

  .evidence-meter {
    min-height: 54px;
    margin-bottom: 16px;
  }

  .evidence-marker i {
    width: 27px;
    height: 27px;
  }

  .evidence-marker span {
    display: none;
  }

  .evidence-cards {
    gap: 10px;
  }

  .evidence-cards li {
    grid-template-columns: 1fr;
    gap: 6px;
    padding: 12px 0 0 9px;
  }

  .evidence-cards li > span {
    min-height: 2.5em;
    margin-bottom: 7px;
    font-size: .42rem;
  }

  .evidence-cards p {
    font-size: max(.8rem, min(3vw, .94rem));
    line-height: 1.38;
  }

  .rung-visual-reserve {
    display: none;
  }

  .rung-copy-right {
    transform-origin: 0;
    grid-column: 1;
    justify-self: start;
  }

  .rung-track-two .rung-frame {
    min-height: 100vh;
    min-height: 100svh;
    position: relative;
    overflow: visible;
  }

  .rung-track-two .rung-grid {
    align-content: start;
    min-height: auto;
    padding-top: 126px;
    padding-bottom: 120px;
  }

  .rung-track-two .rung-copy h2 {
    max-width: 12.8ch;
    font-size: max(2.25rem, min(9.4vw, 3.25rem));
    line-height: 1.03;
  }

  .rung-track-two .rung-body {
    margin-top: 18px;
    font-size: .96rem;
    line-height: 1.48;
  }

  .rung-copy {
    max-width: 94%;
  }

  .rung-copy h2 {
    max-width: 100%;
    font-size: max(2.45rem, min(10.8vw, 3.85rem));
  }

  .rung-body {
    margin-top: 22px;
    font-size: 1rem;
  }

  .rung-image {
    justify-self: end;
    width: min(68vw, 320px);
  }

  .rung-image-myc {
    justify-self: center;
  }

  .rung-image-antarah {
    justify-self: center;
    width: min(86vw, 520px);
  }

  .rung-image figcaption {
    font-size: .49rem;
  }

  .background-lab {
    gap: 7px;
    width: calc(100vw - 32px);
    top: 70px;
  }

  .copy-lab {
    grid-template-columns: 1fr;
    gap: 7px;
    top: 70px;
  }

  .copy-lab-title {
    justify-content: space-between;
    gap: 12px;
    display: flex;
  }

  .copy-lab-title strong {
    text-overflow: ellipsis;
    max-width: 56%;
    overflow: hidden;
  }

  .copy-options {
    grid-template-columns: repeat(10, 1fr);
  }

  .myc-options {
    grid-template-columns: repeat(5, 1fr);
  }

  .myc-viewer {
    pointer-events: none;
  }

  .background-lab-header {
    grid-template-columns: 1fr;
    gap: 7px;
    display: grid;
  }

  .background-lab-title {
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
    display: flex;
  }

  .gradient-presets {
    justify-content: space-between;
    width: 100%;
  }

  .background-motion-lock, .background-lab-rule {
    display: none;
  }

  .background-lab-mixer {
    grid-template-columns: 1fr;
    gap: 8px;
    display: grid;
  }

  .gradient-swatch-group {
    justify-content: space-between;
  }

  .gradient-strength {
    min-width: 0;
  }

  .motion-replay {
    width: 100%;
    min-height: 28px;
    padding-left: 9px;
    padding-right: 9px;
  }

  .rung-scroll-cue {
    display: none;
  }

  .prototype-lab {
    width: calc(100vw - 24px);
    top: auto;
    bottom: 12px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }

  .prototype-lab-panel {
    max-height: min(52vh, 390px);
    grid-template-columns: 1fr;
    max-height: min(52svh, 390px);
    overflow: auto;
  }

  .hero-review-panel {
    grid-template-columns: minmax(0, 1fr) 116px;
    gap: 8px 12px;
    width: auto;
    padding: 10px 11px;
    top: auto;
    bottom: 12px;
    left: 12px;
    right: 12px;
  }

  .hero-review-heading strong, .hero-review-buttons button span {
    display: none;
  }

  .hero-review-buttons button {
    padding: 0;
  }

  .prototype-option-row {
    flex-wrap: wrap;
  }

  .site-footer {
    min-height: auto;
    padding: 28px 22px 126px;
  }

  .footer-fade-rule {
    width: 72vw;
    margin-bottom: 58px;
  }

  .footer-contacts, body[data-footer-layout="2"] .footer-contacts, body[data-footer-layout="3"] .footer-contacts, body[data-footer-layout="4"] .footer-contacts, body[data-footer-layout="5"] .footer-contacts, body[data-footer-layout="6"] .footer-contacts {
    text-align: left;
    grid-template-columns: 1fr;
    gap: 38px;
    transform: none;
  }

  .footer-partnering {
    grid-column: auto;
  }

  body[data-footer-layout="4"] .footer-contact {
    min-height: 0;
  }

  body[data-footer-layout="6"] .footer-address {
    transform: none;
  }
}

@media (max-width: 720px) and (max-height: 600px) {
  .background-lab {
    top: 58px;
  }

  .background-lab .field-note {
    display: none;
  }

  .hero-copy {
    bottom: 34px;
  }

  .hero-copy h1 {
    max-width: 12.8ch;
    font-size: var(--page-headline-size);
    line-height: 1.03;
  }

  .rung-track-two .rung-grid {
    padding-top: 112px;
  }
}

.rung-track-two {
  min-height: 132vh;
  min-height: 132svh;
}

.rung-track-two .rung-grid {
  z-index: 2;
}

.rung-image-myc {
  position: relative;
  overflow: visible;
}

.myc-position-stage {
  aspect-ratio: 1;
  width: 100%;
  transform: translate3d(var(--myc-protein-x, 0px), var(--myc-protein-y, 0px), 0);
  will-change: transform;
  transition: transform .18s cubic-bezier(.2, .74, .24, 1);
  position: relative;
}

.rung-composite-myc {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.myc-secondary-field, .myc-corner-apparatus {
  pointer-events: none;
  position: absolute;
}

.myc-secondary-field {
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: var(--rung-circle-opacity, 1);
  transition: opacity .22s;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: visible;
}

.myc-secondary-field path, .myc-secondary-field ellipse, .myc-secondary-field circle, .myc-secondary-field line, .myc-secondary-field rect {
  fill: none;
  stroke: #07767a54;
  stroke-width: 1.25px;
  vector-effect: non-scaling-stroke;
}

.myc-secondary-field circle {
  fill: rgb(var(--bg-base-rgb));
  stroke-width: 1.5px;
}

.myc-secondary-field .myc-field-hairline-coral {
  stroke: #c6585057;
}

.myc-secondary-field .myc-field-ghost {
  stroke: #10191a1f;
}

.myc-secondary-field .myc-field-node {
  fill: #07767a9e;
  stroke: rgb(var(--bg-base-rgb));
  stroke-width: 4px;
}

.myc-secondary-field .myc-field-node-coral {
  fill: #c65850ad;
}

.myc-field-codes text {
  fill: #10191a57;
  stroke: none;
  letter-spacing: .18em;
  font-family: SFMono-Regular, Consolas, monospace;
  font-size: 14px;
}

.myc-field-grid-lines {
  stroke: #10191a0e !important;
}

.myc-matrix-dots circle {
  fill: #07767a4f;
  stroke: none;
}

.myc-field-option, .myc-corner-option {
  opacity: 0;
  visibility: hidden;
  transition: opacity .2s;
}

body[data-myc-field="a"] [data-myc-field-option="a"], body[data-myc-field="b"] [data-myc-field-option="b"], body[data-myc-field="c"] [data-myc-field-option="c"], body[data-myc-field="d"] [data-myc-field-option="d"], body[data-myc-field="e"] [data-myc-field-option="e"], body[data-myc-field="f"] [data-myc-field-option="f"], body[data-myc-field="g"] [data-myc-field-option="g"], body[data-myc-field="h"] [data-myc-field-option="h"], body[data-myc-field="i"] [data-myc-field-option="i"], body[data-myc-field="j"] [data-myc-field-option="j"] {
  opacity: .54;
  visibility: visible;
}

body[data-myc-corner="a"] [data-myc-corner-option="a"], body[data-myc-corner="b"] [data-myc-corner-option="b"], body[data-myc-corner="c"] [data-myc-corner-option="c"], body[data-myc-corner="d"] [data-myc-corner-option="d"], body[data-myc-corner="e"] [data-myc-corner-option="e"], body[data-myc-corner="f"] [data-myc-corner-option="f"], body[data-myc-corner="g"] [data-myc-corner-option="g"], body[data-myc-corner="h"] [data-myc-corner-option="h"], body[data-myc-corner="i"] [data-myc-corner-option="i"], body[data-myc-corner="j"] [data-myc-corner-option="j"] {
  opacity: .43;
  visibility: visible;
}

.myc-corner-apparatus {
  z-index: 1;
  width: max(440px, min(43vw, 710px));
  height: auto;
  opacity: var(--rung-circle-opacity, 1);
  transition: opacity .22s;
  bottom: max(-26px, min(-2vh, -8px));
  left: max(-88px, min(-4vw, -24px));
  overflow: visible;
}

.myc-corner-apparatus path, .myc-corner-apparatus circle, .myc-corner-apparatus rect {
  fill: none;
  stroke: #07767a6e;
  stroke-width: 1.15px;
  vector-effect: non-scaling-stroke;
}

.myc-corner-apparatus circle {
  fill: #e8dbc185;
}

.myc-corner-apparatus .myc-corner-faint {
  stroke: #10191a26;
}

.myc-corner-apparatus .myc-corner-rotor, .myc-corner-apparatus .myc-corner-rotor-reverse, .myc-corner-apparatus .myc-corner-sweep, .myc-secondary-field .myc-orbit-core, .myc-secondary-field .myc-radar-core {
  transform-box: fill-box;
  transform-origin: center;
}

.myc-annotation-layer {
  z-index: 4;
  color: #102526;
  opacity: var(--rung-circle-opacity, 1);
  transform: translate3d(var(--rung-circle-x, 0px), var(--rung-circle-y, 0px), 0) rotate(var(--rung-circle-rotate, 0deg)) scale(var(--rung-circle-scale, 1));
  transform-origin: 50%;
  pointer-events: none;
  will-change: opacity, transform;
  font-family: SFMono-Regular, Consolas, monospace;
  position: absolute;
  top: -22%;
  bottom: -22%;
  left: -22%;
  right: -22%;
}

.myc-label-option {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

body[data-myc-label="a"] [data-myc-label-option="a"], body[data-myc-label="b"] [data-myc-label-option="b"], body[data-myc-label="c"] [data-myc-label-option="c"], body[data-myc-label="d"] [data-myc-label-option="d"], body[data-myc-label="e"] [data-myc-label-option="e"], body[data-myc-label="f"] [data-myc-label-option="f"], body[data-myc-label="g"] [data-myc-label-option="g"], body[data-myc-label="h"] [data-myc-label-option="h"], body[data-myc-label="i"] [data-myc-label-option="i"], body[data-myc-label="j"] [data-myc-label-option="j"] {
  display: block;
}

.myc-label-option b {
  letter-spacing: .08em;
  font-weight: 680;
}

.myc-label-option small {
  color: #10252685;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-top: 3px;
  font-size: .48rem;
  font-weight: 500;
  line-height: 1.25;
  display: block;
}

.myc-callout {
  text-transform: uppercase;
  background: #e8dbc1db;
  border: 1px solid #07767a40;
  min-width: 112px;
  padding: 7px 9px;
  font-size: .62rem;
  position: absolute;
}

.myc-callout:before {
  content: "";
  background: linear-gradient(90deg, #07767a14, #07767a9e);
  width: 64px;
  height: 1px;
  position: absolute;
  top: 50%;
}

.myc-callout-one {
  top: 10%;
  right: -17%;
}

.myc-callout-one:before, .myc-callout-three:before {
  right: 100%;
}

.myc-callout-two {
  top: 42%;
  left: -18%;
}

.myc-callout-two:before {
  left: 100%;
  transform: scaleX(-1);
}

.myc-callout-three {
  bottom: 12%;
  right: -14%;
}

.myc-domain-bracket {
  text-transform: uppercase;
  flex-direction: column;
  justify-content: center;
  min-height: 43%;
  padding-left: 21px;
  font-size: .64rem;
  display: flex;
  position: absolute;
  top: 6%;
  left: -8%;
}

.myc-domain-bracket i {
  border-top: 1px solid #07767a8c;
  border-bottom: 1px solid #07767a8c;
  border-left: 1px solid #07767a8c;
  width: 12px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: auto;
}

.myc-domain-bracket-lz {
  min-height: 36%;
  top: auto;
  bottom: 3%;
}

.myc-label-orbits span {
  letter-spacing: .11em;
  text-transform: uppercase;
  background: #e8dbc1c7;
  border: 1px solid #07767a38;
  border-radius: 999px;
  padding: 5px 9px;
  font-size: .5rem;
  position: absolute;
}

.myc-label-orbits span:first-child {
  top: 3%;
  left: 60%;
}

.myc-label-orbits span:nth-child(2) {
  top: 48%;
  left: -9%;
}

.myc-label-orbits span:nth-child(3) {
  bottom: 2%;
  right: -5%;
}

.myc-label-plate:before, .myc-label-plate:after {
  content: "";
  border-color: #07767a80;
  width: 34px;
  height: 34px;
  position: absolute;
}

.myc-label-plate:before {
  border-top: 1px solid;
  border-left: 1px solid;
  top: 3%;
  left: 3%;
}

.myc-label-plate:after {
  border-bottom: 1px solid;
  border-right: 1px solid;
  bottom: 3%;
  right: 3%;
}

.myc-plate-index, .myc-plate-axis, .myc-plate-caption {
  color: #1025269e;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .48rem;
  line-height: 1.45;
  position: absolute;
}

.myc-plate-index {
  top: 1%;
  left: 12%;
}

.myc-plate-axis {
  text-align: right;
  bottom: 13%;
  right: 5%;
}

.myc-plate-caption {
  top: 18%;
  right: -4%;
}

.myc-label-editorial {
  background: #e8dbc1d6;
  border-top: 1px solid #07767a61;
  align-items: center;
  gap: 10px;
  height: 72px;
  padding: 10px 13px;
  top: auto;
  bottom: 0;
  left: 28%;
  right: -4%;
}

body[data-myc-label="e"] .myc-label-editorial {
  display: flex;
}

.myc-editorial-number {
  color: #08767a;
  font-size: .58rem;
}

.myc-editorial-rule {
  background: #10252626;
  align-self: stretch;
  width: 1px;
}

.myc-label-editorial p {
  text-transform: uppercase;
  max-width: 240px;
  margin: 0;
  font-size: .56rem;
}

.myc-label-spectral {
  background: #e8dbc1b8;
  border-left: 1px solid #07767a66;
  width: 148px;
  padding: 9px 11px;
  top: auto;
  bottom: 2%;
  left: auto;
  right: -5%;
}

.myc-label-spectral > span {
  grid-template-columns: 7px 1fr;
  align-items: center;
  gap: 8px;
  margin: 4px 0;
  font-size: .5rem;
  display: grid;
}

.myc-label-spectral i {
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.myc-key-coral {
  background: #ef5350;
  box-shadow: 0 0 9px #ef53506b;
}

.myc-key-indigo {
  background: #6672e5;
  box-shadow: 0 0 9px #6672e56b;
}

.myc-key-amber {
  background: #ff9954;
  box-shadow: 0 0 9px #ff99546b;
}

.myc-label-target .myc-target-reticle {
  aspect-ratio: 1;
  border: 1px solid #07767a52;
  border-radius: 50%;
  width: 44%;
  position: absolute;
  top: 31%;
  left: 28%;
}

.myc-target-reticle:before, .myc-target-reticle:after {
  content: "";
  background: #07767a61;
  position: absolute;
}

.myc-target-reticle:before {
  height: 1px;
  top: 50%;
  left: -18%;
  right: -18%;
}

.myc-target-reticle:after {
  width: 1px;
  top: -18%;
  bottom: -18%;
  left: 50%;
}

.myc-target-reticle i {
  border: 1px solid #c65850a8;
  border-radius: 50%;
  position: absolute;
  top: 42%;
  bottom: 42%;
  left: 42%;
  right: 42%;
}

.myc-target-copy {
  text-transform: uppercase;
  border-left: 1px solid #c658507a;
  padding-left: 12px;
  font-size: .56rem;
  position: absolute;
  top: 25%;
  right: -7%;
}

.myc-alpha {
  background: #e8dbc1c2;
  border: 1px solid #07767a4f;
  border-radius: 50%;
  place-items: center;
  width: 29px;
  height: 29px;
  font-size: .51rem;
  display: grid;
  position: absolute;
}

.myc-alpha-one {
  top: 12%;
  left: 63%;
}

.myc-alpha-two {
  top: 42%;
  left: 25%;
}

.myc-alpha-three {
  bottom: 26%;
  right: 15%;
}

.myc-alpha-dna {
  border-radius: 999px;
  width: 42px;
  bottom: 9%;
  left: 38%;
}

.myc-label-pathway {
  background: #e8dbc1d1;
  border-top: 1px solid #07767a4d;
  align-items: center;
  gap: 8px;
  height: auto;
  padding: 9px 11px;
  top: auto;
  bottom: -1%;
  left: -10%;
  right: -17%;
}

body[data-myc-label="i"] .myc-label-pathway {
  display: flex;
}

.myc-label-pathway span {
  text-transform: uppercase;
  min-width: 82px;
  font-size: .5rem;
}

.myc-label-pathway > i {
  background: #07767a57;
  flex: 1;
  min-width: 22px;
  height: 1px;
}

.myc-label-minimal {
  letter-spacing: .1em;
  background: #e8dbc1bf;
  border: 1px solid #07767a3d;
  padding: 6px 9px;
  font-size: .46rem;
  top: auto;
  bottom: 5%;
  left: auto;
  right: 1%;
}

.myc-field-hairline, .myc-field-transcription > path:not(.myc-field-ghost) {
  stroke-dasharray: .1 .08;
  animation: 10s linear infinite myc-signal-travel;
}

.myc-corner-rotor {
  animation: 24s linear infinite myc-rotor;
}

.myc-corner-rotor-reverse {
  animation: 19s linear infinite myc-rotor-reverse;
}

.myc-corner-sweep {
  animation: 8s ease-in-out infinite alternate myc-sweep;
}

body[data-myc-motion="a"] .myc-secondary-field *, body[data-myc-motion="a"] .myc-corner-apparatus *, body[data-myc-motion="a"] .myc-label-option * {
  animation: none !important;
}

body[data-myc-motion="c"] .myc-secondary-field {
  animation: 13s ease-in-out infinite alternate myc-field-drift;
}

body[data-myc-motion="d"] .myc-orbit-core, body[data-myc-motion="d"] .myc-radar-core {
  animation: 15s linear infinite myc-rotor;
}

body[data-myc-motion="d"] .myc-corner-rotor {
  animation-duration: 12s;
}

body[data-myc-motion="d"] .myc-corner-rotor-reverse {
  animation-duration: 9s;
}

body[data-myc-motion="e"] .myc-field-option, body[data-myc-motion="e"] .myc-corner-option, body[data-myc-motion="e"] .myc-label-option {
  animation: 3.6s ease-in-out infinite myc-signal-pulse;
}

@keyframes myc-signal-travel {
  to {
    stroke-dashoffset: -1px;
  }
}

@keyframes myc-rotor {
  to {
    transform: rotate(360deg);
  }
}

@keyframes myc-rotor-reverse {
  to {
    transform: rotate(-360deg);
  }
}

@keyframes myc-sweep {
  from {
    transform: rotate(-9deg);
  }

  to {
    transform: rotate(9deg);
  }
}

@keyframes myc-field-drift {
  from {
    transform: translate3d(-.9%, .6%, 0)scale(1.01);
  }

  to {
    transform: translate3d(1.1%, -.8%, 0)scale(1.025);
  }
}

@keyframes myc-signal-pulse {
  0%, 100% {
    opacity: .45;
  }

  46% {
    opacity: 1;
  }
}

.myc-visual-lab {
  z-index: 92;
  color: #e8f5f5;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  width: min(1180px, 100vw - 32px);
  font-family: SFMono-Regular, Consolas, monospace;
  transition: opacity .22s, transform .28s cubic-bezier(.2, .74, .24, 1), visibility 0s linear .28s;
  position: fixed;
  bottom: 16px;
  left: 50%;
  right: auto;
  transform: translate3d(-50%, 18px, 0)scale(.992);
}

body[data-myc-lab-ready="true"][data-myc-lab-active="true"] .myc-visual-lab {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition-delay: 0s;
  transform: translate3d(-50%, 0, 0)scale(1);
}

.myc-visual-lab details {
  background: #070e12f7;
  border: 1px solid #83d7da38;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 18px 54px #0000004f;
}

.myc-visual-lab summary {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  grid-template-columns: auto minmax(0, 1fr) 20px;
  align-items: center;
  gap: 18px;
  min-height: 46px;
  padding: 0 15px;
  list-style: none;
  display: grid;
}

.myc-visual-lab summary::-webkit-details-marker {
  display: none;
}

.myc-visual-lab summary > span {
  color: #e8f7f8b8;
  letter-spacing: .13em;
  text-transform: uppercase;
  font-size: .57rem;
}

.myc-visual-lab summary > span b {
  color: #83e2e0;
  font-weight: 680;
}

.myc-visual-lab summary strong {
  color: #dceff163;
  letter-spacing: .08em;
  text-align: right;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: .5rem;
  font-weight: 500;
  overflow: hidden;
}

.myc-visual-lab summary > i {
  border: 1px solid #83e2e042;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: relative;
}

.myc-visual-lab summary > i:before, .myc-visual-lab summary > i:after {
  content: "";
  background: #83e2e0;
  width: 8px;
  height: 1px;
  transition: transform .18s;
  position: absolute;
  top: 9px;
  left: 5px;
}

.myc-visual-lab summary > i:after {
  transform: rotate(90deg);
}

.myc-visual-lab details[open] summary > i:after {
  transform: rotate(0);
}

.myc-lab-panel {
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #83e2e042 transparent;
  max-height: min(68vh, 560px);
  border-top: 1px solid #b1e2e61a;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  max-height: min(68svh, 560px);
  padding: 11px 13px 13px;
  display: grid;
  overflow: auto;
}

.myc-lab-intro, .myc-position-controls, .myc-lab-footnote {
  grid-column: 1 / -1;
}

.myc-lab-intro {
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  min-height: 28px;
  display: flex;
}

.myc-lab-intro p, .myc-lab-footnote, .myc-lab-tier > p {
  color: #ddeff166;
  letter-spacing: .065em;
  text-transform: uppercase;
  margin: 0;
  font-size: .47rem;
  line-height: 1.45;
}

.myc-lab-intro button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #e5f9f99e;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
  background: #83e2e00f;
  border: 1px solid #83e2e040;
  border-radius: 999px;
  flex: none;
  min-height: 26px;
  padding: 0 10px;
  font: 500 .47rem / 1 SFMono-Regular, Consolas, monospace;
}

.myc-lab-tier {
  background: #ffffff05;
  border: 1px solid #b1e2e61a;
  border-radius: 12px;
  min-width: 0;
  margin: 0;
  padding: 10px;
}

.myc-lab-tier legend {
  color: #e2f3f48c;
  letter-spacing: .1em;
  text-transform: uppercase;
  grid-template-columns: auto auto minmax(0, 1fr);
  align-items: baseline;
  gap: 8px;
  width: 100%;
  margin: 0 0 8px;
  padding: 0;
  font-size: .49rem;
  display: grid;
}

.myc-lab-tier legend b {
  color: #83e2e0;
  font-weight: 670;
}

.myc-lab-tier legend output {
  color: #e2f3f459;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.myc-lab-options {
  gap: 4px;
  display: grid;
}

.myc-lab-options-ten, .myc-lab-options-five {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.myc-lab-options button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #e1f0f278;
  cursor: pointer;
  background: #ffffff05;
  border: 1px solid #b9dde11f;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  min-width: 0;
  min-height: 30px;
  padding: 0 6px;
  font: 500 .47rem / 1 SFMono-Regular, Consolas, monospace;
  display: flex;
  overflow: hidden;
}

.myc-lab-options button b {
  color: #83e2e0b8;
  font-size: .5rem;
  font-weight: 680;
}

.myc-lab-options button span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.myc-lab-options button:hover, .myc-lab-options button[aria-pressed="true"], .myc-lab-intro button:hover {
  color: #f2ffff;
  border-color: #83e2e08a;
  outline: none;
}

.myc-lab-options button:focus-visible {
  color: #f2ffff;
  border-color: #83e2e08a;
  outline: none;
}

.myc-lab-intro button:focus-visible {
  color: #f2ffff;
  border-color: #83e2e08a;
  outline: none;
}

.myc-lab-options button[aria-pressed="true"] {
  background: #58c6c81f;
  box-shadow: inset 0 0 15px #58c6c812;
}

.myc-lab-tier > p {
  min-height: 2.8em;
  margin-top: 7px;
}

.myc-position-controls {
  background: #ffffff05;
  border: 1px solid #b1e2e61a;
  border-radius: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 9px 10px 7px;
  display: grid;
}

.myc-position-controls label {
  min-width: 0;
}

.myc-position-controls label > span {
  color: #e2f3f47a;
  letter-spacing: .1em;
  text-transform: uppercase;
  justify-content: space-between;
  gap: 12px;
  font-size: .49rem;
  display: flex;
}

.myc-position-controls label > span b {
  color: #83e2e0;
  font-weight: 670;
}

.myc-position-controls output {
  color: #e7fafab8;
}

.myc-position-controls input {
  accent-color: #72d7d4;
  cursor: ew-resize;
  width: 100%;
  height: 24px;
  margin: 3px 0 0;
}

.myc-lab-footnote {
  padding: 0 2px;
}

.myc-lab-footnote span {
  color: #83e2e09e;
}

@media (max-width: 720px) {
  .rung-track-two {
    min-height: auto;
  }

  .rung-track-two .rung-frame {
    min-height: auto;
    overflow-x: clip;
  }

  .rung-track-two .rung-grid {
    padding-bottom: 92px;
  }

  .myc-secondary-field {
    height: min(100%, 940px);
  }

  .myc-corner-apparatus {
    width: 430px;
    bottom: 2px;
    left: -92px;
  }

  body[data-myc-field] .myc-field-option {
    opacity: 0;
  }

  body[data-myc-field="a"] [data-myc-field-option="a"], body[data-myc-field="b"] [data-myc-field-option="b"], body[data-myc-field="c"] [data-myc-field-option="c"], body[data-myc-field="d"] [data-myc-field-option="d"], body[data-myc-field="e"] [data-myc-field-option="e"], body[data-myc-field="f"] [data-myc-field-option="f"], body[data-myc-field="g"] [data-myc-field-option="g"], body[data-myc-field="h"] [data-myc-field-option="h"], body[data-myc-field="i"] [data-myc-field-option="i"] {
    opacity: .4;
  }

  body[data-myc-corner] .myc-corner-option {
    opacity: 0;
  }

  body[data-myc-corner="a"] [data-myc-corner-option="a"], body[data-myc-corner="b"] [data-myc-corner-option="b"], body[data-myc-corner="c"] [data-myc-corner-option="c"], body[data-myc-corner="d"] [data-myc-corner-option="d"], body[data-myc-corner="e"] [data-myc-corner-option="e"], body[data-myc-corner="f"] [data-myc-corner-option="f"], body[data-myc-corner="g"] [data-myc-corner-option="g"], body[data-myc-corner="h"] [data-myc-corner-option="h"], body[data-myc-corner="i"] [data-myc-corner-option="i"] {
    opacity: .32;
  }

  .myc-position-stage {
    transform: translate3d(calc(var(--myc-protein-x, 0px) * .48), calc(var(--myc-protein-y, 0px) * .48), 0);
  }

  .myc-annotation-layer {
    top: -17%;
    bottom: -17%;
    left: -17%;
    right: -17%;
  }

  .myc-callout {
    min-width: 92px;
    padding: 5px 7px;
  }

  .myc-callout:before {
    width: 34px;
  }

  .myc-callout-one {
    right: -12%;
  }

  .myc-callout-two {
    left: -12%;
  }

  .myc-callout-three {
    right: -10%;
  }

  .myc-label-spectral {
    width: 126px;
    right: 0;
  }

  .myc-label-pathway {
    left: -9%;
    right: -9%;
  }

  .myc-label-pathway span {
    min-width: 66px;
  }

  .myc-visual-lab {
    width: calc(100vw - 16px);
    bottom: 8px;
  }

  .myc-visual-lab details {
    border-radius: 15px;
  }

  .myc-visual-lab summary {
    grid-template-columns: auto minmax(0, 1fr) 20px;
    gap: 10px;
    min-height: 42px;
    padding: 0 11px;
  }

  .myc-visual-lab summary strong {
    font-size: .43rem;
  }

  .myc-lab-panel {
    max-height: 68vh;
    grid-template-columns: 1fr;
    gap: 8px;
    max-height: 68svh;
    padding: 9px;
  }

  .myc-lab-intro, .myc-position-controls, .myc-lab-footnote {
    grid-column: 1;
  }

  .myc-lab-intro p {
    max-width: 64%;
  }

  .myc-lab-options button {
    min-height: 32px;
  }

  .myc-lab-options button span {
    display: none;
  }

  .myc-position-controls {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}

.site-ambient-global, .science-cloud-field, .light-section-clouds:not(.light-section-clouds-footer) {
  display: none !important;
}

.site-footer .light-section-clouds-footer {
  opacity: 1;
}

.site-footer .light-section-clouds-footer .ambient-blob {
  filter: blur(max(30px, min(4vw, 64px))) saturate(1.2);
  opacity: .48;
  border-radius: 50%;
  width: max(320px, min(47vw, 940px));
  height: max(280px, min(42vw, 660px));
  animation-duration: 18s;
  animation-timing-function: ease-in-out;
}

.site-footer .light-section-clouds-footer .ambient-blob-one {
  animation-name: footer-cyan-drift;
  top: -18%;
  left: -8%;
}

.site-footer .light-section-clouds-footer .ambient-blob-two {
  animation-name: footer-coral-drift;
  animation-duration: 21s;
  top: -10%;
  left: 65%;
}

.site-footer .light-section-clouds-footer .ambient-blob-three {
  animation-name: footer-middle-drift;
  animation-duration: 25s;
  top: 34%;
  left: 28%;
}

@keyframes footer-cyan-drift {
  0%, 100% {
    opacity: .42;
    transform: translate3d(0, 0, 0)scale(.97);
  }

  50% {
    opacity: .54;
    transform: translate3d(62vw, 10%, 0)scale(1.04);
  }
}

@keyframes footer-coral-drift {
  0%, 100% {
    opacity: .44;
    transform: translate3d(0, 12%, 0)scale(1.02);
  }

  50% {
    opacity: .56;
    transform: translate3d(-62vw, -4%, 0)scale(.96);
  }
}

@keyframes footer-middle-drift {
  0%, 100% {
    opacity: .25;
    transform: translate3d(-22vw, 12%, 0)scale(.95);
  }

  50% {
    opacity: .36;
    transform: translate3d(26vw, -16%, 0)scale(1.04);
  }
}

.ambient-blob {
  display: none !important;
}

.site-footer .ambient-blob {
  display: block !important;
}

.rung-track-three {
  min-height: 156vh;
  min-height: 156svh;
}

@media (max-width: 720px) {
  .rung-track-three {
    min-height: 180vh;
    min-height: 180svh;
  }
}

.myc-text-accent {
  color: #08777c;
  font-style: normal;
  display: inline-block;
}

.hero-line-emerge .hero-word, .hero-line-emerge .hero-word-accent {
  color: #000;
}

:root {
  --brand-text-gradient: linear-gradient(112deg, #36b5c4 0%, #168fb4 38%, #236ab1 72%, #24468b 100%);
}

.brand-gradient-text {
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  font-style: normal;
  background-image: var(--brand-text-gradient) !important;
  -webkit-text-fill-color: transparent !important;
  color: #0000 !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

@media (forced-colors: active) {
  .brand-gradient-text {
    color: linktext !important;
    -webkit-text-fill-color: LinkText !important;
    background: none !important;
  }
}

.brand-gradient-text:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: -.035em;
  margin-right: -.14em;
  padding-left: .035em;
  padding-right: .14em;
}

.brand-gradient-text:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: -.035em;
  margin-right: -.14em;
  padding-left: .035em;
  padding-right: .14em;
}

.brand-gradient-text:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: -.035em;
  margin-right: -.14em;
  padding-left: .035em;
  padding-right: .14em;
}

.brand-gradient-text:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: -.035em;
  margin-right: -.14em;
  padding-left: .035em;
  padding-right: .14em;
}

.brand-gradient-text:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: -.035em;
  margin-right: -.14em;
  padding-left: .035em;
  padding-right: .14em;
}

.brand-gradient-text:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-left: -.14em;
  margin-right: -.035em;
  padding-left: .14em;
  padding-right: .035em;
}

.brand-gradient-text:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-left: -.14em;
  margin-right: -.035em;
  padding-left: .14em;
  padding-right: .035em;
}

.brand-gradient-text:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-left: -.14em;
  margin-right: -.035em;
  padding-left: .14em;
  padding-right: .035em;
}

@media (max-width: 1799px), (max-height: 849px) {
  .rung-track-one .rung-evidence {
    --rung-one-evidence-x: 0px;
    --rung-one-evidence-y: 0px;
    width: 100%;
  }

  .rung-track-one .rung-copy {
    min-width: 0;
    max-width: 100%;
  }

  .rung-track-one .rung-body {
    max-width: 100%;
  }
}

@media (min-width: 841px) and (max-width: 1799px) {
  .rung-track-one .rung-grid {
    grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
    gap: max(36px, min(4vw, 72px));
    padding-left: max(32px, min(5vw, 88px));
    padding-right: max(32px, min(5vw, 88px));
  }

  .rung-track-one .evidence-cards li {
    grid-template-columns: minmax(76px, .22fr) minmax(0, 1fr);
    gap: max(14px, min(1.6vw, 26px));
  }

  .rung-track-one .rung-copy h2 {
    font-size: max(2.6rem, min(3.9vw, 4.3rem));
  }
}

.headline-preview-lab {
  z-index: 90;
  color: #e4f1f2;
  background: #182c35f5;
  border: 1px solid #56717b;
  border-radius: 20px;
  width: 380px;
  max-width: calc(100vw - 36px);
  padding: 18px;
  font: 13px / 1.5 Arial, sans-serif;
  position: fixed;
  bottom: 18px;
  right: 18px;
  box-shadow: 0 12px 40px #14232d22;
}

.headline-preview-lab[hidden] {
  display: none;
}

.headline-preview-lab header {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.headline-preview-lab strong {
  letter-spacing: .1em;
  font: 11px / 1.5 monospace;
}

.headline-preview-lab button, .headline-preview-lab select {
  color: #d4eef0;
  font: inherit;
  cursor: pointer;
  background: #29434d;
  border: 1px solid #557b86;
  border-radius: 8px;
}

.headline-preview-lab header button {
  width: 32px;
  height: 32px;
}

.headline-preview-lab label {
  margin-top: 14px;
  display: block;
}

.headline-preview-lab select {
  width: 100%;
  margin: 6px 0 12px;
  padding: 10px;
  display: block;
}

.headline-preview-choices {
  grid-template-columns: repeat(5, 1fr);
  gap: 6px;
  display: grid;
}

.headline-preview-choices button {
  min-height: 36px;
}

.headline-preview-lab button[aria-pressed="true"] {
  color: #fff;
  background: #356473;
  border-color: #95e3ee;
}

.headline-preview-lab p {
  color: #b5cbd0;
  margin: 12px 0 0;
  font-size: 12px;
}

.headline-preview-lab :-webkit-any(button, select):focus-visible {
  outline-offset: 3px;
  outline: 2px solid #a4eeeb;
}

.headline-preview-lab :-moz-any(button, select):focus-visible {
  outline-offset: 3px;
  outline: 2px solid #a4eeeb;
}

.headline-preview-lab :is(button, select):focus-visible {
  outline-offset: 3px;
  outline: 2px solid #a4eeeb;
}

.headline-preview-lab [hidden] {
  display: none;
}

.myc-target-copy {
  text-align: center;
  border-left: 0;
  width: 100%;
  max-width: calc(100% - 24px);
  padding-left: 0;
  font-size: 1.45rem;
  top: 0;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
}

.myc-target-copy small {
  overflow-wrap: break-word;
  font-size: 1.2rem;
}

@media (max-width: 720px) {
  .wordmark-mark path {
    vector-effect: none;
  }

  body[data-myc-label="g"] .rung-track-two .rung-grid {
    padding-top: 176px;
  }

  body[data-myc-label="g"] .rung-image-myc {
    margin-top: 100px;
  }

  .myc-target-copy {
    top: -100px;
  }
}

@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
  .brand-gradient-text {
    color: #168fb4 !important;
    -webkit-text-fill-color: #168fb4 !important;
    background: none !important;
  }
}

@supports not (overflow: clip) {
  body {
    overflow-x: hidden;
  }
}

@media (min-width: 981px) and (max-width: 1199px) {
  .primary-nav {
    gap: max(22px, min(3vw, 36px));
    left: auto;
    right: max(22px, min(4vw, 64px));
    transform: none;
  }
}

@media (max-width: 980px) {
  .primary-nav {
    transform: none;
  }
}