.slide[data-astro-cid-lofgzzyd] {
  padding: clamp(48px, 6vw, 84px) 0;
  background: var(--navy-800);
  color: #c9d6e2;
  border-top: 1px solid #ffffff0f;
}

.slide[data-astro-cid-lofgzzyd].light {
  background: var(--surface);
  color: var(--body);
  border-top: 1px solid var(--line);
}

.kick[data-astro-cid-lofgzzyd] {
  font-size: .82rem;
  letter-spacing: .04em;
  color: var(--cyan);
  font-weight: 600;
  margin: 0 0 10px;
}

.light[data-astro-cid-lofgzzyd] .kick[data-astro-cid-lofgzzyd] {
  color: var(--cyan-ink);
}

.n[data-astro-cid-lofgzzyd] {
  display: none;
}

.t[data-astro-cid-lofgzzyd] {
  color: #fff;
  font-size: clamp(1.6rem, 3.2vw, 2.4rem);
  margin: 0 0 .4em;
}

.light[data-astro-cid-lofgzzyd] .t[data-astro-cid-lofgzzyd] {
  color: var(--fg);
}

.t[data-astro-cid-lofgzzyd] em[data-astro-cid-lofgzzyd] {
  font-style: normal;
  color: inherit;
}

.light[data-astro-cid-lofgzzyd] .t[data-astro-cid-lofgzzyd] em[data-astro-cid-lofgzzyd] {
  color: inherit;
}

.sub[data-astro-cid-lofgzzyd] {
  font-size: 1.05rem;
  max-width: 80ch;
  margin: 0 0 28px;
  color: #d6e2ec;
}

.light[data-astro-cid-lofgzzyd] .sub[data-astro-cid-lofgzzyd] {
  color: var(--body);
}

.body[data-astro-cid-lofgzzyd] {
  display: grid;
  gap: 18px;
}
.panel[data-astro-cid-4ug7xah5] {
  --c: var(--cyan);
  position: relative;
  border: 1px solid #ffffff1f;
  border-top: 3px solid var(--c);
  border-radius: 8px;
  background: #ffffff09;
  padding: 20px 22px;
  display: grid;
  gap: 12px;
  align-content: start;
}

.light .panel[data-astro-cid-4ug7xah5] {
  background: var(--surface-2);
  border-color: var(--line);
  border-top-color: var(--c);
}

.green[data-astro-cid-4ug7xah5] {
  --c: #2fd27a;
}

.amber[data-astro-cid-4ug7xah5] {
  --c: #f5b400;
}

.red[data-astro-cid-4ug7xah5] {
  --c: #ff5c5c;
}

.purple[data-astro-cid-4ug7xah5] {
  --c: #a78bfa;
}

.ink[data-astro-cid-4ug7xah5] {
  --c: #8ea3b5;
}

.ph[data-astro-cid-4ug7xah5] {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.ring[data-astro-cid-4ug7xah5] {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1.5px solid var(--c);
  display: grid;
  place-items: center;
  flex: none;
}

.sh-square[data-astro-cid-4ug7xah5] .ring[data-astro-cid-4ug7xah5] {
  border-radius: 8px;
  background: color-mix(in srgb,var(--c) 14%,transparent);
}

.sh-bar[data-astro-cid-4ug7xah5] .ring[data-astro-cid-4ug7xah5] {
  border-radius: 3px;
  border: none;
  width: 6px;
  height: 38px;
  background: var(--c);
}

.sh-bar[data-astro-cid-4ug7xah5] .ring[data-astro-cid-4ug7xah5] .ico {
  display: none;
}

.sh-bar[data-astro-cid-4ug7xah5] {
  border-top: 1px solid #ffffff1f;
}

.light .sh-bar[data-astro-cid-4ug7xah5] {
  border-top: 1px solid var(--line);
}

.ring[data-astro-cid-4ug7xah5] .ico {
  color: var(--c);
}

.num[data-astro-cid-4ug7xah5] {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--c);
  color: var(--navy-800);
  font-weight: 700;
  font-size: .8rem;
  display: grid;
  place-items: center;
  flex: none;
}

.pt[data-astro-cid-4ug7xah5] {
  display: grid;
  gap: 2px;
  flex: 1;
}

.pk[data-astro-cid-4ug7xah5] {
  font-size: .8rem;
  letter-spacing: .04em;
  color: var(--c);
  font-weight: 600;
}

.pt[data-astro-cid-4ug7xah5] strong[data-astro-cid-4ug7xah5] {
  color: #fff;
  font-weight: 600;
  font-size: 1.02rem;
}

.light .pt[data-astro-cid-4ug7xah5] strong[data-astro-cid-4ug7xah5] {
  color: var(--fg);
}

.tag[data-astro-cid-4ug7xah5] {
  font-size: .66rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  border: 1px solid var(--c);
  color: var(--c);
  border-radius: 999px;
  padding: 4px 10px;
  font-weight: 600;
}

.pb[data-astro-cid-4ug7xah5] {
  font-size: .93rem;
  line-height: 1.55;
}

.pb[data-astro-cid-4ug7xah5] p {
  margin: 0 0 .6em;
}

.pb[data-astro-cid-4ug7xah5] p:last-child {
  margin: 0;
}

.pb[data-astro-cid-4ug7xah5] ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 8px;
}

.pb[data-astro-cid-4ug7xah5] li {
  padding-left: 26px;
  position: relative;
}

.pb[data-astro-cid-4ug7xah5] li:before {
  content: "";
  position: absolute;
  left: 0;
  top: .3em;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1.5px solid var(--c);
}

.pb[data-astro-cid-4ug7xah5] li:after {
  content: "";
  position: absolute;
  left: 4.5px;
  top: .52em;
  width: 6px;
  height: 3px;
  border-left: 1.5px solid var(--c);
  border-bottom: 1.5px solid var(--c);
  transform: rotate(-45deg);
}
.i0[data-astro-cid-7lkmcslt] {
  --d: .1s;
}

.i1[data-astro-cid-7lkmcslt] {
  --d: .5s;
}

.i2[data-astro-cid-7lkmcslt] {
  --d: .9s;
}

.i3[data-astro-cid-7lkmcslt] {
  --d: 1.3s;
}

.i4[data-astro-cid-7lkmcslt] {
  --d: 1.7s;
}

.itl[data-astro-cid-7lkmcslt] {
  margin: 0;
  display: grid;
  gap: 14px;
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  padding: 18px;
  background: #ffffff08;
}

.ttl[data-astro-cid-7lkmcslt] {
  display: flex;
  align-items: center;
  gap: 10px;
}

.ttl[data-astro-cid-7lkmcslt] strong[data-astro-cid-7lkmcslt] {
  color: #fff;
  font-weight: 600;
}

.sq[data-astro-cid-7lkmcslt] {
  width: 30px;
  height: 30px;
  border-radius: 7px;
  background: #00d1e01f;
  border: 1px solid #00d1e080;
  display: grid;
  place-items: center;
}

.sq[data-astro-cid-7lkmcslt] .ico {
  color: var(--cyan);
}

.axis[data-astro-cid-7lkmcslt] {
  display: grid;
  grid-template-columns: 140px repeat(4, 1fr);
  padding-left: 72px;
  padding-right: 72px;
}

.axis[data-astro-cid-7lkmcslt].n5 {
  grid-template-columns: 140px repeat(5, 1fr);
}

.axis[data-astro-cid-7lkmcslt] .sp[data-astro-cid-7lkmcslt] {
  border: none;
  margin-left: -72px;
}

.axis[data-astro-cid-7lkmcslt] span[data-astro-cid-7lkmcslt] {
  display: block;
  font-size: .66rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #8ea3b5;
  font-weight: 600;
  border-left: 1px dashed #ffffff26;
  padding-left: 6px;
}

.row[data-astro-cid-7lkmcslt] {
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 0;
  align-items: start;
  min-height: 240px;
}

.lab[data-astro-cid-7lkmcslt] {
  font-size: .68rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 600;
  padding-top: 8px;
}

.good[data-astro-cid-7lkmcslt] .lab[data-astro-cid-7lkmcslt] {
  color: #2fd27a;
}

.bad[data-astro-cid-7lkmcslt] .lab[data-astro-cid-7lkmcslt] {
  color: #ff5c5c;
}

.line[data-astro-cid-7lkmcslt] {
  position: relative;
  height: 100%;
  min-height: 240px;
  border-top: 2px solid #ffffff1f;
  margin: 12px 72px 0;
}

.good[data-astro-cid-7lkmcslt] .line[data-astro-cid-7lkmcslt] {
  border-top-color: #2fd27a80;
}

.bad[data-astro-cid-7lkmcslt] .line[data-astro-cid-7lkmcslt] {
  border-top-color: #ff5c5c80;
}

.ev[data-astro-cid-7lkmcslt] {
  position: absolute;
  top: -7px;
  transform: translateX(-50%);
  display: grid;
  justify-items: center;
  gap: 8px;
  width: 140px;
}

.ev[data-astro-cid-7lkmcslt].i1, .ev[data-astro-cid-7lkmcslt].i3 {
  top: -7px;
}

.ev[data-astro-cid-7lkmcslt].i1 .bub[data-astro-cid-7lkmcslt], .ev[data-astro-cid-7lkmcslt].i3 .bub[data-astro-cid-7lkmcslt] {
  margin-top: 92px;
}

.ev[data-astro-cid-7lkmcslt].i1:before, .ev[data-astro-cid-7lkmcslt].i3:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 14px;
  width: 1px;
  height: 92px;
  background: var(--c);
  opacity: .45;
}

@media (width <= 640px) {
  .ev[data-astro-cid-7lkmcslt].i1:before, .ev[data-astro-cid-7lkmcslt].i3:before {
    display: none;
  }
}

.ev[data-astro-cid-7lkmcslt] {
  opacity: 0;
  animation: .5s ease-out forwards fin;
  animation-delay: var(--d);
}

.dot[data-astro-cid-7lkmcslt] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--c);
  box-shadow: 0 0 0 4px color-mix(in srgb,var(--c) 25%,transparent);
}

.ev[data-astro-cid-7lkmcslt].good {
  --c: #2fd27a;
}

.ev[data-astro-cid-7lkmcslt].bad {
  --c: #ff5c5c;
}

.ev[data-astro-cid-7lkmcslt].neutral {
  --c: #f5b400;
}

.bub[data-astro-cid-7lkmcslt] {
  font-size: .74rem;
  line-height: 1.35;
  text-align: center;
  color: #c9d6e2;
  background: #0a1328;
  border: 1px solid color-mix(in srgb,var(--c) 50%,transparent);
  border-radius: 6px;
  padding: 6px 8px;
}

.bub[data-astro-cid-7lkmcslt] b[data-astro-cid-7lkmcslt] {
  display: block;
  color: var(--c);
  font-size: .68rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: 2px;
}

figcaption[data-astro-cid-7lkmcslt] {
  font-size: .82rem;
  color: #9fb3c4;
  font-style: italic;
}

@keyframes fin {
  to {
    opacity: 1;
  }
}

.at0[data-astro-cid-7lkmcslt] {
  left: 0%;
}

.at2[data-astro-cid-7lkmcslt] {
  left: 2%;
}

.at4[data-astro-cid-7lkmcslt] {
  left: 4%;
}

.at6[data-astro-cid-7lkmcslt] {
  left: 6%;
}

.at8[data-astro-cid-7lkmcslt] {
  left: 8%;
}

.at10[data-astro-cid-7lkmcslt] {
  left: 10%;
}

.at12[data-astro-cid-7lkmcslt] {
  left: 12%;
}

.at14[data-astro-cid-7lkmcslt] {
  left: 14%;
}

.at16[data-astro-cid-7lkmcslt] {
  left: 16%;
}

.at18[data-astro-cid-7lkmcslt] {
  left: 18%;
}

.at20[data-astro-cid-7lkmcslt] {
  left: 20%;
}

.at22[data-astro-cid-7lkmcslt] {
  left: 22%;
}

.at24[data-astro-cid-7lkmcslt] {
  left: 24%;
}

.at26[data-astro-cid-7lkmcslt] {
  left: 26%;
}

.at28[data-astro-cid-7lkmcslt] {
  left: 28%;
}

.at30[data-astro-cid-7lkmcslt] {
  left: 30%;
}

.at32[data-astro-cid-7lkmcslt] {
  left: 32%;
}

.at34[data-astro-cid-7lkmcslt] {
  left: 34%;
}

.at36[data-astro-cid-7lkmcslt] {
  left: 36%;
}

.at38[data-astro-cid-7lkmcslt] {
  left: 38%;
}

.at40[data-astro-cid-7lkmcslt] {
  left: 40%;
}

.at42[data-astro-cid-7lkmcslt] {
  left: 42%;
}

.at44[data-astro-cid-7lkmcslt] {
  left: 44%;
}

.at46[data-astro-cid-7lkmcslt] {
  left: 46%;
}

.at48[data-astro-cid-7lkmcslt] {
  left: 48%;
}

.at50[data-astro-cid-7lkmcslt] {
  left: 50%;
}

.at52[data-astro-cid-7lkmcslt] {
  left: 52%;
}

.at54[data-astro-cid-7lkmcslt] {
  left: 54%;
}

.at56[data-astro-cid-7lkmcslt] {
  left: 56%;
}

.at58[data-astro-cid-7lkmcslt] {
  left: 58%;
}

.at60[data-astro-cid-7lkmcslt] {
  left: 60%;
}

.at62[data-astro-cid-7lkmcslt] {
  left: 62%;
}

.at64[data-astro-cid-7lkmcslt] {
  left: 64%;
}

.at66[data-astro-cid-7lkmcslt] {
  left: 66%;
}

.at68[data-astro-cid-7lkmcslt] {
  left: 68%;
}

.at70[data-astro-cid-7lkmcslt] {
  left: 70%;
}

.at72[data-astro-cid-7lkmcslt] {
  left: 72%;
}

.at74[data-astro-cid-7lkmcslt] {
  left: 74%;
}

.at76[data-astro-cid-7lkmcslt] {
  left: 76%;
}

.at78[data-astro-cid-7lkmcslt] {
  left: 78%;
}

.at80[data-astro-cid-7lkmcslt] {
  left: 80%;
}

.at82[data-astro-cid-7lkmcslt] {
  left: 82%;
}

.at84[data-astro-cid-7lkmcslt] {
  left: 84%;
}

.at86[data-astro-cid-7lkmcslt] {
  left: 86%;
}

.at88[data-astro-cid-7lkmcslt] {
  left: 88%;
}

.at90[data-astro-cid-7lkmcslt] {
  left: 90%;
}

.at92[data-astro-cid-7lkmcslt] {
  left: 92%;
}

.at94[data-astro-cid-7lkmcslt] {
  left: 94%;
}

.at96[data-astro-cid-7lkmcslt] {
  left: 96%;
}

.at98[data-astro-cid-7lkmcslt] {
  left: 98%;
}

.at100[data-astro-cid-7lkmcslt] {
  left: 100%;
}

@media (width <= 820px) {
  .row[data-astro-cid-7lkmcslt] {
    grid-template-columns: 1fr;
  }

  .axis[data-astro-cid-7lkmcslt] {
    grid-template-columns: repeat(4, 1fr);
    padding-left: 60px;
    padding-right: 60px;
  }

  .line[data-astro-cid-7lkmcslt] {
    margin: 12px 60px 0;
  }

  .axis[data-astro-cid-7lkmcslt].n5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .axis[data-astro-cid-7lkmcslt] .sp[data-astro-cid-7lkmcslt] {
    display: none;
  }

  .lab[data-astro-cid-7lkmcslt] {
    padding: 0;
  }

  .ev[data-astro-cid-7lkmcslt] {
    width: 120px;
  }
}

@media (width <= 640px) {
  .axis[data-astro-cid-7lkmcslt] {
    display: none;
  }

  .row[data-astro-cid-7lkmcslt] {
    min-height: 0;
  }

  .line[data-astro-cid-7lkmcslt] {
    border-top: 0;
    margin: 8px 0 0;
    min-height: 0;
    display: grid;
    gap: 8px;
  }

  .ev[data-astro-cid-7lkmcslt] {
    position: static;
    transform: none;
    width: auto;
    grid-template-columns: 12px 1fr;
    align-items: start;
    justify-items: start;
    gap: 10px;
  }

  .ev[data-astro-cid-7lkmcslt].i1 .bub[data-astro-cid-7lkmcslt], .ev[data-astro-cid-7lkmcslt].i3 .bub[data-astro-cid-7lkmcslt] {
    margin-top: 0;
  }

  .dot[data-astro-cid-7lkmcslt] {
    margin-top: 9px;
  }

  .bub[data-astro-cid-7lkmcslt] {
    text-align: left;
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ev[data-astro-cid-7lkmcslt] {
    animation: none;
    opacity: 1;
  }
}

@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .ev[data-astro-cid-7lkmcslt] {
      opacity: 1;
      animation: linear both sd-fade;
      animation-timeline: view(0 10%);
      animation-range: entry calc(15% + var(--s, 0)*8%) cover 30%;
    }

    .i0[data-astro-cid-7lkmcslt] {
      --s: 0;
    }

    .i1[data-astro-cid-7lkmcslt] {
      --s: 1;
    }

    .i2[data-astro-cid-7lkmcslt] {
      --s: 2;
    }

    .i3[data-astro-cid-7lkmcslt] {
      --s: 3;
    }

    .i4[data-astro-cid-7lkmcslt] {
      --s: 4;
    }

    .i5[data-astro-cid-7lkmcslt] {
      --s: 5;
    }

    .i6[data-astro-cid-7lkmcslt] {
      --s: 6;
    }

    .i7[data-astro-cid-7lkmcslt] {
      --s: 7;
    }

    .i8[data-astro-cid-7lkmcslt] {
      --s: 8;
    }

    .i9[data-astro-cid-7lkmcslt] {
      --s: 9;
    }

    @keyframes sd-fade {
      from {
        opacity: 0;
      }

      to {
        opacity: 1;
      }
    }

    .line[data-astro-cid-7lkmcslt] {
      border-top-color: #0000;
    }

    .line[data-astro-cid-7lkmcslt]:before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: -2px;
      border-top: 2px solid var(--lc);
      transform-origin: 0;
      animation: linear both drawline;
      animation-timeline: view(0 10%);
      animation-range: entry 5% cover 30%;
    }

    .good[data-astro-cid-7lkmcslt] .line[data-astro-cid-7lkmcslt] {
      --lc: #2fd27a80;
    }

    .bad[data-astro-cid-7lkmcslt] .line[data-astro-cid-7lkmcslt] {
      --lc: #ff5c5c80;
    }

    @keyframes drawline {
      from {
        transform: scaleX(0);
      }

      to {
        transform: scaleX(1);
      }
    }

    @media (width <= 640px) {
      .line[data-astro-cid-7lkmcslt]:before {
        display: none;
      }
    }
  }
}
.i0[data-astro-cid-fqgvsqsf] {
  --d: 0s;
}

.i1[data-astro-cid-fqgvsqsf] {
  --d: .15s;
}

.i2[data-astro-cid-fqgvsqsf] {
  --d: .3s;
}

.i3[data-astro-cid-fqgvsqsf] {
  --d: .45s;
}

.i4[data-astro-cid-fqgvsqsf] {
  --d: .6s;
}

.tl[data-astro-cid-fqgvsqsf] {
  list-style: none;
  padding: 34px 0 0;
  margin: 0;
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
  position: relative;
}

.tl[data-astro-cid-fqgvsqsf]:before {
  content: "";
  position: absolute;
  left: 5%;
  right: 5%;
  top: 14px;
  height: 2px;
  background: #ffffff2e;
}

.tc[data-astro-cid-fqgvsqsf] {
  --c: var(--cyan);
  position: relative;
  border: 1px solid var(--c);
  border-top-width: 3px;
  border-radius: 8px;
  padding: 22px 16px 16px;
  background: #ffffff09;
  display: grid;
  gap: 10px;
  align-content: start;
  opacity: 0;
  animation: .6s ease-out forwards fin;
  animation-delay: var(--d);
}

.tc[data-astro-cid-fqgvsqsf].amber {
  --c: #f5b400;
}

.tc[data-astro-cid-fqgvsqsf].green {
  --c: #2fd27a;
}

.dot[data-astro-cid-fqgvsqsf] {
  position: absolute;
  top: -34px;
  left: 50%;
  transform: translateX(-50%);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--navy-800);
  border: 2px solid var(--c);
  color: var(--c);
  display: grid;
  place-items: center;
  font-weight: 700;
  font-size: .85rem;
}

.th[data-astro-cid-fqgvsqsf] {
  display: flex;
  align-items: center;
  gap: 10px;
}

.ring[data-astro-cid-fqgvsqsf] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1.5px solid var(--c);
  display: grid;
  place-items: center;
  flex: none;
}

.ring[data-astro-cid-fqgvsqsf] .ico {
  color: var(--c);
}

.th[data-astro-cid-fqgvsqsf] strong[data-astro-cid-fqgvsqsf] {
  color: #fff;
  font-size: .92rem;
  font-weight: 600;
}

.tc[data-astro-cid-fqgvsqsf] p[data-astro-cid-fqgvsqsf] {
  margin: 0;
  font-size: .86rem;
  line-height: 1.5;
}

.big[data-astro-cid-fqgvsqsf] {
  font-family: var(--display);
  font-size: 1.3rem;
  color: var(--c);
  border: 1px solid #ffffff1f;
  border-radius: 6px;
  padding: 10px 12px;
  margin-top: auto;
}

.exit[data-astro-cid-fqgvsqsf] {
  font-size: .62rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  border: 1px solid var(--c);
  color: var(--c);
  border-radius: 999px;
  padding: 5px 10px;
  text-align: center;
  font-weight: 600;
}

@keyframes fin {
  to {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .tc[data-astro-cid-fqgvsqsf] {
    animation: none;
    opacity: 1;
  }
}

@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .tc[data-astro-cid-fqgvsqsf] {
      opacity: 1;
      animation: linear both sd-fade;
      animation-timeline: view(0 10%);
      animation-range: entry calc(var(--s, 0)*6%) cover 30%;
    }

    .i0[data-astro-cid-fqgvsqsf] {
      --s: 0;
    }

    .i1[data-astro-cid-fqgvsqsf] {
      --s: 1;
    }

    .i2[data-astro-cid-fqgvsqsf] {
      --s: 2;
    }

    .i3[data-astro-cid-fqgvsqsf] {
      --s: 3;
    }

    .i4[data-astro-cid-fqgvsqsf] {
      --s: 4;
    }

    .i5[data-astro-cid-fqgvsqsf] {
      --s: 5;
    }

    .i6[data-astro-cid-fqgvsqsf] {
      --s: 6;
    }

    .i7[data-astro-cid-fqgvsqsf] {
      --s: 7;
    }

    .i8[data-astro-cid-fqgvsqsf] {
      --s: 8;
    }

    .i9[data-astro-cid-fqgvsqsf] {
      --s: 9;
    }

    @keyframes sd-fade {
      from {
        opacity: 0;
        transform: translateY(40px);
      }

      to {
        opacity: 1;
        transform: none;
      }
    }
  }
}
.co[data-astro-cid-uubojycj] {
  --c: var(--cyan);
  border-left: 4px solid var(--c);
  background: #ffffff0a;
  border-radius: 0 8px 8px 0;
  padding: 14px 18px;
  font-size: .95rem;
  line-height: 1.55;
}

.light .co[data-astro-cid-uubojycj] {
  background: var(--surface-2);
}

.green[data-astro-cid-uubojycj] {
  --c: #2fd27a;
}

.amber[data-astro-cid-uubojycj] {
  --c: #f5b400;
}

.red[data-astro-cid-uubojycj] {
  --c: #ff5c5c;
}

.co[data-astro-cid-uubojycj] strong[data-astro-cid-uubojycj] {
  color: #fff;
  font-weight: 600;
}

.light .co[data-astro-cid-uubojycj] strong[data-astro-cid-uubojycj] {
  color: var(--fg);
}
.i0[data-astro-cid-veuyhtyn] {
  --d: .55s;
}

.i1[data-astro-cid-veuyhtyn] {
  --d: .7s;
}

.i2[data-astro-cid-veuyhtyn] {
  --d: .85s;
}

.i3[data-astro-cid-veuyhtyn] {
  --d: 1s;
}

.i4[data-astro-cid-veuyhtyn] {
  --d: 1.15s;
}

.st[data-astro-cid-veuyhtyn] {
  display: grid;
  width: 100%;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 170px), 1fr));
}

.si[data-astro-cid-veuyhtyn] {
  background: #0a1328;
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  padding: 18px 16px;
  text-align: center;
  opacity: 0;
  transform: translateY(28px);
  animation: .7s cubic-bezier(.2, .7, .2, 1) forwards fin;
  animation-delay: var(--d);
}

.si[data-astro-cid-veuyhtyn] b[data-astro-cid-veuyhtyn] {
  display: block;
  font-family: var(--display);
  font-size: 1.9rem;
  color: var(--cyan);
  line-height: 1.1;
}

.si[data-astro-cid-veuyhtyn] span[data-astro-cid-veuyhtyn] {
  font-size: .8rem;
  color: #b9c9d6;
}

@keyframes fin {
  to {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .si[data-astro-cid-veuyhtyn] {
    animation: none;
    opacity: 1;
    transform: none;
  }
}
.sv[data-astro-cid-qejt7mel] {
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
}

.sv[data-astro-cid-qejt7mel] svg[data-astro-cid-qejt7mel] {
  width: 100%;
  height: auto;
  overflow: visible;
}

.lbl[data-astro-cid-qejt7mel] {
  font-family: var(--font);
  font-size: 10px;
  letter-spacing: .2em;
  fill: #cfe3ea;
  font-weight: 600;
}

.sku[data-astro-cid-qejt7mel] {
  font-family: var(--font);
  font-size: 11px;
  letter-spacing: .04em;
  fill: #e3edf1;
  font-weight: 600;
  paint-order: stroke;
  stroke: #0f1a36;
  stroke-width: 4px;
  stroke-linejoin: round;
}

.lblB[data-astro-cid-qejt7mel] {
  font-family: var(--font);
  font-size: 11px;
  letter-spacing: .24em;
  fill: #fff;
  font-weight: 600;
}

.lbl2[data-astro-cid-qejt7mel] {
  font-family: var(--font);
  font-size: 10px;
  letter-spacing: .1em;
  fill: #2fd27a;
  font-weight: 700;
}

.lbl3[data-astro-cid-qejt7mel] {
  font-family: var(--font);
  font-size: 9px;
  letter-spacing: .12em;
  fill: #f5b400;
  font-weight: 700;
}

.lbl4[data-astro-cid-qejt7mel] {
  font-family: var(--font);
  font-size: 11px;
  fill: #0f1a36;
  font-weight: 800;
}

.i0[data-astro-cid-qejt7mel] {
  --d: 0s;
}

.i1[data-astro-cid-qejt7mel] {
  --d: .25s;
}

.i2[data-astro-cid-qejt7mel] {
  --d: .5s;
}

.i3[data-astro-cid-qejt7mel] {
  --d: .75s;
}

.i4[data-astro-cid-qejt7mel] {
  --d: 1s;
}

.i5[data-astro-cid-qejt7mel] {
  --d: 1.25s;
}

.i6[data-astro-cid-qejt7mel] {
  --d: 1.5s;
}

.i7[data-astro-cid-qejt7mel] {
  --d: 1.75s;
}

.i8[data-astro-cid-qejt7mel] {
  --d: 2s;
}

.i9[data-astro-cid-qejt7mel] {
  --d: 2.25s;
}

.ring[data-astro-cid-qejt7mel] {
  fill: none;
  stroke: #00d1e0;
  stroke-opacity: .35;
  stroke-width: 1.2px;
  stroke-dasharray: 4 6;
}

.sweep[data-astro-cid-qejt7mel] {
  transform-origin: 200px 200px;
  animation: 6s linear infinite spin;
}

.blip[data-astro-cid-qejt7mel] {
  animation: 3s ease-in-out infinite blink;
  animation-delay: var(--d);
}

.pulse[data-astro-cid-qejt7mel] {
  animation: 3s ease-out infinite pulse;
  animation-delay: var(--d);
}

.dev[data-astro-cid-qejt7mel] .scr[data-astro-cid-qejt7mel] {
  animation: 4s ease-in-out infinite scr;
  animation-delay: var(--d);
}

.check[data-astro-cid-qejt7mel] {
  transform-origin: 330px 330px;
  animation: 1s ease-out both pop;
}

.led[data-astro-cid-qejt7mel] {
  animation: 1.6s ease-in-out infinite blink;
}

.pipe[data-astro-cid-qejt7mel] {
  fill: none;
  stroke: #ffffff40;
  stroke-width: 2px;
  stroke-dasharray: 6 6;
}

.cloud[data-astro-cid-qejt7mel] {
  animation: 6s ease-in-out infinite float;
}

.link[data-astro-cid-qejt7mel] {
  stroke: #00d1e0;
  stroke-opacity: .55;
  stroke-width: 1.5px;
  stroke-dasharray: 320;
  stroke-dashoffset: 320px;
  animation: 1.4s ease-out forwards draw;
  animation-delay: var(--d);
}

.link[data-astro-cid-qejt7mel].ring {
  stroke-opacity: .3;
}

.link[data-astro-cid-qejt7mel].spoke {
  stroke-width: 2px;
}

.hub[data-astro-cid-qejt7mel] {
  transform-origin: 200px 200px;
  animation: 4s ease-in-out infinite breathe;
}

.node[data-astro-cid-qejt7mel] {
  animation: .6s ease-out both pop;
  animation-delay: var(--d);
}

.shield[data-astro-cid-qejt7mel] {
  fill: none;
  stroke: #00d1e0;
  stroke-width: 2px;
  stroke-opacity: .6;
  animation: 4s ease-in-out infinite breathe;
  animation-delay: var(--d);
}

.env[data-astro-cid-qejt7mel] {
  animation: 5s ease-in-out infinite float;
}

.threat[data-astro-cid-qejt7mel] {
  animation: 3s ease-in-out infinite fade;
  animation-delay: var(--d);
}

.key[data-astro-cid-qejt7mel] {
  transform-origin: 200px 200px;
  animation: 5s ease-in-out infinite wiggle;
}

.mfa[data-astro-cid-qejt7mel] {
  animation: .8s ease-out .4s both pop;
}

.deny[data-astro-cid-qejt7mel] {
  animation: .8s ease-out .8s both pop;
}

.gauge[data-astro-cid-qejt7mel] {
  stroke-dasharray: 440;
  stroke-dashoffset: 440px;
  animation: 2.4s ease-out forwards gauge;
}

.needle[data-astro-cid-qejt7mel] {
  transform-origin: 200px 260px;
  transform: rotate(-90deg);
  animation: 2.4s ease-out forwards needle;
}

.row[data-astro-cid-qejt7mel] {
  animation: .8s ease-out both fade-in;
  animation-delay: var(--d);
}

.cross[data-astro-cid-qejt7mel] {
  transform-origin: 200px 200px;
  animation: 30s linear infinite spin;
}

.scan[data-astro-cid-qejt7mel] {
  animation: 3s ease-in-out infinite scan;
}

.find[data-astro-cid-qejt7mel] {
  animation: .5s ease-out both pop;
  animation-delay: calc(1s + var(--d));
}

.core[data-astro-cid-qejt7mel] {
  transform-origin: 200px 200px;
  animation: 3s ease-in-out infinite breathe;
}

.orbit[data-astro-cid-qejt7mel] {
  transform-origin: 200px 200px;
  animation: 40s linear infinite spin;
}

.orbit[data-astro-cid-qejt7mel] text[data-astro-cid-qejt7mel] {
  transform-box: fill-box;
}

.gate[data-astro-cid-qejt7mel] {
  animation: 5s ease-in-out infinite float;
}

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

@keyframes blink {
  0%, 100% {
    opacity: .2;
  }

  50% {
    opacity: 1;
  }
}

@keyframes pulse {
  0% {
    r: 6;
    opacity: 1;
  }

  100% {
    r: 28;
    opacity: 0;
  }
}

@keyframes scr {
  0%, 100% {
    fill-opacity: .15;
  }

  50% {
    fill-opacity: .6;
  }
}

@keyframes pop {
  from {
    opacity: 0;
    transform: scale(.6);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes float {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-8px);
  }
}

@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes breathe {
  0%, 100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.04);
  }
}

@keyframes fade {
  0%, 100% {
    opacity: .25;
  }

  50% {
    opacity: 1;
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes wiggle {
  0%, 100% {
    transform: rotate(-6deg);
  }

  50% {
    transform: rotate(6deg);
  }
}

@keyframes gauge {
  to {
    stroke-dashoffset: 110px;
  }
}

@keyframes needle {
  to {
    transform: rotate(45deg);
  }
}

@keyframes scan {
  0%, 100% {
    transform: translateY(-120px);
  }

  50% {
    transform: translateY(120px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .sv[data-astro-cid-qejt7mel] [data-astro-cid-qejt7mel] {
    animation: none !important;
  }

  .link[data-astro-cid-qejt7mel] {
    stroke-dashoffset: 0;
  }

  .gauge[data-astro-cid-qejt7mel] {
    stroke-dashoffset: 110px;
  }

  .needle[data-astro-cid-qejt7mel] {
    transform: rotate(45deg);
  }
}