body.public-wow-page{
  background:
    radial-gradient(circle at 22% 10%, rgba(116,215,255,.06), transparent 28%),
    radial-gradient(circle at 80% 12%, rgba(138,241,255,.04), transparent 24%),
    linear-gradient(180deg, #040a14 0%, #07111f 100%) !important;
  color: inherit;
}

.public-wow-page > *{
  position: relative;
  z-index: 2;
}

.public-spider-bg{
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 18%, rgba(116,215,255,.08), transparent 24%),
    linear-gradient(180deg, rgba(2,6,12,.20), rgba(2,6,12,.58));
}

.public-spider-bg video{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  opacity: .90;
  filter: saturate(1.1) contrast(1.08) brightness(.84);
  transform: scale(1.02);
}

.public-spider-bg::before{
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 50%, rgba(116,215,255,.10), transparent 22%),
    linear-gradient(180deg, rgba(3,8,18,.16), rgba(3,8,18,.58));
}

.public-spider-bg::after{
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px) 0 0/100% 72px,
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px) 0 0/72px 100%;
  opacity: .18;
  mix-blend-mode: screen;
}

.public-wow-progress{
  position: fixed;
  top: 0;
  left: 0;
  height: 3px;
  width: 0%;
  z-index: 40;
  background: linear-gradient(90deg, rgba(138,241,255,.98), rgba(116,215,255,.96), rgba(72,157,255,.92));
  box-shadow: 0 0 18px rgba(116,215,255,.35);
  transform-origin: left center;
}

.public-wow-dock{
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 35;
  display: grid;
  gap: .65rem;
  width: min(320px, calc(100vw - 28px));
  padding: .9rem;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.10);
  background:
    linear-gradient(180deg, rgba(10,17,32,.82), rgba(7,12,24,.74)),
    radial-gradient(circle at 20% 0%, rgba(116,215,255,.10), transparent 30%);
  backdrop-filter: blur(18px) saturate(130%);
  box-shadow: 0 24px 60px rgba(0,0,0,.26);
}

.public-wow-dock::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(255,255,255,.05), transparent 42%, rgba(116,215,255,.06));
  pointer-events: none;
}

.public-wow-dock > *{
  position: relative;
  z-index: 1;
}

.public-wow-kicker{
  display: inline-flex;
  align-items: center;
  width: max-content;
  min-height: 30px;
  padding: .28rem .65rem;
  border-radius: 999px;
  border: 1px solid rgba(116,215,255,.24);
  background: rgba(116,215,255,.12);
  color: rgba(255,255,255,.88);
  font-size: .74rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.public-wow-dock h4{
  margin: .05rem 0 0;
  font-size: 1.1rem;
  line-height: 1.14;
}

.public-wow-dock p{
  margin: .1rem 0 0;
  color: rgba(238,244,255,.72);
  line-height: 1.55;
  font-size: .92rem;
}

.public-wow-dock-links{
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: .55rem;
}

.public-wow-dock a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 .9rem;
  border-radius: 14px;
  text-decoration: none;
  font-weight: 800;
  transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

.public-wow-dock a:hover{
  transform: translateY(-2px);
}

.public-wow-dock a.primary{
  color: #05101b;
  background: linear-gradient(135deg, rgba(138,241,255,.96), rgba(116,215,255,.95));
  box-shadow: 0 12px 28px rgba(116,215,255,.18);
}

.public-wow-dock a.ghost{
  color: #eef4ff;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.10);
}

.public-wow-section{
  opacity: .66;
  transform: translateY(18px);
  transition: opacity .65s ease, transform .65s ease, filter .65s ease;
  filter: saturate(.96);
}

.public-wow-section.is-visible{
  opacity: 1;
  transform: translateY(0);
  filter: saturate(1);
}

.public-wow-page h1,
.public-wow-page h2,
.public-wow-page h3{
  position: relative;
}

.public-wow-page h1::after,
.public-wow-page h2::after{
  content: "";
  display: block;
  width: 86px;
  max-width: 22vw;
  height: 2px;
  margin-top: .38rem;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(138,241,255,.86), rgba(116,215,255,.84), rgba(72,157,255,.18));
  box-shadow: 0 0 16px rgba(116,215,255,.16);
}

.public-wow-page .itdocs-showoff-mount{
  position: relative;
  z-index: 3;
}

.public-wow-page .itdocs-shell{
  box-shadow:
    0 28px 92px rgba(0,0,0,.34),
    0 0 0 1px rgba(255,255,255,.02);
}

.public-wow-page .itdocs-stage{
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.03),
    0 20px 50px rgba(0,0,0,.18);
}

.public-wow-page .itdocs-readout,
.public-wow-page .itdocs-mini,
.public-wow-page .itdocs-stat-grid .tile{
  box-shadow: 0 20px 48px rgba(0,0,0,.22);
}

.public-wow-page .itdocs-stage path{
  animation-duration: 14s;
}

.public-wow-page .itdocs-btn.primary,
.public-wow-page .itdocs-switch.active{
  box-shadow:
    0 0 0 1px rgba(116,215,255,.12),
    0 12px 30px rgba(116,215,255,.18),
    0 0 22px rgba(116,215,255,.08);
}

@media (max-width: 820px){
  .public-wow-dock{
    left: 14px;
    right: 14px;
    bottom: 14px;
    width: auto;
  }
}